/*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
 
@font-face { font-family: 'AvenirBlack'; src: url('../fonts/AvenirBlack.eot'); src: url('../fonts/AvenirBlack.eot') format('embedded-opentype'),  url('../fonts/AvenirBlack.woff2') format('woff2'),  url('../fonts/AvenirBlack.woff') format('woff'),  url('../fonts/AvenirBlack.ttf') format('truetype'),  url('../fonts/AvenirBlack.svg#AvenirBlack') format('svg'); }
@font-face { font-family: 'Avenir Black Oblique'; src: url('../fonts/Avenir-BlackOblique.eot'); src: url('../fonts/Avenir-BlackOblique.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-BlackOblique.woff2') format('woff2'),  url('../fonts/Avenir-BlackOblique.woff') format('woff'),  url('../fonts/Avenir-BlackOblique.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Avenir Book'; src: url('../fonts/Avenir-Book.eot'); src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Book.woff2') format('woff2'),  url('../fonts/Avenir-Book.woff') format('woff'),  url('../fonts/Avenir-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir Book'; src: url('../fonts/Avenir-BookOblique.eot'); src: url('../fonts/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-BookOblique.woff2') format('woff2'),  url('../fonts/Avenir-BookOblique.woff') format('woff'),  url('../fonts/Avenir-BookOblique.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('Avenir-Heavy.eot'); src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Heavy.woff2') format('woff2'),  url('../fonts/Avenir-Heavy.woff') format('woff'),  url('../fonts/Avenir-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('../fonts/Avenir-HeavyOblique.eot'); src: url('../fonts/Avenir-HeavyOblique.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-HeavyOblique.woff2') format('woff2'),  url('../fonts/Avenir-HeavyOblique.woff') format('woff'),  url('../fonts/Avenir-HeavyOblique.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('../fonts/Avenir-Light.eot'); src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Light.woff2') format('woff2'),  url('../fonts/Avenir-Light.woff') format('woff'),  url('../fonts/Avenir-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('../fonts/Avenir-LightOblique.eot'); src: url('../fonts/Avenir-LightOblique.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-LightOblique.woff2') format('woff2'),  url('../fonts/Avenir-LightOblique.woff') format('woff'),  url('../fonts/Avenir-LightOblique.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('../fonts/Avenir-Medium.eot'); src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Medium.woff2') format('woff2'),  url('../fonts/Avenir-Medium.woff') format('woff'),  url('../fonts/Avenir-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('../fonts/Avenir-MediumOblique.eot'); src: url('../fonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-MediumOblique.woff2') format('woff2'),  url('../fonts/Avenir-MediumOblique.woff') format('woff'),  url('../fonts/Avenir-MediumOblique.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('../fonts/Avenir-Oblique.eot'); src: url('../fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Oblique.woff2') format('woff2'),  url('../fonts/Avenir-Oblique.woff') format('woff'),  url('../fonts/Avenir-Oblique.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'AvenirRoman'; src: url('../fonts/AvenirRoman.eot'); src: url('../fonts/AvenirRoman.eot') format('embedded-opentype'),  url('../fonts/AvenirRoman.woff2') format('woff2'),  url('../fonts/AvenirRoman.woff') format('woff'),  url('../fonts/AvenirRoman.ttf') format('truetype'),  url('../fonts/AvenirRoman.svg#AvenirRoman') format('svg'); }
@font-face { font-family: 'Futura'; src: url('../fonts/Futura-Medium.eot'); src: url('../fonts/Futura-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Futura-Medium.woff2') format('woff2'),  url('../fonts/Futura-Medium.woff') format('woff'),  url('../fonts/Futura-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
body { font-family: 'Avenir'; overflow-x: hidden; }
.wrapper { margin: 0 auto; }
.top-header { width: 100%; min-height: 45px; line-height: 45px; background: #F4F4F4; padding: 0 25px; }
.top-social { text-align: right; margin-top: -2px; padding-bottom: 2px; }
.top-social li { display: inline; margin-right: 5px; }
.top-social li:last-child { margin-right: 0px; }
.logo { padding-left: 20px; position: relative; }
.logo button { outline: none; }
.header { padding: 20px 0px 13px; }
.h-links { text-align: right; }
.h-links li { display: inline-block; }
.h-links li a { color: #fff; font-size: 12px; display: inline-block; width: 100%; transition: all 0.3s; text-transform: uppercase; font-weight: 600 }
.h-links li.bn a { width: 105px; height: 25px; display: flex; justify-content: center; align-items: center; background: #EE4A7B; border-radius: 25px; text-align: center; border: solid 2px #EE4A7B; font-weight: 500; font-style: normal; font-family: 'Avenir'; }
.h-links li.bn a { margin-right: 4px; }
.h-links li.gc a { width: 105px; height: 25px; display: flex; justify-content: center; align-items: center; background: #DD6345; border-radius: 25px; text-align: center; border: solid 2px #DD6345; font-weight: 500; font-style: normal; font-family: 'Avenir'; }
.h-links li.vc a { width: 220px; display: flex; justify-content: center; align-items: center; background: #469CAE; border-radius: 25px; text-align: center; border: solid 2px #469CAE; font-weight: 500; font-style: normal; font-family: 'Avenir'; line-height: 15px; padding: 3px 0px; }
.h-links li.vc { margin-top: 6px; }
.h-links li.bn:hover a { background: #fff; border: solid 2px #EE4A7B; color: #EE4A7B }
.h-links li.gc:hover a { background: #fff; border: solid 2px #EE4A7B; color: #DD6345 }
.h-links li.vc:hover a { background: #fff; border: solid 2px #469CAE; color: #469CAE }
.menu { text-align: right; margin-top: 4px; }
.menu li { display: inline; margin-right: 26.8px; position: relative; }
.menu li:first-child { margin-right: 13px; }
.menu li:last-child { margin-right: 2px; }
.menu li a { color: #000; text-transform: uppercase; font-size: 16px; line-height: 22px; font-weight: 500 !important; font-style: normal; font-family: 'Avenir'; transition: all 0.4s; }
.menu li a span { padding-left: 3px; vertical-align: top; }
.menu li a:hover { color: #a80d2f; }
.menu li .dropdown { position: absolute; left: 0; top: 21px; display: none; background: #fff; width: 265px; z-index: 100; text-align: left; padding: 25px 10px 5px 15px; box-shadow: 0 0px 10px rgba(0,0,0,0.05) }
.menu li:hover .dropdown { display: block; }
.menu li .dropdown li { margin-bottom: 10px; }
.menu li .dropdown li, .menu li .dropdown li a { width: 100%; display: block; font-weight: 600; }
.menu li .dropdown li a { padding-left: 5px; }
.banner { width: 100%; position: relative; z-index: 9;}
.banner img { width: 100%; }
.owl-theme .owl-dots .owl-dot { outline: none; }
.banner.owl-theme .owl-dots { position: absolute; bottom: -3px; right: 10px; }
.banner.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; background: rgba(255,255,255,0.4); }
.banner.owl-theme .owl-dots .owl-dot.active span, .banner.owl-theme .owl-dots .owl-dot:hover span { background: #fff; }
.banner.owl-theme .owl-dots .owl-dot span { margin: 5px 4px }
.th-sec { padding: 116px 0px 120px 0px; }
.ser-th { width: 100%; max-width: 310px; margin: 10px auto; background: #469CAE; text-align: center; padding: 5px; position: relative; z-index: 5 }
.ser-th img { width: 100%; max-width: 300px; }
.ser-th-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; overflow: hidden; padding: 5px; display: none; }
.ser-th-1 img { max-width: 100%; width: 300px; }
.ser-th:hover .ser-th-1 { display: block; }
/*
.ser {position: relative;}
.ser::after {position: absolute; content:''; left: 0; right: 0; top:0; bottom: 0; width: 100%; background: #ff0000; background: transparent url("../images/Blue.svg") no-repeat center 0; margin: 0 auto; opacity: 0.5;z-index: 11;}
*/

.ser { position: relative; }
.ser-bg { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0.5; display: none; /*z-index: 6;*/ }
.ser:hover .ser-bg { display: block; }
.ser:hover .ser-title { -webkit-text-stroke: 2px #469CAE; -webkit-text-fill-color: white; }
.ot-th { width: 100%; max-width: 310px; margin: 10px auto; background: #B0D665; text-align: center; padding: 5px; }
.ot-th img { width: 100%; max-width: 300px; }
.gal-th { width: 100%; max-width: 310px; margin: 10px auto; background: #DD6345; text-align: center; padding: 5px; position: relative; }
.gal-th img { width: 100%; max-width: 300px; }
.gal-th-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; overflow: hidden; padding: 5px; display: none; }
.gal-th-1 img { max-width: 100%; width: 300px; }
.gal-th:hover .gal-th-1 { display: block; }
.ser-title { color: #469CAE; font-size: 28px; line-height: 38px; text-transform: uppercase; margin-top: 13px; font-family: 'AvenirBlack'; letter-spacing: 2.8px; padding-right: 6px; }
.ot-title { color: #B0D665; font-size: 28px; line-height: 38px; font-weight: 800; text-transform: uppercase; margin-top: 13px; font-family: 'AvenirBlack'; letter-spacing: 2.8px; padding-right: 6px; }
.gal-title { color: #DD6345; font-size: 28px; line-height: 38px; font-weight: 800; text-transform: uppercase; margin-top: 13px; font-family: 'AvenirBlack'; letter-spacing: 2.8px; padding-right: 6px; }
.ser, .our-team, .red-gallery { cursor: pointer; }
.ser:hover .ser-th .core-block, .our-team:hover .ot-th .core-block, .red-gallery:hover .gal-th .core-block { display: none; }
.ser:hover .ser-th .core-hover, .our-team:hover .ot-th .core-hover, .red-gallery:hover .gal-th .core-hover { display: block; }
.ser-bg { z-index: 6; opacity: 1; }
.our-team:hover .ser-bg { display: block; }
.red-gallery:hover .ser-bg { display: block; }
.core-hover { display: none; }
.red-gallery:hover .gal-title { -webkit-text-stroke: 2px #DD6345; -webkit-text-fill-color: white; }
.our-team:hover .ot-title { -webkit-text-stroke: 2px #B0D665; -webkit-text-fill-color: white; }
.insta { padding: 32px 0 42px 0px; width: 100%; background: #000; }
.insta h1 { color: #fff; font-size: 20px; line-height: 20px; text-align: center; text-transform: uppercase; font-family: 'Avenir'; font-weight: 500; font-style: normal; letter-spacing: 2px; padding-bottom: 3px; }
.finsta { margin-top: 23px; }
.finsta img { }
.fsocial ul { margin-top: 35px; text-align: center; }
.fsocial ul li { display: inline; margin-right: 5px; }
.fsocial ul li:last-child { margin-right: 0px; }
.fbrands ul { max-width: 602px; width: 100%; margin: 19px auto 0; text-align: center; }
.fbrands ul li:first-child { margin-right: 12px; }
.fbrands ul li:nth-child(2), .fbrands ul li:nth-child(3) { margin-right: 14px; }
.fbrands ul li:nth-child(4) { margin-right: 5px; }
.fbrands ul li { display: inline; }

.fbrands ul li:first-child img { width: 100%; max-width: 132px; }
.fbrands ul li:nth-child(2) img { width: 100%; max-width: 71px; }
.fbrands ul li:nth-child(3) img { width: 100%; max-width: 62px; }
.fbrands ul li:nth-child(4) img { width: 100%; max-width: 136px; }
.fbrands ul li:nth-child(5) img { width: 100%; max-width: 88px; }
.fbrands ul li:last-child img { width: 100%; max-width: 50px; }
.max-width-brands { max-width: 1113px; width: 100%; margin: 0 auto; }
.flinks ul { margin-top: 13px; max-width: 607px; width: 100%; margin: 14px auto 0; }
.flinks ul li { display: inline; padding-right: 27px; }
.flinks ul li:last-child { padding-right: 0px; }
.flinks ul li a { text-transform: uppercase; font-size: 14px; line-height: 23px; color: #000; letter-spacing: 1.4px; }
.fcopy { text-align: center; margin-top: 15px; }
.fcopy p { font-size: 12px; color: #000; line-height: 16px; font-family: 'Avenir Book'; font-weight: normal; font-style: italic; padding-right: 5px; }
.fcopy p span { text-transform: uppercase; }
.fcopy a { color: #000; text-decoration: underline !important; }

.loader { display: table; width: 100%; height: 100%; position: fixed; z-index: 99999999999999999999999; left: 0; top: 0; background: #fff; }
.loaderin { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.loader-circle { border: 5px solid #A6AAAA; border-radius: 50%; margin: 0 auto 25px; border-top: 5px solid #AD123C; width: 50px; height: 50px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }
.loaderlogo { padding: 0 0 0px 0; width: 100%; text-align: center; margin: 0 0 25px; }
.loaderimage { padding: 0 0 0px 0; width: 100%; text-align: center; }
@-webkit-keyframes spin { 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin { 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}

/*==== Ranto ====*/
.service-box { max-width: 1230px; width: 100%; }
.loyalty-gird { padding-left: 0px; padding-right: 0px; padding-bottom: 128px; }
.loyalty-gird h1 { font-style: normal; text-align: center; text-transform: uppercase; font-size: 28px; line-height: 38px; letter-spacing: 2.8px; color: #2B2B2B; padding: 75px 0px 80px; font-family: 'AvenirBlack'; }
.loyalty-gird h2 { font-size: 20px; letter-spacing: 4px; color: #DE393F; text-transform: uppercase; font-weight: 500; font-style: normal; line-height: 28px; margin-top: -7px; font-family: 'Avenir'; padding-bottom: 12px; padding-top: 6px; }
.loyalty-gird p { font-size: 16px; letter-spacing: 1.6px; color: #000000; font-family: 'Avenir Book'; font-weight: normal; font-style: normal; line-height: 23px; }
.loyalty-img { padding-right: 37px; cursor: pointer; position: relative; }
.loyalty-img:hover .loyalty-posb { transform: rotate(-187deg); -webkit-transform: rotate(16deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; right: -16px; bottom: -59px; }
.loyalty-img .loyalty-posb { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; right: 5px; bottom: -46px; transform: rotate(-0deg); -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); }
.loyalty-content { max-width: 511px; width: 100%; margin-left: 21px; padding-top: 0px; }
.policies-gird h1 { font-family: 'AvenirBlack'; text-transform: uppercase; font-size: 28px; line-height: 38px; color: #2B2B2B; text-align: center; letter-spacing: 2.8px; padding-left: 4px; padding-bottom: 34px; }
.policies-gird h3 { font-family: 'Avenir'; padding-bottom: 12px; font-weight: 500; font-style: normal; text-transform: uppercase; font-size: 20px; line-height: 28px; letter-spacing: 4px; color: #469CAE; }
.policies-gird p { font-family: 'Avenir Book'; color: #000; font-size: 16px; line-height: 23px; letter-spacing: 1.6px; padding-left: 37px; padding-right: 32px; }
.policies-gird { max-width: 892px; width: 100%; margin: 0 auto; padding: 74px 0 56px; }
.policies-pnk { padding-left: 9px; padding-top: 6px; color: #EE4A7B !important; }
.policies-grn { color: #3BCCA5 !important; margin-left: -4px; padding-top: 6px; }
.policies-dark-grn { color: #9DCC3B !important; padding-top: 7px; }
.policies-orange { color: #DD6345 !important; padding-top: 7px; }
.policies-red { color: #DE393F !important; padding-top: 7px; }
.pr-10 { padding-right: 10px !important; }
.gallery-gird { padding: 74px 0px 66px; max-width: 1058px; width: 100%; margin: 0 auto; }
.gallery-gird h1 { font-family: 'AvenirBlack'; color: #2B2B2B; text-align: center; text-transform: uppercase; letter-spacing: 2.8px; font-size: 28px; line-height: 38px; padding-bottom: 94px; }
.gallery-box { position: relative; margin-bottom: 70px; }
.gallery-img { max-width: 300px; cursor: pointer; width: 100%; background: #000000; padding: 6px; border-radius: 10px; position: relative; }
.gallery-img img { border-radius: 10px; width: 100%;     height: 288px; object-fit: cover;object-position: top center; }
.gallery-posb { width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; flex-flow: column; background-color: #fff; top: 0; left: 0; right: 0; text-align: center; padding: 0px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; z-index: 111111; }
.gallery-box:hover .gallery-img { box-shadow: 0px 0px 10px rgba(0,0,0,0.16); }
.gallery-posb h3 { font-family: 'AvenirBlack'; color: #000000; text-transform: uppercase; }
.gallery-posb h3 a { color: #000; letter-spacing: 2.8px; font-size: 28px; }
.gallery-box:hover .gallery-posb { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.gallery-gird .row .col-lg-4:nth-child(3n+2) .gallery-box .gallery-img { margin: 0 auto; }
.gallery-gird .row .col-lg-4:nth-child(3n+3) .gallery-box .gallery-img { margin: 0 0 0 auto; }
.gallery-inner h1 span { font-family: 'AvenirRoman'; color: #DE393F; font-size: 20px; line-height: 28px; letter-spacing: 2px; }
.gallery-inner h1 { line-height: 32px; padding-bottom: 0px; padding-top: 4px; }
.gallery-inner .button-top { margin-top: -12px; padding-bottom: 32px; }
.gallery-inner .button-top .btn-blk, .gallery-inner .button-bottom .btn-blk, .blog-details .btn-blk { max-width: 125px; width: 100%; background: #000000; font-size: 18px; line-height: 23px; letter-spacing: 1.8px; color: #fff; border-radius: 25px; font-family: 'Avenir'; font-weight: 500; font-style: normal; padding: 10px 0px; }
.gallery-inner .button-bottom { margin-top: -36px; margin-bottom: 15px; z-index: 1; position: relative; }
.ptb-53 { padding-top: 14px !important; padding-bottom: 53px !important; }
.history-gird { max-width: 883px; width: 100%; margin: 0 auto; padding: 75px 0 69px; }
.history-gird h1 { font-family: 'AvenirBlack'; text-align: center; text-transform: uppercase; font-size: 28px; line-height: 38px; color: #2B2B2B; letter-spacing: 2.8px; padding-bottom: 59px; }
.history-gird .history-content h2 { font-family: 'Avenir'; font-weight: 500; font-style: normal; font-size: 20px; color: #DE393F; line-height: 28px; letter-spacing: 4px; text-transform: uppercase; padding-bottom: 12px; }
.history-gird .history-content p { font-family: 'Avenir Book'; font-weight: normal; font-style: normal; font-size: 16px; line-height: 23px; letter-spacing: 0.8px; color: #000; }
.history-gird .history-content { padding-left: 32px; padding-bottom: 24px; }
/*==== new styles ====*/
body.modal-open .wrapper { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.modal-backdrop.show { opacity: 0.1; filter: blur(150px); }
.modal-backdrop { background: #fff; }
.home-featured-main { background: rgba(213,133,169,1); background: -moz-linear-gradient(top, rgba(213,133,169,1) 0%, rgba(240,233,40,0.49) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,133,169,1)), color-stop(100%, rgba(240,233,40,0.49))); background: -webkit-linear-gradient(top, rgba(213,133,169,1) 0%, rgba(240,233,40,0.49) 100%); background: -o-linear-gradient(top, rgba(213,133,169,1) 0%, rgba(240,233,40,0.49) 100%); background: -ms-linear-gradient(top, rgba(213,133,169,1) 0%, rgba(240,233,40,0.49) 100%); background: linear-gradient(to bottom, rgba(213,133,169,1) 0%, rgba(240,233,40,0.49) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d585a9', endColorstr='#f0e928', GradientType=0 );
padding: 66px 0 0; }
.featured-cont { max-width: 1070px; width: 100%; margin: 0 auto; }
.featured-cont .row { align-items: center; padding: 0 0 83px; margin: 0; }
.ft-left-cont { z-index: 1; padding: 0; }
.feature-heading { font-family: 'Avenir'; font-size: 28px; line-height: 34px; letter-spacing: 5.6px; text-transform: uppercase; padding: 0 0 12px; }
.ft-left-inner { padding: 10px 40px 10px 43px; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); min-height: 327px; display: flex; align-items: flex-start; flex-flow: column; justify-content: center; margin: 0 -16px 0 0; }
.ft-left-inner h4 { font-size: 24px; line-height: 23px; letter-spacing: 2.4px; padding: 0 0 10px; font-family: 'Avenir Book'; }
.ft-left-inner p, .gmail_default, .align-paragh div{ font-family: 'Avenir Book'; font-size: 16px; line-height: 23px; letter-spacing: 1.6px; padding: 10px 15px 10px 0px; margin: 0; }
.ft-right-cont { background: #fff; cursor: pointer; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 24px 16px 24px 18px; margin: 0 0 0; }
.ft-right-cont img { display: block; width: 100%; height: auto; }
.overlay_vector { position: absolute; top: -36px; right: -42px;z-index: 99; }
.overlay_vector img { max-width: 100%; height: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.ft-right-cont:hover .overlay_vector { right: -82px; width: 217.33px; height: 178.67px; top: -33px; }
.ft-right-cont:hover .overlay_vector img { max-width: 223px; transform: rotate(25deg); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.ft-right-left-col.ft-right-cont .overlay_vector { right: auto; left: -66px; top: -56px; }
.ft-right-left-col.ft-right-cont:hover .overlay_vector img { transform: rotate(-25deg); }
.ft-right-left-col.ft-right-cont:hover .overlay_vector { top: -53px; left: -66px; }
.ft-left-right-col .ft-left-inner { margin: 0px 0 0 -15px; padding: 10px 58px 10px 39px; }
.ft-readmore a { font-size: 18px; line-height: 23px; font-weight: 300; text-decoration: underline !important; color: #000000;     cursor: pointer;}
.ft-readmore a:hover { color: #DE393F !important; }
.home-owner-main { padding: 145px 0 133px; margin: 20px 0; background: rgba(132,199,213,0.75); background: -moz-linear-gradient(top, rgba(132,199,213,0.75) 0%, rgba(132,154,213,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(132,199,213,0.75)), color-stop(100%, rgba(132,154,213,1))); background: -webkit-linear-gradient(top, rgba(132,199,213,0.75) 0%, rgba(132,154,213,1) 100%); background: -o-linear-gradient(top, rgba(132,199,213,0.75) 0%, rgba(132,154,213,1) 100%); background: -ms-linear-gradient(top, rgba(132,199,213,0.75) 0%, rgba(132,154,213,1) 100%); background: linear-gradient(to bottom, rgba(132,199,213,0.75) 0%, rgba(132,154,213,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c7d5', endColorstr='#849ad5', GradientType=0 );
}
.home-owner-cont { max-width: 1056px; width: 100%; margin: 0 auto; }
.hm-owner-left-cont { max-width: 360px; border: solid 5px #000; position: relative; width: 100%; margin: 0 0 0 auto; cursor: pointer; }
.hm-owner-left-cont img { max-width: 100%; height: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.hm-owner-left-cont:hover .owner-block { display: none; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.hm-owner-left-cont:hover .owner-hover { display: block; opacity: 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.owner-hover { display: none; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.owner-bg { width: 100%; height: 100%; z-index: 1; opacity: 0; position: absolute; top: 0; left: 0; right: 0; }
.owner-bg img { width: 100%; display: block; }
.hm-owner-left-cont:hover .owner-bg { opacity: 1; }
.owner-vector { position: absolute; top: auto; left: -52px; bottom: -46px; z-index: 2; }
.owner-vector img { max-width: 100%; height: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.hm-owner-left-cont:hover .owner-vector { right: -66px; }
.hm-owner-left-cont:hover .owner-vector img { max-width: 170px; transform: rotate(8deg); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.hm-owner-right-cont { padding: 17px 0 0 44px; }
.hm-owner-right-cont h2 { font-size: 36px; line-height: 49px; font-weight: 900; color: #FFFFFF; letter-spacing: 7.2px; text-transform: uppercase; padding: 0 0 16px; font-family: 'AvenirBlack'; }
.hm-owner-right-cont h3 { font-size: 28px; line-height: 23px; font-weight: 500; color: #FFFFFF; letter-spacing: 2.8px; padding: 0 0 14px; font-family: 'Avenir'; }
.hm-owner-right-cont h4 { font-size: 18px; line-height: 23px; font-weight: 400; color: #FFFFFF; padding: 0 0 12px; font-family: 'Avenir Book'; font-weight: normal; font-style: italic; }
.hm-owner-right-cont p { font-size: 20px; line-height: 23px; color: #FFFFFF; letter-spacing: 2px; font-weight: normal; font-style: normal; font-family: 'Avenir Book'; padding-bottom: 25px; }
.owner-readmore .btn-primary { display: inline-block; background: #469CAE !important; color: #ffffff; border-radius: 25px; font-size: 18px; line-height: 19px; padding: 16px 18px 15px; margin: 0; border: none; box-shadow: none !important; text-transform: uppercase; letter-spacing: 1.8px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; max-width: 200px; width: 100%; font-family: 'Avenir'; font-weight: 500; font-style: normal; }
.owner-readmore .btn.btn-primary:focus, .owner-readmore .btn.btn-primary:hover { color: #ffffff; box-shadow: 0 0 0 0.1rem rgba(70, 156, 174,0.5) !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
/*==== new styles ====*/

#staff-calendar .modal-dialog { max-width: 678px; }
#staff-calendar .modal-dialog .modal-content { border-radius: 6px; border: 0; box-shadow: 0px 2px 9px rgba(0,0,0,0.16); }
#staff-calendar .modal-body { max-width: 520px; width: 100%; margin: 0 auto; }
#staff-calendar .modal-body p { padding-top: 40px; padding-bottom: 5px; font-family: 'Avenir'; text-align: center; font-weight: 500; font-style: normal; color: #000000; font-size: 20px; line-height: 23px; letter-spacing: 2px; }
#staff-calendar .modal-body .form-group { max-width: 432px; width: 100%; margin: 0 auto; padding: 0px; }
#staff-calendar .modal-body .form-group .form-control { padding-left: 18px; border: 1px solid #DDDDDD; border-radius: 0px; font-size: 17px; letter-spacing: 3.4px; height: 45px; padding-right: 70px; background: #DDDDDD; max-width: 284px; width: 100%; font-family: 'Avenir'; font-weight: 500; font-style: normal; color: #000; }
#staff-calendar .modal-body .form-group .form-icon { position: absolute; right: 0; bottom: 0px; background: #000000; text-align: center; display: flex; align-items: center; justify-content: center; width: 140px; }
#staff-calendar .modal-body .form-group .form-icon .submit-btn { cursor: pointer; height: 45px; width: 100%; background: transparent; border: 0; color: #fff; font-family: 'Avenir'; font-weight: 500; font-style: normal; letter-spacing: 3.4px; font-size: 17px; line-height: 24px; }
#staff-calendar .modal-header .close { outline: none; position: absolute; right: -7px; top: -11px; width: 43px; height: 43px; background: #fff; opacity: 1; border-radius: 50%; padding: 0; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); }
#staff-calendar .modal-body .form-group .form-control::-webkit-input-placeholder, .blog-gird .newsletter-form .form-control::-webkit-input-placeholder {
color: #000000;
}
#staff-calendar .modal-body .form-group .form-control::-moz-placeholder, .blog-gird .newsletter-form .form-control::-moz-placeholder {
color: #000000;
}
#staff-calendar .modal-body .form-group .form-control:-ms-input-placeholder, .blog-gird .newsletter-form .form-control:-ms-input-placeholder {
color: #000000;
}
#staff-calendar .modal-body .form-group .form-control:-moz-placeholder, .blog-gird .newsletter-form .form-control:-moz-placeholder {
color: #000000;
}
/*===about====*/
.about-gird h1 { font-family: 'AvenirBlack'; font-size: 28px; text-align: center; line-height: 38px; letter-spacing: 2.8px; text-transform: uppercase; color: #2B2B2B; padding-bottom: 23px; }
.nav-tabs { background: rgba(0,0,0,0.15); border-radius: 25px; border: 0; display: flex; align-items: center; justify-content: space-between; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { border-radius: 25px; color: #fff; background-color: #000000; border: 0; }
.nav-tabs .nav-link { width: 50%; font-family: 'Avenir'; font-weight: 500; font-style: normal; color: #000000; font-size: 18px; letter-spacing: 1.8px; line-height: 22px; padding: 13px 0px; text-transform: uppercase; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: transparent; }
.about-gird { padding-bottom: 65px; max-width: 960px; width: 100%; margin: 0 auto; padding-top: 75px; }
.nav-tabs .nav-item { text-align: center; display: contents; width: 100%; }
.about-content { max-width: 100%; width: 100%; margin: 0 auto; padding-top: 51px; padding-left: 14px; padding-right: 20px; }
.about-content h2 { font-weight: 500; font-style: normal; color: #000000; font-size: 28px; text-transform: uppercase; letter-spacing: 5.6px; padding-bottom: 16px; }
.about-content p { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 23px; color: #000000; }
.about-content p a { color: #000; }
.about-content h3 { font-weight: 500; font-style: normal; color: #000000; font-size: 20px; text-transform: uppercase; letter-spacing: 4px; padding-bottom: 6px; }
.about-content ul { padding-bottom: 8px; }
.about-content ul li { font-family: 'Avenir Book'; color: #000; font-size: 16px; line-height: 23px; letter-spacing: 1.6px; }
.about-content h4 { font-weight: 500; font-style: normal; color: #000000; font-size: 20px; text-transform: uppercase; letter-spacing: 4px; padding-bottom: 6px; }
.about-content h5 { font-weight: 500; font-style: normal; color: #000000; font-size: 20px; text-transform: uppercase; letter-spacing: 4px; padding-bottom: 6px; }
/*=== blog ====*/

/*--- INNER PAGE CSS --- */
.star-none { display: none; }
.star-gird:hover .star-top-posb .star-none { display: block; }
.star-gird:hover .star-top-posb .star-block { display: none; }
.star-gird:hover .star-top-posb { top: -73px; left: -5px; }
.star-top-posb { position: absolute; cursor: pointer; top: -49px; left: 6px; }
.star-gird:hover .star-bottom-posb { right: -1px; bottom: -41px; }
.star-bottom-posb { position: absolute; cursor: pointer; right: 10px; bottom: -28px; }
.star-gird:hover .star-bottom-posb .star-none { display: block; }
.star-gird:hover .star-bottom-posb .star-block { display: none; }
.reviews { padding: 75px 0px 56px 0px; }
.review-box { width: 100%; max-width: 624px; margin: 0 auto; }
.reviews-inner { width: 100%; max-width: 840px; margin: 77px auto }
.title { font-size: 28px; line-height: 38px; letter-spacing: 2.8px; text-align: center; text-transform: uppercase; font-weight: 900; font-family: 'AvenirBlack'; }
.rev-title { font-family: 'Avenir Book'; font-style: italic; font-size: 20px; line-height: 23px; letter-spacing: 2px; margin-bottom: 12px; }
.rev-des { font-size: 16px; line-height: 23px; letter-spacing: 1.6px; font-family: 'Avenir Book'; }
.reviews-inner { position: relative }
.reviews-inner li { margin-bottom: 72px; }
.rev-star { margin-top: 11px; }
.rev-star li { display: inline; margin-right: 4px; }
.rev-star li:first-child { margin-right: 14px; }
.rev-img-top { position: absolute; top: -40px; left: -110px; }
.rev-img-bottom { position: absolute; bottom: -40px; right: -110px; }
.brands { padding: 56px 0 49px 0 }
.brand-right .title { text-align: left; }
.brand-right { padding-left: 68px; }
.brand-right h2 { text-transform: uppercase; line-height: 28px; font-size: 20px; letter-spacing: 4px; margin-bottom: 14px; margin-top: 10px; }
.brand-right p { width: 100%; max-width: 550px; font-size: 16px; line-height: 23px; letter-spacing: 1.6px; font-family: 'Avenir Book'; }
.brand-main { width: 100%; max-width: 821px; margin: 58px auto 0 auto }
.brand-main h4 { font-size: 20px; line-height: 28px; letter-spacing: 4px; font-weight: 500; text-transform: uppercase; padding-bottom: 4px; }
.brand-main p { font-size: 16px; line-height: 23px; letter-spacing: 1.6px; font-family: 'Avenir Book'; }
.brand-main li:first-child h4 { color: #469CAE; }
.brand-main li:nth-child(2) h4 { color: #EE4A7B; }
.brand-main li:nth-child(3) h4 { color: #3BCCA5 }
.brand-main li:nth-child(4) h4 { color: #9965D6 }
.careers { padding: 44px 0 47px 0 }
.career-list { width: 100%; max-width: 713px; margin: 72px auto 0 auto }
.career-list li { margin-bottom: 31px; position: relative; list-style-type: disc !important; }
.career-list h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 28px; letter-spacing: 4px; font-family: 'Avenir'; margin-bottom: 12px; z-index: 20; position: relative; }
.career-list p { font-size: 16px; line-height: 23px; letter-spacing: 1.6px; font-family: 'Avenir Book'; }
.career-link { margin-top: 43px; }
.career-link .btn-reg { max-width: 200px; width: 100%; text-align: center; padding: 14px 0px 14px 5px; display: inline-block; }
.btn-reg { background: #469CAE; border-radius: 25px; color: #fff; text-transform: uppercase; padding: 10px 35px; font-size: 18px; line-height: 23px; letter-spacing: 1.8px; font-weight: 500; font-family: 'Avenir'; }
.btn-reg:hover { color: #fff; }
.career-list li:nth-child(1) img { position: absolute; left: -90px; top: -45px; z-index: 4; transition: all 0.3s; }
.career-list li:nth-child(2) img { position: absolute; right: -82px; top: 8px; z-index: 4; transition: all 0.3s; }
.career-list li:nth-child(3) img { position: absolute; left: -138px; top: -39px; z-index: 4; transition: all 0.3s; }
.career-list li:nth-child(4) img { position: absolute; right: -98px; top: -97px; z-index: 4; transition: all 0.3s; }
.cmrg { margin-top: 114px !important; }
.mx-245 { max-width: 245px !important; }
.career-list li:nth-child(1):hover img { transform: rotate(-20deg); }
.career-list li:nth-child(2):hover img { transform: rotate(30deg); }
.career-list li:nth-child(3):hover img { transform: rotate(-15deg); }
.career-list li:nth-child(4):hover img { transform: rotate(-15deg); }
.promo { padding: 44px 0 85px 0 }
.promo-list { margin-top: 75px; max-width: 1188px; }
.full-img { width: 100%; }
.promo-des { width: 100%; min-height: 454px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column }
.prm1 { position: relative; transition: all 0.4s; }
.prm1 img { position: relative; z-index: 20; transition: all 0.4s; }
.prm1:after { position: absolute; width: 99%; height: auto; content: ''; background: #DE393F; left: -12px; right: 0; top: -10px; bottom: 10px; z-index: 10; transition: all 0.4s; }
.promo-list .row:hover .prm1:after { left: -17px; top: -15px; bottom: 20px; }
.promo-list .row:hover .prm1 img { margin-top: 5px; margin-left: 10px; transition: all 0.4s; }
.prm2 { position: relative; transition: all 0.4s; }
.prm2 img { position: relative; z-index: 20; transition: all 0.4s; }
.prm2:after { position: absolute; width: 100%; height: auto; content: ''; background: #B0D665; right: -12px; top: -10px; bottom: 10px; z-index: 10; transition: all 0.4s; }
.promo-list .row:hover .prm2:after { right: -17px; top: -15px; bottom: 20px; }
.promo-list .row:hover .prm2 img { margin-top: 5px; margin-right: 10px; transition: all 0.4s; }
.prm3 { position: relative; transition: all 0.4s; }
.prm3 img { position: relative; z-index: 20; transition: all 0.4s; }
.prm3:after { position: absolute; width: 100%; height: auto; content: ''; background: #84C7D5; left: -12px; right: 0; top: -10px; bottom: 10px; z-index: 10; transition: all 0.4s; }
.promo-list .row { margin-bottom: 60px; }
.promo-list .row:hover .prm3:after { left: -17px; top: -15px; bottom: 20px; }
.promo-list .row:hover .prm3 img { margin-top: 5px; margin-left: 10px; transition: all 0.4s; }
.rht { padding-left: 117px; }
.let { padding-right: 99px; padding-top: 31px; }
.promo-des h4 { font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: 4px; text-transform: uppercase; }
.promo-des p { font-size: 17px; line-height: 23px; letter-spacing: 1.7px; width: 100%; max-width: 589px; font-family: 'Avenir Book'; font-weight: normal; margin-top: 12px; padding-bottom: 8px; }
.promo-des { position: relative; }
.prm-icon4 { position: absolute; right: 21px; top: 125px; transition: all 0.4s; }
.promo-list .row:hover .prm-icon4 { transform: rotate(15deg) }
.prm-icon3 { position: absolute; left: -93px; bottom: -4px; transition: all 0.4s; }
.promo-list .row:hover .prm-icon3 { transform: rotate(-15deg) }
.prm-icon2 { position: absolute; right: -84px; top: 141px; transition: all 0.4s; }
.promo-list .row:hover .prm-icon2 { transform: rotate(-15deg) }
.prm-icon1 { position: absolute; right: -6px; top: 62px; transition: all 0.4s; }
.promo-list .row:hover .prm-icon1 { transform: rotate(-15deg) }
.team-main { max-width: 1065px; width: 100%; margin: 0 auto 0 25px; }
.team-main .col-md-4:nth-child(3n+1) { padding-left: 0px; }
.team-main .col-md-4:nth-child(3n+2) .team-cont { margin: 0 auto 0 6px; }
.team-main .col-md-4:nth-child(3n+3) .team-cont { margin: 0 0 0 auto; }
.team-main { padding-top: 127px; padding-bottom: 40px; padding-top: 63px; }
.team-cont { width: 100%; max-width: 300px; padding: 5px; background: #000; border-radius: 10px; text-align: center; position: relative; margin-bottom: 75px; }
.team-cont img { width: 100%; border-radius: 10px;     height: 290px; object-fit: cover; }
.team-cont-inner { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 9px; box-shadow: 0 0 10px rgba(0,0,0,0.16); display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; transition: all 0.4s; opacity: 0; }
.team-cont-inner h2 { font-size: 28px; text-transform: uppercase; line-height: 38px; letter-spacing: 2.8px; font-family: 'AvenirBlack'; }
.team-cont-inner h3 { font-size: 22px; text-transform: capitalize; line-height: 23px; letter-spacing: 2.2px; font-family: 'AvenirRoman'; margin-top: 20px; }
.team-cont:hover .team-cont-inner { opacity: 1; }
.team-modal { position: relative; margin-top: 60px; border: 0; box-shadow: 0px 2px 9px rgba(0,0,0,0.16); }
.team-modal .close-modal { position: absolute; right: -30px; cursor: pointer; top: -25px; }
.team-modal .modal-btn { position: absolute; width: 100%; left: 0; right: 0; bottom: -20px; text-align: center; }
.modal-btn a { width: 100%; max-width: 419px; height: 48px; display: inline-block; text-align: center; color: #fff; background: #000; border-radius: 24px; line-height: 48px; text-transform: uppercase; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; }
.team-modal .team-inner { padding: 40px 25px 40px 50px; }
.team-modal img { border-radius: 10px; }
.team-modal h1 { font-size: 16px; line-height: 20px; letter-spacing: 1.6px; font-family: 'Avenir'; font-weight: 900; text-transform: uppercase; }
.team-modal h1 span { font-size: 12px; line-height: 16px; font-family: 'Avenir Book'; font-weight: normal; font-style: italic; text-transform: capitalize; letter-spacing: 0px; }
.team-modal p { font-size: 12px; line-height: 14px; font-family: 'AvenirRoman'; width: 100%; max-width: 520px; margin-top: 9px; }
.team-left-cont { padding-left: 10px; padding-top: 14px; }
.t-tst { font-size: 12px; line-height: 14px; font-style: italic; font-family: 'Avenir'; }
.tmt-1 { margin-top: 24px; }
.fp-list { margin-top: 5px; padding-bottom: 13px; }
.fp-list li { margin-bottom: 5px; font-family: 'Avenir'; font-weight: normal; font-style: italic; font-size: 14px; line-height: 20px; }
.team-portfolio { margin-top: 15px; width: 100%; max-width: 810px; height: 380px; }
.tmt-2 h1 { margin-bottom: 18px; }
.team-portfolio img { margin-bottom: 30px; height: 173px; object-fit: cover;}
.pr-list li { margin-top: 20px; }
.pr-list li a { font-size: 14px; color: #000; line-height: 20px; font-style: italic; font-weight: 400; text-decoration: underline !important; }
body.modal-open .wrapper { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.services { padding-top: 80px; padding-bottom: 48px; }
.services h5 { font-size: 16px; letter-spacing: 1.6px; line-height: 22px; font-family: 'AvenirBlack'; }
.services h6, .services p { font-size: 16px; letter-spacing: 1.6px; line-height: 22px; font-weight: normal; font-family: 'Avenir Book'; }
.src-one { width: 100%; max-width: 777px; margin: 0 auto; }
.services p { margin-bottom: 35px; }
.src-list { margin-bottom: 35px; }
.src-list li { font-size: 16px; letter-spacing: 1.6px; line-height: 22px; font-weight: normal; font-family: 'Avenir Book'; }
.src-list-one li { font-size: 16px; letter-spacing: 1.6px; line-height: 22px; font-weight: normal; font-family: 'Avenir Book'; position: relative; padding-left: 70px; }
/*.src-list-one li i {position: absolute; top: 0px; left: 100px; font-size: 12px;}*/ 
/*--- END INNER PAGE CSS---*/ 
.blog-gird { padding-top: 75px; }
.blog-gird h1 { font-family: 'AvenirBlack'; font-size: 28px; line-height: 38px; text-align: center; color: #2B2B2B; letter-spacing: 2.8px; text-transform: uppercase; padding-bottom: 37px; }
.blog-gird h4 { text-align: center; font-weight: 500; font-style: normal; color: #000000; font-size: 20px; line-height: 28px; letter-spacing: 4px; padding-left: 3px; padding-bottom: 15px; }
.mlsub-5 .form-control { padding-left: 20px !important; }
.blog-gird .newsletter-form .form-control { padding-left: 24px; letter-spacing: 3.4px; background: #DDDDDD; font-weight: 500; font-style: normal; font-size: 17px; line-height: 24px; color: #000000; border: 0; border-radius: 0; height: 45px; }
.newsletter-form .btn-submit { font-size: 17px; max-width: 140px; width: 100%; background: #000000; border: 0; border-radius: 0; font-weight: 500; font-style: normal; color: #fff; text-transform: uppercase; line-height: 23px; letter-spacing: 3.4px; padding: 11px 0px; }
.newsletter-form { max-width: 725px; width: 100%; margin: 0 auto; padding-bottom: 61px; }
.blog-left-gird .blog-img { background: #000000; border-radius: 10px; padding: 5px; }
.blog-left-gird .blog-img img { width: 100%; border-radius: 10px;     height: 262px; object-fit: cover;   object-position: 50% 5%;}
.blog-content-box { background: #E0A7A3; border-radius: 10px; position: relative; overflow: hidden; padding: 37px 60px 0px 37px; cursor: pointer; }
.blog-content-box h2 { font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 5px; font-size: 25px; color: #000000; line-height: 34px; padding-bottom: 8px; }
.blog-content-box h5 { font-style: italic; font-family: 'Avenir Book'; font-weight: normal; color: #000000; font-size: 21px; line-height: 20px; letter-spacing: 2.1px; }
.blog-content-box hr { border-top: 1px solid #FFFFFF; width: 76px; margin-bottom: 10px; }
.blog-content-box p { font-family: 'Avenir Book'; font-size: 16px; line-height: 23px; letter-spacing: 1.6px; color: #000000; padding-bottom: 0px; margin-bottom: 14px; }
.blog-content-box .read-more-btn { max-width: 181.58px; width: 100%; background: #FFFFFF; border-radius: 25px; font-weight: 500; font-style: normal; font-size: 16px; line-height: 20px; letter-spacing: 1.6px; color: #000000; padding: 9.4px 0px; margin-bottom: 22px; }
.blog-content-box .blog-posb { position: absolute; right: -19px; top: 20px; width: 203.74px; height: 231.17px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
.blog-max-width { max-width: 1196px; }
.blog-posb .blog-hide { display: none; }
.blog-content-box:hover .blog-posb { top: -8px; right: -35px; width: 245.69px; height: 278.01px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
.blog-posb .blog-show { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
.blog-content-box:hover .blog-posb .blog-show { display: none; }
.blog-content-box:hover .blog-posb .blog-hide { display: block; }
.archive-box { text-align: right; padding-right: 3px; }
.archive-box h3 { font-family: 'AvenirBlack'; font-size: 25px; line-height: 34px; letter-spacing: 2.5px; text-transform: uppercase; color: #2B2B2B; padding-bottom: 9px; }
.archive-box ul li a { color: #2B2B2B; font-size: 18px; letter-spacing: 1.8px; line-height: 25px; font-family: 'Avenir Book'; }
.archive-box ul li { position: relative; padding-bottom: 22px; }
.archive-box ul li a:after { content: ''; position: absolute; bottom: 12px; width: 47px; background: #707070; height: 1px; right: 4px; }
.blog-left-gird { margin-bottom: 65px; }
.archive-box ul li:last-child a:after { display: none; }
.blog-section ul li:nth-child(even) .blog-left-gird .row { display: flex; flex-direction: row-reverse; }
.blog-section ul li:nth-child(even) .blog-left-gird .blog-content-box { text-align: right; padding: 29px 43px 7px 50px; }
.blog-section ul li:nth-child(even) .blog-left-gird .blog-content-box p { margin-bottom: 16px; }
.blog-section ul li:nth-child(even) .blog-left-gird .blog-content-box hr { margin-left: auto; }
.blog-section ul li:nth-child(even) .blog-left-gird { padding-right: 15px; }
.blog-section ul li:nth-child(even) .blog-left-gird .col-lg-4 { padding-left: 10px; }
.blog-section ul li:nth-child(even) .blog-left-gird .col-lg-8 { padding-left: 15px; padding-right: 10px; }
.dark-brown { background: #E7BBA1; }
.light-brown { background: #F1DAA3; }
.dark-yellow { background: #F4EFA2; }
.dark-blue { background: #A2D2DF; padding: 30px 60px 7px 37px; }
.dark-purple { background: #A2B4DF; }
.dark-brown.blog-content-box .blog-posb { left: -27px; width: 57.56px; height: 275.74px; right: auto; top: 16px; transform: rotate(-0deg); -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); }
.dark-brown.blog-content-box:hover .blog-posb { transform: rotate(-9deg); -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -ms-transform: rotate(-9eg); -o-transform: rotate(-9deg); top: 24px; left: -46px }
.blog-section ul li:nth-child(2) .blog-left-gird { margin-bottom: 54px; }
.blog-section ul li:nth-child(3) .blog-left-gird { margin-bottom: 59px; }
.light-brown.blog-content-box .blog-posb { right: -14px; top: 9px; width: 210.82px; height: 219.11px; }
.light-brown.blog-content-box:hover .blog-posb { right: -33px; top: -14px; width: 241.47px; height: 245.74px; }
.dark-yellow.blog-content-box .blog-posb { left: 16px; top: 29px; width: 125.76px; height: 221.53px; transform: rotate(-0deg); -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); }
.dark-yellow.blog-content-box:hover .blog-posb { transform: rotate(-28deg); -webkit-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28eg); -o-transform: rotate(-28deg); left: -11px; top: 16px; }
.dark-blue.blog-content-box .blog-posb { right: -24px; top: -5px; width: 194.76px; height: 227.89px; }
.dark-blue.blog-content-box:hover .blog-posb { right: -33px; top: -31px; width: 216.77px; height: 278.05px; }
.dark-purple.blog-content-box .blog-posb { width: 256px; height: 170px; left: 2px; top: 9px; }
.dark-purple.blog-content-box:hover .blog-posb { width: 257px; height: 202px; left: 24px; top: 3px; }
.blog-box { padding-bottom: 24px; }
/*==== blog-details ====*/
.blog-details .blog-left-gird { margin-bottom: 24px; }
.blog-details .blog-section { max-width: 726px; width: 100%; margin: 0 20px 0 auto; padding-bottom: 26px; }
.blog-details .blog-section .btn-blk { margin-bottom: 20px; }
.blog-details .blog-section .blog-left-gird .blog-img { padding: 12px; margin-bottom: 20px; }
.blog-details .archive-box { padding-top: 66px; }
.blog-details .blog-content-box { padding: 42px 60px 25px 41px; }
.blog-details .blog-content-box h2 { font-size: 28px; letter-spacing: 5.6px; padding-bottom: 12px; }
.blog-details .blog-content-box h5 { font-size: 24px; letter-spacing: 2.1px; }
.blog-details .blog-content-box p { margin-bottom: 23px; }
.blog-details .blog-content-box hr { width: 84px; margin-bottom: 11px; margin-top: 18px; }
.blog-details .blog-content-box .blog-posb { right: -27px; top: -3px; width: 224.4px; height: 254.62px; }
.blog-details .blog-content-box:hover .blog-posb { width: 271.55px; height: 323.18px; right: -39px; top: -17px; }
.logo-sticky-postion { position: fixed; bottom: 12px; z-index: 111; left: 34px; cursor: pointer; }
.toggle-box ul { padding-top: 50px; padding-left: 54px; }
.toggle-box ul li { display: inline-block; position: relative; padding-right: 21px; }
.toggle-box ul li:first-child a { min-width: 300px; }
.toggle-box ul li a { background: #CE1C44; font-family: 'Futura'; font-weight: 500; font-style: normal; color: #fff; border-radius: 25px; font-size: 14px; line-height: 30px; text-transform: uppercase; min-width: 150px; width: 100%; display: inline-block; text-align: center; margin-right: 21px; }
.logo-sticky-postion.show .button-dropdown { opacity: 0; }
.logo-sticky-postion .dropdown-menu { top: 0%; opacity: 1; width: 100%; min-width: 800px; background: transparent; border: 0; left: -850px; transform: translate3d(0px, -41px, 0px) !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.dropdown>.dropdown-toggle:active { /*Without this, clicking will make it sticky*/
pointer-events: none; }
.logo-sticky-postion .dropdown-toggle { background: transparent; padding: 0; border: 0; }
.logo-sticky-postion .dropdown-toggle:after { display: none; }
/*==== services ====*/
.service-pricing { padding: 29px 0px; }
.service-pricing h1 { font-family: 'AvenirBlack'; text-transform: uppercase; text-align: center; font-size: 28px; letter-spacing: 2.8px; line-height: 38px; color: #2B2B2B; padding-bottom: 27px; }
.service-pricing ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0px 20px; width: 100%; max-width: 1250px; margin: 0 auto; }
.service-pricing ul li { display: inline-block; }
.service-pricing ul li .btn-pricing { padding: 10px 0px; background: #469CAE; min-width: 190px; border-radius: 25px; font-size: 17px; color: #fff; font-weight: 500; line-height: 23px; letter-spacing: 1.7px; font-family: 'Avenir'; text-transform: uppercase; }
.service-pricing ul li:nth-child(2) .btn-pricing { background: #EE4A7B !important; }
.service-pricing ul li:nth-child(3) .btn-pricing { background: #E5D030 !important; }
.service-pricing ul li:nth-child(4) .btn-pricing { background: #B0D665 !important; }
.service-pricing ul li:nth-child(5) .btn-pricing { background: #DD6345 !important; }
.service-pricing ul li:nth-child(6) .btn-pricing { background: #9965D6 !important; }
.difference-stylist { max-width: 777px; width: 100%; margin: 0 auto; padding-left: 3px; }
.difference-stylist h3 { font-family: 'AvenirBlack'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #000; }
.difference-stylist p { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; color: #000000; line-height: 22px; }
.difference-stylist ul li { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; color: #000000; line-height: 22px; }
.difference-stylist h4 { padding-top: 7px; font-family: 'AvenirBlack'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #000; }
.difference-stylist h5 { padding: 6px 0px 1px; font-family: 'AvenirBlack'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #000; }
.difference-stylist ul { padding: 6px 0px 23px; }
.pl-65 { padding-left: 64px; white-space: break-spaces; margin-bottom: 0px; }
.pl-69 { padding-left: 69px; white-space: break-spaces; }
.cut-styles-box { padding-top: 42px; max-width: 911px; width: 100%; margin: 0 auto; padding-left: 17px; padding-right: 9px; }
.cut-styles-box h2 { color: #469CAE; text-align: center; font-family: 'AvenirBlack'; text-transform: uppercase; font-size: 28px; line-height: 38px; letter-spacing: 2.8px; padding-bottom: 26px; }
.cut-gird { max-width: 228px; width: 100%; margin: 0 auto; }
.cut-gird h3 { font-family: 'AvenirBlack'; font-size: 18px; letter-spacing: 1.8px; line-height: 25px; color: #2B2B2B; text-transform: uppercase; text-align: center; padding-bottom: 9px; position: relative; display: flex; align-items: flex-start; justify-content: center; }
.cut-gird-content { position: relative; margin: 5px 0 8px; display: flex; justify-content: space-between; }
.cut-gird-content:before { content: ''; width: 100%; height: 1px; border-bottom: dotted 1px #000; position: absolute; left: 0; top: 15px; z-index: 1; }
.cut-gird-content .left-service { width: 79%; }
.cut-gird-content .right-service { width: 21%; }
.cut-gird-content .left-service span { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #2B2B2B; display: inline; background: #fff; position: relative; z-index: 2; padding-right: 5px; }
.cut-gird-content .right-service small { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #000; display: block; background: #fff; position: relative; z-index: 2; padding-left: 5px; }
.cut-gird-content .right-service small em{    font-size: 15px;
    font-style: normal;
    color: #469CAE;
    font-weight: 600;
    letter-spacing: 1px;}
.other-gird .cut-gird { max-width: 482px; margin: 0 auto; margin-right: 58px !important; }
.other-gird .cut-gird-content .left-service { width: 37.3%; }
.other-gird .cut-gird-content .right-service { width: 62.7%; }
.other-gird { padding-top: 44px; }
.max-228 { max-width: 222px; width: 100%; }
.coloring-box { max-width: 925px; width: 100%; margin: 0 auto; padding-top: 54px; padding-left: 18px; padding-right: 4px; }
.coloring-box h2 { text-align: center; text-transform: uppercase; font-family: 'AvenirBlack'; color: #EE4A7B; font-size: 28px; letter-spacing: 2.8px; line-height: 38px; padding-bottom: 25px; }
.coloring-box .cut-gird { max-width: 240px; margin-bottom: 49px; }
.coloring-box .cut-gird-content .left-service { width: 75%; }
.coloring-box .cut-gird-content .right-service { width: 25%; }
.mr-auto-7 { margin: 0 16px 0 auto; }
.mr-auto-8 { margin: 2px 8px 0 auto; }
.texturizing-box { padding-bottom: 24px; }
.texturizing-box h2 { color: #E5D030; text-align: center; font-family: 'AvenirBlack'; text-transform: uppercase; font-size: 28px; line-height: 38px; letter-spacing: 2.8px; padding-bottom: 26px; }
.mb-33 { margin-bottom: 33px !important; }
.service-sec { margin-bottom: 48px; }
.speciality-box { width: 100%; max-width: 500px; margin: 30px auto 0 auto; padding-bottom: 25px; }
.speciality-box h2 { color: #B0D665; text-align: center; font-family: 'AvenirBlack'; text-transform: uppercase; font-size: 28px; line-height: 38px; letter-spacing: 2.8px; padding-bottom: 24px; }
.speciality-grid { position: relative; margin: 5.5px 0px 8.5px; display: flex; justify-content: space-between; }
.speciality-grid:before { content: ''; width: 100%; height: 1px; border-bottom: dotted 1px #000; position: absolute; left: 0; top: 15px; z-index: 1; }
.speciality-grid .left-service span { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #2B2B2B; display: inline; background: #fff; position: relative; z-index: 2; padding-right: 5px; }
.speciality-grid .right-service small { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #000; display: block; background: #fff; position: relative; z-index: 2; padding-left: 5px; }
.speciality-grid .left-service { width: 84%; }
.speciality-grid .right-service { width: 60%; }
.speciality-grid-main { width: 100%; max-width: 403px; margin: 0 auto; padding-left: 22px; }
.speciality-gird span { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #2B2B2B; display: inline; background: #fff; position: relative; z-index: 2; }
.speciality-grid-main h3 { font-family: 'AvenirBlack'; font-size: 18px; letter-spacing: 1.8px; line-height: 25px; color: #2B2B2B; text-transform: uppercase; text-align: center; padding-bottom: 17px; }
.waxing-box .cut-gird { padding-left: 5px; }
.waxing-box .cut-gird-content .left-service { width: 89%; }
.waxing-box { margin: 30px auto 0 auto; max-width: 500px; width: 100%; }
.waxing-box h2 { color: #DD6345; text-align: center; font-family: 'AvenirBlack'; text-transform: uppercase; font-size: 28px; line-height: 38px; letter-spacing: 2.8px; padding-bottom: 23px; }
.wedding-box { margin: 55px auto 0 auto; max-width: 897px; width: 100%; }
.wedding-box h2 { color: #9965D6; text-align: center; font-family: 'AvenirBlack'; text-transform: uppercase; font-size: 28px; line-height: 38px; letter-spacing: 2.8px; padding-bottom: 18px; }
.wedding-info { text-align: center; width: 100%; max-width: 678px; margin: 25px auto 0 auto; }
.wedding-info p { font-size: 16px; line-height: 22px; letter-spacing: 1.6px; font-family: 'Avenir Book'; font-weight: 400; }
.wedding-inner { margin-top: 28px; padding-bottom: 19px; }
.wedding-inner h3 { font-size: 18px; text-transform: uppercase; line-height: 25px; letter-spacing: 1.8px; font-family: 'AvenirBlack'; font-weight: 900; text-align: center; margin-bottom: 16px; }
.wedding-grid { position: relative; margin: 5px 0 8px; display: flex; justify-content: space-between; }
.wedding-grid .left-service { width: 38%; }
.wedding-grid .right-service { width: 58.5%; }
.wedding-grid:before { content: ''; width: 100%; height: 1px; border-bottom: dotted 1px #000; position: absolute; left: 0; top: 15px; z-index: 1; }
.wedding-grid .left-service span { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #2B2B2B; display: inline; background: #fff; position: relative; z-index: 2; padding-right: 5px; }
.wedding-grid .right-service small { font-family: 'Avenir Book'; font-size: 16px; letter-spacing: 1.6px; line-height: 22px; color: #000; display: block; background: #fff; position: relative; z-index: 2; padding-left: 5px; }
.wedding-info-note p { font-size: 16px; letter-spacing: 1.6px; line-height: 22px; margin-top: 27px; font-weight: 400; margin-bottom: 13px; font-family: 'Avenir Book'; }
.wd-link { border-radius: 25px; color: #fff; text-transform: uppercase; font-size: 15px; line-height: 16px; padding: 4px 20px 5px; }
.wd-link-1 { transition: all 0.3s; background: #9965D6; border: solid 2px #9965D6; }
.wd-link-1:hover { background: #fff; color: #9965D6; }
.wd-link-2 { transition: all 0.3s; background: #EE4A7B; border: solid 2px #EE4A7B; padding: 4px 24px 5px 25px; }
.wd-link-2:hover { background: #fff; color: #EE4A7B; }
.wd-link-3 { transition: all 0.3s; background: #469CAE; border: solid 2px #469CAE; padding: 4px 15px 5px; }
.wd-link-3:hover { background: #fff; color: #469CAE; }
.wedding-box { padding-bottom: 6px; }
.mt-31 { margin-top: 31px; }
.wedding-links ul { text-align: center; margin-top: 22px; padding-right: 28px; }
.wedding-links ul li { display: inline; margin-right: 0px; margin-top: 22px; margin-left: 30px; }
.service-pricing {opacity: 1; position: fixed; top: 0; width: 100%; background: #fff; z-index: 1; }
.service-pricing-main {min-height:100px;}
.fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100; background: #fff; opacity: 1; transition: all 0.6s; }
header{ position: relative; z-index: 10; background:#ffffff; }
.wd-slide-item {margin:9px;}
.rn-slider {max-width: 210px; width: 100%; margin: 0 auto;}
.wd-slider.owl-carousel .owl-nav button.owl-next i, .wd-slider.owl-carousel .owl-nav button.owl-prev i {display: none;}
@keyframes colorChangeOne {
    0%{fill:#9dcc3b}
    20%{fill:#72cee1}
    40%{fill:#9965d6}
    60%{fill:#de393f}
    80%{fill:#e1a972}
    100%{fill:#f0e92b}
}
.colorChangeOne svg * {
    animation: colorChangeOne 3s infinite;
}

@keyframes colorChangeTwo {
    0%{fill:#72cee1}
    20%{fill:#9965d6}
    40%{fill:#de393f}
    60%{fill:#e1a972}
    80%{fill:#f0e92b}
    100%{fill:#9dcc3b}
}
.colorChangeTwo svg * {
    animation: colorChangeTwo 3s infinite;
}

@keyframes colorChangeThree {
    0%{fill:#9965d6}
    20%{fill:#de393f}
    40%{fill:#e1a972}
    60%{fill:#f0e92b}
    80%{fill:#9dcc3b}
    100%{fill:#72cee1}
}
.colorChangeThree svg * {
    animation: colorChangeThree 3s infinite;
}

.load-popup .modal-dialog{    max-width: 600px;}
.load-popup .modal-content{border-radius: 10px; border: none; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.load-popup .modal-body{padding: 0; border-radius: 10px; overflow: hidden;}
.load-popup .close { width: 40px; height: 40px; border: none !important; position: absolute; right: -10px; line-height: 13px; top: -10px; border-radius: 50%; outline: none !important; opacity: 1 !important; background-color: #fff !important; border: 3px solid #CE1C44 !important; z-index: 9; padding: 0 !important; margin: 0 !important; } 

/*---Blog Iocns---*/
.bicon1 { position: absolute; right: -10px; top: 20px; opacity: 0.3; transition: all 0.4s; }
.blog-content-box:hover .bicon1 { transform: rotate(10deg); top: 0; }
.bicon2 { position: absolute; right: 130px; top: 65px; opacity: 0.3; transition: all 0.4s; }
.blog-content-box:hover .bicon2 { transform: rotate(-10deg); top: 75px; }
.bicon3 { position: absolute; left: -20px; top: 10px; transition: all 0.4s; }
.blog-content-box:hover .bicon3 { transform: rotate(-10deg); left: -40px; }
.bicon4 { position: absolute; right: -10px; top: 0px; opacity: 0.5; transition: all 0.4s; }
.blog-content-box:hover .bicon4 { transform: rotate(10deg); top: 0; }
.bicon5 { position: absolute; right: 105px; top: 120px; opacity: 0.5; transition: all 0.4s; }
.blog-content-box:hover .bicon5 { transform: rotate(-10deg); }
.bicon6 { position: absolute; left: 20px; top: 10px; transition: all 0.4s; }
.blog-content-box:hover .bicon6 { transform: rotate(-20deg); left: -15px; }
.bicon7 { position: absolute; right: 30px; top: 0px; transition: all 0.4s; }
.blog-content-box:hover .bicon7 { transform: rotate(-15deg); top: -10px; }
.bicon8 { position: absolute; right: -10px; top: 80px; transition: all 0.4s; }
.blog-content-box:hover .bicon8 { transform: rotate(15deg); top: 100px; }
.bicon9 { position: absolute; left: 10px; top: 20px; opacity: 0.3; transition: all 0.4s; }
.blog-content-box:hover .bicon9 { transform: rotate(10deg); top: 10px; }
.bicon10 { position: absolute; left: 160px; top: 110px; opacity: 0.3; transition: all 0.4s; }
.blog-content-box:hover .bicon10 { transform: rotate(-30deg); left: 170px; }
.three.owl-theme .owl-nav { font-size: 24px; outline: none; }
.three.owl-carousel .owl-nav button.owl-next, .three.owl-carousel .owl-nav button.owl-prev, .three.owl-carousel button.owl-dot { outline: none; }
.three.owl-theme .owl-nav [class*=owl-]:hover { background: none; color: #000; }
.three.owl-theme .owl-nav { margin-top: 0px; }
.three.owl-carousel .owl-nav button.owl-next { top: 40%; right: 5px; position: absolute; width: 35px; height: 35px; border-radius: 50%; color: #469cae; line-height: 24px; text-align: center; font-size: 50px; }
.three.owl-theme { position: relative; }
.three.owl-carousel .owl-nav button.owl-prev { position: absolute; top: 40%; left: 5px; width: 35px; height: 35px; border-radius: 50%; color: #469cae; line-height: 24px; text-align: center; font-size: 50px; }
.three.owl-carousel .owl-nav button.owl-next:hover { color: #469cae }
.three.owl-carousel .owl-nav button.owl-prev:hover { color: #469cae }
/*====== reset =======*/
*{margin: 0; padding: 0;}
body, html {margin: 0; padding: 0; box-sizing: border-box;}
li,ul{list-style:none;margin:0;padding:0}a{text-decoration:none!important;outline:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-65{margin-top:65px!important}.mt-70{margin-top:70px!important}.mt-80{margin-top:80px!important}.mt-100{margin-top:100px!important}.mt-120{margin-top:120px!important}.mt-130{margin-top:130px!important}.mt-140{margin-top:140px!important}.mt-150{margin-top:150px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-100{margin-bottom:100px}.mb0{margin-bottom:0!important}.pdg0{padding:0!important}.pdg-l-0{padding-left:0!important}.pdg-r-0{padding-right:0!important}.brdno{border:none!important}
/*====== reset-end =======*/
/*====== owl-theme =======*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*====== owl-carousel =======*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.faq-txt{vertical-align: super;line-height:0;}
.popover-body{padding: 10px 12px; max-width: 175px; border: none;box-shadow: 0 2px 9px rgba(0, 0, 0, 0.16); text-align: center;}
.popover-body p{font-size: 10px; line-height: 13px;font-weight: 300; padding: 0;margin: 0;}
.popover{border: none;top: 10% !important; }
.popover .arrow::before, .popover .arrow::after{display: none;}

.fbrands ul{    max-width: 1000px;}
.fbrands ul li img { aspect-ratio: 1;    object-fit: contain;}
.fbrands ul li {
    display: inline-block;
    padding: 0 7px;
}
.fbrands ul li:nth-child(2) img{ max-width: 80px;}
.fbrands ul li:nth-child(3) img{    max-width: 100px;}


.career-list ul {list-style-position: inside;padding-left: 16px;}

/*====== media =======*/
@media(min-width:1200px) {
.location-padd { padding-left: 12px; }
.location-padd h3 { text-align: left; padding-left: 46px; margin-bottom: 17px; }
.margin-left-10 .right-service { width: 60.5%; }
.margin-left-10.wedding-inner h3 { text-align: left; padding-left: 28px; }
.margin-left-10 { margin-left: -10px; }
.pr-60 { padding-right: 60px; }
.waxing-box { padding-left: 24px }
.speciality-box h2 { padding-left: 21px; }
.texturizing-box h2 { padding-left: 10px; }
.pl-12 { padding-left: 12px; }
.coloring-box h2 { padding-left: 13px; }
.cut-styles-box h2 { padding-left: 13px; }
.mx-auto-30 { margin: 0 auto 0 30px !important; }
.pb-07 { padding-bottom: 7px; }
.mt-30 { margin-top: 30px; }
.pt-22 { padding-top: 22px; }
.pl-lg-0 .prm2 img { padding: 6px; padding-left: 0px; }
.margin-112 { margin-top: -112px; margin-bottom: 67px !important; }
.max-width-brands .row .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 42.666667%; flex: 0 0 42.666667%; max-width: 42.666667%; }
.max-width-brands .row .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 56.333333%; flex: 0 0 56.333333%; max-width: 56.333333%; }
.submit-mx { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 19.666667%; max-width: 19.666667%; padding-left: 0px; padding-right: 0; }
.mlsub-5 { margin-left: -5px; padding-left: 0px; -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 38.666667%; max-width: 38.666667%; padding-right: 9px; }
.pb-91 { padding-bottom: 91px !important; }
.gallery-inner { padding-bottom: 106px; }
.plr-12 { padding-left: 12px !important; padding-right: 10px !important; }
.nav-tabs li.nav-item:first-child .nav-link { padding-left: 41px; }
.nav-tabs li.nav-item:first-child .nav-link.active { padding-left: 0px; }
.nav-tabs li.nav-item:last-child .nav-link.active { padding-right: 0px; }
.mb-08 { margin-bottom: 8px; }
.nav-tabs li.nav-item:last-child .nav-link { padding-right: 36px; }
.nav-tabs .nav-link { width: 48%; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { width: 52%; }
.home-owner-cont .row .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 36.333333%; flex: 0 0 36.333333%; max-width: 36.333333%; padding-right: 9px; }
.home-owner-cont .row .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 63.666667%; flex: 0 0 63.666667%; max-width: 63.666667%; }
.featured-cont .row:nth-child(1) { padding-left: 14px; }
.featured-cont .row:nth-child(2) { padding-right: 15px; padding-bottom: 76px; }
.featured-cont .row:nth-child(2) .ft-left-inner p { padding-bottom: 18px !important; }
.featured-cont .row:nth-child(3) { padding-left: 15px; padding-bottom: 72px; }
.featured-cont .row:nth-child(3) .ft-left-inner { padding: 20px 40px 0 43px; }
}
@media(min-width:1080px) {
.blog-left-gird .row .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 30.333333%; flex: 0 0 30.333333%; max-width: 30.333333%; }
.blog-left-gird .row .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 69.666667%; flex: 0 0 69.666667%; max-width: 69.666667%; padding-left: 4px; padding-right: 30px; }
}
 @media only screen and (max-width: 1200px) {
.prm1:after, .prm2:after, .prm3:after { display: none }
.prm-icon2, .prm-icon1, .prm-icon3, .prm-icon4 { display: none }
.rht { padding-left: 15px }
.let { padding-right: 15px; }
.service-pricing ul li .btn-pricing {min-width:185px;}
}
 @media only screen and (max-width: 1079px) {
.container { max-width: 100%; width: 100%; }
.overlay_vector { right: -28px; }
.ft-right-cont:hover .overlay_vector { width: 165px; height: auto; right: -40px; }
.ft-right-cont:hover .overlay_vector img { transform: rotate(15deg); }
.ft-right-left-col.ft-right-cont .overlay_vector { top: -45px; left: -25px; }
.ft-right-left-col.ft-right-cont:hover .overlay_vector { top: -33px; left: -45px; }
.featured-cont { padding: 0 25px; }
.featured-cont .row { padding: 0 0 60px; }
.home-owner-main { padding: 85px 0 85px; }
.hm-owner-right-cont { padding: 0 0 0 30px; }
.hm-owner-right-cont h2 { font-size: 30px; line-height: normal; letter-spacing: 4.2px; }
.hm-owner-right-cont h3 { font-size: 24px; line-height: normal; letter-spacing: 1.5px; }
.hm-owner-right-cont p { font-size: 18px; line-height: normal; letter-spacing: 1px; padding-bottom: 10px; }
.owner-readmore .btn-primary { padding: 12px 10px 12px; max-width: 180px; }
.owner-vector img { width: 140px; }
.flinks ul { text-align: center; }
.flinks ul li { margin-left: 5px; padding: 0 5px; margin-right: 5px; }
.about-gird { padding-top: 45px; padding-bottom: 45px; }
.about-content { padding-top: 40px; }
.gallery-gird { padding: 50px 0px 50px; }
.gallery-gird h1 { padding-bottom: 45px; }
.gallery-box { margin-bottom: 30px; }
.gallery-inner .button-bottom { margin-top: 0; }
.history-gird { padding: 50px 0px 50px; }
.history-gird h1 { padding-bottom: 45px; }
.history-gird .history-content { padding-left: 15px; padding-right: 15px; }
.loyalty-gird h1 { padding: 50px 0px 60px; }
.loyalty-gird { padding-bottom: 100px; }
.loyalty-posb img { max-width: 100%; width: 220px; }
.loyalty-content { margin-left: 0; }
.policies-gird { padding: 50px 0px 50px; }
.fixed { display: none; }
.service-pricing { display: block; position: static; }
.difference-stylist { padding-top: 30px; }
.service-sec { }
.service-pricing { opacity: 1; }
.service-pricing ul { display: block; text-align: center; padding: 0 15px; }
.service-pricing ul li { margin: 0 0 5px; }
.service-pricing ul li .btn-pricing { min-width: 160px; font-size: 16px; line-height: 20px; letter-spacing: 1.3px; }
.logo { padding-left: 0; }
.blog-gird { padding-top: 50px; }
.newsletter-form { padding-bottom: 40px; }
.blog-details .blog-section { max-width: 100%; padding: 0 20px 25px; }
.service-pricing ul li .btn-pricing {min-width:190px;}
}
 @media only screen and (max-width: 992px) {
.menu li .dropdown { padding: 0px 10px 5px 15px !important; }
.menu li a span { padding-left: 10px; }
.res-text-center { text-align: center !important }
.h-links { display: block; text-align: center; }
.logo img { width: 100%; max-width: 239px; }
.menu { display: none; position: sticky; top: 0px; left: 0; right: 0; bottom: 0; background: #fff; width: 100%; text-align: left; height: 100%; z-index: 500; overflow: scroll; margin-top: 10px; border: solid 1px #ccc; padding-right: 10px; }
.menu li { display: block; border-bottom: solid 1px #e8e8e8; width: 100%; }
.menu li a { display: block; width: 100%; padding: 10px 10px; }
.navbar-toggler { display: block; position: absolute; height: 40px; top: 0px; right: 0px; background-color: transparent; color: #fff; border: 3px solid #a80d2f; border-radius: 0; outline: none; padding: 0 5px; background: #a80d2f; }
.navbar-toggler span, .navbar-toggler span::after, .navbar-toggler span::before { display: block; content: ''; background-color: #fff; height: 3px; width: 28px; border-radius: 4px; transition: all ease-in-out 0.3s; }
.navbar-toggler span::before { transform: translateY(-8px); }
.navbar-toggler span::after { transform: translateY(5px); }
.navbar-toggler.open-navbar-toggler span::before { transform: translateY(0) rotate(45deg); }
.navbar-toggler.open-navbar-toggler span::after { transform: translateY(-3px) rotate(-45deg); }
.navbar-toggler.open-navbar-toggler span { background-color: transparent; }
.menu { display: none; position: sticky; top: 0px; left: 0; right: 0; bottom: 0; background: #fff; width: 100%; text-align: left; height: 100%; z-index: 500; overflow: scroll; margin-top: 10px; border: solid 1px #ccc; padding-right: 10px; }
.menu li { display: block; border-bottom: solid 1px #e8e8e8; width: 100%; }
.menu li:last-child { border-bottom: none; }
.menu li a { display: block; width: 100%; padding: 10px 10px; }
.menu li .dropdown { width: 100%; border: none; position: relative; top: 0; text-align: left; box-shadow: none; }
.menu li .dropdown li { border-bottom: solid 1px #e8e8e8; }
.menu li .dropdown li a { font-size: 16px; text-align: left; padding-left: 20px; }
.menu li:hover .dropdown { display: none; }
.d-menu span { display: block; float: right; font-size: 20px; border-left: 1px solid #ccc; padding-left: 10px; transition: all 0.3s; }
.d-menu span i { transition: all 0.3s; }
.ar-rotate { transform: rotate(180deg); }
.hide-menu { display: block !important }
.ser-bg { display: none !important }
.th-sec { padding: 25px 0px; }
.home-owner-main { padding: 50px 0px; }
.hm-owner-right-cont { padding-left: 0px; margin-top: 0; }
.owner-vector { left: 5px; }
.hm-owner-right-cont h3 { line-height: 28px; }
.ft-left-inner { padding: 20px 15px 20px 15px; margin: 0 0 0 0; min-height: auto; }
.ft-left-right-col .ft-left-inner { padding: 20px 15px 20px 15px; margin: 0 0 0 0; }
.rev-img-bottom { bottom: -120px; right: 10px; }
.rev-img-top { top: -120px; left: 10px; }
.reviews-inner { margin-top: 60px }
.feature-heading { font-size: 25px; line-height: 30px; letter-spacing: 3.6px; }
.ft-left-inner h4 { font-size: 21px; line-height: normal; }
.ft-left-inner p { letter-spacing: 1px; padding: 10px 0; }
.overlay_vector img { width: 160px; }
.featured-cont .row { padding: 0 0 50px; }
.about-content h2 { font-size: 25px; letter-spacing: 3.6px; }
.loyalty-gird { padding-bottom: 80px; }
.promo-des { align-items: center; }
.promo-des.align-items-end { align-items: center !important }
.archive-box { text-align: left; }
.archive-box ul li a:after { display: none; }
.career-list img { display: none; }
.wedding-box { padding: 10px; }
.difference-stylist .pl-65, .difference-stylist .pl-69 { padding-left: 10px; padding-right: 10px; }
.blog-content-box { padding: 20px 30px 0px 20px; }
.blog-section ul li:nth-child(even) .blog-left-gird .blog-content-box { padding: 20px 30px 0px 20px; }
.blog-content-box h2 { font-size: 22px; letter-spacing: 3px; line-height: 30px; }
.blog-content-box h5 { font-size: 19px; letter-spacing: 1.8px; }
.blog-content-box p { letter-spacing: 1.2px; }
.blog-content-box .read-more-btn { max-width: 160px; padding: 8px 0px; }
.archive-box h3 { font-size: 22px; line-height: 28px; }
.archive-box ul li { padding-bottom: 15px; }
.blog-left-gird { margin-bottom: 40px; }
.blog-section ul li:nth-child(3) .blog-left-gird { margin-bottom: 40px; }
.blog-details .blog-section { padding: 0 10px 25px; }
.blog-details .blog-content-box { padding: 30px 20px 0px 20px; }
.blog-details .blog-content-box h2 { font-size: 22px; letter-spacing: 3px; line-height: 30px; }
.blog-details .blog-content-box h5 { font-size: 19px; letter-spacing: 1.8px; }
}
 @media only screen and (max-width: 768px) {
.speciality-grid-main { padding-left: 0px !important; }
.team-modal { margin-bottom: 40px; }
.team-main { margin: 0 auto 0 0px !important; }
.toggle-box ul { padding-top: 15px; }
.toggle-box ul li { margin-bottom: 4px; }
.toggle-box ul li a { min-width: 200px !important; }
.logo-sticky-postion .dropdown-menu { min-width: 340px; }
.history-content p br { display: none; }
.blog-details .blog-content-box { padding: 42px 30px 25px 25px; }
.blog-content-box { padding: 37px 25px 0px 25px; }
.blog-section ul li:nth-child(even) .blog-left-gird .blog-content-box { padding: 29px 25px 7px 30px !important; }
.blog-section ul li:nth-child(even) .blog-left-gird .col-lg-4 { padding-left: 15px !important; }
.blog-section ul li:nth-child(even) .blog-left-gird { padding-right: 0px !important; }
.blog-left-gird .blog-img { margin-bottom: 15px; }
.ser, .our-team { margin-bottom: 30px; }
.fcopy p { font-size: 10px; }
.feature-heading { font-size: 22px; line-height: 25px; letter-spacing: 2.6px; }
.ft-left-inner h4 { font-size: 19px; }
.fbrands ul { text-align: center; }
.flinks ul { text-align: center; }
.flinks ul li { margin-left: 5px; padding: 0 5px; margin-right: 5px; }
.about-gird { padding-top: 35px; padding-bottom: 35px; }
.loyalty-gird h1 { padding: 40px 0px 40px; }
.loyalty-img { padding-right: 0; }
.loyalty-content { margin: 0 auto; padding: 30px 15px 15px; max-width: 100%; }
.loyalty-img .loyalty-posb { right: 20px; bottom: -20px; }
.loyalty-posb img { width: 170px; }
.loyalty-img:hover .loyalty-posb { right: 5px; bottom: -20px; }
.loyalty-gird { padding-bottom: 30px; }
.policies-gird p { padding-right: 0; }
.policies-gird h3 { display: flex; display: -webkit-flex; }
.policies-gird h3 span { padding: 0 8px 0 0; }
.logo-sticky-postion { display: block; bottom: 20px; left: 20px; }
.brand-right { padding-left: 0px; margin-top: 15px; }
.brand-right h1, .brand-right h2 { text-align: center !important; }
.brand-right p { max-width: 100%; }
.logo img { width: 100%; max-width: 190px; }
.team-main { padding-top: 25px; }
.team-cont { margin: 0 auto 75px; }
.team-main .col-md-4:nth-child(3n+3) .team-cont { margin: 0 auto 75px; }
.team-main .col-md-4:nth-child(3n+2) .team-cont { margin: 0 auto 75px; }
.promo-des { min-height: 250px; }
.promo-list .row { margin-bottom: 10px; }
.star-top-posb, .star-bottom-posb { display: none; }
.cut-gird, .other-gird .cut-gird { max-width: 100%; width: 100%; margin: 0 auto 30px auto !important; }
.other-gird { padding-top: 25px; }
.speciality-box { padding: 10px; }
.wedding-links ul li { display: inline-block; margin-left: 0px; }
.max-228 { max-width: 100%; }
.blog-details .archive-box { padding-top: 20px; }
.blog-details .blog-section { padding: 20px 0px 25px; }
}
 @media (max-width: 575px) {
#staff-calendar { padding-right: 0px; }
#staff-calendar .modal-body .form-group .form-control { letter-spacing: 2.4px; font-size: 14px; padding-right: 80px; padding-left: 10px; }
#staff-calendar .modal-body .form-group .form-icon .submit-btn { font-size: 14px; letter-spacing: 1.4px; }
#staff-calendar .modal-body .form-group .form-icon { width: 80px !important; }
.career-list { margin: 25px auto 0 auto !important; }
.cmrg { margin-top: 44px !important; }
.let { padding-top: 10px; }
.promo-list { margin-top: 20px !important; }
footer { padding-bottom: 60px; }
.cut-styles-box, .coloring-box { padding-left: 0px; padding-right: 0px; }
.wedding-links ul { padding-right: 0px; }
.prm1 { padding-bottom: 15px; }
.hm-owner-left-cont:hover .owner-vector { right: 0; }
.navbar-toggler { height: 35px !important; padding: 0 3px !important; }
.logo { padding-bottom: 8px; }
.header { padding: 10px 0px; }
.team-main .col-md-4:nth-child(3n+1) { padding-left: 15px; }
.team-modal .team-inner { padding: 40px 15px 40px 15px !important; }
.modal-dialog { padding: 0px 15px; }
.featured-cont { padding: 0 10px; }
.ft-right-cont { z-index: 2; }
.overlay_vector { right: -5px; }
.ft-right-cont:hover .overlay_vector { right: -10px; }
.ft-right-left-col.ft-right-cont .overlay_vector { top: -30px; left: -10px; }
.ft-right-left-col.ft-right-cont:hover .overlay_vector { top: -30px; left: -30px; }
.hm-owner-left-cont { margin: 0 auto; }
.hm-owner-right-cont { padding: 40px 0 0; text-align: center; }
.owner-readmore { text-align: center; }
.hm-owner-right-cont h2 { font-size: 25px; }
.hm-owner-right-cont h3 { font-size: 20px; }
.hm-owner-right-cont p { font-size: 16px; }
.ft-left-inner { display: block; text-align: center; }
.owner-vector { bottom: -30px; }
.owner-vector img { width: 125px; }
.nav-tabs .nav-link { font-size: 14px; line-height: 20px; padding: 10px 0px; letter-spacing: 1.2px; }
.gallery-img { margin: 0 auto; }
.gallery-gird { padding: 35px 0px 35px; }
.gallery-gird h1 { padding-bottom: 30px; }
.history-gird { padding: 35px 0px 35px; }
.history-gird h1 { padding-bottom: 30px; }
.history-gird .history-content { padding-bottom: 0; }
.policies-gird { padding: 35px 0px 35px; }
.coloring-box .cut-gird { max-width: 100%; }
.difference-stylist .row, .speciality-box .row, .wedding-cont .row, .texturizing-box .row, .waxing-box .row { margin: 0; }
.fbrands ul li {margin-bottom: 5px;}
}
 @media only screen and (max-width: 376px) {
.logo img { width: 100%; max-width: 170px; }
.navbar-toggler { top: 0px; }
}
 @media only screen and (max-width: 280px) {
}
 @media (min-width: 768px) {
.logo-sticky-postion:hover .button-dropdown { opacity: 0; }
.logo-sticky-postion:hover .dropdown-menu { opacity: 1; left: 0; transform: translate3d(0px, -41px, 0px) !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.dropdown-menu { opacity: 0; display: block; }
.modal-xl { width: 100%; max-width: 890px; }
}

.ft-left-inner a {
    color: #d40000;
}

.blog-content-box p img{width: 100%;}

.three   .owl-item img{
        height: 412px;
    object-fit: fill;

}

@media (max-width:991px){
    .three .owl-item img {
    height: 300px;
    object-fit: fill;
}
}
@media (max-width:767px){
    .three .owl-item img {
    height: auto;
    object-fit: fill;
}
}

.ct-form input[type=text],.ct-form input[type=email],.ct-form input[type=number] {width: 100%; background: #eee;border-radius: 0px;outline: none;font-weight: 300;}

.ct-form input[type=text]:focus,.ct-form input[type=email]:focus,.ct-form input[type=number]:focus, .ct-form textarea:focus {border:solid 1px #333;box-shadow: none;background: #eee;}
.ct-form textarea {width: 100%; background: #eee;border-radius: 0px;outline: none;font-weight: 300; height: 100px;}

#coloring .right-service {width: 85% !important;}
#coloring p {font-size: 16px;font-family: 'Avenir Book';letter-spacing: 1.6px;}

.contact-sec{margin-bottom: 30px;}

.contact-sec li{display: inline-block !important;}
.contact-sec li  a{    display: inline-block;
    padding: 10px 22px;
    color: #fff;
    background: #cd1b44;
    font-size: 19px;
    min-width: 150px;
    border-radius: 8px;
    line-height: 26px;}

    .google-map{padding: 40px 0 10px;}
    .google-map .locationIframe{position: relative;padding-top: 55%;overflow: hidden;}
    .google-map .locationIframe > iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: top center;}
    .max-container{max-width: 1280px;width: 100%;margin: 0 auto;}
    .location-details {display: flex;padding: 40px 0 10px;gap: 16px;}
    .location-details .location-inner-details{flex:1}
    .location-inner-details h3, .location-inner-details h4, .location-inner-details h5{margin-bottom: 10px; text-transform: uppercase;font-size: 18px;
        font-weight: 600;}
        .flinks ul{margin-bottom: 30px;}

    .location-inner-details ul li {display: block;    font-size: 14px;    text-align: left;    padding: 0;}
    .location-inner-details ul{margin-bottom: 16px;}

    .location-inner-details p a {text-decoration: none;color: #000;}
    .location-name h2{    margin-bottom: 16px;
        font-size: 22px;
        font-weight: 800;
        color: #cd1b44;}
        

          @media(max-width:992px){
            .google-map .locationIframe{padding-top: 87%;}
            .nav-tabs .nav-link{ font-size: 16px;letter-spacing: 0px;}
          }

        @media(max-width:767px) and (min-width:575px){
            .nav-tabs .nav-link{ font-size: 16px;letter-spacing: 1px;}
           
        }


        @media(max-width:500px){
            .location-details{display: block;}
        }