/* ========================================================================
   Custom CSS
 ========================================================================== */
/*
 */

@import 'https://fonts.googleapis.com/css?family=Ubuntu:300,400';
@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,700';
body,
html {
    font-family: 'Ubuntu';
}
body p {
    font-weight: 300;
    line-height: 25px;
}
.counto {
    font-family: 'Raleway';
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway';
}
.uk-navbar-nav>li>a {
    font-family: 'Ubuntu';
    color: white;
}
.uk-nav-navbar ul a {
    color: white;
}
#bottom-block .uk-panel-title {
    font-family: 'Ubuntu';
}
.uk-navbar-nav > li > a:after,
.uk-navbar-nav > li > span:after,
.uk-navbar-nav > li > a:before,
.uk-navbar-nav > li > span:before,
.uk-navbar-nav > li > a:after:after,
.uk-navbar-nav > li > span:hover:after,
.uk-navbar-nav > li > span:hover:before,
.uk-navbar-nav > li > a:hover:before {
    background: #ffffff;
}
.uk-dotnav > * > * {
    background-color: #f16338 !Important;
    border-color: #f16338 !Important;
}
.uk-dotnav-contrast > .uk-active > * {
    border-color: #f16338 !Important;
}
.iconboxes-5:hover .hi-icon-effect-5 .hi-icon,
.iconboxes span:hover,
.iconboxes-2:hover .section-icon i.hi-icon,
.iconboxes-2:hover i,
.iconboxes.effect-3 span:hover,
.iconboxes-4:hover .section-icon,
.iconboxes-4:hover i:hover,
.iconboxes-4:hover .hi-icon-effect-5 .hi-icon,
.iconboxes-4:hover .section-icon i:hover {
    background-color: #f16338;
    border-color: #f16338;
    color: #f16338;
}
.iconboxes span:hover,
.uk-accordion-title.uk-active,
.iconboxes.effect3 span:hover {
    border-color: #f16338;
}
.iconboxes.effect3 span:hover:after,
.iconboxes.effect3 span:hover:before,
.iconboxes span:hover:after,
.iconboxes span:hover:after,
.iconboxes span:hover:before,
.iconboxes-4:hover .section-icon:after,
.iconboxes-4:hover .section-icon:before {
    border-top-color: #f16338;
}
.iconboxes.effect6:hover,
.iconboxes-1 span:hover {
    background-color: #f16338;
    border-color: #f16338;
}
.iconboxes.effect6 i,
.iconboxes.effect7 i,
.iconboxes.effect8 i {
    border-color: #f16338;
    color: #f16338;
}
.iconboxes-2:hover i,
.iconboxes-2:hover i.hi-icon {
    background-color: #f16338;
    color: #ffffff;
}
.iconboxes-1 span:hover:after,
.iconboxes-1 span:hover:before {
    border-top: 11px solid #f16338;
    border-top-color: #f16338;
}
::selection {
    background: #f16338;
}
::-moz-selection {
    background: #f16338;
}
#bottom-block {
    background-color: #333;
    color: #fff;
}
#bottom-block .uk-panel-title:after {
    border-top: solid 2px #f16338;
}
#bottom-block .uk-panel-title {
    color: #fff;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
}
.pricing-table .uk-scrollspy-init-inview .plan-price,
.pricing-table .uk-width-1-3 .plan-price,
.pricing-table .uk-scrollspy-init-inview .plan-price span,
.pricing-table .uk-width-1-3 .plan-price span,
.pricing-table ul li .plan-price span.after-price {
    color: white !important;
}
.pricing-table ul li.plan-action,
.pricing-table ul li.plan-head {
    background: #b1b9bb !important;
}
.pricing-table .featured ul li.plan-head,
.pricing-table .featured ul li.plan-action {
    background-color: #f16338 !important;
    color: white !important;
}
.pricing-table .uk-scrollspy-init-inview ul p.hover-tip-text,
.pricing-table .uk-width-1-3 ul p.hover-tip-text {
    background: #222;
    color: white;
}
.pricing-table .uk-scrollspy-init-inview ul li:nth-child(2n),
.pricing-table .uk-width-1-3 ul li:nth-child(2n) {
    background: #fbfbfb;
}
.uk-nav-navbar > li > a:hover,
.uk-nav-side ul a:hover,
.uk-nav-side ul a .uk-nav-navbar > li > a:focus,
ul.uk-nav-sub > li:hover > a,
.uk-nav-navbar > li:hover i,
.uk-nav-navbar > li.uk-active > a,
.uk-nav-navbar > li.uk-active > a > i,
.uk-nav-navbar > li.uk-active > a > i,
.uk-nav-navbar ul a:hover,
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus,
.uk-nav-dropdown ul a,
.uk-nav-dropdown ul a:hover,
.uk-subnav > * >:hover,
.uk-subnav > * >:focus,
.uk-subnav > .uk-active > *,
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus,
.uk-tab > li > a,
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-nav-navbar ul li.uk-active a,
.uk-tab > li.uk-open > a,
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-icon-button:hover,
.uk-icon-button:focus,
.uk-nav-search ul a,
.uk-nav-search ul a:hover,
ul.check .uk-icon-check,
a,
.uk-link,
a:hover,
.uk-link:hover,
.team_item .profile-scocial a:hover,
.team_item .profile-scocial i:hover,
.team_item .profile-position,
.uk-nav-navbar ul li.uk-active a .uk-nav-navbar ul li.uk-active a {
    color: #f16338;
}
.tagspopular li:hover,
.tagspopular li:hover,
.tagspopular li:hover,
.timeline .time-item:hover .content-line:before,
.timeline .time-item:hover .content-line,
.timeline .time-item .center-line.circle i,
.timeline .time-item .center-line.square,
.uk-badge,
.uk-badge-warning,
.contact_corporate .uk-button,
.secondary_color_button,
.btn-active,
.text-hover-pre-title,
.bgg,
.uk-pagination > .uk-active > span,
.uk-button-primary,
.uk-contrast .uk-button-primary,
.uk-progress-bar,
.uk-progress-warning .uk-progress-bar,
.bg-color {
    background-color: #f16338;
}
.uk-nav-navbar ul.uk-nav-sub:hover {
    border-top: 1px solid #f16338 !important;
}
.green-btn{ background:#77af2d; padding:6px 20px; color:#fff;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #517a1c;}
.green-btn:hover{ color:#223706;}
.form-item{ width:100%; float:left; padding:5px 0;}
.form-item label{ width:20%; float:left; text-align:left; padding-left:10%;}
.form-item input,.form-item textarea{ width:60%; float:left; background:#c8c8c8; border:0; padding:5px;}
.form-item textarea{ height:40px;}
.form-item .submit{ width:100px; background:#000;color:#fff;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; float:right; margin-right:8%; cursor:pointer;}
.blue-header{ color:#2fa4ff; font-weight:bold;font-family: 'Raleway'; text-transform:uppercase;}
.black-header{ color:#444444; text-transform:uppercase; font-weight:bold;}
.h1{ font-weight:bold;}
.h3{ font-weight:bold; text-transform:uppercase;}
.blueh4{color:#2fa4ff; font-weight:bold;}
.article_h4{ font-weight:bold;}
.form-item .nl-email{ float:none; width:90% !important; padding:10px 10px; background:#fff;}
.form-item .nl-submit{float:none; background:#77af2d; padding:10px 20px; color:#fff;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #517a1c; cursor:pointer; width:150px; text-transform:uppercase;}
#bottom-block h3{ color:#fff !important}
.premium-member-form{ width:300px; height:300px; background-color:rgba(0,0,0,0.7); position:absolute; z-index:999; top:150px; right:10%; padding:20px;}
.premium-member-form h3, .premium-member-form h4{ color:#fff !important;}
.premium-member-form .form-item label{ padding:0; font-size:14px; width:35%; color:#fff;}
.premium-member-form .form-item .submit{ float:right; margin:0; background:#3674ba;}