@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap"); 
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i,900&display=swap"); 
.flex-center-start{  
 display:-webkit-box; 
display:-ms-flexbox; 
display:flex; 
-webkit-box-align:center; 
-ms-flex-align:center; 
align-items:center; 
-webkit-box-pack:start; 
-ms-flex-pack:start; 
justify-content:start 
}   
 body{  
 font-family:'Rubik', sans-serif; 
font-weight:normal; 
font-style:normal 
}   
 .img{  
 max-width:100%; 
-webkit-transition:.3s; 
-moz-transition:.3s; 
-o-transition:.3s; 
transition:.3s 
}   
 a,.button{  
 -webkit-transition:.3s; 
-moz-transition:.3s; 
-o-transition:.3s; 
transition:.3s 
}   
 a:focus,.button:focus,button:focus{  
 text-decoration:none; 
outline:none 
}   
 a:focus{  
 color:#fff; 
text-decoration:none 
}   
 a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{  
 text-decoration:none; 
color:#000 
}   
 a,button{  
 color:#141313; 
outline:medium none 
}   
 h1,h2,h3,h4,h5{  
 font-family:'Rubik', sans-serif; 
color:#141313; 
}   
 h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{  
 color:inherit 
}   
 ul{  
 margin:0px; 
padding:0px 
}   
 li{  
 list-style:none 
}   
 p{  
 font-size:16px; 
font-weight:300; 
line-height:26px;
margin-bottom:13px; 
font-family:'Rubik', sans-serif 
}   
 label{  
 color:#7e7e7e; 
cursor:pointer; 
font-size:14px; 
font-weight:400 
}   
 *::-moz-selection{  
 background:#444; 
color:#fff; 
text-shadow:none 
}   
 ::-moz-selection{  
 background:#444; 
color:#fff; 
text-shadow:none 
}   
 ::selection{  
 background:#444; 
color:#fff; 
text-shadow:none 
}   
 *::-webkit-input-placeholder{  
 color:#cccccc; 
font-size:14px; 
opacity:1 
}   
 *:-ms-input-placeholder{  
 color:#cccccc; 
font-size:14px; 
opacity:1 
}   
 *::-ms-input-placeholder{  
 color:#cccccc; 
font-size:14px; 
opacity:1 
}   
 *::placeholder{  
 color:#cccccc; 
font-size:14px; 
opacity:1 
}   
 h3{  
 font-size:24px 
}   
 .mb-65{  
 margin-bottom:30px 
}   
 .black-bg{  
 background:#272727 !important 
}   
 .white-bg{  
 background:#ffffff 
}   
 .gray-bg{  
 background:#f5f5f5 
}   
 .bg-index-1{  
 background-image:url(../img/slider/slider-img-1.jpg) 
}
 .bg-index-2{  
 background-image:url(../img/slider/slider-img-2.jpg) 
}
 .bg-index-3{  
 background-image:url(../img/slider/slider-img-3.jpg) 
}
 .bg-img-2{  
 background-image:url(../img/background-img/bg-img-2.jpg) 
}   
 .cta-bg-1{  
 background-image:url(../img/background-img/bg-img-3.jpg) 
}   
 .overlay{  
 position:relative; 
z-index:0 
}   
 .overlay::before{  
 position:absolute; 
content:""; 
background-color:#141313; 
top:0; 
left:0; 
width:100%; 
height:100%; 
z-index:-1; 
opacity:0.851 
}   
 .overlay2{  
 position:relative; 
z-index:0 
}   
 .overlay2::before{  
 position:absolute; 
content:""; 
background-color:#141313; 
top:0; 
left:0; 
width:100%; 
height:100%; 
z-index:-1; 
opacity:0.5 
}   
 .section-padding{  
 padding-top:120px; 
padding-bottom:120px 
}   
 .pt-120{  
 padding-top:120px 
}   
 .owl-carousel .owl-nav div{  
 background:transparent; 
height:65px; 
left:0px; 
line-height:65px; 
position:absolute; 
text-align:center; 
top:50%; 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%); 
transform:translateY(-50%); 
-webkit-transition:all 0.3s ease 0s; 
-o-transition:all 0.3s ease 0s; 
transition:all 0.3s ease 0s; 
width:65px; 
font-size:16px; 
color:#fff; 
border:1px solid #363d4f 
}   
 .owl-carousel .owl-nav{  
 position:relative 
}   
 .owl-carousel .owl-nav div.owl-next{  
 left:86px; 
right:auto 
}   
 .owl-carousel .owl-nav div.owl-prev i{  
 position:relative; 
right:2px 
}   
 .owl-carousel:hover .owl-nav div{  
 opacity:1; 
visibility:visible 
}   
 .owl-carousel:hover .owl-nav div:hover{  
 color:#006CB5 
}   
 .boxed-btn{  
 background:#006CB5; 
color:#fff; 
display:inline-block; 
padding:13px 32px; 
font-family:"Rubik",sans-serif; 
font-size:16px; 
font-weight:400; 
border:0; 
border:1px solid transparent 
}   
 .boxed-btn:hover{  
 background:transparent; 
color:#006CB5 !important; 
border:1px solid #006CB5 
}   
 .boxed-btn:focus{  
 outline:none; 
color:#fff 
}   
 .boxed-btn2{  
 background:#006CB5; 
color:#fff; 
display:inline-block; 
padding:22px 50px; 
font-size:16px; 
font-family:"Rubik",sans-serif; 
font-weight:400 
}   
 .boxed-btn2:hover{  
 color:#fff 
}   
 .boxed-btn2:focus{  
 outline:none; 
color:#fff 
}   
 .underline-hover{  
 color:#006CB5; 
font-weight:400; 
font-size:16px; 
-webkit-transition:.3s; 
-moz-transition:.3s; 
-o-transition:.3s; 
transition:.3s 
}   
 .underline-hover:hover{  
 text-decoration:underline; 
color:#006CB5 
}   
 .section-title h3{  
 font-size:34px; 
line-height: 1.2em;
font-weight:500; 
font-family:"Rubik",sans-serif 
}   
 @media (max-width: 576px){  
 .section-title h3{  
 font-size:24px;
}     
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .section-title h3{  
 font-size:32px; 
line-height:48px 
}     
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .section-title h3 br{  
 display:none 
} 
}   
 .section-title span{  
 font-size:16px; 
color:#006CB5; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
margin-bottom:13px; 
display:block; 
text-transform:uppercase 
}   
 .section-title .para-text{  
 color:#272727; 
font-weight:400; 
margin-top:25px; 
margin-bottom:55px; 
font-size:16px 
}   
 .section-title.text-white h3{  
 color:#fff 
}   
 .section-title.text-white p{  
 color:#fff; 
font-size:16px 
}   
 .section-padding{  
 padding-top:100px; 
padding-bottom:100px 
}   
 @media (max-width: 767px){  
 .section-padding{  
 padding-top:60px; 
padding-bottom:60px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .section-padding{  
 padding-top:100px; 
padding-bottom:100px 
}   
  
}   
 @media (max-width: 767px){  
 .mobile_menu{  
 position:absolute; 
right:0px; 
width:100%; 
z-index:9 
}   
  
}   
 .slicknav_menu .slicknav_nav{  
 background:#fff; 
float:right; 
margin-top:0; 
padding:0; 
width:95%; 
padding:0; 
border-radius:0px; 
margin-top:5px; 
position:absolute; 
left:0; 
right:0; 
margin:auto; 
top:65px 
}   
 .slicknav_menu .slicknav_nav a:hover{  
 background:transparent; 
color:#006CB5 
}   
 .slicknav_menu .slicknav_nav a.active{  
 color:#006CB5 
}   
 @media (max-width: 767px){  
 .slicknav_menu .slicknav_nav a i{  
 display:none 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .slicknav_menu .slicknav_nav a i{  
 display:none 
}   
  
}   
 .slicknav_menu .slicknav_nav .slicknav_btn{  
 background-color:transparent; 
cursor:pointer; 
margin-bottom:10px; 
margin-top:-40px; 
position:relative; 
z-index:99; 
border:1px solid #ddd; 
top:3px; 
right:5px 
}   
 .slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon{  
 margin-right:6px; 
margin-top:3px; 
position:relative; 
padding-bottom:3px; 
top:-11px; 
right:-5px 
}   
 @media (max-width: 767px){  
 .slicknav_menu{  
 margin-right:12px 
}   
  
}   
 .home-6 .slicknav_menu .slicknav_icon{  
 margin-right:6px; 
margin-top:3px; 
right:-5px; 
padding-bottom:3px; 
position:absolute; 
top:3px 
}   
 .slicknav_nav .slicknav_arrow{  
 float:right; 
font-size:22px; 
position:relative; 
top:-9px 
}   
 .header-area .header-top{  
 padding:13px 0 
}   
 .header-area .header-top .header-contact a{  
 color:#bebebe; 
display:inline-block; 
padding-right:55px; 
font-weight:300; 
font-size:14px 
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .header-area .header-top .header-contact a{  
 padding-right:14px 
}   
  
}   
 .header-area .header-top .header-contact a i{  
 padding-right:14px; 
font-size:12px; 
color:#bebebe 
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .header-area .header-top .header-contact a i{  
 padding-right:5px 
}   
  
}   
 .header-area .header-top .header-top-menu{  
 text-align:right 
}   
 .header-area .header-top .header-top-menu ul li{  
 display:inline-block 
}   
 .header-area .header-top .header-top-menu ul li a{  
 color:#bdbdbd; 
margin-left:33px; 
font-size:14px 
}   
 @media (max-width: 767px){  
 .header-area .main-header-area{  
 padding:10px 0; 
height:80px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .header-area .main-header-area{  
 padding:10px 0; 
height:80px 
}   
  
}   
 @media (max-width: 767px){  
 .header-area .main-header-area .logo-img{  
 position:absolute; 
display:inline-block; 
text-align:center; 
margin:3px auto; 
z-index:999; 
width:64px; 
left:0; 
right:0 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .header-area .main-header-area .logo-img{  
 position:absolute; 
display:inline-block; 
text-align:center; 
margin:3px auto; 
z-index:999; 
width:64px; 
left:0; 
right:0 
}   
  
}   
 .header-area .main-header-area .main-menu ul li{  
 display:inline-block; 
position:relative 
}   
 .header-area .main-header-area .main-menu ul li a{  
 color:#141313; 
font-size:16px;
font-weight:400; 
display:inline-block; 
padding:35px 10px 35px 10px; 
font-family:"Rubik",sans-serif; 
position:relative 
}   
 @media (min-width: 992px) and (max-width: 1200px){  
 .header-area .main-header-area .main-menu ul li a{  
 padding:35px 8px 35px 8px 
}   
  
}   
 .header-area .main-header-area .main-menu ul li a i{  
 font-size:9px 
}   
 @media (max-width: 767px){  
 .header-area .main-header-area .main-menu ul li a i{  
 display:none !important 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .header-area .main-header-area .main-menu ul li a i{  
 display:none !important 
}   
  
}   
 .header-area .main-header-area .main-menu ul li a::before{  
 position:absolute; 
content:""; 
background:#006CB5; 
width:100%; 
height:2px; 
bottom:0; 
left:0; 
opacity:0; 
transform:scaleX(0); 
-webkit-transition:.3s; 
-moz-transition:.3s; 
-o-transition:.3s; 
transition:.3s 
}   
 .header-area .main-header-area .main-menu ul li a:hover::before{  
 opacity:1; 
transform:scaleX(1) 
}   
 .header-area .main-header-area .main-menu ul li a.active::before{  
 opacity:1; 
transform:scaleX(1) 
}   
 .header-area .main-header-area .main-menu ul li .submenu{  
 position:absolute; 
left:0; 
top:140%; 
background:#fff; 
width:200px; 
z-index:2; 
box-shadow:0 0 10px rgba(0,0,0,0.02); 
opacity:0; 
visibility:hidden; 
-webkit-transition:.6s; 
-moz-transition:.6s; 
-o-transition:.6s; 
transition:.6s 
}   
 .header-area .main-header-area .main-menu ul li .submenu li{  
 display:block 
}   
 .header-area .main-header-area .main-menu ul li .submenu li a{  
 padding:10px 15px; 
position:inherit; 
-webkit-transition:.3s; 
-moz-transition:.3s; 
-o-transition:.3s; 
transition:.3s; 
display:block 
}   
 .header-area .main-header-area .main-menu ul li .submenu li a::before{  
 display:none 
}   
 .header-area .main-header-area .main-menu ul li .submenu li:hover a{  
 color:#006CB5 
}   
 .header-area .main-header-area .main-menu ul li:hover>.submenu{  
 opacity:1; 
visibility:visible; 
top:100% 
}   
 .header-area .main-header-area .main-menu ul li:hover>a::before{  
 opacity:1; 
transform:scaleX(1) 
}   
 .header-area .main-header-area .quote-area{  
 display:-webkit-box; 
display:-ms-flexbox; 
display:flex; 
-webkit-box-pack:justify; 
-ms-flex-pack:justify; 
justify-content:space-between; 
-webkit-box-align:center; 
-ms-flex-align:center; 
align-items:center 
}   
 .header-area .main-header-area .quote-area .search-bar{  
 margin-left:43px 
}   
 .header-area .main-header-area .quote-area .search-bar i{  
 font-size:18px; 
color:#bebebe 
}   
 .header-area .main-header-area .quote-area .get-quote{  
 text-align:right; 
display:inline-block 
}   
 .header-area .main-header-area.sticky{  
 box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1); 
position:fixed; 
width:100%; 
top:-70px; 
left:0; 
right:0; 
z-index:9999; 
transform:translateY(70px); 
transition:transform 500ms ease, background 500ms ease; 
-webkit-transition:transform 500ms ease, background 500ms ease; 
box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1) 
}   
 #search_input_box{  
 position:fixed; 
left:50%; 
-webkit-transform:translateX(-50%); 
-moz-transform:translateX(-50%); 
-ms-transform:translateX(-50%); 
-o-transform:translateX(-50%); 
transform:translateX(-50%); 
width:100%; 
max-width:1140px; 
z-index:999; 
text-align:center; 
background:#1e1c27 
}   
 #search_input_box ::placeholder{  
 color:#fff 
}   
 @media (max-width: 767px){  
 #search_input_box{  
 top:59px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 #search_input_box{  
 top:109px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .main-header-area.sticky #search_input_box{  
 top:59px 
}   
  
}   
 #search_input_box .form-control{  
 background:transparent; 
border:0; 
color:#ffffff; 
font-weight:400; 
font-size:15px; 
padding:0 
}   
 #search_input_box .btn{  
 width:0; 
height:0; 
padding:0; 
border:0 
}   
 #search_input_box .ti-close{  
 color:#fff; 
font-weight:600; 
cursor:pointer; 
padding:10px; 
padding-right:0 
}   
 .search-inner{  
 padding:14px 5px 
}   
 .form-control:focus{  
 box-shadow:none 
}   
 .navbar_fixed #search_input_box{  
 position:fixed; 
left:50%; 
-webkit-transform:translateX(-50%); 
-moz-transform:translateX(-50%); 
-ms-transform:translateX(-50%); 
-o-transform:translateX(-50%); 
transform:translateX(-50%); 
width:100%; 
max-width:1140px; 
z-index:999; 
text-align:center; 
padding:0 20px; 
top:80px 
}   
 @media (max-width: 767px){  
 .navbar_fixed #search_input_box{  
 top:50px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .navbar_fixed #search_input_box{  
 top:50px 
}   
  
}   
 .social-link{  
 position:relative; 
z-index:9 
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .social-link{  
 position:static 
}   
  
}   
 @media (max-width: 767px){  
 .social-link{  
 position:static 
}   
  
}   
 #search_1{  
 position:absolute; 
color:#fff; 
top:1px; 
left:23px; 
font-size:14px 
}   
 @media (max-width: 767px){  
 #search_1{  
 position:absolute; 
color:#fff; 
top:3px; 
left:auto; 
right:17px; 
font-size:14px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 #search_1{  
 position:absolute; 
left:auto; 
right:0 
}   
  
}   
 #close_search{  
 position:relative; 
z-index:99999; 
top:2px; 
color:#fff 
}   
 #search_1{  
 position:absolute; 
color:#fff; 
top:50%; 
left:inherit; 
font-size:14px; 
transform:translateY(-50%) 
}   
 @media (max-width: 767px){  
 #search_1{  
 position:absolute; 
color:#fff; 
top:18px; 
left:23px; 
font-size:14px; 
transform:none; 
right:0; 
z-index:999; 
width:20px; 
height:20px; 
left:22px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 #search_1{  
 position:absolute; 
color:#fff; 
top:18px; 
left:23px; 
font-size:14px; 
transform:none; 
right:0; 
z-index:999; 
width:20px; 
height:20px; 
left:22px 
}   
  
}   
 @media (min-width: 992px) and (max-width: 1200px){  
 #search_1{  
 position:absolute; 
color:#fff; 
left:30px; 
font-size:14px; 
transform:none; 
right:0; 
margin:auto; 
z-index:999; 
top:16px 
}   
  
}   
 .slider-area .single-slider{  
 height:760px; 
background-size:cover; 
background-position:center; 
display:-webkit-box; 
display:-ms-flexbox; 
display:flex; 
-webkit-box-align:center; 
-ms-flex-align:center; 
align-items:center; 
position:relative; 
z-index:2 
}   
 @media (max-width: 767px){  
 .slider-area .single-slider{  
 height:600px 
}   
  
}   
 .slider-area .single-slider::before{  
 position:absolute; 
content:""; 
background:#141313; 
width:100%; 
height:100%; 
left:0; 
top:0; 
opacity:.2 
}   
 .slider-area .single-slider .slider-content{  
 background:#fff; 
padding:73px 56px 100px 50px; 
position:relative; 
z-index:9; 
display:inline-block 
}   
 @media (max-width: 767px){  
 .slider-area .single-slider .slider-content{  
 padding:73px 40px 100px 40px 
}   
  
}   
 .slider-area .single-slider .slider-content p{  
 color:#006CB5; 
font-size:16px; 
font-weight:400; 
margin-bottom:16px 
}   
 .slider-area .single-slider .slider-content h3{  
 font-family:"Rubik",sans-serif; 
font-weight:500; 
font-size:50px; 
color:#141313; 
line-height:72px; 
margin-bottom:28px 
}   
 @media (max-width: 767px){  
 .slider-area .single-slider .slider-content h3{  
 font-size:20px; 
line-height:35px; 
margin-bottom:10px 
}
}
 @media (max-width: 576px){  
 .slider-area .single-slider .slider-content h3{  
 font-size:22px; 
line-height:40px; 
margin-bottom:10px 
}    
}   
 .slider-area .single-slider .slider-content a i{  
 font-size:14px; 
padding-left:5px 
}   
 .slider-area .single-slider .slider-content .slider-btn{  
 position:absolute; 
bottom:0; 
left:55px 
}   
 @media (max-width: 767px){  
 .slider-area .single-slider .slider-content .slider-btn{  
 left:40px 
}   
  
}   
 .slider-area .slider-active .owl-dots{  
 position:absolute; 
top:0; 
right:0; 
top:50%; 
transform:translateY(-50%); 
right:100px 
}   
 .slider-area .slider-active .owl-dots div{  
 width:15px; 
height:15px; 
background:transparent; 
display:block; 
margin:13px 0; 
border-radius:50%; 
border:2px solid #fff 
}   
 .slider-area .slider-active .owl-dots div .active{  
 background:#fff 
}   
 .slider-area .slider-active .owl-dots div.active{  
 background:#fff 
}   
 .brand-area{  
 padding-top:65px; 
padding-bottom:65px 
}   
 .brand-area .brand-active .single-brand{  
 display:-webkit-box; 
display:-ms-flexbox; 
display:flex; 
-webkit-box-align:center; 
-ms-flex-align:center; 
align-items:center; 
-webkit-box-pack:center; 
-ms-flex-pack:center; 
justify-content:center; 
height:70px 
}   
 .brand-area .brand-active .single-brand img{  
 width:auto; 
display:inline-block 
}   
 .service-area{  
 padding-top:100px; 
padding-bottom:100px 
}
 @media (max-width: 576px){  
 .service-area{  
 padding-top:60px; 
padding-bottom:60px 
}
}   
 .service-area .single-service .service-thumb{  
 margin-bottom:39px 
}   
 .service-area .single-service .service-thumb img{  
 width:100% 
}   
 .service-area .single-service h3{  
 font-size:22px 
} 
 @media (max-width: 576px){ 
 .service-area .single-service h3{  
 font-size:18px 
}   
}   
 .service-area .single-service p{  
 font-size:16px; 
color:#272727; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
margin-top:18px; 
margin-bottom:21px 
}   
 .service-area .single-service a{
color:#272727; 
-webkit-transition:.3s; 
-moz-transition:.3s; 
-o-transition:.3s; 
transition:.3s; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
font-size:16px; 
display:inline-block 
}   
 .service-area .single-service a:hover{  
 text-decoration:underline; 
color:#006CB5 
}   
 @media (max-width: 767px){  
 .service-area .single-service{  
 margin-bottom:30px 
}   
  
}   
 .service-details{  
 padding-top:100px; 
padding-bottom:90px 
}   
 @media (max-width: 767px){  
 .service-details{  
 padding-top:60px; 
padding-bottom:50px 
}    
}   
 .service-details .details-nav{   
position:relative 
}    
 .service-details .details-nav ul li{  
 display:block; 
display:block; 
width:100%; 
border-bottom:1px solid #e5e6e9; 
padding:0; 
-webkit-transition:.5s; 
-moz-transition:.5s; 
-o-transition:.5s; 
transition:.5s; 
position:relative 
}   
 .service-details .details-nav ul li a{  
 font-size:16px; 
color:#272727;
padding:15px 0; 
position:relative; 
left:0; 
font-weight:400; 
font-family:"Rubik",sans-serif 
}   

 @media (max-width: 767px){  
  .service-details .details-nav ul li a{  
  font-size:12px; 
  padding:5px 0; 
  }
 }

 .service-details .details-nav ul li:hover::before{  
 width:17px 
}   
 .service-details .details-nav .download-brouser{  
 background:#141313; 
color:#fff; 
display:block; 
padding:17px 0 17px 0; 
text-align:center; 
margin-top:60px 
}   
 .service-details .details-nav .download-brouser:hover{  
 color:#fff 
}   
 .service-details .single-details .details-thumb{  
 margin-bottom:25px 
}   
 .service-details .single-details .details-thumb img{  
 width:100% 
}   
 .service-details .single-details .details-info{  
 padding-right:20px; 
margin-bottom:34px 
}   
 .service-details .single-details .details-info h3{  
 font-family:"Rubik",sans-serif; 
font-size:44px; 
font-weight:400; 
color:#141313; 
margin-bottom:20px 
}   
 @media (max-width: 767px){  
 .service-details .single-details .details-info h3{  
 font-size:25px; 
margin-bottom:15px 
}   
  
}   
 .service-details .single-details .details-info p{  
 font-size:16px; 
color:#272727; 
line-height:28px; 
font-weight:400 
}   
 .project-area{  
 padding-top:100px; 
padding-bottom:100px 
}
 @media (max-width: 576px){  
 .project-area{  
 padding-top:60px; 
padding-bottom:60px 
}
}   
 .project-area .project-active .single-project .project-info span{  
 color:#006CB5; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
display:block; 
margin-bottom:10px; 
margin-top:15px; 
font-size:16px 
}   
 .project-area .project-active .single-project .project-info h3{  
 font-size:22px; 
color:#fff; 
font-family:"Rubik",sans-serif; 
font-weight:400 
}   
 @media (max-width: 576px){  
 .project-area .project-active .single-project .project-info h3{  
 font-size:18px 
}   
  
}   
 .project-area .more-project a{  
 color:#fff; 
font-size:16px; 
margin-top:168px; 
display:inline-block 
}   
 @media (max-width: 767px){  
 .project-area .more-project a{  
 margin-top:20px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .project-area .more-project a{  
 margin-top:20px 
}   
  
}   
 @media (min-width: 992px) and (max-width: 1200px){  
 .project-area .more-project a{  
 margin-top:30px 
}   
  
}   
 .project-area .more-project a:hover{  
 color:#006CB5; 
text-decoration:underline 
}   
 .project-area .section-title h3{  
 margin-bottom:17px 
}   
 @media (min-width: 1200px) and (max-width: 1500px){  
 .project-area .section-title h3 br{  
 display:none 
}   
  
}   
 @media (min-width: 1200px) and (max-width: 1500px){  
 .project-area .section-title p br{  
 display:none 
}   
  
}   
 .ml-80{  
 margin-left:80px 
}   
 @media (max-width: 767px){  
 .ml-80{  
 margin-left:0 
}   
  
}   
 .project-active.owl-carousel .owl-nav div{  
 background:transparent; 
height:65px; 
left:0px; 
line-height:65px; 
position:absolute; 
text-align:center; 
top:50%; 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%); 
transform:translateY(-50%); 
-webkit-transition:all 0.3s ease 0s; 
-o-transition:all 0.3s ease 0s; 
transition:all 0.3s ease 0s; 
width:65px; 
font-size:16px; 
color:#fff; 
border:1px solid #006CB5
}   
 .project-active.owl-carousel .owl-nav{  
 position:relative; 
left:-545px; 
top:-42px 
}   
 @media (min-width: 1200px) and (max-width: 1500px){  
 .project-active.owl-carousel .owl-nav{  
 position:relative; 
left:-326px 
}   
  
}   
 .project-active.owl-carousel .owl-nav div.owl-next{  
 left:86px; 
right:auto 
}   
 .project-active.owl-carousel .owl-nav div.owl-prev i{  
 position:relative; 
right:2px 
}   
 .project-active.owl-carousel:hover .owl-nav div{  
 opacity:1; 
visibility:visible 
}   
 .project-active.owl-carousel:hover .owl-nav div:hover{  
 color:#006CB5 
}   
 .main-project-area{  
 padding-top:120px; 
padding-bottom:20px 
}   
 @media (max-width: 767px){  
 .main-project-area{  
 padding-top:70px 
}   
  
}   
 .main-project-area .single-project{  
 margin-bottom:97px 
}   
 .main-project-area .single-project .project-thumb img{  
 width:100% 
}   
 .main-project-area .single-project .project-info span{  
 color:#006CB5; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
display:block; 
margin-bottom:13px; 
margin-top:35px; 
font-size:16px 
}   
 .main-project-area .single-project .project-info h3{  
 font-size:26px; 
color:#141313; 
font-family:"Rubik",sans-serif; 
font-weight:400 
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .main-project-area .single-project .project-info h3{  
 font-size:18px 
}   
  
}   
 @media (max-width: 767px){  
 .main-project-area .single-project .project-info h3{  
 font-size:18px 
}   
  
}   
 @media (max-width: 767px){  
 .main-project-area .single-project{  
 margin-bottom:50px 
}   
  
}   
 .project-review-area .single-review{  
 padding-right:30px 
}   
 .project-review-area .single-review h2{  
 font-size:44px; 
font-weight:400; 
color:#141313; 
font-family:"Rubik",sans-serif; 
margin-bottom:20px 
}   
 @media (max-width: 767px){  
 .project-review-area .single-review h2{  
 font-size:25px 
}   
  
}   
 .project-review-area .single-review p{  
 color:#272727; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
font-size:16px; 
margin-bottom:17px; 
line-height:28px 
}   
 .project-review-area .review-thumb img{  
 width:100% 
}   
 .full-width-gallery{  
 padding-bottom:90px 
}   
 .full-width-gallery .full-thumb{  
 margin-bottom:67px 
}   
 .full-width-gallery .full-thumb img{  
 width:100% 
}   
 .full-width-gallery .solution-wrap{  
 margin-bottom:25px 
}   
 .full-width-gallery .solution-wrap h2{  
 font-size:44px; 
color:#141313; 
margin-bottom:19px; 
font-weight:400 
}   
 @media (max-width: 767px){  
 .full-width-gallery .solution-wrap h2{  
 font-size:30px 
}   
  
}   
 .full-width-gallery .solution-wrap p{  
 font-size:16px; 
font-family:"Rubik",sans-serif; 
color:#272727; 
line-height:28px; 
font-weight:400 
}   
 .main-review-area{  
 padding-top:98px; 
padding-bottom:60px 
}   
 @media (max-width: 767px){  
 .main-review-area{  
 padding-top:60px; 
padding-bottom:0 
}   
  
}   
 .main-review-area .about-info-text{  
 margin-bottom:60px 
}   
 .main-review-area .about-info-text .quote{  
 font-size:55px; 
color:#e5e6e9; 
margin-bottom:10px 
}   
 .main-review-area .about-info-text .about-ratting{  
 color:#ffba00; 
font-size:16px 
}   
 .main-review-area .about-info-text .about-ratting i{  
 margin-right:1px 
}   
 .main-review-area .about-info-text p.about-text{  
 font-size:24px; 
line-height:36px; 
color:#272727; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
margin-top:17px; 
margin-bottom:44px 
}   
 @media (max-width: 767px){  
 .main-review-area .about-info-text p.about-text{  
 font-size:18px 
}   
  
}   
 .main-review-area .about-info-text .about-author{  
 display:-webkit-box; 
display:-ms-flexbox; 
display:flex; 
-webkit-box-align:center; 
-ms-flex-align:center; 
align-items:center 
}   
 .main-review-area .about-info-text .about-author .autor-thumb{  
 padding-right:20px 
}   
 .main-review-area .about-info-text .about-author .autor-thumb img{  
 width:100% 
}   
 .main-review-area .about-info-text .about-author .auhor-text span{  
 font-size:18px; 
font-weight:400; 
color:#141313 
}   
 .main-review-area .about-info-text .about-author .auhor-text p{  
 color:#848484; 
font-size:14px; 
font-weight:400 
}   
 .addres-area .single-address{  
 position:relative; 
margin-top:53px; 
z-index:0 
}   
 .addres-area .single-address .addres-icon{  
 position:absolute; 
top:-53px; 
right:0; 
left:0; 
margin:auto 
}   
 .addres-area .single-address h3{  
 color:#fff; 
font-size:24px; 
font-weight:400; 
font-family:"Rubik",sans-serif; 
position:relative; 
z-index:9 
}   
 .addres-area .single-address p{  
 font-size:16px; 
color:#a9a9a9; 
line-height:28px; 
margin-bottom:21px; 
position:relative; 
z-index:9 
}   
 .addres-area .single-address a{  
 position:relative; 
z-index:9 
}   
 @media (max-width: 767px){  
 .addres-area .single-address{  
 margin-bottom:30px 
}   
  
}   
 .about-area{  
 position:relative; 
z-index:1 
}   
 .about-area .pattent-bg-img{  
 position:absolute; 
top:50%; 
left:50%; 
transform:translate(-50%, -50%) 
}   
 @media (max-width: 767px){  
 .about-area .pattent-bg-img{  
 display:none 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .about-area .pattent-bg-img{  
 display:none 
}   
  
}   
 .about-area .section-title{  
 padding-left:77px 
}   
 @media (max-width: 767px){  
 .about-area .section-title{  
 padding-left:0; 
margin-top:30px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .about-area .section-title{  
 padding-left:0; 
margin-top:30px 
}   
  
}   
 .about-area .about-thumb{  
 position:relative 
}   
 .about-area .about-thumb img{  
 width:100% 
}   
 .about-area .about-thumb a.video-icon{  
 position:absolute; 
width:100px; 
height:100px; 
font-size:25px; 
line-height:100px; 
background:#fff; 
display:inline-block; 
border-radius:50%; 
text-align:center; 
border-radius:50%; 
top:50%; 
margin-left:-50px; 
transform:translateY(-50%); 
left:100% 
}   
 @media (max-width: 767px){  
 .about-area .about-thumb a.video-icon{  
 height:80px; 
width:80px; 
line-height:80px; 
left:50%; 
transform:translateY(-50%) 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .about-area .about-thumb a.video-icon{  
 height:80px; 
width:80px; 
line-height:80px; 
left:50%; 
transform:translateY(-50%) 
}   
  
}   
 .about-area .about-thumb a.video-icon::before{  
 position:absolute; 
content:''; 
top:-10px; 
left:-10px; 
right:-10px; 
bottom:-10px; 
border:1px solid #006CB5; 
border-radius:50%; 
opacity:.15 
}   
 .about-area .about-thumb a.video-icon i{  
 color:#006CB5; 
padding-left:4px 
}   
 .about-area .about-info-text .quote{  
 font-size:55px; 
color:#141313; 
margin-bottom:10px 
}   
 .about-area .about-info-text .about-ratting{  
 color:#ffba00; 
font-size:16px 
}   
 .about-area .about-info-text .about-ratting i{  
 margin-right:1px 
}   
 .about-area .about-info-text p.about-text{  
 font-size:24px; 
line-height:36px; 
color:#272727; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
margin-top:17px; 
margin-bottom:44px 
}   
 @media (max-width: 767px){  
 .about-area .about-info-text p.about-text{  
 font-size:16px; 
 line-height:26px; 
}   
  
}   
 .about-area .about-info-text .about-author{  
 display:-webkit-box; 
display:-ms-flexbox; 
display:flex; 
-webkit-box-align:center; 
-ms-flex-align:center; 
align-items:center 
}   
 .about-area .about-info-text .about-author .autor-thumb{  
 padding-right:20px 
}   
 .about-area .about-info-text .about-author .autor-thumb img{  
 width:100% 
}   
 .about-area .about-info-text .about-author .auhor-text span{  
 font-size:18px; 
font-weight:400; 
color:#141313 
}   
 .about-area .about-info-text .about-author .auhor-text p{  
 color:#848484; 
font-size:14px; 
font-weight:400 
}   
 .about-area .about-review{  
 position:relative 
}   
 @media (max-width: 767px){  
 .about-area .about-review{  
 margin-top:30px 
}   
  
}   
 .about-area .about-review img{  
 width:100% 
}   
 .about-area .about-review .project-review{  
 position:absolute; 
bottom:50px; 
left:50px; 
background:#006CB5; 
padding:55px 43px 
}   
 .about-area .about-review .project-review h3{  
 color:#fff; 
font-family:"Rubik",sans-serif; 
font-size:46px; 
margin-bottom:9px; 
line-height:30px 
}   
 .about-area .about-review .project-review p{  
 font-size:18px; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
margin-bottom:0; 
color:#fff !important 
}   
 .pt-120{  
 padding-top:120px 
}   
 @media (max-width: 767px){  
 .pt-120{  
 padding-top:0px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .pt-120{  
 padding-top:60px 
}   
  
}   
 .about-pro-active.owl-carousel .owl-nav div{  
 background:transparent; 
height:65px; 
left:30%; 
line-height:65px; 
position:absolute; 
text-align:center; 
-webkit-transition:all 0.3s ease 0s; 
-o-transition:all 0.3s ease 0s; 
transition:all 0.3s ease 0s; 
width:65px; 
font-size:16px; 
color:#ccced4; 
border:1px solid transparent; 
top:35px; 
position:absolute; 
top:-115px; 
left:44.5% 
}   
 .about-pro-active.owl-carousel .owl-nav{  
 position:inherit 
}   
 .about-pro-active.owl-carousel .owl-nav div.owl-next{  
 margin-left:30px 
}   
 .about-pro-active.owl-carousel .owl-nav div.owl-prev i{  
 position:relative; 
right:2px 
}   
 .about-pro-active.owl-carousel:hover .owl-nav div{  
 opacity:1; 
visibility:visible 
}   
 .about-pro-active.owl-carousel:hover .owl-nav div:hover{  
 color:#006CB5 
}   
 .counter-area{  
 padding-top:65px; 
padding-bottom:35px 
}   
 .counter-area .single-counter{  
display:inline; 
margin-bottom:30px;
text-align:center 
}   
 @media (max-width: 767px){  
 .counter-area .single-counter{  
 display:block; 
text-align:center 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .counter-area .single-counter{  
 display:block; 
text-align:center 
}    
}   
 .counter-area .single-counter .icon{  
 margin-right:23px 
}   
 .counter-area .single-counter .icon{  
 margin-bottom:20px 
}   
 .counter-area .single-counter .icon{  
 margin-bottom:20px 
}   
 .counter-area .single-counter .counter-number{  
 margin-top:-10px 
}   
 .counter-area .single-counter .counter-number h3{  
 font-size:46px; 
color:#FFFFFF; 
font-weight:400; 
font-family:"Rubik",sans-serif; 
margin-bottom:-2px 
}   
 .counter-area .single-counter .counter-number h3 span{  
 font-weight:400; 
font-family:"Rubik",sans-serif 
}   
 .counter-area .single-counter .counter-number p{  
 font-size:18px; 
color:#848484; 
font-family:"Rubik",sans-serif; 
font-weight:400 
}   
 .counter-area .single-counter .counter-number p span{  
 color:#006CB5; 
font-weight:400 
}   
 .cta-area{  
 padding-top:145px; 
padding-bottom:155px 
}   
 .cta-area .cta-content{  
 display:block; 
background:#006CB5; 
position:relative; 
padding:68px 45px 114px 64px 
}   
 @media (max-width: 767px){  
 .cta-area .cta-content{  
 padding:40px 20px 100px 20px 
}   
  
}   
 .cta-area .cta-content h3{  
 font-size:44px; 
line-height:56px; 
color:#fff; 
font-weight:400; 
margin-bottom:13px 
}   
 @media (max-width: 767px){  
 .cta-area .cta-content h3{  
 font-size:23px; 
line-height:32px 
}   
  
}   
 @media (min-width: 992px) and (max-width: 1200px){  
 .cta-area .cta-content h3 br{  
 display:none 
}   
  
}   
 .cta-area .cta-content p{  
 font-size:16px; 
color:#ffffff; 
font-weight:400 
}   
 .cta-area .cta-content .cta-btn{  
 position:absolute; 
right:0; 
bottom:0 
}   
 .cta-area .cta-content .cta-btn i{  
 position:relative; 
left:8px 
}   
 .dropdown .dropdown-menu{  
 -webkit-transition:all 0.3s; 
-moz-transition:all 0.3s; 
-ms-transition:all 0.3s; 
-o-transition:all 0.3s; 
transition:all 0.3s 
}   
 .contact-info{  
 margin-bottom:25px 
}   
 .contact-info__icon{  
 margin-right:20px 
}   
 .contact-info__icon i,.contact-info__icon span{  
 color:#8f9195; 
font-size:27px 
}   
 .contact-info .media-body h3{  
 font-size:16px; 
margin-bottom:0; 
font-size:16px; 
color:#2a2a2a 
}   
 .contact-info .media-body h3 a:hover{  
 color:#006CB5 
}   
 .contact-info .media-body p{  
 color:#8a8a8a 
}   
 .contact-title{  
 font-size:27px; 
font-weight:600; 
margin-bottom:20px 
}   
 .form-contact label{  
 font-size:14px 
}   
 .form-contact .form-group{  
 margin-bottom:30px 
}   
 .form-contact .form-control{  
 border:1px solid #e5e6e9; 
border-radius:0px; 
height:48px; 
padding-left:18px; 
font-size:13px; 
background:transparent 
}   
 .form-contact .form-control:focus{  
 outline:0; 
box-shadow:none 
}   
 .form-contact .form-control::placeholder{  
 font-weight:300; 
color:#999999 
}   
 .form-contact textarea{  
 border-radius:0px; 
height:100% !important 
}   
 .modal-message .modal-dialog{  
 position:absolute; 
top:36%; 
left:50%; 
transform:translateX(-50%) translateY(-50%) !important; 
margin:0px; 
max-width:500px; 
width:100% 
}   
 .modal-message .modal-dialog .modal-content .modal-header{  
 text-align:center; 
display:block; 
border-bottom:none; 
padding-top:50px; 
padding-bottom:50px 
}   
 .modal-message .modal-dialog .modal-content .modal-header .close{  
 position:absolute; 
right:-15px; 
top:-15px; 
padding:0px; 
color:#fff; 
opacity:1; 
cursor:pointer 
}   
 .modal-message .modal-dialog .modal-content .modal-header h2{  
 display:block; 
text-align:center; 
padding-bottom:10px 
}   
 .modal-message .modal-dialog .modal-content .modal-header p{  
 display:block 
}   
 .contact-section{  
 padding:130px 0 100px 
}   
 @media (max-width: 991px){  
 .contact-section{  
 padding:70px 0 40px 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .contact-section{  
 padding:80px 0 50px 
}   
  
}   
 .contact-section .btn_2{  
 background-color:#141313; 
padding:18px 60px; 
border-radius:50px; 
margin-top:0 
}   
 .contact-section .btn_2:hover{  
 background-color:#006CB5 
}   
 .footer-area{  
 background-image:url(../img/background-img/footer-pattern.png); 
padding:100px 0px  0; 
position:relative 
}   
 @media (max-width: 576px){  
 .footer-area{  
 padding:60px 0px  0 
}    
}   
 .footer-area .col-lg-12{  
 padding-left:0px; 
padding-right:0px; 
overflow:hidden 
}   
 @media (max-width: 991px){  
 .footer-area .single-footer-widget{  
 margin-bottom:30px 
}   
  
}   
 .footer-area .single-footer-widget .social-links ul li{  
 display:inline-block; 
margin-right:15px 
}   
 .footer-area .single-footer-widget .social-links ul li a{  
 color:#010101; 
font-size:18px 
}   
 .footer-area .single-footer-widget .social-links ul li a:hover{  
 color:#006CB5 
}   
 .footer-area .single-footer-widget .office-location ul li strong{  
 font-size:18px; 
color:#141313; 
margin-bottom:10px; 
display:block; 
font-weight:400; 
font-family:"Rubik",sans-serif 
}   
 .footer-area .single-footer-widget .office-location ul li p{  
 color:#272727; 
font-size:16px 
}   
 .footer-area .single-footer-widget p{  
 color:#272727; 
line-height:1.8 
}   
 .footer-area .single-footer-widget h4{  
 margin-bottom:43px; 
font-weight:400; 
font-size:24px; 
color:#141313; 
text-transform:capitalize; 
font-size:24px; 
font-family:'Rubik', sans-serif 
}   
 @media (max-width: 1024px){  
 .footer-area .single-footer-widget h4{  
 font-size:18px 
}   
  
}   
 @media (max-width: 991px){  
 .footer-area .single-footer-widget h4{  
 margin-bottom:15px 
}   
  
}   
 .footer-area .single-footer-widget ul li{  
 margin-bottom:16px 
}   
 .footer-area .single-footer-widget ul li a{  
 color:#272727; 
-webkit-transition:.5s; 
transition:.5s; 
font-size:16px 
}   
 .footer-area .single-footer-widget ul li a:hover{  
 color:#006CB5 
}   
 .footer-area .single-footer-widget .form-wrap{  
 margin-top:25px 
}   
 .footer-area .single-footer-widget input{  
 height:40px; 
border:none; 
width:67% !important; 
font-weight:400; 
padding-left:20px; 
border-radius:0; 
font-size:13px; 
color:#999999; 
border:0px solid transparent 
}   
 .footer-area .single-footer-widget input:focus{  
 outline:none; 
box-shadow:none 
}   
 .footer-area .single-footer-widget .click-btn{  
 background-color:#006CB5; 
color:#fff; 
border-radius:0; 
border-top-left-radius:0px; 
border-bottom-left-radius:0px; 
padding:8px 20px; 
border:0; 
font-size:12px; 
font-weight:400; 
position:relative; 
left:0 
}   
 .footer-area .single-footer-widget .click-btn:focus{  
 outline:none; 
box-shadow:none 
}   
 @media (max-width: 375px){  
 .footer-area .single-footer-widget .click-btn{  
 margin-top:10px 
}   
  
}   
 @media (min-width: 400px){  
 .footer-area .single-footer-widget .click-btn{  
 left:-50px 
}   
  
}   
 .footer-area .footer_1 img{  
 margin-bottom:35px 
}   
 @media (max-width: 576px){  
 .footer-area .footer_1 img{  
 margin-bottom:20px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .footer-area .footer_1 img{  
 margin-bottom:20px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .footer-area .footer_1 img{  
 margin-bottom:20px 
}   
  
}   
 .footer-area .footer_1 p{  
 margin-bottom:15px; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
color:#272727; 
font-size:16px; 
line-height:28px; 
margin-top:7px; 
margin-bottom:40px 
}   
 .footer-area .social_icon{  
 margin-top:27px 
}   
 .footer-area .social_icon a{  
 color:#cccccc; 
font-size:14px; 
margin-right:20px 
}   
 .footer-area .social_icon a:hover{  
 color:#006CB5 
}   
 .footer-area .footer_3 .footer_img .single_footer_img{  
 width:31.33%; 
float:left; 
margin:1%; 
position:relative; 
z-index:2 
}   
 @media (max-width: 576px){  
 .footer-area .footer_3 .footer_img .single_footer_img{  
 width:20% 
}   
 .footer-area .footer_3 .footer_img .single_footer_img img{  
 width:100% 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .footer-area .footer_3 .footer_img .single_footer_img{  
 width:20% 
}   
 .footer-area .footer_3 .footer_img .single_footer_img img{  
 width:100% 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .footer-area .footer_3 .footer_img .single_footer_img{  
 width:31% 
}   
 .footer-area .footer_3 .footer_img .single_footer_img img{  
 width:100% 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .footer-area .footer_3 .footer_img .single_footer_img{  
 width:31% 
}   
 .footer-area .footer_3 .footer_img .single_footer_img img{  
 width:100% 
}   
  
}   
 @media only screen and (min-width: 1200px) and (max-width: 1440px){  
 .footer-area .footer_3 .footer_img .single_footer_img{  
 width:20% 
}   
 .footer-area .footer_3 .footer_img .single_footer_img img{  
 width:100% 
}   
  
}   
 .footer-area .footer_3 .footer_img .single_footer_img:after{  
 position:absolute; 
left:0; 
top:0; 
content:""; 
background-color:#000; 
width:100%; 
height:100%; 
opacity:0; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .footer-area .footer_3 .footer_img .single_footer_img i{  
 text-align:center; 
position:absolute; 
top:41%; 
margin:0 auto; 
left:0; 
right:0; 
color:#fff; 
z-index:2; 
opacity:0 
}   
 .footer-area .footer_3 .footer_img .single_footer_img:hover:after{  
 opacity:0.5 
}   
 .footer-area .footer_3 .footer_img .single_footer_img:hover i{  
 opacity:1 
}   
 .footer-area .contact_info{  
 position:relative; 
margin-bottom:20px 
}   
 .footer-area .contact_info:last-child{  
 margin-bottom:0px 
}   
 .footer-area .contact_info p{  
 margin-bottom:10px 
}   
 .footer-area .contact_info p span{  
 color:#2c3033; 
font-size:16px 
}   
 .footer-area .btn{  
 background-color:#006CB5; 
color:#fff; 
width:49px; 
border-radius:0px; 
height:40px 
}   
 .footer-area span.ti-heart{  
 font-size:12px; 
margin:0px 2px 
}   
 .footer-area .copyright_part_text{  
 background-color:transparent; 
padding:32px 15px; 
margin-top:0px 
}   
 .footer-area .copyright_part_text p{  
 color:#83868c; 
font-size:14px; 
font-weight:400 
}   
 @media (max-width: 576px){  
 .footer-area .copyright_part_text{  
 margin-top:0px; 
text-align:center 
}   
 .footer-area .copyright_part_text p{  
 font-size:13px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .footer-area .copyright_part_text{  
 text-align:center; 
margin-top:20px; 
padding:32px 15px 
}   
 .footer-area .copyright_part_text p{  
 font-size:13px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .footer-area .copyright_part_text{  
 text-align:center 
}   
  
}   
 .footer-area .copyright_part_text a{  
 color:#006CB5 
}   
 .footer-area .input-group{  
 border:1px solid #45556a; 
padding:5px 
}   
 .footer-area .footer_icon p{  
 margin-bottom:22px; 
font-size:16px; 
color:#999 
}   
 .footer-area .footer_icon ul li{  
 margin-bottom:20px 
}   
 .footer-area .footer_icon ul li i{  
 margin-right:15px 
}   
 @media (max-width: 991px){  
 .footer_icon{  
 margin-top:0px 
}   
  
}   
 .footer_menu{  
 float:right 
}   
 @media (max-width: 576px){  
 .footer_menu{  
 float:none; 
text-align:center; 
margin-top:15px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .footer_menu{  
 float:none; 
text-align:center; 
margin-top:15px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .footer_menu{  
 float:none; 
text-align:center; 
margin-top:15px 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .footer_menu{  
 float:none; 
text-align:center; 
margin-top:15px 
}   
  
}   
 .footer_menu ul li{  
 display:inline-block 
}   
 .footer_menu ul li a{  
 color:#272727 !important; 
padding:0px 22px 
}   
 .footer_menu ul li a:hover{  
 color:#006CB5 !important 
}   
 @media (max-width: 576px){  
 .footer_menu ul li a{  
 padding:0px 15px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .footer_menu ul li a{  
 padding:0px 15px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .footer_menu ul li a{  
 padding:0px 15px 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .footer_menu ul li a{  
 padding:0px 15px 
}   
  
}   
 .ptb200{  
 padding-top:200px; 
padding-bottom:200px 
}   
 @media (max-width: 767px){  
 .ptb200{  
 padding-top:100px; 
padding-bottom:100px 
}   
  
}   
 .banner-bg-1{  
 background-image:url(../img/banner/banner1.jpg) 
}
 .banner-bg-2{  
 background-image:url(../img/banner/banner2.jpg) 
}
 .banner-bg-3{  
 background-image:url(../img/banner/banner3.jpg) 
}  
 .breadcrumb{  
 background-size:cover; 
margin:0 !important 
}   
 .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2{  
 font-size:60px; 
font-weight:500; 
font-family:"Rubik",sans-serif; 
color:#fff 
}
 @media (max-width: 576px){  
 .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2{  
 font-size:24px 
}   
}   
 @media (min-width: 576px) and (max-width: 767px){  
 .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2{  
 font-size:35px 
}     
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2{  
 font-size:45px 
}   
}   
 .breadcrumb .breadcrumb_iner .breadcrumb_iner_item p{  
 color:#fff; 
font-size:16px; 
font-weight:400 
}   
 .breadcrumb .breadcrumb_iner .breadcrumb_iner_item p a{  
 color:#006CB5 
}   
 .details-bg-1{  
 background-image:url(../img/banner/details-banner.jpg) 
}   
 .details-banner-area{  
 height:760px; 
height:760px; 
display:-webkit-box; 
display:-ms-flexbox; 
display:flex; 
-webkit-box-align:end; 
-ms-flex-align:end; 
align-items:end 
}   
 @media (max-width: 767px){  
 .details-banner-area{  
 height:460px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .details-banner-area{  
 height:560px 
}   
  
}   
 @media (min-width: 992px) and (max-width: 1200px){  
 .details-banner-area{  
 height:560px 
}   
  
}   
 .details-banner-area .details-banner-text{  
 margin-bottom:131px 
}   
 .details-banner-area .details-banner-text a{  
 font-family:"Rubik",sans-serif; 
color:#006CB5; 
font-size:16px; 
font-weight:400; 
display:inline-block; 
margin-bottom:13px 
}   
 .details-banner-area .details-banner-text h2{  
 font-family:"Rubik",sans-serif; 
font-size:60px; 
font-weight:500; 
color:#fff; 
line-height:72px 
}   
 @media (max-width: 767px){  
 .details-banner-area .details-banner-text h2{  
 font-size:25px; 
line-height:40px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .details-banner-area .details-banner-text h2{  
 font-size:45px; 
line-height:60px 
}   
  
}   
 @media (max-width: 767px){  
 .details-banner-area .details-banner-text h2 br{  
 display:none 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .details-banner-area .details-banner-text h2 br{  
 display:none 
}   
  
}   
 @media (min-width: 992px) and (max-width: 1200px){  
 .details-banner-area .details-banner-text h2 br{  
 display:none 
}   
  
}   
 .details-banner-area.details-banner-area2{  
 display:table; 
width:100%; 
height:100%; 
height:760px 
}   
 .details-banner-area.details-banner-area2 .details-banner-inner2{  
 display:table-cell; 
vertical-align:bottom 
}   
 @media (max-width: 767px){  
 .details-banner-area.details-banner-area2{  
 height:460px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .details-banner-area.details-banner-area2{  
 height:560px 
}   
  
}   
 @media (min-width: 992px) and (max-width: 1200px){  
 .details-banner-area.details-banner-area2{  
 height:560px 
}   
  
}   
 @media (max-width: 767px){  
 .team-area .single-team{  
 margin-bottom:30px 
}   
  
}   
 @media (min-width: 768px) and (max-width: 991px){  
 .team-area .single-team{  
 margin-bottom:30px 
}   
  
}   
 .team-area .single-team .team-thumb{  
 position:relative; 
overflow:hidden 
}   
 .team-area .single-team .team-thumb img{  
 width:100% 
}   
 .team-area .single-team .team-thumb .team-hover{  
 position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%; 
transform:translateY(100px); 
opacity:0; 
visibility:hidden; 
-webkit-transition:.5s; 
-moz-transition:.5s; 
-o-transition:.5s; 
transition:.5s 
}   
 .team-area .single-team .team-thumb .team-hover::before{  
 content:""; 
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%; 
background:#141313; 
opacity:.8; 
-webkit-transition:.5s; 
-moz-transition:.5s; 
-o-transition:.5s; 
transition:.5s 
}   
 .team-area .single-team .team-thumb .team-hover .team-link{  
 position:absolute; 
top:50%; 
left:0; 
right:0; 
text-align:center; 
transform:translateY(-50%) 
}   
 .team-area .single-team .team-thumb .team-hover .team-link ul li{  
 display:inline-block 
}   
 .team-area .single-team .team-thumb .team-hover .team-link ul li a{  
 color:#fff; 
font-size:18px; 
margin:0 8px 
}   
 .team-area .single-team .team-thumb .team-hover .team-link ul li a:hover{  
 color:#006CB5 
}   
 .team-area .single-team .team-info{  
 margin-top:24px 
}   
 .team-area .single-team .team-info h3{  
 font-weight:400; 
font-family:"Rubik",sans-serif; 
color:#141313; 
margin-bottom:8px 
}   
 .team-area .single-team .team-info p{  
 font-weight:400; 
font-family:"Rubik",sans-serif; 
font-size:16px; 
color:#272727; 
margin-bottom:0 
}   
 .team-area .single-team:hover .team-hover{  
 transform:translateY(0px); 
opacity:1; 
visibility:visible 
}   
 #accordion button{  
 font-size:16px; 
font-size:24px; 
font-family:"Rubik",sans-serif; 
font-weight:400; 
color:#006CB5 
}   
 @media (max-width: 767px){  
 #accordion button{  
 font-size:14px 
}   
  
}   
 #accordion .card{  
 margin-bottom:15px; 
border-radius:0; 
border:0 !important 
}   
 #accordion .card .card-header{  
 background-color:transparent; 
padding:4px 14px; 
border:0 !important 
}   
 @media (max-width: 767px){  
 #accordion .card .card-header{  
 padding:4px 0 
}   
  
}   
 #accordion .card .card-body{  
 font-size:16px; 
line-height:28px; 
color:#272727; 
padding:0px 30px 32px; 
font-family:"Rubik",sans-serif; 
line-height:28px 
}   
 #accordion .card .collapse.show{  
 background:#fff; 
border-bottom:1px solid transparent 
}   
 #accordion h5{  
 position:relative; 
z-index:1 
}   
 #accordion h5 button.btn.btn-link{  
 color:#006CB5 
}   
 #accordion h5 button.btn.btn-link:after{  
 position:absolute; 
content:"\e646"; 
top:50%; 
right:0px; 
height:auto; 
font-family:'themify'; 
color:#006CB5; 
font-size:18px; 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%); 
transform:translateY(-50%) 
}   
 #accordion h5 button.btn.btn-link:focus{  
 outline:none; 
text-decoration:none 
}   
 @media (max-width: 767px){  
 #accordion h5 button.btn.btn-link{  
 padding-left:0 
}   
  
}   
 #accordion h5 button.btn.btn-link.collapsed{  
 color:#141313 
}   
 #accordion h5 button.btn.btn-link.collapsed:after{  
 content:"\e61a"; 
color:#141313; 
font-size:18px 
}   
 @media (max-width: 767px){  
 #accordion h5 button.btn.btn-link.collapsed{  
 padding-left:0 
}   
  
}   
 #accordion .btn-link:hover{  
 color:#182028; 
text-decoration:none 
}   
 #accordion .btn{  
 text-align:left !important 
}   
 .faq-area{  
 padding-top:100px; 
padding-bottom:90px 
}   
 @media (max-width: 767px){  
 .faq-area{  
 padding-top:60px; 
padding-bottom:30px 
}   
  
}   
 .sample-text-area{  
 background:#fff; 
padding:100px 0 70px 0 
}   
 .text-heading{  
 margin-bottom:30px; 
font-size:24px 
}   
 b,sup,sub,u,del{  
 color:#006CB5 
}   
 h1{  
 font-size:36px 
}   
 h2{  
 font-size:30px 
}   
 h3{  
 font-size:24px 
}   
 h4{  
 font-size:18px 
}   
 h5{  
 font-size:16px 
}   
 h6{  
 font-size:14px 
}   
 h1,h2,h3,h4,h5,h6{  
 line-height:1.2em 
}   
 .typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{  
 color:#828bb2 
}   
 .button-area{  
 background:#fff 
}   
 .button-area .border-top-generic{  
 padding:70px 15px; 
border-top:1px dotted #eee 
}   
 .button-group-area .genric-btn{  
 margin-right:10px; 
margin-top:10px 
}   
 .button-group-area .genric-btn:last-child{  
 margin-right:0 
}   
 .genric-btn{  
 display:inline-block; 
outline:none; 
line-height:40px; 
padding:0 30px; 
font-size:.8em; 
text-align:center; 
text-decoration:none; 
font-weight:500; 
cursor:pointer; 
-webkit-transition:all 0.3s ease 0s; 
-moz-transition:all 0.3s ease 0s; 
-o-transition:all 0.3s ease 0s; 
transition:all 0.3s ease 0s 
}   
 .genric-btn:focus{  
 outline:none 
}   
 .genric-btn.e-large{  
 padding:0 40px; 
line-height:50px 
}   
 .genric-btn.large{  
 line-height:45px 
}   
 .genric-btn.medium{  
 line-height:30px 
}   
 .genric-btn.small{  
 line-height:25px 
}   
 .genric-btn.radius{  
 border-radius:3px 
}   
 .genric-btn.circle{  
 border-radius:20px 
}   
 .genric-btn.arrow{  
 display:-webkit-inline-box; 
display:-ms-inline-flexbox; 
display:inline-flex; 
-webkit-box-align:center; 
-ms-flex-align:center; 
align-items:center 
}   
 .genric-btn.arrow span{  
 margin-left:10px 
}   
 .genric-btn.default{  
 color:#415094; 
background:#f9f9ff; 
border:1px solid transparent 
}   
 .genric-btn.default:hover{  
 border:1px solid #f9f9ff; 
background:#fff 
}   
 .genric-btn.default-border{  
 border:1px solid #f9f9ff; 
background:#fff 
}   
 .genric-btn.default-border:hover{  
 color:#415094; 
background:#f9f9ff; 
border:1px solid transparent 
}   
 .genric-btn.primary{  
 color:#fff; 
background:#006CB5; 
border:1px solid transparent 
}   
 .genric-btn.primary:hover{  
 color:#006CB5; 
border:1px solid #006CB5; 
background:#fff 
}   
 .genric-btn.primary-border{  
 color:#006CB5; 
border:1px solid #006CB5; 
background:#fff 
}   
 .genric-btn.primary-border:hover{  
 color:#fff; 
background:#006CB5; 
border:1px solid transparent 
}   
 .genric-btn.success{  
 color:#fff; 
background:#4cd3e3; 
border:1px solid transparent 
}   
 .genric-btn.success:hover{  
 color:#4cd3e3; 
border:1px solid #4cd3e3; 
background:#fff 
}   
 .genric-btn.success-border{  
 color:#4cd3e3; 
border:1px solid #4cd3e3; 
background:#fff 
}   
 .genric-btn.success-border:hover{  
 color:#fff; 
background:#4cd3e3; 
border:1px solid transparent 
}   
 .genric-btn.info{  
 color:#fff; 
background:#38a4ff; 
border:1px solid transparent 
}   
 .genric-btn.info:hover{  
 color:#38a4ff; 
border:1px solid #38a4ff; 
background:#fff 
}   
 .genric-btn.info-border{  
 color:#38a4ff; 
border:1px solid #38a4ff; 
background:#fff 
}   
 .genric-btn.info-border:hover{  
 color:#fff; 
background:#38a4ff; 
border:1px solid transparent 
}   
 .genric-btn.warning{  
 color:#fff; 
background:#f4e700; 
border:1px solid transparent 
}   
 .genric-btn.warning:hover{  
 color:#f4e700; 
border:1px solid #f4e700; 
background:#fff 
}   
 .genric-btn.warning-border{  
 color:#f4e700; 
border:1px solid #f4e700; 
background:#fff 
}   
 .genric-btn.warning-border:hover{  
 color:#fff; 
background:#f4e700; 
border:1px solid transparent 
}   
 .genric-btn.danger{  
 color:#fff; 
background:#f44a40; 
border:1px solid transparent 
}   
 .genric-btn.danger:hover{  
 color:#f44a40; 
border:1px solid #f44a40; 
background:#fff 
}   
 .genric-btn.danger-border{  
 color:#f44a40; 
border:1px solid #f44a40; 
background:#fff 
}   
 .genric-btn.danger-border:hover{  
 color:#fff; 
background:#f44a40; 
border:1px solid transparent 
}   
 .genric-btn.link{  
 color:#415094; 
background:#f9f9ff; 
text-decoration:underline; 
border:1px solid transparent 
}   
 .genric-btn.link:hover{  
 color:#415094; 
border:1px solid #f9f9ff; 
background:#fff 
}   
 .genric-btn.link-border{  
 color:#415094; 
border:1px solid #f9f9ff; 
background:#fff; 
text-decoration:underline 
}   
 .genric-btn.link-border:hover{  
 color:#415094; 
background:#f9f9ff; 
border:1px solid transparent 
}   
 .genric-btn.disable{  
 color:#222,0.3; 
background:#f9f9ff; 
border:1px solid transparent; 
cursor:not-allowed 
}   
 .generic-blockquote{  
 padding:30px 50px 30px 30px; 
background:#f9f9ff; 
border-left:2px solid #006CB5 
}   
 .progress-table-wrap{  
 overflow-x:scroll 
}   
 .progress-table{  
 background:#f9f9ff; 
padding:15px 0px 30px 0px; 
min-width:800px 
}   
 .progress-table .serial{  
 width:15%; 
padding-left:30px 
}   
 .progress-table .country{  
 width:70% 
}   
 .progress-table .visit{  
 width:10% 
}   
 .progress-table .percentage{  
 width:5%; 
padding-right:50px 
}   
 .progress-table .table-head{  
 display:flex 
}   
 .progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{  
 color:#415094; 
line-height:40px; 
text-transform:uppercase; 
font-weight:500 
}   
 .progress-table .table-row{  
 padding:15px 0; 
border-top:1px solid #edf3fd; 
display:flex 
}   
 .progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{  
 display:flex; 
align-items:center 
}   
 .progress-table .table-row .country img{  
 margin-right:15px 
}   
 .progress-table .table-row .percentage .progress{  
 width:80%; 
border-radius:0px; 
background:transparent 
}   
 .progress-table .table-row .percentage .progress .progress-bar{  
 height:5px; 
line-height:5px 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-1{  
 background-color:#6382e6 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-2{  
 background-color:#e66686 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-3{  
 background-color:#f09359 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-4{  
 background-color:#73fbaf 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-5{  
 background-color:#73fbaf 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-6{  
 background-color:#6382e6 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-7{  
 background-color:#a367e7 
}   
 .progress-table .table-row .percentage .progress .progress-bar.color-8{  
 background-color:#e66686 
}   
 .single-gallery-image{  
 margin-top:30px; 
background-repeat:no-repeat !important; 
background-position:center center !important; 
background-size:cover !important; 
height:200px 
}   
 .list-style{  
 width:14px; 
height:14px 
}   
 .unordered-list li{  
 position:relative; 
padding-left:30px; 
line-height:1.82em !important 
}   
 .unordered-list li:before{  
 content:""; 
position:absolute; 
width:14px; 
height:14px; 
border:3px solid #006CB5; 
background:#fff; 
top:4px; 
left:0; 
border-radius:50% 
}   
 .ordered-list{  
 margin-left:30px 
}   
 .ordered-list li{  
 list-style-type:decimal-leading-zero; 
color:#006CB5; 
font-weight:500; 
line-height:1.82em !important 
}   
 .ordered-list li span{  
 font-weight:300; 
color:#828bb2 
}   
 .ordered-list-alpha li{  
 margin-left:30px; 
list-style-type:lower-alpha; 
color:#006CB5; 
font-weight:500; 
line-height:1.82em !important 
}   
 .ordered-list-alpha li span{  
 font-weight:300; 
color:#828bb2 
}   
 .ordered-list-roman li{  
 margin-left:30px; 
list-style-type:lower-roman; 
color:#006CB5; 
font-weight:500; 
line-height:1.82em !important 
}   
 .ordered-list-roman li span{  
 font-weight:300; 
color:#828bb2 
}   
 .single-input{  
 display:block; 
width:100%; 
line-height:40px; 
border:none; 
outline:none; 
background:#f9f9ff; 
padding:0 20px 
}   
 .single-input:focus{  
 outline:none 
}   
 .input-group-icon{  
 position:relative 
}   
 .input-group-icon .icon{  
 position:absolute; 
left:20px; 
top:0; 
line-height:40px; 
z-index:3 
}   
 .input-group-icon .icon i{  
 color:#797979 
}   
 .input-group-icon .single-input{  
 padding-left:45px 
}   
 .single-textarea{  
 display:block; 
width:100%; 
line-height:40px; 
border:none; 
outline:none; 
background:#f9f9ff; 
padding:0 20px; 
height:100px; 
resize:none 
}   
 .single-textarea:focus{  
 outline:none 
}   
 .single-input-primary{  
 display:block; 
width:100%; 
line-height:40px; 
border:1px solid transparent; 
outline:none; 
background:#f9f9ff; 
padding:0 20px 
}   
 .single-input-primary:focus{  
 outline:none; 
border:1px solid #006CB5 
}   
 .single-input-accent{  
 display:block; 
width:100%; 
line-height:40px; 
border:1px solid transparent; 
outline:none; 
background:#f9f9ff; 
padding:0 20px 
}   
 .single-input-accent:focus{  
 outline:none; 
border:1px solid #eb6b55 
}   
 .single-input-secondary{  
 display:block; 
width:100%; 
line-height:40px; 
border:1px solid transparent; 
outline:none; 
background:#f9f9ff; 
padding:0 20px 
}   
 .single-input-secondary:focus{  
 outline:none; 
border:1px solid #f09359 
}   
 .default-switch{  
 width:35px; 
height:17px; 
border-radius:8.5px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .default-switch input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0; 
cursor:pointer 
}   
 .default-switch input+label{  
 position:absolute; 
top:1px; 
left:1px; 
width:15px; 
height:15px; 
border-radius:50%; 
background:#006CB5; 
-webkit-transition:all 0.2s; 
-moz-transition:all 0.2s; 
-o-transition:all 0.2s; 
transition:all 0.2s; 
box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2); 
cursor:pointer 
}   
 .default-switch input:checked+label{  
 left:19px 
}   
 .primary-switch{  
 width:35px; 
height:17px; 
border-radius:8.5px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .primary-switch input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .primary-switch input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100% 
}   
 .primary-switch input+label:before{  
 content:""; 
position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
background:transparent; 
border-radius:8.5px; 
cursor:pointer; 
-webkit-transition:all 0.2s; 
-moz-transition:all 0.2s; 
-o-transition:all 0.2s; 
transition:all 0.2s 
}   
 .primary-switch input+label:after{  
 content:""; 
position:absolute; 
top:1px; 
left:1px; 
width:15px; 
height:15px; 
border-radius:50%; 
background:#fff; 
-webkit-transition:all 0.2s; 
-moz-transition:all 0.2s; 
-o-transition:all 0.2s; 
transition:all 0.2s; 
box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2); 
cursor:pointer 
}   
 .primary-switch input:checked+label:after{  
 left:19px 
}   
 .primary-switch input:checked+label:before{  
 background:#006CB5 
}   
 .confirm-switch{  
 width:35px; 
height:17px; 
border-radius:8.5px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .confirm-switch input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .confirm-switch input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100% 
}   
 .confirm-switch input+label:before{  
 content:""; 
position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
background:transparent; 
border-radius:8.5px; 
-webkit-transition:all 0.2s; 
-moz-transition:all 0.2s; 
-o-transition:all 0.2s; 
transition:all 0.2s; 
cursor:pointer 
}   
 .confirm-switch input+label:after{  
 content:""; 
position:absolute; 
top:1px; 
left:1px; 
width:15px; 
height:15px; 
border-radius:50%; 
background:#fff; 
-webkit-transition:all 0.2s; 
-moz-transition:all 0.2s; 
-o-transition:all 0.2s; 
transition:all 0.2s; 
box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2); 
cursor:pointer 
}   
 .confirm-switch input:checked+label:after{  
 left:19px 
}   
 .confirm-switch input:checked+label:before{  
 background:#4cd3e3 
}   
 .primary-checkbox{  
 width:16px; 
height:16px; 
border-radius:3px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .primary-checkbox input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .primary-checkbox input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
border-radius:3px; 
cursor:pointer; 
border:1px solid #f1f1f1 
}   
 .primary-checkbox input:checked+label{  
 background:url(../img/elements/primary-check.png) no-repeat center center/cover; 
border:none 
}   
 .confirm-checkbox{  
 width:16px; 
height:16px; 
border-radius:3px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .confirm-checkbox input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .confirm-checkbox input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
border-radius:3px; 
cursor:pointer; 
border:1px solid #f1f1f1 
}   
 .confirm-checkbox input:checked+label{  
 background:url(../img/elements/success-check.png) no-repeat center center/cover; 
border:none 
}   
 .disabled-checkbox{  
 width:16px; 
height:16px; 
border-radius:3px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .disabled-checkbox input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .disabled-checkbox input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
border-radius:3px; 
cursor:pointer; 
border:1px solid #f1f1f1 
}   
 .disabled-checkbox input:disabled{  
 cursor:not-allowed; 
z-index:3 
}   
 .disabled-checkbox input:checked+label{  
 background:url(../img/elements/disabled-check.png) no-repeat center center/cover; 
border:none 
}   
 .primary-radio{  
 width:16px; 
height:16px; 
border-radius:8px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .primary-radio input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .primary-radio input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
border-radius:8px; 
cursor:pointer; 
border:1px solid #f1f1f1 
}   
 .primary-radio input:checked+label{  
 background:url(../img/elements/primary-radio.png) no-repeat center center/cover; 
border:none 
}   
 .confirm-radio{  
 width:16px; 
height:16px; 
border-radius:8px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .confirm-radio input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .confirm-radio input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
border-radius:8px; 
cursor:pointer; 
border:1px solid #f1f1f1 
}   
 .confirm-radio input:checked+label{  
 background:url(../img/elements/success-radio.png) no-repeat center center/cover; 
border:none 
}   
 .disabled-radio{  
 width:16px; 
height:16px; 
border-radius:8px; 
background:#f9f9ff; 
position:relative; 
cursor:pointer 
}   
 .disabled-radio input{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
opacity:0 
}   
 .disabled-radio input+label{  
 position:absolute; 
left:0; 
top:0; 
right:0; 
bottom:0; 
width:100%; 
height:100%; 
border-radius:8px; 
cursor:pointer; 
border:1px solid #f1f1f1 
}   
 .disabled-radio input:disabled{  
 cursor:not-allowed; 
z-index:3 
}   
 .disabled-radio input:checked+label{  
 background:url(../img/elements/disabled-radio.png) no-repeat center center/cover; 
border:none 
}   
 .default-select{  
 height:40px 
}   
 .default-select .nice-select{  
 border:none; 
border-radius:0px; 
height:40px; 
background:#f9f9ff; 
padding-left:20px; 
padding-right:40px 
}   
 .default-select .nice-select .list{  
 margin-top:0; 
border:none; 
border-radius:0px; 
box-shadow:none; 
width:100%; 
padding:10px 0 10px 0px 
}   
 .default-select .nice-select .list .option{  
 font-weight:300; 
-webkit-transition:all 0.3s ease 0s; 
-moz-transition:all 0.3s ease 0s; 
-o-transition:all 0.3s ease 0s; 
transition:all 0.3s ease 0s; 
line-height:28px; 
min-height:28px; 
font-size:12px; 
padding-left:20px 
}   
 .default-select .nice-select .list .option.selected{  
 color:#006CB5; 
background:transparent 
}   
 .default-select .nice-select .list .option:hover{  
 color:#006CB5; 
background:transparent 
}   
 .default-select .current{  
 margin-right:50px; 
font-weight:300 
}   
 .default-select .nice-select::after{  
 right:20px 
}   
 .form-select{  
 height:40px; 
width:100% 
}   
 .form-select .nice-select{  
 border:none; 
border-radius:0px; 
height:40px; 
background:#f9f9ff; 
padding-left:45px; 
padding-right:40px; 
width:100% 
}   
 .form-select .nice-select .list{  
 margin-top:0; 
border:none; 
border-radius:0px; 
box-shadow:none; 
width:100%; 
padding:10px 0 10px 0px 
}   
 .form-select .nice-select .list .option{  
 font-weight:300; 
-webkit-transition:all 0.3s ease 0s; 
-moz-transition:all 0.3s ease 0s; 
-o-transition:all 0.3s ease 0s; 
transition:all 0.3s ease 0s; 
line-height:28px; 
min-height:28px; 
font-size:12px; 
padding-left:45px 
}   
 .form-select .nice-select .list .option.selected{  
 color:#006CB5; 
background:transparent 
}   
 .form-select .nice-select .list .option:hover{  
 color:#006CB5; 
background:transparent 
}   
 .form-select .current{  
 margin-right:50px; 
font-weight:300 
}   
 .form-select .nice-select::after{  
 right:20px 
}   
 .mt-10{  
 margin-top:10px 
}   
 .section-top-border{  
 padding:50px 0; 
border-top:1px dotted #eee 
}   
 .mb-30{  
 margin-bottom:30px 
}   
 .mt-30{  
 margin-top:30px 
}   
 .switch-wrap{  
 margin-bottom:10px 
}   
 .latest-blog-area .area-heading{  
 margin-bottom:70px 
}   
 .blog_area a{  
 color:#272727 !important; 
text-decoration:none; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .blog_area a:hover,.blog_area a :hover{  
 background:-webkit-linear-gradient(131deg, #006CB5 0%, #006CB5 99%); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent; 
text-decoration:none; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .single-blog{  
 overflow:hidden; 
margin-bottom:30px 
}   
 .single-blog:hover{  
 box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1) 
}   
 .single-blog .thumb{  
 overflow:hidden; 
position:relative 
}   
 .single-blog .thumb:after{  
 content:''; 
position:absolute; 
left:0; 
top:0; 
width:100%; 
height:100%; 
background:#000; 
opacity:0; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .single-blog h4{  
 border-bottom:1px solid #dfdfdf; 
padding-bottom:34px; 
margin-bottom:25px 
}   
 .single-blog a{  
 font-size:20px; 
font-weight:600 
}   
 .single-blog .date{  
 color:#666666; 
text-align:left; 
display:inline-block; 
font-size:13px; 
font-weight:300 
}   
 .single-blog .tag{  
 text-align:left; 
display:inline-block; 
float:left; 
font-size:13px; 
font-weight:300; 
margin-right:22px; 
position:relative 
}   
 .single-blog .tag:after{  
 content:''; 
position:absolute; 
width:1px; 
height:10px; 
background:#acacac; 
right:-12px; 
top:7px 
}   
 @media (max-width: 1199px){  
 .single-blog .tag{  
 margin-right:8px 
}   
 .single-blog .tag:after{  
 display:none 
}   
  
}   
 .single-blog .likes{  
 margin-right:16px 
}   
 @media (max-width: 800px){  
 .single-blog{  
 margin-bottom:30px 
}   
  
}   
 .single-blog .single-blog-content{  
 padding:30px 
}   
 .single-blog .single-blog-content .meta-bottom p{  
 font-size:13px; 
font-weight:300 
}   
 .single-blog .single-blog-content .meta-bottom i{  
 color:#fdcb9e; 
font-size:13px; 
margin-right:7px 
}   
 @media (max-width: 1199px){  
 .single-blog .single-blog-content{  
 padding:15px 
}   
  
}   
 .single-blog:hover .thumb:after{  
 opacity:.7; 
-webkit-transition:.5s; 
transition:.5s 
}   
 @media (max-width: 1199px){  
 .single-blog h4{  
 transition:all 300ms linear 0s; 
border-bottom:1px solid #dfdfdf; 
padding-bottom:14px; 
margin-bottom:12px 
}   
 .single-blog h4 a{  
 font-size:18px 
}   
  
}   
 .full_image.single-blog{  
 position:relative 
}   
 .full_image.single-blog .single-blog-content{  
 position:absolute; 
left:35px; 
bottom:0; 
opacity:0; 
visibility:hidden; 
-webkit-transition:.5s; 
transition:.5s 
}   
 @media (min-width: 992px){  
 .full_image.single-blog .single-blog-content{  
 bottom:100px 
}   
  
}   
 .full_image.single-blog h4{  
 -webkit-transition:.5s; 
transition:.5s; 
border-bottom:none; 
padding-bottom:5px 
}   
 .full_image.single-blog a{  
 font-size:20px; 
font-weight:600 
}   
 .full_image.single-blog .date{  
 color:#fff 
}   
 .full_image.single-blog:hover .single-blog-content{  
 opacity:1; 
visibility:visible; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .l_blog_item .l_blog_text .date{  
 margin-top:24px; 
margin-bottom:15px 
}   
 .l_blog_item .l_blog_text .date a{  
 font-size:12px 
}   
 .l_blog_item .l_blog_text h4{  
 font-size:18px; 
border-bottom:1px solid #eeeeee; 
margin-bottom:0px; 
padding-bottom:20px; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .l_blog_item .l_blog_text p{  
 margin-bottom:0px; 
padding-top:20px 
}   
 .causes_slider .owl-dots{  
 text-align:center; 
margin-top:80px 
}   
 .causes_slider .owl-dots .owl-dot{  
 height:14px; 
width:14px; 
background:#eeeeee; 
display:inline-block; 
margin-right:7px 
}   
 .causes_slider .owl-dots .owl-dot:last-child{  
 margin-right:0px 
}   
 .causes_item{  
 background:#fff 
}   
 .causes_item .causes_img{  
 position:relative 
}   
 .causes_item .causes_img .c_parcent{  
 position:absolute; 
bottom:0px; 
width:100%; 
left:0px; 
height:3px; 
background:rgba(255,255,255,0.5) 
}   
 .causes_item .causes_img .c_parcent span{  
 width:70%; 
height:3px; 
position:absolute; 
left:0px; 
bottom:0px 
}   
 .causes_item .causes_img .c_parcent span:before{  
 content:"75%"; 
position:absolute; 
right:-10px; 
bottom:0px; 
color:#fff; 
padding:0px 5px 
}   
 .causes_item .causes_text{  
 padding:30px 35px 40px 30px 
}   
 .causes_item .causes_text h4{  
 font-size:18px; 
font-weight:600; 
margin-bottom:15px; 
cursor:pointer 
}   
 .causes_item .causes_text p{  
 font-size:14px; 
line-height:24px; 
font-weight:300; 
margin-bottom:0px 
}   
 .causes_item .causes_bottom a{  
 width:50%; 
border:1px solid; 
text-align:center; 
float:left; 
line-height:50px; 
color:#fff; 
font-size:14px; 
font-weight:500 
}   
 .causes_item .causes_bottom a+a{  
 border-color:#eeeeee; 
background:#fff; 
font-size:14px 
}   
 .latest_blog_area{  
 background:#f9f9ff 
}   
 .single-recent-blog-post{  
 margin-bottom:30px 
}   
 .single-recent-blog-post .thumb{  
 overflow:hidden 
}   
 .single-recent-blog-post .thumb img{  
 transition:all 0.7s linear 
}   
 .single-recent-blog-post .details{  
 padding-top:30px 
}   
 .single-recent-blog-post .details .sec_h4{  
 line-height:24px; 
padding:10px 0px 13px; 
transition:all 0.3s linear 
}   
 .single-recent-blog-post .date{  
 font-size:14px; 
line-height:24px; 
font-weight:400 
}   
 .single-recent-blog-post:hover img{  
 transform:scale(1.23) rotate(10deg) 
}   
 .tags .tag_btn{  
 font-size:12px; 
font-weight:500; 
line-height:20px; 
border:1px solid #eeeeee; 
display:inline-block; 
padding:1px 18px; 
text-align:center 
}   
 .tags .tag_btn+.tag_btn{  
 margin-left:2px 
}   
 .blog_categorie_area{  
 padding-top:30px; 
padding-bottom:30px 
}   
 @media (min-width: 900px){  
 .blog_categorie_area{  
 padding-top:80px; 
padding-bottom:80px 
}   
  
}   
 @media (min-width: 1100px){  
 .blog_categorie_area{  
 padding-top:120px; 
padding-bottom:120px 
}   
  
}   
 .categories_post{  
 position:relative; 
text-align:center; 
cursor:pointer 
}   
 .categories_post img{  
 max-width:100% 
}   
 .categories_post .categories_details{  
 position:absolute; 
top:20px; 
left:20px; 
right:20px; 
bottom:20px; 
background:rgba(34,34,34,0.75); 
color:#fff; 
transition:all 0.3s linear; 
display:flex; 
align-items:center; 
justify-content:center 
}   
 .categories_post .categories_details h5{  
 margin-bottom:0px; 
font-size:18px; 
line-height:26px; 
text-transform:uppercase; 
color:#fff; 
position:relative 
}   
 .categories_post .categories_details p{  
 font-weight:300; 
font-size:14px; 
line-height:26px; 
margin-bottom:0px 
}   
 .categories_post .categories_details .border_line{  
 margin:10px 0px; 
background:#fff; 
width:100%; 
height:1px 
}   
 .categories_post:hover .categories_details{  
 background:rgba(222,99,32,0.85) 
}   
 .blog_item{  
 margin-bottom:40px 
}   
 .blog_details{  
 padding:30px 0 20px 10px; 
box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3) 
}   
 @media (min-width: 768px){  
 .blog_details{  
 padding:60px 30px 35px 35px 
}   
  
}   
 .blog_details p{  
 margin-bottom:30px 
}   
 .blog_details a{  
 color:#ff8b23 
}   
 .blog_details a:hover{  
 color:#fe5c24 
}   
 .blog_details h2{  
 font-size:18px; 
font-weight:600; 
margin-bottom:8px 
}   
 @media (min-width: 768px){  
 .blog_details h2{  
 font-size:24px; 
margin-bottom:15px 
}   
  
}   
 .blog-info-link li{  
 float:left; 
font-size:14px 
}   
 .blog-info-link li a{  
 color:#999999 
}   
 .blog-info-link li i,.blog-info-link li span{  
 font-size:13px; 
margin-right:5px 
}   
 .blog-info-link li::after{  
 content:"|"; 
padding-left:10px; 
padding-right:10px 
}   
 .blog-info-link li:last-child::after{  
 display:none 
}   
 .blog-info-link::after{  
 content:""; 
display:block; 
clear:both; 
display:table 
}   
 .blog_item_img{  
 position:relative 
}   
 .blog_item_img .blog_item_date{  
 position:absolute; 
bottom:-10px; 
left:10px; 
display:block; 
color:#fff; 
background-color:#006CB5; 
padding:8px 15px; 
border-radius:5px 
}   
 @media (min-width: 768px){  
 .blog_item_img .blog_item_date{  
 bottom:-20px; 
left:40px; 
padding:13px 30px 
}   
  
}   
 .blog_item_img .blog_item_date h3{  
 font-size:22px; 
font-weight:600; 
color:#fff; 
margin-bottom:0; 
line-height:1.2 
}   
 @media (min-width: 768px){  
 .blog_item_img .blog_item_date h3{  
 font-size:30px 
}   
  
}   
 .blog_item_img .blog_item_date p{  
 font-size:18px; 
margin-bottom:0; 
color:#fff 
}   
 @media (min-width: 768px){  
 .blog_item_img .blog_item_date p{  
 font-size:18px 
}   
  
}   
 .blog_right_sidebar .widget_title{  
 font-size:20px; 
margin-bottom:40px 
}   
 .blog_right_sidebar .widget_title::after{  
 content:""; 
display:block; 
padding-top:15px; 
border-bottom:1px solid #f0e9ff 
}   
 .blog_right_sidebar .single_sidebar_widget{  
 background:#fbf9ff; 
padding:30px; 
margin-bottom:30px 
}   
 .blog_right_sidebar .single_sidebar_widget .btn_1{  
 margin-top:0px 
}   
 .blog_right_sidebar .search_widget .form-control{  
 height:50px; 
border-color:#f0e9ff; 
font-size:13px; 
color:#999999; 
padding-left:20px; 
border-radius:0; 
border-right:0 
}   
 .blog_right_sidebar .search_widget .form-control::placeholder{  
 color:#999999 
}   
 .blog_right_sidebar .search_widget .form-control:focus{  
 border-color:#f0e9ff; 
outline:0; 
box-shadow:none 
}   
 .blog_right_sidebar .search_widget .input-group button{  
 background:#fff; 
border-left:0; 
border:1px solid #f0e9ff; 
padding:4px 15px; 
border-left:0 
}   
 .blog_right_sidebar .search_widget .input-group button i,.blog_right_sidebar .search_widget .input-group button span{  
 font-size:14px; 
color:#999999 
}   
 .blog_right_sidebar .newsletter_widget .form-control{  
 height:50px; 
border-color:#f0e9ff; 
font-size:13px; 
color:#999999; 
padding-left:20px; 
border-radius:0 
}   
 .blog_right_sidebar .newsletter_widget .form-control::placeholder{  
 color:#999999 
}   
 .blog_right_sidebar .newsletter_widget .form-control:focus{  
 border-color:#f0e9ff; 
outline:0; 
box-shadow:none 
}   
 .blog_right_sidebar .newsletter_widget .input-group button{  
 background:#fff; 
border-left:0; 
border:1px solid #f0e9ff; 
padding:4px 15px; 
border-left:0 
}   
 .blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{  
 font-size:14px; 
color:#999999 
}   
 .blog_right_sidebar .post_category_widget .cat-list li{  
 border-bottom:1px solid #f0e9ff; 
transition:all 0.3s ease 0s; 
padding-bottom:12px 
}   
 .blog_right_sidebar .post_category_widget .cat-list li:last-child{  
 border-bottom:0 
}   
 .blog_right_sidebar .post_category_widget .cat-list li a{  
 font-size:14px; 
line-height:20px; 
color:#888888 
}   
 .blog_right_sidebar .post_category_widget .cat-list li a p{  
 margin-bottom:0px 
}   
 .blog_right_sidebar .post_category_widget .cat-list li+li{  
 padding-top:15px 
}   
 .blog_right_sidebar .popular_post_widget .post_item .media-body{  
 justify-content:center; 
align-self:center; 
padding-left:20px 
}   
 .blog_right_sidebar .popular_post_widget .post_item .media-body h3{  
 font-size:12px; 
line-height:20px; 
margin-bottom:6px; 
transition:all 0.3s linear 
}   
 .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{  
 color:#fff 
}   
 .blog_right_sidebar .popular_post_widget .post_item .media-body p{  
 font-size:14px; 
line-height:21px; 
margin-bottom:0px 
}   
 .blog_right_sidebar .popular_post_widget .post_item+.post_item{  
 margin-top:20px 
}   
 .blog_right_sidebar .tag_cloud_widget ul li{  
 display:inline-block 
}   
 .blog_right_sidebar .tag_cloud_widget ul li a{  
 display:inline-block; 
border:1px solid #eeeeee; 
background:#fff; 
padding:4px 20px; 
margin-bottom:8px; 
margin-right:3px; 
transition:all 0.3s ease 0s; 
color:#888888; 
font-size:13px 
}   
 .blog_right_sidebar .tag_cloud_widget ul li a:hover{  
 background:#fe5c24; 
color:#fff !important; 
-webkit-text-fill-color:#fff; 
text-decoration:none; 
-webkit-transition:0.5s; 
transition:0.5s 
}   
 .blog_right_sidebar .instagram_feeds .instagram_row{  
 display:flex; 
margin-right:-6px; 
margin-left:-6px 
}   
 .blog_right_sidebar .instagram_feeds .instagram_row li{  
 width:33.33%; 
float:left; 
padding-right:6px; 
padding-left:6px; 
margin-bottom:15px 
}   
 .blog_right_sidebar .br{  
 width:100%; 
height:1px; 
background:#eee; 
margin:30px 0px 
}   
 .blog-pagination{  
 margin-top:40px 
}   
 .blog-pagination .page-link{  
 font-size:14px; 
position:relative; 
display:block; 
padding:0; 
text-align:center; 
margin-left:-1px; 
line-height:45px; 
width:45px; 
height:45px; 
border-radius:0 !important; 
color:#8a8a8a; 
border:1px solid #f0e9ff; 
margin-right:10px 
}   
 .blog-pagination .page-link i,.blog-pagination .page-link span{  
 font-size:13px 
}   
 .blog-pagination .page-item.active .page-link{  
 background-color:#fff; 
border-color:#006CB5; 
color:#888888 
}   
 .blog-pagination .page-item:last-child .page-link{  
 margin-right:0 
}   
 .single-post-area .blog_details{  
 box-shadow:none; 
padding:0 
}   
 .single-post-area .social-links{  
 padding-top:10px 
}   
 .single-post-area .social-links li{  
 display:inline-block; 
margin-bottom:10px 
}   
 .single-post-area .social-links li a{  
 color:#cccccc; 
padding:7px; 
font-size:14px; 
transition:all 0.2s linear 
}   
 .single-post-area .blog_details{  
 padding-top:26px 
}   
 .single-post-area .blog_details p{  
 margin-bottom:20px; 
font-size:15px 
}   
.quote-wrapper{  
background:rgba(130,139,178,0.1); 
padding:15px; 
line-height:1.733;
font-style:italic; 
margin-top:18px; 
}   
   
.quotes{ 
font-size: 14px; 
 background:#fff; 
padding:15px 15px 15px 20px; 
border-left:2px solid #006CB5 
}
 @media (max-width: 413px){  
.quotes{ 
font-size: 12px;
} 
}     
.quotes{  
 padding:25px 25px 25px 30px 
}   
  
}   
 .single-post-area .arrow{  
 position:absolute 
}   
 .single-post-area .arrow .lnr{  
 font-size:20px; 
font-weight:600 
}   
 .single-post-area .thumb .overlay-bg{  
 background:rgba(0,0,0,0.8) 
}   
 .single-post-area .navigation-top{  
 padding-top:15px; 
border-top:1px solid #f0e9ff 
}   
 .single-post-area .navigation-top p{  
 margin-bottom:0 
}   
 .single-post-area .navigation-top .like-info{  
 font-size:14px 
}   
 .single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{  
 font-size:16px; 
margin-right:5px 
}   
 .single-post-area .navigation-top .comment-count{  
 font-size:14px 
}   
 .single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{  
 font-size:16px; 
margin-right:5px 
}   
 .single-post-area .navigation-top .social-icons li{  
 display:inline-block; 
margin-right:15px 
}   
 .single-post-area .navigation-top .social-icons li:last-child{  
 margin:0 
}   
 .single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{  
 font-size:14px; 
color:#999999 
}   
 .single-post-area .blog-author{  
 padding:40px 30px; 
background:#fbf9ff; 
margin-top:50px 
}   
 @media (max-width: 600px){  
 .single-post-area .blog-author{  
 padding:20px 8px 
}   
  
}   
 .single-post-area .blog-author img{  
 width:90px; 
height:90px; 
border-radius:50%; 
margin-right:30px 
}   
 @media (max-width: 600px){  
 .single-post-area .blog-author img{  
 margin-right:15px; 
width:45px; 
height:45px 
}   
  
}   
 .single-post-area .blog-author a{  
 display:inline-block 
}   
 .single-post-area .blog-author a:hover{  
 color:#fe5c24 
}   
 .single-post-area .blog-author p{  
 margin-bottom:0; 
font-size:15px 
}   
 .single-post-area .blog-author h4{  
 font-size:16px 
}   
 .single-post-area .navigation-area{  
 border-bottom:1px solid #eee; 
padding-bottom:30px; 
margin-top:55px 
}   
 .single-post-area .navigation-area p{  
 margin-bottom:0px 
}   
 .single-post-area .navigation-area h4{  
 font-size:18px; 
line-height:25px 
}   
 .single-post-area .navigation-area .nav-left{  
 text-align:left 
}   
 .single-post-area .navigation-area .nav-left .thumb{  
 margin-right:20px; 
background:#000 
}   
 .single-post-area .navigation-area .nav-left .thumb img{  
 -webkit-transition:.5s; 
transition:.5s 
}   
 .single-post-area .navigation-area .nav-left .lnr{  
 margin-left:20px; 
opacity:0; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .single-post-area .navigation-area .nav-left:hover .lnr{  
 opacity:1 
}   
 .single-post-area .navigation-area .nav-left:hover .thumb img{  
 opacity:.5 
}   
 @media (max-width: 767px){  
 .single-post-area .navigation-area .nav-left{  
 margin-bottom:30px 
}   
  
}   
 .single-post-area .navigation-area .nav-right{  
 text-align:right 
}   
 .single-post-area .navigation-area .nav-right .thumb{  
 margin-left:20px; 
background:#000 
}   
 .single-post-area .navigation-area .nav-right .thumb img{  
 -webkit-transition:.5s; 
transition:.5s 
}   
 .single-post-area .navigation-area .nav-right .lnr{  
 margin-right:20px; 
opacity:0; 
-webkit-transition:.5s; 
transition:.5s 
}   
 .single-post-area .navigation-area .nav-right:hover .lnr{  
 opacity:1 
}   
 .single-post-area .navigation-area .nav-right:hover .thumb img{  
 opacity:.5 
}   
 @media (max-width: 991px){  
 .single-post-area .sidebar-widgets{  
 padding-bottom:0px 
}   
  
}   
 .comments-area{  
background:transparent;
padding:40px 0; 
margin-top:0px 
}   
 @media (max-width: 414px){  
 .comments-area{  
 padding:30px 8px 
}   
  
}   
 .comments-area h4{  
 margin-bottom:35px; 
font-size:18px 
}   
 .comments-area h5{  
 font-size:16px; 
margin-bottom:0px 
}   
 .comments-area .comment-list{  
padding-bottom:20px; 
padding-top:20px; 
border-top:1px solid #E0E0E0; 
}   
 .comments-area .comment-list:last-child{  
 padding-bottom:0px 
}   
 .comments-area .comment-list.left-padding{  
 padding-left:25px 
} 
 
 @media (max-width: 413px){  
 .comments-area .comment-list .single-comment h5{  
 font-size:12px 
}   
 .comments-area .comment-list .single-comment .date{  
 font-size:12px 
}   
 .comments-area .comment-list .single-comment .comment{  
 font-size:12px 
}   
  
}   
 .comments-area .thumb{  
 margin-right:20px 
}   
 .comments-area .thumb img{  
 width:70px; 
border-radius:50% 
}   
 .comments-area .date{  
 font-size:14px; 
color:#999999; 
font-weight:200;  
margin-left:10px 
}   
 .comments-area .comment{  
 font-style:italic; 
 margin-bottom:10px; 
font-size:14px 
}   
 .comments-area .btn-reply{  
 background-color:transparent; 
color:#888888; 
padding:5px 18px; 
font-size:14px; 
display:block; 
font-weight:400 
}   
 .comment-form{  
 border-top:1px solid #eee; 
padding-top:45px; 
margin-top:50px; 
margin-bottom:20px 
}   
 .comment-form .form-group{  
 margin-bottom:30px 
}   
 .comment-form h4{  
 margin-bottom:40px; 
font-size:18px; 
line-height:22px 
}   
 .comment-form .name{  
 padding-left:0px 
}   
 @media (max-width: 767px){  
 .comment-form .name{  
 padding-right:0px; 
margin-bottom:1rem 
}   
  
}   
 .comment-form .email{  
 padding-right:0px 
}   
 @media (max-width: 991px){  
 .comment-form .email{  
 padding-left:0px 
}   
  
}   
 .comment-form .form-control{  
 border:1px solid #f0e9ff; 
border-radius:5px; 
height:48px; 
padding-left:18px; 
font-size:13px; 
background:transparent 
}   
 .comment-form .form-control:focus{  
 outline:0; 
box-shadow:none 
}   
 .comment-form .form-control::placeholder{  
 font-weight:300; 
color:#999999 
}   
 .comment-form .form-control::placeholder{  
 color:#777777 
}   
 .comment-form textarea{  
 padding-top:18px; 
border-radius:12px; 
height:100% !important 
}   
 .comment-form ::-webkit-input-placeholder{  
 font-size:13px; 
color:#777 
}   
 .comment-form ::-moz-placeholder{  
 font-size:13px; 
color:#777 
}   
 .comment-form :-ms-input-placeholder{  
 font-size:13px; 
color:#777 
}   
 .comment-form :-moz-placeholder{  
 font-size:13px; 
color:#777 
}   
 .blog_part{  
 margin-bottom:140px 
}   
 @media (max-width: 576px){  
 .blog_part{  
 margin-bottom:0px; 
padding:0px 0px 70px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .blog_part{  
 margin-bottom:0px; 
padding:0px 0px 70px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .blog_part{  
 margin-bottom:0px; 
padding:0px 0px 70px 
}   
  
}   
 .blog_part .blog_right_sidebar .widget_title{  
 font-size:20px; 
margin-bottom:40px; 
font-style:inherit !important 
}   
 @media (max-width: 576px){  
 .blog_part .single-home-blog{  
 margin-bottom:140px; 
margin-top:20px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .blog_part .single-home-blog{  
 margin-bottom:140px; 
margin-top:20px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .blog_part .single-home-blog{  
 margin-bottom:140px; 
margin-top:20px 
}   
  
}   
 .blog_part .single-home-blog .card-img-top{  
 border-radius:0px 
}   
 .blog_part .single-home-blog .card{  
 border:0px solid transparent; 
border-radius:0px; 
background-color:transparent; 
position:relative 
}   
 .blog_part .single-home-blog .card .card-body{  
 padding:25px 10px 29px 40px; 
background-color:#fff; 
position:absolute; 
left:20px; 
bottom:-140px; 
box-shadow:-7.552px 9.326px 20px 0px rgba(1,84,85,0.1); 
border-radius:10px 
}   
 @media (max-width: 576px){  
 .blog_part .single-home-blog .card .card-body{  
 padding:15px; 
left:10px; 
bottom:-140px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .blog_part .single-home-blog .card .card-body{  
 padding:15px; 
left:10px; 
bottom:-140px 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .blog_part .single-home-blog .card .card-body{  
 padding:20px 
}   
  
}   
 .blog_part .single-home-blog .card .card-body a{  
 color:#fe5c24; 
text-transform:uppercase; 
-webkit-transition:.8s; 
transition:.8s 
}   
 .blog_part .single-home-blog .card .card-body a:hover{  
 background:-webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent 
}   
 .blog_part .single-home-blog .card .dot{  
 position:relative; 
padding-left:20px 
}   
 .blog_part .single-home-blog .card .dot:after{  
 position:absolute; 
content:""; 
width:10px; 
height:10px; 
top:5px; 
left:0; 
background-color:#fe5c24; 
border-radius:50% 
}   
 .blog_part .single-home-blog .card span{  
 color:#8a8a8a; 
margin-bottom:10px; 
display:inline-block; 
margin-top:10px 
}   
 @media (max-width: 576px){  
 .blog_part .single-home-blog .card span{  
 margin-bottom:5px; 
margin-top:5px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .blog_part .single-home-blog .card span{  
 margin-bottom:5px; 
margin-top:5px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .blog_part .single-home-blog .card span{  
 margin-bottom:5px; 
margin-top:5px 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .blog_part .single-home-blog .card span{  
 margin-bottom:5px; 
margin-top:5px 
}   
  
}   
 .blog_part .single-home-blog .card h5{  
 font-weight:600; 
line-height:1.5; 
font-size:20px; 
-webkit-transition:.8s; 
transition:.8s; 
text-transform:capitalize; 
margin-bottom:22px 
}   
 @media (max-width: 576px){  
 .blog_part .single-home-blog .card h5{  
 margin-bottom:10px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .blog_part .single-home-blog .card h5{  
 margin-bottom:10px; 
font-size:16px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .blog_part .single-home-blog .card h5{  
 margin-bottom:10px 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .blog_part .single-home-blog .card h5{  
 margin-bottom:10px; 
font-size:18px 
}   
  
}   
 .blog_part .single-home-blog .card h5:hover{  
 -webkit-transition:.8s; 
transition:.8s; 
background:-webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent; 
-webkit-animation:1s 
}   
 .blog_part .single-home-blog .card ul li{  
 display:inline-block; 
color:#8a8a8a; 
margin-right:14px 
}   
 @media (max-width: 576px){  
 .blog_part .single-home-blog .card ul li{  
 margin-right:10px 
}   
  
}   
 @media only screen and (min-width: 480px) and (max-width: 767px){  
 .blog_part .single-home-blog .card ul li{  
 margin-right:10px 
}   
  
}   
 @media only screen and (min-width: 768px) and (max-width: 991px){  
 .blog_part .single-home-blog .card ul li{  
 margin-right:10px 
}   
  
}   
 @media only screen and (min-width: 992px) and (max-width: 1200px){  
 .blog_part .single-home-blog .card ul li{  
 margin-right:10px 
}   
  
}   
 .blog_part .single-home-blog .card ul li span{  
 margin-right:10px; 
font-size:12px 
}   
 
/* Фон и пропорции разделов */
.area-base{
padding-top:100px; 
padding-bottom:100px; 	
}
 @media (max-width: 576px){  
.area-base{
padding-top:60px; 
padding-bottom:60px; 	
}
}
.colorfon1{ 	
background: url(/template/site/img/fon1.jpg) fixed center center; 
background-size: cover; 
}
.colorfon2 {
background: url(/template/site/img/fon2.jpg) fixed center center; 
background-size: cover; 
}
.colorfon3{
background-color: #FFFFFF; 
}
.colorfon4{
background-color: #272727; 
}
.colorfon5{
background-color: #001A2B; 
}

/* Заголовки */

.colortit1{
color: #FFFFFF; 
font-size:34px; 
}
.colortit2{
color: #141313;
font-size:34px; 
}
.colortit3{
color: #141313; 
font-size:34px; 
}
.colortit4{
color: #FFFFFF; 
font-size:34px; 
}
.colortit5{
color: #FFFFFF; 
font-size:34px; 
}

 @media (max-width: 576px){ 
.colortit1, .colortit2, .colortit3, .colortit4, .colortit5 {  
font-size:24px;
}   
} 

/* Контент общий */

#cont img {
width:auto; 
max-width: 100% !important; 
height:auto !important; 
border:0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px; 
border-radius: 0px;
}
#cont iframe {
max-width: 100% !important; 
}
#cont tr td{
padding: 20px;
border: 1px solid;
border-color: #D6D6D6;
}
#cont p {
margin-bottom: 0px;	
}

/* Контент 1*/
.cont1 {
color:#B7B7B7; 
}
.cont1 a {
text-decoration: none; 
color: #006CB5; 
}
.cont1 a:hover {
text-decoration: none; 
color: #B7B7B7; 
}

/* Контент 2*/
.cont2 {
color:#272727; 
}
.cont2 a {
text-decoration: none; 
color: #006CB5; 

}
.cont2 a:hover {
text-decoration: none; 
color: #272727; 
}

/* Контент 3*/

.cont3{
color:#272727; 
}
.cont3 a {
text-decoration: none; 
color: #006CB5; 
}
.cont3 a:hover {
text-decoration: none; 
color: #272727; 
}

/* Контент 4*/

.cont4 {
color:#B7B7B7; 
}
.cont4 a {
text-decoration: none; 
color: #006CB5; 
}
.cont4 a:hover {
text-decoration: none; 
color: #B7B7B7; 
}

/* Контент 5*/

.cont5{
color:#B7B7B7; 
}
.cont5 a {
text-decoration: none; 
color: #006CB5; 
}
.cont5 a:hover {
text-decoration: none; 
color: #B7B7B7; 
}

/* Формы, кнопки, иконки */

.form {
color: #797979; 
background-color: #fff; 
padding: 40px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px; 
border-radius: 0px; 
}
.form a {
text-decoration: none; 
color: #797979; 
}
.form a:hover {
text-decoration: none; 
color: #006CB5; 
}
.erorst {
line-height: 40px; 
border: 1px solid #910303; 
text-align: center; 
color: #910303; 
font-weight: bold; 
margin-top:8px; 
margin-bottom:8px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px;
border-radius: 0px; 
}
.msgst {
line-height: 40px; 
border: 1px solid #006400; 
text-align: center; 
color: #006400; 
font-weight: bold; 
margin-top:8px; 
margin-bottom:8px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px; 
border-radius: 0px; 
}
.form input {
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px; 
border-radius: 0px; 
}
.form textarea {
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px; 
border-radius: 0px; 
}
.form input[type="submit"] {
font-size: 16px;
background: #006CB5; 
border: 0; 
color: #fff; 
transition: 0.5s;
}
.form input[type="submit"]:hover {
background: #015893; 
}
.btn-success {
font-size: 16px;
background: #006CB5; 
border: 0; 
color: #fff; 
transition: 0.5s; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px; 
border-radius: 0px; 
}
.btn-success:hover {
background: #015893; 
}

/* Разное */

.mtop{
margin-top:5px; 
}
.mbot{
margin-bottom:5px; 
}
.mtop2{
margin-top:10px; 
}
.mbot2{
margin-bottom:10px; 
}
.mbotop{
margin-top:10px; 
margin-bottom:10px; 
}
.pright20{
padding-right:20px;
padding-left:10px;		
}
.nopad{
padding:0px; 
}
.nomarg{
margin:0px; 
}
.clear {
clear: both; 
}
.center {
text-align: center; 
}
.color{
color:#006CB5; 
}
.color1{
color:#000000; 
}
#carousel img {
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px; 
border-radius: 0px;
 }