/*
    Theme Name: Cinderella
    Theme URI: http://cinderella.stylemixthemes.com/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Cinderella | WordPress Theme for Beauty, Hair and SPA Salons is the product which has been made especially for Small Businesses in Beauty Industry. It has the capacity to equally fit a Single Local Salon as well as a Network of Salons with Multiple Locations. Due to its intuitive interface and flexible Visual Composer Page Builder, it is easy-to-modify and enjoyable-to-use. With our Advanced Theme Options you can fully customize the theme to match any branding and any purpose your Beauty Business might have. With its elegant and fully responsive design Cinderella will make a perfect solution for your Beauty Business Web-presence!
    Version: 1.2
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: beauty, hair salon, hair, hairdresser, hairstyle, haircut, SPA salon, SPA, beauty salon, wellness, barber, barbershop, manicure, makeup, massage, reservation, booking, WordPress, responsive
    Text Domain: cinderella

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents
 *
 * 1.0 - Html, Body
 * 2.0 - Forms
 * 3.0 - Typography
 * 4.0 - Wrapper
 * 5.0 - Header
 *    5.1 - Top Nav
 * 6.0 - Revolution Slider
 * 7.0 - VC Elements
 * 8.0 - Slick Carousel
 * 9.0 - Services Tabs
 * 10.0 - Testimonials
 * 11.0 - Posts Grid
 * 12.0 - Promo block
 * 13.0 - Footer
 * 14.0 - Posts and pages elements
 */


/**
 * 1.0 - Html, Body
 */

html {
    font-size: 100%;
    overflow-y: scroll;
}

body {
    color: #555555;
    font-size: 14px;
}


/**
 * 2.0 - Forms
 */

input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #e1e4eb;
    background: #fff;
    padding: 10px 20px 8px;
    font-size: 13px;
    line-height: 18px;
    box-shadow: none;
    outline: none !important;
    border-radius: 4px;
    color: #777777;
}


/**
 * 3.0 - Typography
 */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 0;
}

h1:after,
.h1:after,
h2:after,
.h2:after,
h3:after,
.h3:after,
h4:after,
.h4:after,
h5:after,
.h5:after,
h6:after,
.h6:after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #c41d54;
    margin: 16px 0 12px 1px;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    max-width: 100%;
    height: auto;
}

.alignleft {
    float: left;
    margin: 6px 30px 20px 0;
    max-width: 100%;
    height: auto;
}

.aligncenter {
    display: block;
    margin: 5px auto 20px auto;
    max-width: 100%;
    height: auto;
}

.alignnone {
    display: block;
    margin: 0 0 20px 0 !important;
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none !important;
    outline: none !important;
    color: #d26659;
}

a:hover, a:active {
    color: #0a2045;
}

a.button, .button, .form-submit .submit, .post-password-form input[type="submit"] {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #d26659;
    padding: 9px 28px;
    font-weight: 700;
    border-radius: 4px;
    transition: background 0.2s ease, box-shadow 0.2s ease, border 0.2s ease;
    border: 2px solid #d26659;
}

a.button.outline, .button.outline {
    background: none;
    color: #d26659;
}

a.button:hover, .button:hover, .form-submit .submit:hover {
    text-decoration: none;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.45);
    background-color: #dd503f;
    border-color: #dd503f;
    color: #fff;
}

blockquote {
    padding: 0 0 0 20px;
    margin: 0 0 20px;
    border-left: 3px solid #c41d54;
    font-size: inherit;
}

p {
    line-height: 24px;
    margin: 0 0 25px;
}


/**
 * 4.0 - Wrapper
 */

#wrapper {
    position: relative;
    overflow: hidden;
}


/**
 * 5.0 - Header
 */

#header {
    position: relative;
    margin: 0 0 47px;
    z-index: 100;
}

.header_top {
    position: relative;
    padding: 34px 0;
}

.logo {
    float: left;
    font-size: 30px;
    text-transform: uppercase;
    color: #333;
}

.header_socials {
    float: right;
    font-size: 0;
    margin: 0 0 0 55px;
}

.header_socials a {
    font-size: 19px;
    line-height: 19px;
    display: inline-block;
    margin: 17px 0 0 21px;
    transition: color 0.2s ease;
}

.header_socials a:first-child {
    margin: 0;
}

.icon_text {
    position: relative;
    color: #555555;
}

.header_style_transparent .header_top .icon_text {
    color: #fff;
}

.icon_text .icon {
    float: left;
    font-size: 33px;
    color: #c41d54;
    margin: 0 14px 0 0;
}

.icon_text .icon i {
    vertical-align: top;
}

.icon_text .text {
    float: right;
}

.header_top .icon_text {
    float: right;
    margin: 5px 0 0 75px;
}


/**
 * 5.1 - Top Nav
 */

.top_nav {
    position: relative;
}

.top_nav .top_nav_wrapper {
    background: #c41d54;
}

.top_nav .top_nav_wrapper > ul,
.top_nav .main_menu_nav > ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    float: left;
}

.top_nav .top_nav_wrapper > ul:after,
.top_nav .main_menu_nav > ul:after {
    content: '';
    clear: both;
    display: table;
}

.top_nav .top_nav_wrapper > ul > li,
.top_nav .main_menu_nav > ul > li {
    position: relative;
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 900;
    padding: 0 18px;
}

.top_nav .top_nav_wrapper > ul > li > a:before,
.top_nav .main_menu_nav > ul > li > a:before {
    content: '';
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: -18px;
    top: 50%;
    margin: -5px 0 0;
}

.top_nav .top_nav_wrapper > ul > li:first-child > a:before,
.top_nav .main_menu_nav > ul > li:first-child > a:before {
    display: none;
}

.top_nav .top_nav_wrapper > ul > li > a,
.top_nav .main_menu_nav > ul > li > a {
    position: relative;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: #ffffff;
    padding: 21px 10px;
    height: 64px;
    text-decoration: none !important;
}

#magic-line {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100px;
    height: 4px;
    background: #0a2045;
    padding: 0;
}

#magic-line:before {
    display: none;
}

.top_nav .top_nav_wrapper > ul > li ul,
.top_nav .main_menu_nav > ul > li ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #fff;
    list-style: none;
    padding: 12px 0;
    margin: 0;
    width: 220px;
}

.top_nav .top_nav_wrapper > ul > li ul ul,
.top_nav .main_menu_nav > ul > li ul ul {
    left: 100%;
    top: -12px;
}

.top_nav .top_nav_wrapper > ul li:hover > ul,
.top_nav .main_menu_nav > ul li:hover > ul {
    display: block;
}

.top_nav .top_nav_wrapper > ul > li ul li,
.top_nav .main_menu_nav > ul > li ul li {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    color: #333333;
}

.top_nav .top_nav_wrapper > ul > li ul a,
.top_nav .main_menu_nav > ul > li ul a {
    display: block;
    padding: 9px 27px;
    color: #333333;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease;
}

.top_nav .top_nav_wrapper > ul > li ul li:hover > a,
.top_nav .top_nav_wrapper > ul > li ul li.current-menu-item > a,
.top_nav .main_menu_nav > ul > li ul li:hover > a,
.top_nav .main_menu_nav > ul > li ul li.current-menu-item > a {
    background: #c41d54;
    color: #fff;
}

.top_nav .icon_text {
    float: right;
    padding: 14px 56px 11px 60px;
    background: rgba(255, 255, 255, 0.15);
    height: 64px;
}

.top_nav .icon_text strong,
.top_nav .icon_text strong a {
    color: #fff;
    font-size: 16px;
}

.top_nav .icon_text span {
    color: #ffffff;
    font-size: 13px;
}

.top_nav .icon_text strong,
.header_info .icon_text strong {
    display: block;
    line-height: 19px;
}

.top_nav .icon_text .icon {
    color: #fff;
    font-size: 30px;
    height: 30px;
    margin-right: 19px;
}


/**
 * 6.0 - Revolution Slider
 */

.tp-leftarrow.default {
    width: 22px;
    height: 40px;
    background: url("assets/images/slider_arrow_left.png") no-repeat 0 0;
    background-size: 22px 40px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.tp-rightarrow.default {
    width: 22px;
    height: 40px;
    background: url("assets/images/slider_arrow_right.png") no-repeat 0 0;
    background-size: 22px 40px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
    opacity: 1;
}

.tparrows.hidearrows {
    opacity: 0;
}

.tp-bullets.simplebullets.round .bullet {
    width: 12px;
    height: 12px;
    background: none;
    border: 2px solid #fff;
    opacity: 0.3;
    border-radius: 50%;
    transition: opacity 0.2s ease, background 0.2s ease;
    margin-left: 10px;
}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
    opacity: 1;
    background: #fff;
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 10px;
}


/**
 * 7.0 - VC Elements
 */

.main_call_2_action {
    position: relative;
    z-index: 22;
    top: -42px;
    margin-bottom: -82px !important;
}

.header_transparent .main_call_2_action {
    top: auto;
    margin-bottom: 0;
}

body .vc_btn3.vc_btn3-color-pink,
body .vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat {
    background-color: #d26659;
}

body .vc_btn3.vc_btn3-color-pink:hover,
body .vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat:hover,
body .vc_btn3.vc_btn3-color-pink:focus,
body .vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat:focus,
body .vc_btn3.vc_btn3-color-pink.vc_btn3-style-outline:hover,
body .vc_btn3.vc_btn3-color-pink.vc_btn3-style-outline:focus {
    background-color: #dd503f;
    border-color: #dd503f;
}

body .vc_btn3.vc_btn3-shape-rounded {
    border-radius: 4px;
}

body .vc_btn3.vc_btn3-size-md,
body .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline {
    padding-left: 30px;
    padding-right: 30px;
}

body .vc_custom_heading *.icon_bottom span {
    display: inline-block;
    text-align: center;
}

.icon_box {
    text-align: center;
}

.icon_box .icon {
    position: relative;
    color: #c41d54;
    margin: 0 0 10px;
}

.icon_box .icon:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 10px;
    margin: 0 0 0 -14px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #c41d54;
    opacity: 0.1;
}

.icon_box h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 12px;
}

.icon_box h4:after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #c41d54;
    margin: 15px auto 0;
}

.icon_box h4 a {
    color: #333333;
    transition: color 0.2s ease;
}

.icon_box h4 a:hover {
    color: #d26659;
}

.icon_box p {
    line-height: 22px;
    margin: 0;
    padding: 0 10px;
}


/**
 * 8.0 - Slick Carousel
 */

.slick_carousel .slick_item {
    margin: 0 15px;
}

.slick_carousel .slick_item img,
.slick_carousel .slick_item a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.slick_carousel .slick_item a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    transition: border 0.2s ease, background 0.2s ease;
    z-index: 2;
}

.slick_carousel .slick_item:hover a:before {
    border-width: 0px;
    background: #0a2045;
    opacity: 0.9;
}

.slick_carousel .slick_item a:after {
    content: '';
    width: 93px;
    height: 93px;
    background: url("assets/images/image_carousel_hover.png") no-repeat 0 0;
    background-size: 93px 93px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -46px 0 0 -46px;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 3;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.slick_carousel .slick_item:hover a:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.slick_carousel {
    margin: 0 -15px;
}

.slick_carousel .slick_prev {
    position: absolute;
    left: -37px;
    top: 50%;
    cursor: pointer;
    width: 22px;
    height: 40px;
    margin: -20px 0 0;
    background: url("assets/images/slider_arrow_left.png") no-repeat 0 0;
    background-size: 22px 40px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.slick_carousel .slick_next {
    position: absolute;
    right: -37px;
    top: 50%;
    cursor: pointer;
    width: 22px;
    heig