.content-wrapper {
padding: 0 15px 0 15px;
}
.navbar-brand h1 a {
display: block;
}
.navbar-brand h1 {
margin: 0;
}
.main-content {
padding-bottom: 0;
}
.comment-content ul > li, .entry-content ul > li {
padding-left: 0;
}
.comment-content ul > li::before, .entry-content ul > li::before {
content: '';
}
#header .navbar .navbar-wrapper, body.navbar-no-background #header .navbar.fixed.scroll, body.header-full-width-boxed #header .navbar, body.header-full-width #header .navbar {
background-color: transparent !important;
}
#header {
background-image: url(//yuyanbeauty.com/wp-content/themes/cit-theme/images/banner_other.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.home-slider {
padding: 0 30px;
}
body.header-full-width .navbar {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
body:not(.menu-sandwich) #main-menu {
margin-left: 20%;
}
body:not(.menu-sandwich) #main-menu > ul {
display: flex;
margin: 0;
align-items: center;
justify-content: end;
}
body:not(.menu-sandwich) .navbar-header img {
max-height: 100px;
width: auto;
margin: 5px 0;
}
.navbar-nav > li {
float: none;
}
body:not(.menu-sandwich) #main-menu > ul > li > a {
line-height: 100px;
padding: 0 15px;
font-size: 13px;
text-transform: uppercase;
}
body:not(.menu-sandwich) #main-menu > ul > li.book-appointment > a {
line-height: 40px;
background-color: #ffba45;
border-radius: 50px;
}
.visualcomposerstarter:not(.menu-sandwich) .vct-cart-wrapper .navbar-toggle {
display: block !important;
margin-right: 0;
background-color: rgba(0,0,0,.4);
border-radius: 0;
margin-left: 20px;
margin-top: 33px;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
#footer {
background-image: url(//yuyanbeauty.com/wp-content/themes/cit-theme/images/footer-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
}
.footer-widget-area {
background-color: transparent;
padding: 80px 0 0px 0;
}
.footer-bottom .container {
border-top: 1px solid #e995c3;
padding: 30px 0;
}
.footer-bottom {
padding: 0;
}
#footer .footer-bottom p {
margin: 0;
font-size: 10px;
text-transform: uppercase;
float: left;
width: 50%;
}
#footer .footer-bottom p.designby {
text-align: right;
}
#footer {
font-size: 12px;
line-height: 25px;
font-weight: 100;
}
.footer-description h6 {
font-size: 20px;
margin-bottom: 10px;
color: #fff;
}
.footer-widget-area ol, .footer-widget-area p, .footer-widget-area ul {
margin-bottom: 0;
list-style: none;
margin: 0;
padding: 0;
}
#footer ol li, #footer ul li {
color: #fff;
text-transform: uppercase;
}
#footer ol li a, #footer ul li a {
color: #fff;
border: 0;
text-decoration: none;
}
#footer .footer-widget-area .widget-title {
font-size: 20px;
line-height: 20px;
margin-bottom: 10px;
font-weight: 100;
}
.mc4wp-form-fields input {
width: 100%;
background-color: transparent;
border-bottom: 1px solid #ededed;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 5px 0;
font-weight: normal;
text-transform: uppercase;
color: #fff;
}
.mc4wp-form-fields label {
display: block;
}
.mc4wp-form-fields {
position: relative;
}
.mc4wp-form-fields button {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
border: 0;
padding: 4px 0;
padding-left: 10px;
}
.mc4wp-form-fields button svg {
width: 18px;
height: 18px;
}
.footer-msocial ul li svg {
width: 17px;
height: 17px;
color: #b62573;
fill: #b62573;
}
.footer-msocial ul li {
display: inline-block;
margin-right: 10px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #fff;
padding: 6px;
}
.footer-msocial ul li a {
display: block;
text-align: center;
vertical-align: middle;
}
.footer-widget-area .widget {
margin-bottom: 15px;
}
.footer-description p {
line-height: 28px;
}
.textwidget ul li {
line-height: 25px;
}
.middle-homes a {
background-color: rgba(255,255,255,.2);
display: inline-block;
padding: 10px 30px;
border-radius: 50px;
color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.1);
margin-bottom: 15px;
}
.middle-homes p {
font-size: 14px;
color: #fff;
margin-bottom: 34px;
}
.middle-homes h5 {
font-size: 19px;
color: #fff;
font-weight: 300;
font-family: Roboto;
margin-bottom: 20px;
margin-top: 0;
}
.service-htitle {
height: 72px;
color: #fff;
font-size: 32px;
line-height: 36px;
margin-bottom: 20px;
font-weight: 300;
}
.main-simages {
margin-bottom: 28px;
}
.main-simages img {
width: 100%;
height: 193px;
object-fit: cover;
object-position: center;
}
.home-services {
padding: 30px 22px;
background-size: 100% 100%;
background-repeat: no-repeat;
margin-bottom: 30px;
}
.middle-slider {
max-width: 815px;
margin: 0 auto;
}
.total-sliders .slick-arrow {
position: absolute;
left: -120px;
top: 50%;
width: 40px;
height: 40px;
color: #fff;
fill: #fff;
margin-top: -20px;
z-index: 9;
cursor: pointer;
}
.middle-msliders a.positionAbs {
position: absolute;
bottom: 40px;
right: 30px;
background-color: #fff;
width: 70px;
height: 70px;
border-radius: 5px;
text-align: center;
border: 0;
text-decoration: none;
line-height: 80px;
}
.total-sliders {
position: relative;
background-repeat: no-repeat;
background-position: center;
}
body .vc_btn3-container.vc_btn3-left {
float: left;
}
.total-sliders .slick-arrow.fa-chevron-right {
left: auto;
right: -125px;
}
body .vc_btn3.vc_btn3-size-md {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 25px;
background-image: none;
}
.header-titles h2 {
font-size: 70px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
margin: 0;
}
.header-titles {
margin: 0 30px;
height: 295px;
display: flex;
align-items: center;
padding-left: 65px;
background-size: cover;
background-repeat: no-repeat;
}
.wpb_gmaps_widget .wpb_map_wraper iframe {
border-radius: 8px;
}
body .wpb_gmaps_widget .wpb_wrapper {
padding: 0;
background-color: transparent;
}
.contact-details ul li a {
color: #c2e6ff;
border: 0;
}
.contact-details ul li strong {
min-width: 105px;
display: inline-block;
}
.contact-details ul {
color: #c2e6ff;
}
.contact-details p {
margin-bottom: 0px !important;
}
.contact-details p > a {
display: inline-block;
color: #fff;
margin: 15px 0 !important;
}
.contact-details h2 {
font-size: 24px;
color: #fff;
font-weight: bold;
}
.contact-details .vc_column-inner {
background-size: 100% 100% !important;
}
.contact-details .wpb_wrapper {
color: #fff;
}
.wpcf7-form label, .wpcf7-form span {
display: block;
color: #000;
}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
border: 1px solid #dbdbdb;
background-color: #fff;
padding: 15px 10px;
border-radius: 5px;
width: 100%;
font-weight: normal;
margin-top: 5px;
max-height: 140px;
resize: none;
}
.wpcf7-form > p {
font-size: 16px;
}
.wpcf7-form h3 {
font-size: 32px;
}
.wpcf7-form h4 {
font-size: 24px;
margin: 0;
}
.wpcf7-form input[type="submit"] {
background-color: #b11b6b;
border: 0;
width: auto;
padding: 10px 50px;
text-transform: uppercase;
color: #fff;
font-size: 16px;
border-radius: 50px;
}
body div.wpcf7 .ajax-loader {
display: block;
}
.middle-msliders {
position: relative;
}
.grid {
margin-left: -15px;
margin-right: -15px;
}
.grid > div {
width: 33.333%;
float: left;
padding: 0 15px;
margin-bottom: 30px;
}
.gallery_items button {
background-color: #e8e6e6;
border: 0;
padding: 10px 30px;
border-radius: 50px;
margin: 0 10px;
color: #000;
text-transform: uppercase;
}
#filters {
text-align: center;
margin-bottom: 30px;
}
.gallery_items .button.is-checked {
background-color: #b11b6b;
color: #fff;
}
.grid-item a {
padding-left: 15px;
margin-right: 15px;
margin-bottom: 30px;
display: block;
}
.grid-mansonary {
margin-left: -15px;
margin-right: -15px;
}
.grid-sizer,
.grid-item {
width: 33.333%;
}
.grid-item {
float: left;
}
.grid-item img {
display: block;
max-width: 100%;
}
.grid-item--width2 { width: 66.666%; }
@media (max-width: 767px){
#main-menu.open {margin-left: -270px !important;}
body:not(.menu-sandwich) #main-menu > ul > li > a {line-height: 45px;}
body:not(.menu-sandwich) #main-menu > ul {display: block;}
body:not(.menu-sandwich) #main-menu > ul > li > a {text-align: center;}
.vct-cart-wrapper {display: none !important;}
body:not(.menu-sandwich) .navbar-header img {max-height: 60px;}
body #rev_slider_1_1_wrapper .uranus.tparrows {display: none !important;}
body .wpb_single_image.vc_align_left {text-align: center !important;}
#text-2.widget img {max-width: 30%;height: auto;margin-bottom: 50px;}   
#text-2 .alignleft {float: left;margin-right: 0.625rem;}
.col-md-2 {text-align: center;}
#text-3 {text-align: center;}
#footer .footer-bottom p {margin: 0;font-size: 10px;text-transform: uppercase;float: left;width: 50%;padding: 0px 15px;
}
.header-titles {margin: 0 30px;height: 200px;}
.header-titles h2 {font-size: 38px;}
.vc_custom_1602114096822 {margin-top: 30px !important;margin-bottom: 0px !important;}
.no-padding-mobile .vc_column-inner {padding-left: 15px !important;}
.gallery_items button {padding: 5px 9px;margin: 5px 4px;}
.grid > div {width: 50%;}
}
.singleGalleryitem {
width: 33.333%;
float: left;
padding-top: 25%;
border: 5px solid #ddd;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden;
}
.singleGalleryitem a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
align-items: ;
align-items: center;
display: flex;
background: rgba(0,0,0, 0.5);
transition: all 0.5s ease 0s;
color: #fff;
transform: translateX(3em) translatey(3em) rotate(180deg);
opacity: 0;
visibility: hidden;
}
.singleGalleryitem:hover a {
transform: translateX(0) translatey(0) rotate(0deg);
opacity: 1;
visibility: visible;
}
.singleGalleryitem a span {
background-color: #fff;
color: #000;
padding: 10px 15px;
border-radius: 10px;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
}
.widget .widget-title {
font-size: 18px;
background-color: #f2f2f2;
padding: 15px 15px;
}
.visualcomposerstarter .woocommerce.widget .cat-item::before {
display: none;
}
.visualcomposerstarter .woocommerce.widget .cat-item {
padding-left: 20px;
position: relative;
}
.visualcomposerstarter .woocommerce.widget .cat-item.cat-parent, .visualcomposerstarter .woocommerce.widget ul.product-categories > li.cat-item {
background-color: #f3f3f3;
position: relative;
margin-bottom: 2px !important;
padding-left: 0;
display: block;
}
.visualcomposerstarter .woocommerce.widget .cat-item.cat-parent > .count, .visualcomposerstarter .woocommerce.widget ul.product-categories > li.cat-item > .count {
position: absolute;
right: 0;
top: 0;
height: 43px;
width: 43px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #f3f3f3;
cursor: pointer;
}
.visualcomposerstarter .woocommerce.widget .cat-item.cat-parent > a, .visualcomposerstarter .woocommerce.widget ul.product-categories > li.cat-item > a {
padding: 10px 15px;
display: block;
font-weight: 500;
margin-bottom: 0;
}
.visualcomposerstarter .woocommerce.widget .cat-item {
margin-bottom: 0;
}
.visualcomposerstarter .woocommerce.widget .cat-item a {
padding: 5px 15px;
margin-bottom: 0 !important;
}
.visualcomposerstarter .woocommerce.widget .cat-item.cat-parent > .count::before {
content: "+";
color: #000;
font-size: 25px;
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.visualcomposerstarter .woocommerce.widget .cat-item.cat-parent.active > .count::before, .visualcomposerstarter .woocommerce.widget .cat-item.cat-parent.current-cat > .count::before {
content: "-";
color: #000;
font-size: 32px;
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
line-height: 42px;
}
.sidebar-widget-area .widget {
padding-top: 0;
border-top: 0;
margin-bottom: 12px;
font-size: 14px;
}
.sidebar-widget-area {
background-color: #ddd;
padding: 5px;
}
.col-md-3.col-md-pull-9 .col-md-3.col-md-pull-9 {
width: 100%;
float: none;
right: 0;
padding: 0;
}
.main-content h1.page-title {
background-color: #ddd;
padding: 10px 17px;
margin-bottom: 20px;
font-size: 28px;
}
.visualcomposerstarter .widget.woocommerce .dropdown_product_cat, .visualcomposerstarter .woocommerce-ordering .orderby, .visualcomposerstarter form.cart .variations select {
width: 290px;
height: 45px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,.2);
margin-bottom: 10px;
padding: 0 20px;
}
.main-content .woocommerce-result-count {
font-size: 16px;
color: #000;
margin-top: 10px !important;
}
.visualcomposerstarter .vct-orderby-container::before, .visualcomposerstarter .vct-promo-code-container::before, .visualcomposerstarter .vct-variable-container::before {
border-top: 5px solid rgba(0,0,0,.3);
}
.visualcomposerstarter .woocommerce.widget ul.product-categories > li.cat-item.current-cat.cat-parent ul.children {
display: block;
}
.visualcomposerstarter .woocommerce.widget .cat-item.cat-parent, .visualcomposerstarter .woocommerce.widget ul.product-categories > li.cat-item ul.children {
display: none;
}
.visualcomposerstarter.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 19px;
font-weight: 400;
padding-top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.woocommerce ul.products li.product .button {
margin-top: 0.4em;
}
.visualcomposerstarter .products .product .button.add_to_cart_button {
width: auto;
background-image: linear-gradient(to bottom right, #FE3034 , #DD27D4);
font-family: roboto;
text-transform: uppercase;
}
.visualcomposerstarter .woocommerce.widget.widget_price_filter .ui-slider .ui-slider-handle {
top: -4px;
height: 1em;
}
#footer .footer-widget-area .widget-title {
background-color: transparent;
}
.visualcomposerstarter .woocommerce.widget.widget_price_filter .ui-slider .ui-slider-handle, .visualcomposerstarter .woocommerce.widget.widget_price_filter .ui-slider .ui-slider-range {
background-image: linear-gradient(to bottom right, #FE3034 , #DD27D4);
}
.visualcomposerstarter.woocommerce button.button, .visualcomposerstarter.woocommerce a.button.product_type_simple, .visualcomposerstarter.woocommerce a.button.product_type_grouped, .visualcomposerstarter.woocommerce a.button.product_type_variable, .visualcomposerstarter.woocommerce a.button.product_type_external, .visualcomposerstarter .woocommerce .buttons a.button.wc-forward, .visualcomposerstarter .woocommerce #place_order, .visualcomposerstarter .woocommerce .button.checkout-button, .visualcomposerstarter .woocommerce .button.wc-backward, .visualcomposerstarter .woocommerce .track_order .button, .visualcomposerstarter .woocommerce .vct-thank-you-footer a, .visualcomposerstarter .woocommerce .woocommerce-EditAccountForm .button, .visualcomposerstarter .woocommerce .woocommerce-MyAccount-content a.edit, .visualcomposerstarter .woocommerce .woocommerce-mini-cart__buttons.buttons a, .visualcomposerstarter .woocommerce .woocommerce-orders-table__cell .button, .visualcomposerstarter .woocommerce a.button, .visualcomposerstarter .woocommerce button.button, .visualcomposerstarter #review_form #respond .form-submit .submit {
background-image: linear-gradient(to bottom right, #FE3034 , #DD27D4);
color: #f4f4f4;
font-family: Playfair Display;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: 0.01rem;
line-height: 1;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.visualcomposerstarter .vct-input-qty .vct-input-qty-control-add {
border-bottom: 5px solid rgba(0,0,0,.4);
}
.visualcomposerstarter .vct-input-qty .vct-input-qty-control-remove {
border-top: 5px solid rgba(0,0,0,.4);
}