/*
Theme Name: Cascadia
Theme URI: http://www.webseopros.com/
Author: Web SEO Pros
Author URI: http://www.webseopros.com/
Description: Wordpress theme designed for Cascadia with Blog Integration.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cascadialm
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/


:root {
  --primary-color: #1348af;
  --primary-dark-color:#143473;
  --secondary-color: #0bbfff;
  --light-color: #fff;
  --info-color: #092528;
  --green: #BDDC04;
  --grey: #e5e5e5;
  --green-color: #03a396;
  --light-grey: #ccd4e0;
  --black: #000;

}
body{color:var(--info-color);overflow-x:hidden;font-family: 'Open Sans', sans-serif;}
section{padding:70px 0}

@font-face {
  font-family: 'tekturbold';
  src: url('fonts/tektur_bold-webfont.woff2') format('woff2'),
       url('fonts/tektur_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

img{max-width:100%;height:auto}
a{-webkit-transition:all linear .2s 0;transition:all linear .2s 0;color:var(--primary-color)}
a:focus,a:hover{outline:0;color:var(--primary-color);text-decoration:none}
h1.display-4{font-size:40px}
.btn{font-weight:600; text-transform: uppercase; border-radius: 0;}
.form-control {border-radius: 7px 7px 15px 15px;}
.btn,.btn:hover,.btn:focus,.form-control,.form-control:hover,.form-control:focus,input:hover,input:focus{box-shadow:none;outline:none}
.btn_big{padding:15px 25px}
.btn_big2{padding:15px 75px}
button:focus {outline: none;}
.text-grey{color:var(--grey)}
h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}
h1, h2, h3, h4, h5{ font-family: 'tekturbold';}



.btn-primary {
  color: var(--light-color);
  background-color: #0bbfff;
  border-color:  #0bbfff;
}
.btn-primary:hover, .btn-primary:focus {background-color:  var(--green-color);
  border-color:  var(--green-color);}




label { margin:0;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.clear { clear:both;}
.clear1 { clear:both; padding:1px 0 0;}
.clear5 { clear:both; padding:3px 0 2px;}
.clear10 { clear:both; padding:5px 0;}
.mrb-10 { margin:0 10px 10px 0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}

.green{color:var(--green)}

.text-success{color:var(--primary-color)!important}
.btn-success{background-color:var(--primary-color);border-color:var(--primary-color); color:var(--light-color);}
.btn-success:hover, .btn-success:focus{background-color:var(--primary-dark-color);border-color:var(--primary-dark-color);color:var(--light-color);}


.heading { margin-bottom: 50px;}


.btn-dark{background:var(--info-color);border-color:var(--info-color);color:var(--light-color)}
.btn-dark:hover,.btn-dark:focus{background:var(--black);border-color:var(--black);color:var(--light-color);box-shadow:none}
.btn_styled {padding: 12px 35px; font-size: 17px;}
.heading h1,.heading .h1,.heading h2,.heading .h2,.heading h3,.heading .h3,.heading h4,.heading .h4{font-weight:700}
.light_text{opacity: 0.6;}
h2.display-2{font-size: 45px;}
.heading{margin-bottom:30px;text-transform: capitalize;font-weight:700;}



.header_bar { position: absolute; left: 0; right: 0; top:0;  z-index:9; background-color:var(--primary-dark-color)}

.logo{padding:15px 0; float: left; margin-right: 30px;}
.logo img{ height:92px;}
.menu_bar{position:relative; display: inline-block; text-align: center; margin-top: 32px;}
#menu{position:relative;}
#menu ul{list-style:none;margin:0;padding:0}
#menu ul li{ position:relative; display: inline-block;}
#menu ul li a{font-size:18px;display:block;color:var(--light-color);text-decoration:none;padding:15px 15px; font-weight:700; position: relative;-webkit-transition:all .3s linear;transition:all .3s linear; font-family: 'Roboto Mono', monospace; text-transform: uppercase;}
#menu li > a:after { content: '\f0d7'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li:last-child a {padding-right: 0;}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color:var(--secondary-color);background-color:transparent; opacity: 0.8;}
#menu ul li a.active{color:var(--secondary-color);}
#menu li.active ul li a{color:var(--light-color);background:var(--primary-color)}
#menu li.active ul li a:hover{color:var(--light-color);background:var(--primary-color)}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;border-top:2px solid var(--primary-color)}
#menu ul li.active ul li a { background:var(--light-color); color:#333;}
#menu li>ul li{ float:none; background:var(--light-color);border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative}#menu li>ul li:hover{background:var(--primary-color);border-bottom:1px solid rgba(0,0,0,0.09)}#menu li>ul li a{color:#333;font-size:13px;padding:10px 15px; font-weight:400;}#menu li>ul li a:hover{color:var(--light-color);text-decoration:none}#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background:var(--primary-color);color:var(--light-color)}#menu>li{border-left:1px solid #999}#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}#menu li:hover>ul{visibility:visible;opacity:1}#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}#menu li:hover>ul li a{padding:10px 23px}

.header_bar.sticky{background:var(--primary-dark-color); position:fixed; z-index:99; left:0; right:0; top:0; margin-top: 0; }
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}


.top_header_right {float: right;}
.top_header_right ul{list-style: none; margin: 0; padding: 0;}
.top_header_right ul li{float: left;}
.top_header_right ul li+li{margin-left:12px;}
.top_header_right ul li a{color: var(--light-color); font-size: 20px;}
.top_header_right ul li a:hover{color: var(--secondary-color);}


.top_info{float: right; margin-top: 23px;}

.about_section {padding-top:0; position: relative;}
.about_section:before {position: absolute; content: ""; background:#fff; height: 200px; width: 100%;left: 0; right: 0; top: -80px; clip-path: polygon(0 30%, 50% 0, 100% 30%, 100% 100%, 50% 62%, 0 100%);}



.banner_wrapper { position:relative; background-position: center bottom; background-repeat: no-repeat; background-size: cover;  padding: 0;  margin-top: 172px; padding: 350px;}
.banner_wrapper:after {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(2, 52, 115, 0.8); }

.banner_caption { width: 1220px; margin: 0 auto; position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50%,-40%);transform: translate(-50%,-40%); z-index: 1;}
.banner_caption .capi {max-width: 100%; color: var(--light-color);}

.banner_block h1 {font-size: 95px;font-weight: normal;text-transform: uppercase; }
h2.display-3 {font-size: 64px; font-weight: normal; color: var(--primary-dark-color);  }
.heading_left {position: relative; margin-bottom: 40px;}

/* .about_thumb {padding-right: 60px;} */
.about_col {padding-left: 60px; margin-top: 40px;}

.about_col h2.display-3 { line-height: 0.7;}


#Services_section {padding-bottom: 0;}

.services_block_text {margin-bottom: 60px; padding: 0 30px; color:  var(--primary-color);}
.services_block_text h6 {font-size: 17px;}
.services_block_text p {font-family:'Roboto Mono', monospace;}
.services_bg {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px; margin: 20px auto 50px;}
.services_bg:after {position: absolute; background: var(--primary-dark-color); opacity: 0.6; content: ""; left: 0; right: 0;top: 0;bottom: 0;}
.services_block {position: relative; z-index: 1; color: var(--light-color); padding: 0 115px;}
.services_block h3{font-size: 36px; margin-bottom: 30px;}
.services_block h4{ font-size: 24px;}


.project_block .project_title h4{font-size: 36px; font-weight: 900;}
.services_list_section{ padding: 70px 0 50px;}
.services_thumb {margin-bottom: 30px;}
.services_list_col h3 {color: var(--primary-color); font-size: 36px;font-weight:900; }

.feature_section { padding: 70px 0;  }
.service_list {color: var(--black); font-size: 18px; font-weight: 600;text-align: center;}
.service_list_icon {width: 80px;   margin: 0 auto 15px;}
.service_list img{ height: 51px; }
.service_list .normal{display: inline-block;}
.service_list .hov{display: none;}
.service_list:hover .hov{display:inline-block;}
.service_list:hover  .normal{display: none;}
.service_list:hover {color: var(--primary-color)}

.feature_text { color:  var(--primary-color); font-weight: 700;}
hr.list_devider {background: var(--primary-color); height: 2px; margin: 30px auto;}


.contact_btn { padding: 15px 45px; font-size: 18px; font-weight: 900; margin-top: 80px;}

.text-block {margin-bottom: 50px;}
.services_banner {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; height: 350px; background-attachment: fixed;}



.project_block {margin-bottom: 30px; position: relative; overflow: hidden; color: var(--light-color);}

.project_block .overlay {position: absolute; top: 0; bottom: 0;left: 0; right: 0;height: 100%; width: 100%; transition: .5s ease;background: rgba(0, 0, 0, 0.2)}
.project_block:hover .overlay {
  background-color: rgba(20, 52, 115, 0.8);
}
#Mission_settion {padding-bottom: 0;}

.mission_block{ padding-bottom: 70px;}
.project_block .project_title { position: absolute; width: 100%;  left: 50%; top: 50%; -wekit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); z-index: 1;  }
.project_block .project_title h3 {font-size: 36px;}
.project_block .project_title p {font-size: 20px;}
.project_block:hover .project_title {display: none;}
.project_block .text {  font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; opacity: 0; width: 60%; color: var(--primary-color)}
.project_block:hover .text{opacity: 1;}
.grey_bg{background:  var(--grey);}
.white_bg {background-color: #fff;}
.team_section{padding: 60px 0; background-color: var(--light-color);}
.team_block {margin-bottom: 30px; position: relative; overflow: hidden; color: var(--light-color);}
.team_block .overlay {  position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;background: rgba(20, 52, 115, 0.8);}
.team_block:hover .overlay { opacity: 1;}
.team_thumb {background-color: #000; position: relative; overflow: hidden;}
.team_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.team_text h4 {font-size: 24px;}


/*.team_thumb img{
    height: 400px; object-fit: scale-down;
}*/


.testimonial_section {padding-top: 70px; padding-bottom: 70px;background:  var(--primary-dark-color); color: #fff; }
/* .testimonial_section  .owl-carousel .owl-stage-outer {overflow: inherit;} */
.testimonial_section h2.display-3 {color: var(--secondary-color)}


.testimonial{margin:0 7%; position: relative; padding: 20px 50px;}

.testimonial .description{font-size:20px;}


#testimonial_slider.owl-theme .owl-nav.disabled+.owl-dots{margin-top:25px}
#testimonial_slider .owl-dots,#testimonial_slider.owl-theme .owl-nav{text-align:center}
#testimonial_slider.owl-theme .owl-nav.disabled+.owl-dots{position:relative}
#testimonial_slider .owl-dots .owl-dot span{width:12px;height:12px;border:1px solid #fff;border-radius:0;margin:0 3px;display:block;background:transparent}
#testimonial_slider .owl-dots .owl-dot:hover span,#testimonial_slider .owl-dots .owl-dot.active span{background:var(--primary-color)}


.testimonial_name {display: inline-block; font-size: 24px;color:var(--light-color); font-weight: 700;}

#contacts_section {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0;}
.contact_form {background: var(--primary-color); opacity: 0.8; padding: 60px 80px; color: var(--light-color);}
.contact_form h2 {font-size: 72px; font-weight: 900;font-family: 'Poppins', sans-serif;}
.contact_form .form-group { margin-bottom: 20px;}



.contact_left_text {font-family:'Roboto Mono', monospace; font-weight: 500;}
.contact_form .form-control {color: var(--light-color); border-radius: 0; border:none; border-bottom: 1px var(--light-color) solid; background: transparent; height: auto; padding:0 15px 7px 0px; box-shadow: none;}
.right_form {padding: 0 80px 0; font-size: 15px;}
.contact_form .form-check-input { background-color: transparent; border:none;}
.contact_form .form-check-input input { float: left; margin-right: 5px; margin-top: 4px;}


.contact_form .form-control::placeholder { color: var(--light-color);}

.contact_form .form-control:-ms-input-placeholder { color: var(--light-color);}

.contact_form .form-control::-ms-input-placeholder {color: var(--light-color);}
.btn-submit { padding: 12px 35px; font-size: 18px; color: var(--primary-color); font-weight: 900;}

.contact_btn, .btn-submit {min-width: 180px;}

textarea.form-control {border: var(--light-color) 1px solid !important; padding: 15px !important; max-height: 100px;}
.footer_wrapper {background: var(--light-grey);

    text-decoration: none;
    font-size: 11px;
    font-weight: 400;
    padding: 50px 0;
    line-height: 18px;
  }
/* .footer_logo { margin-bottom: 40px;}
.footer_text {color: var(--light-color); font-size: 14px; text-transform: uppercase; font-weight: 700;}
.footer_text a{color: var(--light-color);}
.footer_text span{display: block;} */

footer div {color: #1b2e54; text-align:center; display:block; font-weight: 600; }
footer a {color: #1b2e54; display:inline-block; text-decoration:none;}
footer a:hover {color: var(--primary-color); text-decoration:none;}
footer [class*=col] {border-right:#1b2e54 solid 1px;}
footer [class*=col]:last-child {border-right:0}
footer .business_hours {margin-bottom:10px;}
footer .business_hours,
footer .contact_info {color: #1b2e54; text-align:center;}



.footer_logo { text-align: center;  margin: 0 auto 20px;}
.footer_logo img {height:92px;}

.footer_link {display: block; text-align: center;}
.footer_link ul {list-style: none; margin: 0; padding: 0;}
.footer_link ul li {display: block;color: var(--primary-color); font-size: 18px; font-weight: 500;}
.footer_link ul li a{color: var(--primary-color);}
.footer_link ul li+li{margin-top: 10px;}



.copyrights {text-align:left; margin-left: 20px; }
.copyrights div {text-align: left;}
.f_social_box {display:block; text-align: center; padding:0 20px; color: var(--primary-color); }
.f_social_box ul {list-style: none; padding:0; margin:0; display:block; text-align: center;}
.f_social_box ul li {display:inline-block; color: #fff; margin:2px 3px;}
.f_social_box ul li a {border:#fff solid 1px; width:33px; height:33px; -webkit-border-radius:100%; border-radius:100%; position:relative; color: #fff; text-decoration:none;}
.f_social_box ul li a i {position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size:14px;}
.f_social_box ul li a:hover {border:var(--primary-color) solid 1px; background-color: var(--primary-color); color: #fff;}

.copyrights div,
.contact_info div,
.business_hours div, .addr_info div,
.f_social_box div {font-weight: 600; min-height: 35px;}
.copyrights div {line-height: 15px; margin-bottom:4px;}
.disign_logo {position: relative;  display: inline-block; margin-top: 5px;}
.disign_logo img {max-width: 115px;}
.Design-by_link { margin-top: 25px;}
.site_info {margin-top: 15px; text-align: left; margin-left: 20px;}
.contact_info p { margin-bottom: 10px;}

.addr_info p { margin-bottom: 20px;}