/* MOBILE FIRST DESIGN */
@media (min-width: 1220px){
/* 	WIDESCREEN */
.site-header .logo img {filter: invert(1);width:300px!important;height:auto; }
    

/* GENERAL */
main h1 { text-align:center; margin-top: 3rem; letter-spacing: normal; font-size: 36px!important; font-weight: 700;  }
main h2 { text-align:left; font-size: 28px!important; }
main h3 { margin:20px 0 10px; font-size: 18px; }
    
/* BUTTONS */
.yellow-button, .yellow-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:10px 30px!important;font-size:15px;background:orange!important;color:#fff!important;text-decoration:none!important;}    
    
.grey-button, .grey-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:10px 30px!important;font-size:16px;background:#333!important;color:#fff!important;text-decoration:none!important;}

.red-button, .red-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:10px 30px!important;font-size:16px;background:#ce4760!important;color:#fff!important;text-decoration:none!important;}    
	
}

@media (min-width: 1000px) {
/* DESKTOP */
    
/* MENU */
ul.primary-menu {margin:0px!important;padding:0px;}
ul.primary-menu li {margin:0 2px;padding: 10px;}
ul.primary-menu li a {color:#fff;font-weight:300;font-size:15px;text-transform:uppercase;}
ul.primary-menu li a:hover {color:#ceaa66;}
.primary-menu > li.menu-item-has-children > a {padding:0px;}
.consult-button {background-color:#ce4760; padding: 3px 16px 3px 16px;}
.extensions-button {background-color:orange; padding: 3px 16px 3px 16px;}
ul.primary-menu li ul.sub-menu {background:#000;}
ul.primary-menu li ul.sub-menu li {padding:2px 0px;}

/* SUB MENU */

.primary-menu ul {
    background: #000;
    border-radius: 0.4rem;
    color: #fff;
    list-style: none;
    font-size: 1rem;
    opacity: 0;
    padding: 1rem 0;
    position: absolute;
    left: 9999rem!important;
    top: calc(100% + 2rem);
    transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
    transform: translateY(0.6rem);
    width: 20rem;
    z-index: 9999;
}

.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul {
    left: 0!important;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}

.primary-menu ul::before,
.primary-menu ul::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
}

.primary-menu ul::before {
    height: 2rem;
    left: 0;
    right: 0;
}

.primary-menu ul::after {
    border: 0.8rem solid transparent;
    border-bottom-color: #333;
    left: 1.8rem!important;
	right:unset!important;
}   
    
}

/* MOBILE BELOW (NO BREAKPOINTS) */

/* FONTS */
@font-face { font-family: 'Montserrat'; font-weight: 300; font-style: normal; font-display: block; src: url("fonts/Montserrat-Light.ttf"); }
@font-face { font-family: 'Montserrat'; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/Montserrat-Regular.ttf"); }
@font-face { font-family: 'Montserrat'; font-weight: 700; font-style: normal; font-display: block; src: url("fonts/Montserrat-Bold.ttf"); }
@font-face { font-family: 'Didot'; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/Didot.otf"); }
@font-face { font-family: 'AvenirLTStd-Light'; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/AvenirLTStd-Light.otf"); }

/* GENERAL */
body, button, input, select, textarea, .widget li, td, p, div.textwidget {font-family: 'Montserrat', sans-serif !important; font-size:16px!important; }
main h1, main h2, main h3, main h4 { font-family: 'Montserrat', sans-serif !important;color:#333; font-weight: 700; line-height:1.3!important; }
main p, main em, main table, main ul, main li  { color:#333; font-weight:400; text-align: left;  }
main h1, main h1 span { margin-top: 1rem; font-size: 28px!important;}
main h2 { text-align:left; font-size: 24px; }
main h3 { margin:20px 0 10px; font-size: 18px; }
main a, main a:visited, main a:active { color: #333!important;}
main a:hover {color:#666!important;}
main ul {margin-left:0px;}

.post-template-template-extensions-no-sidebar-normal-header #primary {float: none; }
.page-template-template-1100px-no-sidebar-no-h1 #secondary, .page-template-default #secondary, .contact-template-default #secondary {display:none;}
.page-template-template-1100px-no-sidebar-no-h1 #primary {max-width:1100px;float:none;margin:0 auto!important;}
.page-template-template-1100px-no-sidebar-no-h1 #primary .entry-title {display:none;}
.page-template-default #primary, .contact-template-default #primary {width:100%;max-width:1200px;float:none;margin:0 auto!important;}

.page ul.line-list {width:100%;;margin:0;padding:0;list-style:none;}
.page ul.line-list li {padding:2px 0px;text-align:left;font-size:14px;border-bottom:1px solid #ccc;}
.page ul.line-list li a {text-decoration:none;}

/* HEADER */
.site-header .row0 {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 0rem;}
.site-header .row0 .column {flex: 1 0 100%;padding: 0;text-align:center;}
.site-header .row0 .column .red-button, .site-header .row0 .column .red-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:5px 10px;font-size:16px;background:#ce4760!important;color:#fff!important;text-decoration:none!important;}
.site-header .row0 .column .red-button:hover {background:#000!important;color:#fff!important;text-decoration:none!important;}
.site-header .row0 .column .red-button:last-child {margin:0;}

.site-header {background:#000;border-bottom:0px;}
.site-header .logo img {filter: invert(1);width:200px;height:auto; }
.site-header .widget {margin:0px;}
.site-header .row1 {padding:0.5em;}

/* MENU */
.menu-modal-inner span.toggle-text {display:none;}
.menu-modal:not(.fullwidth) button.close-nav-toggle {justify-content:end;}
.menu-modal-inner {background: rgb(0 0 0 / 80%);}
.menu-modal-inner li a, .menu-modal-inner .sub-menu li a  {font-size:18px;color:#fff!important;text-transform:uppercase;}
.menu-modal-inner button.toggle {color:#fff;}
.modal-menu ul li {color:#bbb;border-left-color:rgb(255 255 255 / 30%)!important;}
.modal-menu svg.svg-icon {fill:#fff;}
button.sub-menu-toggle svg {height:0.7rem;}
.menu-modal-inner .consult-button {background-color:#ce4760;}
.menu-modal-inner .extensions-button {background-color:orange;border-top:2px solid #000;}
button.nav-toggle {width: 3rem;font-size:26px!important;padding:10px!important;}

/* HOME */
.home main {padding:0px;}
.home .entry-content {margin: 0; }

.home .seo-row, .home .salons-row {padding-top:60px;padding-bottom:60px;}

.home .cta {background: #f8f8f8;padding:0 20px; transition: all 0.25s; border-radius: 3px; font-size: 16px; }
.home .cta a {color: #000 !important; }
.home .cta:hover {background: #000; transition: all 0.25s; }
.home .cta:hover a {color: #fff !important; }
.home {margin-bottom:10px;}

.home {background:#EFEFEF;}
.home #content {margin-top:20px; padding-top: 0; }
.home h1.entry-title {display:none;}
.home h1 {font-size: 40px;}
.home h1, .home h1 span {font-family: 'Montserrat'!important;}
.home h3 {font-family: 'Montserrat'!important;}
.home h2 {font-family: 'Montserrat'!important;font-size:32px;font-weight:400;}
.home .entry-content, .home #main {padding:0;}
.home .entry-content .so-panel {max-width: 100%; }
.home .banner-row  {position:relative;border-bottom:6px solid #000;}
.home .banner-row .float {position:absolute;width:100%;max-width: 1000px;top: 50%;left: 50%;transform: translate(-50%, -50%);padding:20px 20px 0px;background:rgba(255,255,255,0.7);text-align:center;}
.home .banner-row .float h1 {margin-bottom:0px;font-size:40px;font-weight:700;text-align:center;}
.home .banner-row .black-button {display:inline-block;margin:10px;padding:10px 20px;text-decoration:none;font-family: 'Montserrat', sans-serif !important; font-weight: 500;font-size:20px;color:#fff;background:#000;}
.home .banner-row .black-button:hover {background:#888;}
.home .extensions-row h3 {font-size:24px;}
.home .extensions-row p, .home .extensions-title-row p {font-size:15px;}
.home .gallery-row .gallery-item {display:inline-block!important;width:25%;padding:0px;}
.home .gallery-row .gallery-item img {width:100%;}
.home .about-row {padding:30px 60px;}
.home .best-row {background:#fff;}
.home .best-row h2 {padding-top:20px!important;}
.home .brands-row p {font-size:20px;}
.home .reviews-row {padding:60px 0px;background:#fff;}
.home .reviews-row #yourSalonReviews {width:100%;max-width:1200px;margin:0 auto;}
.home .review_item {color: #000!important;border: 0px solid #AAA;text-align:center;border-radius: 0px;background-color: transparent;box-shadow: 0px 0px 0px #999;font-weight:400;}
.home .ysre-reviews-summary {text-align:center;color: #000;font-weight:400;}
.home .ysre-ui-stream-message {color:#000!important;font-weight:400;font-style: normal;line-height:1.5;}
.home .review_item_inner img {margin:0 auto;}
.home .reviews-row .bx-viewport {left: 0px; border: 0px solid #fff;background: transparent!important;box-shadow: 0 0 0px #ccc;}
.home .reviews-row .bx-controls, .home main .bx-page {display:none;}
.home .reviews-row .bx-wrapper {margin-bottom:0px;border: 0px solid #fff;background: transparent!important;box-shadow: 0 0 0px #ccc;}
.home .instagram-row h2 a {text-decoration:none;font-family: 'Montserrat', sans-serif !important;}
.home .out-button {display:inline-block;margin:10px;padding:10px 20px;text-decoration:none; font-weight: 500;font-size:20px;color:#000;border:1px solid #000;}
.home .out-button:hover {background:#888;}
.home .feat-menu-row .feature-list {display:table;width: 100%;max-width:100%;margin:0;padding:0;}
.home .feat-menu-row .feature-list li {display: table-cell;padding: 20px;text-align:center;font-size:16px;border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;}
.home .feat-menu-row .feature-list li:last-child {border-right:0px solid #000;}
.home article .panel-grid .width-1200 {width:100%;max-width:1200px;margin:0 auto;}
.home article .panel-grid .width-1000 {width:100%;max-width:1000px;margin:0 auto;}
.home article .panel-grid .width-full-1200 {width: 100%;max-width: 100%;padding-right: calc((100% - 1200px) / 2);padding-left: calc((100% - 1200px) / 2);}
.home .faq-boxes-wrapper h2 {font-size:22px;}
.home .faq-boxes-wrapper h2 a {text-decoration:none;}

/* ACTION BUTTONS */
.action-buttons-row {max-width: 1400px;}
.action-buttons-row a {min-height: 53px;text-align:center;margin: 20px 0 !important;}
.heading-row .panel-grid-cell {width: 100% !important;display: block !important;text-align: center;}
.action-buttons-row .sowb-button span {display: inline-block;padding-top: 6px !important;}

/* BUTTONS */
.button {background: #262626; color: #fff !important; border-radius: 3px; font-size: 16px; transition: all 0.25s; }
.button:hover {background: #111; transition: all 0.25s;}

.grey-button, .grey-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:5px 10px;font-size:16px;background:#333!important;color:#fff!important;text-decoration:none!important;}
.grey-button:hover {background:#000!important;color:#fff!important;text-decoration:none!important;}
.grey-button:last-child {margin:0;}beigebox

.red-button, .red-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:5px 10px;font-size:16px;background:#ce4760!important;color:#fff!important;text-decoration:none!important;}
.red-button:hover {background:#000!important;color:#fff!important;text-decoration:none!important;}
.red-button:last-child {margin:0;}

.yellow-button, .yellow-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:5px 10px;font-size:16px;background:orange!important;color:#fff!important;text-decoration:none!important;}
.yellow-button:hover {background:#000!important;color:#fff!important;text-decoration:none!important;}
.yellow-button:last-child {margin:0;}

/* FORMS */
#page .wpforms-container button, .wpforms-container input, #page .wpforms-container select, #page .wpforms-container textarea {color: #333; background: #fff; }
main .wpforms-container {padding:10px!important;}


/* FAQS */
.faq-accordion-wrapper .question {background-color: #EFEFEF;}
.faq-accordion-wrapper .faq-questions>div>h2 {font-size: 20px!important;font-weight:400!important;}

.faq-boxes-wrapper h2 {font-size:22px!important;}
.faq-boxes-wrapper h2 a {text-decoration:none!important;}

.faq-full-wrapper .faq-category-tabs .tab-title.active {background-color: #EFEFEF;color: #000;}
.faq-full-wrapper .faq-questions-wrapper .faq-question.active {background-color: #EFEFEF;}

/*  SG AREAS WE COVER */
#page .sg-areas {background: #262626; }
#page .sg-areas h2 {display: inline-block; font-size: 15px; font-weight: 400; color: #fff; text-align:center; }
#page .sg-areas h2.custom-title {font-size: 16px; font-weight: 700; }

/* BOOKNETIC */
#page button.bnktc_booking_popup_btn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	font-weight: normal;
	border-radius: 3px;
	padding: 12px 24px;
	border: 0;
	color: #fff;
	background: #FF6900;
	line-height: 1.15;
	font-size: 16px;
	text-shadow: unset;
	box-shadow: unset;
	transition: all .1s ease;
}
#page button.bnktc_booking_popup_btn:hover {background: #fb8837; }
#page .action-buttons-row button.bnktc_booking_popup_btn {display: grid; min-height: 53px; padding: 0.5em; margin-top: 10px; border-radius: 0; }
@media (max-width: 480px ) {
	#page .action-buttons-row .click-to-call p {padding: 0 !important; }
	#page .action-buttons-row button.bnktc_booking_popup_btn {width: 100%; }
}

/* CHAT BOX */
ul.locbox, ul.locbox li{
  list-style: none;
}
#chatchoice {
  position: fixed;
  z-index: 100;
  right: 50px;
  bottom: 40px;
}
#chatchoice a {text-decoration: none; color: white;}
.single-contact #chatchoice { display: none !important; }

.locbox {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-width: 250px;
  margin-bottom: 10px;
  padding: 5px;
  padding: 2%;
  list-style: none;
  transition: background-color .5s ease;
  opacity: 1;
  color: white;
  border-radius: 10px;
  background-color: #000;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  font-family: Open Sans,sans-serif;
}
.locbox:hover {
  color: black;
  background-color: #fff;
  fill: black;
}
.locbox svg:hover{
  fill: black !important;
}

/* END CHAT BOX */

.trigger-modal { text-align: center; }
.trigger-modal span {padding: 10px 20px; cursor: pointer; transition: all 0.25s; text-transform: uppercase; color: #000; border-radius: 3px; background: #FFD700; font-size: 19px; font-weight: 700; }
.trigger-modal span:hover {transition: all 0.25s; background: #e2bf00; }

/* File uploads */
#wpforms-6305-field_3-container,
#wpforms-6305-field_6-container,
#wpforms-6305-field_7-container {display: inline-block; overflow: hidden;  width: 32%; margin: 0 0.5%; vertical-align: top; }

/* Next button */
#wpforms-6305-field_9-container .wpforms-pagebreak-left { text-align: center; }

/* PRICES */
table.prices {border: 1px solid #d8d8d8; box-shadow: 0 0 5px #d9d9d9; font-size: 13px; }

table.prices th, table.prices td {text-align: center; }
table.prices th:nth-child(1), table.prices td:nth-child(1) {width: 30%; padding-left: 5px; text-align: left; }
table.prices th:nth-child(n+2), table.prices td:nth-child(n+2) {width: 10% }

table.prices th {font-size: 15px; font-weight: 500; }
table.prices th:nth-child(1) {padding: 32px 5px; }
table.prices th:nth-child(n+2) {font-size: 15px; transform: rotate(-15deg); line-height: 1; width: auto !important; padding: 5px; vertical-align: middle; }

table.prices tr:nth-child(odd) {background: #f8f8f8; }

/* GALLERY */
.gallery {margin-bottom: 0.5em;display: flex;flex-wrap: wrap;grid-gap: 0.5em;}
.gallery .gallery-item {display: inline-block;width: 50%;margin: 0;padding: 0px;}

/* LANDING PAGE */
.page-id-33024 #content #primary, .page-id-33265 #content #primary, .page-id-33333 #content #primary {width: 100%; max-width: 1200px;}
.page-id-33024 #content, .page-id-33265 #content, .page-id-33333 #content {margin-top: 0 !important;}
.page-id-33024 #page h1, .page-id-33265 #page h1, .page-id-33333 #page h1,
.page-id-33024 #page h1 span, .page-id-33265 #page h1 span, .page-id-33333 #page h1 span,
.page-id-33024 #page h2, .page-id-33265 #page h2, .page-id-33333 #page h2,
.page-id-33024 #page h2 span, .page-id-33265 #page h2 span, .page-id-33333 #page h2 span,
.page-id-33024 #page h3, .page-id-33265 #page h3, .page-id-33333 #page h3,
.page-id-33024 #page h4, .page-id-33265 #page h4, .page-id-33333 #page h4 {font-family: 'Didot', sans-serif !important;font-weight: 700 !important;letter-spacing: 0.5px !important;}
.page-id-33024 #page h1, .page-id-33265 #page h1, .page-id-33333 #page h1 {font-size: 40px;}
.page-id-33024 #page h2, .page-id-33265 #page h2, .page-id-33333 #page h2 {font-size: 30px;}
.page-id-33024 #page h3, .page-id-33265 #page h3, .page-id-33333 #page h3 {font-size: 20px;}
.page-id-33024 #page p, .page-id-33265 #page p, .page-id-33333 #page p {font-family: 'Avenir', sans-serif !important; font-weight: 400 !important; font-size: 17px;}
.page-id-33024 .page-row, .page-id-33265 .page-row, .page-id-33333 .page-row {padding: 30px 0;}
.page-id-33024 .grey-block, .page-id-33265 .grey-block, .page-id-33333 .grey-block {background: #efefef; transition: all 0.25s;}
.page-id-33024 .beige-block, .page-id-33265 .beige-block, .page-id-33333 .beige-block {background: #faefe3; transition: all 0.25s; padding: 20px 40px 20px 30px;}
.page-id-33024 .heading, .page-id-33265 .heading, .page-id-33333 .heading {padding-top: 30px;}
.page-id-33024 .reviews, .page-id-33265 .reviews {min-height: 250px; padding: 20px 20px 0 20px; width: 100%; background-color: #faefe3; color: #000;}
.page-id-33333 .reviews {min-height: 300px; padding: 20px 20px 0 20px; width: 100%; background-color: #faefe3; color: #000;}
.page-id-33024 .reviews-row, .page-id-33265 .reviews-row, .page-id-33333 .reviews-row {padding-bottom: 30px;}
.page-id-33024 .seo-text, .page-id-33265 .seo-text, .page-id-33333 .seo-text {padding: 5px 50px;}
.page-id-33024 .footer, .page-id-33265 .footer, .page-id-33333 .footer {background: #333333; padding: 70px;}
.page-id-33024 .footer *, .page-id-33265 .footer *, .page-id-33333 .footer * {color: #fff; color: #fff; text-align: center;  }
.page-id-33024 .sow-carousel-container, .page-id-33265 .sow-carousel-container, .page-id-33333 .sow-carousel-container {padding: 35px 0 0 0;}


/* FOOTER */
.site-footer {color:#fff;background:#333}
.site-footer a, .site-footer p, .site-footer a:visited, .site-footer a:active, .site-footer a:focus {color:#fff!important;}
.site-footer .top-row {max-width:1000px;margin:0 auto;}
.site-footer .top-row a, .site-footer .top-row a:visited, .site-footer .top-row a:active {color:#fff!important;text-decoration:none;}
.site-footer .top-row table.opening {max-width:300px;margin:0 auto;}

.site-footer a[class*="sg-social"] {border: 1px solid #333; border-radius: 50%;  background-color: #333; }
.site-footer a[class*="sg-social"]:hover { background-color: #000; }
.site-footer a.to-the-top {color:#000!important;text-decoration:none;font-weight:700;}