/*
Theme Name: Rosie Windows
Theme URI: https://fkmedia.ca
Author: FK Media
Author URI: https://fkmedia.ca/
Description: Wordpress theme designed for 7G Windows.
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosiewindows
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/

:root {
  --primary: #000;
  --primary-hov :#2c9bc6;
  --secondary: #2a54a1;
  --secondary-hov :#13A8DD;
  --warning: #ffd202;
  --warning-dark :#d0ab00;
  --black: #000;
  --info: #ccc;
  --dark-hov: #231f20;
  --white:#fff;
  --gyey:#f5f5f5;
}

.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;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}

html, body {overflow-x:hidden;}
body {font-family: 'Open Sans', sans-serif; overflow-x:hidden; font-size: 16px; line-height: 1.5;}
a {color:var(--primary); transition:all linear 0.3s; -webkit-transition:all linear 0.3s; text-decoration: none;}
a:hover {color:#999; text-decoration:none;}
a:focus, button:focus, .btn:focus {text-decoration: none; outline:0;  box-shadow: none;}
img {max-width:100%; height:auto;}
section {padding:70px 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
.container {max-width:1200px;}

.grey_bg {background: var(--gyey);}
.btn-danger {background-color:  var(--secondary); border-color:  var(--secondary); color: #fff;}
.btn-danger:hover, .btn-danger:focus {background-color:  var(--secondary-hov); border-color:  var(--secondary-hov); color: #fff;}

.text-danger{color:  var(--secondary) !important;}
.btn-danger-dark {background-color:  var(--secondary-hov); border-color:  var(--secondary-hov); color: #fff;}
.btn-danger-dark:hover, .btn-danger-dark:focus {background-color:  var(--secondary); border-color:  var(--secondary); color: #fff;}

.btn-outline-danger { border-color:  var(--secondary-hov); color:  var(--secondary-hov)}
.btn-outline-danger:hover, .btn-outline-danger:focus {background-color:  var(--secondary); border-color:  var(--secondary); color: #fff;}

.btn-primary {background-color:  var(--primary); border-color:  var(--primary); color: #fff;}
.btn-primary:hover, .btn-primary:focus {background-color:  var(--primary-hov); border-color:  var(--primary-hov); color: #fff;}

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

.btn-outline-danger { border-color:  var(--primary-hov); color:  var(--primary-hov)}
.btn-outline-danger:hover, .btn-outline-danger:focus {background-color:  var(--primary); border-color:  var(--primary); color: #fff;}

.btn-warning {background-color: var(--warning); border-color: var(--warning); color: #000;}
.btn-warning:hover {background-color: var(--warning-dark); border-color: var(--warning-dark); color: #fff;}
.btn_styled {padding: 10px 25px;  font-size: 16px; font-weight: 600; text-transform: uppercase;}
.btn_styled i {margin-left: 7px;}

.top_header_bar {background:var(--primary); padding:10px 0; text-align: center; color: var(--white);}
.top_header_bar span, .top_header_bar strong{margin-right: 7px;}
.top_header_bar a{color: #fff;text-decoration: underline;}
.top_header_bar  a:hover{color: #fff; text-decoration: none;}

.top_header_bar ul { margin: 0; padding: 0 ; display: block;}
.top_header_bar ul li {display: inline-block; position: relative; margin: 0 20px;}
.top_header_bar ul li:before { content: '\f111'; font-size: 5px; font-family:'FontAwesome'; margin-right:25px; position: relative; top: -2px; }
.top_header_bar ul li a{color: #fff;}
.top_header_bar ul li a:hover{color: #fff; text-decoration: underline;}
.header_bar {background: var(--white);}
.top_header_bar ul li:first-child { margin-left: 0; margin-right: 0;}
.top_header_bar ul li:first-child:before { display: none;}

.logo {position: relative; padding:12px 0;  }
.logo img {max-width: 186px;}

.mobile_top_btn {display: none;}

.menubar { padding: 15px 0;}
#menu {padding:0;}
#menu ul{list-style:none;margin:0;padding:0;}
#menu ul li{display:inline-block;position:relative; margin:0 4px;}
#menu ul li a{color:#000; padding:2px 11px; display:block;text-decoration:none;position:relative;  }
#menu ul li:last-child a {margin-right:0;  padding-right: 0; border: none; }
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#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);}
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li.current_page_item>a:before,
#menu ul li.current-menu-ancestor>a:before,
#menu ul li.current-menu-item>a:before,
#menu ul li.current-menu-parent>a:before {opacity: 1;}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:var(--primary)}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#fff; color:#333; border-bottom:1px solid rgba(0,0,0,0.09)!important;}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;  font-weight:500;}
#menu li>ul li a:hover{color:#fff;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:#fff}
#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; font-size:14px;}
#menu li>ul li a:hover {background-color: var(--primary);}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:var(--primary);}

#menu ul li a.top_btn {color: var(--white) !important; padding: 10px 15px;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; }
.menubar.sticky {  margin:0;  position: fixed; top:130px; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; box-shadow: 0 7px 7px rgb(0 0 0 / 10%); display: block; background: #fff; padding: 15px 0;border-top:#ddd 1px solid}
.quote_btn { display: none;}
.menubar.sticky .container {position: relative;}
.menubar.sticky .quote_btn { position: absolute; display: block;right: 0; bottom: -58px; border-radius: 0px 0px 12px 12px; padding: 7px 20px; font-size: 18px;}

.hero {min-height: 750px; position: relative;  }
.hero_banner {background-size: cover;background-position: center 32%; position: relative; overflow: hidden;}
.hero_banner, .hero_banner .bg-overlay { width: 100%; background-repeat: no-repeat;overflow: hidden; position: absolute; top: 0; height: 100%;}

.hero_banner .bg-overlay { /*background-image: url(images/hero-overlay.png);background-position: left top; background-repeat: no-repeat; background-size: contain;
display: block; z-index: 3; position: absolute; left: 0; */background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(255,255,255,0.75) 25%,rgba(255,255,255,0) 100%);}
.hero_banner .container-fluid {z-index: 4;}
.hero_banner .container-fluid .row { height: 100%;}

@media (min-width: 992px){
.hero .container-fluid {min-height: 100%; display: block; width: 100%; margin-top: 0; height: 100%; position: absolute; top: 0;}
}
.banner_contents {color: var(--white); position: relative; z-index: 3;}
.banner_contents .banner_title {text-shadow: 0 0 20px rgba(5,3,3,.35),0 0 50px rgba(0,0,0,.75);}
.hero_banner { font-size: 18px;}
.hero_banner p { color: #fff;  font-size: 16px;  font-weight: 600; line-height: 24px;letter-spacing: .0125em; margin-bottom: 22px; text-shadow: 0 0 25px #07313d,0 0 50px #07313d;animation-delay: 1s;}

.hero-form { max-width: 415px; position: relative; animation-delay: .5s; z-index: 3; height: 100%;}
.hero-form .form-wrap {position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.hero-form .form-bg {width: 100%; background: #fff;   background-image: none; background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(197,217,226,.33)),to(#fff));
  background-image: linear-gradient(0deg,rgba(197,217,226,.33),#fff); padding: 40px 40px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2),0 0 0 20px rgba(255,255,255,.35);
  box-shadow: 0 0 15px 0 rgba(0,0,0,.2),0 0 0 20px rgba(255,255,255,.35);}
.hero-form .form-bg form p { margin:0;}
.hero-form .form-wrap .row{margin: 0 -7px;}
.hero-form .form-wrap .row> [class*="col-"] {padding: 0 7px;}

.hero-form .form-group{margin-bottom: 15px; position: relative;}
.form-select {font-size: 15px; color: #6c757d;}
.hero-form .form-group .icon {position: absolute; right: 15px; top: 10px;color: var(--secondary); z-index:1;}
.banner_logo_wrapper {position: relative; text-align: center;top: -50px; margin-bottom: -50px; }
.banner_logos {position: relative;  z-index: 3; background-color:rgba(255,255,255,.9);  padding: 25px; border-bottom: #dddd 4px solid;}
.banner_logos ul {list-style: none; margin: 0; padding: 0; }
.banner_logos ul li {display: inline-block;}
.banner_logos ul li+li{margin-left: 30px;}
.banner_logos ul li img {height: 82px; object-fit: scale-down;}
.form-offer .house-icon { height: 40px; margin: 0 auto 18px; display: block;}
.form_title{text-align: center; margin-bottom: 30px;}
.form_title .form_hed {font-weight: 700; margin-bottom: 0;}
.form-bg .more-info { text-align: center; display: block; color: var(--primary); font-size: 14px; font-weight: 600;}

@-webkit-keyframes slide {
  from {height: 0px;}
  to {height: 10px;}
}
@keyframes slide {
  from {height: 0px;}
  to {height: 10px;}
}

@keyframes moveBottom {
  0%, 100% {transform:translate(0, 0);}
  50% {transform:translate(-30px, 0);}
  100% {transform:translate(0, 0);}
}

.hero .shape-1 { position: absolute; top: 100px; left: 0; -webkit-animation: moveBottom 5s infinite linear; animation: moveBottom 5s infinite linear; z-index: 3;}
.hero .shape-2 {position: absolute; bottom: 100px; right: -30px; -webkit-animation: moveBottom 5s infinite linear; animation: moveBottom 5s infinite linear; z-index: 3;}
.hero_curve2 {position: absolute; left: 0; bottom: 0;z-index: 3; opacity: 0.92; transform: translateX(-50%);}
.hero_curve {position:absolute; right:0; bottom:0; width: 24%; height:140px; z-index: 3; opacity: 0.5;}

ul.programs_list{list-style:none;padding:0;margin:0;display:block;text-align:left; margin-top: 30px; overflow: hidden;}
ul.programs_list li+li{margin-top: 60px;}
ul.programs_list li{display:block;overflow:hidden;color:var(--black);position:relative;}
ul.programs_list li h3{margin-bottom:15px;}
ul.programs_list li h3 a{color:var(--black)}
ul.programs_list li h3 a:hover{color:var(--primary)}
ul.programs_list li .img_thumb{width:50%;float:left}

ul.programs_list li .img_thumb{position: absolute; top: 0; bottom: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 50%; left: 0;}
ul.programs_list li .img_thumb img{width:100%}
ul.programs_list li .program_contents{width:50%; float: left; position: relative;/*  background-color: rgba(0,0,0,0.05); */ float: right; padding: 50px;}
ul.programs_list li .program_contents .contents{padding: 4.2em 3.7em 3.7em; margin: 8px 8px 8px -15%; background: #fff; position: relative;}
ul.programs_list li .program_contents .contents:before{background-color: rgba(0,0,0,0.05); position: absolute; right: -20px; top: -20px; left: 20px; bottom: -20px; content: ""; z-index: -1;}
ul.programs_list li .program_contents .contents p{margin-bottom:25px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:4; -webkit-box-orient: vertical; font-size: 16px;}
ul.programs_list li .program_contents .contents p a:hover{color:var(--white)}
ul.programs_list li .program_contents .contents{padding: 4.2em 3.7em 3.7em; margin: 8px 8px 8px -15%; background: #fff; position: relative;}
ul.programs_list li:nth-child(even) .program_contents .contents:before { left: -20px;  right: 20px;}
ul.programs_list li:nth-child(even) h3 a{color:var(--black)}
ul.programs_list li:nth-child(even) h3 a:hover{color:var(--primary)}
ul.programs_list li:nth-child(even) .img_thumb{left:inherit; right: 0;}
ul.programs_list li:nth-child(even) .program_contents{float: left;}
ul.programs_list li:nth-child(even) .program_contents .contents {margin: 8px -15% 8px 8px;}
ul.programs_list li:nth-child(even) .program_contents .contents p a:hover{color:var(--black)}
ul.programs_list li:nth-child(even) .btn.btn_info{border-color:var(--black);color:var(--black)}
ul.programs_list li:nth-child(even) .btn.btn_info:hover,ul.programs_list li:nth-child(even) .btn.btn_info:focus{color:var(--white);border-color:var(--black);background:var(--black)}

.content_wrapper {margin-bottom: 40px;font-size: 18px;}

.zoom_link {text-align: center; color: var(--white); font-size: 30px;}

.right_link{color: var(--primary);  font-size: 14px; text-transform: uppercase; padding: 14px 50px 14px 40px; transition: color .1s; display: inline-block; cursor: pointer; outline: none; vertical-align: middle; text-align: center; position: relative; overflow: hidden; letter-spacing: .1em; border-radius: 30px; text-align: center; transition:color .1s; margin-top: 30px;}

.right_link span{display:inline-block;position:relative;transition:all 300ms ease-out;will-change:transform;}
.right_link:hover span{-webkit-transform:translate3d(-0.7rem,0,0);transform:translate3d(-0.7rem,0,0)}
.right_link i{position:relative;right:-10px;opacity:1;top:0px;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;will-change:right,opacity}
.right_link:hover i{opacity:1;right:-20px}

.section3 {background-color: #fff; color: #333;}
.heading {margin-bottom: 20px; font-weight: 700;}

.project_section{position: relative; padding: 100px 0; background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color: #fff; }
.project_section:after {background: rgba(0, 0, 0, 0.82); left: 0; right: 0; top: 0; bottom: 0; content: ""; position: absolute;}
.project_section .container{position: relative; z-index: 1;}
.project_section .custom_hedding:before{background: #000;}
.photo_gallery.owl-theme .owl-nav { margin:0;}
.photo_gallery.owl-theme .owl-nav [class*="owl-"] {width:50px; height: 50px; color:#fff; margin:0; border-radius:100%;font-size:20px; background-color:rgba(0,0,0,0.6);  }
.photo_gallery .owl-prev, .photo_gallery .owl-next { position:absolute; top:50%; right:0; text-align:center; transition:all ease .3s; z-index:999; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

.photo_gallery .owl-prev { left:20px;}
.photo_gallery .owl-next { right:20px;}
.photo_gallery .owl-prev:hover , .photo_gallery .owl-next:hover {  background-color:var(--secondary);}
.photo_gallery.owl-theme .owl-nav [class*="owl-"]:hover {background-color:var(--secondary); }
.photo_gallery figure:hover img { -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; opacity:0.15;  }
.photo_gallery figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease;}
.photo_gallery figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background: #999999; margin:0!important; position: relative; overflow: hidden; text-align: center;}
.photo_gallery figure img {position: relative;}
.photo_gallery .gallery_item figure img {object-fit: cover; height:422px;}
.photo_gallery figure img {object-fit: cover; height:260px;}
.photo_gallery figure:hover img {webkit-transform: scale(1.1);  -ms-transform: scale(1.1);   transform: scale(1.1); opacity: .5; }
.photo_gallery figcaption{position:absolute;bottom:10px;left:10px;right:10px;top:10px;transform:scale(0);background:rgba(210,56,54,0.8);padding:20px 30px;z-index:2;transition:all .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 65px 60px}
.photo_gallery figure:hover figcaption{opacity:1;transform:scale(1)}
.g-inner_border{position:absolute;width:90%;height:90%;left:5%;top:5%;border:1px solid rgba(255,255,255,.28);text-align:center;display:flex;justify-content:center;flex-direction:column;padding:0 15px}
.photo_gallery figcaption h3 {margin: 0; position: relative; color: #fff; }
.photo_gallery .owl-prev i, .photo_gallery .owl-next i { line-height:45px;}

.photo_gallery .item .right_link{color: var(--white);  margin-top: 10px;}

#testimonial_slide{}
#testimonial_slide .item {text-align: center; font-size: 18px;}
.quote-icon { font-size:40px; margin-bottom: 20px; color:var(--primary); text-align: center; }

#testimonial_slide .owl-nav{position:relative;padding-top:30px; }
#testimonial_slide .owl-nav .owl-prev,
#testimonial_slide .owl-nav .owl-next{position: relative; width: 45px; height: 45px; bottom: 50%; color: #a4a3a3; background: none; border: 1px solid #d9dfd7; z-index: 10;display: inline-block; font-size: 30px; text-align: center; cursor: pointer; line-height: 33px;margin: 0px 5px; border-radius: 2px; background-color: #ffffff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

#testimonial_slide .owl-nav .owl-prev:hover,
#testimonial_slide .owl-nav .owl-next:hover{color:#ffffff;border-color:var(--secondary);background-color: var(--secondary);}
.testiname {margin-top: 20px;}
.testiname strong {display: block;font-size: 18px;}
.testiname span{font-size: 14px;}

.blog_item{border:1px solid #ccc;margin-bottom:40px;position:relative}
.blog_item:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:var(--secondary);height:1px;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}
.blog_item:hover{border-bottom-color:var(--secondary)}
.blog_item:hover:before,.blog_item:hover:focus:before,.blog_item:hover:active:before{left:0;right:0}
.more_text{text-decoration: underline;}
.blog_text_box{padding: 30px 20px}
.blog_text_box h4{font-weight: 600; font-size: 20px; line-height: 1.5;}
.blog_text_box h4 a {color: #000;}
.blog_item:hover a {color: var(--secondary);}
.blog_item:hover a.more_text{text-decoration: none; color: #000;}
.blog_date{ margin-bottom: 20px;}
.blog_text_box{ font-size: 14px;}

footer{background: var(--black);}
.footer_sticky_btn {display: none;}

.footer_wrapper { padding: 70px 0; color: var(--white);}
.footer_wrapper h4 { color: var(--white); font-weight: 700; margin-bottom: 30px;padding-bottom: 10px; position: relative;}
.footer_wrapper h4:after {content: "";  width: 50px; height: 2px; bottom: -2px;  left: 0; position: absolute;background: var(--white);}
.footer_wrapper h4 a {color: var(--white) ;}
.footer_wrapper ul { list-style: none; margin: 0; padding: 0;}
ul.footer_list li { position: relative;padding-bottom: 15px; width: 50%; float: left }
ul.footer_list li a {transition: all 0.4s ease 0s; position: relative;  color: var(--white);  margin-bottom: 12px;  padding-left: 18px; display: block;}
ul.footer_list li a:before, ul.footer_link li a:before {font-family: 'FontAwesome'; content: "\f105"; position: absolute; left: 0; top: 0;  color: #fff; display: inline-block; transition: left .3s;}
ul.footer_list li a:hover{ color:var(--white); text-decoration:none;  padding-left:25px; }
ul.footer_list li.current_page_item a{ color:var(--white); text-decoration:none;}
ul.footer_list li:hover a:before { left: 3px;;}
ul.footer_link li { position: relative;}
ul.footer_link li a {transition: all 0.4s ease 0s; position: relative;  color: var(--white);  margin-bottom: 12px;  padding-left: 18px; display: block;}
ul.footer_link li a:hover{ color:var(--secondary); text-decoration:none;  padding-left:25px;}

ul.footer_link li.active>a,ul.footer_link li.current_page_item>a,ul.footer_link li.current-menu-ancestor>a,ul.footer_link li.current-menu-item>a,ul.footer_link li.current-menu-parent>a{ color:var(--secondary); text-decoration:none;}
ul.footer_link li:hover a:before { left: 3px; color: var(--secondary);}

ul.contact_info_list li { padding-left:20px; padding-bottom:10px; position:relative; }
ul.contact_info_list li a {color: var(--white); display: block; }
ul.contact_info_list li  i.fa { position:absolute; left:0; top:3px; width: 20px; }
ul.contact_info_list li a:hover{ color: var(--secondary);}

.footer_bar { padding:0 0 25px; text-align: center; }
.footer_bar a { color:var(--white);}
.footer_bar a:hover { color:var(--secondary);}
.copyright_text { color:var(--white); font-size: 13px; border-top: 5px solid #484848; padding-top: 25px; text-align: center;}

.footer_social{text-align:center;float:left; margin-top: 20px;}
.footer_social ul{list-style:none;margin:0;padding:0}
.footer_social ul li{display:inline-block;margin-right:0}
.footer_social ul li a i.fa{font-size:16px;width:35px;height:35px;line-height:35px;text-align:center;-webkit-border-radius:0;border-radius:0;display:block;background:var(--black);color:#fff}
.footer_social ul li a:hover{text-decoration:none}
.footer_social ul li a:hover i{text-decoration:none!important;outline:0!important;border:0!important}
.footer_social ul li a i.fa-facebook{background:#3c5998}
.footer_social ul li a:hover i.fa-facebook{background:#2e4473}
.footer_social ul li a i.fa-twitter{background:#07bcff}
.footer_social ul li a:hover i.fa-twitter{background:#3acaff}
.footer_social ul li a i.fa-instagram{background:#dd4d42}
.footer_social ul li a:hover i.fa-instagram{background:#be433a}
.footer_social ul li a i.fa-youtube{background:#f26522}
.footer_social ul li a:hover i.fa-youtube{background:#d54d0d}
.footer_social ul li a i.fa-whatsapp{background:#48c757}
.footer_social ul li a:hover i.fa-whatsapp{background:#2e943a}
.footer_social ul li a i.fa-linkedin{background:#0077b5}
.footer_social ul li a:hover i.fa-linkedin{background:#026da4}
.footer_social ul li a i.fa-pinterest{background:#b7081b}
.footer_social ul li a:hover i.fa-pinterest{background:#aa091b}
.sticky_btn {display: none;}

.back_top{-webkit-transition:all linear .2s 0;transition:all linear .2s 0;border-radius:7px;font-size:18px;position:fixed;right:20px;bottom:30px;width:60px;height:60px;background-color:var(--primary-hov);color:var(--white);text-decoration:none;z-index:9999;opacity:0}
.back_top i{position:absolute;left:50%;top:50%;font-size:18px;text-decoration:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.back_top:hover{background-color:var(--primary);opacity:1;color:var(--white)}

.mobile_menu_bar {background-color: #fff; position: relative; min-height: 50px;}
.close_farm {position: absolute; left:23px; top:8px; color: #000; text-decoration: none; font-size:30px; display: inline-block; cursor: pointer;}
.humburger{width:25px;height:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;left:25px;top:15px;cursor:pointer;transition:.5s all ease-in;z-index:1}
.humburger .line{height:2px;width:100%;background:#000;display:flex;transition:.5s all ease-in;position:relative;z-index:2}
.humburger .line:after{content:"";position:absolute;height:100%;left:0;top:0;bottom:0;background:#000;width:0;transition:.5s all ease-in-out;z-index:1}
.humburger:hover:after{transform:scale(1.4)}

@media (min-width: 992px){
  .euro_modal .modal-lg, .euro_modal .modal-xl { max-width: 1000px; }
  .inner_section{min-height: 500px;}
}
.euro_modal .modal-header {text-align: center; display: block; position: relative; padding-top: 0;}
.euro_modal .modal-header .btn-close { position: absolute; right: -30px; top: -10px; background: var(--primary);color: var(--white); border-radius: 100%; opacity: 1; width: 25px; height: 25px; font-size: 25px; line-height: 22px;}
.euro_modal h5.modal-title {font-size: 32px; color: var(--primary); font-weight: 700;}
.euro_modal .modal-content {border: 3px solid var(--primary); padding: 30px 50px; border-radius: 15px;}
.modal_info h4 {font-size: 27px; font-weight: 700; margin-bottom: 20px; color: #333;}
ul.modal_info_list { list-style:none; margin:0; padding:0; margin-bottom:20px;}
ul.modal_info_list li { position:relative; margin-bottom:7px; font-size: 20px; color: #9d9d9d;}
ul.modal_info_list li a{color: var(--primary);}
ul.modal_info_list li a:hover{color: #333;}
.mail_link {font-size: 18px;}
.mail_link a {color: #9d9d9d;}
.mail_link a:hover {color: var(--primary);}
.btn_modal {text-align: center; border-radius: 35px; padding: 12px 45px;}
.icon_modaltitle img{max-width: 25px; margin-right: 12px; position: relative; top: -5px;}
.estimate_modal .modal-header {text-align: center; display: block; position: relative; padding-top: 0; border-bottom: 0;}
.estimate_modal .modal-header .btn-close { position: absolute; right: 0; top: -10px; background: var(--secondary);color: var(--white); border-radius: 100%; opacity: 1; width: 25px; height: 25px; font-size: 25px; line-height: 22px;}
.estimate_modal h5.modal-title {font-size: 32px; color: var(--secondary); font-weight: 700;}
.estimate_modal .modal-content {border: 3px solid var(--secondary); padding: 30px 20px; border-radius: 15px;}
.modal_form .row {margin: 0 -7px;}
.modal_form .row> [class*="col-"] {padding: 0 7px;}
.modal_form .form-control { height: auto; padding: 10px 10px;}
.form-group { margin-bottom: 15px;}
.estimate_modal .modal-footer {display: block;}
.modal_link a {color: var(--primary);}
.thank_modal .modal-header {text-align: center; display: block; position: relative; padding-top: 0; border-bottom: 0;}
.thank_modal .modal-header .btn-close { position: absolute; left: 50%; transform: translateX(-50%); top: -43px; background: #0bbc00;color: var(--white); border-radius: 100%; opacity: 1; width: 25px; height: 25px; font-size: 25px; line-height: 22px;}
.thank_modal h5.modal-title {font-size: 32px; font-weight: 700;}
.thank_modal .modal-content {border: 3px solid #0bbc00; padding: 30px 20px; border-radius: 15px;}
.thank_modal .modal-body {font-size: 20px; text-align: center;}
.btn-success {background: #0bbc00; border-color: #0bbc00;}
.btn-success:hover, .btn-success:focus {background: #0c8f04; border-color: #0c8f04;}
.inner_wrapper {position: relative; text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; color: var(--secondary); }
.inner_wrapper:after{position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.22);}
.inner_wrapper .container {position: relative; z-index: 1;}
.baner_cont_list {margin-top: 40px;}
.baner_cont_list ul {list-style: none; margin: 0; padding: 0;}
.baner_cont_list ul li {float: left; margin-right: 15px; line-height: 1.1; }
.baner_cont_list ul li .b_box{text-align: center; border-radius: 50%; background-color: var(--secondary); color: var(--white); width: 120px; height: 120px; padding: 20px; position: relative;}
.baner_cont_list ul li .b_box .inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.baner_cont_list ul li .b_box h6 {font-size: 14px; line-height: 1;}
.baner_cont_list ul li .b_box p {letter-spacing: normal; margin: 0; font-size: 11px; margin-bottom: 5px; }
.banner_price {font-size: 13px; font-weight: 600;}

.services_box { position:relative;}
figure.effect{position:relative;overflow:hidden;background:var(--secondary);text-align:center;cursor:pointer;padding:0;height:100%;-webkit-transition:background .35s;-moz-transition:background .35s;-ms-transition:background .35s;-o-transition:background .35s;transition:background .35s}
figure.effect figcaption{padding:24px;color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;font-size:.8em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect img{position:relative;display:block;min-height:100%;opacity:1;max-width:100%; width:100%; margin-left:0px;-webkit-transform:scale(1.0);transform:scale(1.0);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out; height: 360px;}
figure.effect h3{position:absolute;overflow:hidden;padding:16px 0;margin:0;left:50%;bottom:0;background:rgba(210,56,54,0.92);width:100%;color:#fff;transition:background .35s;-webkit-transition:background .35s;-webkit-transform:translateX(-50%);transform:translateX(-50%); font-size:18px; font-weight: 700;  text-transform:uppercase;}
figure.effect p{opacity:0;padding-bottom:12px;transition:opacity .35s,transform .35s;-webkit-transition:opacity .35s,transform .35s;transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0); font-size:13px;}
figure.effect h4 {opacity:0;padding-top:60px;transition:opacity .35s,transform .35s;-webkit-transition:opacity .35s,transform .35s;transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0); text-transform:uppercase; font-weight: 700; }
figure.effect:hover img{opacity:.4;margin-left:0; -webkit-transform:scale(1.2);transform:scale(1.2);}
figure.effect:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect:hover h4{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;z-index:100}
figure.effect:hover h3{background:rgba(153,0,0,0)}

.post-stats {  margin-bottom: 10px; overflow: hidden;}
.post-stats div { float: left;}
.post-stats div, .post-stats span { font-size: 15px;  margin-right: 8px;}
.post-stats i.fa { font-size: 15px; margin-right:5px;}

.tags_list{margin-bottom:10px;}
.tags_list i{margin-right:5px;}
.tags_list a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px;color:#000;border:1px solid #666;border-radius:4px;}
.tags_list a:hover{background:var(--secondary);border-color:var(--secondary);color:#fff;}
.tagcloud a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px!important;color:#000;border:1px solid #666;border-radius:4px;}
.tagcloud a:hover{background:var(--secondary);border-color:var(--secondary);color:#fff;}

.comment_sec { margin-top:20px;}
.comment_sec ol.commentlist { list-style:none; margin:0 0 30px 0; padding:0;}
.comment_sec ol.commentlist li { margin:0 0 20px 0; position:relative;}
.comment_sec ol.commentlist li .comment-body { border:1px solid #ddd; padding:20px 20px 20px 60px;}
.comment_sec ol.commentlist li .comment-body .comment-meta { font-size:0.83em; float:left; margin:0 0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author { float:left; font-size:12px; font-weight:700; margin:0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author img { float:left; position:absolute; top:20px; left:15px; width:32px; height:auto; background:none; border:1px solid #e4e1e3;}
.comment_sec ol.commentlist li .comment-body .comment-author cite { font-style:normal;}
.comment_sec ol.commentlist li .comment-body p { clear:both;}
.comment_sec ol.commentlist li .comment-body .reply a { text-decoration:underline;}
.comment_sec ol.commentlist ul.children { list-style:none; margin:20px 0 0 0;}

.sidebar {}
.sidebar .widget { margin-bottom:30px;}
.sidebar ul { list-style:none; margin:0; padding:0;}
.sidebar ul li { border-bottom:1px dotted #ddd;}
.sidebar ul li:last-child { border-bottom:0;}
.sidebar ul li a { color:#000; display:block; padding:8px 5px 8px 20px; position:relative;}
.sidebar ul li a:before { content:"\f105"; font-family:'FontAwesome'; position:absolute; left:8px; top:7px;}
.sidebar ul li a:hover, .sidebar ul li.is-active a { background:var(--secondary); color:#fff; text-decoration:none;}

.custom_pagination,.woocommerce-pagination{text-align:center}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:var(--secondary);background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:var(--secondary);border-color:var(--secondary)}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:var(--secondary);border-color:var(--secondary)}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none !important;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:8px 12px 10px 12px; border:none !important;}
.wpcf7 form.invalid .wpcf7-response-output { background:#ffc107; color:#fff;}
.wpcf7 form.sent .wpcf7-response-output { background:#28a745; color:#fff;}
.wpcf7-spinner { position:absolute;}

.gallery_wrapper .nav-tabs {text-align:center; display:block; border:0; margin:0 0 35px;}
.gallery_wrapper .nav-tabs .nav-item {display:inline-block; }
.gallery_wrapper .nav-tabs .nav-link {display:block; border:0; padding:8px 30px; border-radius:0; background:#eee; color:#4c4c4c;}
.gallery_wrapper .nav-tabs .nav-link:focus, .gallery_wrapper .nav-tabs .nav-link:hover {border:0;}
.gallery_wrapper .nav-tabs .nav-item.show .nav-link, .gallery_wrapper .nav-tabs .nav-link.active {border:0; background:var(--secondary-hov); color:#fff;}

.gallery_box {text-align: center;}
.gallery_box .btn {margin-top: 10px; text-transform: none;}
.gallery_box h5 {margin-top: 10px; font-size: 18px;}
.gallery_box figure:hover img { -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; opacity:0.15;  }
.gallery_box figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease;}
.gallery_box figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background: #999999; margin:0!important; position: relative; overflow: hidden; text-align: center; }
.gallery_box figure img {position: relative;}
.gallery_box .gallery_item figure img {object-fit: cover; height:422px;}
.gallery_box figure img {object-fit: cover; height: 300px; width: 100%;}
.gallery_box figure:hover img {webkit-transform: scale(1.1);  -ms-transform: scale(1.1);   transform: scale(1.1); opacity: .5; }
.gallery_box figcaption{position:absolute;bottom:10px;left:10px;right:10px;top:10px;transform:scale(0);background:rgba(210,56,54,0.8);padding:20px 30px;z-index:2;transition:all .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 65px 60px}
.gallery_box figure:hover figcaption{opacity:1;transform:scale(1)}
.g-inner_border{position:absolute;width:90%;height:90%;left:5%;top:5%;border:1px solid rgba(255,255,255,.28);text-align:center;display:flex;justify-content:center;flex-direction:column;padding:0 15px}
.gallery_box figcaption h3 {margin: 0; position: relative; color: #fff; }