html{
background-color: #ffffff;
}
#Wrapper,#Content,
.mfn-popup .mfn-popup-content,.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,.mfn-cart-holder,.mfn-header-login,
#Top_bar .search_wrapper, #Top_bar .top_bar_right .mfn-live-search-box,
.column_livesearch .mfn-live-search-wrapper, .column_livesearch .mfn-live-search-box{
background-color: #ffffff;
}
body:not(.template-slider) #Header{
min-height: 50px;
}
body.header-below:not(.template-slider) #Header{
padding-top: 50px;
}
#Subheader {
padding: 230px 0 80px;
}
#Footer .widgets_wrapper {
padding: 70px 0 80px;
}
/**
* Font | Family *****
*/
body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
font-family: "DM Sans", Helvetica, Arial, sans-serif;
}
#menu > ul > li > a, a.action_button, #overlay-menu ul li a {
font-family: "DM Sans", Helvetica, Arial, sans-serif;
}
#Subheader .title {
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, .text-logo #logo {
font-family: "Lato", Helvetica, Arial, sans-serif;
}
h5, h6 {
font-family: "DM Sans", Helvetica, Arial, sans-serif;
}
blockquote {
font-family: "DM Sans", Helvetica, Arial, sans-serif;
}
.chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_it_works .image .number,
.pricing-box .plan-header .price, .quick_fact .number-wrapper, .woocommerce .product div.entry-summary .price {
font-family: "DM Sans", Helvetica, Arial, sans-serif;
}
/**
* Font | Size & Style *****
*/
/* Body */
body {
font-size: 15px;
line-height: 26px;
font-weight: 400;
letter-spacing: 0px;
}
.big {
font-size: 16px;
line-height: 28px;
font-weight: 400;
letter-spacing: 0px;
}
#menu > ul > li > a, a.action_button, #overlay-menu ul li a{
font-size: 15px;
font-weight: 400;
letter-spacing: 0px;
}
#overlay-menu ul li a{
line-height: 22.5px;
}
#Subheader .title {
font-size: 60px;
line-height: 60px;
font-weight: 300;
letter-spacing: 0px;
}
/* Headings */
h1, .text-logo #logo {
font-size: 48px;
line-height: 50px;
font-weight: 400;
letter-spacing: 0px;
}
h2 {
font-size: 65px;
line-height: 65px;
font-weight: 300;
letter-spacing: 0px;
}
h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 {
font-size: 30px;
line-height: 40px;
font-weight: 400;
letter-spacing: 0px;
}
h4, .woocommerce .woocommerce-order-details__title,
.woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 {
font-size: 19px;
line-height: 30px;
font-weight: 300;
letter-spacing: 0px;
}
h5 {
font-size: 17px;
line-height: 27px;
font-weight: 700;
letter-spacing: 0px;
}
h6 {
font-size: 15px;
line-height: 25px;
font-weight: 300;
letter-spacing: 2px;
}
/* Advanced */
#Intro .intro-title {
font-size: 70px;
line-height: 70px;
font-weight: 400;
letter-spacing: 0px;
}
/**
* Font | Size Responsive *****
*/
@media only screen and (min-width: 768px) and (max-width: 959px){
body {
font-size: 13px;
line-height: 22px;
letter-spacing: 0px;
}
.big {
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
}
#menu > ul > li > a, a.action_button, #overlay-menu ul li a {
font-size: 13px;
letter-spacing: 0px;
}
#overlay-menu ul li a{
line-height: 19.5px;
letter-spacing: 0px;
}
#Subheader .title {
font-size: 51px;
line-height: 51px;
letter-spacing: 0px;
}
h1, .text-logo #logo {
font-size: 41px;
line-height: 43px;
letter-spacing: 0px;
}
h2 {
font-size: 55px;
line-height: 55px;
letter-spacing: 0px;
}
h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 {
font-size: 26px;
line-height: 34px;
letter-spacing: 0px;
}
h4, .woocommerce .woocommerce-order-details__title,
.woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 {
font-size: 16px;
line-height: 26px;
letter-spacing: 0px;
}
h5 {
font-size: 14px;
line-height: 23px;
letter-spacing: 0px;
}
h6 {
font-size: 13px;
line-height: 21px;
letter-spacing: 2px;
}
#Intro .intro-title {
font-size: 60px;
line-height: 60px;
letter-spacing: 0px;
}
blockquote { font-size: 15px;}
.chart_box .chart .num { font-size: 45px; line-height: 45px; }
.counter .desc_wrapper .number-wrapper { font-size: 45px; line-height: 45px;}
.counter .desc_wrapper .title { font-size: 14px; line-height: 18px;}
.faq .question .title { font-size: 14px; }
.fancy_heading .title { font-size: 38px; line-height: 38px; }
.offer .offer_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; }
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; }
.pricing-box .plan-header h2 { font-size: 27px; line-height: 27px; }
.pricing-box .plan-header .price > span { font-size: 40px; line-height: 40px; }
.pricing-box .plan-header .price sup.currency { font-size: 18px; line-height: 18px; }
.pricing-box .plan-header .price sup.period { font-size: 14px; line-height: 14px;}
.quick_fact .number { font-size: 80px; line-height: 80px;}
.trailer_box .desc h2 { font-size: 27px; line-height: 27px; }
.widget > h3 { font-size: 17px; line-height: 20px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
body {
font-size: 13px;
line-height: 20px;
letter-spacing: 0px;
}
.big {
font-size: 13px;
line-height: 21px;
letter-spacing: 0px;
}
#menu > ul > li > a, a.action_button, #overlay-menu ul li a {
font-size: 13px;
letter-spacing: 0px;
}
#overlay-menu ul li a{
line-height: 19.5px;
letter-spacing: 0px;
}
#Subheader .title {
font-size: 45px;
line-height: 45px;
letter-spacing: 0px;
}
h1, .text-logo #logo {
font-size: 36px;
line-height: 38px;
letter-spacing: 0px;
}
h2 {
font-size: 49px;
line-height: 49px;
letter-spacing: 0px;
}
h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 {
font-size: 23px;
line-height: 30px;
letter-spacing: 0px;
}
h4, .woocommerce .woocommerce-order-details__title,
.woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 {
font-size: 14px;
line-height: 23px;
letter-spacing: 0px;
}
h5 {
font-size: 13px;
line-height: 20px;
letter-spacing: 0px;
}
h6 {
font-size: 13px;
line-height: 19px;
letter-spacing: 2px;
}
#Intro .intro-title {
font-size: 53px;
line-height: 53px;
letter-spacing: 0px;
}
blockquote { font-size: 14px;}
.chart_box .chart .num { font-size: 40px; line-height: 40px; }
.counter .desc_wrapper .number-wrapper { font-size: 40px; line-height: 40px;}
.counter .desc_wrapper .title { font-size: 13px; line-height: 16px;}
.faq .question .title { font-size: 13px; }
.fancy_heading .title { font-size: 34px; line-height: 34px; }
.offer .offer_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; }
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; }
.pricing-box .plan-header h2 { font-size: 24px; line-height: 24px; }
.pricing-box .plan-header .price > span { font-size: 34px; line-height: 34px; }
.pricing-box .plan-header .price sup.currency { font-size: 16px; line-height: 16px; }
.pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;}
.quick_fact .number { font-size: 70px; line-height: 70px;}
.trailer_box .desc h2 { font-size: 24px; line-height: 24px; }
.widget > h3 { font-size: 16px; line-height: 19px; }
}
@media only screen and (max-width: 479px){
body {
font-size: 13px;
line-height: 19px;
letter-spacing: 0px;
}
.big {
font-size: 13px;
line-height: 19px;
letter-spacing: 0px;
}
#menu > ul > li > a, a.action_button, #overlay-menu ul li a {
font-size: 13px;
letter-spacing: 0px;
}
#overlay-menu ul li a{
line-height: 19.5px;
letter-spacing: 0px;
}
#Subheader .title {
font-size: 36px;
line-height: 36px;
letter-spacing: 0px;
}
h1, .text-logo #logo {
font-size: 29px;
line-height: 30px;
letter-spacing: 0px;
}
h2 {
font-size: 39px;
line-height: 39px;
letter-spacing: 0px;
}
h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 {
font-size: 18px;
line-height: 24px;
letter-spacing: 0px;
}
h4, .woocommerce .woocommerce-order-details__title,
.woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 {
font-size: 13px;
line-height: 19px;
letter-spacing: 0px;
}
h5 {
font-size: 13px;
line-height: 19px;
letter-spacing: 0px;
}
h6 {
font-size: 13px;
line-height: 19px;
letter-spacing: 1px;
}
#Intro .intro-title {
font-size: 42px;
line-height: 42px;
letter-spacing: 0px;
}
blockquote { font-size: 13px;}
.chart_box .chart .num { font-size: 35px; line-height: 35px; }
.counter .desc_wrapper .number-wrapper { font-size: 35px; line-height: 35px;}
.counter .desc_wrapper .title { font-size: 13px; line-height: 26px;}
.faq .question .title { font-size: 13px; }
.fancy_heading .title { font-size: 30px; line-height: 30px; }
.offer .offer_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; }
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; }
.pricing-box .plan-header h2 { font-size: 21px; line-height: 21px; }
.pricing-box .plan-header .price > span { font-size: 32px; line-height: 32px; }
.pricing-box .plan-header .price sup.currency { font-size: 14px; line-height: 14px; }
.pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;}
.quick_fact .number { font-size: 60px; line-height: 60px;}
.trailer_box .desc h2 { font-size: 21px; line-height: 21px; }
.widget > h3 { font-size: 15px; line-height: 18px; }
}
/**
* Sidebar | Width *****
*/
.with_aside .sidebar.columns {
width: 23%;
}
.with_aside .sections_group {
width: 77%;
}
.aside_both .sidebar.columns {
width: 18%;
}
.aside_both .sidebar.sidebar-1{
margin-left: -82%;
}
.aside_both .sections_group {
width: 64%;
margin-left: 18%;
}
/**
* Grid | Width *****
*/
@media only screen and (min-width:1240px){
#Wrapper, .with_aside .content_wrapper {
max-width: 1120px;
}
.section_wrapper, .container {
max-width: 1100px;
}
.layout-boxed.header-boxed #Top_bar.is-sticky{
max-width: 1120px;
}
}
@media only screen and (max-width: 767px){
.section_wrapper,
.container,
.four.columns .widget-area { max-width: 480px !important; }
}
/**
* Other *****
*/
/* button */
.button-default .button, .button-flat .button, .button-round .button {
background-color: #efefef;
color: #000000;
}
.button-stroke .button {
border-color: #efefef;
color: #000000;
}
.button-stroke .button:hover{
background-color: #efefef;
color: #fff;
}
/* button | theme */
.button-default .button_theme, .button-default button,
.button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"],
.button-flat .button_theme, .button-flat button,
.button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"],
.button-round .button_theme, .button-round button,
.button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"],
.woocommerce #respond input#submit,.woocommerce a.button:not(.default),.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
color: #ffffff;
}
.button-stroke .button_theme:hover,
.button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover,
.button-stroke .woocommerce #respond input#submit:hover,.button-stroke .woocommerce a.button:not(.default):hover,.button-stroke .woocommerce button.button:hover,.button-stroke.woocommerce input.button:hover {
color: #ffffff !important;
}
.button-stroke .button_theme:hover .button_icon i{
color: #ffffff !important;
}
/* button | woocommerce */
.button-default .single_add_to_cart_button, .button-flat .single_add_to_cart_button, .button-round .single_add_to_cart_button,
.button-default .woocommerce .button:disabled, .button-flat .woocommerce .button:disabled, .button-round .woocommerce .button:disabled,
.button-default .woocommerce .button.alt .button-flat .woocommerce .button.alt, .button-round .woocommerce .button.alt{
color: #ffffff!important;
}
/* button | action */
.action_button, .action_button:hover{
background-color: #f7f7f7;
color: #747474;
}
.button-stroke a.action_button{
border-color: #f7f7f7;
}
.button-stroke a.action_button:hover{
background-color: #f7f7f7!important;
}
/* button | footer */
.footer_button{
color: #ffffff!important;
background-color:transparent;
box-shadow:none!important;
}
.footer_button:after{
display:none!important;
}
/* button | custom */
.button-custom .button,.button-custom .action_button,.button-custom .footer_button,.button-custom button,
.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"],
.button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button,.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{
font-family: DM Sans;
font-size: 16px;
line-height: 16px;
font-weight: 700;
letter-spacing: 0px;
padding: 15px 30px 15px 30px;
border-width: 0px;
border-radius: 0px;
}
.button-custom .button{
color: #ffffff;
background-color: #000000;
border-color: transparent;
}
.button-custom .button:hover{
color: #ffffff;
background-color: #383838;
border-color: transparent;
}
.button-custom .button_theme,.button-custom button,.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"],
.button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button:not(.default),.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{
color: #ffffff;
background-color: #000000;
border-color: transparent;
}
.button-custom .button_theme:hover,.button-custom button:hover,.button-custom input[type="button"]:hover,.button-custom input[type="reset"]:hover,.button-custom input[type="submit"]:hover,
.button-custom .woocommerce #respond input#submit:hover,.button-custom .woocommerce a.button:not(.default):hover,.button-custom .woocommerce button.button:hover,.button-custom .woocommerce input.button:hover{
color: #ffffff;
background-color: #383838;
border-color: transparent;
}
.button-custom .action_button{
color: #747474;
background-color: #f5f5f5;
border-color: transparent;
}
.button-custom .action_button:hover{
color: #747474;
background-color: #e2e2e2;
border-color: transparent;
}
/* button | custom woocommerce */
.button-custom .single_add_to_cart_button,.button-custom .woocommerce .button:disabled,.button-custom .woocommerce .button.alt{
line-height: 16px!important;
padding: 15px 30px 15px 30px!important;
color: #ffffff!important;
background-color: #000000!important;
}
.button-custom .single_add_to_cart_button:hover,.button-custom .woocommerce .button:disabled:hover,.button-custom .woocommerce .button.alt:hover{
color: #ffffff!important;
background-color: #383838!important;
}
/* Logo Height */
#Top_bar #logo,
.header-fixed #Top_bar #logo,
.header-plain #Top_bar #logo,
.header-transparent #Top_bar #logo {
height: 60px;
line-height: 60px;
padding: 15px 0;
}
.logo-overflow #Top_bar:not(.is-sticky) .logo {
height: 90px;
}
#Top_bar .menu > li > a {
padding: 15px 0;
}
.menu-highlight:not(.header-creative) #Top_bar .menu > li > a {
margin: 20px 0;
}
.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) {
line-height: 90px;
}
.header-fixed #Top_bar .menu > li > a {
padding: 30px 0;
}
@media only screen and (max-width: 767px){
.mobile-header-mini #Top_bar #logo{
height:50px!important;
line-height:50px!important;
margin:5px 0;
}
}
/* Before After Item */
.twentytwenty-before-label::before{content:"Before"}
.twentytwenty-after-label::before{content:"After"}
/* Image frame */
.image_frame,.wp-caption{
border-width:0px}
/* Alerts */
.alert{
border-radius:0px }
/* Search + Live search */
#Top_bar .top_bar_right .top-bar-right-input input{
width:200px}
.mfn-live-search-box .mfn-live-search-list{
max-height:300px}
/* Form | Border width */
input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],
input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty{
border-width:0;
box-shadow:unset;
resize:none;
}
.select2-container--default .select2-selection--single,.select2-dropdown,
.select2-container--default.select2-container--open .select2-selection--single{
border-width:0;
}
input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],
input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty{
border-radius:0 0 20px 0 }
.select2-container--default .select2-selection--single,
.select2-dropdown, .select2-container--default.select2-container--open .select2-selection--single{
border-radius:0 0 20px 0 }
/* Side Slide */
#Side_slide{
right:-250px;
width:250px;
}
#Side_slide.left{
left:-250px;
}
/* Other */
/* Blog teaser | Android phones 1pt line fix - do NOT move it somewhere else */
.blog-teaser li .desc-wrapper .desc{background-position-y:-1px;}
/* Responsive */
@media only screen and ( max-width: 767px ){
}
A signature look anyone can identify you with. Looks good, feels good, defines you! At Beauty Technicians, our craft is important to us and we are passionate about what we do. To us, beauty is soft,natural,easy,versatile. One size doesn't fit all. Individuality is important. Creating unique beauty trends to suit each person and maintaining healthy hair is our main goal.
We thrive at building great relationships with our guests. They are the reason our passion for our craft ignites each day. To embody this philosophy, each staff member is hand-picked and trained so as to keep the culture here fluid. Our guests can be rest assured that our staff are always going to be available and committed. And our services are always going to be consistent.
The BT experience promise
A thorough and comprehensive consultation
A realistic yet stylish approach to your everday hairstyle
A consistent approach to healthy hair
A signature look anyone can identify you with. Looks good, feels good, defines you!