/*
Theme Name: toniandguy 2019
Theme URI: https://www.toniandguy.com.au/
Author: Take Me Digital
Author URI: https://www.takemedigital.com.au/
Template: toniguy
Description: Custom WordPress theme built for TONI&GUY™ Australia.
Version: 2.4.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, right-sidebar, grid-layout, custom-background, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, e-commerce
Text Domain: toniguy2019
*/

@font-face {
    font-family: "MinionPro";
    src: url("./fonts/MinionPro-Regular.otf");
    src: url("./fonts/MinionPro-Regular.ttf")
}
@font-face {
    font-family: "BeyondInfinity";
    src: url("./fonts/BeyondInfinity.otf");
    src: url("./fonts/BeyondInfinity.ttf")
}

/* career page */
.page-id-342 .ginput_container.ginput_recaptcha {padding-top: 20px;}
.page-id-342 .count-sec.count-first .first-right p.for-mg {margin-bottom: 10px;display: list-item;margin-left: 25px;}
.page-id-342 #content article.main-content .first-left p.for-mg {color: #fff;}
.page-id-342 .gform_wrapper .gform_fileupload_multifile .gform_drop_area {padding: 24px;border: 3px dashed #ccc;border-radius: 10px;}
.page-id-342 .form-sec.count-sec form  {background: #000; color: #fff;}
.page-id-342 #gform_wrapper_18 form .gform_body {padding: 35px;}
.page-id-342 .form-sec .gform_footer.top_label {background: white;text-align: center;padding-top: 40px!important;}
.page-id-342 .form-sec.count-sec {text-align: center;}
.page-id-342 .form-sec.count-sec img {margin: 65px auto;}
.page-id-342 .gform_heading {padding: 30px;width: 100%;text-align: center;}
.page-id-342 .gform_heading h3.gform_title {font-size: 40px!important;font-weight: 500!important;}
.page-id-342 h2.heading {font-size: 40px;color: #000;font-weight: normal;margin-bottom: 40px!important;}
.page-id-342.page-application #content article.main-content .image-sec img{margin-top: 0px !important;width: 100%! important;max-width: 100%! important;}
.page-id-342 .image-sec img { float: left;width: 100%!important; margin: 0px 10px;}
.page-id-342 .first-sec { background: #000;position: relative;margin-top: 240px;}
.page-id-342 .page-align {max-width: unset;padding-top: 20px;}
.page-id-342 .image-sec { margin: auto;max-width: 1200px;padding: 0px 20px;position: absolute;left:0;right: 0;top: -240px;margin: auto;}
.page-id-342.page-application #content article.main-content img {margin-top: 0px !important;}
.page-id-342 h1.mainheading span {background: #fff;font-weight: 500; padding: 0px 5px;color: #000;}
.page-id-342 .txt-sec{text-align: left;margin: auto;max-width: 696px;padding: 260px 0px 80px 0px;}
.page-id-342 .txt-sec h1 {font-size: 60px;margin: 5px;color: #fff;text-transform: uppercase!important;}
.page-id-342 #content article.main-content .vide-sec p {font-size: 24px; font-weight: 100;}
.page-id-342 .vide-sec {text-align: center;max-width: 1200px; margin: auto;padding: 90px 20px;}
.page-id-342 .vide-sec p.under-vid {padding-bottom: 30px;}
.page-id-342 .embed-container{max-width: 1050px; margin: auto!important;margin-top: 35px!important;} 
.page-id-342 .count-sec {max-width: 1200px;margin: 30px auto; position: relative;padding: 0px 20px;}
.page-id-342 .first-left {width: 48%; float: left;padding-left: 50px;}
.page-id-342 .first-right {float: right; width:49%;}
.page-id-342 .two-img-sec img { max-width: unset!important;width: 100%!important;float: left!important; margin: auto 5px;}
.page-id-342 .two-img-sec {max-width: 850px;margin:90px auto;position: relative;}
.page-id-342 .full-sec {max-width: unset;width: 90%;background:#000;margin: 0;}
.page-id-342 #content article.main-content p {font-size: 24px;}
.page-id-342 .count-sec.count-first h3 {font-size: 24px;font-weight: 100; margin: 50px 0;text-transform: initial;}
.page-id-342 h2.sub-head {font-size: 40px!important;font-weight: 300; color: #000; text-transform: initial;}
.page-id-342 span.step-count {font-size: 130px;position: absolute;top: 0;color: #000;left: 506px;font-weight: normal;font-family: initial;font-family: MinionPro;line-height: 1;height: 103px;}
.page-id-342 h1, h2, h3, h4, h5, h6{text-transform: initial;}
.page-id-342 .forth-sec.count-sec {background: #000;}
.page-id-342 .forth-sec.count-sec .count-sec {font-size: 30px;font-weight: normal;width: 40%;float: right;}
.page-id-342 .count-sec.count-first .first-right{margin-top: 66px; }
.page-id-342 .third-sec.count-sec .step-count {bottom: 0!important;left: 12px;top: unset;}
.page-id-342 .count-sec.count-second .step-count {left: 0px;font-family: MinionPro;color: #fff;padding: 0;top: 100px;}
.page-id-342 .count-sec.count-first h2 {padding-left: 40px;}
.page-id-342 .forth-sec.count-sec .count-sec { width: 33%;float: left; color: #fff; margin-left: 30px;margin-top: 50px;margin-bottom: 50px;}
.page-id-342 .count-sec.count-second .first-right {position: absolute;right: -201px;}
.page-id-342 .count-sec.count-second h2 {color: #fff;font-size: 40px;font-weight: 100;margin-top: 88px;}
.page-id-342 .count-sec.count-second h3 {margin: 30px 0 9px 0;color: #fff;}
.page-id-342 .count-sec.count-second {padding: 150px 0px 30px 0px;}
.page-id-342 .setting-sec {max-width: 850px;margin: auto;}
.page-id-342 .single-img {width: 35%;float: left;position: absolute;left: -75px;}
.page-id-342 p.fourth-text {color: #fff;padding-top: 50px;}
.page-id-342 .text-section {float: right;width: 69%; padding: 63px 44px 0px 10px;}
.page-id-342 h2.heading-main {font-size: 40px;    font-weight: 300;}
.page-id-342 h3.subheading { font-size: 24px;font-weight: 500;letter-spacing: 1px;color: #fff;}
/* .page-id-342 #content article.main-content h2.heading-main {color: #fff;} */
.page-id-342 .fullimg-sec {display: inline-block;}
.page-id-342 .last-sec.count-sec .heading-main {color: #000;font-size: 40px;}
.page-id-342 #content article.main-content .text-section h2.heading-main { color: #fff;font-family: MinionPro;}
.page-id-342 .last-sec p.fourth-text{color: #000;}
.page-id-342 .last-sec.count-sec .count-sec { padding: 0;}
.page-id-342 .second-lefttxt .single-img {width: 35%;float: right;position: absolute; right: -75px;left: unset;}
.page-id-342 .second-lefttxt .text-section {float: left;width: 69%;padding: 63px 44px 0px 90px;}
.page-id-342 span.job-title {font-size: 25px;font-family: 'Futura W02';font-weight: normal; padding-left: 0px}
.page-id-342 .fullimg-sec.second-lefttxt {margin-top: 90px;margin-bottom: 40px;}
.page-id-342 .second-lefttxt h2.heading-main {margin-bottom: 0px!important;}
.page-id-342 .number-sec-count{font-size: 130px;font-family: MinionPro;line-height: 1;}
.page-id-342.page-application .gform_wrapper ul li.gfield div input[type=text]{font-size: 20px !important;background: #000;color:#fff!important}
.page-id-342 form label.gfield_label {font-size: 20px!important;}
.page-id-342 .gform_wrapper .gfield_checkbox li label {font-size: 20px!important;padding-left: 15px;color: #b2b2b2;}
.page-id-342 .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] {width: 20px!important;height: 20px!important;border: 1px solid;}
.page-id-342 button#gform_submit_button_18 {font-size: 18px !important;padding: 12px 25px;border-radius: 6px;}
.page-id-342 ::placeholder {color:#fff!important}
.page-id-342 :-ms-input-placeholder { /* Internet Explorer 10-11 */color:#fff!important}
.page-id-342 ::-ms-input-placeholder { /* Microsoft Edge */color:#fff!important}
.page-id-342 .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{margin-top: 0px!important;}
.page-id-342 .ginput_container.ginput_container_fileupload { background: #fff;padding: 2px;}
.page-id-342 .gform_drop_area {margin: 0!important;}
.page-id-342 .page-align.title-only h2:before {content: 'CAREERS';padding-right: 12px;}
.page-id-342 span.h1heading { display: none;}
.page-id-342 .page-align {padding-left: 0!important; padding-right: 0!important;}
.page-id-342 #content article.main-content p.for-mg {margin-bottom: 10px;}
.page-id-342 #content article.main-content .setting-sec p {margin-bottom: 30px;}
/* carrer page end */

.page-id-10266 .page-align {
    max-width: 100%;
}
.page-id-10266 div#content-header {
    display: none;
}
.page-id-10266 .spacer-vertical-x2{
    padding: 0;
}
.years-container .section-1 {
    max-width: 1115px;
    margin: auto;
    padding: 50px 0;
    display: table;
}
.years-container .find-salon {
    float: left;
    width: 100%;
    text-align: center;
}
.years-container .find-salon a {
    font-size: 21px;
    margin: auto;
    text-align: center;
    padding: 12px 18px;
    border: 5px solid #000;
    margin: 40px 0 38px 0;
    display: inline-block;
    float: none;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
}
.find-salon a:hover {
    background: #000!important;
    color: #fff!important;
}

.right-block-img {
    width: 50%;
    float: right;
}
.right-block-img img {
    width: 100%!important;
    margin: 0;
}
.left-block-years {
    width: 47%;
    float: left;
}
.left-block-img {
    width: 46%;
    float: left;
}
.right-block-years {
    width: 47%;
    float: right;
    text-align: right;
}
.years-container p {
    font-size: 18px!important;
    margin-bottom: 15px!important;
}
.left-block-years h1 {
    font-size: 30px;
    margin-bottom: 10px;
}
.banner-1 img {
    width: 100%!important;
    margin: auto;
}
.video-year video {
    max-width: 1200px;
    margin: auto;
    float: none;
    display: block;
}


a.showForm-gift:hover {
    background: #000;
    color: #fff!important;
}
.popup-form {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    z-index: 1111;
}
.popup-form .gform_wrapper{
    min-height: 0px;
    width: 400px;
    background: #dcdcdc;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto !important;
    height: auto;
    transform: translate(-50%,-47%);
    max-width: 97%;
}
.popup-form .gform_wrapper li.hidden_label input{
    margin: 0;
}
.popup-form  .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{
    margin-top: 0;
}
.popup-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.popup-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    font-size: 11px;
    border: 0;
    width: 100%;
    text-transform: uppercase;
    color: #6d6d6d;
    margin: 0;
    height: 38px;
    background: #fff;
}
.popup-form .gform_wrapper button {
    font-family: 'Futura W02'!important;
    font-size: 11px!important;
}
.popup-form .gform_wrapper li.gfield.gfield_error {
    background: transparent;
    border: 0;
    margin: 0;
}
.popup-form .gform_wrapper .validation_message {
    font-size: 12px;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: 100;
}
.popup-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    padding: 2px 0;
    font-weight: 100;
}
body .popup-form .gform_wrapper ul li.gfield {
    margin-top: 0;
}
.parent-pageid-10256 .page-align.title-only > span {
    display: none;
}


.gift-top {
    float: left;
    width: 100%;
    background: #000;
}
#content article.main-content .gift-container p > img {
    width: 189px;
    display: block;
    margin: auto;
}
.gift-container {
    background: #000;
    border: 1px solid #000;
    float: left;
    width: 100%;
    padding: 53px 0 0 0;
}
.gift-content {
    background: #fff;
    float: left;
    width: 100%;
    padding: 0 0 53px 0;
}
.gift-top-inner {
    width: 89%;
    margin: auto;
    border: 3px solid #fff;
    color: #fff;
    margin-top: -95px;
    padding-top: 127px;
    border-bottom: 0;
}
.years25 {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 50px;
    font-size: 30px;
    font-weight: 700;
}
.gift-content-inner {
    width: 89%;
    margin: auto;
    border: 4px solid #000;
    padding: 28px;
    border-top: 0;
    text-align: center;
}
a.showForm-gift {
    margin: 45px auto;
    display: block;
    border: 3px solid #000;
    max-width: 431px;
    padding: 20px;
    font-size: 24px;
    font-weight: 600;
    width: 96%;
    cursor: pointer;
}
.small-content p b{
    background: #000;
    color: #fff;
    margin-right: 6px;
    padding: 0 3px;
}


#content article.main-content .gift-content-inner p {
    font-size: 18px;
}
#content article.main-content .small-content p {
    font-size: 14px;
}
#content article.main-content .gift-top-inner img {
    width: 68%;
    margin: auto;
    display: block;
}


.component-inner-table{
    margin-bottom: 20px;
}
.salon-service-popup {
    max-width: 400px;
    background: #000;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto !important;
    height: auto;
    transform: translate(-50%,-47%);
    color: #fff;
    text-align: left;
    padding-bottom: 18px;
    width: 94%;
}
.salon-service-popup img {
    width: 100%;
}
.salon-service-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255 255 255 / 69%);
    transition: opacity 500ms;
    z-index: 1111;
}
.servicePopupParent{
    visibility: hidden;
    opacity: 0;
}
.showServicePopup{
    visibility: visible;
    opacity: 1;
}
.profile_picture .salon-service-popup img {
    max-height: 100%;
}
.service_image .salon-service-popup h3 {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.salon-service-popup p {
    margin: 0;
    line-height: 16px;
    font-size: 14px;
}
/* staff start */
.staff-hub h1 {
    font-family: BeyondInfinity;
    font-size: 88px;
    line-height: 1;
    text-transform: none;
    margin-top: 44px;
}
.staff-hub {
    text-align: center;
    margin-top: 27px;
    max-width: 730px;
    margin: auto;
}
.cutColourVideo p {
    font-size: 24px;
    color: #000;
}
.staff-cat {
    max-width: 730px;
    margin: auto;
    margin-top: 4%;
    display: flow-root;
    margin-bottom: 50px;
}
.staff-cat a:hover {
    background: #000;
    color: #fff;
    font-size: 0;
}
.staff-cat a:hover:after {
    content: 'LEARN MORE';
    font-size: 20px;
    color: #fff;
}
.staff-cat a {
    float: left;
    padding: 35px 20px;
    border: 3px solid;
    text-decoration: none;
    margin: 0px 20px 20px 0;
    width: 46%;
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
}
.staffpage-view{
    text-align: center;
}
p.staff_presented_by {
    text-align: right;
    color: #545454;
    margin-top: 5px;
    float: left;
    width: 100%;
}
.other-staff-post a.previous-staff {
    padding: 9px 28px;
    border: 3px solid;
    text-decoration: none;
    font-weight: bold;
    margin-right: 12px;
}
a.return-to-main {
    padding: 12px 49px;
    text-decoration: none;
    font-weight: bold;
    margin-left: 12px;
    background: #000;
    color: #fff!important;
}
.other-staff-post {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 25px;
}
a.previous-staff:before {
    content: '\2190';
    font-size: 22px;
    line-height: 22px;
    margin-right: 6px;
    position: relative;
    top: 2px;
}
.session-staff {
    font-size: 45px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #e27417;
}
.session-staff p {
    font-size: 20px;
    color: #000;
    text-transform: none;
}
.staff-sub-cat .Catbanner {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 0;
    float: left;
}
.Catbanner img{
    width: 100%;
}
.staff-sub-cat {
    width: 100%;
    display: inline-grid;
}
.translatePost {
    float: none;
    width: 33%;
    margin-right: 15px;
    margin-bottom: 3%;
    text-align: center;
    margin: auto;
    display: inline-block;
    padding: 11px;
}
.translatePost a{
    text-decoration: none;
    font-weight: bold;
}
.all-trans-post {
    margin-top: 34px;
}
.staff-sub-cat p {
    text-align: center;
    max-width: 842px;
    margin: 12px auto;
}
.trans-main.education-post {
    margin: 0px 0 30px 0;
}
.translatePost img {
    border: 3px solid #000;
    width: 100%;
    height: auto
}
.main-hub {
    position: absolute;
    bottom: 0;
    left: 24%;
    border: 3px solid #000;
    padding: 8px 25px 10px 8px;
    text-align: right;
    font-weight: bold;
}
.trans-main {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    padding: 0 0px 94px 0;
}
.trans-main button.alm-load-more-btn.more {
    padding: 14px 25px;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
}
.staffpage-view a.article-pop-up {
    font-size: 15px;
    font-weight: 900;
}
.main-hub a {
    text-decoration: none;
}
.main-hub a:before {
    content: '\2190';
    font-size: 22px;
    line-height: 22px;
}
.trans-main .alm-btn-wrap {
    display: block;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    right: -84px;
}
.find-salon-btn{
    color: #000!important;
    font-weight: 700!important;
    border: 2px solid #000!important;
    padding: 10px 13px!important;
    font-size: 15px !important;
    z-index: 9999;
}
.find-salon-btn:hover {
    background: #000;
    color: #fff!important;
}
#sb_instagram .sbi_follow_btn a {
    background: #000!important;
    color: #fff!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
    font-family: 'Futura W02'!important;
    font-weight: 700!important;
    padding: 10px!important;
    border-radius: 0!important;
}
#sb_instagram #sbi_load .sbi_loader {
    background-color: #000!important;
}
#sb_instagram .sbi_follow_btn a:hover {
    outline: 0!important;
    box-shadow: none!important;
}
#sb_instagram svg:not(:root).svg-inline--fa {
    display: none!important;
}
#sb_instagram #sbi_load .sbi_load_btn {
    background: #fff!important;
    color: #000!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
    font-family: 'Futura W02'!important;
    font-weight: 700!important;
    padding: 7px!important;
    border-radius: 0!important;
    border: 3px solid #000!important;
}
.mm-menu.mm-theme-dark {
    background: #000!important;
}
/* staff end */
.salon-top-address h1 {
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    margin-top: 33px;
}
.widget-container .component-block ul.opening-hours {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.salon-top-address p {
    text-align: center;
    font-size: 14px;
    color: #6D6D6C;
}
a.btn-reverse.custom_bookNow.book_now_btn {
    text-align: center;
    display: block;
    width: 100%;
    margin: auto;
    font-size: 30px!important;
    padding: 18px !important;
    height: auto;
    line-height: 1;
    border: 0;
    margin-bottom: 48px;
    margin-top: 20px;
    max-width: 399px;
    letter-spacing: 0;
    background: #f5821f;
    color: #fff;
}
.page-template-tmpl-salon-location h1.h2sizefont {
    font-weight: 900!important;
    letter-spacing: 0!important;
    font-size: 23px!important;
}
.tab-container-2 a.btn-reverse.custom_bookNow.book_now_btn.call_back_btn.askQuestion {
    display: none;
}
.show-hide-price {
    display: none;
}
div#see-more-price {
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
div#see-more-price:after {
    content: ' \25BC';
    font-size: 10px;
    position: relative;
    top: 0px;
    margin-left: 2px;
}
div#see-more-price:before {
    content: ' \25BC';
    font-size: 10px;
    position: relative;
    top: 0px;
    margin-right: 5px;
}
.salon-top-address {
    margin-bottom: 15px;
}
.tab-container-2 a.btn-reverse.custom_bookNow.book_now_btn.call_back_btn {
    display: none;
}
/*charity */
#content article.main-content .charity-div .contact-charity .model p {
    margin: 0;
}
.contact-charity .model a {
    background: #ee437b;
    margin: 0;
}
.page-charity .page-align.title-only span {
    display: none;
}
.full-charity-banner {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 0;
    left: 50%;
    margin-bottom: 25px;
    padding: 0;
}
.charity-div {
    text-align: center;
}
#content article.main-content .charity-div p {
    font-size: 21px;
    margin-bottom: 26px;
}
.charity-one-line {
    margin: 41px 0 20px 0;
}
.charity-div span {
    color: #f34967;
}
#content article.main-content .charity-one-line img {
    width: 32%;
    margin: 5px 9px 20px 0;
}
#content article.main-content .charity-div p.pink-text {
    color: #f34967;
    font-size: 26px;
    font-weight: 600;
}
#content article.main-content .full-charity-banner img {
    margin: auto;
}
.contact-charity {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 0;
    left: 50%;
    background: #fda7b6;
    margin-bottom: -32px;
    float: left;
    padding: 30px 0 20px 0;
    text-align: center;
    color: #ee437a;
}
#content article.main-content .charity-div .contact-charity p {
    font-size: 30px;
    font-weight: 600;
}
.contact-charity a {
    background: #ee437a;
    padding: 7px 63px;
    color: #fff!important;
    text-decoration: none;
    margin: 0 9px;
    font-size: 23px;
}
.customBlog-style{
    text-align: center;
}
#content article.main-content .customBlog-style h1 {
    text-align: center;
    font-size: 43px;
    font-weight: 900;
    font-family: MinionPro;
    text-transform: none;
}
#content article.main-content .customBlog-style h2 {
    text-align: center;
    font-size: 43px;
    font-weight: 300;
    font-family: MinionPro;
    text-transform: none;
    margin: 0;
}
.trans-style {
    position: relative;
}
#content article.main-content .trans-style .mag-img {
    width: 89%;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    top: 50px;
}
.mag-bottom {
    position: absolute;
    bottom: 71px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    color: #fff;
}
.mag-bottom h2 {
    font-size: 40px;
}
#content article.main-content .mag-bottom-inner p {
    margin-bottom: 2px;
    font-size: 14px;
    text-align: center;
    margin: auto;
    font-size: 24px;
    float: left;
    width: 48%;
}
.mag-bottom-inner {
    text-align: center;
    width: 410px;
    font-size: 34px;
    margin: auto;
}
#content article.main-content .customBlog-style p {
    margin-bottom: 2px;
    font-size: 16px;
    color: #000;
    text-align: center;
}
#content article.main-content .customBlog-style p.book-blog {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 38px;
    left: 50%;
    background: #f38120;
    margin-bottom: 0;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    font-size: 47px !important;
    color: #fff !important;
    letter-spacing: 2px;
    font-weight: bold !important;
    text-decoration: none;
    font-family: 'Futura W02';
    line-height: 1;
}
#content article.main-content .customBlog-style p.book-blog span {
    font-weight: 100;
}
.customBlog-style h1.space {
    margin-top: 35px;
}
.postid-6620 main#main {
    padding-bottom: 0;
}
.customBlog-style .sapce-2 {
    margin-top: 23px;
    float: left;
    width: 100%;
}
#content article.main-content .customBlog-style img {
    width: auto;
    margin: auto;
    margin-left: 14px;
    margin-bottom: 7px;
}
#content article.main-content .customBlog-style p.perm-convert{
    text-align: center;
    font-size: 34px;
    margin-top: 28px;
    line-height: 43px;
}
#content article.main-content .customBlog-style p.perm-convert-bold {
    text-align: center;
    font-size: 34px;
    line-height: 43px;
    font-weight: bold;
}
.customBlog-style h3 {
    text-align: center;
    margin-top: 11px;
}

.banner-top img {
    width: 100%;
}
.title-1-top img {
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
}
.title-1-top {
    display: block;
    margin: 19px 0 57px 0;
}
.page-trannscendyourstyle #content-header .has-header-content.page-align h1 {
    display: none;
}
.page-trannscendyourstyle #content-header div.entry-subtitle.no_post_thumbnail {
    padding: 0;
}
#content article.main-content .before-after-slider p {
    text-align: center;
    font-size: 17px;
    margin: 10px 0;
}
.text-block-trans {
    display: block;
    margin: 58px 0;
    text-align: center;
}
#content article.main-content .text-block-trans h2 {
    font-weight: 100;
    font-size: 26px;
    margin-bottom: 43px;
    display: block;
    width: 100%;
}
#content article.main-content .text-block-trans p {
    font-size: 18px;
    margin-bottom: 26px;
}
.text-block-trans h4 {
    font-weight: 300;
    font-size: 20px;
}
.book-now-trans {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 38px;
    left: 50%;
    background: #f38120;
    margin-bottom: 0;
    float: left;
    padding: 10px 0;
    text-align: center;
    color: #fff;
}
#content #main .book-now-trans a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
}
#content #main .book-now-trans a span {
    font-size: 54px;
    font-weight: 700;
}
.title-2-trans {
    display: block;
    width: 100%;
    float: left;
    margin: 80px 0 40px 0;
}
.title-2-trans img {
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
}
.after-title-2 {
    float: left;
    width: 100%;
    margin: 28px 0 42px 0;
}
#content article.main-content .after-title-2 p {
    font-size: 16px;
    text-align: center;
    font-weight: 100;
}
.trans-in-content {
    text-align: center;
}
.trans-product-section {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.trans-product-section-1 {
    display: inline-block;
    width: 21%;
    text-align: center;
    margin: 0 5%;
}
.trans-in-content h1 {
    font-size: 28px;
    font-weight: 100;
}
#content article.main-content .trans-in-content p {
    font-size: 17px;
}
.before-after-slider a.ms_next {
    background-image: url(../toniandguy2019/images/right.png)!important;
    width: 21px;
    height: 42px;
    background: transparent;
    border-radius: 0;
    right: 0;
    background-size: cover!important;
}
.before-after-slider a.ms_prev {
    background-image: url(../toniandguy2019/images/left.png)!important;
    width: 21px;
    height: 42px;
    background: transparent;
    border-radius: 0;
    left: 0;
    background-size: cover!important;
}

#main_countedown_1 .time_left {
    border-radius: 0!important;
    background-color: #FAB072!important;
    font-size: 62px!important;
    color: #ffffff!important;
    padding: 2px 14px;
    font-family: 'Futura W02'!important;
    font-weight: 600;
    letter-spacing: 3px;
}

#main_countedown_1 .time_description {
font-size: 18px;
color: #808080;
font-family: 'Futura W02';
font-weight: 100;
}

.content_countdown {
clear: both;
width: 100%;
margin: 0;
background: #f2f2f2;
margin-top: -4px;
padding-top: 32px;
padding-bottom: 24px;
}
#main_countedown_1 .element_conteiner {
min-width: 90px;
margin-right: 26px;
}
                
.weCarecomman{
    width: 100%;
}
img.weCare-mobile {
    display: none;
}

.wecare-full-width {
    width: 99.5vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 0;
    left: 50%;
    background: #ececec;
    margin-bottom: 0;
    float: left;
    padding: 36px 0;
    color: #000;
    top: 0;
}
.wecare-c-main {
    float: left;
    width: 100%;
    margin: auto;
}
.wecare-c-fixed {
    max-width: 947px;
    margin: auto;
    float: none;
    padding: 0 19px;
}
.wecare-c-fixed p {
    font-size: 22px!important;
    text-align: center;
}
.page-covid19 .spacer-vertical-x2 {
    padding: 0em 0;
}
.wecarelast-c.wecare-c-fixed p {
    text-align: left;
    font-size: 18px!important;
    margin-bottom: 20px!important;
    line-height: 31px!important;
}
.page-covid19 .page-align.title-only {
    display: none;
}
.c-wecare-b-img img {
    max-width: 700px!important;
    width: 100%!important;
    margin: auto;
    display: block;
}
.c-wecare-b-img {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.wecare-img-covid {
    float: left;
    width: 100%;
    margin-top: 48px;
}
h1.main-top-c-title {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 20px 10px;
    font-size: 30px;
    font-weight: 100;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 0;
    left: 50%;
}
.wecare-c2-fixed h1 {
    text-transform: none;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 27px;
}
.wecare-c2-fixed p {
    margin-bottom: 20px!important;
}
.wecare-c2-fixed .wecare-img1 img {
    margin-bottom: 65px;
}
.wecarelast-c h2 {
    font-weight: 600;
}

.gift-salon-block {
    background: #C3B9B5;
}
.page-template-tmpl-giftforyou-page .gift-for-you-form .gform_confirmation_wrapper {
    min-height: auto;
}
.page-giftforyou .gift-for-you-form .gform_fields .gfield .ginput_container input{
    border: 2px solid #000!important;
    margin-top: 6px;
    margin-bottom: 16px;
}
.page-giftforyou .gift-for-you-form .gform_wrapper label.gfield_label {
    font-weight: bold;
}

.keep-enjoy {
    max-width: 998px;
    margin: auto;
    padding: 40px 0;
    display: flex;
}

.keep-enjoy h2{
    font-weight: 600;
    font-size: 40px;
}
.keep-enjoy p{
    font-size: 21px;
    margin-bottom: 20px;
}
.gift-for-you-form {
    max-width: 950px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 35px;
}
.gift-for-you-form h2 {
    text-align: center;
    font-size: 40px;
}
.keep-enjoy-text {
    width: 100%;
}
.keep-enjoy-image {
    position: relative;
    top: 153px;
    width: 50%;
}
.page-giftforyou .gift-for-you-form .gform_fields .gfield .ginput_complex.ginput_container span {
    width: 100%;
}
.page-giftforyou .gform_validation_error .gfield_error .gfield_description.validation_message {
    display: block;
}
.career-apply-vac{
    text-align: center;
    width: 200px;
    margin: auto;
    background: #F38120;
    padding: 9px 22px;
    color: #fff!important;
    display: block;
    margin-top: 40px;
    margin-bottom: -10px;
    font-weight: 700;
}

.page-id-136 li.col-4.location:first-child {
    display: none;
}
.bb-cottesole img {
    width: 100%;
}
.only-cottesloe p.link {
    margin-top: 17px;
}
.page-id-9569 .after-c19 .content h2, .page-id-9569 .middle-content h2, .page-id-9569 .in-the-salon h2 {
    color: #615c38;
}
.banner-c19-custom img {
    width: 100%;
    height: auto;
}
.after-c19 .content {
    margin-top: 38px;
    margin-bottom: 30px;
    padding: 0 10px;
}
.after-c19 .content h2 {
    font-size: 45px;
    font-weight: 500;
    color: #663733;
    margin-bottom: 24px;
}
.after-c19 .content p {
    font-size: 20px;
    margin-bottom: 30px;
}
.after-c19-consultaiton {
    width: 100%;
    text-align: center;
    padding: 14px 0;
    background: #e27417;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    margin-top: 46px;
    margin-bottom: 46px;
}
.after-c19-consultaiton a.bookbtn {
    color: #fff!important;
    text-decoration: none;
    font-weight: 500;
    font-size: 28px;
}
.middle-content {
    width: 100%;
    float: left;
}
.middle-content h2, .in-the-salon h2 {
    text-align: center;
    font-weight: 500;
    font-size: 45px;
    color: #663733;
}
.middle-content h3, .in-the-salon h3 {
    text-align: center;
    font-weight: 500;
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 35px;
    color: #a2a2a2;
}
.inner-max-c19 {
    margin: auto;
    max-width: 802px;
    display: table;
    margin-top: 55px;
    margin-bottom: 31px;
    padding: 0 10px;
}
.after-c19-consultaiton.last {
    margin-bottom: 0px;
}
.c19-service-image {
    float: left;
    width: 32%;
    margin-right: 35px;
}
.inner-max-c19 h3 {
    text-align: left;
    color: #000;
    font-size: 25px;
    margin-bottom: 27px;
    font-weight: 500;
    line-height: 1;
}
.c19-description {
    font-size: 19px;
}
.in-the-salon {
    max-width: 802px;
    margin: auto;
    padding: 0 10px;
}
.inner-max-c19-2 {
    width: 33.2%;
    display: inline-block;
    margin-top: 8px;
}
.inner-max-c19-2 img {
    width: 95%;
    margin: auto;
    display: block;
}
.c19-service-image img {
    width: 100%;
}

#gform_fields_12 .clear-multi i {
    font-style: initial;
}
.page-terms-conditions .clear-whitespace.container {
    display: none;
}
.cutColour.onlyOneitem {
    width: 100%;
}
.wecare-l p.first-wec {
    font-size: 21px!important;
    color:#e27417;
    margin-bottom: 14px;
}
.wecare-l p.second-wec {
    font-size: 20px!important;
}
.wecare-img {
    background: #ececec;
    padding: 18px 0;
    float: inherit;
    margin-bottom: 26px;
    margin-top: 34px;
    width: 99.5vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}


.wecare-img .wecare-img2 h1 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
.wecarelast {
    float: left;
    width: 100%;
}
article.main-content .wecare-main {
    font-size: 21px!important;
}
.wecare-img2 p {
    font-size: 20px!important;
}
#content article.main-content .wecarelast p {
    margin-bottom: 11px;
    font-size: 20px;
}
#content article.main-content .wecare-main p {
    margin-bottom: 14px;
}
.wecare-l p {
    font-size: 20px!important;
}
.wecare-fixed {
    max-width: 1000px;
    margin: auto;
    float: none;
}
article.main-content .wecare-main h1 {
    font-weight: 600;
    font-size: 20px;
}

.page-id-9270 #content-header div.clear-whitespace, .page-id-9463 #content-header div.clear-whitespace{
    width: 99.5vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: #f5821a;
    padding-top: 16px;
}
.page-id-9270 #content-header div.entry-subtitle.no_post_thumbnail>h2, .page-id-9463 #content-header div.entry-subtitle.no_post_thumbnail>h2{
    font-size: 45px !important;
    font-weight:800;
}

.profile_picture img {
    max-height: 230px;
    object-fit: cover;
}
a.animated-link.book_animated.callbtn {
    font-weight: lighter;
    background: #f38120;
    padding: 10px 15px;
    color: #fff!important;
    font-size: 12px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.button-book {
    text-align: center;
    display: block;
    width: 100%;
    margin: auto;
    font-size: 30px!important;
    padding: 18px !important;
    height: auto;
    line-height: 1;
    border: 0;
    margin-bottom: 48px;
    margin-top: 20px;
    max-width: 399px;
    letter-spacing: 0;
    background: #f5821f;
    color: #fff;
}



a.service-book {
    font-size: 30pxpx !important;
    color: #fff !important;
    letter-spacing: 2px;
    font-weight: bold !important;
    text-decoration: none;
    text-transform: uppercase;
}

.page-id-264 .page-align {
    padding-bottom: 0;
}

.woocommerce-cart table.cart img {
    width: 58px!important;
}

input#coupon_code {
    height: 36px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    padding: 0;
}

h3#order_review_heading {
    margin-top: 19px;
    margin-bottom: 10px;
}

.woocommerce form .form-row input.input-text {
    border: 1px solid #afafaf;
    padding: 3px 4px;
    height: 30px;
}

.woocommerce div.product form.cart {
    margin-bottom: 2em;
    width: 99.5vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 0;
    left: 50%;
    background: #ddd;
    margin-bottom: 0;
    float: left;
    padding: 50px 0;
}

.woocommerce div.product form.cart .variations {
    max-width: 998px;
    width: 94%;
    margin: auto;
}

.single_variation_wrap {
    max-width: 998px;
    width: 94%;
    margin: auto;
}

.page-id-8723 span.h1heading {
    display: none;
}

.single-post #sidebar {
    display: none;
}

.no-fouc {
    display: block!important;
}

.single-post article {
    font-family: MinionPro;
}

.container {
    margin: 0 0rem;
}

.tab-content.current iframe {
    max-width: 100%;
}

#footer-widgets .menu li {
    border-left: 1px solid #5a5a5a;
}

.page-align {
    max-width: 998px;
    padding-left: 0rem!important;
    padding-right: 0rem!important;
}

.fixed-header div#header-nav {
    padding: 8px 0 5px 0;
}

.fixed-header #header-nav-inner .logo a {
    height: 2em;
}

.fixed-header #header-nav-inner .logo {
    margin-bottom: 0px;
}

#header-nav-inner {
    width: 100%;
    display: inline-block;
    text-align: center;
}

#header-nav-inner .logo {
    width: 100%;
    display: block;
    margin-bottom: 25px;
}

#header-nav-inner .logo a {
    height: 3em;
    background-size: contain;
    transition: all .6s ease-in-out;
}

#header-nav-inner .logo a,
#header-nav-inner h1 a {
    width: 100%;
    background-position: center;
}

#navigation {
    width: auto;
    display: inline-block;
}

#video-cover {
    position: relative;
}

ul#video-cover-cta {
    display: none;
}

div#wp-custom-header {
    display: none;
}

.banner_text span {
    font-family: Futura W02 !important;
}

.banner_btn {
    color: #fff !important;
    font-family: Futura W02 !important;
    font-weight: bold;
    text-shadow: 4px 2px 4px #2b2b2b;
}
.banner_btn_dark {
    color: #000 !important;
    font-family: Futura W02 !important;
    font-weight: bolder;
}
.banner_btn_light {
    color: #fff !important;
    font-family: Futura W02 !important;
    text-shadow: 4px 2px 4px #2b2b2b;
}

.ms_prev,
.ms_next {
    background-color: #000 !important;
    border-radius: 50%;
    padding: 3px;
    background-size: 14px !important;
}

.tg_info>a {
    position: absolute;
    bottom: 0;
}

#wp-custom-header-container {
    display: block;
    box-shadow: none;
    background-color: #fff;
}

.note {
    color: #000;
    text-shadow: none;
    margin: 70px 0px;
}

.note p {
    padding-top: 12px;
    width: 60%;
    max-width: 998px;
    margin: auto;
    font-size: 24px;
    text-align: center;
}

.woocommerce div.product form.cart .variations select {
    padding: 8px 5px;
    background: #fff;
    border-radius: 7px;
}

.woocommerce form .form-row select {
    padding: 8px 5px;
    background: #fff;
    border-radius: 7px;
}

#content article.main-content img {
    width: auto;
}

div#promotions {
    display: none;
}

.home .page-align {
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home {
    overflow-x: hidden;
}

.main_tg {
    width: 100%;
    background-color: #000;
    float: left;
}

.info_main_tg {
    width: 70%;
    max-width: 998px;
    display: flex;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 70px;
}

button.alm-load-more-btn.more {
    background: #000;
    border: 0;
    color: #fff;
    padding: 8px 13px;
}

.tg_info {
    width: 32%;
    float: left;
    display: inline-block;
    margin-right: 20px;
    text-align: left;
    position: relative;
}

.page-shop img {
    width: 100%;
    height: auto;
}

#salon-intro-panel {
    background-color: transparent;
}

.tg_info img {
    width: 100%;
}

.tg_info h1 {
    font-size: 17px !important;
    text-align: left;
    font-weight: 700;
    padding-top: 20px;
    color: #fff;
}

.tg_info hr {
    margin: 10px 0px !important;
    border-bottom: 0px solid #ccc !important;
}

#video-caption {
    color: #000;
    text-shadow: none;
}

.service {
    margin-right: 0;
}

.tg_info p {
    font-size: 16px !important;
    text-align: left;
    margin-bottom: 50px;
    color: #fff;
}

.fnd_saloon {
    width: 160px;
    text-align: left;
    margin-top: 30px;
}

.fnd_saloon button {
    background: #000;
    border: none;
    padding: 12px 10px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    width: 160px;
    border-radius: 0;
    cursor: pointer;
    border: 2px solid #fff;
    font-weight: 700;
    font-family: 'Futura W02';
}

.fnd_saloon button:hover {
    background: #ffffff;
    color: #1d1d1d !important;
}

.postid-8951 div.product form.cart .button {
    display: block!important;
}

.postid-8962 div.product form.cart .button {
    display: block!important;
}

ul#saloon_name {
    position: absolute;
    border: 2px solid #000;
    margin-top: 2px;
    width: 160px;
    z-index: 1;
    background: #fff;
}

ul#saloon_name li {
    padding: 10px;
    text-align: center;
}

ul#saloon_name li a {
    font-size: 12px;
    text-decoration: none;
    background: transparent;
    color: #000 !important;
    border: none;
}

.tg_info p:nth-child(6) {
    margin-top: 30px;
}

.tg_info a {
    text-decoration: none;
    background-color: #000;
    color: #fff !important;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
    text-transform: uppercase;
    border: 2px solid #fff;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.tg_info a:hover {
    background: #fff;
    color: #1d1d1d !important;
}
a.tg_info_img:hover {
    background: transparent;
}

.lv_salon {
    width: 70%;
    max-width: 998px;
    margin: auto;
}

.lv_section {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
}

.lv_section.title h1 {
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 1px;
}

.lv_salon .content {
    margin-top: 30px;
    margin-bottom: 50px;
}

.lv_section.content ul li {
    display: inline-block;
}

div#footer-sitemap {
    background: #000;
}

.inner_ftr {
    width: 100%;
    margin: auto;
    color: #fff;
}

.ftr_content {
    width: 30%;
    float: left;
}

.news_letter {
    width: 70%;
}

.ftr_content h1 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.2px;
    margin: 30px 0px;
}

.news_letter div#wpcf7-f8896-o1 {
    color: #ccc;
    font-size: 12px;
}

.news_letter div#wpcf7-f8896-o1 form p label span input {
    font-size: 12px;
    border: none;
    background: #000;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 7px 0px;
    width: 290px;
    color: #ccc;
    margin-bottom: 30px;
}

.news_letter div#wpcf7-f8896-o1 form p>input {
    font-size: 12px;
    padding: 10px 14px;
    border-radius: 2px;
    border: none;
    background: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

#footer-widgets .widget-right .copyright {
    display: none;
}

div#footer-widgets {
    background: #000;
    color: #fff;
    border: none;
}

#footer-widgets .menu li a {
    color: #fff;
    padding: 0px 2px;
}

#footer-widgets a {
    color: #ccc;
    text-decoration: none;
}

.inner_ftr_widgets {
    width: 100%;
    margin: auto;
}

.widget-container.widget-left {
    width: 30% !important;
    font-size: 12px;
    line-height: 1.5;
}

.widget-container.widget-right {
    width: 70% !important;
}

#footer-widgets .widget-left .menu li {
    border: none;
    text-transform: capitalize;
}

#footer-widgets .widget-left .menu li a {
    padding: 0px 2px;
}

#footer-widgets .widget-right .menu li {
    font-size: 12px;
    padding: 0px 14px;
}

#footer-widgets .widget-right .menu li:nth-child(1) {
    border-left: none;
}

#footer-widgets .widget-right .menu li a {
    cursor: pointer;
}

.widget-follow .textwidget i {
    margin-right: 20px;
}

.lv_section li {
    width: 23%;
    list-style-type: none;
    display: inline-block;
    margin-right: 20px;
    float: left;
}

.widget-follow .textwidget a {
    color: #fff;
    display: inline-block !important;
}

.widget-follow>div {
    margin-bottom: 60px;
}

.widget-follow div .textwidget p {
    text-transform: capitalize;
}

.content li img.attachment-medium.size-medium.wp-post-image {
    width: 270px;
    height: 293px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 15px;
}

.lv_salon .content li:nth-child(4) {
    margin-right: 0;
}

.lv_section li a {
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}

p.entry-date {
    font-size: 12px;
    margin-top: 8px;
    color: #6d6d6d;
}

.note h1 {
    width: 70%;
    max-width: 998px;
    margin: auto;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
}

#header-menu>li.menu-item-has-children:hover {
    border: 3px solid transparent;
    background-color: transparent;
}

#header-menu>li.menu-item-has-children:hover>a {
    color: #000;
}

ul#gform_fields_37 li:last-child {
    width: 96px;
    float: right;
}

button.clear-btn {
    float: right;
    width: 100%;
}

.instagrams {
    display: flex;
    flex-wrap: wrap;
}

.instagrams a.inata-a {
    width: 14.997%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.instagrams a.inata-a:last-child {
    margin-right: 0;
}

img.images-instag {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#header-menu ul.sub-menu li {
    white-space: nowrap;
    border-bottom: none;
}

#header-menu ul.sub-menu li a:hover {
    color: #000000;
    background-color: transparent;
}

#header-menu ul.sub-menu li {
    text-align: center;
}

#header-menu>li:before {
    content: '';
    background: url(../toniandguy2019/images/separator.png) 2% 23% no-repeat;
    height: 27px;
    width: 22px;
    position: absolute;
    left: -11px;
    top: 11px;
}

#header-menu>li:first-child:before {
    background: transparent;
    content: '';
}

#header-menu>li {
    padding: 0 1.5rem;
}

#header-menu>li>a {
    padding-top: .625rem;
    padding-bottom: .375rem;
    border-bottom: 4px solid transparent;
    position: relative;
    text-decoration: none;
}

li#menu-item-265 a .your_class:before {
    content: 'Hair Services';
    position: absolute;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .9s ease-in-out;
}

li#menu-item-265 a:hover>.your_class:before {
    opacity: 0;
    transform: scale(0);
}

.txt-menu {
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 1;
    z-index: 1;
}

.txt-menu:first-child+div {
    position: absolute;
    top: 10px;
    left: 0;
}

.txt-menu:first-child {
    opacity: 0;
    transform: scale(0);
}

li.item a:hover .txt-menu:first-child {
    opacity: 1;
    transform: scale(1);
}

li.item a:hover .txt-menu:first-child+div {
    opacity: 0;
    transform: scale(0);
}

#header-menu li.current_page_ancestor>a,
#header-menu>li:not(.nav-social):hover>a {
    border-bottom: 4px solid transparent !important;
}

#header-menu>li>a {
    font-size: 14px;
}

li.item a.title>div:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: -22px;
    width: 100%;
    height: 100%;
    content: "\f107";
    font: normal 18px/1 FontAwesome;
    text-align: center;
    color: inherit;
}

li.item a.title:only-child>div:after {
    content: "";
    display: none;
}

#header-menu ul.sub-menu {
    top: 50px;
    left: -20px;
    border: 2px solid #000000 !important;
}

#footer-sitemap {
    width: 90%;
    margin: auto;
}

div.salon-locations-container h2 {
    font-weight: 900;
    font-size: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

div.salon-locations-container .spacer-top-x2 {
    padding-top: 24px;
}

div.category-select-container {
    display: none;
}

ul.location-list li.location div.location-inner {
    padding: 0;
    border-top: none;
}

#colophon .colophon-inner {
    width: 70%;
    max-width: 1120px;
    padding: 0 !important;
}

footer#colophon {
    background: #000;
}

#gform_36 .gform_body ul li {
    background-color: unset;
    margin-bottom: 0 !important;
    margin-top: 16px;
    border-top: unset;
    border-bottom: unset;
    padding-bottom: unset;
    padding-top: unset;
}

div#validation_message_36_3 {
    padding-top: 0;
}

#gform_36 .gform_body ul li div input {
    font-size: 12px;
    border: none !important;
    background: #000;
    border-bottom: 1px solid #ccc !important;
    padding: 10px 10px 7px 0px;
    width: 290px;
    color: #ccc;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 12px;
    line-height: normal;
}

#gform_36 .validation_message {
    color: #ff0000;
    font-weight: 100;
    font-size: 12px;
    letter-spacing: 0.5px;
}

#header-menu>li:first-child .txt-menu {
    color: #000000;
}

#gform_36 .gform_body ul li.gfield_html input {
    font-size: 12px;
    padding: 11px 16px;
    border-radius: 2px;
    border: none;
    background: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    margin-right: 20px;
    font-family: unset;
    letter-spacing: 0.5px;
    position: absolute;
    left: 95px;
}

#gform_36 .gform_footer.top_label {
    padding-top: 0;
}

li.gfield_html {
    margin-bottom: 40px !important;
}

.gform_wrapper div.validation_error {
    color: #ff0000 !important;
    font-size: 12px !important;
    font-weight: 100 !important;
    margin-bottom: 25px;
    border-top: unset !important;
    border-bottom: unset !important;
    padding: 0;
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 0 !important;
    letter-spacing: 0.5px;
}

button#gform_submit_button_36 {
    font-size: 12px !important;
    padding: 10px 16px;
    border-radius: 2px;
    border: none;
    background: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 30px;
}

ul.location-list li.location h3 {
    font-weight: 600;
    letter-spacing: 1px;
}

ul.location-list li.location p.address {
    font-weight: lighter;
    overflow: hidden;
}

ul.location-list li.location p.telephone {
    margin-top: 30px;
    font-size: 14px;
}

ul.location-list li.location p.telephone strong {
    font-weight: lighter;
}

ul.location-list li.location p.telephone a {
    text-decoration: none;
}

ul.location-list li.location p.email {
    font-size: 14px;
}

ul.location-list li.location p.email strong {
    font-weight: lighter;
}

ul.location-list li.location p.email a {
    text-decoration: none;
}

ul.location-list li.location {
    margin-bottom: 40px;
    padding: 0 20px 0 0;
    width: 33%;
}

.animated-link span {
    font-weight: lighter;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 10px 25px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

.book_animated span {
    padding: 10px 15px;
}

.animated-link span:before {
    content: unset;
}

.animated-link:hover span {
    -webkit-transform: unset;
    transform: none;
}

ul.location-list li.location p.link {
    display: inline-block;
    margin-right: 10px;
}

.book_animated span {
    font-weight: lighter;
    background: #f38120;
}

ul.location-list li.location img.card-image {
    width: 100%;
    margin-bottom: 10px;
    max-height: 182px;
    object-fit: cover;
}
.callBackForm {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    z-index: 1111;
}
div#gform_wrapper_12 {
    min-height: 0px;
    width: 400px;
    background: #dcdcdc;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto !important;
    height: auto;
    transform: translate(-50%,-48%);
}
.callBackForm .gform_confirmation_wrapper {
    width: 350px;
    min-height: 0;
    padding: 2rem;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
button.close {
    background: #000;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    right: -5px;
    top: -5px;
    border: 1px solid #fff;
    cursor: pointer;
}
#gform_wrapper_12 ul#gform_fields_12 .gform_custom_terms {
    display: none;
}
.widget-salons h3.widget-title {
    display: none;
}

.widget-salons .component-block:nth-child(2) {
    display: none;
}

.salonspy-widget {
    display: none;
}

.widget-salons .textwidget.custom-html-widget {
    text-align: center;
}

.component-block:nth-child(5) {
    border-top: 1px solid #ccc !important;
    /* border-bottom: 1px solid #ccc; */
    padding-bottom: 0;
    padding-top: 6px;
}

.inner_salon_cta {
    width: 100%;
    padding: 0px 0 0 54px;
}

.inner_salon_cta a.call_now_btn {
    background-color: #f58220 !important;
    color: #fff;
    padding: 4px !important;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.inner_salon_cta a.book_now_btn {
    background-color: #000 !important;
    color: #fff;
    padding: 4px !important;
    font-size: 18px;
    letter-spacing: 1px;
}

#salon-nav li.tab:hover {
    background-color: transparent;
    font-weight: 600;
    letter-spacing: 1px;
    color: #f58220;
}

#salon-nav li.tab.current {
    color: #f58220;
    font-weight: 600;
    background-color: transparent;
    letter-spacing: 1px;
}

#salon-nav li.tab {
    font-weight: 600;
    letter-spacing: 1px;
    margin: 30px 0px;
    border-left: 2px solid #000;
    font-size: 14px;
    padding: 0px 30px;
    line-height: 1;
}

#salon-nav {
    background-color: #fff;
}

.page-template-tmpl-salon-location article, .page-template-tmpl-giftforyou-page article{
    border: none;
}

#salon-nav li.tab:first-child {
    border-left: none;
    padding-left: 0;
}

.widget-salons .custom-html-widget p {
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: 900;
    letter-spacing: 0px;
    font-size: 14px;
}

.salon-panel-wrap {
    max-width: 998px;
    margin: auto;
}

.tab-container {
    background: #f2f2f2;
}

.tab-content.current {
    max-width: 998px;
    margin: auto;
}

.wrap {
    width: 100%;
    max-width: none;
}

.widget-salons .component-block .opening-hours li {
    line-height: 2.2;
    font-size: 14px;
    color: #6d6d6d;
    padding: 0px 20px;
}

.widget-salons .component-block .opening-hours li p {
    width: 50%;
    display: inline-block;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

#slideshow>div {
    min-height: unset;
}

.widget-container.widget-salons {
    margin-top: 0px;
    padding-top: 20px;
}

.widget-container .component-block {
    border-top: none;
}

aside#sidebar-salons .widget_text.component-block {
    display: none;
}

aside#sidebar-salons h3.widget-title {
    display: none;
}

aside#sidebar-salons .component-block:nth-child(5) {
    display: none;
}

aside#sidebar-salons .component-block li.social,
li.link {
    display: none;
}

.page-salons .clear-whitespace.container {
    display: none;
}

.page-nsw-locations .clear-whitespace.container {
    display: none;
}

.page-vic-locations .clear-whitespace.container {
    display: none;
}

.page-qld-locations .clear-whitespace.container {
    display: none;
}

.page-wa-locations .clear-whitespace.container {
    display: none;
}

.page-template-tmpl-salon-location .h1heading, .page-template-tmpl-giftforyou-page .h1heading{
    display: none;
}

.h1heading {
    font-size: 30px;
    padding: 25px 0px;
    line-height: 120%;
    text-align: center;
    font-weight: 900;
    letter-spacing: 0.5px;
}

.salon-panel-wrap {
    margin-top: 50px;
    padding-top: 20px;
}

.tab-content .entry-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 45px;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

#footer-sitemap .gform_wrapper form {
    max-width: 335px;
    float: left;
    position: relative;
}

.page-template-tmpl-salon-location .tab-content .entry-content h2, .page-template-tmpl-giftforyou-page .tab-content .entry-content h2 {
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 0px;
    float: left;
    margin-bottom: 20px;
    text-transform: uppercase;
}

div#tab-3 .entry-content h2 {
    font-size: 25px;
    color: #fff;
    float: left;
    width: 100%;
}
div#tab-3 .entry-content h3 {
    font-size: 15px;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.salon-bar-review {
    float: left;
    width: 100%;
    margin-top: 20px;
}
div#tab-3 .entry-content p {
    color: #fff;
    font-size: 14px;
}
.salon-bar-review h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 20px;
}
.col-xs-6.col-sm-6.col-md-4.col-lg-3.services.reviews img {
    width: auto;
    float: right;
}
.col-xs-6.col-sm-6.col-md-4.col-lg-3.services.reviews {
    color: #fff;
    border: 1px solid #fff;
    min-height: 249px;
    width: 30%;
    margin-right: 3%;
    padding: 18px;
    font-size: 14px;
}
.col-xs-6.col-sm-6.col-md-4.col-lg-3.services.reviews span {
    font-weight: 600;
    float: left;
    width: 100%;
}
.col-xs-6.col-sm-6.col-md-4.col-lg-3.services.reviews p {
    float: left;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0;
    line-height: 19px;
}
div#tab-3 .entry-content p a {
    color: #fff!important;
}
a.follo-insta-salon {
    float: left;
    padding: 8px 10px;
    margin-left: 20px;
    margin-top: 8px;
    background: #000;
    color: #fff!important;
    text-decoration: none;
    font-size: 11px;
    border-radius: 3px;
    line-height: 1;
    position: unset;
}

aside#sidebar-salons .component-block:nth-child(2) {
    border: none;
}

.component-block .location-list li {
    text-align: center;
    padding: 50px 0px;
}

.component-block .location-list li img {
    width: 40px;
}

.component-block .location-list li h1 {
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    font-size: 14px;
}

.component-block .location-list li p {
    color: #6d6d6d;
    font-weight: 500;
    font-size: 14px;
}

.component-block .location-list li a {
    color: #6d6d6d !important;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}

div#map-container {
    display: none;
}

.page-template-tmpl-salon-location .tab-content .entry-content .component-block, .page-template-tmpl-giftforyou-page .tab-content .entry-content .component-block{
    border: none;
    width: 100%;
    float: left;
    padding-top: 0;
}

table.price-list thead {
    border-bottom: none;
    background: #000;
    color: #fff;
    letter-spacing: 1px;
}

table.price-list td {
    border-bottom: 1px solid #000;
    font-weight: lighter !important;
}

table.price-list {
    margin-bottom: 0;
}

.gform_wrapper {
    padding: 0;
    position: unset;
}

.gform_footer {
    position: relative;
    right: 0;
    bottom: 0;
    text-align: left;
}

.tab-content {
    max-width: 998px;
    margin: auto;
    display: block;
}

#salon-nav li.tab.current a {
    color: unset;
}

.salon-bar-light {
    margin: 0;
    padding: 0 !important;
    background-color: transparent;
}

.service_image h3 {
    text-align: center;
    font-weight: lighter;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-top: 15px;
}

.services {
    padding: 0px 20px 0px 0px;
    margin-bottom: 20px;
}

.team-member .biography-container {
    position: unset;
    height: auto;
}

.biography-title {
    display: block;
    position: inherit;
    color: #000;
    bottom: auto;
}

.tab-content .team-member {
    padding: 0px 20px 0px 0px;
    margin-bottom: 20px;
    cursor: default;
}

.biography-title h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.biography-title span {
    text-transform: capitalize;
    font-size: 14px;
    color: #6d6d6d;
}

.tab-container-1 {
    background: #f2f2f2;
    padding-bottom: 38px;
}

.tab-container-3 {
    background: #000;
    padding-bottom: 20px;
}

.tab-container-3 .component-block {
    border-top: none;
}

.team-member:hover .biography-container {
    background-color: transparent;
}

.hairService {
    width: 80%;
    float: none;
    text-align: center;
    margin: auto;
    padding-bottom: 50px;
    padding-top: 30px;
}

.hairService h1 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
}

.page-services #content article.main-content p {
    font-size: 24px;
    margin-top: 20px;
}

.page-services ul#services .img-overlay p {
    margin-top: 0 !important;
    font-size: 14px !important;
}

.page-services .block_overlay>.img-overlay {
    padding: 0;
    position: inherit;
    top: 0;
    z-index: inherit;
    color: #000;
    text-align: left;
    background-color: transparent;
    transition: none;
}

.page-services .block_overlay>.img-overlay .block-content {
    display: block;
    position: inherit;
    top: 0;
    transform: none;
}

.page-services .block_overlay>.img-overlay:hover {
    color: #000;
    background-color: transparent;
}

ul#services li.block_overlay {
    padding: 10px !important;
    cursor: unset;
}

.page-services .block_overlay>.img-overlay .block-content h3 {
    padding: 20px 0px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
}

.page-services #content article.main-content .block-content p {
    min-height: 130px;
}

#content-header h1 {
    font-size: 30px;
    text-align: center;
    padding: 25px 0px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-services .clear-whitespace.container {
    display: none;
}

#content-header div.title-only {
    width: 100%;
    padding: 0;
}

#masonry-grid .grid-img {
    -webkit-box-reflect: unset;
}

#masonry-grid .grid-item .grid-item-title>h3 {
    padding: 12px 0px 0px 0px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

.blog_date .basic-date {
    text-align: center;
    color: #6d6d6d;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 2px;
}

#masonry-grid .grid-item {
    display: block;
    padding: 15px 15px;
    position: relative;
    min-height: 290px;
}

.single-post article.has-sidebar.main-content.col-md-8.col-lg-8 {
    width: 100%;
}

.bleach_wave_hair {
    width: 100%;
    margin: auto;
    max-width: 720px;
    padding: 0px 40px;
}

.bleach_wave_hair h1 {
    font-size: 38px;
    font-weight: 500;
    text-align: center;
    margin: 20px 0px 50px 0px;
}

.bleach_wave_hair h3 {
    font-weight: 500;
    color: #6d6d6d;
    text-transform: unset;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 40px;
}

.bleach_wave_hair p {
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
}

.single-post #main article.main-content div iframe {
    width: 924px;
    height: 525px;
}

img.about_img {
    margin: 40px 0px;
}

.awards_years {
    margin-bottom: 20px;
}

.awards_years h4 {
    margin-top: 25px !important;
}

#content article.main-content .testismonials h4 {
    font-size: 14px;
    text-transform: none;
}

#content article.main-content p {
    margin-bottom: 2px;
    font-size: 14px;
}

#content article.main-content p strong {
    color: #aeaeae;
    text-decoration: underline;
    letter-spacing: 0.5px;
}

.awards_years h3 {
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.5px;
}

section#newsletter-cta {
    display: none;
}

li#menu-item-418 {
    display: none;
}

#sidebar-menu ul.nav {
    border: 2px solid #000;
}

#sidebar-menu ul.nav li.current-menu-item a {
    color: #6b6b6b;
}

#sidebar-menu ul.nav a:hover,
#sidebar-menu ul.nav li.current-menu-item {
    color: #6d6d6d;
    background-color: transparent;
}

#sidebar-menu ul.nav a {
    text-align: center;
    font-weight: 500;
    border-bottom: none;
    color: #000;
}

.bleach_wave_hair p {
    font-size: 16px !important;
}

.woocommerce-page div.category-select-container {
    display: block;
    width: 100%;
}

.woocommerce-page h2.woocommerce-title-inner {
    display: none;
}

.woocommerce-page ul.product_cat-select li a.category-select-btn {
    display: none !important;
}

.woocommerce-page ul.category-select ul.closed {
    width: 100%;
    text-align: center;
    display: inline-block;
    border: none;
    position: unset;
    margin-bottom: 0px;
}

.woocommerce-page ul.category-select ul.closed>li {
    display: inline-block;
    font-weight: 600;
    color: #000;
    border-bottom: none;
    background-color: #FFF;
    font-size: 18px;
    letter-spacing: 0.5px;
    padding: 40px;
    text-transform: uppercase;
}

.woocommerce-page ul.category-select ul.closed>li>a:hover {
    color: #6d6d6d!important;
    background-color: transparent;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
    display: inline-flex;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    position: absolute;
    top: 50px;
    left: 20px;
    opacity: 0;
}

.woocommerce ul.products li.product p {
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
    opacity: 0;
    font-size: 13px;
}

.woocommerce ul.products li.product .price {
    opacity: 0;
}

.woocommerce ul.products li.product:hover {
    background: #4a4a4a;
    display: inline-flex;
}

.woocommerce ul.products li.product:hover img {
    opacity: 0.5;
}

.woocommerce ul.products li.product:hover h2.woocommerce-loop-product__title {
    opacity: 1;
    color: #fff;
    top: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 250px;
}

.woocommerce ul.products li.product:hover .price {
    opacity: 1;
    color: #fff;
    background: transparent;
    border: none;
    top: 70px;
    right: 20px;
    font-weight: 500;
    font-size: 16px;
}

.term-label-m #content-header h1 {
    display: none;
}

.woocommerce ul.products li.product:hover p {
    opacity: 1;
    color: #fff;
    bottom: 40px;
}

.term-label-m #content-header div.clear-whitespace {
    display: block;
}

.term-label-m #content-header div.entry-content {
    width: 100%;
}

.term-label-m #content-header div.entry-content h2 {
    display: none;
}

.labelM_img img {
    width: 100%;
}

.labelM_text p {
    font-size: 20px;
    letter-spacing: 0.5px;
}

.term-wella-professionals #content-header div.clear-whitespace {
    display: block;
}

.woocommerce nav.woocommerce-pagination {
    position: relative;
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul li:first-child a.prev {
    position: absolute;
    left: 0;
    font-size: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.woocommerce nav.woocommerce-pagination ul li:first-child a.prev:before {
    content: 'Prev Page';
    color: #fff !important;
    background: #000;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
}

.woocommerce nav.woocommerce-pagination ul li:last-child a {
    position: absolute;
    right: 0;
    font-size: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.woocommerce nav.woocommerce-pagination ul li:last-child a:before {
    content: 'Next Page';
    color: #fff !important;
    background: #000;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #000;
    color: #fff;
}

.term-wella-professionals .row-dark {
    background-color: #000;
    background-color: #fff;
    background-image: linear-gradient(#d4dbe5, #fff);
}

.term-wella-professionals #content-header h1 {
    display: none;
}

.term-wella-professionals #content-header h2 {
    display: none;
}

.term-wella-professionals #content-header div.entry-content p {
    text-align: justify;
    margin-top: 5px;
    color: #000;
    line-height: unset;
}

.term-wella-professionals #content-header h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.term-wella-professionals img.alignnone {
    width: 110px;
}

.term-wella-professionals #content-header div.featured-image img {
    width: 400px;
}

.page-vacancies #content article.main-content p {
    font-size: 16px !important;
    margin-bottom: 20px !important;
}

.page-vacancies #content article.main-content p a {
    text-decoration: none;
}

.page-vacancies #content article.main-content h2 {
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

.page-template-tmpl-simple #content article.main-content ul.container {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.page-template-tmpl-simple #content article.main-content ul.container li.col-6.location {
    border: 1px solid #000;
    padding: 20px;
    height: auto !important;
    width: 47%;
    margin-right: 15px;
    margin-bottom: 20px;
}

.page-template-tmpl-simple #content article.main-content ul.container li.col-6.location .location-inner ul>li {
    font-weight: 600;
}

.page-template-tmpl-simple #content article.main-content ul.container li.col-6.location .location-inner ul>li>strong {
    font-weight: lighter;
    font-size: 15px;
}

.page-template-tmpl-simple #content article.main-content ul.container li.col-6.location .location-inner ul>li button {
    font-weight: lighter;
    text-align: left;
    font-size: 15px;
}

.page-template-tmpl-simple #content article.main-content ul.container li.col-6.location .location-inner ul>li:last-child {
    margin-top: 40px;
}

.page-template-tmpl-simple #content article.main-content ul.container li.col-6.location .location-inner ul.arrow-list>li:last-child {
    margin-top: 0;
}

.page-template-tmpl-simple #content article.main-content ul.container li.col-6.location .location-inner ul>li:last-child a {
    text-decoration: none;
    color: #fff;
    background: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 6px 20px;
    border-radius: 2px;
}

.arrow-list li:before {
    content: '\203A' !important;
}

.page-application #content article.main-content div.embed-container {
    margin-bottom: 35px;
    margin-top: 0;
}

.page-application #content article.main-content p strong {
    text-decoration: none;
}

.page-application #content article.main-content img {
    margin-top: 50px !important;
}

.page-template-tmpl-simple #content article.main-content hr {
    visibility: hidden;
}

#gform_wrapper_18 form .gform_body {
    border: 2px solid #000;
    padding: 20px;
}

.page-application .gform_wrapper ul li.gfield {
    margin-top: 0;
    width: 100% !important;
    padding-right: 0px !important;
}

.page-application .gform_wrapper ul li.gfield input#input_18_7 {
    width: 100%;
}

.page-application .gform_wrapper ul li.gfield div input {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    font-size: 14px !important;
    font-weight: 500;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #6d6d6d !important;
}

.page-application .gform_wrapper ul li.gfield div input::placeholder {
    color: #000;
}

.page-application .gform_wrapper ul li.gfield label.gfield_label {
    font-weight: 500;
    padding-top: 25px;
}

input#gform_browse_button_18_3 {
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    font-size: 12px !important;
}

button#gform_submit_button_18 {
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 6px 16px;
    border-radius: 2px;
}

.page-job-descriptions #content article.main-content hr {
    visibility: visible;
    border-width: 2px;
}

.page-job-descriptions h1 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.page-job-descriptions h3 {
    font-size: 14px;
    text-transform: unset;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.page-job-descriptions ul {
    margin-top: 10px;
}

.page-job-descriptions #post-7810 ul>li {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 14px;
}

.page-job-descriptions p>a {
    background: #000;
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 2px;
    cursor: pointer;
}

.page-faq .has-sidebar h3 {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.page-faq .has-sidebar .enquiry>a {
    background: #000;
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    text-transform: capitalize;
}

.enquiry {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    padding-right: 20px;
}

.page-application #sidebar-menu ul.nav {
    border: none;
}

.page-application nav#sidebar-menu ul li:first-child {
    background: #f58220;
    border: none !important;
}

.page-application nav#sidebar-menu ul li:nth-child(2) {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    margin-top: 10px !important;
    border-right: 2px solid #000;
}

.page-application nav#sidebar-menu ul li:nth-child(3) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-application nav#sidebar-menu ul li:nth-child(n+1) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-application nav#sidebar-menu ul li:last-child {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-application nav#sidebar-menu ul li:first-child a {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.page-application #sidebar-menu #careers-menu li {
    list-style-type: none !important;
    margin: 0;
}

.page-vacancies #sidebar-menu ul.nav {
    border: none;
}

.page-vacancies nav#sidebar-menu ul li:first-child {
    background: #f58220;
    border: none !important;
}

.page-vacancies nav#sidebar-menu ul li:nth-child(2) {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    margin-top: 10px !important;
    border-right: 2px solid #000;
}

.page-vacancies nav#sidebar-menu ul li:nth-child(3) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-vacancies nav#sidebar-menu ul li:nth-child(n+1) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-vacancies nav#sidebar-menu ul li:last-child {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-vacancies nav#sidebar-menu ul li:first-child a {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.page-vacancies #sidebar-menu #careers-menu li {
    list-style-type: none !important;
    margin: 0;
}

.page-job-descriptions #sidebar-menu ul.nav {
    border: none;
}

.page-job-descriptions nav#sidebar-menu ul li:first-child {
    background: #f58220;
    border: none !important;
}

.page-job-descriptions nav#sidebar-menu ul li:nth-child(2) {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    margin-top: 10px !important;
    border-right: 2px solid #000;
}

.page-job-descriptions nav#sidebar-menu ul li:nth-child(3) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-job-descriptions nav#sidebar-menu ul li:nth-child(n+1) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-job-descriptions nav#sidebar-menu ul li:last-child {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-job-descriptions nav#sidebar-menu ul li:first-child a {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.page-job-descriptions #sidebar-menu #careers-menu li {
    list-style-type: none !important;
    margin: 0;
}

.page-faq #sidebar-menu ul.nav {
    border: none;
}

.page-faq nav#sidebar-menu ul li:first-child {
    background: #f58220;
    border: none !important;
}

.page-faq nav#sidebar-menu ul li:nth-child(2) {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    margin-top: 10px !important;
    border-right: 2px solid #000;
}

.page-faq nav#sidebar-menu ul li:nth-child(3) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-faq nav#sidebar-menu ul li:nth-child(n+1) {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-faq nav#sidebar-menu ul li:last-child {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.page-faq nav#sidebar-menu ul li:first-child a {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.page-faq #sidebar-menu #careers-menu li {
    list-style-type: none !important;
    margin: 0;
}

body.product-template-default.woocommerce-page div.product div.images {
    display: none;
}

body.product-template-default.woocommerce-page div.product div.summary {
    float: left !important;
    width: 100% !important;
}

body.product-template-default.woocommerce div.product .product_title {
    display: none;
}

body.product-template-default.woocommerce .product .entry-summary p.price {
    display: none;
}

body.product-template-default.woocommerce .product .entry-summary .product_meta {
    display: none;
}

.gift_container {
    width: 100%;
    float: left;
}

.gift_container .gift_content {
    width: 60%;
    margin: auto;
    text-align: center;
}

.gift_container .gift_content h1 {
    font-size: 30px;
    letter-spacing: 1px;
    margin: 20px 0px;
    font-weight: 600;
}

.gift_cards {
    width: 47%;
    float: left;
    margin-right: 40px;
}

.e-gift_cards {
    width: 47%;
    float: left;
    margin-bottom: 10px;
}

.gift_cards a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    background: #f58220;
    color: #fff !important;
    padding: 8px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
}

.e-gift_cards a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    background: #f58220;
    color: #fff !important;
    padding: 8px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
}

.gift_container h3 {
    text-align: center;
    display: block;
    width: 30%;
    margin: auto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}

.gift_container .gift_content p {
    margin-bottom: 10px !important;
}

#menu-footer-navigation ul.sub-menu li {
    border: none;
}

ul#menu-footer-navigation>li {
    position: relative;
}

ul#menu-footer-navigation>li ul.sub-menu {
    display: none;
    position: absolute;
    background: #464343;
    left: 0px;
    bottom: 24px;
    width: 120px;
}

ul#menu-footer-navigation li>a:hover~ul.sub-menu {
    display: block;
}

ul#menu-footer-navigation>li ul.sub-menu li {
    width: 100%;
    text-align: center;
    padding: 5px 0px !important;
}

#footer-widgets .widget-right .menu li a:after {
    content: "\f106";
    font: normal 18px/1 FontAwesome;
    padding-left: 10px;
}

ul#menu-footer-navigation>li.fa-angle-up:before {
    font: normal 18px/1 FontAwesome;
    float: right;
    padding-top: 3px;
    padding-left: 5px;
}

ul#menu-footer-navigation>li.fa-angle-down:before {
    display: none;
    font: normal 18px/1 FontAwesome;
    float: right;
    padding-top: 3px;
    padding-left: 5px;
}

ul#menu-footer-navigation li.fa a {
    padding-top: 2px;
    padding-bottom: 4px;
    float: left;
    font-family: 'Futura W02';
}

#menu-footer-navigation ul.sub-menu li.menu-item a {
    float: unset !important;
    padding: 8px !important;
}

ul#menu-footer-navigation>li ul.sub-menu li {
    width: 100%;
    text-align: center;
    padding: 5px 0px !important;
}

#footer-widgets .widget-right .menu li a:only-child:after {
    content: "";
    display: none;
}

ul#menu-footer-navigation>li ul.sub-menu:hover {
    display: block;
}

ul#services {
    float: left;
}

.page-about .no-sidebar p {
    font-size: 19px !important;
}

.page-franchising article.has-sidebar h2 {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 22px;
}

.graham_contact {
    border-left: 2px solid #000;
    padding-left: 20px;
}

.woocommerce-page ul.category-select ul>li a.active {
    color: #6d6d6d !important;
}

#header-menu ul.sub-menu li a.active {
    color: #e45207fc;
}

.page-template-tmpl-salon-location .tab-content .entry-content .component-block li>h3, 
.page-template-tmpl-giftforyou-page .tab-content .entry-content .component-block li>h3{
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 16px;
}

.page-template-tmpl-salon-location .tab-content .entry-content .component-block li>p, 
.page-template-tmpl-giftforyou-page .tab-content .entry-content .component-block li>p{
    font-size: 14px;
    letter-spacing: 0.5px;
}

.page-awards article.col-lg-8 {
    padding-right: 0;
}

.page-awards .sidebar-container {
    padding-right: 2rem !important;
}

.award_winner img {
    width: 32%;
    margin: 0px 8px 20px 0;
}

a.ms_prev {
    background: url('../toniandguy2019/images/prev.svg') no-repeat scroll center center/36px auto !important;
    opacity: 1;
}

a.ms_next {
    background: url('../toniandguy2019/images/next.svg') no-repeat scroll center center/36px auto !important;
    opacity: 1;
}

.salon-locations-container {
    margin-top: 40px;
}

#content-header div.entry-subtitle.has_post_thumbnail {
    width: 100%;
    padding: 0;
}

#content-header div.entry-subtitle.no_post_thumbnail {
    padding-top: 0 !important;
}

h1.h2sizefont {
    font-size: 30px !important;
    text-align: center !important;
    padding: 25px 0px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
}

.single-product .title-only>h1 {
    display: none !important;
}

#content-header div.entry-subtitle.no_post_thumbnail>h2 {
    font-size: 30px !important;
    text-align: center !important;
    padding: 25px 0px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    line-height: 125%;
    text-transform: uppercase;
}

.category-blog .block-reset.entry-subtitle.no_post_thumbnail {
    display: none;
}

.single-post .block-reset.entry-subtitle.no_post_thumbnail {
    display: none;
}

.page-template-tmpl-simple #content-header div.title-only {
    text-align: center;
}

.page-template-tmpl-simple span.h1heading {
    width: auto;
    display: inline-block;
    text-align: right;
}

.page-template-tmpl-simple #content-header div.title-only div.entry-subtitle {
    width: auto;
    display: inline-block;
    padding: 0px 20px;
}

.page-template-tmpl-simple #content-header div.entry-subtitle.no_post_thumbnail>h2 {
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1.6;
    text-align: left !important;
}

.woocommerce img,
.woocommerce-page img {
    width: 100%;
    height: 100%;
}

.e-gift_cards img {
    border: 1px solid #000;
}

.wella_content h3 {
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 25px;
}

.wella_content p {
    font-size: 17px !important;
    padding: 10px 0px;
}

.term-wella-professionals main#main {
    max-width: 100%;
    padding-bottom: 0;
}

.term-wella-professionals section#product-content .category-select-container {
    max-width: 998px;
    margin: auto;
    float: none;
}

.term-wella-professionals section#product-content ul.products.columns-3 {
    max-width: 998px;
    margin: auto;
    float: none;
}

.term-wella-professionals section#product-content nav.woocommerce-pagination {
    max-width: 998px;
    margin: auto;
    float: none;
    padding-bottom: 45px;
}

.wella_content {
    max-width: 998px;
    margin: auto;
    float: none;
    padding: 20px 10px 45px 10px;
}

.term-wella-professionals article.main-content {
    background: #f2f2f2;
}

.page-gallery #content-header div.title-only {
    padding-bottom: 0;
}

.page-gallery #content-header div.title-only h1 {
    font-size: 30px !important;
    text-align: center !important;
    padding: 25px 0px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
}

.page-gallery .block-reset.entry-subtitle.no_post_thumbnail {
    display: none;
}

#page-id-8723 .h1heading {
    display: none;
}

.single-galleries .block-reset.entry-subtitle {
    display: none;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid #d3ced2;
    margin: 2px;
    float: left;
    border-radius: 4px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 10px 10px;
    font-size: 11px;
}

.price_call_now_btn {
    font-size: 60px !important;
    padding: 45px 0px !important;
    background: #F3821F !important;
    color: #fff !important;
    letter-spacing: 2px;
    margin-top: 30px;
    font-weight: bold !important;
}

a.tg_info_img {
    position: inherit;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

button.single_add_to_cart_button {
    background: #e27417 !important;
}

button.single_add_to_cart_button:hover {
    background: #e27417 !important;
}

.widget-left .widget_text .textwidget a {
    color: #fff !important;
    text-decoration: underline !important;
}

.page-price-list .animated-link span {
    background: #f38120;
}

.page-price-list .book_animated span {
    background: #000;
}
.page-price-list a.animated-link.book_animated.callbtn {
    background: #000;
}
.lv_section.title h1 span {
    text-transform: initial;
}

section.carityDonate_btn {
    text-align: center;
}

section.carityDonate_btn a {
    text-decoration: none;
    background: #e16dac;
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 53px;
}

.page-book-now aside#sidebar {
    display: none;
}

#header-menu ul.sub-menu li a {
    color: #000000;
}

.page-template-tmpl-giftforyou-page .tab-content .entry-content .component-block table.price-list:nth-child(4){
    margin-bottom: 20px;
}

.mm-menu>.mm-navbar {
    width: 250px;
    margin: auto;
}

a.fa.fa-pinterest {
    display: none;
}

.mm-navbar-content-3>* {
    width: 50%;
}

.model {
    position: fixed;
    width: 300px;
    height: max-content;
    min-height: 0px !important;
    text-align: center;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0px 0px 10px 0px #000;
    z-index: 1111;
    right: 0;
    bottom: 0;
    margin: auto;
}

.model a {
    text-decoration: none;
    position: absolute;
    right: -5px;
    top: -5px;
    background: #f38120;
    border-radius: 50%;
    font-size: 20px;
    padding: 2px 5px 2px 5px;
    padding: 2px 6px 2px 7px;
    font-size: 12px;
    color: #fff !important;
    font-weight: 600;
}

.model p {
    padding: 30px;
}

#header-menu ul.sub-menu li a:hover {
    background: #000;
    color: #fff
}

a.btn-reverse.salon-btn.book_now_btn.call_back_btn {
    background: #fff !important;
    border: 2px solid #000 !important;
    color: #000;
    margin-top: 10px;
}
body:not(.postid-2033) .single_add_to_cart_button.button.alt {
    display: block;
}
.gform_custom_note {
    width: 50%;
    text-align: right;
    text-transform: uppercase;
    float: right;
}
#gform_wrapper_12 ul#gform_fields_12 .gform_custom_terms {
    display: block;
    position: inherit;
    width: 50%;
    float: left;
}
.gform_custom_terms input {
    vertical-align: sub;
    width: 15px;
    height: 15px;
    margin-right: 2px;
}
.page-checkout .woocommerce td.woocommerce-table__product-name ul.wc-item-meta li p {
    line-height:inherit !important;
}
.mm-highest .mm-navbar a.mm-title {
    width: 130px;
}
div#salon-intro-panel {
    display: block !important;
}
div#salon-cta-panel {
    display: block !important;
}
.tab-container-1 img {
    width: 100%;
    display: block;
}
/* Landing Page CSS Start*/
.custom-landing-promo .banner #slideshow>div .slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.custom-landing-promo .banner #slideshow>div {
    min-height: 570px;
}

.custom-landing-promo .banner #slideshow .cycle-next {
    display: none;
    padding: 2rem;
    position: absolute;
    bottom: calc(50% - 3.5rem);
    z-index: 998;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    cursor: pointer;
    right: 0px
}

.custom-landing-promo .banner #slideshow .cycle-prev {
    display: none;
    padding: 2rem;
    position: absolute;
    bottom: calc(50% - 3.5rem);
    z-index: 998;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    cursor: pointer;
    left: 0px;
}

.custom-landing-promo .banner #slideshow .caption {
    width: 660px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
}

.custom-landing-promo .banner #slideshow .caption h3 {
    text-align: left;
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.3;
}

.custom-landing-promo .banner #slideshow .caption h1 {
    text-align: left;
    font-size: 90px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 40px;
    color: #000;
    line-height: 1;
}

.custom-landing-promo .banner #slideshow .caption a {
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 30px;
    background: #e5b230;
    color: #fff !important;
    padding: 4px 50px !important;
    letter-spacing: 1px !important;
}

.custom-landing-promo .banner #slideshow .caption p {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 50px;
}

.custom-landing-promo .banner {
    width: 100%;
    float: left;
    background: #C2C1C6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-landing-promo .latest_fashion {
    width: 100%;
    float: left;
}

.custom-landing-promo .latest_fashion .title {
    width: 100%;
    float: none;
    position: relative;
    background: url('../toniandguy2019/images/BG-arrow.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 280px;
    margin: 70px 0px;
}

.custom-landing-promo .latest_fashion .title h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -65%);
    font-size: 30px;
    width: 450px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    background: #fff;
}

.custom-landing-promo .latest_fashion .fashion_color {
    width: 100%;
    float: left;
    position: relative;
}

.custom-landing-promo .latest_fashion .fashion_color .fashion_color_img {
    max-width: 1175px;
    margin: auto;
    background: url('../toniandguy2019/images/Golden-Arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 500px;
    position: relative;
}

.latest_fashion .fashion_color .fashion_color_img .salon-bar-light {
    display: none;
}

.latest_fashion .fashion_color .fashion_color_img .profile_picture img {
    width: 100%;
}

.latest_fashion .fashion_color .fashion_color_img .services {
    width: 24.36%;
    padding-bottom: 6px;
    margin-bottom: 0px;
    padding-right: 0;
    margin-right: 10px;
}

.latest_fashion .fashion_color .fashion_color_img .services:nth-child(4n) {
    margin-right: 0;
}

.latest_fashion .fashion_color .fashion_color_img .profile_picture h3 {
    display: none;
}

.salon_content {
    width: 100%;
    float: left;
    background: #ccc;
    padding-bottom: 50px;
}

.find_true_color {
    width: 100%;
    max-width: 1075px;
    margin: auto;
    text-align: center;
    padding: 50px 0px 80px 0px;
}

.find_true_color h1 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.find_true_color p {
    font-size: 22px;
}

.find_true_color h4 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.find_true_color h3 {
    font-weight: 600;
    letter-spacing: 1px;
}

.consultaiton {
    width: 100%;
    float: left;
    background: url('../toniandguy2019/images/BG.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.consultaiton .inner_consultation a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 40px;
    border: 3px solid #000;
    padding: 10px 60px;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
}

.consultaiton .inner_consultation h1 {
    margin-top: 35px;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
}

.inner_consultation {
    width: 100%;
    max-width: 1;
    margin: auto;
    text-align: center;
    padding: 60px 0px;
}

.fashion_content {
    width: 100%;
    float: left;
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.fashion_content img {
    width: 370px;
    margin-top: 10px;
}

img.freeHairColor {
    position: absolute;
    right: 40px;
    top: -225px;
    z-index: 1;
}

.custom-landing-promo .banner div#slideshow {
    width: 100%;
    max-width: 1175px;
    margin: auto;
}
.landing_banner_text1 span {
    font-family: 'Futura W02';
    font-weight: 600;
    letter-spacing: 2px !important;
}

.landing_banner_text2 span {
    font-family: 'Futura W02';
    font-weight: 600;
    letter-spacing: 2px !important;
}

.call_btn {
    font-family: 'Futura W02';
    background: #e5b230;
    color: #fff !important;
    text-transform: uppercase;
    padding: 4px 50px !important;
    letter-spacing: 1px !important;
}

.find_true_equation {
    width: 100%;
    max-width: 550px;
    margin: auto;
    text-align: center;
    position: relative;
    border: 2px solid #000;
}

.find_true_equation h4 {
    position: absolute;
    width: 360px;
    top: -24px;
    left: 0;
    right: 0;
    margin: auto;
    background: #ccc;
    text-transform: capitalize;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}

.find_true_equation p {
    font-weight: 500;
    letter-spacing: 1px;
    padding: 40px 20px 20px 20px;
    font-size: 20px;
}

.custom-landing-promo .banner #slideshow .slide-2 .caption h3 {
    text-align: center;
}

.custom-landing-promo .banner #slideshow .slide-2 .caption h1 {
    text-align: center;
}
/* Landing Page CSS End*/
.trendReport .banner img {
    width: 100%;
}
.report_content {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.report_content h2 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
}
.report_content p {
    text-align: justify;
    margin-bottom: 20px;
}
.trend_btn {
    width: 100%;
    margin-top: 35px;
    background: #f38120;
    float: left;
    padding: 20px 0;
    text-align: center;
    color: #fff;
}
a.trend-book {
    font-size: 36px;
    color: #fff !important;
    letter-spacing: 2px;
    font-weight: bold !important;
    text-decoration: none;
    text-transform: uppercase;
}
.trends {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.trendsOptions {
    width: 100%;
    float: left;
    margin: 40px 0px;
    text-align: center;
}
.trendsOptions img {
    width: 100%;
    margin-bottom: 50px;
}
.trendsOptions h1 {
    margin-bottom: 20px;
    text-align: left;
    font-size: 20px;
}
.trendsOptions a {
    text-transform: uppercase;
    text-decoration: none;
    background: #000;
    color: #fff !important;
    padding: 8px 60px;
    font-weight: bolder;
    letter-spacing: 1px;
}
.page-makingwaves .trendsOptions img, .page-fabrichairaccessories .trendsOptions img {
    margin-bottom: 0px;
}
.page-makingwaves .trendsOptions a, .page-fabrichairaccessories .trendsOptions a {
    display: none;
}
body.page-makingwaves {
    overflow-x: hidden;
}
.bookTrend_btn {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 38px;
    left: 50%;
    background: #f38120;
    margin-bottom: 0;
    float: left;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    clear: both;
}
.report_content a {
    text-transform: uppercase;
    text-decoration: none;
    background: #000;
    color: #fff !important;
    padding: 8px 60px;
    font-weight: bolder;
    letter-spacing: 1px;
}
.page-2020trendreport .trendsOptions h1 {
    display: none;
}
.latestTrends .trendsOptions h1 {
    display: block;
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
}
.page-2020trendreport .trendsOptions img {
    margin-bottom: 40px;
}
.latestTrends .trendsOptions img {
    margin-bottom: 0px;
}
.page-2020trendreport .report_content h2 {
    margin-bottom: 20px;
}
.page-2020trendreport .report_content img.alignnone {
    margin: 30px 0px 20px 0px;
}
.page-2020trendreport .trend_container .trends .trendsOptions {
    margin: 20px 0px 40px 0px;
}
.page-2020trendreport .trendReport {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
#gform_fields_12 .clear-multi .ginput_container_time {
    display: inline-block;
}
#gform_fields_12 .clear-multi .ginput_container_time input {
    padding: .5rem;
    font-family: 'Futura W02';
    font-size: .75rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    border: 1px solid #ccc;
    outline: 0;
}
#gform_fields_12 .clear-multi .ginput_container_time select {
    padding: .5rem;
    font-family: 'Futura W02';
    font-size: .75rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    border: 1px solid #ccc!important;
    outline: 0;
    background: #fff;
}
/*Gift card popup css*/
/* Outer */
.giftCard_popup .popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    z-index: 1111;
}

/* Inner */
.giftCard_popup .popup-inner {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}
.giftCard_popup .popup-inner>a {
    display: grid;
}

/* Close Button */
.giftCard_popup .popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background: #f1760d;
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
    text-decoration: none;
}

.giftCard_popup .popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background: #f1760d;
    text-decoration:none;
}
.giftCard_popup .popup-inner img {
    width: 100%;
}
.gform_wrapper .gform_heading {
    margin-bottom: 10px;
}
#gform_wrapper_12 .validation_error {
    margin-bottom: 10px!important;
}
.page-pinchme .trend_container .trendsOptions a {
    display: none;
}
.page-pinchme .trend_container .trendsOptions img{
    margin-bottom: 0;
}
.pinchTrendsImages {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.pinchTrendsImages ul li {
    width: 31.9%;
    float: left;
    margin-right: 15px;
}
.pinchTrendsImages ul li:last-child {
    margin-right: 0;
}
.pinchTrendsImages ul li img {
    width: 100%;
    float: left;
}
.page-pinchme {
    overflow-x: hidden;
}
/* Disable Book now button of phorest on every page */
.home button.ob-widget-btn.wide, .page-template button.ob-widget-btn.wide {
    display: none;
}
.page-lane-cove .widget-salons .component-block .opening-hours li {
    padding: 0px 12px;
}
.page-lane-cove .widget-salons .component-block .opening-hours li:last-child p:last-child {
    text-transform: capitalize;
}   
.page-brisbane #tab-2 .entry-content div:nth-child(14) {
    display: none;
}
.main-giftcard-lander {
    width: 100%;
    float: left;
}
.main-giftcard-lander .content {
    background: #000;
    text-align: center;
    color: #fff;
}
.main-giftcard-lander .content h1 {
    font-size: 50px;
    padding: 60px 0px;
}
.main-giftcard-lander .content p {
    text-transform: uppercase;
    font-size: 34px;
    padding-bottom: 20px;
}
.giftcard-section {
    width: 100%;
    float: left;
}
.giftcard-section .images>img {
    width: 100%;
}
.giftcard-section .logo_img {
    width: 700px;
    margin: auto;
}
.giftcard-section .logo_img>img {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 150px;
}
.giftcard-section .discount_img {
    width: 700px;
    margin: auto;
    text-align: right;
}
.giftcard-section .discount_img img {
    padding-top: 100px;
}
.giftcard-section .tag_img>img {
    padding-top: 160px;
}
.giftcard-section .giftcard_img {
    width: 700px;
    margin: auto;
    color: #fff;
    text-align: center;
}

.giftcard-section .giftcard_img h3 {
    letter-spacing: 5px;
    font-size: 20px;
    padding-bottom: 10px;
}
.giftcard-section .giftcard_img p {
    font-size: 14px;
    padding-bottom: 20px;
}
.lander_form {
    width: 700px;
    padding: 70px 0px;
    margin: auto;
}
.lander_form .gform_wrapper .top_label input.medium {
    width: 100%;
}
.lander_form h1 {
    font-size: 30px;
    text-align: center;
}
.giftcard-section a.booking_btn {
    background: #F58220;
    width: 100%;
    text-decoration: none;
    font-weight: 800;
    color: #fff !important;
    float: left;
    text-align: center;
    padding: 20px 0px;
    font-size: 30px;
    text-transform: uppercase;
}
.page-findyourstylecolour .giftcard-section .images {
    background-position: center !important;
}
.page-safersalon #content-header .page-align h1 {
    display: none;
}
.page-safersalon #content-header .page-align .block-reset {
    padding-bottom: 0;
}
.page-safersalon .page-align {
    max-width: 100%;
    padding-top: 0;
}
.page-safersalon .content {
    max-width: 730px;
    margin: auto;
    padding: 20px 0px;
}
.page-safersalon .heading {
    width: 100%;
    background: #f58220;
}
.page-safersalon .heading h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 500;
    text-align: center;
    padding: 60px 0px;
}
.page-safersalon .content p {
    margin: 30px 0px !important;
    font-size: 20px !important;
}
.ask, .scissorstoni{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 1111;
}
div#gform_wrapper_42, .scissorstoni > .gform_wrapper {
    min-height: 0px;
    width: 400px;
    background: #dcdcdc;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto !important;
    height: auto;
    transform: translate(-50%,-47%);
}
.scissorstoni > .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .scissorstoni .gform_wrapper textarea {
    border: 0px;
    margin: 0;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    padding: 9px 7px;
}
.scissorstoni > .gform_wrapper .gform_heading h3.gform_title {
    margin: 0;
}
.scissorstoni .gform_wrapper .gform_heading {
    width: 100%;
    margin-bottom: 0;
}
.scissorstoni .gform_wrapper button {
    padding: 3px;
}
.charity-div .scissorstoni .gform_wrapper span {
    color: #ffffff;
    font-size: 12px;
}
body .scissorstoni .gform_wrapper ul li.gfield {
    margin-top: 11px;
    padding-top: 0;
}
.scissorstoni .gform_validation_error .gfield_error .gfield_description.validation_message {
    display: none;
}
.scissorstoni .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
    margin-top: 0;
    border: 0;
    margin: 0;
}
.scissorstoni .gform_fields .gfield .ginput_container textarea {
    height: 6rem;
}
.scissorstoni .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.scissorstoni .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 6px;
}
.scissorstoni .gform_wrapper div.validation_error {
    padding: 0px 0px 0px 0;
}
.scissorstoni .gform_wrapper .gform_footer {
    padding: 5px 0 0px 0;
}
.scissorstoni .gform_confirmation_wrapper:before, .popup-form .gform_confirmation_wrapper:before {
    content: 'X';
    position: absolute;
    top: -8px;
    right: -8px;
    background: #000;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    line-height: 1;
    padding: 4px 7px;
    font-size: 12px;
}

#gform_wrapper_42 .gform_heading h3.gform_title, .scissorstoni .gform_heading h3.gform_title  {
    text-align: center;
}
#gform_wrapper_42 .gform_fields .gfield .ginput_complex.ginput_container span, .scissorstoni .gform_fields .gfield .ginput_complex.ginput_container span{
    width: 100%;
}
#gform_wrapper_42 .gform_fields .gfield .ginput_container textarea{
    height: 10rem;
}
.ask .gform_confirmation_wrapper, .scissorstoni .gform_confirmation_wrapper, .popup-form .gform_confirmation_wrapper{
    width: 295px;
    min-height: 0;
    padding: 2rem;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-post {
    width: 840px;
    margin: auto;
}
section.education-content {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 70px;
}
.education-post {
    width: 100%;
    float: left;
    margin: 50px 0px;
}
section.education-content h1 {
    position: relative;
    border: 6px solid #000;
    font-size: 4em;
    width: 670px;
    margin: auto;
    padding: 20px 0px;
    font-weight: 600;
    letter-spacing: 16px;
}
section.education-content h1 label {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -70%);
    background: #fff;
    width: 230px;
    font-weight: 600;
    letter-spacing: 8px; 
    font-size: 50px;
}
section.education-content p {
    margin-top: 30px;
}
.education-post .posts {
    width: 23.6%;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 30px;
    display: inline-flex;
    flex-wrap: wrap;
}
.education-post .posts:nth-child(4n){
    margin-right:0;
}
.posts img {
    width: 100%;
    height: auto;
}
.education-post .posts p {
    width: 100%;
    text-transform: uppercase;
    color: #777;
    font-weight: 600;
    margin-top: 5px;
    font-size: 14px;
}
.education-post a {
    width: 100%;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
.education-post .posts p.colour {
    margin-top: 15px !important;
}
.page-id-9688 .entry-subtitle {
    display: none;
}
.post-image {
    width: 65%;
    margin: auto;
    padding-top: 40px;
}
.post-image img {
    width: 100%;
    display: block;
    height: auto;
}
.post-content {
    width: 100%;
    float: left;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 20px;
}
.cutColour {
    width: 50%;
    float: left;
    text-align: center;
}
.cutColour h1 {
    color: #e27417;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 2px;
}
.cutColour p {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 2px;
}
.cutColourVideo {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 50px;
}
.cutColourVideo h1 {
    color: #777;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 2px;
    padding: 30px;
}
.main-post a.askQuestion {
    text-decoration: none;
    background: #F3821F;
    width: 100%;
    float: left;
    text-align: center;
    color: #fff !important;
    text-transform: capitalize;
    padding: 14px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 80px;
    margin-top: 20px;
}
.cutColourVideo iframe {
    margin-bottom: 0px;
}
.single-staffeducation .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px;
    width: 100%;
    margin: 0;
}
.single-staffeducation .gform_fields .gfield .ginput_container input {
        width: 100% !important;
    padding: .5rem !important;
    font-family: 'Futura W02' !important;
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
    text-transform: uppercase !important;
    border: 1px solid #ccc!important;
    outline: 0 !important;
    -webkit-appearance: none;
    vertical-align: bottom !important;
    margin: 0 !important;
}
.single-staffeducation .gform_wrapper textarea {
    border: 1px solid #ccc!important;
}


/* Media query start */
@media only screen and (max-width: 1470px) {
    .page-id-342 .full-sec .count-sec.count-second, .page-id-342 .forth-sec.count-sec{ max-width: 1000px; margin: auto;}
    .page-id-342 .count-sec.count-second h2, .page-id-342 h2.sub-head, .page-id-342 h2.heading,h2.heading-main, .page-id-342 .gform_heading h3.gform_title{font-size: 36px!important;}
    .page-id-342 .count-sec.count-second h2{margin-top: 80px;}
    .page-id-342 .second-lefttxt .text-section{padding: 63px 44px 0px 50px;} 
    .page-id-342 .forth-sec.count-sec .count-sec{width: 37%;}
    .page-id-342 .count-sec.count-first .first-left {padding-left: 0px!important;}
}
@media (max-width:1300px) {
    .page-id-342 .txt-sec{ max-width: 449px;}
    .page-id-342 .txt-sec h1{font-size: 40px;}
    .page-id-342 #content article.main-content .vide-sec p, .page-id-342 .count-sec.count-first h3, .page-id-342 #content article.main-content p{font-size: 20px}
    .page-id-342 span.step-count, .page-id-342 .number-sec-count{font-size: 110px;}
    .page-id-342 .full-sec .count-sec.count-second,  .page-id-342 .forth-sec.count-sec {max-width: 900px;margin: auto;}
    .page-id-342 .image-sec{max-width: 970px;}
    .page-id-342 .image-sec img {max-width: 290px!important;}
    .page-id-342 .txt-sec { padding: 189px 0px 50px 0px;}
    .page-id-342 .count-sec.count-second .first-right {right: -130px;}
    .page-id-342 .count-sec.count-second h2,  .page-id-342 h2.sub-head,  .page-id-342 h2.heading,  .page-id-342 h2.heading-main,  .page-id-342 .gform_heading h3.gform_title {font-size: 30px!important;}
    .page-id-342 span.job-title{ font-size: 20px;}
    .page-id-342 h3.subheading {font-size: 20px;font-weight: 100;letter-spacing: unset;}
    .page-id-342 p.fourth-text{ padding-top: 25px;}
    .page-id-342 .count-sec.count-first h3 { margin: 26px 0;}

    .main-giftcard-lander .content p {
        font-size: 30px;
    }
}
@media (max-width:1200px) {
    .page-id-342 .full-sec .count-sec.count-second,  .page-id-342 .forth-sec.count-sec {max-width: 830px;}
    .page-id-342 span.step-count {left: 418px;}
    .page-id-342 .full-sec .count-sec.count-second,  .page-id-342 .forth-sec.count-sec {max-width: 680px;margin: auto;}
    .page-id-342 .count-sec.count-second{padding: 100px 0px 30px 0px;}
    .page-id-342 .count-sec.count-second .step-count{top: 70px;}
    .page-id-342 .full-sec .count-sec.count-second,  .page-id-342 .forth-sec.count-sec {max-width: 830px;}
    .page-id-342 .forth-sec.count-sec .count-sec {width: 40%;}
    .page-id-342 .text-section { width: 74%;padding: 63px 41px 0px 12px;}
    .page-id-342 .count-sec.count-second .first-right{ right: -100px;}

    .giftcard-section .giftcard_img h3 {
        font-size: 24px;
    }
    .giftcard-section .giftcard_img p {
        font-size: 16px;
    }
    .giftcard-section .logo_img>img {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .giftcard-section .discount_img img {
        padding-top: 50px;
    }
    .giftcard-section .tag_img>img {
        padding-top: 50px;
    }
    .lander_form h1 {
        font-size: 26px;
    }
    .main-giftcard-lander .content h1 {
        font-size: 40px;
    }
    .main-giftcard-lander .content p {
        font-size: 28px;
    }
    .page-safersalon .page-align {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main-hub {
        left: 22%;
    }
}
@media (max-width:1023px) {
    .right-block-img {
        width: 50%;
    }
    .left-block-years {
        width: 50%;
    }
    .years-container p {
        font-size: 15px!important;
    }
    .keep-enjoy {
        padding: 40px 13px;
    }
    .gift-for-you-form {
        padding: 0 18px;
    }
    .page-id-342 .count-sec.count-second h2,  .page-id-342 h2.sub-head,  .page-id-342 h2.heading,  .page-id-342 h2.heading-main,  .page-id-342 .gform_heading h3.gform_title {font-size: 28px!important;}
    .page-id-342 span.step-count,  .page-id-342 .number-sec-count {font-size: 95px;}   
    .page-id-342 #content article.main-content .vide-sec p,  .page-id-342 .count-sec.count-first h3,  .page-id-342 #content article.main-content p, .page-id-342 h3.subheading, .page-id-342 span.job-title {font-size: 18px;} 
    .page-id-342 .forth-sec.count-sec .count-sec {width: 45%;}.page-id-342 
    .page-id-342 .text-section {padding: 63px 0px 0px 12px;}
    .page-id-342 .second-lefttxt .text-section {padding: 63px 0px 0px 0px;}
    .page-id-342 .image-sec {max-width: 898px;}
    .page-id-342 .image-sec img {max-width: 266px!important;}
    .page-id-342 .full-sec .count-sec.count-second,  .page-id-342 .forth-sec.count-sec { max-width: 700px;}

    ul#salon-mobile-nav {
        text-align: center;
        background: transparent;
    }
    ul#salon-mobile-nav a.caret-bottom-right.category-select-btn {
        display: none;
    }
    ul#salon-mobile-nav ul.closed {
        display: block;
    }
    ul#salon-mobile-nav li {
        display: inline-block;
        padding: 15px 10px;
    }
    .salon-panel-wrap {
        margin-top: 0;
        padding-top: 0;
    }
    ul#salon-mobile-nav li>a {
        border-left: 2px solid #000;
        font-weight: 500;
        padding: 0px 30px;
        letter-spacing: 1px;
    }
    ul#salon-mobile-nav li:first-child>a {
        border-left: none;
    }
    ul#salon-mobile-nav ul.closed li.current>a {
        color: #f58220;
    }
    ul.opening-hours {
        width: 300px;
        margin: auto;
    }
    .page-safersalon .heading h1 {
        font-size: 60px;
    }
}
@media (max-width:900px){
    .right-block-years, .left-block-img, .left-block-years, .right-block-img {
        width: 100%;
    }
    .left-block-years h1 {
        text-align: center;
    }
    .years-container p {
        font-size: 20px!important;
        text-align: center;
    }
    .main-hub {
        left: 14%;
    }
    .page-id-342 .image-sec {max-width: 715px;}
    .page-id-342 .image-sec{top: -140px;}
    .page-id-342 .first-sec{margin-top: 140px;}
    .page-id-342 .txt-sec {padding: 165px 0px 50px 0px;}
    .page-id-342 span.step-count {left: 318px;}
    .page-id-342 .forth-sec.count-sec .count-sec { width: 52%;}
    .page-id-342 .text-section {padding: 63px 0px 0px 0px;}
    .page-id-342 .full-sec .count-sec.count-second,  .page-id-342 .forth-sec.count-sec {max-width: 575px;}
    .page-id-342 .image-sec img {max-width: 203px!important;}
    .main-post {
        width: 90%;
        margin: auto;
    }
    .education-post .posts {
        width: 23.4%;
    }
    .education-post .posts p {
        font-size: 13px;
    }
    .education-post a {
        font-size: 14px;
    }
    .cutColourVideo iframe {
        margin-bottom: 0px;
        width: 100%;
    }
}
@media (max-width:767px) {
    .page-id-10266 .page-align {
        padding-left: 0rem!important;
        padding-right: 0rem!important;
    }
    .years-container .section-1 {
        width: 92%;
    }
    .popup-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .popup-form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
        font-size: 16px;
        font-weight: 100;
        text-transform: none;
    }
    .years25 {
        font-size: 23px;
    }
    .find-salon-btn {
        font-size: 9px !important;
    }
    .staff-cat a:hover:after {
        font-size: 13px;
    }
    .other-staff-post {
        display: grid;
    }
    .other-staff-post a.previous-staff {
        margin-right: 0;
    }
    a.return-to-main {
        margin: 5px 0 0 0;
        font-size: 13px;
    }
    .trans-main {
        padding: 0 0px 56px 0;
    }
    .session-staff {
        font-size: 19px;
    }
    p.staff_presented_by {
        text-align: center;
    }
    .trans-main .alm-btn-wrap {
        position: relative;
        bottom: 0;
        right: 0;
    }
    .main-hub {
        position: absolute;
        bottom: -7px;
        left: 0;
        right: 0;
        width: 263px;
        margin: auto;
    }
    .translatePost {
        width: 47%;
    }
    .staffpage-view h3 {
        line-height: 10px;
        margin-bottom: 10px;
    }
    .staffpage-view a.article-pop-up {
        font-size: 11px;
        line-height: 11px;
    }
    .trans-main button.alm-load-more-btn.more.done {
        padding: 12px 20px;
        font-size: 12px;
    }
    .staff-cat a {
        padding: 14px;
        width: 44%;
        font-size: 13px;
    }
    #content article.main-content .charity-div .contact-charity p {
        font-size: 23px;
        font-weight: 600;
    }
    .mag-bottom h2 {
        font-size: 17px;
    }
    .mag-bottom-inner {
        width: 100%;
    }
    #content article.main-content .mag-bottom-inner p {
        font-size: 13px;
    }
    .mag-bottom {
        bottom: 4%;
    }
    .single-post article.has-sidebar.main-content.col-md-8.col-lg-8 {
        padding: 0;
    }
    #content article.main-content .customBlog-style h1 {
        font-size: 30px;
    }
    #content article.main-content .customBlog-style h2 {
        font-size: 26px;
    }
    #content article.main-content .customBlog-style img {
        margin-left: 0;
    }
    #content article.main-content .customBlog-style p.book-blog {
        padding: 0px 0px 11px 0;
    }
    img.weCare-desktop {
        display: none;
    }
    img.weCare-mobile {
        display: block;
    }
    .wecare-img-covid .wecare-img2 {
        padding: 0 0px;
    }
    h1.main-top-c-title {
        text-align: center;
        background: #000;
        color: #fff;
        padding: 20px 10px;
        font-size: 17px;
        font-weight: 100;
        width: 100%;
        position: absolute;
        margin-left: 0;
        left: 0;
    }
    .wecare-full-width.wecare-full-mobile {
        margin-top: 90px;
    }
    .wecare-full-width {
        width: 100%;
        margin-left: 0;
        margin-top: 19px;
        left: 0;
        background: #ececec;
        margin-bottom: 0;
        float: left;
        padding: 36px 0px;
        color: #000;
        top: 0;
        position: initial;
    }
  
    .keep-enjoy {
        display: block;
    }
    .keep-enjoy-image {
        top: 0;
        width: 100%;
    }
    .page-id-342 .image-sec img {max-width: 178px!important;}
    .page-id-342 .txt-sec {padding: 130px 0px 50px 0px;}.txt-sec {max-width: 350px;}
    .page-id-342 .vide-sec{ padding: 20px 20px;}
    .page-id-342 .count-sec {margin: 10px auto;padding: 0 20px;}
    .page-id-342 .count-sec.count-first h3 {margin: 18px 0;}
    .page-id-342 .first-left, .page-id-342 .first-right {width: 100%!important;float: unset;padding-left: 0;}
    .page-id-342 .count-sec.count-first h2 { padding-left: 0;}
    .page-id-342 .count-sec.count-first .first-right {margin-top: 0;}
    .page-id-342 .first-right {float: unset;width: 100%;}
    .page-id-342 .full-sec {max-width: unset;width: 100%;margin: 0;}
    .page-id-342 .count-sec.count-second {padding: 20px 20px;}
    .page-id-342 .count-sec.count-second .first-right, .page-id-342 .single-img, .page-id-342 .second-lefttxt .single-img, .page-id-342 span.step-count {position: unset;width: 100%;}
    .page-id-342 .forth-sec.count-sec .count-sec {width: 100%;text-align: center;margin-left: 0;}
    .page-id-342 .text-section, .page-id-342 .second-lefttxt .text-section {padding: 0px;width: 100%;}
    .page-id-342 .embed-container {margin-top: 0px!important;}
    .page-id-342 .full-sec .count-sec.count-second,  .page-id-342 .forth-sec.count-sec{ max-width: unset;}
    .page-id-342 .count-sec.count-second h2 {margin-top: 0px;}
    .page-id-342 .two-img-sec{margin-top: 30px;margin-bottom: 0;max-width: unset;}
    .page-id-342 .txt-sec h1 {font-size: 30px;}
    .page-id-342 .fullimg-sec.second-lefttxt {margin-top: 60px;margin-bottom: 0px}
    .page-id-342 .count-sec.count-second .first-right, .page-id-342 .single-img,  .page-id-342 .second-lefttxt .single-img{ padding-top: 20px;}
    .page-id-342 h2.heading, .page-id-342 .third-sec.count-sec .setting-sec{margin-bottom: 30px!important;}
    .page-id-342 .form-sec.count-sec img { margin: 30px auto;}
    .page-id-342 .alignnone { margin: 10px 0;}
    .c19-service-image {
        width: 100%;
        margin-bottom: 19px;
    }
    .inner-max-c19 h3 , .c19-description{
        text-align: center;
    }
    .page-id-9270 #content-header div.entry-subtitle.no_post_thumbnail>h2, .page-id-9463 #content-header div.entry-subtitle.no_post_thumbnail>h2{
        font-size: 23px !important;
        font-weight: 800;
    }
    .wecare-img2 {
        padding: 0 28px;
    }
    .woocommerce nav.woocommerce-pagination ul li:first-child a.prev:before {
        content: 'Prev';
    }
    .woocommerce nav.woocommerce-pagination ul li:last-child a:before {
        content: 'Next';
    }
    nav#navigation {
        display: none;
    }
    #header-nav-inner .logo {
        display: table-cell;
    }
    #header-nav-inner .logo a {
        background-position: left;
    }
    #hamburger-container {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
    }
    #video-cover {
        padding: 0;
    }
    ul.mm-listview {
        padding-left: 20px;
    }
    .note h1 {
        width: 90%;
        font-size: 20px;
        max-width: 100%;
    }
    .note p {
        width: 80%;
        font-size: 20px;
        max-width: 100%;
    }
    .info_main_tg {
        width: 90%;
    }
    .lv_salon {
        width: 90%;
    }
    .lv_section li {
        width: 47%;
        margin-bottom: 30px;
    }
    .inner_ftr_widgets {
        width: 90%;
    }
    #footer-widgets .widget-left {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
        font-size: 12px;
    }
    #footer-widgets .widget-right .menu li {
        text-align: left;
        font-size: 12px;
        padding: 2px 0px;
        width: 100%;
        border-left: none;
    }
    li.item:nth-child(1) a.title>div:after {
        content: "";
    }
    li.item:nth-child(2) a.title>div:after {
        content: "";
    }
    li.item:nth-child(4) a.title>div:after {
        content: "";
    }
    .bleach_wave_hair {
        padding: 0;
    }
    .bleach_wave_hair h1 {
        font-size: 26px;
    }
    .widget-follow>div {
        margin-bottom: 0px;
    }
    #footer-widgets .widget-right {
        margin-top: 20px;
    }
    #footer-widgets .widget-right .menu>li {
        padding: 9px 0px;
        border-bottom: 1px solid #424242;
    }
    ul#menu-footer-navigation li.fa a {
        padding-top: 4px;
    }
    .gift_container .gift_content {
        width: 90%;
    }
    .gift_cards {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .e-gift_cards {
        width: 100%;
    }
    .gift_container h3 {
        width: 100%;
    }
    #masonry-grid .grid-item {
        padding: 15px 15px;
        min-height: 250px;
    }
    button#gform_submit_button_36 {
        padding: 10px 16px;
    }
    .page-align {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .services {
        margin-bottom: 20px;
    }
    .custom-landing-promo .banner {
        background: url('../toniandguy2019/images/Banner-BG.png');
    }
    .report_content {
        width: 90%;
    }
    .trends {
        width: 90%;
    }
    div#gform_wrapper_12 {
        height: 500px;
        transform: translate(-50%,-50%);
        overflow-y: scroll;
    }
    .pinchTrendsImages {
        width: 90%;
        margin: auto;
    }
    .pinchTrendsImages ul li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .main-giftcard-lander .content h1 {
        font-size: 30px;
    }
    .main-giftcard-lander .content p {
        font-size: 24px;
    }
    .giftcard-section .giftcard_img h3 {
        letter-spacing: 3px;
        font-size: 20px;
    }
    .giftcard-section .giftcard_img p {
        font-size: 12px;
    }
    .giftcard-section .logo_img>img {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .giftcard-section .discount_img img {
        padding-top: 70px;
    }
    .giftcard-section .tag_img>img {
        padding-top: 30px;
    }
    .lander_form {
        width: 80%;
    }
    .lander_form h1 {
        font-size: 26px;
    }
    .giftcard-section a.booking_btn {
        font-size: 26px;
    }
    .giftcard-section .logo_img {
        width: 90%;
    }
    .giftcard-section .discount_img {
        width: 90%;
    }
    .giftcard-section .giftcard_img {
        width: 90%;
    }
    .page-safersalon .heading h1 {
        font-size: 40px;
    }
    .page-safersalon .content {
        max-width: 90%;
    }
    section.education-content h1 {
        font-size: 3em;
        width: 100%;
        letter-spacing: 5px;
    }
    section.education-content h1 label {
        font-size: 40px;
        width: 200px;
    }
    .education-post .posts {
        width: 48%;
        margin-bottom: 20px;
    }
    .education-post .posts:nth-child(2n) {
        margin-right: 0;
    }
    .education-post .posts p {
        font-size: 14px;
    }
    .education-post a {
        font-size: 16px;
    }
    .cutColourVideo iframe {
        height: 245px;
    }
    .cutColour h1 {
        font-size: 26px;
    }
    .cutColour p {
        font-size: 26px;
    }
}
@media (max-width:641px) {
    .col-xs-6.col-sm-6.col-md-4.col-lg-3.services.reviews {
        width: 100%;
        margin-right: 0%;
        padding: 18px;
        font-size: 14px;
    }
    #content article.main-content .charity-div p {
        font-size: 15px;
    }
    #content article.main-content .charity-div p.pink-text {
        font-size: 20px;
    }
    #content article.main-content .charity-div .contact-charity p {
        font-size: 19px;
    }
    #content article.main-content .charity-one-line img {
        margin: 0px 3px 0 0;
    }
    .contact-charity a {
        padding: 7px 32px;
        margin: 0 9px;
        font-size: 16px;
    }
    .gift-for-you-form h2 {
        font-size: 21px;
    }
    .page-id-342 .image-sec {max-width: 503px;}
    .page-id-342 .image-sec { top: -100px;}
    .page-id-342 .txt-sec {padding: 93px 0px 50px 0px;}
    .page-id-342 .image-sec img {max-width: 126px!important;}
    .page-id-342 .first-sec {margin-top: 100px;}
    .page-id-342 .gform_wrapper .gform_heading {margin-bottom: 0;}
    .page-id-342 #gform_wrapper_18 form .gform_body {padding: 20px;}
    .page-id-342 .two-img-sec img { width: 100%!important;}
    #gform_36 .gform_body ul li.gfield_html input {
        padding: 7px 16px;
    }
    .inner-max-c19-2 {
        width: 50%;
    }
}

@media (max-width:680px) {
    .woocommerce nav.woocommerce-pagination ul {
        position: relative;
        margin: 30px 0px 60px 0px;
    }
    .woocommerce nav.woocommerce-pagination ul li:first-child a.prev {
        left: 37%;
        right: 50%;
        top: -45px;
    }
    .woocommerce nav.woocommerce-pagination ul li:last-child a {
        left: 37%;
        right: 50%;
        top: 50px;
    }
    .term-wella-professionals.woocommerce nav.woocommerce-pagination ul li:last-child {
        left: 27%;
    }
    .term-wella-professionals.woocommerce nav.woocommerce-pagination ul li:first-child a.prev {
        left: 23%;
    }
    div#gform_wrapper_12 {
        width: 90%;
        height: 348px;
        overflow-y: scroll;
    }
    .giftCard_popup .popup-inner {
        width: 80%;
    }
}
@media (max-width:589px) {
    .giftcard-section .giftcard_img img {
        width: 100%;
    }
}
@media (max-width:550px) {
    .tab-container-1 img {
        height: 250px;
        object-fit: cover;
        object-position: right;
    }
}
@media (max-width:600px) {
    .page-safersalon .heading h1 {
        font-size: 30px;
    }
}
@media (max-width:479px) {
    .left-block-years h1 {
        font-size: 24px;
    }
    .years-container .section-1 {
        padding: 20px 0;
    }
    .years-container p {
        font-size: 15px!important;
    }
    .years-container .find-salon a {
        font-size: 15px;
        padding: 9px 14px;
        border: 3px solid #000;
    }
    .years25 {
        margin-top: 31px;
        padding-bottom: 26px;
        font-size: 17px;
    }
    .gift-content {
        padding: 0 0 15px 0;
    }
    .gift-container {
        padding: 15px 0 0 0;
    }
    #content article.main-content .gift-container p > img {
        width: 125px;
    }
    .gift-top-inner {
        margin-top: -65px;
        padding-top: 94px;
    }
    #content article.main-content .gift-content-inner p {
        font-size: 13px;
    }
    a.showForm-gift {
        padding: 13px;
        font-size: 16px;
    }
    .find-salon-btn {
        font-size: 5px !important;
        border: 1px solid !important;
        padding: 5px 4px!important;
    }
    .staff-cat a:hover:after {
        font-size: 10px;
    }
    .staff-hub h1 {
        font-size: 55px;
        margin-top: 18px;
    }
    .staff-cat a {
        padding: 10px 2px;
        margin: 0px 14px 16px 0;
        width: 44%;
        font-size: 9px;
    }
    .text-block-trans, .title-2-trans, .after-title-2, .trans-product-section {
        padding: 0 0px;
        width: 100%;
    }
    #content article.main-content img {
        margin: 0;
    }
    .trans-in-content h1 {
        font-size: 17px;
    }
    #content article.main-content .trans-in-content p {
        font-size: 11px;
    }
    .page-trannscendyourstyle .page-align {
        padding-left: 0rem!important;
        padding-right: 0rem!important;
    }
    /* .trans-product-section-1 {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 16px 0;
    } */
    .before-after-slider a.ms_next, .before-after-slider a.ms_prev {
        width: 5px;
        height: 15px;
    }
    #content #main .book-now-trans a span {
        font-size: 39px;
    }
    #content #main .book-now-trans a {
        font-size: 15px;
    }
    span.step-count, .number-sec-count {font-size: 70px;}
    .page-id-342 #content article.main-content .vide-sec p,  .page-id-342 .count-sec.count-first h3,  .page-id-342 #content article.main-content p,  .page-id-342 h3.subheading{font-size: 16px;}
    .page-id-342.page-application .gform_wrapper {max-width: unset;}
    .page-id-342.page-application #gform_wrapper_18 form .gform_body{padding: 20px!important;}
    .page-id-342 .image-sec img {margin: auto;max-width: unset!important;}
    .page-id-342 .txt-sec {padding: 0px 0px 50px 0px;}
    .page-id-342 .count-sec.count-second h2,  .page-id-342 h2.sub-head,  .page-id-342 h2.heading,  .page-id-342 h2.heading-main,  .page-id-342 .gform_heading h3.gform_title {font-size: 22px!important;}
    .page-id-342 span.job-title {font-size: 15px;}
    .page-id-342 .image-sec{position: unset;}
    .page-id-342 .first-sec { margin-top: 0;}
    .page-id-342 .image-sec img {padding: 10px 0;}
    .page-id-342 #content-header div.entry-subtitle.no_post_thumbnail>h2{font-size: 20px !important;}
    .page-id-342 .image-sec {padding-top: 10px;}
    .inner-max-c19-2 {
        width: 100%;
    }
    .middle-content h2, .in-the-salon h2, .after-c19 .content h2 {
        font-size: 26px;
    }
    .after-c19 .content p {
        font-size: 18px;
    }
    .middle-content > h3, .in-the-salon > h3 {
        font-size: 14px;
    }
    a.service-book {
        font-size: 25px !important;
    }
    .page-id-103 article.has-sidebar.main-content.col-md-8.col-lg-8 {
        padding: 0;
    }
    .page-id-103 #content article.main-content p {
        padding: 0!important;
    }
    h3#ship-to-different-address {
        font-size: 14px;
    }
    .page-template-tmpl-simple #content-header div.entry-subtitle.no_post_thumbnail>h2 {
        font-size: 16px !important;
    }
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        padding: 10px 0px;
        font-size: 11px;
        width: 21px;
    }
    a.follo-insta-salon {
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 11px;
    }
    .home {
        overflow-x: hidden;
    }
    .note {
        margin: 40px 0px;
    }
    .info_main_tg {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .info_main_tg {
        display: block;
    }
    .tg_info {
        width: 100%;
        margin-bottom: 50px;
    }
    .lv_section li {
        width: 100%;
    }
    .widget-container.widget-left {
        width: 82% !important;
        margin: auto;
        float: none !important;
    }
    #footer-widgets .menu li {
        border-left: none;
    }
    .widget-container.widget-right {
        width: 100% !important;
        margin-top: 10px;
    }
    .inner_salon_cta {
        padding: 30px 20px 0px 20px;
        width: 93%;
    }
    .widget-container.widget-salons {
        margin-bottom: 30px;
    }
    .tab-content.current {
        max-width: 90%;
    }
    .tab-content {
        max-width: 90%;
    }
    .tab-content .entry-content h2 {
        font-size: 20px;
    }
    .tab-content .team-member {
        padding: 0px 5px;
        margin-bottom: 10px;
    }
    #header-nav-inner {
        padding: 0px 1rem;
    }
    #header-nav-inner .logo a {
        width: 90%;
    }
    #footer-sitemap {
        display: block;
    }
    #colophon .colophon-inner {
        width: 90%;
    }
    #footer-sitemap.container {
        margin: 0;
    }
    .news_letter {
        width: 100%;
    }
    .ftr_content {
        width: 100%;
    }
    #footer-sitemap {
        width: 100%;
    }
    .ftr_content h1 {
        font-size: 20px;
        margin: 15px 0px;
    }
    .gform_wrapper div.validation_error {
        font-size: 14px;
    }
    .news_letter {
        margin-bottom: 40px;
    }
    .inner_ftr_widgets {
        width: 100%;
    }
    .widget-container.widget-left {
        width: 90% !important;
        margin: 0;
    }
    div.salon-locations-container h2 {
        font-size: 24px;
    }
    #content-header h1 {
        font-size: 20px;
    }
    .instagrams a.inata-a {
        width: 100%;
        margin-right: 0;
    }
    .hairService {
        width: 100%;
    }
    .hairService h1 {
        font-size: 20px;
    }
    .page-services #content article.main-content p {
        font-size: 16px;
    }
    .woocommerce-page ul.category-select ul.closed>li {
        padding: 16px;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%!important;
    }
    .woocommerce img,
    .woocommerce-page img {
        width: 100%;
        height: 100%;
    }
    .woocommerce ul.products li.product:hover h2.woocommerce-loop-product__title {
        top: 20px;
    }
    .woocommerce ul.products li.product:hover p {
        bottom: 30px;
        font-size: 13px;
    }
    .woocommerce ul.products li.product:hover .price {
        top: 40px;
        font-size: 18px;
    }
    .labelM_text p {
        font-size: 14px;
    }
    .single-post #main article.main-content div iframe {
        width: 100%;
        height: 100%;
    }
    .page-about .no-sidebar p {
        font-size: 14px !important;
    }
    .page-template-tmpl-simple #content article.main-content ul.container li.col-6.location {
        width: 100%;
        margin-right: 0;
    }
    ul#menu-footer-navigation>li.fa-angle-down:before {
        display: block;
        font: normal 18px/1 FontAwesome;
        float: right;
        padding-top: 3px;
        padding-left: 5px;
    }
    #footer-widgets .widget-right .menu li a:after {
        display: none;
    }
    ul#menu-footer-navigation>li ul.sub-menu {
        display: none;
        position: unset;
        background: #464343;
        width: 100%;
    }
    .page-awards article.col-lg-8 {
        padding: 0 0rem;
    }
    .award_winner img {
        WIDTH: 100%;
        margin: 0px 0px 5px 0;
    }
    .award_winner {
        margin-bottom: 30px;
    }
    ul#salon-mobile-nav li {
        padding: 12px 0px;
    }
    ul#salon-mobile-nav li>a {
        padding: 0px 6px;
        letter-spacing: 1px;
        font-size: 12px;
    }
    .price_call_now_btn {
        font-size: 28px !important;
        padding: 20px 0px !important;
    }
    a.inata-a:nth-child(even) img.images-instag {
        margin-right: 0px;
    }
    .page-application .gform_wrapper {
        max-width: 300px;
    }
    .page-application .page-align {
        padding-left: 0rem!important;
        padding-right: 0rem!important;
    }
    .page-application article.has-sidebar.main-content.col-md-8.col-lg-8 {
        padding: 0px 10px;
    }
    .page-application #gform_wrapper_18 form .gform_body {
        padding: 0!important;
        border: 0;
    }
    .custom-landing-promo .banner #slideshow>div {
        min-height: 360px;
    }
    .custom-landing-promo .banner #slideshow .caption {
        width: 300px;
        margin: auto;
        position: unset;
        position: unset;
        top: 0;
        left: 0;
        transform: unset;
        padding: 40px 0px 0px 0px;
    }
    .custom-landing-promo .banner #slideshow .caption h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .custom-landing-promo .banner #slideshow>div .slide {
        background: none !important;
    }
    .custom-landing-promo .banner #slideshow .caption p {
        font-size: 15px;
        margin-bottom: 40px;
    }
    .custom-landing-promo .latest_fashion .title {
        width: 100%;
        height: 150px;
        margin: 50px 0px;
    }
    .custom-landing-promo .latest_fashion .title h1 {
        font-size: 20px;
        width: 260px;
    }
    img.freeHairColor {
        right: 0px;
        top: 0px;
        width: 140px;
    }
    .latest_fashion .fashion_color .fashion_color_img .services {
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
    }
    .fashion_content img {
        width: 250px;
    }
    .find_true_color {
        width: 90%;
    }
    .find_true_color h1 {
        font-size: 20px;
    }
    .find_true_color p {
        font-size: 18px;
    }
    .find_true_color h4 {
        font-size: 20px;
    }
    .find_true_color h3 {
        font-size: 12px;
    }
    .inner_consultation {
        width: 90%;
    }
    .consultaiton .inner_consultation a {
        font-size: 26px;
        padding: 10px 40px;
    }
    .consultaiton .inner_consultation h1 {
        font-size: 22px;
    }
    .fashion_content {
        display: none;
    }
    .custom-landing-promo .banner #slideshow .caption a {
        background: #000;
        color: #fff;
        font-weight: 600;
    }
    .consultaiton .inner_consultation a {
        background: #000;
        font-weight: 600;
        color: #fff !important;
    }
    .find_true_equation h4 {
        width: 200px;
        font-size: 24px;
        top: -35px;
        line-height: 1.3;
    }
    .custom-landing-promo .banner #slideshow .caption h3 {
        font-size: 19px;
    }
    .custom-landing-promo .latest_fashion .fashion_color .fashion_color_img {
        background: none;
    }
    .find_true_equation {
        width: 90%;
    }
    div#gform_wrapper_12 {
        width: 90%;
    }
    .callBackForm .gform_confirmation_wrapper, .popup-form .gform_confirmation_wrapper {
        width: 250px;
    }
    .tab-container-1 img {
        height: 250px;
        object-fit: cover;
        object-position: -330px 0px;
    }
    a.trend-book {
        font-size: 24px;
    }
    .giftCard_popup .popup-inner {
        width: 90%;
    }
    .main-giftcard-lander .content h1 {
        font-size: 20px;
    }
    .main-giftcard-lander .content p {
        font-size: 16px;
    }
    .giftcard-section .logo_img>img {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .giftcard-section .discount_img img {
        padding-top: 20px;
        width: 40%;
    }
    .giftcard-section .tag_img>img {
        padding-top: 30px;
        width: 100%;
    }
    .giftcard-section .giftcard_img img {
        width: 100%;
    }
    .giftcard-section .giftcard_img h3 {
        letter-spacing: 2px;
        font-size: 14px;
    }
    .giftcard-section .giftcard_img p {
        font-size: 10px;
    }
    .lander_form {
        width: 90%;
        padding: 50px 0px;
    }
    .lander_form h1 {
        font-size: 20px;
    }
    .giftcard-section a.booking_btn {
        font-size: 18px;
    }
    .page-safersalon .heading h1 {
        font-size: 20px;
        padding: 40px 0px;
    }
    div#gform_wrapper_42, .scissorstoni .gform_wrapper {
        width: 90%;
    }
    .education-post .posts {
        width: 100%;
        margin-right: 0px;
    }
    .posts img {
        width: 100%;
    }
    section.education-content h1 label {
        font-size: 30px;
        width: 170px;
    }
    section.education-content h1 {
        font-size: 2em;
        width: 100%;
        letter-spacing: 4px;
    }
    section.education-content {
        padding-top: 50px;
    }
    .cutColour h1 {
        font-size: 16px;
    }
    .cutColour p {
        font-size: 16px;
    }
    .cutColourVideo iframe {
        height: 165px;
    }
    .cutColourVideo h1 {
        font-size: 26px;
    }
    .post-content {
        padding: 10px;
    }
}

@media (min-width:480px) and (max-width:700px) {
    .note {
        margin: 50px 0px;
    }
    .info_main_tg {
        display: block;
    }
    .tg_info {
        width: 100%;
        margin-bottom: 50px;
    }
    .lv_section li {
        width: 48%;
        margin-right: 15px;
    }
    .lv_section li:nth-child(even) {
        margin-right: 0px;
    }
    .widget-container.widget-left {
        width: 35% !important;
    }
    .widget-container.widget-right {
        width: 100% !important;
    }
    #footer-widgets .menu li {
        border-left: none;
    }
    #footer-widgets .copyright {
        padding-left: 0;
    }
    #footer-widgets .textwidget {
        padding-left: 0;
    }
    #footer-sitemap {
        display: block;
    }
    #colophon .colophon-inner {
        width: 90%;
    }
    #footer-sitemap.container {
        margin: 0;
    }
    .news_letter {
        width: 100%;
    }
    .ftr_content {
        width: 100%;
    }
    #footer-sitemap {
        width: 100%;
    }
    .ftr_content h1 {
        font-size: 20px;
        margin: 15px 0px;
    }
    .gform_wrapper div.validation_error {
        font-size: 14px;
    }
    .news_letter {
        margin-bottom: 40px;
    }
    .inner_ftr_widgets {
        width: 100%;
    }
    .widget-container.widget-left {
        width: 60% !important;
        margin: 0;
    }
    div.salon-locations-container h2 {
        font-size: 30px;
    }
    #content-header h1 {
        font-size: 24px;
    }
    .tab-content {
        width: 90%;
    }
    .inner_salon_cta {
        padding: 40px 60px;
    }
    .page-template-tmpl-salon-location .tab-content .entry-content h2, 
    .page-template-tmpl-giftforyou-page .tab-content .entry-content h2{
        font-size: 24px;
    }
    .instagrams a.inata-a {
        width: 48.84%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .instagrams a.inata-a:nth-child(even) {
        margin-right: 0;
    }
    .salon-bar-light {
        margin: 0;
    }
    .hairService {
        width: 100%;
    }
    .hairService h1 {
        font-size: 28px;
    }
    .page-services #content article.main-content p {
        font-size: 22px;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%!important;
    }
    .woocommerce img,
    .woocommerce-page img {
        width: 100%;
        height: 100%;
    }
    .labelM_text p {
        font-size: 16px;
    }
    .single-post #main article.main-content div iframe {
        width: 100%;
        height: 100%;
    }
    .page-about .no-sidebar p {
        font-size: 16px !important;
    }
    .page-template-tmpl-simple #content article.main-content ul.container li.col-6.location {
        width: 100%;
        margin-right: 0;
    }
    ul#menu-footer-navigation>li.fa-angle-down:before {
        display: block;
        font: normal 18px/1 FontAwesome;
        float: right;
        padding-top: 3px;
        padding-left: 5px;
    }
    #footer-widgets .widget-right .menu li a:after {
        display: none;
    }
    ul#menu-footer-navigation>li ul.sub-menu {
        display: none;
        position: unset;
        background: #464343;
        width: 100%;
    }
    ul#menu-footer-navigation {
        width: 100%;
        margin-top: 10px;
    }
    .page-awards article.col-lg-8 {
        padding: 0 2rem;
    }
    .award_winner img {
        width: 32%;
        margin: 0px 8px 20px 0;
    }
    .award_winner img:last-child {
        margin-right: 0;
    }
    ul#salon-mobile-nav li {
        padding: 15px 0px;
    }
    ul#salon-mobile-nav li>a {
        padding: 0px 10px;
    }
    .custom-landing-promo .banner #slideshow>div {
        min-height: 450px;
    }
    .custom-landing-promo .banner #slideshow .caption {
        width: 390px;
        margin: auto;
        position: unset;
        top: 0;
        left: 0;
        transform: unset;
        padding: 50px 0px 0px 0px;
    }
    .custom-landing-promo .banner #slideshow .caption h1 {
        font-size: 53px;
    }
    .custom-landing-promo .banner #slideshow>div .slide {
        background: none !important;
    }
    .custom-landing-promo .banner #slideshow .caption p {
        font-size: 20px;
    }
    .custom-landing-promo .latest_fashion .title {
        width: 100%;
        height: 200px;
        margin: 50px 0px;
    }
    .custom-landing-promo .latest_fashion .title h1 {
        font-size: 24px;
        width: 350px;
    }
    img.freeHairColor {
        right: 0px;
        top: 0px;
        width: 210px;
    }
    .latest_fashion .fashion_color .fashion_color_img .services {
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
    }
    .fashion_content img {
        width: 250px;
    }
    .find_true_color {
        width: 90%;
    }
    .find_true_color h1 {
        font-size: 20px;
    }
    .find_true_color p {
        font-size: 18px;
    }
    .find_true_color h4 {
        font-size: 20px;
    }
    .find_true_color h3 {
        font-size: 16px;
    }
    .inner_consultation {
        width: 90%;
    }
    .consultaiton .inner_consultation a {
        font-size: 30px;
        padding: 10px 50px;
    }
    .consultaiton .inner_consultation h1 {
        font-size: 30px;
    }
    .fashion_content {
        display: none;
    }
    .custom-landing-promo .banner #slideshow .caption a {
        background: #000;
        color: #fff;
        font-weight: 600;
    }
    .consultaiton .inner_consultation a {
        background: #000;
        font-weight: 600;
        color: #fff !important;
    }
    .custom-landing-promo .banner #slideshow .caption h3 {
        font-size: 26px;
    }
    .find_true_equation p {
        font-size: 17px;
    }
    .find_true_equation {
        width: 90%;
    }
}

@media (min-width:701px) and (max-width:767px) {
    #footer-sitemap {
        display: block;
    }
    #colophon .colophon-inner {
        width: 90%;
    }
    #footer-sitemap.container {
        margin: 0;
    }
    .news_letter {
        width: 100%;
    }
    .ftr_content {
        width: 45%;
    }
    #footer-sitemap {
        width: 100%;
    }
    .ftr_content h1 {
        font-size: 20px;
        margin: 15px 0px;
    }
    .gform_wrapper div.validation_error {
        font-size: 14px;
    }
    .news_letter {
        margin-right: 60px;
    }
    .inner_ftr_widgets {
        width: 100%;
    }
    .widget-container.widget-left {
        width: 50% !important;
        margin: 0;
    }
    .tab-content {
        width: 90%;
    }
    .inner_salon_cta {
        padding: 50px 60px;
    }
    .instagrams a.inata-a {
        width: 32.27%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .instagrams a.inata-a:nth-child(3n) {
        margin-right: 0;
    }
    .hairService {
        width: 100%;
    }
    .hairService h1 {
        font-size: 24px;
    }
    .page-services #content article.main-content p {
        font-size: 20px;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 50%!important;
    }
    .woocommerce img,
    .woocommerce-page img {
        width: 100%;
    }
    .labelM_text p {
        font-size: 18px;
    }
    .single-post #main article.main-content div iframe {
        width: 100%;
    }
    .page-about .no-sidebar p {
        font-size: 16px !important;
    }
    ul#menu-footer-navigation>li.fa-angle-down:before {
        display: block;
        font: normal 18px/1 FontAwesome;
        float: right;
        padding-top: 3px;
        padding-left: 5px;
    }
    #footer-widgets .widget-right .menu li a:after {
        display: none;
    }
    ul#menu-footer-navigation>li ul.sub-menu {
        display: none;
        position: unset;
        background: #464343;
        width: 100%;
    }
    ul#menu-footer-navigation {
        width: 100%;
        margin-top: 10px;
    }
    .widget-container.widget-right {
        width: 100% !important;
    }
    .page-awards article.col-lg-8 {
        padding: 0 2rem;
    }
    .award_winner img {
        width: 32%;
        margin: 0px 8px 20px 0;
    }
    .award_winner img:last-child {
        margin-right: 0;
    }
    ul#salon-mobile-nav li {
        padding: 15px 0px;
    }
    ul#salon-mobile-nav li>a {
        padding: 0px 25px;
    }
    .tg_info h1 {
        font-size: 16px !important;
    }
    .custom-landing-promo .banner #slideshow>div {
        min-height: 450px;
    }
    .custom-landing-promo .banner #slideshow .caption {
        width: 390px;
        margin: auto;
        position: unset;
        top: 0;
        left: 0;
        transform: unset;
        padding: 60px 0px 0px 0px;
    }
    .custom-landing-promo .banner #slideshow .caption h1 {
        font-size: 53px;
        margin-bottom: 30px;
    }
    .custom-landing-promo .banner #slideshow>div .slide {
        background: none !important;
    }
    .custom-landing-promo .banner #slideshow .caption p {
        font-size: 20px;
        margin-bottom: 40px;
    }
    .custom-landing-promo .latest_fashion .title {
        width: 100%;
        height: 200px;
        margin: 50px 0px;
    }
    .custom-landing-promo .latest_fashion .title h1 {
        font-size: 24px;
        width: 350px;
    }
    img.freeHairColor {
        right: 0px;
        top: 0px;
        width: 250px;
    }
    .latest_fashion .fashion_color .fashion_color_img .services {
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
    }
    .fashion_content img {
        width: 250px;
    }
    .find_true_color {
        width: 90%;
    }
    .find_true_color h1 {
        font-size: 20px;
    }
    .find_true_color p {
        font-size: 18px;
    }
    .find_true_color h4 {
        font-size: 20px;
    }
    .find_true_color h3 {
        font-size: 16px;
    }
    .inner_consultation {
        width: 90%;
    }
    .consultaiton .inner_consultation a {
        font-size: 30px;
        padding: 10px 50px;
    }
    .consultaiton .inner_consultation h1 {
        font-size: 30px;
    }
    .fashion_content {
        display: none;
    }
    .custom-landing-promo .banner #slideshow .caption a {
        background: #000;
        color: #fff;
        font-weight: 600;
    }
    .consultaiton .inner_consultation a {
        background: #000;
        font-weight: 600;
        color: #fff !important;
    }
    .custom-landing-promo .banner #slideshow .caption h3 {
        font-size: 26px;
    }
    .custom-landing-promo .banner #slideshow .caption h1 {
        font-size: 53px;
    }
    .custom-landing-promo .banner #slideshow .caption p {
        font-size: 20px;
    }
}

@media (min-width:768px) and (max-width:909px) {
    .page-template-tmpl-simple #content article.main-content ul.container li.col-6.location {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:960px) {
    #masonry-grid .grid-item {
        padding: 15px 15px;
        min-height: 320px;
    }
    .page-safersalon .heading h1 {
        font-size: 50px;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    div#hamburger-container {
        display: none;
    }
    .note h1 {
        width: 90%;
        font-size: 30px;
    }
    .note p {
        width: 80%;
        font-size: 22px;
    }
    .info_main_tg {
        width: 90%;
    }
    .tg_info h1 {
        font-size: 16px !important;
    }
    .tg_info p {
        font-size: 14px !important;
    }
    .lv_salon {
        width: 90%;
    }
    .lv_section li {
        width: 22.82%;
    }
    .inner_ftr {
        width: 100%;
    }
    .ftr_content {
        width: 40%;
    }
    .news_letter {
        width: 60%;
    }
    .inner_ftr_widgets {
        width: 90%;
    }
    #footer-widgets .widget-right .menu li {
        padding: 0px 10px;
        border: none;
    }
    #video-cover {
        background-image: none;
        background-position: unset;
        background-repeat: unset;
        padding: 0;
    }
    .note h1 {
        width: 90%;
        font-size: 24px;
        max-width: 100%;
    }
    .note p {
        width: 80%;
        font-size: 20px;
        max-width: 100%;
    }
    #footer-sitemap {
        display: block;
    }
    #colophon .colophon-inner {
        width: 90%;
    }
    #footer-sitemap.container {
        margin: 0;
    }
    .news_letter {
        width: 100%;
    }
    .ftr_content {
        width: 45%;
    }
    #footer-sitemap {
        width: 100%;
    }
    .ftr_content h1 {
        font-size: 20px;
        margin: 15px 0px;
    }
    .gform_wrapper div.validation_error {
        font-size: 14px;
    }
    .news_letter {
        margin-right: 60px;
    }
    .inner_ftr_widgets {
        width: 100%;
    }
    .widget-container.widget-left {
        width: 50% !important;
        margin: 0;
    }
    .tab-content {
        width: 90%;
    }
    .inner_salon_cta {
        padding: 50px 60px;
    }
    .instagrams a.inata-a {
        width: 32.36%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .instagrams a.inata-a:nth-child(3n) {
        margin-right: 0;
    }
    .hairService {
        width: 680px;
    }
    .hairService h1 {
        font-size: 21px;
    }
    .page-services #content article.main-content p {
        font-size: 16px;
    }
    .woocommerce ul.products {
        display: flex;
        flex-flow: wrap;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 33%!important;
        margin-right: 0;
    }
    .woocommerce img,
    .woocommerce-page img {
        height: 100%;
    }
    .woocommerce ul.products li.product:hover h2.woocommerce-loop-product__title {
        top: 10px;
    }
    .woocommerce ul.products li.product:hover .price {
        top: 30px;
        font-size: 18px;
    }
    .woocommerce ul.products li.product:hover p {
        font-size: 12px;
        bottom: 20px;
    }
    .single-post #main article.main-content div iframe {
        width: 90%;
    }
    ul#menu-footer-navigation>li.fa-angle-down:before {
        display: block;
        font: normal 18px/1 FontAwesome;
        float: right;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 5px;
        padding-bottom: 4px;
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    ul#menu-footer-navigation li.fa a {
        padding-top: 6px;
    }
    #footer-widgets .widget-right .menu li a:after {
        display: none;
    }
    ul#menu-footer-navigation>li ul.sub-menu {
        display: none;
        position: absolute;
        background: #464343;
        width: 120px;
    }
    ul#menu-footer-navigation {
        width: 100%;
        margin-top: 10px;
    }
    .widget-container.widget-right {
        width: 100% !important;
    }
    .award_winner img {
        WIDTH: 31.6%;
        margin: 0px 8px 20px 0;
    }
    #masonry-grid .grid-item {
        padding: 15px 15px;
        min-height: 290px;
    }
    .page-align {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    section.carityDonate_btn a {
        font-size: 18px;
        padding: 5px 18px;
    }
    .custom-landing-promo .banner #slideshow .caption a {
        padding: 10px 60px;
    }
    .custom-landing-promo .banner #slideshow .caption {
        width: 500px;
        margin: auto;
        position: unset;
        top: 0;
        left: 0;
        transform: unset;
        padding: 80px 0px 0px 0px;
    }
    .custom-landing-promo .banner #slideshow .caption h1 {
        font-size: 68px;
    }
    .custom-landing-promo .banner #slideshow>div .slide {
        background: none !important;
    }
    .custom-landing-promo .banner #slideshow .caption p {
        font-size: 26px;
    }
    .custom-landing-promo .latest_fashion .title {
        width: 100%;
        height: 220px;
        margin: 50px 0px;
    }
    .custom-landing-promo .latest_fashion .title h1 {
        font-size: 24px;
        width: 380px;
    }
    img.freeHairColor {
        right: -10px;
        top: -10px;
        width: 220px;
    }
    .latest_fashion .fashion_color .fashion_color_img .services {
        width: 49.2%;
        padding: 0;
        margin-right: 10px;
        margin-bottom: 5px;
    }
    .latest_fashion .fashion_color .fashion_color_img .services:nth-child(2n) {
        margin-right: 0;
    }
    .fashion_content img {
        width: 250px;
    }
    .find_true_color {
        width: 90%;
    }
    .inner_consultation {
        width: 90%;
    }
    .fashion_content {
        display: none;
    }
    .custom-landing-promo .latest_fashion .fashion_color {
        width: 90%;
        margin: auto;
        float: none;
    }
    .custom-landing-promo .banner #slideshow .caption a {
        background: #000;
        color: #fff;
        font-weight: 600;
    }
    .consultaiton .inner_consultation a {
        background: #000;
        font-weight: 600;
        color: #fff !important;
    }
    .custom-landing-promo .banner #slideshow .caption h3 {
        font-size: 34px;
    }
    .custom-landing-promo .banner {
        background: url('../toniandguy2019/images/Banner-BG.png');
    }
    .consultaiton .inner_consultation h1 {
        font-size: 34px;
    }
    div#gform_wrapper_12 {
        transform: translate(-50%,-46%);
    }
    .gform_wrapper .gform_heading {
        margin-bottom: 0px;
    }
    #gform_wrapper_12 .validation_error {
        margin-bottom: 0px!important;
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .inner_salon_cta {
        padding: 0px 0 0 54px;
    }
    .page-services .block_overlay>.img-overlay .block-content h3 {
        font-size: 17px;
    }
}

@media (min-width:1201px) and (max-width:1540px) {
    .lv_section li {
        width: 23.21%;
    }
    .widget-container.widget-left {
        width: 27% !important;
    }
    .widget-container.widget-right {
        width: 73% !important;
    }
    #footer-widgets .widget-right .menu li {
        padding: 0px 6px;
        font-size: 11px;
    }
    ul#menu-footer-navigation li.fa a {
        padding-top: 1px;
        padding-bottom: 5px;
    }
    .note h1 {
        width: 100%;
        max-width: 80%;
        font-size: 30px;
    }
    .note p {
        width: 100%;
        max-width: 70%;
        font-size: 24px;
    }
    #footer-sitemap {
        width: 100%;
    }
    .ftr_content {
        width: 40%;
        float: left;
    }
    .news_letter {
        width: 60%;
    }
    #masonry-grid .grid-item {
        padding: 15px 15px;
        min-height: 290px;
    }
    .instagrams a.inata-a {
        width: 15.18%;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .custom-landing-promo .banner div#slideshow {
        width: 90%;
    }
    .custom-landing-promo .banner #slideshow .caption {
        width: 600px;
    }
    .custom-landing-promo .banner #slideshow .caption h3 {
        font-size: 40px;
    }
    .custom-landing-promo .banner #slideshow .caption h1 {
        font-size: 80px;
    }
    .custom-landing-promo .latest_fashion .fashion_color .fashion_color_img {
        width: 90%;
    }
    .latest_fashion .fashion_color .fashion_color_img .services {
        width: 24.3%;
    }
    img.freeHairColor {
        right: 0px;
        top: -105px;
        width: 300px;
    }
    div#gform_wrapper_12 {
        transform: translate(-50%,-47%);
    }
    .gform_wrapper .gform_heading {
        margin-bottom: 3px;
    }
    #gform_wrapper_12 .validation_error {
        margin-bottom: 3px!important;
    }
}

@media (min-width:1540px) and (max-width:1583px) {
    .widget-container.widget-left {
        width: 26% !important;
    }
    .widget-container.widget-right {
        width: 74% !important;
    }
}

@media (min-width:768px) and (max-width:1063px) {
    .gift_container .gift_content {
        width: 70%;
    }
    .gift_cards {
        width: 46%;
    }
    .gift_container h3 {
        width: 50%;
    }
}
@media (max-width:367px) {
    .report_content a {
        padding: 8px 30px;
    }
}
@media (min-width:320px) and (max-width:415px) {
    section.carityDonate_btn a {
        font-size: 16px;
        padding: 5px 20px;
    }
    .tab-container-1 img {
        height: 250px;
        object-fit: cover;
        object-position: -355px 0px;
    }
}