@charset "UTF-8";
/*-----FONTS-----*/
@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli.eot');
    src: url('../fonts/Muli.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Muli.woff2') format('woff2'),
        url('../fonts/Muli.woff') format('woff'),
        url('../fonts/Muli.svg#Muli') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url('../fonts/BeVietnamPro-ExtraLight.eot');
    src: url('../fonts/BeVietnamPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BeVietnamPro-ExtraLight.woff2') format('woff2'),
        url('../fonts/BeVietnamPro-ExtraLight.woff') format('woff'),
        url('../fonts/BeVietnamPro-ExtraLight.svg#BeVietnamPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bodoni MT';
    src: url('../fonts/BodoniMT.eot');
    src: url('../fonts/BodoniMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BodoniMT.woff2') format('woff2'),
        url('../fonts/BodoniMT.woff') format('woff'),
        url('../fonts/BodoniMT.svg#BodoniMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-SemiBold.eot');
    src: url('../fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-SemiBold.woff2') format('woff2'),
        url('../fonts/SegoeUI-SemiBold.woff') format('woff'),
        url('../fonts/SegoeUI-SemiBold.svg#SegoeUI-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/*-----RESET-----*/
.container.flex-container:after,.container.flex-container:before,.container.flexdiv:after,.container.flexdiv:before,.row.align-items-center:after,.row.align-items-center:before,article,aside,figcaption,figure,footer,header,hgroup,label,main,nav,section{display:block}
.form-group,.submitbtn,.width33,.width50,body,select.form-control{position:relative}
.submitbtn,.uppercase,[class*=btn-]{text-transform:uppercase;text-transform:uppercase}
.submitblock,[class*=btn-] { min-width: 171px}
.bgimg,.inner-banner,.submitbtn,[class*=btn-],textarea{overflow:hidden}
.container,.enquiry_inner,.width100,body,html{width:100%}

body{font-family:'Segoe UI',sans-serif;font-weight: normal;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased!important;color:#000;background:#23262D;line-height:1;letter-spacing:0}

.form-control,form label{font-size:16px;letter-spacing:0}
a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;vertical-align:baseline}
html{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
table {border-collapse: separate; border-spacing: 0}
*,::after,::before {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box}
a img { border: none}
:focus {outline: 0}
::-moz-focus-inner {border: 0}
a,button {text-decoration: none;color: inherit;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;
    cursor: pointer;display: inline-block;vertical-align: bottom;}
ul {list-style: none}
img {vertical-align: middle;max-width: 100%;height: auto}
::-moz-selection { color: #fff; background: #C4906D}
::selection {color: #fff; background: #C4906D}
.formcontrol,.formcontrol:focus,.submitbtn,.submitbtn::after,[class*=btn-],[class*=btn-] i,input[type=submit]{transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out}
::-webkit-input-placeholder{color:#B8BABE;font-family:'Segoe UI';font-weight:normal;letter-spacing:0px;font-size:18px}
::-moz-placeholder{color:#B8BABE;font-family:'Segoe UI';font-weight:normal;letter-spacing:0px;font-size:18px}
:-ms-input-placeholder{color:#B8BABE;font-family:'Segoe UI';font-weight:normal;letter-spacing:0px;font-size:18px}
.dlist li,[class*=btn-] {font-family: "Segoe UI"}

select {-webkit-appearance: none; -moz-appearance: none}
select::-ms-expand {display: none}
input:invalid {box-shadow: none}
input[type=email],
input[type=submit],
input[type=text],
textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none}
textarea { resize: none; min-height: 140px;  margin: 0;  height: auto !important}
.form-group{ margin-bottom: 30px}
.form-control{width: 100%;padding: 14px 25px;border: 1px solid #2B2E35;border-radius: 6px;height: 60px;transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out;
    line-height: 20px;background: #2B2E35;color: #B8BABE; vertical-align: middle;}

.submit input[type=submit],.submitbtn{outline:0;font-size:12px;color:#fff;font-weight:700;cursor:pointer}
.btnbar{text-align:right;margin-top:0}
.submitblock,.submitbtn{height:46px;text-align:center}
.sub-btnblk {text-align: right; max-width: 100%; margin: 0 auto 0 0; display: flex; justify-content: right;}
.submitbtn{font-size: 14px;line-height: 100%;letter-spacing: .2px; z-index: 0; display: inline-flex; justify-content: left; align-items: center;position: relative; padding: 15px 31px 15px 31px;overflow: hidden;height: 49px;min-width: 138px; font-weight: 700; font-family: 'Segoe UI'; border-radius: 50px; background: #33363d;text-transform: uppercase;transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; border: 2px solid #fff;color: #fff;background: url(../images/svg/arrow-right-white.svg)no-repeat; background-position: 75% 50% !important; text-align: left;  letter-spacing: 0.60px;}
.submit_btn:after {-webkit-transition: 0.5s all ease;transition: 0.5s all ease; position: absolute; top: 0; left: 50%;right: 50%; bottom: 0; opacity: 0; content: "";background-color: #C4906D;z-index: -1;}
.submit_btn:hover:after {-webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1;}
.submitbtn input[type=submit]{background:0 0;outline:0;color:#fff;cursor:pointer;letter-spacing:.2px;padding:1px 8px 4px 0;border:0;border-radius:50%;width:100%;height:49px;text-transform:uppercase;font-family:'Segoe UI';font-weight: 700;font-size:14px}
.submit_btn {position: relative;overflow: hidden;max-width: 140px;border-radius: 100px;    z-index: 0;}
.submitbtn:hover{border-color: #C4906D;color: #fff;} 
.getfrm {padding: 24px 0 0;}
.form-control:focus{border:1px solid #C4906D !important}
.footer a:hover,
p a:hover,
footer ul li:hover a,
footer ul li.active a,
.arealist li:hover a,
.arealist li.active a,
a:hover { color: #C4906D}
.btnbox,.text-right {text-align: right}
.container,.incontainer,.inwrapper {padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;position: relative}
.wrapper { max-width: 1920px}
.row { margin-left: -14px; margin-right: -14px}

.clearfix::after,.clearfix::before,.container::after,.container::before,.row::after,.row::before {display: table;content: " "}
.clearfix::after,.container::after,.row::after {clear: both}
.flexdiv { display: flex;flex-wrap: wrap}
.width33,.width50 {width: 50%; padding-left: 14px; padding-right: 14px; float: left}
.width33 {width: 33.33%}
.hidden { display: none}
.bgimg {position: absolute;right: 0;bottom: 0;max-height: 100%;max-width: inherit;left: 0;top: 0;width: 100%;object-fit: cover;height: 100%;z-index: -1}
.hr{border-top: 1px solid rgb(196 144 109 / 50%);padding: 95px 0 0;margin: 95px 0 0}

.mCSB_inside>.mCSB_container {margin-right: 35px}
.mCustomScrollbar .mCSB_scrollTools {opacity: 0}
.mCustomScrollbar:hover .mCSB_scrollTools { opacity: 1}

.fl {float: left}
.fr {float: right}
.text-center {text-align: center !important}
.flex-container { -ms-box-orient: horizontal;display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -moz-flex; display: -webkit-flex; display: flex; align-items: center}
.wrap {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap}
.justify-content-between {-ms-flex-pack: justify !important; justify-content: space-between !important}
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important}
.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important}
.d-flex {display: -ms-flexbox !important;display: flex !important; width: 100%}
.flex-container .width50 {  padding: 0}
.txt-white { color: #fff !important}
.container-fluid { width: 100%;padding-right: 38px;padding-left: 38px;margin-right: auto; margin-left: auto}

:root{
    --white-color:#fff;
    --box-color:#F6FBFF;
    --dark-color: #23262D;
    --light-color: #33363D;
    --text-light:300;
    --text-semibold:600;
    --text-extrabold: 800;
    --txt-black: #000000 !important;
    --txt-white: #ffffff !important;
    --txt-brown: #C4906D !important;
    --txt-gray: #F6F6F6 !important;
    --body-font: "Segoe UI";
    --fnt-bold:bold !important;
    --fnt16: 16px !Important;
    --fnt14: 14px !Important;
}

/* background: var(--primary-color);*/
.mbtm{margin-bottom: 7rem;}
.mtop{margin-top: 7rem;}
.mtop99{margin-top: 7rem;}
.mtp70{margin: 7rem 0}
.mpd70{padding: 7rem 0}
.pdt70{padding: 70px 0 0}
@media (min-width:576px){.container,.incontainer,.inwrapper{width:540px}}@media (min-width:768px){.container,.incontainer,.inwrapper{width:720px}}@media (min-width:992px){.container,.incontainer,.inwrapper{width:960px}}@media (min-width:1200px){.container,.incontainer,.inwrapper{width:1170px}}@media (min-width:1440px){.container,.incontainer,.inwrapper{width:1340px}}@media (min-width:1680px){.container{width:1800px}.incontainer{width: 1350px;}.inwrapper{width: 1640px;}}
@keyframes bounceAlpha{0%,55%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:0;transform:translateY(-10px) scale(.9)}26%{opacity:0;transform:translateY(10px) scale(.9)}}
.scrollTop.open {bottom: 85px}
.scrollTop {position: fixed;right: 10px;bottom: 105%;border-radius: 0px;opacity: 0;height: 35px;width: 35px;line-height: 32px; z-index: 1;color: #fff;background: #C4906D;
    text-align: center;font-size: 20px;border-radius: 100%;}
.scrollTop:after {  position: absolute;  z-index: -1;  content: '';  top: 100%;  left: 5%;  height: 10px;  width: 90%;  opacity: 1;  background: -webkit-radial-gradient(center, ellipse, rgba(20 20 20 / 95%) 0%, rgba(0, 0, 0, 0) 80%); background: -webkit-radial-gradient(center ellipse, rgba(20 20 20 / 95%) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(20 20 20 / 95%) 0%, rgba(0, 0, 0, 0) 80%);}


.dlist li,.icon_box,.inner-banner,.sub-btnblk,[class*=btn-]{position:relative}
.scrolldown{cursor:pointer}
.slick-dots li button{width: 10px;height: 10px;background: #7E7E7E;border-radius: 100px;padding: 0;}
.slick-dots li button:before,
.slicknav .slick-dots li button:before{content:none}
.slick-dots li{width:auto !important;height:auto;padding:0!important;margin: 0 14px;position: relative;}
.slick-dots li:after{position: absolute; content: ""; right: -20px;margin: auto; background: #fff;  width: 14px; height: 1px; opacity: 0.20; top: 0;bottom: 0;}
.slick-dots .slick-active button{background: #fff;border: 2px solid #23262d;width: 16px;height: 16px;box-shadow: 0 0px 0 2px #fff;}
.slick-dots li { display: none;}
.slick-dots li.slick-active,
.slick-dots li.slick-active + li,
.slick-dots li.slick-active + li + li {display: inline-block;}
.slick-dots li:nth-last-child(1),
.slick-dots li:nth-last-child(2),
.slick-dots li:nth-last-child(3) { display: inline-block;}

.slick-dots li.slick-active ~ li:nth-last-child(1),
.slick-dots li.slick-active ~ li:nth-last-child(2),
.slick-dots li.slick-active ~ li:nth-last-child(3),
.slick-dots li.slick-active ~ li:nth-last-child(1):after,
.slick-dots li.slick-active ~ li:nth-last-child(2):after,
.slick-dots li.slick-active ~ li:nth-last-child(3):after {display: none;}
.slick-dots li.slick-active + li + li:nth-last-child(3),
.slick-dots li.slick-active + li + li:nth-last-child(2),
.slick-dots li.slick-active + li + li:nth-last-child(1),
.slick-dots li.slick-active + li:nth-last-child(3),
.slick-dots li.slick-active + li:nth-last-child(2),
.slick-dots li.slick-active + li:nth-last-child(1){ display: inline-block;}


.bold,.cta_title,.ft-txt a,.ft-txt p,.thank_404_content p a,.titsmall,[class*=btn-],[class*=btn-] i,strong{font-weight: bold}
[class*=btn-] img{margin-left: 8px; width: auto; margin-top: 0px;max-width: 13px; border-radius: 0 !important;}
.btn-call img{margin-left:0px;width:auto;margin-top: 1px;margin-right: 8px}
.addcall img {margin-left: 0;margin-right: 8px;margin-top: 3px;}
[class*=btn-] i{margin-left: 8px;font-size: 18px;color: #fff;margin-top: -2px;font-weight: normal;}
[class*=btn-]{font-size:14px;line-height:100%;color:#fff;display:inline-flex;justify-content:center;align-items:center;z-index:0;padding:15px 35px;height:50px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;text-align:center;letter-spacing:0.60px;font-weight: 600;border-radius: 50px;box-shadow:0 0 0 1px transparent;overflow: hidden;position: relative;text-transform: uppercase;     transition: 1s all ease;}
[class*=btn-]:before{content: "";position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;  transition: all 0.6s ease;width: 0%; height: 100%;    background: #c4906d;}
[class*=btn-]:hover:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; width: 100%; opacity: 1;}
.btncall{font-size: 16px;}
.btn-border {box-shadow: 0 0 0 1px #23262D; color: #23262D;background: #fff}
.btn-theme{background: #C4906D;color: #fff}
.btn-bordrwhite{box-shadow: 0 0 0 2px #fff; color: #fff;}
.btn-bordrwhite img{filter:brightness(0) invert(1);} 
.btn-white{background: #fff;color: #23262D}
.btnlist{display:inline-flex;flex-wrap:wrap;justify-content:center;flex-direction:row;margin:0 -7px;align-items: center;}
.btnlist li{padding:0 7px}
.align-none{align-items:inherit}
.dlist,.inner-banner{display:flex;flex-wrap:wrap}
.btncall:hover img{filter: brightness(0) invert(1)}
.btncall img { margin-right: 5px;  margin-left: 0; margin-bottom: -1px; max-width: 11px;}
[class*=btn-]:hover{background: #c4906d;color: #fff !important;box-shadow: 0 0 0 1px #c4906d;}
.btn-rightim img{margin-left: 0;margin-right: 8px;max-width: 14px;}
/*[class*=btn-]:hover:before{width:100%;visibility:visible;    top: 0;}*/
.btn-white:hover img{filter: brightness(0) invert(1);}
img{transition:.5s linear;-webkit-transition:.5s linear;-o-transition:.5s linear;-moz-transition:.5s linear}
.icon_box:before{width:100%;top:0;transform:scale(0,0);transition:.5s;z-index:0}

.title,.title_ft,.title_lg,.title_md,.title_s,.title_sm,.title_xs,.title_xxs,h1,h2,h3,h4,h5,h6{font-family:'Bodoni MT';font-weight:normal;line-height: 50px;color:#fff; padding-bottom:25px; letter-spacing:0px;position: relative}
h2.semititle.title-line{padding-bottom: 0;line-height: 1.2;    font-family: 'Segoe UI',sans-serif;}
.title_lg{font-size:52px}
.title,h1{font-size:44px}
.title_md{font-size:36px}
.title_sm,h2{font-size:34px;line-height: 120%;}
.title_s,h3{font-size:26px;font-weight: normal}
.title_xs,h4{font-size:24px;line-height:28px}
.title_xxs,h5{font-size:18px}
.dlist li,p,ul.woo_breadcums li{font-size:18px}
.txt-gry { font-weight: normal !important;}
.inpage{padding: 125px 0;}
.alleft{text-align:left!important}
.center{text-align:center}
.font-semibold{font-weight: var(--text-semibold);}
.fnt-bold,.font-bold,.fntbold{font-weight: var(--fnt-bold);}
.caps{text-transform:none}
.txt-upp{text-transform:uppercase!important}
.white,.txt-wgt,.txt-white{color: var(--txt-white);}
.txt-black{color: var(--txt-black);}
.bgsky{background:  var(--bgsky);}
.bg-gray{background: var(--txt-gray);}
.txtblue{color: var(--txt-blue);}
.txt-gry,.txt-gray{color: #5C6267 !important;}
.txt-brown{color: var(--txt-brown);}
.bgdark{background: var(--dark-color);}
.bglight{background: var(--light-color);}
p{line-height: 28px;margin-bottom: 28px;color: #B8BABE;}
p:last-of-type{margin-bottom:0}
p a{display:inline-block;font-weight: bold;}
.dlist {padding: 0}
.dlist li{line-height: 24px;padding-left: 26px;width: 100%;color: #B8BABE;margin-bottom: 12px;position: relative;}
.dlist li:before{background: url(../images/svg/arrow-right-white.svg);position:absolute;margin:0;top: 5px;width: 13px;height: 16px;border-radius: 100%;content:"";left:0;background-size: 100%}
.dlist li:hover,.dlist li.active,.dlist li:hover a,.dlist li.active a{color: #fff;text-decoration: underline;}
.dlist.col2 li{width:50%}
.brdr-radius5 img {border-radius: 5px;}
.brdr-radius10 img {border-radius: 10px;}
.brdr-pattern{position: relative;}
.semititle{font-size: 14px;font-weight: 600;letter-spacing: 1px;}
.semititle span{display: inline-block;padding: 0 46px;}
/*.brdr-pattern:after{position: absolute;content: "";left: 0; right: 34px; margin: auto; height: 412px; width: calc(100% - 10%);  border-image-source: linear-gradient(to left, #00C853, #B2FF59); border: 10px solid; border-image-slice: 1;border-width: 1px; border-radius: 5px; border-image-source: linear-gradient(to left, #00C853, #B2FF59); overflow: hidden; top: -12px;}*/
/*-----BREADCRUMBS-----*/
.inner_banner {position: relative;min-height: 500px;display: flex;flex-wrap: wrap;align-items: center;text-align: center;max-width: 1920px;margin: 0 auto;z-index: 0;justify-content: center;padding: 189px 0 0;border-bottom: 1px solid #735b4d;}
.inner_banner .bgimg{z-index: 0;}
.breadcrumb_wrap { width: 100%; margin: 0 auto;}
.inbanrbox {display: flex;justify-content: space-between; align-items: center;text-align: left;}
ul.woo_breadcums {padding: 11px 0px;z-index: 1;background: transparent;display: flex;flex-wrap: wrap;align-items: center;    justify-content: center;}
ul.woo_breadcums li {list-style: none;color: #B8BABE;line-height: 28px;font-size: 16px;font-weight: normal;}
ul.woo_breadcums li a {color: #B8BABE;text-decoration: none;position: relative;margin-right: 22px;display: inline-block;z-index: 0;}
.woo_breadcums li a:after {content: "/";position: absolute;z-index: 0;top: 0px;bottom: 0;right: -20px;width: 12px;height: 7px;margin:0 auto;}
ul.woo_breadcums li a:hover { text-decoration: underline;color: #C4906D;text-underline-position: under;}
.inner_banner:after {position: absolute;content: "";left: 0;right: 0;margin: 0 auto;background: #23262D;width: 100%;height: 100%;top: 0;z-index: 0;opacity: 0.6;mix-blend-mode: multiply;}
.pagehead,h1.pagehead {font-size: 60px; font-weight: normal;color: #fff; padding-bottom: 0px;line-height: 46px; text-transform: capitalize; z-index: 1; position: relative;    font-family: "Bodoni MT";}
.inbn-box{position: relative;height: 100%;padding: 0px 0;z-index: 1}
/*slider navigations*/

span.wpcf7-spinner{position:absolute;right:0;left:0;margin:0 auto;top:10px;z-index:1;font-size: 14px;}
.wpcf7 form .wpcf7-response-output { margin: 0 0 10px; font-size: 14px; color: #fff;  padding: 2px 10px; border: 2px solid #00a0d2;}
#sb_instagram .sbi_photo:after{ position: absolute; content: "\f16d"; color: #000; right: 0px;bottom: auto;font-size: 20px; font-family: FontAwesome; left: 0; top: 45%; margin: 0 auto; width: 40px;height: 40px;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center; background: #fff; border-radius: 50%;}
.wpcf7-not-valid-tip { color: #f00;  font-size: 1em;  font-weight: bold;  display: block;  line-height: 22px;  text-align: left;}
.slick-dots{text-align:left}
.slick-next,.slick-prev{width: 44px;height: 44px;border-radius: 0;background: transparent;line-height: 100%;border: 0px;display: flex;flex-wrap: wrap;justify-content: center; align-items: center; border-radius: 100%;}
.slick-prev{left: -50px;    z-index: 1;}
.slick-next:before,.slick-prev:before{color:#191919;font-size:16px;opacity:1;top:0px;right:0}
.slick-prev:before{content:"";background: url(../images/svg/left-slide-arrow.svg)no-repeat;width: 44px;height: 44px;}
.slick-next:before{content:"";left:2px;background: url(../images/svg/right-slide-arrow.svg)no-repeat;width: 44px;height: 44px;}
.slick-next:hover,.slick-prev:hover{filter: grayscale(1) !important;opacity: 1}
.slick-next:hover:before,.slick-prev:hover:before{opacity: 0.8}
.slick-next{right: -50px;}
.slick-slide{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
/*thank you-404 page*/
.pgthank404{padding:130px 0}
.thank_404_content{text-align:center;max-width:800px;margin:0 auto}
.thank_404_content>img{display:block;margin:0 auto}
.fnt16{ font-size: var(--fnt16);}
.fnt14{ font-size: var(--fnt14);}
/*footer*/
.cmn-pad10{margin: 0 10px;}
footer {max-width: 1920px;margin: 0 auto;position: relative;overflow: hidden;    background: #23262D;}
.fttp-left{width: 634px;padding-right: 94px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.logoimg{display: block;}
.ft-social{display: flex;flex-wrap: wrap;width: 100%;justify-content: flex-end;margin: 62px -7px 0;position: relative;}
.ftsocial-ic:after {-webkit-transition: 0.5s all ease; transition: 0.5s all ease; position: absolute; top: 0; left: 50%;right: 50%;bottom: 0;opacity: 0; content: ""; background-color: #C4906D; z-index: -1;}
.ft-social:after {position: absolute;content: "";left: 0;top: 0;bottom: 0;margin: auto;background: #ffffff1a;width: calc(100% - 170px); height: 1px;}
.ftsocial-ic{height: 50px;display: flex;flex-wrap:wrap;align-items: center;background: #B8BABE;position: relative;width: 100%;border-radius: 100%;justify-content: center;width: 50px;z-index: 0;overflow: hidden;border: 1px solid transparent;}
.ftsocial-ic li{width: 50%;}
.ft-social li {width: 64px; padding: 0 7px;}
.ftsocial-ic:hover:after {-webkit-transition: 0.5s all ease;transition: 0.5s all ease;left: 0;right: 0; opacity: 1;}
.fttp-right{width: calc(100% - 634px);display: flex;justify-content: space-between;padding: 17px 0 0;}
.ftr-desgn{border-top: 4px solid #C4906D;border-radius: 20px;background: #33363D;padding: 72px 34px 80px 64px;}
.ftsrv-block li{width: 50%;}
.ft-links-block{border-left: 1px solid rgb(255 255 255 / 5%);padding-left: 74px;min-width: 250px;}
footer ul li {color: #B8BABE;font-size: 16px;line-height: 26px;letter-spacing: 0.20px}
footer li a {overflow: hidden;transition: .3s;position: relative;line-height: 27px;display: inline-block;color: #B8BABE;}
.ft-heading {font-size: 30px;font-family: "Bodoni MT";font-weight: normal;line-height: 22px;color: #B8BABE;padding-bottom: 30px;margin-bottom: 30px;position: relative;letter-spacing: 0px}
.ft-heading:after{position: absolute;left: 0;content: "";bottom: 0;background: #fff;width: 10px;height: 2px;}
.ft-block-2 .flex-container{align-items: flex-start;width: 100%;justify-content: space-between;}
.ft-block-2 {width: 100%;align-items: flex-start;}
.ftcontain_list{width: 468px}
.ft-bottom {padding: 15px 0;color: #B8BABE;font-size: 16px;line-height: 20px;letter-spacing: 0.20px;}
.ftlogo {width: 100%;position: relative;padding-bottom: 30px;}
.ftsrv-block .footer-links li {display: inline-flex; width: 49%;}
.ftcontact-links li{display: flex;align-items: center;margin-bottom: 11px;}
.ftcontact-links li > img{max-width: 18px; margin-right: 9px;}
.ftsocial-list {display: flex;flex-wrap: wrap; align-items: center;}
.fsocial-icon {display: flex; flex-wrap: wrap; align-items: center; background: rgb(255 255 255 / 10%); height: 40px; width: 40px; justify-content: center;border-radius: 50%;    transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
.fsocial-icon:hover {background: #000;}
.ftsocial-list li {padding: 0 12px 18px 0;}
.ftcontact-links li .ftad-cn {padding-left: 13px;}
.ft-txt {line-height: 100%;padding-bottom: 4px;}
.ftad-cn p{color: #ffffffb3;font-size: 14px;font-weight: normal;}
.fttp-add .title {font-size: 40px;padding-bottom: 9px;}
.ftcontact-links {padding: 0 0 0;}
.ft-links-block.ft-rsource {padding-left: 72px;min-width: auto; padding-right: 30px;}
.ft-links-block.ftsrv-block { width: 522px;}
/*footer li a:hover{text-shadow: 0 -36px transparent, 0 0 #C4906D;color: transparent;}*/
/*-----HEADER-----*/
.headbrand a{display:block;}
.mainheader {position: absolute; z-index: 1;  background: transparent;  width: 100%;}
.mainheader_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;max-width: 1770px;margin: 0 auto;padding: 15px 0px 0;}
.headnavbar {margin: 0 auto;    margin-right: 15%;}
.tophd_link li,.tophd_list li{font-size: 14px;font-weight: 600;color: #ffffff;line-height: 19px;letter-spacing: 0.6px;}
.tophd_link li:hover a,.tophd_link li.active a{color: #C4906D;}
.tophd-box{background: transparent; padding: 1px 0;  border-bottom: 1px solid #ffffff1a;}
.tophead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding: 8px 0px;max-width: 1770px;margin: 0 auto;}
.tophd_link,.tophd_list{display:flex;flex-wrap:wrap;align-items:center}
.tophd_link li{letter-spacing: 0.80px;font-size: 14px;}
.tophd_link li img{margin-left: 10px;max-width: 20px;}
.tophd_list li{display:flex;align-items:center;}
.tophd_txt{padding-left: 20px;}
.tophd_list li:first-of-type{margin-right:58px;}
.tophd_list li img{margin-right: 8px;width: 20px;}
.tophd-ic {min-height: 14px;max-height: 14px;}
/*-----HEADER NAVIGATION-----*/
.mainhead_box { position: relative;}
.menu_link nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.menu_link nav>ul{font-size:0;text-align:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;}
.menu_link nav>ul > li{display:inline-block;text-align:center;vertical-align:middle;margin: 0px 30px;position: relative}
.menu_link nav>ul > li:first-child{margin-left:0;}
.menu_link nav>ul > li:last-child{margin-right:0;}
.menu_link nav>ul > li > a{font-weight: 600;font-size: 14px;padding: 14px 0px; display: block;position: relative;line-height: 28px; color: #fff; text-transform: uppercase;letter-spacing: 1.30px;}
.menu_link nav>ul>li:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:2px solid rgba(255,255,255,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;-webkit-transition:280ms ease-in-out;-moz-transition:280ms ease-in-out;-ms-transition:280ms ease-in-out;-o-transition:280ms ease-in-out;transition:280ms ease-in-out;width:0}
.menu_link nav>ul>li.active>a,.menu_link nav>ul>li:hover>a,.submenu li.active>a,.submenu li:hover>a{color:#C4906D}
.menu_link nav>ul>li.active:after,.menu_link nav>ul>li:hover:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:2px solid #C4906D;-webkit-transition:width 350ms ease-in-out;-moz-transition:width 350ms ease-in-out;-ms-transition:width 350ms ease-in-out;-o-transition:width 350ms ease-in-out;transition:width 350ms ease-in-out;width:100%}

.menu_link nav>ul > li.active > a i.home{color: #3a3a3a;font-size: 18px;}
.menudrop{z-index:1;border-radius:50%;height:16px;width:16px;text-align:center;vertical-align:middle;margin-left: 5px;margin-top:0px;line-height: 15px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;font-size: 22px; color: #fff;font-weight: normal;}
.menu_link ul > li:hover > a > .menudrop ,.menu_link ul > li.active > a > .menudrop { -webkit-transform: rotate(180deg); transform: rotate(180deg);line-height: 18px;}
.menudrop.openedmenu:before{content:"\f106";}
.menu_link nav > ul > li.hidden,.togglebtn,.menulogo{display:none}

.submenu li > a{text-transform:capitalize;position:relative;color: #B8BABE;font-size: 16px;line-height: 26px;position: relative;display: block;  margin-bottom: 15px;}
.submenu{padding:20px 0;}
.submenu li.active>a,.submenu li:hover >a{color:#C4906D;padding-left: 15px;}
.submenu > li{width:100%;}
.menuoverlay{position:relative;transition:all 500ms linear;-webkit-transition:all 500ms linear;}
.menuoverlay:before{position:absolute;content:'';height:100%;width:100%;top:0;background:rgb(0 0 0 / 80%);bottom:0;left:0;right:0;margin:auto;z-index:1;}
.fixed-header .hd_top{display: none;}
.fixed-header .menu_link nav>ul > li > a {     padding: 12px 0px;}
.fixed-header .headbrand {max-width: 120px;margin-top: -6px; margin-bottom: 5px;}
.fixed-header .mainheader{position: sticky;top: 0;z-index: 1111;background: #23262df0;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 23%);}
.fixed-header .tophead { padding: 5px 0px;}
@-webkit-keyframes headfadeIn{0%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
    @keyframes headfadeIn{0%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
.mb_hidden {display: none;}	
.hd_call {display: flex;align-items: center;padding-right: 30px;}
.hdcl_img{width: 50px;height: 50px;background:#C4906D;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:50px}
.hdcl_txt{padding-left:11px;font-size: 14px;line-height: 16px;color: #7D7D7D;font-family: 'Arimo';font-weight: normal;}
.hd_call span{font-size: 18px;display:block;letter-spacing: 0px;line-height:20px;color: #C4906D;font-family: 'Arimo';font-weight: bold;}
.hd_call:hover .hdcl_txt, .hd_call:hover span{color: #C4906D}
.relative{position: relative;}
/* DROP DOWN */
.menu_link .submenu{position: absolute; max-width: 320px; margin: 0 auto;z-index: 10;background: #23262d; top: 92%;width: 320px; text-align: left;right: inherit; padding: 22px 38px 12px; min-width: auto; left: inherit;opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;-webkit-transform: scaleY(0);transform: scaleY(0);transform-origin: 0 0;border-bottom: 3px solid #C4906D;border-radius: 5px;border-top: 3px solid #C4906D;}
.menu_link li:hover .submenu {opacity: 1;visibility: visible;-webkit-transform: scaleY(1);transform: scaleY(1);}
.sub_box{display: flex;flex-wrap:wrap;align-items: center;margin: 0 auto;}
.subm_right {width: 100%;padding-left: 50px;display: flex;flex-wrap: wrap;align-items: center;}
.sublist{display:flex;flex-wrap:wrap}
.sublist li{width:100%;position: relative;}
.sublist li a:before{position: absolute;content: ""; left: 0;background: #C4906D;width: 3px; height: 0px; bottom: 0;  left: 0;opacity: 0;-webkit-transition: 0.4s; transition: 0.4s;  visibility: hidden;}
.sublist li a{outline: 0;-webkit-transition: color 1s ease,padding-left .5s;  -moz-transition: color 1s ease,padding-left .5s; -ms-transition: color 1s ease,padding-left .5s;
    -o-transition: color 1s ease,padding-left .5s; transition: color 1s ease,padding-left .5s;}
.sublist li a:hover{padding-left: 15px;}
.sublist li a:hover:before,.sublist li.active a:before, .sublist li:hover a:before{width: 3px; height: 100%;outline: 0;background-color: #C4906D; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;transition: all 1s ease 0s;bottom: 0;left: 0;opacity: 1; visibility: visible;}
.headview{display: none}
/*header end*/
span.wpcf7-spinner{position:absolute;right:0;left:0;margin:0 auto;top:10px;z-index:1}
#sb_instagram .sbi_photo:after{position:absolute;content:"\f16d";color:#fff;right:12px;bottom:20px;font-size:20px;font-family:FontAwesome}
.slick-dots{text-align:center}
.slick-slide{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
/*parallax-items*/
.parallax-item{height:100%;min-height:640px; background: #090e19;}
.parallax-item img{opacity:0.65}
.img-parallax{width:100vmax;z-index:0;position:absolute;top:0;left:50%;transform:translate(-50%,0);pointer-events:none;height:auto;max-width:100%;transition:none}
.cmn-containtxt {position: relative; max-width: 1920px; margin: auto;  overflow: hidden;}
/**/

/*sponcers*/
.spn-box {display: flex; justify-content: space-between;align-items: baseline;    align-items: flex-start;}
.spn-left {width: 344px;}
.spn-right {width: calc(100% - 344px);padding-left: 90px;}
.spnlist {display: flex;flex-wrap: wrap;margin:0 -23px}
.spnlist li { width: 33.33%; padding: 0 23px;}
.spn-contain {display: flex; justify-content: center; align-items: center; border: 1px solid #33363D; height: 120px; padding: 10px 5px; width: 265px;border-radius: 15px;}
.js_spn p { font-size: 16px; letter-spacing: 0.2px;line-height: 20px;}
.spn-left .title{padding-bottom: 10px}
/*our project*/
.our-project{position: relative;overflow: hidden;background: linear-gradient(90deg, rgb(154 178 79 / 76%) 0%, rgb(1 25 45 / 86%) 100%);max-width: 1920px;margin: 0 auto;}
.our-project .tabs {  padding: 20px 0 0;}
.our-project .tabs .tab-nav { text-align: left;  margin: 0 0 0;}
.our-project .tabs .tab-nav li {display: inline-flex;vertical-align: top;margin-right: 20px;justify-content: center;background: #fff;padding: 16px 24px;border-radius: 50px;cursor: pointer;}
.our-project .tabs .tab-nav li span {text-transform: uppercase; color: #01192D; transition: all 0.25s ease-in-out; cursor: pointer;  font-weight: bold;
  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none; user-select: none;    font-size: 14px; font-family: "Arimo";}
.our-project .tabs .tab-nav li:hover > span,.our-project .tabs .tab-nav li.active > span { color: #fff;}
.our-project .tabs .tab-nav li:hover,.our-project .tabs .tab-nav li.active {background: #C4906D;}
.our-project .tabs .tab {  display: none;}
.our-project .tabs .tab.active {  display: block;}
.our-project .tabs .tab-nav ul { display: flex;flex-wrap: inherit;justify-content: center;  align-items: center;margin-bottom: 40px;}
.js_prjgal{width:100%;padding-top: 12px;padding-bottom: 40px;margin-bottom: 12px;}
.js_prjgal li{text-align:center;  padding: 0 25px;display: inline-block;}
.js_prjgal li img{margin:0 auto; width: 100%}
.prjgal_item{position:relative;z-index:0;display:inline-block;border: 1px solid #C4906D;border-radius: 5px;width: 100%;}

.js_prjgal .slick-next{ right: calc(50% - 45px);}
.js_prjgal .slick-prev {left: calc(50% - 45px);}
.js_prjgal .slick-next,.js_prjgal .slick-prev { top: inherit; bottom: -60px;}

/*cta*/
.hm_cta{position: relative; overflow: hidden; background: #090e19; max-width: 1890px; margin: 0 auto;min-height: 640px;    border-radius: 10px;}
.cta-txt{font-size: 20px;letter-spacing: 0.40px;line-height: 31px;color: #fff;max-width: 858px;margin: 0 auto;}
.cmn_cta {margin-top: -29%;}
.cmn_ctabox {position: relative;max-width: 645px;margin: 0 auto; padding: 0px 0 10px;}
.cmn_ctabox p{margin-bottom: 32px; color: #fff;}
.cmn_ctabox .title {font-size: 40px;padding-bottom: 7px;}
/*home contain*/
.hmcontain_box{position:relative;display:flex;justify-content:space-between;}
.hmcontain_right{width:623px;}
.hmcontain_left{width: 589px;}
.hmcontain.hmcontainflex {flex-direction: row-reverse;}
.hmcontain_boxflex {flex-direction: row-reverse;}
.hmcontain .btnlist{margin-top: 30px}
.brd-rdius5 img{border-radius: 5px}
.badge-box {display: flex; flex-wrap: wrap;  justify-content: center;   align-items: center;}
.badge-box img{margin: 0 8px;}
.hmcontain .badge-box{position: absolute;bottom: 49px;right: 0;left: 0;margin: 0 auto}
.hmcontain .badge-box img{max-width: 128px;margin: 0 16px}
.sticky{position: sticky;top: 110px;}
.brdr-radius10{border-radius: 10px;}

/*testimonial*/
.js_client{display:flex;flex-wrap:wrap;justify-content:center;margin: 33px -22.5px 50px;padding-bottom: 40px;}
.client-rev {position: relative; max-width: 1920px;overflow: hidden;z-index: 0;    margin: 0 auto;}
.js_client li{width:33.33%;padding:0 22.5px}
.client-box {background: rgb(51,54,61);background: linear-gradient(135deg, rgba(51,54,61,1) 0%, rgba(37,41,49,1) 100%);text-align: center;border-radius: 3px;padding: 54px 50px 42px;}
.rating {margin: 0 auto;}
.client-comment{font-style: italic;font-size: 20px;font-weight: bold;color: #fff;padding: 24px 0 0;}
.client-box p{font-size: 16px;letter-spacing: 0.10px;line-height: 26px;padding-bottom: 0px;margin: 12px 0 32px;height: 105px;overflow: hidden;letter-spacing: 0;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;color: #FFFFFF}
.client-nm {color: #fff;font-weight: bold;line-height: 36px;font-size: 18px;}
.client-ocu{font-size: 14px;letter-spacing: 0.30px;color: #fff}

.testbox{border:1px solid #dedfe0;padding:48px 54px 68px}
.testqut{width:60px;height:60px;background:#C4906D;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 30px}
.testbox p{display:-webkit-box;overflow:hidden;height:104px!important;margin-bottom:18px;font-weight: 500;-webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis;}
.testnm{font-size:16px;color:#111;font-weight:600;margin-top: 25px}
.testbox img {margin: 0 auto;}
img.brd-radius{border-radius: 5px;}
.js_client .slick-dots{bottom: -11px;}
/*brandspg*/
.brandspg .spnlist { justify-content: center;   max-width: 800px;  margin: 30px auto 0;}
.brandspg p{ max-width: 800px;  margin: 0px auto;}
/*badge*/
.badge-img { display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;  background: #23262D;width: 206px; height: 206px; border-radius: 100px; border: 1px dashed #544F4A;position: relative; }
.badge-img >img{ -webkit-animation: clockwiseSpin 30s infinite linear; animation: clockwiseSpin 30s infinite linear;}
.yearthumb {position: absolute;text-align: center; width: 98px;height: 98px;border-radius: 100px; border: 1px dashed #544F4A;  display: flex;
    flex-wrap: wrap; justify-content: center;  align-items: center; }
.badge-img:after{position: absolute;content: "";left: 0;right: 0;width: 100%;height: 100%;top: 0;bottom: 0; box-shadow: 0 0 1px 15px rgb(32 35 42 / 40%), 0 0 1px 30px #22252C, 0 0 1px 42px #23262D; margin: 0 auto;    border-radius: 100%;-webkit-animation: bounce-in 6s ease infinite;animation: bounce-in 6s ease infinite;z-index: -1;}
/*common-about contain*/
.cmn-contxt {width: 365px;}
.abtcontain { display: flex;  flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.abtcontain_left { width: 610px; display: flex; flex-wrap: wrap;align-items: center;justify-content: space-between;}
.abtcontain_right {width: 566px;}

/*our process how we work*/
.how-wrksec{max-width: 1920px;margin: 0 auto;overflow: hidden;position: relative;}
.wrk-list {display: flex;flex-wrap: wrap;margin: 10px -28.5px 0;}
.wrk-list li {width: 25%;padding: 10px 28.5px;position: relative;}
.wrk-list li:after{position: absolute; content: ""; width: 29px;  height: 57px; background: url(../images/svg/process-arw.svg) no-repeat; top: 0; bottom: 0; margin: auto; right: -12px;
-webkit-animation: wobble 6s ease infinite;  animation: wobble 6s ease infinite;}
.wrk-list li:last-of-type:after{display: none;}
.wrklist-box {background: rgb(51,54,61); background: linear-gradient(135deg, rgba(51,54,61,1) 0%, rgba(37,41,49,1) 100%); border-radius: 3px; padding: 43px 60px 58px;text-align: center;border-radius: 3px;justify-content: center;
    align-items: center;
    flex-direction: column;height: 100%;
    display: flex;
    flex-wrap: wrap;}
.wrklist-circle {border-radius: 100px;width: 142px; height: 142px; display: flex; flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 auto 30px; background: #23262D; position: relative;}
.wrklist-circle:before {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  transition: all 0.2s ease; border-radius: 50%;    bottom: 0; border: 1px dashed transparent; content: ''; left: 0;  position: absolute;  right: 0; top: 0;}
.wrk-list li:hover .wrklist-circle:before {-webkit-transform: scale(0.925); -moz-transform: scale(0.925); -ms-transform: scale(0.925);-o-transform: scale(0.925); transform: scale(0.925); border: 1px dashed #c4906d;box-shadow: 0 0 6px #979797; opacity: .5;-webkit-animation: clockwiseSpin 30s infinite linear;
    animation: clockwiseSpin 30s infinite linear;
}
.wrk-step{font-size: 14px;letter-spacing: 1px;text-transform: uppercase;font-weight: 600;font-size: 14px;padding-bottom: 5px;}
.wrklist-box .title_xs { max-width: 145px; margin: 0 auto;padding-bottom: 14px;}
.wrklist-box p{font-size: 16px;line-height: 21px; letter-spacing: 0.10px;min-height: 84px;}

/*why choose us*/
.why-left .why_bottom_text{padding: 30px 30px 0 15px;}
.hmcontain_right p + ul{margin-top: 20px;}
.why-chsec{max-width:1920px;margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.why-box{display:flex;position:relative;padding: 24px 0 0;align-items:flex-start;flex-wrap: wrap;}
.why-left{width:50%}
.why-right{width:50%;border-radius:20px;overflow:hidden}
.whydl-list{display:flex;flex-wrap:wrap}
.whydl-list li{width:100%;border-radius: 20px;}
.whydl-list li:nth-child(even){background: #2F3239}
.whydl-list li:nth-child(odd){background: #2B2E35}
.whydl-box{display:flex;flex-wrap:wrap;align-items:center;padding: 29px 77px;}
.whydl-icon{width:64px}
.whydl-content{padding-left:21px}
.whydl-content { padding-left: 12px; width: calc(100% - 64px);}
.whydl-content p {font-size: 16px;color: #C2C2C2;line-height: 26px;}
.whydl-title.title_s {padding-bottom: 0;line-height: normal;}

/*services we offer*/
.srv-offersec {overflow: hidden;max-width: 1920px; margin: 0 auto;position: relative;}
.srvofr-contain {display: flex;flex-wrap: wrap; justify-content: space-between;}
.srvofr-txts{max-width: 642px;}
.srvofr-list {display: flex;flex-wrap: wrap;margin: 0 -21px;}
.srvofr-list li {width: 25%;padding: 0 21px 40px;}
.srvofr-box {position: relative;display: block;overflow: hidden;border-radius: 8px;z-index: 0;}
.srvofr-box:after {position: absolute;content: "";background: #000;width: 100%;height: 100%; left: 0; right: 0; top: 0; background: rgb(0,0,0); background: linear-gradient(142deg, rgb(0 0 0 / 32%) 0%, rgb(0 0 0 / 0%) 100%); z-index: 0;}
.srv-txt {position: absolute;top: 40px;left: 37px;z-index: 1;}
/*.srv-content {position: absolute;bottom: 0; opacity: 0;z-index: 1;transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -ms-transition: all .500ms ease-in-out;max-width: 308px;}*/
.srv-content {position: absolute; bottom: 0px; opacity: 0; z-index: 1; left: 40px; transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all .500ms ease-in-out;max-width: 308px; -webkit-transition: -webkit-transform 1s; transition: transform 2s; -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 0%, 0);}
/*.srvofr-box:hover .srv-content {  opacity: 1;   padding: 0 0 35px 40px;  color: #fff;}*/
.srvofr-box:hover .srv-content {opacity: 1; /* padding: 0 0 35px 40px; */ color: #fff; transform: translate3d(0, -30%, 0);}
.srvofr-box:hover:after {background: rgb(0,0,0); background: linear-gradient(166deg, rgb(0 0 0 / 90%) 0%, rgb(0 0 0 / 32%) 100%);}
.srv-content p{font-size: 16px;line-height: 24px;padding-bottom: 18px;color: #fff}
.read-more {font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1.20px;  line-height: 24px;}
.srvofr-list li .srvofr-box>img {transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
.srvofr-list li .srvofr-box:hover>img {transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out;}

/*our project*/
.tabs { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;position: relative; overflow: hidden;}
.tabs .tab-nav { text-align: left;  margin: 0 0 0;}
.tabs .tab-nav li {display: inline-flex;vertical-align: top;margin-right: 10px;justify-content: center;border-radius: 100px;cursor: pointer;border: 1px solid #42464E;}
.tabs .tab-nav li:last-of-type{margin-right: 0}
.tabs .tab-nav li span {color: #A2A2A2;transition: all 0.25s ease-in-out;cursor: pointer;font-weight: 600;padding: 14px 20px;-webkit-user-select: none;
  -moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;letter-spacing: 1px;    transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
.tabs .tab-nav li:hover > span,.hmgallery .tabs .tab-nav li.active > span {color: #fff;}
.tabs .tab-nav li:hover,.tabs .tab-nav li.active {border: 1px solid #fff;box-shadow: 0 0 0 1px #fff;}
.tabs .tab {  display: none;}
.tabs .tab.active {display: block;animation: fadeIn 0.5s ease 1 forwards;transition: all ease-in-out 0.6s;transform: translateY(15px);}
@keyframes fadeIn {100% { opacity: 1;transform: none;}}
.tabs .tab-nav ul { display: flex;flex-wrap: inherit;justify-content: center;  align-items: center;}
.tbcontain{width: 100%;position: relative;}

.sec_category{padding:80px 0;}
.grid_ul{display: inline-block;column-count: 2;break-inside: avoid;column-gap: 9px;margin: 0 -11px;}
.grid_ul li{display: inline-block;break-inside: avoid;column-count: 1;padding: 0 11px 16px;}
.grid_ul li.spanrowcol {padding: 0 12px 16px;}
.g_wrap{position:relative;overflow: hidden;  border-radius: 5px;}
li a .g_wrap>img{transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;border-radius:8px;}
li a:hover .g_wrap>img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05); transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
.g_box{top:0;position:absolute; width: 100%;height: 100%;bottom: 0;top: 0;left: 0;margin: 0 auto;right: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0; z-index:1;background: rgb(0 0 0 / 56%);  transition: all 500ms ease-in-out;  -webkit-transition: all 500ms ease-in-out;  -ms-transition: all .500ms ease-in-out;   border-radius: 5px;opacity: 0}
li a:hover .g_box{padding-bottom:30px;opacity: 1}
 .g_box .btn-white{max-width: 130px; min-width: 130px;}
.tabs .tab-nav li:hover span, .tabs .tab-nav li.active span{color: #fff}
.hmgallery { position: relative; margin: 0 auto; max-width: 1920px; overflow: hidden;}
.hmgallery .left-kitchenpattern {left: -40px;  bottom: 90px; z-index: 0;top: auto;}
.border-effect-orangetop,.border-effect-orangebotttom,.border-effectmix1,.border-effectbig-orangebotttom{position: relative;display: inline-block;break-inside: avoid;padding: 0 0 14px 0;}
.border-effect-orangetop:after,.border-effect-orangebotttom:after,.border-effectmix1:after,.border-effectbig-orangebotttom:after{position: absolute;content: "";left: 0;right: 0;margin: 0 auto;width: calc(100% - 10px);height: calc(100% - 0px);top:0;right: 0;background-size: 100% !important;z-index: 1;}
.border-effect-orangetop:after{background: url(../images/svg/border-effect-orangetop.svg) no-repeat;top: -8px;}
.border-effect-orangebotttom:after{background: url(../images/svg/border-effect-orangebotttom.svg) no-repeat;bottom: 8px;top: auto;}
.border-effectbig-orangebotttom:after{background: url(../images/svg/border-effectbig-orangebotttom.svg) no-repeat;bottom: 4px;top: auto;}
.border-effectmix1:after{background: url(../images/svg/border-effectmix1.svg) no-repeat;top: -8px;}
/*home contain*/
.cnform  { max-width: 1920px; margin: 0 auto;position: relative;overflow: hidden;}
.cnform  .right-square-pattern {z-index: 0; bottom: auto; top: -50px; right: -108px;}
/**/
.js_gallery {margin: 42px -11px 0;}
.js_gallery li{padding: 0 11px}
.js_gallery .border-effectbig-orangebotttom:after {background: url(../images/svg/galleryborder-effectbig-orangebotttom.svg) no-repeat;}
/*left side images*/
.left-kitchenpattern{position: absolute; -webkit-animation: fade-in-left 8s ease infinite;  animation: fade-in-left 8s ease infinite;left: -40px;  bottom: -108px;z-index: -1;}
.right-square-pattern {position: absolute;right: -260px; bottom: 49px; -webkit-animation: fade-in-right 10s ease infinite;  animation: fade-in-right 10s ease infinite;z-index: -1;}
.left-squarepattern{position: absolute; -webkit-animation: fade-in-down 8s ease infinite;  animation: fade-in-down 8s ease infinite;left: -60px;  top: -71px;}
.kitchen-left{position: absolute; -webkit-animation: fade-in-left 8s ease infinite;  animation: fade-in-left 8s ease infinite; left: -250px; top: -1px;z-index: -1;}
.kitchen-right{position: absolute; -webkit-animation: fade-in-right 8s ease infinite;  animation: fade-in-right 8s ease infinite;    right: -108px;bottom: -64px;z-index: -1;}
.kitchen-center{position: absolute; -webkit-animation: fade-in-up 8s ease infinite;  animation: fade-in-up 8s ease infinite;right: 0;bottom: -17px;z-index: -1;left: 0;margin: auto;}
.insrv-contain .left-squarepattern{top: auto;bottom: 0}
.hmgallery .right-square-pattern {z-index: 0;bottom: auto; top: -50px; right: 0px;}
.hmgallr_box .tbcontain { padding: 78px 0 0;}
.hmgallr_box .title_lg{padding-bottom: 0}
/*animation*/
.bounce-in {-webkit-animation: bounce-in 2s ease infinite;animation: bounce-in 5s ease infinite;}
.fade-in-left { -webkit-animation: fade-in-left 2s ease infinite;  animation: fade-in-left 2s ease infinite;}
.fade-in-right { -webkit-animation: fade-in-right 2s ease infinite;  animation: fade-in-right 2s ease infinite;}
.wobble { -webkit-animation: wobble 2s ease infinite;  animation: wobble 2s ease infinite;}
.fade-in {  -webkit-animation: fade-in 2s linear infinite;  animation: fade-in 2s linear infinite;}
.fade-in-down {-webkit-animation: fade-in-down 2s linear infinite; animation: fade-in-down 2s ease infinite;}
.fade-in-up {-webkit-animation: fade-in-up 2s linear infinite; animation: fade-in-up 2s ease infinite;}
.grow { -webkit-animation: grow 2s ease infinite;  animation: grow 2s ease infinite;}

/*lines*/
.inline-box {display: inline-block; margin: 0 auto; justify-content: center; align-items: center; flex-wrap: wrap;  text-align: center;}
.title-line {position: relative;margin-bottom: 15px; z-index: 0;}
.title-line span{z-index: 1;display:inline-block;padding: 0 35px;position: relative;background: #23262d;}
.title-line:after { content: "";position: absolute;background: #C4906D;width: 100%; height: 1px;top: 0;bottom: 0; margin: auto; left: 0;right: 0;z-index: 0;opacity: 0.5;}
.bgdark .title-line span { background: #23262d;}
.bglight .title-line span{background: #33363d}
.txt-gray{color: #B8BABE !important}
.js_gallery .slick-prev, .js_gallery .slick-next,.js_services .slick-prev, .js_services .slick-next { top: -93px;}
.js_gallery .slick-prev,.js_services .slick-prev {left: auto; right: 80px;}
.js_gallery .slick-next,.js_services .slick-next {right: 16px;}
.js_services {margin-top: 42px;}

@keyframes fade-in-down {
  0% {opacity: 0;transform: translateY(-20px);}
  100% {opacity: 1;transform: translateY(0);}
}
@keyframes fade-in-up {
   0% {opacity: 0;transform: translateY(20px);}
  100% {opacity: 1;transform: translateY(0);}
}
@keyframes bounce-in {0% { opacity: 0; transform: scale(.3);}
  50% {opacity: 1; transform: scale(1.05);}
  70% { transform: scale(.9); }
  100% { transform: scale(1); }}
@keyframes fade-in-left{
    0% { opacity: 0;  transform: translateX(-20px);}
     100% { opacity: 1; transform: translateX(0);}
}
@keyframes fade-in-right{
    0% { opacity: 0;  transform: translateX(20px);}
    100% {opacity: 1;transform: translateX(0);}
}
@keyframes wobble{
   0% {transform: translateX(0%);}
    15% {transform: translateX(-25%) rotate(-5deg);}
    30% {transform: translateX(20%) rotate(3deg);}
    45% {transform: translateX(-15%) rotate(-3deg);}
    60% {transform: translateX(10%) rotate(2deg);}
    75% {transform: translateX(-5%) rotate(-1deg);}
    100% {transform: translateX(0%);} 
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes grow{
    0% { transform: scale(0);}
    100% {transform: scale(1);}
}
@-webkit-keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@-webkit-keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}	
}
@keyframes antiClockwiseSpin {
	0%  {transform: rotate(360deg);}
	100% {transform: rotate(0deg);}	
}
@keyframes antiClockwiseSpin {
	0%  {transform: rotate(360deg);}
	100% {transform: rotate(0deg);}	
}   
.abtcontain .cmn-containbadge {position: relative;}
.abtcontain .cmn-containbadge:before {position: absolute;content: "";left: 100px;border-left: 1px dashed #707070;margin: auto;width: 100%; height: 130px;top: -130px;z-index: -1;opacity: 0.4;}

.tophd_link li a:hover img{filter: invert(68%) sepia(11%) saturate(1454%) hue-rotate(341deg) brightness(180%) contrast(53%);}
.tophd_list li a,
.cnlist li a,
ul.woo_breadcums li a,
.footer-links li.active > a,
.footer-links li:hover > a,
p a{position: relative;}

.cnlist li a:before,
.tophd_list li a:before,
ul.woo_breadcums li a:before,
.footer-links li a:before,
p a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: currentcolor;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
    -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
}
.cnlist li a:hover:before,
.tophd_list li a:hover:before,
ul.woo_breadcums li a:hover:before,
.footer-links li.active > a:before,
.footer-links li:hover > a:before,
p a:hover:after{width: 100%;left: 0;}

@media (hover: hover) and (pointer: fine){
    .menu_link .submenu{-webkit-transform:-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
    -webkit-transform: scaleY(0);transform: scaleY(0); transform-origin: 0 0;}
    .menu_link nav>ul>li:hover .submenu{-webkit-transform: scaleY(1);transform: scaleY(1);}
}
/*media queries*/
@media(max-width:1860px) {
    /*header*/
    .tophd-box {padding: 1px 15px;}
    .mainheader_wrap {padding: 15px 15px 0;}
    .headnavbar { margin: 0 auto; margin-left: auto;}
    
    /*footer*/
    .fttp-left {width: 32%; padding-right: 30px;}
    .fttp-right {width: 68%;}
    .ft-links-block {padding-left: 50px; min-width: 18%;}
    .ft-links-block.ft-rsource { padding-left: 50px;  min-width: 33%; padding-right: 0px;}
    .ft-links-block.ftsrv-block {width: 41%;}
    
}

@media(max-width:1680px) {
    .container { max-width: 1530px}
    .inpage {padding: 60px 0}
    .mtop {margin-top: 3.75rem;}
    .mbtm{margin-bottom: 3.75rem;}
    .mtop99{margin-top: 3.75rem;}
    .mtp115{margin: 3.75rem 0}
    .mtp99{margin: 3.75rem 0}
    /*header*/
    .headlist [class*=btn-] { height: 50px; min-width: 170px; font-size: 14px;}
    .hr {padding: 60px 0 0; margin: 60px 0 0;}    
    .title_md, .title_s, .title_sm, .title_xs, .title_xxs,h2, h3, h4, h5, h6 {line-height: 32px;}
    
    /*homecontain*/
    .hmcontain_left{width: 48%}
    .hmcontain_right{width: 48%}
    
    .spn-contain {width: auto;}
    
    /*we-work*/
    .wrk-list { margin: 10px -18px 0;}
    .wrk-list li {padding: 10px 18px;}
    .wrklist-box {padding: 40px 20px; text-align: center;}
    .wrk-list li:after {width: 24px; background-size: 100% !important;}
    
    /*gallery*/
    .border-effect-orangetop, .border-effect-orangebotttom, .border-effectmix1, .border-effectbig-orangebotttom {padding: 0 0 18px 0;}
    .grid_ul li {column-count: 1;padding: 0 1px 2px;width: 28%;}
    .grid_ul li.spanrowcol { padding: 0 1px 2px; width: 43%;}
    .grid_ul {column-count: 1; column-gap: 1px;margin: 0 -1px;}
    .border-effectbig-orangebotttom:after {bottom: 0px;}
    .border-effect-orangetop:after {top: -5px;}
    
    /*clients*/
    .client-box { padding: 40px 30px;}
    .client-comment {line-height: 26px;padding: 24px 0 0;padding-bottom: 0px;height: 50px;overflow: hidden; letter-spacing: 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;}
    
    /*cta*/
    .hm_cta{padding: 0}
    .cmn_cta { margin-top: -27%;}
    .whydl-icon img {width: 40px;}
    .whydl-icon {width: 48px;}
    .whydl-content {padding-left: 8px;width: calc(100% - 48px);}
    .whydl-title.title_s { font-size: 24px; padding-bottom: 0; line-height: normal;}
    .whydl-content p { font-size: 15px;line-height: 24px;}
    .whydl-box {padding: 24px 26px;}
    
    /*footer*/
    .ftr-desgn {padding: 70px 0;}
    .fttp-add {width: 100%; padding-top: 15px;}
    .ft-social {margin: 0px -7px 0;}
    .fttp-left {width: 25%;padding-right: 0px;}
    .fttp-right {width: 75%;}
    .ft-links-block {padding-left: 27px; min-width: 24%;}
    .ft-links-block.ftsrv-block { width: 88%;}
    .ft-links-block.ft-rsource { padding-left: 30px; min-width: 18%; padding-right: 0px;}
}

@media(max-width:1550px) {
    .container {max-width: 1380px}
    /*header*/
    .menu_link nav>ul > li {margin: 0px 25px;}

}

@media(max-width:1441px) {
    /*header*/
    .menu_link nav>ul > li > a {font-size: 14px;} 
    .headbrand {max-width: 260px;}
    /*cmn*/
    .container {max-width: 1140px}
    .heading-40,.page-title,.title {font-size: 34px}
    .inpage {padding:40px 0}
    .btnlist {margin: 0 -5px}
    .btnlist li {padding: 0 5px}
    .hr {padding: 40px 0 0; margin: 40px 0 0;}
    
    .spnlist .slick-next {  left: 62px;   bottom: -60px;   top: auto;  right: auto;}
    .spnlist .slick-prev { left: 13px; bottom: -60px;  top: auto;}

    .mtop {margin-top: 2.5rem;}
    .mbtm{margin-bottom: 2.5rem;}
    .mtop99{margin-top: 2.5rem;}
    .mtp115{margin: 2.5rem 0}
    .mtp99{margin: 2.5rem 0}
    .mpd70{padding: 2.5rem 0}
    .pdt70{padding: 40px 0 0}
    .ftr-desgn {padding: 60px 0;}    
        
    /*services*/
    .srvofr-list {margin: 0 -8px;}
    .srvofr-list li {padding: 0 8px 20px;}
    .srv-txt {top: 25px;left: 20px;}
    .srv-content{left: 20px;}
    /*we work*/
    .wrk-list {margin: 0px -18px 0;}
    .wrklist-circle img {width: 50px;}
    .wrklist-circle {width: 100px; height: 100px;margin: 0 auto 22px;}
    /*cta*/
    .hm_cta {min-height: 618px;padding: 0 !important;}
    .parallax-item {min-height: 618px;}
    .cmn_cta {margin-top: -29%;}
    
    /**/
    .abtcontain_right { width: 52%;}
    .abtcontain_left {width: 48%;}
    .cmn-contxt { width: 60%;}
    .badge-img >img {width: 150px;}
    .badge-img {width: 180px;height: 180px;}
    /*gallery*/
    .js_gallery { margin: 0 -11px;}
    .js_gallery .slick-prev, .js_gallery .slick-next,.js_services .slick-prev, .js_services .slick-next { top: -52px;}
    .hmgallr_box .tbcontain {padding: 45px 0 0;}
    .js_services {margin-top: 0px;}
    /*testimonial*/
    .js_client li {padding: 0 10px;}
    .js_client {display: flex; flex-wrap: wrap; justify-content: center; margin: 20px -10px 50px; padding-bottom: 40px;}
    
}

@media(max-width:1366px) {
    /*header*/
    .hd_call {line-height: 20px;}
    .hd_call span {font-size: 18px;}    
    .btnlist.headlist .btn-theme {padding: 12px 10px;}
    .headbrand {   max-width: 220px;}
    .ftr-desgn {padding: 40px 0;}
    
    /*cta*/
    .hm_cta {min-height: 530px;padding: 0 !important;}
    .parallax-item {min-height: 530px;}
    .cmn_cta {margin-top: -30%;}
    
    /**/
    .whydl-list li {width: 48%;margin: 0 4px 6px;}
    .whydl-box {padding: 18px 18px;align-items: flex-start;}
   
}
@media(max-width:1300px){
    .menu_link nav>ul > li {margin: 0px 20px;}
}
@media(max-width:1260px) {
    /*header*/
    .mainheader .container{max-width:100%;}
    .togglebtn span{position:relative;display:inline-block;margin-top: 10px;vertical-align:top;}
    .togglebtn span::before{top: -7px;width: 20px !important;}
    .togglebtn span::after{top: 7px;width: 20px !important;right: 0;left: auto !important;}
    .togglebtn span::before,.togglebtn span::after{content:"";position:absolute;right: 0;}
    .togglebtn span,.togglebtn span::before,.togglebtn span::after{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;width: 26px;height: 2px;}
    .togglebtn { position: fixed; right: 10px;  top: 55px; display: block;  text-align: center;  width: 30px;
      height: 30px;border-radius: 0; cursor: pointer; z-index: 999999;padding: 4px 0px;border-radius: 6px;}
    .togglebtn.active span::before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);top:0;    width: 25px !important;background: #C4906D}
    .togglebtn.active span::after{-webkit-transition-delay:0.09s;top:0;transition-delay:0.09s;transform:rotate(135deg);-webkit-transform:rotate(135deg);    width: 25px !important; background: #C4906D;}
    .togglebtn.active span{background-color:transparent;}
    .togglebtn span,.togglebtn span::before,.togglebtn span::after{background-color: #C4906D;}
    .togglebtn.active:before{content:none}
    .togglebtn.active {left: 325px;top: 28px;padding: 4px 10px;}
    .menulogo img{display:block;margin:0px auto;max-width: 120px;}
    .mainheader{position: absolute; z-index: 1; top: 0; width: 100%; height: auto;}

    html.menuhidden{position:fixed;overflow-y:hidden}
    .overlay{position:fixed;top: 0px;right:0;z-index:999;width:100%;height:100%;display:none;background-color: rgb(0 0 0 / 80%); cursor:pointer;}
    .menu_link nav{padding:0;}
    .menu_link.active{transform:translateX(0%);-webkit-transform:translateX(0%);}
    .menu_link {float: none;padding: 0;position: fixed;top: 0px;height: 100%;width: 372px; margin: 0;padding-bottom: 20px; transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-ms-transition: all 0.6s ease;overflow-y: auto; left: 0; z-index: 1000;transform: translateX(-100%); -webkit-transform: translateX(-100%);background: #23262D; display: flex; flex-direction: column;}
    .menu_link nav>ul > li > a:after,.menu_link nav>ul>li:after{display: none;}
    .menudrop.openedmenu{color:#C4906D;font-weight:bold;}
    .menu_link nav > ul > li.hidden{display:block;}
    .menu_link nav{flex-direction:column;}
    .menu_link nav>ul{padding-right:0;width:100%;padding: 28px 18px;}
    .menu_link nav>ul > li{padding:0;}
    .menu_link nav>ul > li > a{min-height:auto;}
    .menu_link .submenu{-webkit-transform:none;transform:none;display:none;visibility:unset;opacity:unset;width:100%;position:relative;padding:0;left:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;background:transparent;min-width:inherit;top:auto;padding:0;}
    .menu_link li:hover .submenu{display:none;-webkit-transform:none;transform:none;opacity:inherit}
    .menu_link .submenu { width: 100%;padding: 12px 8px 0;}
    .menudrop.openedmenu::before{margin:0 0 3px;}
    .menu_link ul > li.active > a > i{-webkit-transform:none;transform:none;}
    .menu_link nav > ul > li{display:block;text-align:left;margin:0;width:100%;height:auto; border-bottom: 1px solid #33363D;}
     
    .menu_link nav > ul > li > a{margin: 20px 0px;font-size: 16px;display: block;position: relative;line-height: 26px;padding: 0; color: #B8BABE;}
    .menu_link nav > ul > li:last-of-type > a,.menu_link nav > ul > li:last-of-type{border-bottom: 0}
    .menu_link nav > ul > li.has-sub{position:relative;}
    .menu_link .submenu{width: 100%;text-align: left; background: transparent;}
    .menudrop {display: block;top: 4px;font-size: 20px;height: 40px;width: 40px;border-radius: 0;line-height: 1;right: 4px; position: absolute;background: transparent; display: flex; flex-wrap: wrap;align-items: center;justify-content: center;color: #B8BABE;bottom: 0;margin: auto;}
    .menu_link nav>ul > li > a span.hidden{display:block;}
    .menu_link nav>ul>li.active>a, .menu_link nav>ul>li:hover>a,.submenu li.active>a, .submenu li:hover>a {  color: #C4906D;}
    .submenu li.active, .submenu li:hover { background: transparent;}
    .headtop_wrap { padding: 0px 0 0 26px;}
    .mainheader_wrap .headlist { margin: 0px 40px 0 0;}  
    .submenu ul {border-top: 0px solid #ccc;margin-right: 0px; padding-top: 0px; margin-top: 0px;}
    .submenu ul li {width: 100%; padding: 0px;position: relative;border-bottom: 0}    
    .menulogo.hidden { display: block;margin: 20px auto 20px 20px}
    .menu_link nav>ul > li > a:before {left: -6px;}
    .menu_link nav > ul > li.has-sub.no-hover a {  border-bottom: 0;}
    .sublist {width: 100%;}
    .headbrand {max-width: 120px;}
    .fixed-header .headbrand {margin-top: 0;margin-bottom: 0;}
    .mainheader_wrap { padding: 10px 0px 10px 15px;}
    .headlist [class*=btn-] {height: 45px;min-width: 170px;font-size: 14px;padding: 12px 20px;}    
    /*.menu_link nav>ul>li.active:after, .menu_link nav>ul>li:hover:after {border-bottom: 1px solid #C4906D;}*/    
}

@media(max-width:1199px) {
    
    /*cmn*/
    .container { max-width: 960px}
    .pagehead,.title,.title_lg, h1,h1.pagehead {font-size: 30px;line-height: 113%;padding-bottom: 18px;}
    .title_md {font-size: 30px}
    .title_sm,h2 {font-size: 28px}
    .title_s, h3 {font-size: 20px;}
    .dlist li, p{ font-size: 16px;}
    .pagehead, h1.pagehead {padding-bottom: 0px;}
    .inpage {padding:30px 0}
    .hr {padding: 30px 0 0; margin: 30px 0 0;}            
    /*footer*/
    .slick-dotted.slick-slider { margin-bottom: 56px;}
    .ft-block-2 {padding: 0;}    
    .footer-links {display: none; padding-top: 0px;padding-bottom: 20px;}
    .ft-links-block .ft-heading { position: relative;padding: 8px 0;}
    .ft-links-block .ft-heading:after {position: absolute;content: "\f107";width: 25px;height: auto;top: 0px;bottom: 0;line-height: 35px;right: 0;text-align: center;left: auto;margin: auto;font-family: 'FontAwesome';background: transparent;}
    .ft-heading.ftisopen:after {width: 25px;height: auto;content:"\f106"}
    .ft-links-block {width: 100%;padding-left: 0; min-width: 100%;}
    .ftadd .ft-heading:after{display: none}
    .ft-links-block .ft-heading {padding: 0px 0 18px;border-bottom: 0px solid rgb(255 255 255 / 10%); margin-bottom: 0px; font-size: 22px;font-weight: normal; line-height: 25px;}
    footer .ft-links-block:last-of-type .ft-heading{margin-bottom: 0}
    .ftlogo {padding-bottom: 26px;}
    .fttp-left { width: 100%;  padding-right: 0px;}
    .fttp-right {width: 100%;flex-wrap: wrap;}
    footer ul li { width: 49%; font-size: 16px;    display: inline-flex;}
    .ft-links-block.ft-rsource { padding-left: 0; min-width: 100%;  padding-right: 0px;}
    .ft-links-block {border-left: 0px solid rgb(255 255 255 / 5%);}
    .fttp-add .title {font-size: 28px; padding-bottom: 10px;}
    .ft-social:after {width: calc(100% - 140px);}
    .ftsocial-ic{width: 40px;height: 40px;}
    .ftsocial-ic img { height: 18px;}
    .ft-social li { width: 48px; padding: 0px 2px;}
    .ft-social:after {width: calc(100% - 110px);}
    .ft-social { margin: 0px -2px 0;}
    .fttp-left .logoimg {max-width: 120px;}
        
    /*common spacing*/
    .mtop {margin-top: 1.875rem;}
    .mbtm{margin-bottom: 1.875rem;}
    .mtop99{margin-top: 1.875rem;}
    .mtp115{margin: 1.875rem 0}
    .mtp99{margin: 1.875rem 0}
    .mpd70{padding: 1.875rem 0}
    .pdt70{padding: 30px 0 0}
    .ftr-desgn {padding: 30px 0 10px;}
    
    /*homecontain*/
    /**/
    .abtcontain_right { width: 100%;}
    .abtcontain_left {width: 100%;}
    .abtcontain .cmn-containbadge { position: relative;  display: none;}
    .abtcontain_right { width: 100%; padding-top: 0px;}
    .abtcontain_left .cmn-contxt .btn-white{display: none;}
    .cmn-contxt { width: 100%;}
    .abtcontain { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; text-align: center;}
    .hmcontain_box {flex-wrap: wrap; text-align: center; justify-content: center;}
    .hmcontain_left{width: 100%;}
    .hmcontain_right{width: 100%;position: relative; top: inherit;padding-top: 30px;}
    .sticky { position: inherit;  top: auto;}
    .hmcontain_box .border-effect-orangetop,.hmcontain_box .border-effect-orangebotttom,.hmcontain_box .border-effectmix1,.hmcontain_box .border-effectbig-orangebotttom {  padding: 0 0 0px 0;  margin-top: 10px;}
    
    /*.hmcontain.hmcontainflex {flex-direction: column-reverse;}*/
    .semititle p {font-size: 16px; line-height: 28px; margin-bottom: 22px;}
    
    /*cta*/
    .cmnbox {flex-wrap: wrap;}
    .cmnleft {width: 100%;}
    .cmnleft .title{width: 100%;display: block;padding-bottom: 7px;}
    
    /*sponser*/
    .spn-left {width: 400px;}
    .spn-right {width: calc(100% - 400px); padding-left: 30px;}
    .spnlist li {padding: 0 6px 12px;}
    /*badge*/
    .badge-img {width: 135px;height: 135px;}
    .badge-img > img {width: 173px;  height: 110px;}
    .yearthumb {width: 65px; height: 65px;}
    
    /*service*/
    .srvofr-list li { width: 25%; padding: 0 8px 20px;}
    .srvofr-list { display: flex; flex-wrap: wrap;  margin: 0 -8px;}
    .srvofr-txts {max-width: 100%;}
    .srvofr-contain {justify-content: center;text-align: center;}
    .srv-txt { text-align: center;  left: 0;  right: 0; top: 15px;padding: 0 5px;}
    .srv-content { left: 0;  right: 0;margin: 0 auto; text-align: center;}
    .srvofr-box:hover .srv-content {transform: translate3d(0, -6%, 0);padding: 0 4px;}
    .srv-content p { font-size: 14px; line-height: 20px;padding-bottom: 10px;}
    .read-more { font-size: 14px; letter-spacing: 0.6px; line-height: 18px;}
    /*gallery*/
    .hmgallr_box .tbcontain {padding: 38px 0 0;}
    
    /*client reviews*/
    .parallax-item img.img-parallax{max-width:inherit;height:100%}
    .parallax-item{position:absolute;width:100%;height:100%;min-height:400px;z-index:0;left:0;right:0}
    .cmn_cta { margin-top: 0; padding: 100px 0 0;}
    .hm_cta {min-height: 400px; padding: 0 !important;}
    .cmn_ctabox p {  margin-bottom: 20px;  color: #fff;}
    .cmn_ctabox .title {font-size: 30px; padding-bottom: 12px;}
    
    /*client section*/
    .js_client { margin: 8px -10px 10px !important;padding-bottom: 35px;}
    .spn-right { padding-left: 40px;}
    /**/
    .whydl-list li {width: 48%; margin: 0 4px 6px;    border-radius: 10px;}
    .whydl-box {padding: 18px 18px;align-items: flex-start;}
    .why-left { width: 100%;}
    .why-right {width: 100%;padding-bottom: 30px;text-align: center;border-radius: 10px;}
    .why-right img{border-radius: 10px;}
    .why-box {flex-direction: column-reverse;padding: 8px 0 0;}
    .why-chsec .inline-box{padding:0 15px;}
    
    
    /*arrows*/
    .kitchen-gallerysec {text-align: center;}
    .js_gallery {margin: 0 -11px 20px; padding: 0 0 20px;text-align: center;}
    .js_gallery .slick-next, .js_gallery .slick-prev,.js_services .slick-next,.js_services .slick-prev {  top: inherit;  bottom: -40px;}
    .slick-prev,.js_gallery .slick-prev,.js_services .slick-prev {left: calc(50% - 35px);}
    .slick-next,.js_galleryl .slick-next,.js_services .slick-next{ right: calc(50% - 35px) !important;left: auto !important}
    .slick-prev {left: calc(50% - 35px) !important ;right:auto !important}
    .slick-next,.slick-prev { top: inherit !important; bottom: -38px !important; width: 30px;height: 30px;padding:0}
    .slick-next:before,.slick-prev:before  {background-size: 100%;}
    .js_services { margin-bottom: 20px; padding-bottom: 15px;}
}
@media(max-width:1024px) {

}

@media(max-width:991px) {
    
    /*cmn*/
    .dlist.col2 li,
    .container {max-width: 720px}
    .title_s, h3 {font-size: 20px;}
    .title_xs, h4 {font-size: 20px;line-height: 25px}
    .title_md,.title_sm,h2 {font-size: 28px}
    .sectitle {font-size: 14px;}
    .inbanrbox img{display: none;}
    .pagehead, h1.pagehead {line-height: 35px;}
    .inner_banner {  min-height: 200px;padding: 145px 0 40px;}
    .inbn-box {padding: 0px 0;}
    .inbn-box ul.woo_breadcums { padding: 5px 0;}
    .inbanrbox {justify-content: center; align-items: center;text-align: center;}
    ul.woo_breadcums li a {margin-right: 26px;}
    .woo_breadcums li a:after {right: -20px;}
    .submit_btn {margin: 0 auto;}
    .btnbox { text-align: center;}
    
    /*services*/
    .srvofr-list li {width: 33.33%;}
       
    /*badge*/
    .badge-box img{ margin: 0 5px;  max-width: 104px;}
    
    /*sponser*/
    .spn-box{flex-wrap: wrap;}
    .spn-left {width: 100%;padding-bottom: 30px;}
    .spn-right {width: 100%; padding-left: 0px;}
    .spnlist{margin: 0 -6px 0;padding-bottom: 0}
    .spnlist li {padding: 0 6px 12px;}
    .spnlist .slick-next,.spnlist .slick-prev {  display: none !important}
    
    /**/
    .tabs {justify-content: center;align-items: center;}
    .hmgallr_left {text-align: center;padding-bottom: 30px;}
    .hmgallr_box .tbcontain {padding: 38px 0 0;}
    .grid_ul li.spanrowcol {width: 100%;}
    .grid_ul li {column-count: 1;  padding: 0 1px 2px;width: 49.6%;display: inline-flex;}
    .border-effect-orangetop, .border-effect-orangebotttom, .border-effectmix1, .border-effectbig-orangebotttom {padding: 0 0 5px 0;}
     .title-line span {padding: 0 12px;}
}

@media(max-width:860px) {
    
    .ftlogo img{width: 200px;}
}

@media(max-width:769px) {
    /*headrer*/
    .hidden {display: block;}
    header .btnlist li {  padding: 0px 0px;}
    .mainheader_wrap .headlist {  margin: 0px -5px 0;display: none}
    .headview{display: flex; margin: 0;overflow: hidden;    opacity: 0.9;}
    .headview li {width: 50% !important;padding: 0 !important}
    .tophead{display: none}
    .togglebtn {top: 57px;}
    .headview li [class*="btn-"]{width: 100%;border-radius: 0;height: 38px;    min-width: auto;padding: 10px 6px;}
    .headview li .addcall-ic {background: #fff;box-shadow: 0 0 0 2px #f1f4f8; border-top: 1px solid #2485fc1a;font-size: 16px;}
    header .btn_addcallpatrn { min-width: 100%; text-align: center;border-radius: 0;width:100%}
    header .btn_addcallpatrn .blueadcall {width: 50%;}
    header .btn_addcallpatrn .whiteadcall { width: 50%;}
    /*cmn*/
    .width33,.width50 { width: 100% }
    .container {max-width: 540px }
    p,.dlist li { line-height: 24px;font-size: 16px;margin-bottom: 20px;}
    .dlist li{margin-bottom: 8px}
    .form-control {width: 100%;padding: 16px 18px;height: 50px;}
    .form-group {margin-bottom: 14px;}
    .pagehead,
    h1.pagehead,
    .heading-40,
    .page-title,
    .title,
    .title_lg,
    h1{font-size:30px;line-height: 28px;}
    .title_xs,h4{font-size:18px}
    .title_md,.title_sm,h2{font-size:24px}
    /*.container,
    .incontainer,
    .wrapper {padding-right: 20px;  padding-left: 20px }*/    
    .title,
    .title_ft,
    .title_lg,
    .title_md,
    .title_s,
    .title_sm,
    .title_xs,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding-bottom: 18px;line-height: 30px;    font-weight: normal;
    }
   .submitblock, [class*=btn-] {min-width: 210px; padding: 10px 15px;}
    .dlist li {padding-left: 24px; letter-spacing: 0;}
    .dlist li:before { background-size: 100%;width: 16px;height: 16px;    top: 7px;}

    [class*=btn-] {height: 38px;letter-spacing: 0px}
    .btn-bordrwhite { min-width: auto;}
    .submitbtn{height: 38px; min-width: 136px; padding: 10px 28px;}
    textarea { min-height: 110px}
    .btnbox{text-align: right;}

    /*arrows*/
    .js_spn .slick-next { left: 40px !important;}
    .js_spn .slick-prev {left: 0 !important;}
    .wrklist-box .title_xs { max-width: 206px;  margin: 0 auto;  padding-bottom: 8px;}
    .wrklist-box p {font-size: 16px;line-height: 20px; letter-spacing: 0.10px; min-height: auto;}
    
    /*footer*/
    .ftadd_list li {width: 100%;}
    .ft-logo {width: 195px;}
    .ftcontact-links li { width: 100%; display: flex;}
    .badge-box.inban-bdgebox {display: none;}
    .mainheader_wrap { padding: 5px 15px;}
    
    /**/
    .grid_ul li {width: 49%;}
    .tabs .tab-nav li {margin-right: 8px;}
    .tabs .tab-nav ul {display: flex; flex-wrap: inherit; justify-content: flex-start; align-items: center; width: 100%; flex-wrap: initial; margin: 0px 0 0px;overflow: scroll;}
    .tabs .tab-nav li span {padding: 12px 14px;    max-width: 120px; min-width: 132px; text-align: center;}
    li a:hover .g_box { padding-bottom: 0px;}
    .g_wrap .btn-rightim img {margin-left: 0; margin-right: 5px; max-width: 10px;}
    .g_box .btn-white {max-width: 100px; min-width: 100px; font-size: 12px; height: 32px; padding: 8px 8px;}
    .hmgallr_right {width: 100%;}
    
    /**/
    .spn-contain {width: auto;height: 100px;padding: 0px 8px 0;}
    .spnlist li { padding: 0 6px 0px;}
    .cmn_ctabox .title {font-size: 24px; padding-bottom: 12px;}
    .parallax-item{position:absolute;width:100%;height:100%;min-height:350px;z-index:0;left:0;right:0}
    .cmn_cta { margin-top: 0; padding: 80px 0 0;}
    .hm_cta {min-height: 350px; padding: 0 !important;}
    [class*=btn-] img {margin-left: 5px; width: auto; margin-top: 0px;max-width: 10px;}
    .btncall img { margin-right: 5px; margin-left: 0;  margin-bottom: -1px;  max-width: 11px;}
    /**/
    .srvofr-list {margin-left: 0 -4px;margin-right: 0 -4px;}
    .srvofr-list li { padding: 0 4px 8px;}
    .whydl-icon {width: 42px;}
    .whydl-list li {width: 100%;margin: 0 0px 6px;}
    .whydl-icon img {width: 35px;}
    .whydl-content {padding-left: 8px; width: calc(100% - 42px);}
    .whydl-content p { font-size: 14px; line-height: 20px;}
    .wrk-list li {padding: 10px 6px;}
    .wrk-list {margin: 0px -6px 0;}
    /*srv*/
    .srvofr-list li { width: 50%;}
    .ft-bottom {padding: 12px 0;font-size: 14px;line-height: 18px;}
    ::-webkit-input-placeholder{color:#B8BABE;font-family:'Segoe UI';font-weight:normal;letter-spacing:0px;font-size:14px}
    ::-moz-placeholder{color:#B8BABE;font-family:'Segoe UI';font-weight:normal;letter-spacing:0px;font-size:14px}
    ::-ms-input-placeholder{color:#B8BABE;font-family:'Segoe UI';font-weight:normal;letter-spacing:0px;font-size:14px}
    .form-control, form label {font-size: 14px;}
    .tophd-box{border-bottom: 0;    padding: 0;}
}
@media(max-width:575px) {
    .container {max-width: 100%}
    .title br,.title_lg br,h1 br { display: none   }
    p,.dlist li {font-size: 14px;}
    .dlist li:before {top: 7px;}
    
    .js_gallery {margin: 0 -4px 20px;}
    .js_gallery li { padding: 0 4px;}
    .our-project .tabs .tab-nav ul {   display: flex;   flex-wrap: initial;   justify-content: center;   align-items: center;   margin-bottom: 30px;  overflow: scroll;  width: 100%;}
    .our-project .tabs .tab-nav li { text-align: center; display: inline-flex; vertical-align: top; margin-right: 8px;padding: 12px 13px;}
    .our-project .tabs .tab-nav li span {flex-wrap: initial;justify-content: center; align-items: center; white-space: nowrap;}
    /*footer*/
    ul.footer-links li {display: inline-flex; width: 100%;}
    .ftsrv-block .footer-links li {  display: inline-flex;   width: 100%;}
    
}
@media(max-width:480px) {
    /*sponser*/
    .spnlist li{width: 50%}
    .btnlist {justify-content: center;}
    .headview li [class*="btn-"] { padding: 10px 4px;}
}
@media(max-width:388px) {
    .btnlist li:first-of-type {padding-bottom: 10px}
}
@media(max-width:365px) {
    
    .btnlist li { padding: 0 2px;width: 200px;display: block}
    .dlist li {letter-spacing: 0}
    /*HEADER*/
    .menu_link{width: 310px;}
    .menulogo img {max-width: 142px;}
    .headbrand a {max-width: 142px;margin: 0 auto;}
    .menulogo.hidden {display: block; margin: 20px auto 14px 10px;}
    .togglebtn.active {left: 272px;top: 28px;padding: 4px 10px;}
    .headview li [class*="btn-"] {padding: 10px 5px;font-size: 11px;}
    .headview li [class*="btn-"]:hover{background: #fff}
    
    /*badge*/
    .badge-box img {  margin: 0 5px;   max-width: 80px;}

    .cmnbox {padding: 29px 0px 29px 3px;}
    
    /*gallery*/
    .grid_ul li {width: 100%;}
    .srvofr-list li { width: 100%;}
    .srvofr-list li:last-of-type{padding-bottom: 0}
}