/*
Theme Name: Burwell
Theme URI: 
Author: 
Author URI: 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: 
License URI: 
Text Domain: burwell
Tags: 
*/





/*preset CSS*/

@font-face {
    font-family: "FontAwesome";
    src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0")
            format("embedded-opentype"),
        url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
        url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
        url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
        url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'stolzl_regular';
    src: url('fonts/stolzl_regular.eot');
    src: url('fonts/stolzl_regular.eot') format('embedded-opentype'),
         url('fonts/stolzl_regular.woff2') format('woff2'),
         url('fonts/stolzl_regular.woff') format('woff'),
         url('fonts/stolzl_regular.ttf') format('truetype'),
         url('fonts/stolzl_regular.svg#stolzl_regular') format('svg');
}

@font-face {
    font-family: 'stolzl_medium';
    src: url('fonts/stolzl_medium.eot');
    src: url('fonts/stolzl_medium.eot') format('embedded-opentype'),
         url('fonts/stolzl_medium.woff2') format('woff2'),
         url('fonts/stolzl_medium.woff') format('woff'),
         url('fonts/stolzl_medium.ttf') format('truetype'),
         url('fonts/stolzl_medium.svg#stolzl_medium') format('svg');
}
@font-face {
    font-family: 'stolzl_bold';
    src: url('fonts/stolzl_bold.eot');
    src: url('fonts/stolzl_bold.eot') format('embedded-opentype'),
         url('fonts/stolzl_bold.woff2') format('woff2'),
         url('fonts/stolzl_bold.woff') format('woff'),
         url('fonts/stolzl_bold.ttf') format('truetype'),
         url('fonts/stolzl_bold.svg#stolzl_bold') format('svg');
}

@font-face {
    font-family: 'stolzl_light';
    src: url('fonts/stolzl_light.eot');
    src: url('fonts/stolzl_light.eot') format('embedded-opentype'),
         url('fonts/stolzl_light.woff2') format('woff2'),
         url('fonts/stolzl_light.woff') format('woff'),
         url('fonts/stolzl_light.ttf') format('truetype'),
         url('fonts/stolzl_light.svg#stolzl_light') format('svg');
}






/*preset CSS*/
* {
    padding: 0;
    margin: 0;
}
img {
    border: none;
    outline: none;
    max-width: 100%;
}
a,
a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
}
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none;
}
a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul {
    margin: 0;
    list-style-type: none;
}

p {
    margin-bottom: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
}



input:disabled {
    cursor: default;
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
}

.container {
    max-width: 1568px;
}
body {
    background: #fff;
    font-family: "Inter", sans-serif;
    font-family: "Poppins", sans-serif;
}

.media {
    margin-top: 15px;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media:first-child {
    margin-top: 0;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.media {
    margin-top: 15px;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media:first-child {
    margin-top: 0;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.align-middle-block{ align-items: center; }

.pull-right {
    float: right !important;
}

.hidden {
    display: none;
}



.floatCss{ width: 100%; float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.alignCenter-content{ align-items: center; }
.justify-block{ display: flex; justify-content: space-between; }
.justify-center-block{display: flex; justify-content: center; }

.row-cs-direction.row {flex-direction: row-reverse;}
.alignBaseline-content{ align-items: baseline; }

.row-cs-direction.row {
    flex-direction: row-reverse;
}

/*preset CSS*/

.wrapper {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
}
.header {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    z-index: 200;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
}






.logo {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   
}
.logo a{ display: inline-block; }
.logo img {}
.logo img:hover {
    opacity: 0.5;
}
.logo:hover span{opacity: 0.5;}
.logo span{ display: inline-block; padding-left: 10px; }




.nav_section {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    
}

.donate-link{ position: absolute; right: 0px; top: 50%; margin-top: -20px; }
.donate-link a{ display: inline-block; line-height: 40px; color: #fff; padding: 0px 20px 0px 20px; font-size: 16px; text-transform: uppercase; font-weight: 500; background-color: #A61E2C; border-radius: 10px;}

table.table.table-bordered.table-striped td {
    vertical-align: middle;
}

.elementor-element.elementor-element-66349d2 div.elementor-heading-title.elementor-size-default{
    font-size: 47px!important;
    line-height: 39px!important;
    font-family: 'stolzl_regular'!important;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.elementor-element.elementor-element-66349d2 p.elementor-heading-title.elementor-size-default{
    font-size: 15px!important;
    line-height: 23px!important;
    font-family: 'stolzl_light';
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.featured_cat_block {
    padding: 73px 76px;
    margin: 0 0 60px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.featured_cat_block::after {
    background: linear-gradient(0deg, #0683B447 0%, #0683B480 50%, #0683B4 100%);
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
}
.featured_cat_block h4{
    color: #BCE6F8;
    font-size: 21px;
    line-height: 36px;
    font-family: 'stolzl_regular'!important;
    margin: 0;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: -0.83px;
}
.featured_cat_block h3{
    color: #fff;
    font-size: 41px;
    line-height: 36px;
    font-family: 'stolzl_regular'!important;
    margin: 0;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: -0.83px;
    max-width: 307px;
}

.featured_cat_block a{
    padding-right: 43px;
    display: inline-block;
    line-height: 52px;
    background: url(images/right-arrow.svg.png)no-repeat right center;
    position: relative;
    z-index: 9;
    margin-top: 12px;
}
.featured_cat_block a span{
    display: inline-block;
    border-radius: 8px;
    line-height: 52px;
    padding: 0 17px;
    background: #fff;
    font-size: 18px;
    color: #303133;
}
.featured_cat_block a:hover{
    background-image: url(images/right-arrow-hover.png);
}
.featured_cat_block a:hover span{
    background-color: #BCE6F8;
}


/*======================================= nav start ================================*/


.header .navbar-expand-md{justify-content: space-between;font-family: 'stolzl_medium';}
@media (min-width: 992px) {
    .header .navbar-header .logo{transform: translateY(40px);}
}
.navbar-expand-lg .navbar-nav .nav-item{padding: 0px 15px 0px 15px;}
.navbar-expand-lg .navbar-nav .nav-link {
    font-weight: normal;
    font-size: 16.7px;
    padding: 0px 0px 0px 0px;
    line-height: 40px;
    color: #fff;
    border-bottom:none;
    font-family: 'stolzl_regular';

}
.navbar-expand-lg .navbar-nav .nav-item:hover{}

.navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle{ padding-right: 24px;background:url(images/menu-arrow.svg) no-repeat right 10px center;padding: 0px 36px 0px 22px; }
.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle{background:#BCE6F8 url(images/menu-arrow-2.svg) no-repeat right 10px center; color: #0683B4;}

.navbar-expand-lg .navbar-nav .nav-item:last-child{ padding-right: 0px; }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:hover {
    color: #BCE6F8;border-bottom:none;
    /*background:url(images/menu-arrow-blue.svg) no-repeat right 10px center;*/
}

.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:hover{
    border-bottom: 1px solid #BCE6F8;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #BCE6F8;  border-bottom: 1px solid #BCE6F8;}
.header .navbar{ padding-bottom: 0px; padding-top: 0px;}
.nav_section .container-fluid{ padding-left: 0px; padding-right: 0px;}
.dropdown-toggle::after{ display: none; }
.navbar-light .navbar-nav .dropdown .nav-link:focus, .navbar-light .navbar-nav .dropdown .nav-link:hover{background:#BCE6F8 url(images/menu-arrow-2.svg) no-repeat right 10px center !important; color: #0683B4 !important; border-bottom:none;}
.navbar-expand-lg .navbar-nav .nav-item.contact-menu a{ padding: 0px 50px 0px 21px; border-radius: 0px; color: #BCE6F8; font-weight: 500;background:rgba(249, 53, 73, .10) url(images/contact-arrow.svg) no-repeat right 20px center; border-radius: 40px; }
.navbar-expand-lg .navbar-nav .nav-item.contact-menu a:hover{ background:rgba(249, 53, 73, 1) url(images/menu-arrow.svg) no-repeat right 20px center; color: #fff; }
.dropdown-menu{ background-color: #BCE6F8; border-radius: 0; padding: 13px 25px 13px 25px; box-shadow: none; border:none; margin-top: 0px; }
.dropdown-menu li{ border-bottom: none; }
.dropdown-menu li{}
.dropdown-menu li a{  color: #0683B4;padding: 0px 0px 0px 0px; text-align: left; font-size: 16.7px; line-height: 36px;font-family: 'stolzl_medium'; font-weight: normal; border-bottom: 1px solid rgba(6, 131, 180, 0.6); }
.dropdown-menu li a:hover{ background-color: transparent;color: #0683B4;; }

.dropdown-menu li:last-child a{ border-bottom: none; }

.dropdown-menu[data-bs-popper]{ margin-top: 0px; }
.dropdown-menu{ min-width: 175px; left: 30px; }
.dropdown-menu[data-bs-popper]{left: 30px !important;}

.header-nav-top{ padding-bottom: 25px; }
.header-nav-top ul{ margin: 0px; padding: 0; float: right; display: block; }
.header-nav-top ul li{ float: left; display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'stolzl_regular'; font-weight: normal;}
.header-nav-top ul li a{ display: inline-block; padding: 0px 22px 0px 22px; line-height: 70px; color: #fff; font-size: 17px;}

.header-nav-top ul li.pd-search a{padding: 0px 41px 0px 22px; background:#E7DFC6 url(images/search-1.svg) no-repeat right 22px center; color: #363636; }
.header-nav-top ul li.pd-search a:hover{background:#0683B4 url(images/search-white.svg) no-repeat right 22px center; color: #fff;}
.header-nav-top ul li.hd-contact a{ background-color: #0683B4; }
.header-nav-top ul li.hd-contact a:hover{background-color: #E7DFC6;color: #363636; }

.header-nav-bottom .navbar-expand-lg .navbar-collapse{ justify-content: flex-end;}


/*======================================= nav end ================================*/


.home-banner-slider{ float: left; display: block; width: 100%; z-index: 1; padding: 0px 0px 0px 0px; }
.home-banner-slider .container{ padding-left: 12px; padding-right: 12px; }

.slider-item{ position: relative; }
.slider-item{
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%;
    position: relative;
    height: 919px;
}


.slider-item::before{ content: ''; position: absolute; width: 100%; height: 400px; left: 0px; top: 0px;
background: rgba(0, 0, 0, 0);
background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
 }

.banner-shape-bt{ position: absolute; left: 0px; bottom: 0px; z-index: 20; }
.banner-shape-bt img{ width: 100%; display: block; }


.slider-item .container, .slider-item .row, .slider-item .col-12 {
    height: 100%;
    position: relative;
}

.slider-content{ height: 100%;display: flex; align-items: center; justify-content: start; }


.banner-center-content{ max-width: 790px; width: 100%; padding-left: 0; padding-right: 15px; position: relative; z-index: 1; }
.banner-center-content h1{ margin: 0px 0px 29px 0px; font-size: 48px; font-weight: 500; line-height: 52px;color: #171717; text-align: left; position: relative; }
.banner-center-content h1 span{ color: #F93549; }
.banner-center-content h4{ margin-bottom: 19px; }
.banner-center-content h4 span{ display: inline-block; height: 46px; border-radius: 40px; line-height: 46px; padding: 0px 40px 0px 40px; background-color: rgba(249, 53, 73, .10); font-size: 18px; font-weight: 400; color: #F93549; }

.banner-btn{ text-align: left; }
.banner-btn a{ display: inline-block; height: 46px; line-height: 46px; padding: 0px 58px 0px 26px; color: #F93549; font-weight: 500;background: url(images/contact-arrow.svg) no-repeat right 25px center; font-size: 18px; border:2px solid #F93549; border-radius: 50px;}
.banner-btn a:hover{background: url(images/contact-arrow.svg) no-repeat right 25px center;color: #F93549;  }



#banner_slider .owl-dots{ text-align: center; padding-top: 0px; display: block; position: absolute; bottom: 55px; left: 755px; width: 100%; z-index: 50; width: auto; }
#banner_slider .owl-dots .owl-dot{ width: 12px; height: 12px; background-color:transparent; border-radius: 50%; border:1px solid #FFFFFF; margin: 0px 5px 0px 5px; }
#banner_slider .owl-dots .owl-dot.active{ background-color: #fff; border-color: #fff; }

.banner-logo{ position: absolute; left: 0px; bottom: 180px; max-width: 350px; background: url(images/banner-shape-1.svg) no-repeat bottom right; padding-bottom: 20px;font-family: 'stolzl_regular'; font-size: 44px; line-height: 44px; color: #fff; font-weight: normal; text-transform: uppercase;}




.hm-aboutUs-section{
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%;
    position: relative;
    min-height: 614px;
    display: flex;
    align-items: center;
}
.hm-aboutUs-section-inner{  }

.aboutUs-content{ max-width: 930px; width: 100%; padding: 30px 15px 30px 15px; margin: 0 auto; }
.aboutUs-content h4{ font-size: 15px; line-height: 19px;font-family: 'stolzl_regular'; font-weight: normal; margin: 0px 0px 18px 0px; text-align: center; text-transform: uppercase; color: #E7DFC6; position: relative; z-index: 3; }
.aboutUs-content h3{ font-size: 65px; line-height: 58px;font-family: 'stolzl_bold'; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; color: #E7DFC6;position: relative; z-index: 3; }


.spe-wrap{ width: 440px; height: 256px; background-color: #E7DFC6; padding-top: 52px; margin-top: -120px; }
.spe-wrap::before{ content: ''; position: absolute; left: -1000px; top: 0px; width: 1000px; height: 100%;background-color: #E7DFC6; }
.spe-wrap::after{ content: ''; position: absolute; right: -69px; top: 0px; width: 69px; height: 256px;background: url(images/bg-shape.png) no-repeat center center;}

.spe-block{ position: absolute; left: 0px; top: 0; z-index: 10; }
.spe-sc{ background: url(images/spe-shape.svg) no-repeat bottom left; padding-bottom: 22px; max-width: 275px;}
.spe-sc h4{font-family: 'stolzl_regular'; font-size: 18px; line-height: 20px; color: #303030; font-weight: normal; text-transform: uppercase;}
.spe-sc h1{font-family: 'stolzl_regular'; font-size: 36px; line-height: 31px; color: #303030; font-weight: normal; text-transform: uppercase;}

.who-we-are-section{ padding: 0px 0px 0px 0px; margin-bottom: 110px; }
.wwa-left-block{
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%;
    position: relative;
    min-height: 823px;
    float: left;
    display: inline-block;
}
.wwa-left-block-outer{
    width: 45%;
    float: left;
    height: auto;
    overflow: hidden;
    min-height: 823px;
}

.who-we-are-section::before{ content: ''; position: absolute; width: 510px; height: 470px; right: 50px; bottom: 0px;background: url(images/b-shape.svg) no-repeat center center; }


.wwa-right-block{ width: 55%; float: left; display: inline-block; padding: 110px 0px 0px 105px ; position: relative; }
.wwa-right-content{ max-width: 724px; width: 100%; float: left; display: block; }


.wwa-content-top h4{ font-size: 15px; line-height: 18px;font-family: 'stolzl_regular'; font-weight: normal; margin: 0px 0px 49px 0px; text-transform: uppercase; color: #101A33;}
.wwa-content-top h3{ font-size: 46px; line-height: 46px;font-family: 'stolzl_regular';font-weight: normal; margin: 0px 0px 30px 0px; text-transform: uppercase; color: #141414; }
.wwa-content-top p{ font-size: 19.28px; line-height: 33.2px;font-family: 'Poppins', sans-serif;font-weight: 300; margin: 0px 0px 0px 0px; color: #363636;}


.wwa-blok-mid{ padding: 100px 0px 70px 0px; display: flex; justify-content: space-between; }
.counter-single h2{font-size: 47px; line-height: 39px;font-family: 'stolzl_regular';font-weight: normal; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #0683B4; text-align: center;}
.counter-single h3{font-size: 47px; line-height: 39px;font-family: 'stolzl_light';font-weight: normal; letter-spacing: -2.18px; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #0683B4; text-align: center;}
.counter-single p {
    font-size: 14.55px;
    line-height: 18.9px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 10px 0px 0px 0px;
    color: #0683B4;
    text-align: center;
    opacity: 0.5;
}

.read-More-btn a{ display: inline-block; padding-right: 54px;background: url(images/right-arrow.svg) no-repeat right center; text-transform: uppercase; font-size: 24px; line-height: 45px;font-family: 'Poppins', sans-serif; font-weight: 400; color: #0683B4; }
.read-More-btn a:hover{ background: url(images/right-arrow-hover.svg) no-repeat right center; color: #363636; }


.service-section{ padding: 0px 0px 100px 0px; }
.service-tittle{ width: 16.4%; float: left; display: inline-block; position: relative; padding-right: 40px; }
.service-wrap{ width: 83.6%; float: left; display: inline-block; }

.service-tittle-block{  transform: rotate(-90deg);    margin: 72px -64px 0px 0px; float: right; display: inline-block;font-family: 'stolzl_regular'; font-size: 45px; line-height: 38px; color: #101A33; font-weight: normal; text-transform: uppercase; }


.service-wrap .row{--bs-gutter-x:0;}
.service-wrap .row .col-12{ padding-left: 0px; padding-right: 0px; }


.single-service-block a{ display: block; width: 100%; float: left; position: relative; overflow: hidden;}
.service-bhoto{ padding-bottom: 728px; position: relative; }
.service-bhoto img{
    width: 100%;
    display: block;
    border-radius: 0px !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
    left: 0px; top: 0px;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-bhoto::before{ content: ''; position: absolute; left: 0px; bottom: 0px; height: 80%; width: 100%; z-index: 1;
background: rgba(0, 0, 0, 0);
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
 }

.service-content{ position: absolute; left: 0px; bottom: 82px; z-index: 2; padding: 0px 0px 0px 100px; }
.service-content h2{font-family: 'stolzl_regular'; margin: 0px 0px 16px 0px; font-size: 41.59px; line-height: 44.9px; color: #fff; display: block; max-width: 380px; width: 100%; float: left;}


.service-link{ display: flex; align-items: center; justify-content: flex-start; }
.service-link span.sb-link{ padding: 0px 17px 0px 17px; margin-right: 15px; height: 51px; line-height: 51px; border-radius: 8px; background-color: #fff; color: #303133; }


.single-service-block a:hover .service-content h2{ color: #BCE6F8; }
.single-service-block a:hover .service-link span.sb-link{ background-color: #BCE6F8; color: #0683B4; }
.single-service-block a:hover .service-bhoto img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
} 


.garnet-section{
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%;
    position: relative;
    margin-bottom: 180px;
    
}

.garnet-section .container, .garnet-section .row, .garnet-section .col-12 {
    height: 100%;
    position: relative;
}

.garnet-inner-block{ height: 100%; position: relative;min-height: 620px;display: flex;align-items: end; }
.garnet-wrapper{ max-width: 710px; width: 100%;  margin-bottom: -95px; z-index: 5;}
.garnet-top-logo{ margin-bottom: 68px; }
.garnet-top-logo img{ max-width: 100%; }



.garnet-content-top{ background-color: #EFEFEF; padding: 65px 72px 0px 65px; border-radius: 10px 10px 0px 0px; }
.garnet-content-bottom img{ width: 100%; display: block; }

.garnet-content-top h3{font-family: 'stolzl_medium';margin: 0px 0px 40px 0px; font-size: 45px; line-height: 41px; color: #214A4F;}
.gr-link a{ display: inline-block; }

.garnet-content-top p{font-family: 'Poppins', sans-serif;margin: 0px 0px 50px 0px; font-size: 14.7px; line-height: 22px; color: #214A4F;}

.read-More-btn.gr-link a{ display: inline-block; padding-right: 54px;background: url(images/right-arrow.svg) no-repeat right center; text-transform: uppercase; font-size: 24px; line-height: 45px;font-family: 'Poppins', sans-serif; font-weight: 400; color: #363636; }
.read-More-btn.gr-link a:hover{  color: #0683B4;background: url(images/right-arrow-hover.svg) no-repeat right center; }
.read-More-btn.gr-link.floatCss {
    padding-bottom: 12px;
}

.case-study-section{ padding: 0px 0px 93px 0px; }
.case-study-wrapper{ padding-left: 161px; position: relative; }
.case-study-tittle{ position: absolute; left: 0px; top: 0px; }

.single-case-study a{ display: block; width: 100%; float: left; overflow: hidden; }
.cd-photo{ padding-bottom: 388px; position: relative; }
.cd-photo img{
    width: 100%;
    display: block;
    border-radius: 0px !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
    left: 0px; top: 0px;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.cd-cas-libottom{font-family: 'Poppins', sans-serif; text-transform: uppercase; position: absolute; right: 0px ;bottom: 0px; z-index: 2; padding: 19px 62px 19px 22px; max-width: 256px; width: 100%;background:#fff url(images/right-arrow3.svg) no-repeat right 20px center; font-size: 20.31px; line-height: 17.8px; font-weight: 400; color: #214A4F; }


.single-case-study a:hover .cd-cas-libottom{background:#0683B4 url(images/right-arrow3.svg) no-repeat right 20px center; color: #fff;}
.single-case-study a:hover .cd-photo img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}


.case-study-tittle{  transform: rotate(-90deg);    margin: 56px 0px 0px 0px; float: right; display: inline-block;font-family: 'stolzl_regular'; font-size: 45px; line-height: 38px; color: #101A33; font-weight: normal; text-transform: uppercase; }

.supply-section-bg img{ display: block; width: 100%; }
.supply-content{ background-color: #303030; padding: 50px 0px 50px 0px; }
.center-tittle{ font-size: 45px; line-height: 38px; color: #BCE6F8; text-transform: uppercase; text-align: center; font-family: 'stolzl_regular'; margin: 0px 0px 48px 0px;}

.supply-list{ display: flex; justify-content: space-between; align-items: center; }
.single-supply{ padding-left: 10px; padding-right: 10px; }
.single-supply img{ max-width: 100%; }

.product-slider{ padding:0px 0px 0px 182px; margin-bottom: 168px; }

.owl-carousel.owl-drag.product-careousel .owl-item{ }
.owl-carousel.owl-drag.product-careousel .owl-item .item{  }

.owl-carousel.owl-drag.product-careousel  .owl-stage{ display: flex; align-items: end;}


.supply-section{ padding-bottom: 61px; }



.owl-carousel.product-careousel .owl-nav.disabled{
    display: block;
}
.product-careousel .owl-nav {
    position: absolute;
    top: auto;
    width: 96px;
    display: block;
    left: auto;
    right: 0;top: -50px;
}

.product-careousel .owl-nav .owl-prev {
    width: 42px;
    height: 42px;
    background:#fff url(images/sl-arrow-1.svg) no-repeat center center !important;
    border:1px solid #214A4F !important;
    position: relative;
    text-indent: -9999px;
    float: left;
    border-radius: 50%;
    opacity: 0.5;
}
.product-careousel .owl-nav .owl-prev:hover{background:#DBF1FC url(images/sl-arrow-1.svg) no-repeat center center !important;border:1px solid #DBF1FC !important;opacity: 1;}

.product-careousel .owl-nav .owl-next {
    width: 42px;
    height: 42px;
    background:#fff url(images/sl-arrow-2.svg) no-repeat center center !important;
    border:1px solid #214A4F !important;
    position: relative;
    text-indent: -9999px;
    float: right;
    border-radius: 50%;
    opacity: 0.5;
}
.product-careousel .owl-nav .owl-next:hover{background:#DBF1FC url(images/sl-arrow-2.svg) no-repeat center center !important;border:1px solid #DBF1FC !important;opacity: 1;}
/*#inclusions-tab .product-description-table.floatCss {
    padding: 20px 0 0;
}*/

.testimonial-section{ margin-bottom: 192px; }
.testimonial-wrapper{ background-color: #0683B4; border-radius: 14px; padding: 100px 130px 145px 130px;
box-shadow: -2px 6px 36px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: -2px 6px 36px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -2px 6px 36px 0px rgba(0,0,0,0.3);
 }

.testimonial-top-tittle{font-family: 'stolzl_regular'; font-size: 45.39px; line-height: 36.8px; color: #fff; text-transform: uppercase; margin-bottom: 18px;}


.testimonial-single-item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.testimonial-single-item::before{ content: ''; position: absolute; right: 250px; top: 0px; height: 100%; width: 1px; background-color: #fff; }


.testimonial-left{
    flex: 1;
    display: flex;
    padding-right: 50px;
    width: calc(100% - 250px);
    align-items: baseline;
}

.testimonial-rt-block{
    display: flex;
    width: 250px;
    padding-left: 50px;
    /*border-left: 1px solid #fff;*/
}



.testimonial-cn-block p{font-family: "Inter", sans-serif; font-size: 27.8px; line-height: 50px; color: #fff; font-weight: 400;}

.test-cm-logo{ text-align: center; margin-bottom: 47px; }
.test-cm-logo img{ width: auto !important;max-width: 100% !important; display: inline-block !important; }

.test-cm-tittle  h3{font-family: "Inter", sans-serif;  font-size: 24px; line-height: 36px; font-weight: 600; margin: 0px 0px 0px 0px; color: #fff; text-align: center;}
.test-cm-tittle  p{font-family: "Inter", sans-serif;  font-size: 18px; line-height: 31px; font-weight: 400; margin: 0px 0px 0px 0px; color: #fff; text-align: center;}



.testimonial-cn-block{ padding-top: 20px; }


#testimonial-careousel .owl-dots{ text-align: left; padding-top: 0px; display: block; position: absolute; bottom: -80px; left: 0px; width: 100%; z-index: 50; }
#testimonial-careousel .owl-dots .owl-dot{ width: 12px; height: 12px; background-color:transparent; border-radius: 50%; border:1px solid #FFFFFF; margin: 0px 5px 0px 5px; }
#testimonial-careousel .owl-dots .owl-dot.active{ background-color: #fff; border-color: #fff; }




.faq-tittle-left{ max-width: 350px; width: 100%; }
.faq-tittle-left h3{ margin: 0px 0px 72px 0px;font-family: 'stolzl_regular'; font-size: 45.6px; line-height: 37px; font-weight: normal; color: #101A33; text-transform: uppercase; }

.faq-btn a{font-family: 'Poppins', sans-serif; display: inline-block; height: 44px; line-height: 44px; padding: 0px 36px 0px 15px;background:#DBF1FC url(images/faq-arrow.svg) no-repeat right 15px center; border-radius: 15px; font-size: 17.6px; font-weight: 400; color: #214A4F; }




.contact-section{
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%;
    position: relative;
    height: auto;
    padding: 180px 0px 180px 0px;
    
}

.contact-section::before{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(4, 50, 59, 0.6); }


.contact-content{ text-align: center; }
.contact-content h4{font-size: 15px; line-height: 31px;font-family: 'stolzl_regular'; font-weight: normal; margin: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; color: #fff;}
.contact-content h3{font-size: 45.6px; line-height: 42px;font-family: 'stolzl_regular'; font-weight: normal; margin: 0px 0px 28px 0px; text-align: center; text-transform: uppercase; color: #fff;}

.contact-btn-ds{ text-align: center; }
.contact-btn-ds a{ display: inline-block; padding: 0px 51px 0px 0px; background: url(images/contact-arrow-1.svg) no-repeat right center; height: 44px; line-height: 44px; font-size: 23px;font-family: 'Poppins', sans-serif; color: #214A4F; }
.contact-btn-ds a span{ padding: 0px 14px 0px 14px; background-color: #DBF1FC; border-radius: 15px; line-height: 44px; font-size: 23px;color: #214A4F; text-transform: uppercase; display: inline-block; }
.contact-btn-ds a:hover{background: url(images/contact-arrow-hover.svg) no-repeat right center;}
.contact-btn-ds a:hover span{ background-color: #0683B4; color: #fff; }




.footer{ padding: 0px 0px 106px 0px; background-color: #0683B4; }
.social-media-ftr{ margin-top: -60px; padding-bottom: 78px; }
.social-media-block{ float: right; display: inline-block; background-color: #E7DFC6; padding: 43px 50px 43px 46px; position: relative; }
.social-media-block::before{ content: ''; position: absolute; right: -1000px; top: 0px; width: 1000px; height: 100%; background-color: #E7DFC6; }
.social-media-block ul{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.social-media-block ul li{ padding: 0px 10px 0px 10px; font-size: 22px; line-height: 37px;font-family: 'stolzl_medium'; font-weight: normal; color: #214A4F; text-transform: uppercase; float: left; display: inline-block; }
.social-media-block ul li:first-child{ width: 200px; }

.social-media-block ul li a{ display: block; width: 38px; height: 38px; }
.social-media-block ul li.scl-1 a{ background: url(images/insta-1.svg) no-repeat center center;}
.social-media-block ul li.scl-1 a:hover{ background: url(images/insta-2.svg) no-repeat center center;}
.social-media-block ul li.scl-2 a{ background: url(images/fb-1.svg) no-repeat center center;}
.social-media-block ul li.scl-2 a:hover{ background: url(images/fb-2.svg) no-repeat center center;}

.social-media-block ul li.scl-3 a{ background: url(images/lonkd-1.svg) no-repeat center center;}
.social-media-block ul li.scl-3 a:hover{ background: url(images/linkd-2.svg) no-repeat center center;}



.footer-brand-section{ display: flex; justify-content: space-between; position: relative; margin-bottom: 59px; }
.footer-brand-section::before{ content: ''; position:absolute; left: 0px; top: 28%; height: 1px; width: 100%;background-color: rgba(224, 224, 224, 0.27); }

.burwell-logo{ background-color: #0683B4; padding-right: 85px;z-index: 2; }
.burwell-logo a{ display: inline-block; }
.burwell-logo img{ max-width: 100%; }

.spe-logo-ftr{background-color: #0683B4; padding-left: 85px;z-index: 2;}

.footer-block-single{ padding-bottom: 30px; }
.footer-block-single h3{font-family: 'stolzl_bold'; font-size: 24px; line-height: 28.8px; font-weight: normal; color: #fff; margin: 0px 0px 18px 0px;}
.footer-block-single p{font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 26px; font-weight: 400; color: #fff;}
.footer-block-single p a{ display: inline-block;color: #fff; text-decoration: none; }
.footer-block-single ul{ float: left; display: block; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.footer-block-single ul li{ float: left; display: block; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 26px; font-weight: 400; color: #fff;}



.footer_cistom-area.row{ padding-bottom: 48px; }
.footer_cistom-area .col-12.col-md-4.col-lg-2{ width: 14.28%; }

.footer-bottom p{ font-size: 18px; line-height: 24px;font-family: 'Poppins', sans-serif; font-weight: 400; color: #fff; margin: 0px 0px 0px 0px; }
.footer-bottom p a{ display: inline-block; margin-left: 20px; padding-left: 20px;color: #fff;  text-decoration: none;background: url(images/bullet.svg) no-repeat left center; }
.footer-top{
    margin: 0 0 10px;
}
.footer-top p{ font-size: 18px; line-height: 24px;font-family: 'Poppins', sans-serif; font-weight: 400; color: #fff; margin: 0px 0px 0px 0px; }
.footer-top p a{ display: inline-block; color: #fff;  text-decoration: none; }




.subpage-banner{ position: relative; }
.subpage-banner{
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%;
    position: relative;
    height: 493px;
}


.subpage-banner::before{ content: ''; position: absolute; width: 100%; height: 400px; left: 0px; top: 0px;
background: rgba(0, 0, 0, 0);
background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
 }



.subpage-spe-wrapper{display: flex;justify-content: space-between;align-items: flex-start;}
.subpage-spe-block{ width: 350px; display: flex; }
.subpage-tittle-block{flex: 1;display: flex;padding-left: 80px;width: calc(100% - 350px);align-items: baseline;}

.subpage-spe-block .spe-wrap{ width: 100%; }



.subpage-banner .container, .subpage-banner .row, .subpage-banner .col-12 {
    height: 100%;
    position: relative;
}

.gap-sldt-1{ padding-bottom: 102px; }



.subpage-tittle-block-inner{ display: flex; justify-content: space-between; padding: 43px 0px 0px 0px; }
.sb-single-tittle h2{font-family: 'stolzl_regular'; margin: 0px 0px 0px 0px; font-size: 45.6px; line-height: 37px; color: #101A33; text-transform: uppercase;}
.sb-single-tittle h2 strong{ font-weight: normal; color: #0683B4; }
.sb-single-tittle h2 span.sb-tt-block{ display: block; }


.subpage-tittle-bar-section{ margin-bottom: 68px; }

.details-info-top{ background-color: #DBF1FC; padding: 73px 20px 73px 20px; margin-bottom: 80px; }

.details-info-top h3{font-family: 'stolzl_regular'; font-size: 40px; line-height: 39px; display: block; text-align: center; margin: 0 auto; max-width: 825px; color: #313131;}
.details-info-top h3 span{ display: inline-block; color: #0683B4; }
.details-info-top h3 a{ display: inline-block; color: #0683B4; text-decoration: none; }

.image-container{ margin-bottom: 82px; }
.image-container img{ display: block; width: 100%; }


.detail-info-text{ padding-bottom: 50px; }
.detail-info-text p{font-family: 'Poppins', sans-serif; margin: 0px 0px 30px 0px; font-size: 17px; line-height: 28px; font-weight: 400;}



.sb-center-tittle{ margin-bottom: 80px; }
.sb-center-tittle h2{ text-align: center; display: block; margin: 0 auto;font-family: 'stolzl_regular'; font-size: 48px; line-height: 52px; color: #171717; max-width: 520px; width: 100%; }



.dt-photo-block{ padding-bottom: 73%; position: relative; margin-bottom: 100px; }
.dt-photo-block img{
    width: 100%;
    display: block;
    border-radius: 0px !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
    left: 0px; top: 0px;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-list-wrapper.floatCss h2.category-title {
    display: none;
}
/*.subpage-tittle-bar-section.floatCss {
    margin: 0;
}*/

.right-align-cn.subpage-tittle-block-inner{ justify-content: end !important; }


.single-cs-block{ padding-bottom: 52px;  }
.single-cs-block a{ display: block; width: 100%; float: left; overflow: hidden; position: relative; }
.single-cs-block .cd-photo{ padding-bottom: 435px; position: relative; }
.single-cs-block .cd-photo img{
    width: 100%;
    display: block;
    border-radius: 0px !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
    left: 0px; top: 0px;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.cd-cas-bottom{font-family: 'Poppins', sans-serif; text-transform: uppercase; position: absolute; right: 0px ;bottom: 0px; z-index: 2; padding: 19px 62px 19px 22px; max-width: 256px; width: 100%;background:#fff url(images/right-arrow3.svg) no-repeat right 20px center; font-size: 20.31px; line-height: 17.8px; font-weight: 400; color: #214A4F; }


.single-cs-block a:hover .cd-cas-bottom{background:#0683B4 url(images/right-arrow3.svg) no-repeat right 20px center; color: #fff;}
.single-cs-block a:hover .cd-photo img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}





.breadcrumb-block .breadcrumb{ margin: 0px; padding: 0px; }
.breadcrumb-block .breadcrumb li{ margin-right: 15px; padding-right: 20px;background:url(images/breadcm-arrow.svg) no-repeat right center; font-size: 15px; line-height: 28px; font-weight: 400; color: rgba(22, 25, 34, .60); }
.breadcrumb-block .breadcrumb li a{color: rgba(22, 25, 34, .60);}

.breadcrumb-block .breadcrumb li:last-child{ background:none; padding-right: 0px; margin-right: 0px; }


/*======================================== Start-product-detail-Page =========================================*/
.product_slider {
   width: 100%;
   height: auto;
   float: left; display: block;
   margin-bottom: 27px;
}
#main-slider {
   width: 100%;
   height: auto;
   float: right;
   padding-left: 0;
   position: relative;
   padding-bottom: 10px;
}
#main-slider div{ position: relative; }
#carousel-slider {
   width: 100%;
   height: auto;
   float: left;
}
.product_slider .slick-slide img {
   border: none;
   width: 100%;
}
.slick-vertical .slick-slide {
  border:none;
  margin-bottom: 15px;
}
button.slick-prev.slick-arrow {
    width: 40px;
    height: 40px;
    background: url(images/prev_icon.svg) no-repeat center center;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    text-indent: -9999px;
    z-index: 999;
    border: none;
    background-size: 40px auto;
}

button.slick-next.slick-arrow {
    width: 40px;
    height: 40px;
    background: url(images/next_icon2.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-indent: -9999px;
    z-index: 999;
    border: none;
    background-size: 40px auto;
}
button:focus{
  outline: none;
}

#main-slider .slick-slide{ padding-right: 0px !important; }


#main-slider a.popup{
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(images/zoom_icon.png) no-repeat center center
}

.slick-slide {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.slick-slide:last-child{ }
.slick-slide:hover{ opacity: 0.44; }
.slick-slide img{ border-radius: 9px; }
#main-slider a.popup {
    width: 20px !important;
    height: 21px;
    display: inline-block;
    background: url(images/zoom_icon.png) no-repeat center center;
    position: absolute;
    left: 27px;
    bottom: 27px;
    z-index: 99;
}

.product_slider .slick-list.draggable{ height: auto !important; }


.breadcrumb-dt-block .subpage-tittle-block-inner{ padding-top: 0px; padding-bottom: 48px; }
.cate_block{
    margin: 0 0 40px;
}
.cate_block h3 {
    color: #303133;
    font-size: 15px;
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EAEAEA;
    font-family: "Public Sans", sans-serif;
    font-weight: 600;
}

.cate_block ul{
    margin: 0;
    padding: 0;
}
.cate_block ul li{
    margin: 0 0 9px;
}
.cate_block ul li a{
    font-size: 15px;
    line-height: 18px;
    color: #303133;
    padding: 4px 0;
   
}
.cate_block ul li a span{
    color: #777777;
}

/*======================================== End-product-detail-Page =========================================*/

.detail-slider{ position: relative; }
.product-dt-info-wrapper{ padding: 0px 0px 0px 33px; }
.search-product-dt{ position: absolute; width: 40px; right: 10px; top: 10px; z-index: 50; }
.search-product-dt a{ display: block; }

.product-dt-info-wrapper{}
.product-dt-info-wrapper h2{ font-family: 'stolzl_medium'; font-size: 26px; line-height: 30px; color: #0683B4; margin: 0px 0px 0px 0px; font-weight: normal;}
.product-dt-info-wrapper h4{ font-family: 'Poppins', sans-serif;font-size: 18.5px; line-height: 27px; margin: 0px 0px 0px 0px; font-weight: 400; color: #A8A8A8;}
.product-dt-info-wrapper p{ font-family: 'Poppins', sans-serif;font-size: 15px; line-height: 28px; color: #363636; margin: 0px 0px 20px 0px; font-weight: 300; }
.product-dt-info-wrapper hr{ margin-top: 21px; margin-bottom: 27px; opacity: .14; clear: both; width: 100%; float: left; display: block; }

.product-dt-info-wrapper h3{ font-family: 'Poppins', sans-serif;font-size: 19px; line-height: 28px; margin: 0px 0px 13px 0px; font-weight: 500; color: #363636; text-transform: uppercase;}

.product-dt-info-wrapper .contact-btn-ds{ text-align: left; }
.product-dt-info-wrapper .contact-btn-ds a{ height: 39px;
    line-height: 39px;
    background-size: 38px;
    font-size: 15px;
    padding-right: 45px;}
.product-dt-info-wrapper .contact-btn-ds a span {
    text-transform: initial;
    line-height: 39px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
}

.product-dt-info-wrapper .contact-btn-ds a:hover{background-size: 38px;}

.product-dt-info-wrapper .feature-list ul { margin: 0; padding: 0 0px 0px 12px; }
.product-dt-info-wrapper .feature-list li{ width: 100%; float: left; display: block;background: url(images/bullet-2.svg) no-repeat left 12px;font-family: 'Poppins', sans-serif;font-size: 15px; line-height: 28px; color: #363636; margin: 0px 0px 0px 0px; font-weight: 300; padding: 0px 0px 0px 14px; }


.product-dt-tab{ border-bottom: 1px solid #E6E6E6;font-family: 'Poppins', sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px -1px 0px; }
.product-dt-tab ul {
    margin: 0px 0px -1px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    width: 100%;
    float: left;
    display: block;
    text-align: left;
}

.product-dt-tab ul li{font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 47px; color: #363636; font-weight: 500; padding: 0px 0px 0px 0px; display: inline-block;}
.product-dt-tab ul li a{ text-transform: uppercase; display: inline-block;color: #363636;  padding: 0px 14px 0px 14px;border-left: 1px solid transparent;border-right: 1px solid transparent;border-top: 1px solid transparent;  }
.product-dt-tab ul li a.active{ color: #0683B4; border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;border-top: 1px solid #E6E6E6; }



.product-dt-content{ padding: 0px 0px 100px 0px; }
.product-description-table table{border-color:#E6E6E6;}
.product-description-table table tr th{ font-size: 14px; line-height: 20px; padding: 10px 10px 10px 19px; text-align: left;font-family: 'Poppins', sans-serif; font-weight: 400; color: #000000;border-color:#E6E6E6; }
.product-description-table table tr td{ font-size: 14px; line-height: 20px; padding: 10px 10px 10px 19px; text-align: left;font-family: 'Poppins', sans-serif; font-weight: 400; color: #000000;border-color:#E6E6E6; }
.product-description-table table tr td:first-child{ width: 281px; }

.product-description-table .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: transparent !important;
}

.product-description-table .table-striped>tbody>tr:nth-of-type(even) {
    --bs-table-accent-bg: rgba(0, 0, 0, .01) !important;
}



.search-page-banner-wrapper{height: 100%;  display: flex; align-items: center;}
.search-page-banner{display: flex;justify-content: space-between;align-items: flex-start; }
.sr-banner-left{ width: 350px; display: flex; }
.sr-banner-left .banner-logo{ position: relative; bottom: auto; left: auto; }
.sr-banner-rt{flex: 1;display: flex;padding-left: 50px;width: calc(100% - 350px);align-items: baseline;}

.venobox > img {
    transition: transform 0.4s ease;
}

.venobox:hover > img {
    transform: scale(1.1);
}

.search_container_inner {
    width: 100%;
    float: left;
    display: block;
    height: 140px;
    background-color: #0683B4;
    padding: 0px 135px 0px 142px;
}

.cancel_btn {
    width: 142px;
    height: 140px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.product_input {
    width: 100%;
    float: left;
    display: block;
}

.product_input .form-control {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
    height: 140px;
    font-family: 'Poppins', sans-serif;
    font-size: 48px;
    padding-left: 60px;
    color: #fff;
    font-weight: 300;
    border-radius: 0px;
}

.search_submit_block {
    position: absolute;
    right: 30px;
    top: 0px;
}

.search_submit_block .submit2 {
    width: 100px;
    height: 142px;
    background: url(images/searchbg_large.png) no-repeat;
    border: none;
    box-shadow: none;
    outline: none;
}



.product_input .form-control::-moz-placeholder{
    color:rgba(255, 255, 255, .79);
    opacity: 1;
}
.product_input .form-control::-webkit-input-placeholder{
   color:rgba(255, 255, 255, .79);
    opacity: 1;
}
.product_input .form-control::-ms-input-placeholder{
   color:rgba(255, 255, 255, .79);
    opacity: 1;
}


.product-list-wrapper{ padding: 0px; }
.single-product-block{ padding: 0px 0px 50px 0px; }
.single-product-block a{ display: block; width: 100%; float: left; overflow: hidden; }


.sr-product-image{ padding-bottom: 98%; position: relative; overflow: hidden; }
.sr-product-image img{
    width: 100%;
    display: block;
    border-radius: 15px !important;
    position: absolute;
    height: 100%;
    object-fit: contain;
    -webkit-transform-style: preserve-3d;
    left: 0px; top: 0px;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#main-slider div.slick-slide > img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
}


.sr-product-tittle{ padding: 18px 0px 20px 0px; }
.sr-product-tittle h3{font-family: 'Poppins', sans-serif; margin: 0px 0px 0px 0px; font-size: 19px; line-height: 25.3px; font-weight: 400; color: #214A4F; text-align: center;}
.sr-product-tittle p{font-family: 'Poppins', sans-serif; margin: 0px 0px 0px 0px; font-size: 15px; line-height: 27.4px; font-weight: 300; color: #214A4F;}


.single-product-block a:hover .sr-product-image img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    border-radius: 15px !important;
}


.single-product-block a:hover .sr-product-tittle h3{ color: #0683B4; }
.single-product-block a:hover .sr-product-tittle p{ color: #0683B4; }



.home-page-search-bar{ position: absolute; top: 200px; left: 0px; z-index: 10; }
.home-page-search-bar .sr-banner-rt{ display: block; padding-left: 0px; width: 100%; }

.aboutUs-content{ position: relative; }
.scrolling_img{ content: ''; position: absolute; width: 820px; height: 550px;background: url(images/bg-shape-2.png) no-repeat center center; bottom: -367px; right: -430px; }



.product-dt-container{}
.product-dt-container a{ display: block; width: 100%; float: left; position: relative; }
.product-dt-photo{ padding-bottom: 235px; position: relative; overflow: hidden; border-radius: 9px !important; }
.product-dt-photo img{
    width: 100%;
    display: block;
    border-radius: 9px !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
    left: 0px; top: 0px;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-dt-container a:hover .product-dt-photo img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

.product-dt-content.floatCss a {
    color: #0683B4;
}
.product-careousel4 .owl-nav {
    position: absolute;
    top: -115px;
    width: 134px;
    display: block !important;
    right: 0px;
}

.product-careousel4 .owl-nav .owl-prev {
    width: 66px;
    height: 66px;
    background:#fff url(images/prdt-left.svg) no-repeat center center !important;
    position: absolute;
    text-indent: -9999px;
    float: left;
    border-radius: 6px;
    border:1px solid #EBEBEB !important;
    left: 3px;
    top: 0;
}
.product-careousel4 .owl-nav .owl-prev:hover{background:#fff url(images/prdt-left.svg) no-repeat center center !important;}

.product-careousel4 .owl-nav .owl-next {
    width: 66px;
    height: 66px;
    background:#fff url(images/prdt-right.svg) no-repeat center center !important;
    position: absolute;
    text-indent: -9999px;
    float: right;
    border-radius: 6px;
    border:1px solid #EBEBEB !important;
    right: 0px;
    margin-left: -1px;
    top: 0;
}

.product-careousel4.owl-nav .owl-next:hover{background:#fff url(images/prdt-right.svg) no-repeat center center !important;}

.related-pr-gap{ padding-bottom: 201px; }


.product-tittle-dts{ padding: 22px 0px 15px 0px; }
.product-tittle-dts h3{font-family: 'Poppins', sans-serif; margin: 0px 0px 0px 0px; font-size: 19px; line-height: 26px; font-weight: 400; color: #363636; text-align: center;}


.relatedt-pr-tittle{ margin-bottom: 24px; font-size: 20px; line-height: 28px; color: #363636; font-weight: 600;font-family: 'Poppins', sans-serif; text-transform: uppercase; }



.scrolling_img {
  transform: translateX(150px); /* start off-screen right */
  opacity: 0;
  transition: transform 0.9s ease-out, opacity 0.9s ease-out;
}

.scrolling_img.show {
  transform: translateX(0);
  opacity: 1;
}

/*.home-banner-slider.floatCss {
    min-height: 100vh;
}*/


.wwa-left-block {

  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: scale(1.35);
  transition: transform 3.8s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 1.8s ease-out;

  opacity: 1;
  will-change: transform;
}

.wwa-left-block.zoom-in {
  transform: scale(1);
  opacity: 1;
}



.garnet-top-logo {
  transform: translateY(-100px);
  opacity: 0;

  transition:
    transform 1.6s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.8s ease-out;

  will-change: transform, opacity;
}

/* Final position */
.garnet-top-logo.reveal {
  transform: translateY(0);
  opacity: 1;
}


.service-wrap > div {
  transform: translateX(80px);
  opacity: 0;

  transition:
    transform 1.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.6s ease-out;

  will-change: transform, opacity;
}

/* Final position */
.service-wrap > div.reveal {
  transform: translateX(0);
  opacity: 1;
}










/*======================================= accordion start ================================*/

.accordion-item{ margin-bottom: 0px;border-radius: 0px; overflow: hidden; border:none; background-color: transparent; }
.accordion-item:not(:first-of-type){border-top: none;}
.accordion-button{ border-radius: 0px; padding-left: 0px;background-color: #FAFAFA; }
.accordion-item:first-of-type{border-radius: 0px; }
.accordion-button:not(.collapsed){ box-shadow: none; }


.accordion-item:first-of-type .accordion-button{ border-radius: 12px 12px 0px 0px; }


.accordion-button:not(.collapsed){ background-color: transparent;}
.accordion-button:not(.collapsed) .accordion-item h2 button{ color: rgba(255, 89, 89, 1); }

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

.accordion-button::after{
    background-image: url(images/plus.svg);
}
.accordion-button:hover::after{
    background-image: url(images/plus.svg);
}

.accordion-button:not(.collapsed)::after{background-image: url(images/minus.svg);    margin-top: -15px;}
.accordion-button:not(.collapsed):hover::after{background-image: url(images/minus.svg);    margin-top: -15px;}
.accordion-body{ padding: 0px 20px 20px 0px; }
.accordion-item h2{ font-size: 24.6px; font-weight: 400; color: #323F48;background-color: transparent; border-top: 1px solid rgba(0, 0, 0, 0.15);font-family: 'Poppins', sans-serif;}
.accordion-button:not(.collapsed){color: #0683B4;}
.accordion-button{font-size: 20px; font-weight: 400; color: rgba(10, 9, 8, 1); padding: 25px 15px 25px 0px;font-family: 'Poppins', sans-serif;line-height: 28px; background-color: transparent; }

.accordion-item:first-child h2{ border-top: none; }

.accordion-body p{font-size: 18px; font-weight: 400; color: #000000;font-family: 'Poppins', sans-serif; line-height: 28px; margin: 0 0 20px;}
.accordion-body p:last-child{ margin-bottom: 0; }

.accordion-item:last-of-type {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


.faq-section{ padding-bottom: 69px; }

.faq-section .center-tittle {
    margin-bottom: 69px;
}

/*======================================= accordion end ================================*/


.subs-input .form-control::-moz-placeholder{
    color: #fff;
    opacity: 1;

}
.subs-input .form-control::-ms-input-placeholder{
    color: #fff;
    opacity: 1;

}
.subs-input .form-control::-webkit-input-placeholder{
    color: #fff;
    opacity: 1;

}

.subs-label span{ display: inline-block; font-size: 20px; font-weight: 500; color: #fff; line-height: 22px; margin-bottom: 16px; border-bottom: 1px solid #8BD6F4; }



/*======================================= footer end ================================*/


.g-top{ position: absolute; right: 100px; bottom: 1000px;transform: rotate(-90deg); }
.g-top a{ display: inline-block; border-bottom: 2px solid #DEDEDE; line-height: 25px; padding-bottom: 9px; padding-right: 10px; position: relative; font-size: 15px; color: #343434; font-weight: 500; letter-spacing: 1px; display: inline-block; }
.g-top a::before{ content: ''; position: absolute; width: 37px; height: 2px; bottom: -2px;left: 0px; background-color: #343434; z-index: 1; }

.g-top a:hover{ color: #1BB4ED; }





















/*======================================= generic page ================================*/

.generic-wrapper{ padding: 27px 0px 159px 0px;  z-index: 20; font-family: 'Poppins', sans-serif; }


.generic-section{width: 100%; float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.generic-block{ padding: 0px 0px 10px 0px; }
.generic-block h1{
    margin: 0px 0px 102px 0px;
    /*font-size: 46px;
    line-height: 59px;
    color: #0299D6;
    font-weight: 600;*/
    text-transform: uppercase;
}
.generic-block h2{
    margin: 0px 0px 56px 0px;
    /*font-size: 46px;
    line-height: 44.75px;
    color: #E47F22;
    font-weight: 600;*/
}
.generic-block p {
    margin: 0px 0px 30px 0px;
    /*font-size: 19px;
    line-height: 28px;
    color: #000;
    font-weight: 400;*/
}
.generic-block .elementor hr{background-color: rgba(112,112,112,.21); opacity: 1; margin-top: 80px !important; margin-bottom: 66px; clear: both; width: 100%; float: left; display: block;}
.generic-block hr{background-color: rgba(112,112,112,.21); opacity: 1; margin-top: 80px !important; margin-bottom: 66px; clear: both;width: 100%; float: left; display: block;}
.generic-block h3{
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    line-height: 30px;
    color: #21285B;
    font-weight: 700;
}
.generic-block ul{width: 100%; float: left; display: block; margin: 0px 0px 35px 0px; padding: 20px 0px 0px 0px; position: relative;}
.generic-block ul li{width: 100%; float: left; display: block; margin: 0px 0px 2px 0px;padding: 2px 0px 2px 58px; position: relative;background: url(images/list-arrow.svg) no-repeat left 1px center; font-size: 19px; line-height: 28px; font-weight: 400;color: #000;}
.generic-block ul li a{color: #000;}


.generic-block img{ width: 100%; display: block; margin-bottom: 20px; }

.generic-block ol{ padding: 0px 20px 0px 25px; margin: 0px 0px 0px 0px; width: 100%; float: left; display: block;}
.generic-block ol li {
    width: 100%;
    height: auto;
    font-size: 19px;
    list-style-type: decimal;
    color: #0683B4;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    margin: 0px 0px 10px 0px;
    padding: 1px 0px 1px 6px;

}

.generic-block ol li span{color: #000;}

.generic-block ol li a{color: #000;}



.row-gap-3{ padding-top: 24px; padding-bottom: 55px; }



.form-section{}

/*.form-label{ font-size: 12px; line-height: 15px; color: #000000; margin-bottom: 5px; }
.form-label span{ color: #E47F22;font-family: 'Poppins', sans-serif; font-weight: 600; }*/
.form-input{ margin-bottom: 17px; }
.input-common{font-family: 'Poppins', sans-serif; height: 54px; border:1px solid #F6F5F5; background-color:#F6F5F5; color: #2A2A2A; font-size: 18px;  font-weight: normal; box-shadow: none; border-radius: 0px; outline: 0; padding-left: 20px; padding-right: 14px; color: rgba(125, 125, 125, 1);}
.input-common:focus{ outline: 0; box-shadow: none;border:1px solid #707070; }

.input-cm-height{ height: 221px !important; }

.form-submit-input{ margin-bottom: 10px; }
.submit_btn{border-radius: 15px; display: inline-block; height: 44px; line-height: 44px; padding: 0px 76px 0px 15px; color: #214A4F; font-size: 17.6px; background:#DBF1FC url(images/contact-arrow.svg) no-repeat right 19px center ; border:none; text-align: left;  font-weight: 400;font-family: 'Poppins', sans-serif; }
.submit_btn:hover{ background:#0683B4 url(images/contact-arrow-white.svg) no-repeat right 21px center ; color: #fff; }


.mandatory-field-text{ font-size: 12px; line-height: 15px; color: #626262; font-weight: normal;}
.mandatory-field-text span{color: rgba(0, 172, 105, 1);font-family: 'Poppins', sans-serif;font-weight: 600;}


.video-block{ margin-bottom: 55px; }
.video-block > img{ width: 100%; }











input[type='radio'] {
    display: none;
}

.radio-check-block label {
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    padding-left: 40px;
    line-height: 26px;
    width: 100%;
    min-height: 26px;
    margin: 0;
    color: #000;
    background: url(images/radio-uncheck.svg) no-repeat left center;
    font-weight: 400;
}

.radio-check-block input[type="radio"]:checked + label {
    opacity: 1;
    background: url(images/radio-check.svg) no-repeat left center;
}






input[type='checkbox'] {
    display: none;
}

.qs-check-box label {
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    padding-left: 30px;
    line-height: 19px;
    width: 100%;
    min-height: 19px;
    margin: 0;
    color: #323F48;
    background: url(images/qs-uncheck.svg) no-repeat left center;
    font-weight: 400;
}

.qs-check-box input[type='checkbox']:checked + label {
    opacity: 1;
    background: url(images/qs-Check.svg) no-repeat left center;
}






/*======================================= sticky header start ================================*/


.sticky_white_header .header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #0b0b0b;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; }
/*.sticky_white_header .logo{ width: 119px;    transition: all 0.3s ease-in-out; }
.sticky_white_header .logo span{ font-size: 13px; line-height: 15px; }*/

/*======================================= sticky header end ================================*/










/*======================================= selectbox 2 ================================*/

.select_block2 .chosen-container {
    width: 100% !important;
    margin-bottom: 0px;
}
.select_block2 .chosen-container-single .chosen-single div b {
    background: url(images/select-arrow-2.svg) no-repeat center center !important;
    width: 38px;
    height: 100%;
    margin-right: 0px;
}
.select_block2 .chosen-container-single .chosen-single div {
    width: 30px;
    height: 54px;
}
.select_block2 .chosen-container-single .chosen-single {
    height: 54px;
    border: 1px solid #F6F5F5;
    background: #F6F5F5;
    line-height: 54px;
    text-align: left;
     font-family: 'Poppins', sans-serif;
    font-size: 19px;
    color: #000;
    padding: 0 40px 0 15px;
   
    border-radius: 2px;
    
    width: 100%;
    font-weight: 400;
    box-shadow: none;
}
.select_block2 .chosen-container-single .chosen-single::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    border: none;
}

.select_block2 .chosen-container .chosen-results li.highlighted {
    background-color: #F6F5F5; color: #000;
    background-image: none;
}

.select_block2 .chosen-container .chosen-results li {
    background: none;
    padding-left: 10px;
    padding-right: 10px;
}
.select_block2 .chosen-container .chosen-drop {
    width: 100%;
}

.select_block2 .chosen-container-single .chosen-single div {
    display: block;
    position: absolute;
    right: 5px;
    top: -1px;
    border-left: 1px solid #707070;
    bottom: -1;
}

.select_block2 .chosen-container .chosen-results {
    color: #444;
    padding-left: 0px;
}

.select_block .chosen-container-single .chosen-drop {
    margin-top: 1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    background-color: #eeeeee;
}
.select_block2 .chosen-container .chosen-results li {
    font-size: 16px;
    line-height: 26px;
    background-color: #F6F5F5;
    text-align: left;
    font-weight: 400;
    color: #000;
}
.select_block2 .chosen-container .chosen-results {
    margin: 0 0px 0px 0;
    background-color: #F6F5F5;
}

.select_block2 .chosen-container-single .chosen-single span{ margin-right: 0px; }
.select_block2 .chosen-container .chosen-drop{ border:none; }





.mobile_menu{ display: none; }

/*======================================= side menu ================================*/

.mobile_menu {
    position: absolute;
    right: auto;
    top: 50%;
    width: 35px;
    right: 0px;
    margin-top: -26px;
    z-index: 10;
}
.mobile_menu a {
    display: block;
    width: 32px;
    height: 32px;
    background: url(images/Hamburger-white.svg) no-repeat center center;
    border: none;
    border-radius: 3px;
}

@media only screen and (max-width: 991px) {

.navbar-desktop{ display: none !important; }
.mobile_menu{ display: block !important; }

div#sidebar_content .sidebar_content {
    width: 80%;
    background: #fff;
    float: left;
}

div#sidebar_content .sidebar_content {
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow: auto;
}

#mobile_nav_wrapper {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
#mobile_nav_wrapper .dropdown-toggle::after {
    display: none;
}

#mobile_nav_wrapper .nav-link {
    padding-left: 0px;
    position: relative;
}
#mobile_nav_wrapper > ul {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mobile_nav_wrapper > ul > li {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/*#mobile_nav_wrapper .dropdown-menu{ position: relative !important; width: 100%; float: left; top: auto; }*/
#mobile_nav_wrapper .dropdown-menu {
    width: 100%;
    float: left;
    background-color: transparent;
    transform: none !important;
}

#mobile_nav_wrapper .navbar-nav .open .dropdown-menu {
    position: static !important;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}
#mobile_nav_wrapper .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
}

#mobile_nav_wrapper .open > .dropdown-menu {
    display: block;
}

#mobile_nav_wrapper .dropdown-menu {
    top: 100%;
}







    /*.menu_active div#sidebar_content {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        display: block !important;
        width: 320px;
        z-index: 99999;
    }*/

    .sidebar_content .container-fluid{ width: 100%; display: block; }
    div#sidebar_content {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        display: block !important;
        width: 100%;
        z-index: 99999;
        transform: translateX(100%);
        transition: all 0.3s ease-in-out;
        
    }
    .menu_active div#sidebar_content {
        
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        display: block !important;
        width: 100%;
        z-index: 99999;
        transform: unset;
    }

    .menu-overlay {
        background: rgba(0, 73, 123, 0.6);
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-in-out;
        position: fixed;
        left: 0px; top: 0px;
    }

    div#sidebar_content .sidebar_content {
        width: 100%;
        background: #0683B4;
        float: left;
        
    }

    a#sidebar_hide {
        width: 30px;
        height: 30px;
        position: absolute;
        left: auto;
        display: inline-block;
        z-index: 999;
        top: 25px;
        right: 20px;
    }

    a#sidebar_hide::before {
        width: 30px;
        height: 2px;
        position: absolute;
        left: 0;
        display: inline-block;
        z-index: 999;
        transform: rotate(45deg);
        top: 12px;
        content: "";
        background: #fff;
    }

    a#sidebar_hide::after {
        width: 30px;
        height: 2px;
        position: absolute;
        left: 0;
        display: inline-block;
        z-index: 999;
        transform: rotate(-45deg);
        top: 12px;
        content: "";
        background: #fff;
    }

    .sidebar_content a#sidebar_hide:hover{ opacity: 0.6; }

    .sidebar_content_inner {
        width: 100%;
        float: left;
        height: auto;
        padding: 80px 0px 0px 0px;
    }

    .panner_top {
        width: 100%;
        float: left;
        height: auto;
        padding: 20px 40px 20px 40px;
        text-align: center;
        
    }

    .author_img {
        width: 50px;
        height: 50px;
        background: #fff;
        display: inline-block;
        border-radius: 50%;
        position: relative;
    }

    .author_img img {
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        max-width: 50px;
    }
    ul.logout_part li {
        display: inline-block;
        margin: 0 10px;
    }

    .panner_top li a {
        color: #fff;
        font-size: 18px;
    }

    div#sidebar_content .top_menu {
        display: block;
        padding: 10px 0 0;
        position: fixed;
        top: 172px;
        bottom: 48px;
        overflow: auto;
    }

    div#sidebar_content ul.top_menu.singout_menu {
        top: 120px;
    }

    div#sidebar_content .top_menu li {
        display: block;
        margin-bottom: 0;
        padding: 11px 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        width: 100%;
    }

    div#sidebar_content .top_menu li a {
        display: inline-block;
        font-size: 18px;
        color: #111;
    }

    .copyright_block {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        background: #0e8e57;
        color: #fff;
        line-height: 48px;
        font-size: 14px;
    }

    #sidebar_content .top_menu {
        width: 100%;
        float: left;
        height: auto;
        display: flex;
        justify-content: space-between;
    }

    #sidebar_content .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
    }

    #sidebar_content .navbar-nav{ width: 100%; }

    #sidebar_content .navbar-nav > li {
        margin-bottom: 4px;
        display: block; width: 100%;
    }
    #sidebar_content .navbar-nav > li > a {
        font-size: 18px;
        color: #fff;
        line-height: 40px;
        font-weight: 500;
        background: none;
        padding-left: 10px;
        padding-right: 15px;
        padding-bottom: 0;
        padding-top: 0;
        transition: none;
        display: inline-block;
        background-color: transparent;
        letter-spacing: 0;
        position: relative;
        text-transform: uppercase;
        border-bottom: none;
    }
    #sidebar_content .navbar-nav > li > a:hover{ background-color: transparent; color: #005EA6; }
    #sidebar_content .navbar-nav > li.active > a{ background-color: transparent;color: #005EA6 }


    #sidebar_content .navbar-nav > li > a.dropdown-toggle{background: url(images/mobile-menu-arrow.svg) no-repeat right center; padding-right: 30px;}

    #sidebar_content .navbar-nav > li > a.dropdown-toggle:hover{background: url(images/mobile-menu-arrow.svg) no-repeat right center; padding-right: 30px; color: #fff !important;}
    #sidebar_content .navbar-nav > li.active > a.dropdown-toggle{ background: url(images/mobile-menu-arrow.svg) no-repeat right center; padding-right: 30px; color: #fff; }

    #sidebar_content .dropdown-toggle.show{background: url(images/toggle-arrow.svg) no-repeat right center !important;color: #fff !important;}
    #sidebar_content .dropdown-toggle.show > li > a{ color: #fff !important; }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 36px;
        font-weight: 400;
    }

    .logo {
        text-align: left;
    }

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover {
        color: #FF5C00;
    }

    .sidebar_content .logo {
        float: left;
        max-width: 180px; padding: 0px 0px 0px 0px;
    }

    #mobile_nav_wrapper .dropdown-menu{ border:none; padding: 0px 0px 10px 30px; }

    #mobile_nav_wrapper .dropdown-item{ color: #fff; font-size: 16px; font-weight: 400; line-height: 35px; }
    #mobile_nav_wrapper .dropdown-item:focus, #mobile_nav_wrapper .dropdown-item:hover{ background-color: transparent;color: #fff; }


.sidebar_content .logo{}
.sidebar_content .logo span{ display: block; text-align: right;letter-spacing: -0.02em; color: #fff;font-size: 19.6154px; height: 22px; font-style: italic;}


#sidebar_content .navbar-nav > li.contact-menu > a{ background: #DBF1FC url(images/white-arrow.svg) no-repeat right 20px center; padding-right: 50px; border-radius: 0px; color: #363636;}
#sidebar_content .navbar-nav > li.contact-menu > a:hover{ color: #363636; }


/*#sidebar_content .navbar-nav > li.location-cs > a{ background: #DBF1FC; padding-right: 50px; border-radius: 0px; color: #363636;}
#sidebar_content .navbar-nav > li.location-cs > a:hover{ color: #363636; }*/













}



.location_table .table>tbody>tr>td.call_column img {
    min-width: 30px;
}


@media only screen and (min-width: 768px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > ul.dropdown-menu{
        display: block;
        /*left: 0px;*/
    }

}

/*======================================== side menu end =============================*/

/*======================================== Responsive Design =============================*/

@media only screen and (max-width: 429px) {


.product_input .form-control{ font-size: 18px !important; }


}



@media only screen and (max-width: 479px) {

    


.logo a img{ width: 160px; }
.logo span img{ width: 120px; }


    .logo {
        width: 150px !important;
    }

.header-nav-top ul li.pd-search a{    padding: 0px 35px 0px 10px;background:#E7DFC6 url(images/search-1.svg) no-repeat right 10px center;}
.header-nav-top ul li.pd-search a:hover{background:#0683B4 url(images/search-white.svg) no-repeat right 10px center; color: #fff;}
.header-nav-top ul li.pd-search a span{ display: none; }


.banner-logo{ font-size: 32px; line-height: 32px; max-width: 264px !important; }
#banner_slider .owl-dots{ bottom: 25px; }

.spe-wrap::after{ background-image: none; height: 100%; width: 1000px; right: -1000px;background-color: #E7DFC6; }
.spe-wrap{ width: 100%; padding: 20px 20px 20px 18px !important; height: auto; }

.aboutUs-content h3 {
        font-size: 32px !important;
        line-height: 32px !important;
}
.counter-single h3 {
    font-size: 18px !important;
    line-height: 20px !important;
}

.garnet-content-top h3{ font-size: 24px !important; line-height: 22px !important; }

.sb-single-tittle h2{ font-size: 24px !important; line-height: 22px !important; }

.subpage-spe-wrapper .read-More-btn a {font-size: 16px; background-size: 30px; padding-right: 35px;}
.subpage-spe-wrapper .read-More-btn a:hover{background-size: 30px; padding-right: 35px;}



.social-media-block{ padding: 43px 15px 43px 15px;}
.social-media-block ul li{ font-size: 16px; }
.social-media-block ul li:first-child {
    width: 125px;
}
.social-media-block ul li{    padding: 0px 3px 0px 3px;}

.product-dt-tab ul li{    padding: 0px 0px 0px 0px; font-size: 14px;}
.product-dt-tab ul li a{    padding: 0px 5px 0px 5px;}
#main-slider{ padding-left: 0px; }
.sb-single-tittle h2 {
    font-size: 24px;
    line-height: 24px;
}

.details-info-top h3{ font-size: 24px !important; line-height: 26px !important; }
.sb-center-tittle h2 {
    font-size: 24px !important;
    line-height: 30px !important;
}
.center-tittle{ font-size: 24px !important; line-height: 26px !important; }


.product-dt-tab ul li{ font-size: 11px; }
.product-dt-tab ul li a{ padding-left: 2px; padding-right: 2px; }


    
}

@media only screen and (min-width: 480px) and (max-width: 639px) {


    .logo {
        width: 200px !important;
    }

.header-nav-top ul li.pd-search a{    padding: 0px 35px 0px 10px;background:#E7DFC6 url(images/search-1.svg) no-repeat right 10px center;}
.header-nav-top ul li.pd-search a:hover{background:#0683B4 url(images/search-white.svg) no-repeat right 10px center; color: #fff;}

.garnet-content-top h3{ font-size: 30px !important; line-height: 28px !important; }



.social-media-block{ padding: 43px 15px 43px 15px;}
.product-dt-tab ul li{    padding: 0px 0px 0px 0px;}
#main-slider{ padding-left: 0px; }

.product-dt-tab ul li{ font-size: 13px; }
.product-dt-tab ul li a{ padding-left: 5px; padding-right: 5px; }


    
}

@media only screen and (max-width: 639px) {

    .subpage-tittle-block-inner.with-breadcrumb{ display: block; }
    .breadcrumb-block{ width: 100%; float: left; display: block; margin-bottom: 10px; }
    .subpage-tittle-block-inner.with-breadcrumb .sb-single-tittle{ width: 100%; float: left; display: block; }
    .product-description-table table tr td:first-child{ width: 50%; }




}


@media only screen and (min-width: 640px) and (max-width: 767px) {


.logo a img{ width: 280px; }
.logo span img{ width: 160px; }





    
}




@media only screen and (max-width: 767px) {
.home-banner-slider.floatCss{
    min-height: unset!important;
}
.service-bhoto img{
    position: relative;
}
.service-bhoto::before{
    display: none;
}
.supply-content {
    background-color: #303030;
    padding: 30px 0px 10px 0px;
}


.service-wrap > div {
    transform: unset;
    opacity: 1;
    /* transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out; */
    /* will-change: transform, opacity; */
}

.featured_cat_block{
    padding: 30px;
}
.footer-top p{
    text-align: center;
}

.header-nav-top ul li a{
    line-height: 42px;
}
.header{
    padding: 10px 0px 10px 0px;
}

.garnet-wrapper {
    margin-bottom: -25px;
    z-index: 5;
}
.mobile_menu {
    margin-top: -16px;
}
.home-banner-slider .item {
    height: 300px;
}
.home-banner-slider video {
    float: left;
    width: auto!important;
    height: 100%!important;
}


.footer-bottom p a {
    display: inline-block;
    margin: 0 5px;
    padding-left: 10px;
}

.container {
    width: 100%;
    max-width: 100%;
}
.garnet-content-top p{
    margin-bottom: 20px;
}


.logo{ width: 250px; }
.nav_section{ padding-right: 50px; }
.header-nav-top ul li.hd-location { display: none; }
.header-nav-top ul li.hd-contact { display: none; }
.aboutUs-content h3{ font-size: 42px; line-height: 40px; }
.wwa-right-block{padding: 40px 30px 40px 30px; width: 100%; float: left; display: block;}
.service-content{ padding: 0px 15px 0px 15px; bottom: 20px;}
.counter-single h3{ font-size: 24px; line-height: 22px; }
.wwa-blok-mid{ padding: 20px 0px 20px 0px;}
.service-content h2{ font-size: 30px; line-height: 34px; }
.wwa-content-top h3{ font-size: 30px; line-height: 30px; margin-bottom: 20px; }

.service-tittle-block{    margin: 71px -80px 0px 0px;}
/*.cd-cas-libottom{padding: 19px 45px 19px 10px; background-position: right 5px center; font-size: 14px; line-height: 14px;}*/
.single-case-study a:hover .cd-cas-libottom{background-position: right 5px center;}
.testimonial-wrapper{    padding: 50px 20px 100px 20px;}






.footer-bottom p{ font-size: 16px; text-align: center;}


.wwa-content-top h4{ margin-bottom: 20px; }
.wwa-content-top p{ font-size: 16px; line-height: 26px; }

.who-we-are-section::before{ display: none; }
.wwa-left-block{ width: 100%; float: left; display: block; min-height: 450px; }
.wwa-left-block-outer{
    width: 100%;
    min-height: unset;
}

.who-we-are-section {
    margin-bottom: 0px;
}


.service-tittle{ width: 100%; float: left; display: block; margin-bottom: 15px; padding: 0px 30px 0px 30px; }
.service-tittle-block{ margin: 0px 0px 0px 0px;    transform: rotate(0deg); float: left; }
.service-wrap{ width: 100%; float: left; display: block; padding: 0px 30px 0px 30px; }
.service-bhoto{ padding-bottom: 0; }


.service-section {
    padding: 0px 0px 40px 0px;
}

.garnet-section{ margin-bottom: 50px; padding-left: 18px; padding-right: 18px; }
.case-study-wrapper {
    padding-left: 0px;
    position: relative;
}
.case-study-tittle{ position: relative; left: auto; top: auto; width: 100%; float: left; display: block; transform: rotate(0deg);    margin: 0px 0px 20px 0px; }


.single-case-study{ margin-bottom: 20px; }

.case-study-section {
    padding: 0px 18px 40px 18px;
}

.testimonial-single-item::before{ display: none; }
.testimonial-single-item{ display: block; }
.testimonial-left{ width: 100%; display: block; float: left; padding-right: 0px; margin-bottom: 15px; }
.testimonial-rt-block{ padding-left: 0px; width: 100%; float: left; display: block; text-align: left; }

.testimonial-cn-block p{ font-size: 20px; line-height: 30px; }
.test-cm-logo{ text-align: left; margin-bottom: 15px; max-width: 175px; }
.test-cm-tittle h3{ text-align: left; }
.test-cm-tittle p{ text-align: left; }

.testimonial-top-tittle{ font-size: 36px; line-height: 30px; }

.testimonial-section {
    margin-bottom: 40px; padding: 0px 18px 0px 18px;
}

.faq-tittle-left{ max-width: 100%; }
.faq-tittle-left h3{ font-size: 36px; line-height: 32px; margin-bottom: 20px; }

.faq-section {
    padding: 0px 18px 40px 18px;
}

.contact-content h3{ font-size: 36px; line-height: 36px; }


.footer_cistom-area .col-12.col-md-4.col-lg-2{ width: 100%; }

.footer {
    padding: 0px 18px 50px 18px;
}

.footer-block-single h3{ text-align: center; }
.footer-block-single p{ text-align: center; }


.footer_cistom-area.row {
    padding-bottom: 0px;
}

.footer-brand-section::before{ display: none; }
.footer-brand-section{ display: block; width: 100%;  margin-bottom: 15px;}
.burwell-logo {
    background-color: transparent;
    padding-right: 0;
    z-index: 2;
    width: 100%; float: left; display: block; text-align: center;
    margin-bottom: 15px;
}

.spe-logo-ftr{ padding-left: 0px; width: 100%; float: left; display: block; text-align: center; margin-bottom: 15px; }

.slider-item{ height: 400px; }


#banner_slider .owl-dots{ left: 0; width: 100%; }
.spe-block{ position: relative; left: auto; top: auto; width: 100%; float: left; display: block; }
.spe-wrap{ margin-top: 0px; padding-left: 18px;  }
.hm-aboutUs-section{ display: block; min-height: auto; height: auto; padding: 0px 0px 20px 0px; }
.aboutUs-content{    padding: 50px 15px 30px 15px;}

.banner-logo{ bottom: 60px; left: 30px; }


.garnet-content-top{    padding: 30px 30px 0px 30px;}

.garnet-content-top h3{ font-size: 36px; line-height: 32px; }


.subpage-spe-wrapper{ display: block; width: 100%; float: left; display: block; margin: 0px 0px 0px 0px; }
.subpage-spe-block{ width: 100%; }

.subpage-spe-wrapper .spe-wrap::after{ background-image: none; height: 100%; width: 1000px; right: -1000px;background-color: #E7DFC6; }
.subpage-spe-block .spe-wrap{ height: auto; padding: 30px 20px 30px 18px; }


.subpage-tittle-block{ display: block; width: 100%; float: left; padding: 0px 18px 0px 18px; }
.subpage-tittle-block-inner{padding: 20px 0px 20px 0px; align-items: center;}

.sb-single-tittle h2{ font-size: 36px; line-height: 32px; }
.subpage-spe-wrapper .read-More-btn a{ font-size: 20px; }

.details-info-top{ margin-bottom: 30px;    padding: 30px 20px 30px 20px; }
.image-container {
    margin-bottom: 30px;
}

.detail-info-text {
    padding-bottom: 0px;
}


.sb-center-tittle h2{ font-size: 36px; line-height: 40px; }
.sb-center-tittle {
    margin-bottom: 30px;
}

.dt-photo-block{ margin-bottom: 30px; }


.subpage-tittle-bar-section {
    margin-bottom: 20px;
}




.product-slider{ padding-left: 30px;margin-bottom: 40px; }


.product-dt-info-wrapper {
    padding: 0px 0px 0px 0px;
}

.product-dt-info-wrapper h4{ margin-bottom: 20px; }

.product-details-wrapper{ padding: 0px 18px 0px 18px; }
.product-dt-info-wrapper h2{ font-size: 20px; line-height: 26px; }
.product-dt-info-wrapper p{ font-size: 16px; line-height: 24px; }



.product-dt-content {
    padding: 0px 0px 65px 0px;
}


.sr-banner-left{ width: 100%; float: left; display: block; margin-bottom: 10px; }
.search-page-banner{ display: block; padding-left: 18px; padding-right: 18px; }
.sr-banner-rt{ display: block; width: 100%; float: left; display: block; padding-left: 0px; }



.product-list-wrapper{ padding: 0px 18px 40px 18px; }
.single-product-block {
    padding: 0px 0px 10px 0px;
}


 .sr-product-tittle h3{ font-size: 18px; line-height: 20px; }
 .sr-product-tittle p{ font-size: 16px; line-height: 23px; }



.details-info-top h3{ font-size: 30px; line-height: 34px; }

.subpage-details-content{ padding: 0px 18px 0px 18px; }
.center-tittle{ font-size: 36px; line-height: 36px;    margin: 0px 0px 20px 0px; }

.supply-list{ display: block; text-align: center; }
.single-supply{ display: inline-block; margin-bottom: 20px; }



.search-page-banner-wrapper{ display: block; padding-top: 110px; }
.subpage-banner{ height: 350px; }


.search_container_inner{ height: 80px;padding: 0px 80px 0px 80px; }
.cancel_btn {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}
.cancel_btn img{ display: block; }
.product_input .form-control{ height: 80px; font-size: 24px; padding-left: 20px; }
.search_submit_block{ right: 0px; }
.search_submit_block .submit2{ width: 80px; height: 80px; background-size: 80px;  background-position: center center;  }

.header-nav-top {
    padding-bottom: 0px;
}
.home-page-search-bar{ top: 90px; }

.banner-logo{ font-size: 30px; line-height: 30px; max-width: 243px; }



/*======================================= generic page ================================*/
.generic-wrapper {
    padding: 0px 18px 40px 18px;
}
.generic-block hr{ margin-top: 20px !important; margin-bottom: 20px; }
.generic-block p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }
.generic-block ul{ margin-bottom: 20px; }
.generic-block ul li{ font-size: 16px; padding-left: 40px; }
.generic-block ol li{ font-size: 16px; line-height: 24px; }
.input-common{ font-size: 16px; }



/*======================================= generic page end ================================*/





.gap-sldt-1{ padding-bottom: 30px; }
.product-tittle-dts h3{ font-size: 18px; line-height: 18px; }
.relatedt-pr-tittle{ font-size: 16px; line-height:26px;  }
.breadcrumb-dt-block .subpage-tittle-block-inner{ padding-bottom: 20px; }



    

}



@media only screen and (max-width: 991px){

   

}








@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 100%;
    }
    .logo{ width: 250px; }
    .nav_section{ padding-right: 50px; }
    .header-nav-top ul li.hd-location { display: none; }
    .header-nav-top ul li.hd-contact { display: none; }

.aboutUs-content h3{ font-size: 42px; line-height: 40px; }
.wwa-right-block{padding: 50px 20px 0px 40px;}
.service-content{ padding: 0px 0px 0px 20px;}
.counter-single h3{ font-size: 24px; line-height: 22px; }
.wwa-blok-mid{ padding: 50px 0px 50px 0px;}
.service-content h2{ font-size: 30px; line-height: 34px; }
.wwa-content-top h3{ font-size: 34px; line-height: 34px; }

.service-tittle-block{    margin: 71px -80px 0px 0px;}
.cd-cas-libottom{padding: 19px 45px 19px 10px; background-position: right 5px center; font-size: 14px; line-height: 14px;}
.single-case-study a:hover .cd-cas-libottom{background-position: right 5px center;}
.testimonial-wrapper{    padding: 50px 20px 100px 20px;}


.footer-block-single h3{ font-size: 16px; line-height: 20px; }
.footer-block-single p{ font-size: 12px; line-height: 20px; }

.row.footer_cistom-area{    --bs-gutter-x: .5rem;}
.row.footer_cistom-area .col-12.col-md-4{ padding-left: 5px; padding-right: 5px; }

.footer-bottom p{ font-size: 16px;}

#banner_slider .owl-dots{ left: 600px; }

.subpage-spe-block .spe-sc h1{ font-size: 30px; line-height: 28px; }
.subpage-spe-block{ width: 250px;}
.subpage-tittle-block{    width: calc(100% - 250px);}
.sb-single-tittle h2{ font-size: 30px; line-height: 28px; }
.subpage-tittle-block .read-More-btn a{ font-size: 20px; }

.product-slider{ padding-left: 50px; }
.product-dt-info-wrapper {
    padding: 0px 0px 0px 0px;
}
.product-dt-info-wrapper h4{ margin-bottom: 20px; }
.product-dt-info-wrapper h2{ font-size: 24px; line-height: 30px;}
.product-dt-info-wrapper p{ font-size: 16px; line-height: 22px; }

.sr-banner-left{ width: 100%; float: left; display: block; margin-bottom: 10px; }
.search-page-banner{ display: block; }
.sr-banner-rt{ display: block; width: 100%; float: left; display: block; padding-left: 0px; }


 .sr-product-tittle h3{ font-size: 18px; line-height: 20px; }
 .sr-product-tittle p{ font-size: 16px; line-height: 23px; }
    


}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 970px;
    }

.wwa-right-block{padding: 50px 20px 0px 40px;}
.service-content{ padding: 0px 0px 0px 20px;}
.counter-single h3{ font-size: 36px; line-height: 34px; }
.wwa-blok-mid{ padding: 50px 0px 50px 0px;}
.service-content h2{ font-size: 30px; line-height: 34px; }
.testimonial-wrapper{    padding: 50px 50px 100px 50px;}


.footer-block-single h3{ font-size: 18px; line-height: 22px; }
.footer-block-single p{ font-size: 13px; line-height: 22px; }

.product-slider{ padding-left: 50px; }

    
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

.container {width: 1170px;}
.wwa-right-block{padding: 50px 20px 0px 40px;}
.service-content{ padding: 0px 0px 0px 20px;}
.counter-single h3{ font-size: 36px; line-height: 34px; }


    

}

@media only screen and (min-width: 1440px) and (max-width: 1569px) {



.container {width: 1240px;}



    

}


@media only screen and (min-width: 1550px) and (max-width: 1650px) {


}





@media only screen and (min-width: 768px){




    

}



@media only screen and (min-width: 992px){
    

}
@media only screen and (min-width: 1200px){

    
.service-section-wrapper .row{    --bs-gutter-x:0.9rem;}

.subpage-details-content .row{ --bs-gutter-x: 5rem;}
.product-detail-content-tab .col-12.col-md-9.col-lg-9{width: 77.8%;}

 .product-list-wrapper .row{--bs-gutter-x: 2.5rem;}   



}



@media only screen and (min-width: 1440px){


.faq-section .col-12.col-lg-5{ width: 40.4%; }
.faq-section .col-12.col-lg-7{width: 59.6%; }

}

@media only screen and (min-width: 992px){

.product-list-wrapper.floatCss .col-12.col-md-4.col-lg-4 {
    width: 20%;
}


}

.product_slider .slick-slide > img {
    border: none;
    width: 100%;
    background: rgba(217, 217, 217, 0.49);
}

.product-dt-content a.btn.btn-sm.btn-primary {
    background: #DBF1FC;
    color: #333;
    border-color: #DBF1FC;
}
.product-dt-content .owl-nav.disabled {
    display: none !important;
}

.owl-nav.disabled {
    display: none !important;
}

#main-slider div.slick-slide {
    padding-bottom: 630px;
}
#main-slider .slick-slide > a > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}