html, body{font-family:'BarlowRegular';font-size:16px;font-weight:400;color:#7a7a7a;height:auto !important;text-align:left;background:#fff;margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input, textarea, select, button{border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0}
input:not(.input-file){-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none}
[class*="col-"]{}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{transition:background 5000s ease, color 5000s ease !important;transition-delay:background-color 5000s, color 5000s !important;}
a, button{text-decoration:none;text-decoration:none !important;cursor:pointer;}
p{margin:0;line-height:1.8;margin-bottom:22px;color: #3d4142;}
p:last-child{margin-bottom:0px;}
.transition,:before,:after, a, button{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.container{max-width:1200px;margin:0 auto;width:100%;}
.large_container{max-width:1400px;margin:0 auto;width:100%;padding:0 15px;}
input[type=text]::-ms-clear{display:none;}
input[type=submit], input[type=button]{cursor:pointer;}
select:focus::-ms-value{color:inherit;background:none;}
*{outline:none !important;}
b, strong{font-family:'BarlowBold';font-weight: normal;}
img{max-width:100%;vertical-align:middle;height:auto;}
ul, ol{margin:0 0 30px 0;padding:0;list-style:none;}
li{list-style:none;}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #606060;-moz-transition:all 0s ease;}
select::-ms-expand{display:none;}
input::-ms-clear{display:none;}
figure{margin:0;}
img.alignleft{margin:0 30px 30px 0;float:left;max-width:625px;}
img.alignright{margin:0 0 30px 30px;float:right;max-width:625px;}
.aligncenter{float:none;display:block;margin:15px auto 0 auto}
.noscript{background:#2e2a2b;display:block;text-align:center;color:#fff;padding:10px 0;position:fixed;bottom:0;right:0;left:0;z-index:9;}
p.noscript{margin:0;}
.warning-icon{display:inline-block;vertical-align:middle;position:relative;width:30px;height:30px;z-index:1;margin:0 10px 0 0;}
*::-webkit-input-placeholder{color:inherit;opacity:1;}
*:-moz-placeholder{color:inherit;opacity:1;}
*::-moz-placeholder{color:inherit;opacity:1;}
*:-ms-input-placeholder{color:inherit;opacity:1;}
*::placeholder{color:inherit;opacity:1;}
svg{fill:#898989;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family:'BarlowBold';line-height:normal;display:block;margin:0 0 10px 0;font-weight:500;color: #333333;}
h1, .h1{font-size:35px;}
h2, .h2{font-size:29px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}
a{color:#333333;}
a:hover{}
.m0{margin:0 !important;}
.p0{padding:0 !important;}
.pb0{padding-bottom:0 !important}
.pt0{padding-top:0 !important}
.logged-in{margin-top:32px;}
section{width:100%;float:left;padding:70px 0;}
.title_1{width:100%;display:inline-block;text-align:center;margin-bottom:40px;position:relative;z-index: 1;}
.title_1 span {color: #333333;font-size: 20px; font-family:'BarlowSemiBold';margin-bottom: 3px;display: block;}
.title_1 .title_main{line-height: 1.2;font-size:45px;margin-top:0px;margin-bottom:0;color:#333333;font-family:'BarlowBold';position: relative;}
.title_1 p{margin:0 auto;margin-top:10px !important;max-width:100%;text-align: center;}
.title_1 .btn{margin-top:20px;}
.title_1.text-left {text-align: left;}
.title_1.text-left p{text-align:left;float:left;}
button{background:no-repeat;border:none;padding:0;line-height:normal;}
.btn, .btn input{min-width:170px;font-family:'BarlowSemiBold';font-size: 18px; line-height: normal; text-transform:uppercase;position:relative;z-index:1;border-radius:10px;padding:16px 20px 15px 20px;border:none !important;box-shadow:none !important;outline:none;color:#fff;overflow:hidden;}
.btn svg{width:25px;height:auto;margin-left: 6px;transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.btn input{width:100%;min-width:100%;background:transparent;border:none;color: #000000;}
.btn-primary{background-color:#272262 !important;color:#ffffff;}
.btn-primary.white {background-color:#ffffff !important;color: #333333;}
.btn-primary.white:after {background-color:#333333; }
.btn-primary input {color: #ffffff;}
.btn-primary svg{fill:#ffffff;}
.submit_btn .btn{padding:0;}
.btn-bordered{border:2px solid #333333 !important;color:#333333;}
.btn-bordered.white {border-color: #ffffff !important;color: #ffffff;}
.btn:focus{outline:none;}
.btn+.btn{margin-left:17px;}
/**********************************/
.site_main{width:100%;float:left;position:relative;overflow:hidden;}

.wsmenu html, .wsmenu body, .wsmenu iframe, .wsmenu h1, .wsmenu h2, .wsmenu h3, .wsmenu h4, .wsmenu h5, .wsmenu h6{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-weight:normal;font-size:12px;line-height:18px;-webkit-font-smoothing:subpixel-antialiased;font-smoothing:antialiased;font-smooth:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;font-smooth:subpixel-antialiased;}
.wsmenu .cl{clear:both;}
.wsmenu img, object, embed, video{border:0 none;max-width:100%;}
.wsmenu a:focus{outline:none;}
.wsmenu ul li:after{display:none;}
.wsmenu:before, .wsmenu:after{content:"";display:table;}
.wsmenu:after{clear:both;}
.wsmainfull{width:100%;position:relative;margin-right:50px;}
.wsmenu{color:#fff;padding:0;position:relative;}
.wsmenu>.wsmenu-list>li{text-align:center;display:block;padding:0;margin:0;float:left;position:relative;}
.wsmenu>.wsmenu-list>li:nth-last-child(2) a{}
.wsmenu>.wsmenu-list>li>a{position:relative;float:left;position:relative;padding:0;color:#ffffff;padding:5px 0 5px 0;font-family: 'BarlowMedium';text-transform: uppercase;}
.wsmenu>.wsmenu-list>li:last-child>a{border-right:0px;}
.wsmenu>.wsmenu-list>li>a .wsarrow:after{}
.wsmenu>.wsmenu-list>li ul.sub-menu{position:absolute;z-index:1000;margin:0px;padding:0px;left:0;min-width:calc(260px + 15px);background-color:#ffffff;top:100%;white-space:nowrap;opacity:0;z-index:555;visibility:hidden;text-align:left;transition:all .2s ease;border:0;padding:2px 0;box-shadow:0 0 3px rgb(60 72 88 / 15%);margin-top:10px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li{width:100%;position:relative;margin:0px;padding:0px;display:inherit;float:left;}
.wsmenu>.wsmenu-list li>ul.sub-menu>li:last-child a{border-bottom:none;}
.wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a{}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a{width:100%;background-image:none;color:#333333;border-right:0 none;text-align:left;display:inline-block;padding:10px 15px;position:relative;overflow:hidden;float:left;}
.wsmenu>.wsmenu-list>li>ul.sub-menu li.selected .wsmenu-click02>i:before{border-color:#b69f61;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu{min-width:270px;position:absolute;left:100%;top:0;margin:0;list-style:none;margin-left:10px;margin-top:0px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li{position:relative;margin:0px;padding:0px;display:block;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu{min-width:220px;position:absolute;left:100%;top:0;margin:0px;list-style:none;padding:0px;background-color:#fff;border:solid 1px #eeeeee;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li{position:relative;margin:0px;padding:0px;display:block;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li a{background-image:none;color:#666666;border-right:0 none;text-align:left;display:block;line-height:22px;padding:8px 12px;text-transform:none;font-size:13px;letter-spacing:normal;border-right:0px solid;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li a:hover{text-decoration:none;}
.wsmobileheader{display:none;}
.overlapblackbg{opacity:0;visibility:hidden;}
.wsmenu .wsmenu-click{display:none;}
.wsmenu .wsmenu-click02{display:none;}
.hometext{display:none;}
.wsmenu > .wsmenu-list > li:hover ul.sub-menu{opacity:1;visibility:visible;margin-top:0px;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;-o-transition:-o-transform 0.4s, opacity 0.4s;-ms-transition:-ms-transform 0.4s, opacity 0.4s;-moz-transition:-moz-transform 0.4s, opacity 0.4s;-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);}
.wsmenu .wsmenu-list{margin:0;}
.wsmenu>.wsmenu-list>li>a .wsarrow:after{border-top-color:#b3b3b3;}
.wsmenu>.wsmenu-list>li>a .wsarrow:after{border-left:4px solid rgba(0, 0, 0, 0);border-right:4px solid rgba(0, 0, 0, 0);border-top:4px solid;content:"";float:right;right:11px;height:0;margin:0 0 0 14px;position:absolute;text-align:right;top:33px;width:0;}




header {width: 100%;float: left; position: absolute; z-index: 999;background-color: rgba(255,255,255,0.80);  top: 0;}
.transition { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;}
header.sticky { position: fixed;bottom: 100%;left: 0; right: 0;transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);-webkit-transform: translateY(100%);border-bottom: 1px solid #ffffff36;}

header.sticky { top: auto;}
header.sticky .main_header .logo_main img {     max-width: 250px;}
header.sticky .main_header {padding: 3px 0;}
header.sticky .bottom_header {background-color: #272262;}
header.sticky .bottom_header .menu_sub {padding: 10px 0px;}
header.sticky .top_header {padding: 6px 0 6px 0;}
header.sticky .cafe-search-toggle-button svg {height: 25px;}

header .top_header {width: 100%;display: block;background-color: #272262;color: #ffffff; padding:1px 0 2px 0;border-bottom: 1px solid #dbdcdd;}
header .top_header ul {margin: 0;}
header .top_header ul li {float: left;color: #ffffff;font-size: 15px;}
header .top_header ul li+li {/* margin-left: 15px; */}
header .top_header ul li a {color: #ffffff;}
.social_media {}
.social_media ul {}
.social_media ul li, .social_media ol li {float: left;margin-top: 0px !important;}
.social_media ul li+li, .social_media ol li+li {margin-left: 10px;}
.social_media ul li a {position: relative;z-index: 2;}
.social_media ul li a i {}
header .main_header {padding: 10px 0;}
header .main_header .logo_main {}
header .main_header .logo_main img {max-width: 400px;}
.logotext img {  max-width: 330px;}

header.sticky .logotext img {  max-width: 250px;}
header .main_header .header_info_right {}
header .main_header .header_info_right ul {
    margin: 0;
    display: flex;
    align-items: center;
}
header .main_header .header_info_right ul li {
    display: flex;
    align-items: center;
    position: relative;
}
header .main_header .header_info_right ul li .contact_info_icn {margin-right: 16px;}
header .main_header .header_info_right ul li .contact_info_icn svg {height: 25px;max-width: 25px;width: auto;fill: #27aae2;}
header .main_header .header_info_right ul li .contact_info_cnt p {line-height: 1.4;max-width: 215px;}
header .main_header .header_info_right ul li .contact_info_cnt span   {font-size: 18px;color: #333333;letter-spacing: 0;font-family: 'BarlowMedium';}
header .main_header .header_info_right ul li.email .contact_info_cnt a:hover, header .main_header .header_info_right ul li a:hover {color: #333333;}
header .main_header .header_info_right ul li .contact_info_cnt span {
    display: block;
        line-height: normal;
}
header .main_header .header_info_right ul li+li {
    margin-left: 31px;
    padding-left: 31px;
}
header .main_header .header_info_right ul li+li:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 1px;
    background-color: #e4e5ea;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
header .main_header .header_info_right ul li span {}
header .main_header .header_info_right ul li a, header .main_header .header_info_right ul li.email p, header .main_header .header_info_right ul li p strong, header .main_header .header_info_right ul li .contact_info_cnt p {
    font-family: 'BarlowSemiBold';
    color: #333333;
}

.search_main { width: 300px;}
.search_main .input-box {  margin: 0;max-width: 300px;}
.search_main .input-box .input {height: 40px;max-width: 300px;padding: 5px 15px;border:none;}
.search_main .input-box .search-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border: none;
    background: transparent;
    width: 40px;
    height: 100%;
    background-image: url(../images/search.svg);
    background-position: center;
    background-size: 18px auto;
    background-repeat: no-repeat;
}


.header_option {
    margin-right: 20px;
    padding-right: 25px;
    border-right: 1px solid #ffffff;
}
.header_option ul {}
.header_option ul li {
    line-height: normal;
}
.header_option ul li+li {
    padding-left: 15px;
    margin-left: 15px;
    border-left: 2px solid #ffffff;
}
.header_option ul li a {
}
header .social_media ul li a {color: #27aae2;font-size: 20px;}



.bottom_header {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
    margin-bottom: -35px;
}
.bottom_header .menu_sub {width: 100%;display: block;padding: 18px 40px;background-color: #272262;border-radius: 11px;}
.cafe-wrap-search:not(.normal) .cafe-search-form{display:flex;width:100vw;justify-content:center;align-items:center;background:var(--bg-color);top:0;left:0;position:fixed;transition:350ms ease-out;z-index:105;}
 .cafe-toggle-input:checked~.cafe-search-form{transform:translateY(0);}
.cafe-mask-close{width:100vw;height:100vh;position:fixed;left:0;top:0;background:rgba(0,0,0,.6);transition:300ms ease-out;visibility:hidden;opacity:0;z-index:88;cursor:url(../images/closeicon.png) 15 15, pointer;}
 .cafe-toggle-input:checked~.cafe-search-close, .cafe-toggle-input:checked~.cafe-search-mask{opacity:1;visibility:visible;transform:scale(1);}
.cafe-search-close{width:45px;height:45px;font-size:2rem;position:fixed;right:30px;top:30px;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(0.5);visibility:hidden;transition:450ms ease;z-index:22222;cursor:pointer;color:var(--form-color);}
 .cafe-search-close svg, .cafe-search-form .input-box .cafe-search-submit svg{fill:#666666 !important;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.cafe-search-form .input-box .cafe-search-submit svg:hover {fill:#333333 !important;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.cafe-toggle-input:checked~.cafe-search-close, .cafe-toggle-input:checked~.cafe-search-mask{opacity:1;visibility:visible;transform:scale(1);}
.cafe-toggle-input{display:none;}
.cafe-search-form{display:flex;width:100vw;justify-content:center;align-items:center;background:#ffffff;top:0;left:0;position:fixed;transition:350ms ease-out;z-index:2222;}
 .cafe-search-form{transform:translateY(-100vh);height:35vh;min-height:250px;}
.cafe-search-close svg{width:20px;height:auto;}
.cafe-search-form .input-box{margin-bottom:0px;width:100%;display:flex;align-items:center;}
.cafe-search-form .input { padding-right: 50px;}
.cafe-search-form .input-box .cafe-search-submit{margin-left:-35px;}
.cafe-search-form .input-box .input-label{top:15px;}
.cafe-search-form .input-box.focus .input-label, .cafe-search-form .input-box.filled .input-label{top:-20px;}
.search_main  ul{margin:0;}
.cafe-search-toggle-button{margin:0;cursor:pointer;}
.cafe-search-toggle-button svg {
    width: auto;
    height: 30px;
    fill: #ffffff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.cafe-search-form {
    display: flex;
    width: 100vw;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,1) !important;
    top: 0;
    left: 0;
    position: fixed;
    transition: 350ms ease-out;
    z-index: 2222;
}
.cafe-search-close svg path {
    fill: #fff;
}
.cafe-search-close svg {
    width: 25px;
    height: 25px;
    fill: #fff !important;
}
.cafe-search-close {
    width: 45px;
    height: 45px;
    font-size: 2rem;
    position: fixed;
    right: 30px;
    top: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(0.5);
    visibility: hidden;
    transition: 450ms ease;
    z-index: 22222;
    cursor: pointer;
    color: var(--form-color);
}








.banner{position:relative;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-slide:before{position:absolute;content:"";height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:#000000;z-index:2;opacity:0.2;}
.banner .swiper-wrapper .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;}

.banner figcaption{width: 100%;max-width: 770px;margin-top: 215px; float: left;padding:50px 40px;background-color: rgba(255,255,255,0.5);}

.banner figcaption p{font-size: 24px;font-family: 'BarlowMedium';color: #000000;line-height: 1.3; transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); -webkit-transform: translateY(50%); opacity: 0;}
.banner .swiper-slide-active figcaption p {opacity: 1;transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; -o-transform: none; opacity: 1; transition: all 0.2s ease 0.2s; -moz-transition: all 0.5s ease 2s; -ms-transition: all 0.5s ease 2s; -o-transition: all 0.5s ease 2s; -webkit-transition: all 0.5s ease 2s;}

.banner figcaption h2{position: relative;line-height: 1.2;text-transform: uppercase; display: flex;align-items: center; font-size:50px;transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); -webkit-transform: translateY(50%); opacity: 0;}
.banner .swiper-slide-active figcaption h2 {
opacity: 1; transition: transform 0.2s ease 0.4s, color 0.5s ease, opacity 0.5s ease 1.5s; -moz-transition: transform 0.5s ease 1.5s, color 0.5s ease, opacity 0.5s ease 2s; -ms-transition: transform 0.5s ease 2s, color 0.5s ease, opacity 0.5s ease 1.5s; -o-transition: transform 0.5s ease 1.5s, color 0.5s ease, opacity 0.5s ease 1.5s; -webkit-transition: transform 0.5s ease 1.5s, color 0.5s ease, opacity 0.5s ease 1.5s; opacity: 1; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; -o-transform: none;}


.banner figcaption .banner_btn {margin-top:30px; opacity: 0;transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%);}
.banner figcaption .banner_btn .btn {font-size: 30px;}
.banner .swiper-slide-active figcaption .banner_btn {opacity: 1; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; -o-transform: none; transition: all 0.2s ease 0.6s; -moz-transition: all 0.5s ease 2.5s; -ms-transition: all 0.5s ease 2.5s; -o-transition: all 0.5s ease 2.5s; -webkit-transition: all 0.5s ease 2.5s;}

.swiper-button-next, .swiper-button-prev {background: none !important;width: 50px;height: 50px;background-color: #ffffff !important;display: flex;align-items: center;justify-content: center;border-radius: 100px;z-index: 22;}
.banner .swiper-button-next {right: 100px;}
.banner .swiper-button-prev {left: 100px;}
.swiper-button-next svg, .swiper-button-prev svg {width: auto;height: 18px;fill: #000000;}


.about_cnt .title_1 {margin-bottom:26px;}
.about_service_box {
    max-width: 531px;
    float: left;
    width: 100%;
}
.about_service_box .about_service_img {
    width: 100%;
    float: left;
}
.about_service_box .about_service_img img {width: 100%;}
.about_service_box figcaption {
    width: 100%;
    float: left;
}
.about_service_box figcaption>a {
    max-width: 410px;
    float: left;
    padding: 20px 70px 20px 15px;
    color: #333333;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: -1px;
    width: 100%;
    background-color: #ffffff;
    z-index: 888;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.about_service_box figcaption a h2 {
    font-size: 21px;
    color: #333333;
    margin: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.about_service_box figcaption a i {
    width: 60px;
    height: calc(100% - -2px);
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: 0;
    background-color: #333333;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
}
.about_cnt {padding-left: 70px;}
.about_cnt p strong {font-size: 23px;font-family: 'BarlowSemiBold';color: #3d4142;line-height: normal;}

.successfully_project {
    display: flex;
}
.successfully_project .successfully_project_left {}
.successfully_project .successfully_project_left h3 {
    color: #333333;
}
.successfully_project .successfully_project_left p {}
.successfully_project .successfully_project_right {
    min-width: 208px;
    max-width: 208px;
    text-align: center;
    padding: 21px 10px;
    background-color: #e6e7eb;
    margin-left: 25px;
    background-image: url(../images/project_icon.png);
    background-repeat: no-repeat;
    background-position:right bottom 0px;
}
.successfully_project .successfully_project_right h2 {
    font-size: 42px;
    color: #333333;
    margin: 0;
}
.successfully_project .successfully_project_right p {
    font-family: 'BarlowMedium';
}
.about_small_img {
    display: inline-block;
    float: right;
    margin-top: -228px;
    margin-right: -12px;
    position: relative;
}
.about_small_img:after {position: absolute;content: "";height: 7px;width: 100%;background-color: #333333;top: -14px;left: 0;right: 0;}


.cms_page ul, .cms_page ol {}
.cms_page ul li, .cms_page ol li {color: #3d4142;margin-bottom: 3px;padding-left: 12px;position: relative;display: table;text-align: left;margin: 0;}
.cms_page ul li a {color: #000000;}
.cms_page ul li+li, .cms_page ol li+li {margin-top: 6px;}
.cms_page ul li:after {content: "";height: 7px;width: 7px;border-radius: 100px; background-color: #3d4142; top: 9px;position: absolute;left: 0;}






.services .swiper-slide {height: auto;}
.services .swiper-wrapper { z-index: 33;}
.services_bg { width: 100%;float: none;display: inline-block;position: relative;z-index: 22;color: #ffffff; height: 400px; margin-bottom:-242px;}
.services_bg:after { position: absolute;content: "";background-color: rgba(0,0,0,0.8);top: 0;bottom: 0;left: 0;right: 0;z-index: -1;}
.services .service_box { position: relative; z-index: 333;height: 100%;background-color: #ffffff;}
.services_bg .title_main, .services_bg .title_1 span {color: #ffffff;}
.service_box {border:1px solid rgb(0 0 0 / 17%);height: 100%;}
.service_box .service_image {position: relative;}
.service_box .service_image img {width: 100%;}
.service_box figcaption {padding: 26px 20px;}
.service_box figcaption h2 {font-size: 20px;font-family: 'BarlowSemiBold';}
.service_box figcaption h2 a {color: #000000;}
.service_box figcaption p {text-align: justify;margin-bottom: 27px;line-height: 1.5;}
.service_icon {position: absolute;bottom: 0;right: 0;width: 66px;height: 66px;background-color: #333333;display: flex;align-items: center;justify-content: center;z-index: 222;}
.service_icon svg {width: 40px;height: auto;fill: #ffffff;}
.more_link { font-size: 18px; color: #000000;  font-family: 'BarlowSemiBold';}
.more_link svg {width: 20px;height: auto;fill: #000000;margin-left: 4px;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.more_link:hover, .more_link:hover svg {color: #333333;fill: #333333;}
.more_link:hover svg {margin-left: 10px;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.why_choose_us {background-color: #f5f5f5;}
.why_choose_us .title_1 {margin-bottom: 15px;}
.why_choose_us p {text-align: justify;line-height: 1.5;}
.why_choose_us ul {margin-left: 10px;}
.why_choose_us ul li {color: #3d4142;font-family: 'BarlowBold';padding-left: 26px;position: relative;}
.why_choose_us ul li:after {position: absolute;content: ""; width: 18px;height: 18px;background-image: url(../images/tick-mark.svg);background-size:18px auto;background-position: center;left: 0;top: 3px;}
.why_choose_us ul li+li {margin-top: 5px;}
.small_img { display: inline-block; float: right;margin-top: -184px; position: relative; z-index: 2;}

.swiper-container-horizontal {overflow: hidden;}
.testimonials {
    background-color: #f5f5f5;
}
.testimonials_box {
    width: 100%;
    text-align: center;
        padding: 40px 40px;
    background-color: #27aae2;
}
.testimonials_box .testi_img {
    display: inline-block;
    position: relative;
    margin-bottom: 46px;
}
.testimonials_box .testi_img img {
    border-radius: 100%;
}
.testimonials_box .testi_img .quote_icon {
    position: absolute;
    width: 46px;
    height: 46px;
    border-radius: 100px;
    background-color: #333333;
    bottom: -10px;
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
}
.testimonials_box .testi_img .quote_icon svg {
    width: 25px;
    height: auto;
    fill: #ffffff;
}
.testimonials_box figcaption {}
.testimonials_box figcaption p {
    font-size: 25px;
    font-family: 'BarlowRegular';
    letter-spacing: 0;
    color: #ffffff;
    line-height: 1.5;
    margin-bottom: 17px;
}
.testimonials_box figcaption .stars {display: inline-block;margin-bottom: 24px;}
.testimonials_box figcaption .stars svg {
    height:19px;
    width: auto;
    fill: #ffb93a;
    margin: 0 3px;
}
.testimonials_box figcaption .stars svg+svg {}
.testimonials_box figcaption h2 {font-size: 24px;font-family: 'BarlowSemiBold';margin: 0;color: #ffffff;}



.getafreequote {background-color: #222222;position: relative;z-index: 2;}
.getafreequote:after { position: absolute;content: "";background-color: rgba(0,0,0,0.2);top: 0;bottom: 0;left: 0;right: 0;z-index: -1;}
.getafreequote .getafreequote_form {width: 100%;float: left;background-color: #ffffff; padding:60px 70px 85px 70px;position: relative;z-index: 33;}
.getafreequote .getafreequote_form form {}

.input-box .input, .select{color:#676767;letter-spacing: 0px;}
.input-box .input:focus, .select:focus {border-color: #333333;}
.input-box{width:100%;float:left;margin:0 0 21px 0;position:relative;}
.input-box br {display: none;}
.input-box .input.error, .select .error {  background-color: rgb(255 0 0 / 7%) !important;border-color: rgb(255 0 0 / 20%) !important;}
.input-box .input, .select{width:100%;background-color: #ffffff !important; box-shadow:none !important;border:2px solid #e1e1e1;border-radius:10px;height:60px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:transparent;padding:5px 20px;}
.woocommerce form .form-row label{line-height:normal;}
.form-group em{font-size:11px;}
.input-box select option{color:#222222;}
.input-box textarea.input{height:90px;resize:none;display:block;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none;}
label.require{font-size:14px;color:#333;font-weight:400;margin:6px 0 0 0;display:block;}
div span.wpcf7-not-valid-tip, label.error{background:#ff0000;color:#fff;font-size:12px;padding:3px 5px;line-height:14px;display:inline-block;vertical-align:top;position:absolute;z-index:22;right:0;top:100%;margin:0 0 0 0;}
span.wpcf7-not-valid-tip:before, label.error:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #ff0000 transparent;position:absolute;left:8px;bottom:100%;}
.wpcf7-form-control-wrap{position:relative;width:100%;float:left;}
div div.wpcf7-validation-errors, div div.wpcf7-acceptance-missing{background-color:#ff0000;}
div div.wpcf7-response-output{background-color:rgb(255 255 255 / 15%);border:none;text-align:center;bottom:-60px;right:0;left:0;margin:15px auto 0 auto !important;max-width:575px;font-size:13px;}
div.wpcf7-mail-sent-ok{background-color:#398f14;}
.submit_btn{position:relative;display:inline-block;margin-top:10px;}
.submit_btn input {font-size: 18px;font-family: 'BarlowBold';height: 50px;padding: 0 15px;min-width: 206px;}
.submit_btn .btn {padding: 0;}
div.wpcf7 .ajax-loader{position:absolute;top:0;bottom:0;right:10px;margin:auto !important;z-index:5555;position:absolute;left:0;top:0;margin:0 !important;pointer-events:none;width:100%;height:100%;background-image:linear-gradient(45deg, rgba(177 177 177 / 25%) 25%, transparent 25%, transparent 50%, rgba(177 177 177 / 25%) 50%, rgba(177 177 177 / 25%) 75%, transparent 75%, transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;border-radius:0px;}
.wpcf7 .ajax-loader::before{top:0;bottom:0;margin:auto;right:20px;left:auto !important;z-index:22222222;}
select{-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none;}
.select-box svg{position:absolute;right:20px;top:0;bottom:0;margin:auto;max-width:10px;fill:#333333;z-index:22;pointer-events:none;}
.form-group br{display:none;}
.form-group p {margin: 0;}
.wpcf7-spinner{position:absolute !important;top:0;bottom:0;right:5px;margin:auto;transform:skew( 0deg) !important;}
.input-box.message-box.filled .input-label, .input-box.message-box.focus .input-label{top:-25px;}


.our_projects {}
.our_projects .container {max-width: 1570px;}

.project_box {position: relative;}


.project_box figcaption {position: absolute;width: 100%;bottom: 0px; text-align: center;    background-color:rgb(0 0 0 / 40%);padding:13px 15px;z-index: 3;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.project_box:hover figcaption {opacity: 1;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.project_box figcaption h2 {font-size: 18px;margin-bottom: 0px;}
.project_box figcaption h2 a {color: #ffffff;}
.banner_form_main {width: 100%;pointer-events: none; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;}
.banner_form_main .banner_form {pointer-events: auto;}

.partner_logo {width: 100%;float: left;height: 150px;border:1px solid #ebebeb;display: flex;align-items: center;justify-content: center;padding: 15px;transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.partner_logo img {max-width:240px;max-height: 80px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.partner_logo:hover img {filter: grayscale(0);transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.partner_logo:hover {border-color: #333333;transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.map {line-height: normal;font-size: 0;}
.map iframe {width: 100%;height: 493px;}


footer {width: 100%;float: left;background-color: #222222;position: relative;z-index: 22;}
footer:after {position: absolute;content: "";height: 100%;width: 100%;top: 0;bottom: 0;left: 0;right: 0;background-color:rgb(39 34 98);opacity: 0.90;z-index: -1;}
.newsletter {width: 100%;float: left;background-color: #27aae2; padding:62px 73px 62px 55px;margin-top: -66px;}
.newsletter .title_1 {margin-bottom: 0px;}
.newsletter .title_main {color: #ffffff;margin-bottom: 1px;}
.newsletter p {color: #ffffff;font-size: 18px;}
.newsletter .btn .fa-phone {}
.newsletter .btn .fa-phone, .cta_sub_wrapper .btn .fa-phone { margin-right: 5px; transform: rotate(95deg);}

.gjs-row input[type="email"] {    width: 100%;margin: 0 !important; height: 65px; border: none; border-radius: 12px; color: #838383;letter-spacing: 0px;font-family: 'BarlowMedium';padding:5px 165px 5px 20px;}
.emaillist { width: 100%; max-width: 520px; position: relative;}
.gjs-row input[type="submit"] {position: absolute;top: 0; bottom: 0; right: 8px; background-color: #333333;color: #ffffff;  text-transform: uppercase; font-family: 'BarlowMedium' !important; font-size: 14px; min-width: 143px; border-radius: 10px !important; height: 50px;margin: auto;}
form[data-form-id="2"] .es-form-field-container .gjs-row {  margin-bottom: 0 !important;}

.footer_links_box.footer_cnt {
    padding-right: 0px;
}
.middle_footer { width: 100%; float: left; padding: 50px 0 40px 0;}
.footer_cnt .footer_logo {
    margin-bottom: 15px;
}
.footer_cnt .footer_logo img {max-width: 300px;width: 100%;}
.footer_cnt .footer_about_cnt {}
.footer_cnt .footer_about_cnt p {
    color: #c1b8b3;
    letter-spacing: 0px;
    line-height: 1.6;
}
.footer_links_box:not(.footer_cnt) {margin-top: 7px;}
.footer_links_box .title {
    font-size: 20px;
    color: #ffffff;
    font-family: 'BarlowMedium';
    margin-bottom: 17px;
}
.footer_links_box ul {
    margin: 0;
}
.footer_links_box ul li {}
.footer_links_box ul li+li {
    margin-top: 15px;
}
.footer_links_box ul li a {
    color: #c1b8b3;
    position: relative;
}
.footer_links_box ul li a:hover, .footer_links_box ul li.selected a { color: #ffffff;}
.footer_links_box ul li a:before {

    position: absolute;

    content: "";

    height: 1px;

    width: 0;

    background-color: #dddddd;

    bottom: -3px;

    left: 0;

}

.footer_links_box ul li a:hover:before, .footer_links_box ul li.selected a:before {width:100%;}
.footer_links_box.footer_dtls ul li {}
.footer_links_box.footer_dtls ul li+li {}
.footer_links_box.footer_dtls ul li span {
    color: #c1b8b3;
    display: block;
    margin-bottom: 5px;
}
.footer_links_box.footer_dtls ul li a, .footer_links_box.footer_dtls ul li p {
    color: #ffffff;
    font-size: 18px;
}
.footer_links_box.footer_dtls ul li a {word-break: break-all;}
.footer_links_box.footer_dtls ul li p {max-width: 260px;line-height: 1.5;}
.footer_links_box.footer_dtls ul li p br {display: none;}
.footer_links_box.footer_dtls ul li p strong {font-weight: normal;font-family: 'BarlowRegular';}
.copyright { width: 100%; float: left;border-top:2px solid rgb(255 255 255 / 15%); padding: 21px 0; text-align: center;}
.copyright p { color: #c1b8b3;margin: 0;text-align: left;}
.copyright p a {color: #ffffff;}
.copyright ul {margin-bottom: 0px;}
.copyright ul li {float: left;}
.copyright ul li+li {margin-left: 20px;}
.copyright ul li a {color: #c1b8b3;}
.copyright ul li a:hover {color: #ffffff;}



#btn-back-to-top {position: fixed;bottom: 60px;right: 10px;display: none;z-index: 999;}
.btn_back_top {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: rgb(0 0 0 / 90%);color: #ffffff;border-radius: 8px;}




.contact_info {background-color: #f5f5f5;position: relative;height: 100%;padding-right:20px;}
.contact_info:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1000px;
    top: 0;
    bottom: 0;
    right: 100%;
    background-color: #f5f5f5;
}

.contact_info>ul {margin-bottom: 0px;}

.contact_info>ul>li {

    display: flex;

}

.contact_info>ul>li+li {

    margin-top: 15px;

    padding-top: 15px;

    border-top: 1px solid #dddddd;

}

.contact_info>ul>li .contact_info_icon {

    min-width: 35px;

    width: 35px;

}

.contact_info>ul>li .contact_info_icon svg {

    width: 20px;

    height: auto;

    fill: #27aae2;

}

.contact_info>ul>li .contact_info_cnt {}

.contact_info>ul>li .contact_info_cnt span {

    color: #333333;
    display: block;
    font-family: 'BarlowSemiBold';
    line-height: normal;
    font-size: 20px;


}

.contact_info>ul>li .contact_info_cnt a, .contact_info>ul>li .contact_info_cnt p {

    color: #7c7c7c;

    font-family: 'BarlowRegular';

    word-break: break-all;

}

.contact_info>ul>li .contact_info_cnt p br {display: none;}
.contact_info>ul>li .contact_info_cnt p strong {font-weight: normal;font-family: 'BarlowRegular';}


.contact_info>ul>li .contact_info_cnt .social_media ul {margin-top: 10px;}

.contact_info>ul>li .contact_info_cnt .social_media ul li a {display: flex;align-items: center;justify-content: center;color: #27aae2;
    font-size: 25px;}

.contact_info .social_media ul li { width: auto; float: left;}

/*inner banner*/

.inner_banner {height: 450px;display: flex;width: 100%;justify-content: center;align-items:center;position: relative;}

.inner_banner:after {position: absolute;content: "";height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;background-color:#222222;opacity: 0.6;}

.inner_banner .inner_caption {position: relative;z-index: 2;    display: inline-block;    margin-top: 220px;  width: 100%;  text-align: center;}

.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span {font-size:45px;margin:0 0 0px 0px;line-height: 1.2;color: #ffffff;}
.breadcrumb {width: 100%;float: left;padding: 10px 0 0 0;}
.breadcrumb {  display: inline-block; padding: 0; background: no-repeat; margin: 8px 0 0 0;; }
.breadcrumb li { display: inline-block; position: relative; line-height: normal;font-size: 14px;color: #e9f3f4;}
.breadcrumb li:after { position: absolute; content: "/";right:-13px; top:1px;bottom: 0;margin: auto; }
.breadcrumb li:last-child:after { display: none; }
.breadcrumb li + li { margin-left: 20px; }
.breadcrumb li a, .breadcrumb li {line-height: normal;color: #e9f3f4; }
.request_a_quote_form .input-box textarea.input { height: 150px;}
.service_img {margin-bottom: 15px;}

.service_sidebar {width: 100%;float: left;}
.service_sidebar aside {width: 100%;float: left;}
.service_sidebar aside+aside {margin-top: 30px;}
.service_category { width: 100%; float: left; padding: 30px; background-color: #f5f5f5;}
.service_category ul {margin-top: 15px;width: 100%; float: left;margin-bottom: 0px;}
.service_category ul li {
    width: 100%;
    float: left;
}
.service_category ul li+li {
    margin-top: 10px;
}
.service_category ul li a {
    width: 100%;
    float: left;
    padding: 13px 20px;
    background-color: #ffffff;
    color: #181819;
}

.service_category ul li a:hover {background-color: #333333;color: #ffffff;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-backface-hidden {overflow: hidden;}

.service_testi {border:1px solid #dddddd; padding: 20px 20px;}
.service_testi .testimonials_box .testi_img {margin-bottom: 25px;}
.service_testi .testimonials_box figcaption p {font-size: 16px;}


.serfvice_cta {width: 100%;float: left; padding: 30px;  background-color: #3d4142;color: #ffffff;}
.serfvice_cta .title_1 {margin-bottom: 15px;}
.serfvice_cta p {color: #ffffff;}
.serfvice_cta .title_main {color: #ffffff;}

.col2 {column-count: 2;}
.col3 {column-count: 3;}

.cms_page ul:last-child, .cms_page ol:last-child {margin-bottom: 0px;}



.overlay_hover span {position: absolute; width: 2px; height: 60px; background-color: #fff; margin-top: 20px; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } 

.overlay_hover {position: absolute; height:calc(100% - 0px); left: 0;right: 0; top: 0;bottom: 0; width:calc(100% - 0px); opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5) ; -o-transform: scale(0.5) ; transform: scale(0.5); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background:rgb(0 53 74 / 90%); display: flex;align-items: center;justify-content: center;text-align: center;z-index: 2;margin: auto; } 

.overlay_hover svg {width: 30px;fill: #FFFFFE;}
.es_subscription_message.success {
    color: #008000;
    font-size: 16px;
    max-width: 430px;
    background-color: #ffffff;
    padding: 15px;
    font-size: 14px;
    border-radius: 10px;
}


.image_wrapper {
    height: 100%;
    object-fit: cover;
}
.image_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.title_1 .title_main+span {  margin-top: 15px;}


.about_content .content_row:nth-child(even) {background-color: #f5f5f5;}

.page_404 {padding-top: 90px;}
.page_404 h1 {font-size: 80px;}
.search-wrapper {width: 100%;float: left;}
.not_found .search-wrapper+.search-wrapper {margin-top: 30px;}






.cms_content {background-color: #f5f5f5;}

.pdf_main .btn {max-width: 100%;width: 100%;font-size: 14px;}
.login_box {
    width: 100%;
    float: left;
    padding: 30px 30px 80px 30px;
    border: 2px solid #dddddd;
    height: 100%;
    position: relative;
}
.login_box .btn {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.swiper-horizontal {overflow: hidden;}
.swiper-pagination-bullets { text-align: center; margin-top: 15px;}
.swiper-pagination-bullet {height: 10px;width: 10px;}
.swiper-pagination-bullet-active {background-color: #333333;}
.swiper_main_slide {width: 100%;float: left;position: relative;}
.swiper-button-prev-service, .swiper-button-prev-blog {left: -55px;}
.swiper-button-next-service, .swiper-button-next-blog {right: -55px;}
.services .swiper-button-next, .services .swiper-button-prev {height: 40px;width: 40px; background-color: #333333 !important;    margin-top: -15px;}
.services .swiper-button-next svg, .services .swiper-button-prev svg {fill: #ffffff;}

.hover_box {overflow: hidden;position: relative;}






.accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0;}
.accordion-item:last-of-type {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.accordion-item { border: none; border-bottom:1px solid #ffffff2e;}
.accordion-item:last-of-type .accordion-button.collapsed {  border-bottom-right-radius: 0;  border-bottom-left-radius: 0;}
.accordion-item:first-of-type .accordion-button { border-top-left-radius: 0;  border-top-right-radius: 0;}
.accordion-button {
    padding-right: 0;
    padding-left: 35px;
    color: #ffffff;
    font-family: 'BarlowRegular';
    padding-top: 15px;
    padding-bottom: 15px;
}
.accordion-button:focus {  border: none; box-shadow: none;    background: transparent;}
.accordion-body {
    padding:0px 0px 15px 0;
}
.accordion-body p {color: #ffffff;font-size: 14px;}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button::after {height: 16px;width: 2px; background-color: #ffffff !important;left: 7px;background: no-repeat;position: absolute;content: "";}
.accordion-button::before {width: 16px;height: 2px;background-color: #ffffff;left: 0;position: absolute;content: "";}
.accordion-button:not(.collapsed)::after {transform: rotate(-90deg);}    
.accordion-item {  background: transparent !important;}
.accordion-button {  background: transparent;}





.blog_detail_img img { width: 100%;}
.blog_detail_img { margin-bottom: 30px;}

.blog_slider .swiper-slide {height: auto;}
.blog_box figcaption {padding: 30px 20px;}

.blog_box {
    width: 100%;
    float: left;
    height: 100%;
    border: 1px solid #bbbbbb;
}
.blog_box .blog_img {width: 100%;float: left;overflow: hidden;}
.blog_box .blog_img img {width: 100%;}
.blog_box figcaption {
    width: 100%;
    float: left;
    padding: 40px 30px;
}
.blog_box figcaption h2 {
    font-size: 24px;
    font-family: 'BarlowBold';
}
.blog_box figcaption h2 a {}
.blog_box figcaption .more_btn {}
.more_btn svg {width: 22px;height: auto;fill: #999999;margin-left: 9px;}


.cta_banner {width: 100%;float: left;position: relative;z-index: 1;text-align: center;display: flex;align-items: center;justify-content: center;}
.cta_banner:before{position:absolute;content:"";height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:#000000;z-index:-1;opacity:0.2;}
.cta_banner .title_1 .title_main {color: #ffffff;font-size: 50px;}


.cta_sub_wrapper {
    display: inline-block;
    background-color: rgb(255 255 255 / 25%);
    padding: 50px;
}

.howitwork_box {
    display: flex;
    width: 100%;
    padding: 50px 30px;
    height: 100%;
    justify-content: space-between;
}

.howitwork_box .howitwork_lft {
}

.howitwork_box .howitwork_sub_lft {
    display: flex;
}

.howitwork_box .howitwork_sub_lft .howitwork_icn {
    margin-right: 20px;
}

.howitwork_box .howitwork_sub_lft .howitwork_icn svg {
    width: 35px;height: auto;
    fill: #27aae2;
}

.howitwork_box .howitwork_sub_lft figcaption {
}

.howitwork_box .howitwork_sub_lft figcaption h2 {
    color: #ffffff;
    margin-bottom: 5px;
}

.howitwork_box .howitwork_sub_lft figcaption p {
    font-size: 14px;
    color: #ffffff;
}

.howitwork_box .counter_rgt {
}

.howitwork_box .counter_rgt span {
    font-size: 70px;
    line-height: 0.7;opacity: 0.1;
    font-family: 'BarlowBold';
    margin-left: 10px;
    color: #ffffff;
}

.howitwork {}
.howitwork .row [class*="col-"]:nth-child(1) .howitwork_box {
    background-color: rgb(38 33 97 / 1);
}
.howitwork .row [class*="col-"]:nth-child(2) .howitwork_box {
    background-color: rgb(38 33 97 / 95%);
}
.howitwork .row [class*="col-"]:nth-child(3) .howitwork_box {
    background-color: rgb(38 33 97 / 90%);
}
.howitwork .row [class*="col-"]:nth-child(4) .howitwork_box {
    background-color: rgb(38 33 97 / 85%);
}


.page_404 {
    padding-top: 300px;
}

.front_cnt {
    padding: 40px 30px 40px;
}
.front_cnt_sec .front_cnt_wrapper {background-color: #f5f5f5;border: 1px solid #dddddd;}
.front_cnt_sec .front_cnt_wrapper:nth-child(odd) .row { -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; -ms-flex-direction: row-reverse!important;flex-direction: row-reverse!important;}
.front_cnt_sec .front_cnt_wrapper+.front_cnt_wrapper {margin-top: 30px;}











.product_box {width: 100%;float: left;text-align: center;height:100%;border: 1px solid #dcdcdc;overflow: hidden;position: relative;transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.product_box:after {position: absolute;content: "";}
.product_box .product_box_link { width: 100%;float: left;position: relative;}
.product_box .product_img { }
.product_box .product_img img {width: 100%;}
.product_box figcaption {width: 100%;float: left;padding: 20px 15px;text-align: center;}
.product_box figcaption span.product_title {font-size: 20px;font-family:'BarlowBold';color: #333333;margin-bottom: 15px;display: block;}
.product_box figcaption p {text-align: center;}
.product_box .btn_wrapper { position: absolute; transform: translate(-50%, -100%); left: 50%;top: 0%;transition: all 0.5s ease;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;opacity: 0;}
.product_box .btn_wrapper .btn+.btn {margin-left: 0;margin-top: 20px;}


.single-product .site_main { width: 100%; float: left; position: relative; overflow: hidden;  padding-top: 250px;}
.innerbradcrump { padding: 15px 0;  background-color: #f5f5f5;}
.innerbradcrump nav {margin-bottom: 0px !important;}

.gallery-thumbs { margin-top: 20px;}
.product_detail_slider .swiper_main_slide {max-width:100%;padding: 0 30px; margin: 0 auto;position: relative;}
.product_detail_slider .swiper_main_slide .swiper-button-next {right: 0;}
.product_detail_slider .swiper_main_slide .swiper-button-prev {left: 0;}
.product_detail_slider .swiper_main_slide .swiper-button-prev, .product_detail_slider .swiper_main_slide .swiper-button-next {  background: transparent;width: 25px;}
.product_detail_slider .swiper_main_slide .swiper-button-prev svg, .product_detail_slider .swiper_main_slide .swiper-button-next svg {height: 20px;}
.gallery-thumbs .swiper-slide .swiper-slide-sub {text-align: center;border: 2px solid transparent;width: 100%;display: flex;align-items: center;justify-content: center;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .swiper-slide-sub {border-color: #272262;}



.tabmenu_main { background-color: #f5f5f5;}
.wc-tabs {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px !important;
}
.wc-tabs:before {display: none !important;}
.wc-tabs li {
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
}
.wc-tabs li:after, .wc-tabs li:before {display: none;}
.wc-tabs li+li {
    margin-left: 100px !important;
}
.wc-tabs li a {
    font-size: 20px;
    text-transform: uppercase;
    color: #000000 !important;
    font-weight: normal !important;
    font-family: 'BarlowMedium';
    position: relative;
}
.wc-tabs li a:after {position: absolute;content: ""; width: 0px;height: 4px;bottom: -2px;left: 0;background-color: #272262;}
.wc-tabs li.active a:after {width: 100%;}   


.single_product_cta {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.single_product_cta h2 {
    font-size: 20px;
    text-transform: inherit;
    margin-bottom: 25px;
}
.single_product_cta ul {
    width: 100%;
    float: left;
    background-color: #f0f0f0;
    margin-bottom: 30px;
    display: flex;
}
.single_product_cta ul li {
    padding: 20px 35px;
    font-size: 20px;
    color: #000000;
    display: flex;
    align-items: center;
}
.single_product_cta ul li+li {border-left: 1px solid #bcc0c3;}
.single_product_cta ul li a{color: #000000; display: flex; align-items: center;}
.single_product_cta ul li a svg {margin-right: 15px;}
.woocommerce div.product .product_detail_content .product_title {
    font-size: 28px;
    margin-bottom: 20px;
    text-transform: capitalize;
    border-bottom: 1px solid #e7e4e4;
    padding-bottom: 13px;
}


.modal-content {border: none;border-radius: 0px;}
button.close {position: absolute;top: 15px;right: 15px; opacity: 1;z-index: 22;}
button.close svg { width: 20px; height: auto;}
.modal-content .title_1 {margin-bottom: 30px;}

button.btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    z-index: 22;
}

.popup_form {
    width: 100%;
    float: left;
    text-align: center;
}


.listing_recent_blog {margin: 0;}

.listing_recent_blog li {}

.listing_recent_blog li+li {

    margin-top: 20px;

}

.listing_recent_blog li .blog-left-img {

    margin-right: 15px;

}

.listing_recent_blog li .blog-left-img img {

    max-width: 100px;

    min-width: 100px;

}

.listing_recent_blog li .blog-right-content {}

.listing_recent_blog li .blog-right-content span {}

.listing_recent_blog li .blog-right-content h2 {

    font-size: 20px;

    margin: 8px 0 0 0;

    font-family: 'BarlowBold';

}

.listing_recent_blog li .blog-right-content h2 a {

    color: #222222;

}

.listing_recent_blog li .blog-right-content h2 a:hover {

    color: #086ad8;

}