/*
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: #031C1F;
  --primary-dark-color:#052d31;
  --secondary-color: #80B2A8;
  --light-color: #fff;
  --info-color: #092528;
  --green: #BDDC04;
  --grey: #c4c4c4;
  --light-blue-color: #80B2A8;
  --light-grey: #9fa4af;
  --black: #000;
  --light-yellow-color:#FFFAE3;
}
body{color:var(--info-color);overflow-x:hidden;font-family: 'Poppins', sans-serif;}
section{padding:70px 0}

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{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: 'Crimson Pro', serif;}


.btn-light {background: var(--light-yellow-color); border-color: var(--light-yellow-color);}

.btn-danger {
  color: var(--light-color);
  background-color: var(--secondary-color);
  border-color:  var(--secondary-color);
}
.btn-danger:hover, .btn-danger:focus {background-color: #dc3545;
  border-color: #dc3545;}




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:8px 55px; border-radius: 50px;}
.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;}

@media(min-width:1200px){
  .container {max-width: 1200px;}
}

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

.logo{padding:15px 0; margin-right: 30px;}
.logo img{ max-width: 180px;}
.menu_bar{position:relative; display: inline-block; text-align: center; margin-left: 20px;}
#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-yellow-color);text-decoration:none;padding:15px;position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;font-family: 'Crimson Pro', serif; font-weight: 700;}
#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(--light-blue-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; margin: 0 18px 0 0;}
.top_header_right ul li:last-child{margin:0;}
.top_header_right ul li a{color: var(--light-blue-color); font-size: 20px;}
.top_header_right ul li a:hover{color: var(--light-yellow-color);}


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

.about_section {padding-top: 130px;}
.about_col_text {font-size: 16px;}

.banner_wrapper { position:relative; background-position: center; background-repeat: no-repeat; background-size: cover;  padding: 0;  margin-top: 106px; padding: 365px 0 365px;}

.banner_caption { width: 1220px; margin: 0 auto; position: absolute; left: 50%; top: 15%; -webkit-transform: translate(-50%,-40%);transform: translate(-50%,-40%); z-index: 3;}
.banner_caption .capi {max-width: 80%; padding: 30px 50px; color: var(--primary-color);}

.banner_block h1 {font-size: 65px; line-height:1; font-weight: 900;text-transform: uppercase; }
h2.display-3 {font-size:50px; font-weight: 900; }
.heading_left {position: relative; margin-bottom: 30px; color: var(--secondary-color);}

.about_thumb {border-radius: 15px; overflow: hidden;}
.about_col {padding-left: 60px;}

.about_col h2.display-3 { line-height: 0.7;}
#Services_section, #Projects_section {padding-top: 0;}


.services_block_text {margin-bottom: 60px; padding: 0 30px; color: var(--light-yellow-color);}
.services_block_text h6 {font-size: 17px;}
.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:20px; border-radius:30px; overflow: hidden;}
.services_list_col h3 {color: var(--secondary-color); font-size:32px;font-weight:900; }

.feature_section {background: var(--secondary-color); padding: 70px 0;  }
.service_list {color: var(--black); font-size: 22px; font-weight: 600; text-align: center; margin: 0 0 45px;}
.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 {vertical-align: middle; color:  var(--primary-color); font-weight: 700; line-height: 1;font-family: 'Crimson Pro', serif;}
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: 600px; 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(248, 179, 45, 0.8);
}
.mission_sec {padding-bottom: 0; }
.mission_text {color:var(--light-yellow-color);}

.mission_block{ padding:150px 0;background: var(--primary-color); }
.mission_block h2 {margin: 0 0 20px; color: var(--secondary-color);}
.mission_block h2 img {display: block; margin:0 auto 15px; width: 140px;}
.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: rgba(232, 234, 238);}
.white_bg {background-color: #fff;}
.team_section{padding: 60px 0; background: #fff;}
.team_box {position: relative; border-radius: 25px; overflow: hidden;}
.team_thumb {position: relative;}
.team_contents {position: absolute; bottom: 0; left: 0; right: 0; transition: all linear 0.2s;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ padding: 170px 15px 25px; text-align: center; color: #fff;}
.team_contents h5 {font-size: 34px; font-weight: 700; line-height: 1; margin: 0;}
.team_contents p {font-size: 18px; margin: 0;}

.team_hover_contents {position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(255, 250, 227, 0.8); padding:40px 60px; opacity: 0; transition: all linear 0.2s; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 14px;}

.team_box:hover .team_contents {opacity: 0;}
.team_box:hover .team_hover_contents {opacity: 1;}


.testimonial_section {padding-top: 70px; padding-bottom: 70px; background: var(--primary-color); color: var(--light-yellow-color);}
/* .testimonial_section  .owl-carousel .owl-stage-outer {overflow: inherit;} */



.testimonial{margin:0 7%; position: relative; padding: 20px 120px;}
.testimonial:before, .testimonial:after{font-size:228px;color:var(--light-yellow-color); position:absolute;font-family: 'DM Serif Text', serif;}

.testimonial:before{top:-180px;left:-50px; content: "\“"; transform: rotateX(180deg);}
.testimonial:after{top:-70px; right:-50px; content: "\“"; transform: rotatey(-180deg);}
.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 var(--light-yellow-color);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(--light-yellow-color);}


.testimonial_name {display: inline-block; font-size: 20px;color:var(--secondary-color); font-weight: 700;font-family: 'Crimson Pro', serif;}

#contacts_section {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0;}
#contacts_section:before {position: absolute; left: 0; top: 0; right:0; bottom: 0; content:""; background:rgba(128, 178, 168, 0.88);}
#contacts_section .container {position: relative;}
#contacts_section h2 {color: #031C1F; font-size: 58px; font-weight: 700;}
.contact_form {padding: 60px 0; color: #031C1F;}
.contact_form .form-group { margin-bottom: 20px;}
.contact_form .form-control {color: #031C1F; border-radius: 0; border:none; border-bottom: 1px #031C1F 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: #031C1F;}

.contact_form .form-control:-ms-input-placeholder { color: #031C1F;}

.contact_form .form-control::-ms-input-placeholder {color: #031C1F;}
.btn-submit { padding:8px 55px; border-radius: 50px; font-size: 18px; }

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

textarea.form-control {border: #031C1F 1px solid !important; padding: 15px !important; max-height: 100px;}

footer {background: #031C1F;}
.footer_wrapper {

  color: var(--light-color);
    text-decoration: none;
    font-weight: 400;
    padding:80px 0 30px;
    font-size: 13px;
  }

footer h6 {font-weight:600; text-transform:uppercase; font-size:13px;}
footer a {color: var(--light-yellow-color); display:inline-block; text-decoration:none;}
footer a:hover {color: var(--primary-color); text-decoration:none;}
footer .footer_wrapper [class*=col] {border-right:var(--light-yellow-color) solid 1px;}
footer .footer_wrapper [class*=col]:last-child {border-right:0}
footer .business_contact p {margin:0 0 3px;}
footer .business_contact a {color:var(--light-yellow-color); text-decoration:underline;}
footer .business_contact,
footer .contact_info {color: var(--light-yellow-color);}

.ccb_info {text-align: center;}
.ccb_info h6 {margin: 0 0 25px;}

.footer_social_info {text-align: center;}
ul.footer_social{list-style: none; margin: 0; padding: 0;}
ul.footer_social li{display: inline-block; margin: 0 18px 0 0;}
ul.footer_social li:last-child{margin:0;}
ul.footer_social li a{color: var(--light-blue-color); font-size: 20px;}
ul.footer_social li a:hover{color: var(--light-yellow-color);}

.footer_logo {padding:0 10px; text-align: center; margin-top: 15px;}
.footer_logo img {width:175px;}

.footer_logos {padding:20px 0; text-align: center;}
.footer_logos img {margin: 0 7px; max-width: 160px; background: #fff; border-radius: 6px; padding: 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;}