.yarpp_pro_msg{
border: 1px ridge #D0D0D0;
padding: 0.4em 2em 0.8em;
text-align: justify;
}
.yarpp_pro_msg strong{
display: inline-block;
text-align: center;
width: 100%;
color: orange;
}
.yarpp_help {
position: relative;
display: inline-block;
background: transparent url(//hairstylezz.com/wp-includes/images/wpicons.png) no-repeat -520px -20px;
vertical-align: text-bottom;
width: 20px;
height: 20px;
}
.yarpp_help_msg {
position: absolute;
left: 25px;
display: none;
border: 1px solid #D0D0D0;
width: 250px;
text-align: justify;
padding: 10px 15px;
background-color: #FFF;
box-shadow: 0 0 0.4em -0.15em #333;
z-index: 100;
}
.yarpp_help:hover .yarpp_help_msg{
display: block
}div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//hairstylezz.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}.theiaPostSlider_nav {
overflow: auto;
position: relative;
margin: 16px 0; }
.theiaPostSlider_nav > * {
vertical-align: middle; }
.theiaPostSlider_nav.fontTheme ._1,
.theiaPostSlider_nav.fontTheme ._3 {
margin: 0 4px;
vertical-align: middle;
font-weight: bold; }
.theiaPostSlider_nav.fontTheme ._2 {
display: inline-block;
vertical-align: middle; }
.theiaPostSlider_nav ._title {
font-weight: bold; }
.theiaPostSlider_nav ._title * {
display: inline;
margin: 0;
padding: 0; }
.theiaPostSlider_nav ._title ._helper {
color: #888; }
.theiaPostSlider_nav ._buttons {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
line-height: 1; }
.theiaPostSlider_nav ._buttons > * {
display: inline-block;
vertical-align: middle; }
.theiaPostSlider_nav ._buttons ._text {
margin: 0 10px; }
.theiaPostSlider_nav ._button {
overflow: hidden;
cursor: pointer;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
text-decoration: none;
transition: none !important; }
.theiaPostSlider_nav ._disabled {
cursor: default; }
.theiaPostSlider_nav._left ._buttons, .theiaPostSlider_nav._right ._buttons {
display: inline-block; }
.theiaPostSlider_nav._left {
text-align: left; }
.theiaPostSlider_nav._left ._buttons {
float: left; }
.theiaPostSlider_nav._left ._title {
float: right; }
.theiaPostSlider_nav._center {
text-align: center; }
.theiaPostSlider_nav._center ._title {
line-height: inherit !important; }
.theiaPostSlider_nav._center_full {
text-align: center; }
.theiaPostSlider_nav._center_full ._prev {
float: left; }
.theiaPostSlider_nav._center_full ._next {
float: right; }
.theiaPostSlider_nav._center_full ._title {
line-height: inherit !important; }
.theiaPostSlider_nav._right {
text-align: right; }
.theiaPostSlider_nav._right ._buttons {
float: right; }
.theiaPostSlider_nav._right ._title {
float: left; }
.theiaPostSlider_nav ._loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/ajax-loader.gif) center center no-repeat; }
.theiaPostSlider_slides {
position: relative;
clear: left;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none; }
.theiaPostSlider_slides > div {
overflow: hidden; }
.theiaPostSlider_header {
margin: 0 0 16px 0; }
.theiaPostSlider_footer {
margin: 16px 0 0 0; }
.theiaPostSlider_nav * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.theiaPostSlider_nav ._title {
height: 31px;
line-height: 31px; }
.theiaPostSlider_nav ._button {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.9), 0 0 2px rgba(0, 0, 0, 0.9);
text-align: center;
white-space: nowrap;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1;
direction: ltr; }
.theiaPostSlider_nav ._button:focus {
outline: none; }
.theiaPostSlider_nav ._button span {
display: inline-block;
height: 23px;
padding-top: 8px;
vertical-align: middle;
color: #fff; }
.theiaPostSlider_nav ._button:active span, .theiaPostSlider_nav ._button._active span {
height: 22px;
padding-top: 9px; }
.theiaPostSlider_nav ._button._disabled span {
height: 23px;
padding-top: 8px; }
.theiaPostSlider_nav ._prev ._1 {
width: 20px;
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -651px; }
.theiaPostSlider_nav ._prev ._2 {
padding-right: 5px;
padding-left: 3px;
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -682px repeat-x; }
.theiaPostSlider_nav ._prev ._3 {
width: 7px;
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -713px; }
.theiaPostSlider_nav ._prev:hover ._1, .theiaPostSlider_nav ._prev:focus ._1 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -558px; }
.theiaPostSlider_nav ._prev:hover ._2, .theiaPostSlider_nav ._prev:focus ._2 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -589px repeat-x; }
.theiaPostSlider_nav ._prev:hover ._3, .theiaPostSlider_nav ._prev:focus ._3 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -620px; }
.theiaPostSlider_nav ._prev:active ._1, .theiaPostSlider_nav ._prev._active ._1 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -372px; }
.theiaPostSlider_nav ._prev:active ._2, .theiaPostSlider_nav ._prev._active ._2 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -403px repeat-x; }
.theiaPostSlider_nav ._prev:active ._3, .theiaPostSlider_nav ._prev._active ._3 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -434px; }
.theiaPostSlider_nav ._prev._disabled ._1 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -465px; }
.theiaPostSlider_nav ._prev._disabled ._2 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -496px repeat-x; }
.theiaPostSlider_nav ._prev._disabled ._3 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -527px; }
.theiaPostSlider_nav ._next ._1 {
width: 7px;
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -279px; }
.theiaPostSlider_nav ._next ._2 {
padding-right: 3px;
padding-left: 5px;
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -310px repeat-x; }
.theiaPostSlider_nav ._next ._3 {
width: 20px;
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -341px; }
.theiaPostSlider_nav ._next:hover ._1, .theiaPostSlider_nav ._next:focus ._1 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -186px; }
.theiaPostSlider_nav ._next:hover ._2, .theiaPostSlider_nav ._next:focus ._2 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -217px repeat-x; }
.theiaPostSlider_nav ._next:hover ._3, .theiaPostSlider_nav ._next:focus ._3 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -248px; }
.theiaPostSlider_nav ._next:active ._1, .theiaPostSlider_nav ._next._active ._1 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 0; }
.theiaPostSlider_nav ._next:active ._2, .theiaPostSlider_nav ._next._active ._2 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -31px repeat-x; }
.theiaPostSlider_nav ._next:active ._3, .theiaPostSlider_nav ._next._active ._3 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -62px; }
.theiaPostSlider_nav ._next._disabled ._1 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -93px; }
.theiaPostSlider_nav ._next._disabled ._2 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -124px repeat-x; }
.theiaPostSlider_nav ._next._disabled ._3 {
background: url(//hairstylezz.com/wp-content/plugins/theia-post-slider/images/buttons-black-s0b4b8de4d1.png) 0 -155px; }.post-ratings {
width:100%;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1; }
.post-ratings-loading {
display: none;
height: 16px;
text-align: left;
}
.post-ratings-image {
border: 0px;
}
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
border: 0px;
padding: 0px;
margin: 0px;
}
.post-ratings-text {
}
.post-ratings-comment-author {
font-weight: normal;
font-style: italic;
}meta.foundation-version {
font-family: "/5.2.3/";
}
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0em;
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em;
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em;
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em;
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
html, body {
height: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
font-size: 100%;
}
body {
background: #fff;
color: #222;
padding: 0;
margin: 0;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default;
}
a:hover {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
max-width: none !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hide {
display: none;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 75em;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
.row .row:before, .row .row:after {
content: " ";
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
}
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
.row .row.collapse:after {
clear: both;
}
.column, .columns {
padding-left: 0.9375em;
padding-right: 0.9375em;
width: 100%;
float: left;
}
@media only screen {
.small-push-0 {
position: relative;
left: 0%;
right: auto;
}
.small-pull-0 {
position: relative;
right: 0%;
left: auto;
}
.small-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.small-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.small-push-3 {
position: relative;
left: 25%;
right: auto;
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.small-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.small-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.small-push-6 {
position: relative;
left: 50%;
right: auto;
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.small-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.small-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.small-push-9 {
position: relative;
left: 75%;
right: auto;
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.small-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column, .columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.small-1 {
width: 8.33333%;
}
.small-2 {
width: 16.66667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.33333%;
}
.small-5 {
width: 41.66667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.33333%;
}
.small-8 {
width: 66.66667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.33333%;
}
.small-11 {
width: 91.66667%;
}
.small-12 {
width: 100%;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
.small-offset-0 {
margin-left: 0% !important;
}
.small-offset-1 {
margin-left: 8.33333% !important;
}
.small-offset-2 {
margin-left: 16.66667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.33333% !important;
}
.small-offset-5 {
margin-left: 41.66667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.33333% !important;
}
.small-offset-8 {
margin-left: 66.66667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.33333% !important;
}
.small-offset-11 {
margin-left: 91.66667% !important;
}
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.small-centered, .columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none !important;
}
.column.small-uncentered, .columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important;
}
.column.small-uncentered.opposite, .columns.small-uncentered.opposite {
float: right;
}
}
@media only screen and (min-width: 40.063em) {
.medium-push-0 {
position: relative;
left: 0%;
right: auto;
}
.medium-pull-0 {
position: relative;
right: 0%;
left: auto;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.medium-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto;
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.medium-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.medium-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto;
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.medium-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.medium-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto;
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.medium-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column, .columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.medium-1 {
width: 8.33333%;
}
.medium-2 {
width: 16.66667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.33333%;
}
.medium-5 {
width: 41.66667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.33333%;
}
.medium-8 {
width: 66.66667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.33333%;
}
.medium-11 {
width: 91.66667%;
}
.medium-12 {
width: 100%;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
.medium-offset-0 {
margin-left: 0% !important;
}
.medium-offset-1 {
margin-left: 8.33333% !important;
}
.medium-offset-2 {
margin-left: 16.66667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.33333% !important;
}
.medium-offset-5 {
margin-left: 41.66667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.33333% !important;
}
.medium-offset-8 {
margin-left: 66.66667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.33333% !important;
}
.medium-offset-11 {
margin-left: 91.66667% !important;
}
.medium-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.medium-centered, .columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none !important;
}
.column.medium-uncentered, .columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important;
}
.column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
float: right;
}
.push-0 {
position: relative;
left: 0%;
right: auto;
}
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 64.063em) {
.large-push-0 {
position: relative;
left: 0%;
right: auto;
}
.large-pull-0 {
position: relative;
right: 0%;
left: auto;
}
.large-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.large-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.large-push-3 {
position: relative;
left: 25%;
right: auto;
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.large-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.large-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.large-push-6 {
position: relative;
left: 50%;
right: auto;
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.large-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.large-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.large-push-9 {
position: relative;
left: 75%;
right: auto;
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.large-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column, .columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left;
}
.large-1 {
width: 8.33333%;
}
.large-2 {
width: 16.66667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.33333%;
}
.large-5 {
width: 41.66667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.33333%;
}
.large-8 {
width: 66.66667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.33333%;
}
.large-11 {
width: 91.66667%;
}
.large-12 {
width: 100%;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
.large-offset-0 {
margin-left: 0% !important;
}
.large-offset-1 {
margin-left: 8.33333% !important;
}
.large-offset-2 {
margin-left: 16.66667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.33333% !important;
}
.large-offset-5 {
margin-left: 41.66667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.33333% !important;
}
.large-offset-8 {
margin-left: 66.66667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.33333% !important;
}
.large-offset-11 {
margin-left: 91.66667% !important;
}
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.large-centered, .columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none !important;
}
.column.large-uncentered, .columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important;
}
.column.large-uncentered.opposite, .columns.large-uncentered.opposite {
float: right;
}
.push-0 {
position: relative;
left: 0%;
right: auto;
}
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
.inline-list {
margin: 0 auto 1.0625rem auto;
margin-left: -1.375rem;
margin-right: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.inline-list > li {
list-style: none;
float: left;
margin-left: 1.375rem;
display: block;
}
.inline-list > li > * {
display: block;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important;
}
.small-only-text-right {
text-align: right !important;
}
.small-only-text-center {
text-align: center !important;
}
.small-only-text-justify {
text-align: justify !important;
}
}
@media only screen {
.small-text-left {
text-align: left !important;
}
.small-text-right {
text-align: right !important;
}
.small-text-center {
text-align: center !important;
}
.small-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important;
}
.medium-only-text-right {
text-align: right !important;
}
.medium-only-text-center {
text-align: center !important;
}
.medium-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) {
.medium-text-left {
text-align: left !important;
}
.medium-text-right {
text-align: right !important;
}
.medium-text-center {
text-align: center !important;
}
.medium-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important;
}
.large-only-text-right {
text-align: right !important;
}
.large-only-text-center {
text-align: center !important;
}
.large-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) {
.large-text-left {
text-align: left !important;
}
.large-text-right {
text-align: right !important;
}
.large-text-center {
text-align: center !important;
}
.large-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important;
}
.xlarge-only-text-right {
text-align: right !important;
}
.xlarge-only-text-center {
text-align: center !important;
}
.xlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) {
.xlarge-text-left {
text-align: left !important;
}
.xlarge-text-right {
text-align: right !important;
}
.xlarge-text-center {
text-align: center !important;
}
.xlarge-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
.xxlarge-only-text-left {
text-align: left !important;
}
.xxlarge-only-text-right {
text-align: right !important;
}
.xxlarge-only-text-center {
text-align: center !important;
}
.xxlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) {
.xxlarge-text-left {
text-align: left !important;
}
.xxlarge-text-right {
text-align: right !important;
}
.xxlarge-text-center {
text-align: center !important;
}
.xxlarge-text-justify {
text-align: justify !important;
}
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
}
a {
color: #2ba6cb;
text-decoration: none;
line-height: inherit;
}
a:hover, a:focus {
color: #258faf;
}
a img {
border: none;
}
p {
font-family: inherit;
font-weight: normal;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility;
}
p.lead {
font-size: 1.21875rem;
line-height: 1.6;
}
p aside {
font-size: 0.875rem;
line-height: 1.35;
font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: normal;
font-style: normal;
color: #222;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0;
}
h1 {
font-size: 2.125rem;
}
h2 {
font-size: 1.6875rem;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 1.25rem 0 1.1875rem;
height: 0;
}
em, i {
font-style: italic;
line-height: inherit;
}
strong, b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 60%;
line-height: inherit;
}
code {
font-family: Consolas,"Liberation Mono",Courier,monospace;
font-weight: bold;
color: #910b0e;
}
ul, ol, dl {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
list-style-position: outside;
font-family: inherit;
}
ul {
margin-left: 1.1rem;
}
ul.no-bullet {
margin-left: 0;
}
ul.no-bullet li ul, ul.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none;
}
ul li ul, ul li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit;
}
ul.square {
list-style-type: square;
margin-left: 1.1rem;
}
ul.circle {
list-style-type: circle;
margin-left: 1.1rem;
}
ul.disc {
list-style-type: disc;
margin-left: 1.1rem;
}
ul.no-bullet {
list-style: none;
}
ol {
margin-left: 1.4rem;
}
ol li ul, ol li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
dl dd {
margin-bottom: 0.75rem;
}
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px dotted #ddd;
cursor: help;
}
abbr {
text-transform: none;
}
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #ddd;
}
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited {
color: #555;
}
blockquote, blockquote p {
line-height: 1.6;
color: #6f6f6f;
}
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #ddd;
padding: 0.625rem 0.75rem;
}
.vcard li {
margin: 0;
display: block;
}
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem;
}
.vevent .summary {
font-weight: bold;
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem;
}
@media only screen and (min-width: 40.063em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
h1 {
font-size: 2.75rem;
}
h2 {
font-size: 2.3125rem;
}
h3 {
font-size: 1.6875rem;
}
h4 {
font-size: 1.4375rem;
}
}
.print-only {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.hide-on-print {
display: none !important;
}
.print-only {
display: block !important;
}
.hide-for-print {
display: none !important;
}
.show-for-print {
display: inherit !important;
}
}
.label {
font-weight: normal;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline-block;
position: relative;
margin-bottom: inherit;
padding: 0.25rem 0.5rem 0.375rem;
font-size: 0.6875rem;
background-color: #2ba6cb;
color: #fff;
}
.label.radius {
border-radius: 0px;
}
.label.round {
border-radius: 1000px;
}
.label.alert {
background-color: #c60f13;
color: #fff;
}
.label.success {
background-color: #5da423;
color: #fff;
}
.label.secondary {
background-color: #e9e9e9;
color: #333;
}
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625rem;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table;
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > li {
display: block;
height: auto;
float: left;
padding: 0 0.625rem 1.25rem;
}
@media only screen {
.small-block-grid-1 > li {
width: 100%;
list-style: none;
}
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.small-block-grid-2 > li {
width: 50%;
list-style: none;
}
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.small-block-grid-3 > li {
width: 33.33333%;
list-style: none;
}
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.small-block-grid-4 > li {
width: 25%;
list-style: none;
}
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.small-block-grid-5 > li {
width: 20%;
list-style: none;
}
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.small-block-grid-6 > li {
width: 16.66667%;
list-style: none;
}
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.small-block-grid-7 > li {
width: 14.28571%;
list-style: none;
}
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.small-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.small-block-grid-9 > li {
width: 11.11111%;
list-style: none;
}
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.small-block-grid-10 > li {
width: 10%;
list-style: none;
}
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.small-block-grid-11 > li {
width: 9.09091%;
list-style: none;
}
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.small-block-grid-12 > li {
width: 8.33333%;
list-style: none;
}
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 40.063em) {
.medium-block-grid-1 > li {
width: 100%;
list-style: none;
}
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.medium-block-grid-2 > li {
width: 50%;
list-style: none;
}
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.medium-block-grid-3 > li {
width: 33.33333%;
list-style: none;
}
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.medium-block-grid-4 > li {
width: 25%;
list-style: none;
}
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.medium-block-grid-5 > li {
width: 20%;
list-style: none;
}
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.medium-block-grid-6 > li {
width: 16.66667%;
list-style: none;
}
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.medium-block-grid-7 > li {
width: 14.28571%;
list-style: none;
}
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.medium-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.medium-block-grid-9 > li {
width: 11.11111%;
list-style: none;
}
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.medium-block-grid-10 > li {
width: 10%;
list-style: none;
}
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.medium-block-grid-11 > li {
width: 9.09091%;
list-style: none;
}
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.medium-block-grid-12 > li {
width: 8.33333%;
list-style: none;
}
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 64.063em) {
.large-block-grid-1 > li {
width: 100%;
list-style: none;
}
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.large-block-grid-2 > li {
width: 50%;
list-style: none;
}
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.large-block-grid-3 > li {
width: 33.33333%;
list-style: none;
}
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.large-block-grid-4 > li {
width: 25%;
list-style: none;
}
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.large-block-grid-5 > li {
width: 20%;
list-style: none;
}
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.large-block-grid-6 > li {
width: 16.66667%;
list-style: none;
}
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.large-block-grid-7 > li {
width: 14.28571%;
list-style: none;
}
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.large-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.large-block-grid-9 > li {
width: 11.11111%;
list-style: none;
}
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.large-block-grid-10 > li {
width: 10%;
list-style: none;
}
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.large-block-grid-11 > li {
width: 9.09091%;
list-style: none;
}
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.large-block-grid-12 > li {
width: 8.33333%;
list-style: none;
}
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
.flex-video {
position: relative;
padding-top: 1.5625rem;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 1rem;
overflow: hidden;
}
.flex-video.widescreen {
padding-bottom: 56.34%;
}
.flex-video.vimeo {
padding-top: 0;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.keystroke, kbd {
background-color: #ededed;
border-color: #ddd;
color: #222;
border-style: solid;
border-width: 1px;
margin: 0;
font-family: "Consolas","Menlo","Courier",monospace;
font-size: inherit;
padding: 0.125rem 0.25rem 0;
border-radius: 0px;
}
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table;
}
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
@media only screen and (min-width: 40.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
@media only screen and (min-width: 64.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
@media only screen and (min-width: 90.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
display: table;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
display: table-row !important;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
display: table-cell !important;
}
}
@media only screen and (min-width: 120.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
display: table;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
display: table-row !important;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
display: table-cell !important;
}
}
.show-for-landscape, .hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
table.hide-for-landscape, table.show-for-portrait {
display: table;
}
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important;
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important;
}
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important;
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
display: table-cell !important;
}
@media only screen and (orientation: landscape) {
.show-for-landscape, .hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
table.show-for-landscape, table.hide-for-portrait {
display: table;
}
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important;
}
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important;
}
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important;
}
td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
display: table-cell !important;
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait, .hide-for-landscape {
display: inherit !important;
}
.hide-for-portrait, .show-for-landscape {
display: none !important;
}
table.show-for-portrait, table.hide-for-landscape {
display: table;
}
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important;
}
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important;
}
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important;
}
td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
display: table-cell !important;
}
}
.show-for-touch {
display: none !important;
}
.hide-for-touch {
display: inherit !important;
}
.touch .show-for-touch {
display: inherit !important;
}
.touch .hide-for-touch {
display: none !important;
}
table.hide-for-touch {
display: table;
}
.touch table.show-for-touch {
display: table;
}
thead.hide-for-touch {
display: table-header-group !important;
}
.touch thead.show-for-touch {
display: table-header-group !important;
}
tbody.hide-for-touch {
display: table-row-group !important;
}
.touch tbody.show-for-touch {
display: table-row-group !important;
}
tr.hide-for-touch {
display: table-row !important;
}
.touch tr.show-for-touch {
display: table-row !important;
}
td.hide-for-touch {
display: table-cell !important;
}
.touch td.show-for-touch {
display: table-cell !important;
}
th.hide-for-touch {
display: table-cell !important;
}
.touch th.show-for-touch {
display: table-cell !important;
}
@media print {
.show-for-print {
display: block;
}
.hide-for-print {
display: none;
}
table.show-for-print {
display: table;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
}
table {
background: #fff;
margin-bottom: 1.25rem;
border: solid 1px #ddd;
table-layout: auto;
}
table caption {
background: transparent;
color: #222;
font-size: 1rem;
font-weight: bold;
}
table thead {
background: #F5F5F5;
}
table thead tr th, table thead tr td {
padding: 0.5rem 0.625rem 0.625rem;
font-size: 0.875rem;
font-weight: bold;
color: #222;
}
table tfoot {
background: #F5F5F5;
}
table tfoot tr th, table tfoot tr td {
padding: 0.5rem 0.625rem 0.625rem;
font-size: 0.875rem;
font-weight: bold;
color: #222;
}
table tr th, table tr td {
padding: 0.5625rem 0.625rem;
font-size: 0.875rem;
color: #222;
text-align: left;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: #F9F9F9;
}
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
display: table-cell;
line-height: 1.125rem;
} html {
height: 100%;
min-height: 100%;
overflow-y: scroll !important;
}
body {
color: #545353;
background: #fff;
height: 100%;
position: static;
min-height: 100%;
scroll-behavior: smooth;
}
body div, body dl, body dt, body dd, body ul, body ol, body li, body pre, body form, body p, body blockquote, body th, body td {
font-size: inherit;
font-family: inherit;
}
body p {
font-style: normal;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
margin-bottom: 0.65rem;
}
body strong {
font-weight: 600;
}
figure {
margin: 0;
}
a {
color: #ef2673;
outline: 0;
-webkit-tap-highlight-color: transparent;
}
a:hover {
color: #222;
}
.titlefont, h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', serif;
}
h1, h2, h3, h4, h5, h6 {
color: #222;
text-rendering: auto;
} .mont, .post .post-author em, .wpcf7-response-output, label, .select-wrapper select, .wp-caption .wp-caption-text, .smalltitle, .toggle .title, q, blockquote p, cite, .marker-info-win h1, table tr th, table tr td {
font-family: "Playfair Display", sans-serif;
}
.reset, #full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu, #full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li, .widget.widget_calendar table, .slick-dots, .searchform fieldset, #comments ol.commentlist .comment .vcard {
margin: 0;
padding: 0;
}
.cf:before, .post .post-gallery:before, .blog_nav:before, .widget.widget_flickr .pin_link:before, .widget.widget_dribbble .pin_link:before, .widget.pinterest .pin_link:before, .authorpage:before, .comment-respond:before, .commentlist_parent .commentlist_container:before, .category_container:before, .category_container .inner:before, .post .post-content .vc_toggle:before, .wpcf7-form-control-wrap:before, .image_link:before, .cf:after, .post .post-gallery:after, .blog_nav:after, .widget.widget_flickr .pin_link:after, .widget.widget_dribbble .pin_link:after, .widget.pinterest .pin_link:after, .authorpage:after, .comment-respond:after, .commentlist_parent .commentlist_container:after, .category_container:after, .category_container .inner:after, .post .post-content .vc_toggle:after, .wpcf7-form-control-wrap:after, .image_link:after {
content: " ";
display: table;
}
.cf:after, .post .post-gallery:after, .blog_nav:after, .widget.widget_flickr .pin_link:after, .widget.widget_dribbble .pin_link:after, .widget.pinterest .pin_link:after, .authorpage:after, .comment-respond:after, .commentlist_parent .commentlist_container:after, .category_container:after, .category_container .inner:after, .post .post-content .vc_toggle:after, .wpcf7-form-control-wrap:after, .image_link:after {
clear: both;
}
.endcolumn [class*="column"] + [class*="column"]:last-child, #full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div [class*="column"] + [class*="column"]:last-child, .related .relatedposts [class*="column"] + [class*="column"]:last-child, .posts [class*="column"] + [class*="column"]:last-child, .category_container .inner [class*="column"] + [class*="column"]:last-child, .products [class*="column"] + [class*="column"]:last-child {
float: left;
}
.thb-five {
width: 20%;
}
@media only screen and (max-width: 40.063em) {
.thb-five {
width: 100%;
}
}
.transition, a, #full-menu .full-menu > li > a:after, #quick_search .searchform, .post .share-article .boxed-icon span, .post .post-gallery img, .post.featured-style4 .featured-title, .post.featured-style4 .featured-title .post-excerpt, input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea, .custom_check + .custom_label, .custom_check + .custom_label:before, .thb-mobile-menu li a, .thb-mobile-menu-secondary li a, .mouse_scroll, .mouse_scroll:hover, .toggle .title, .toggle .title:after, .image_link img, #style-switcher {
-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.quick-transition, .header .social-holder #social_header #social_icon, .header .social-holder #social_header > div, .post .post-gallery > a, .post-links .post-link:before, .btn,
.btn:focus,
.button,
input[type=submit] {
-moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.linear-transition {
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-webkit-transition: all 1s linear;
transition: all 1s linear;
}
.linear-quick-transition, #content-container, .header_container, .header, .header .header_top, .header .header_top > .row > .columns, .header .logo .logolink, .header .logo .logoimg, #full-menu .full-menu a, .post-links .post-link.share-article-loop:hover .boxed-icon, .slick, .slick:after, .slick-list, .slick-nav, .slick-dots li button, #mobile-menu, .thb-mobile-menu li span, #comments ol.commentlist .comment .reply, .commentlist_parent #comment-button:before, .commentlist_parent #comment-button:after, .post .post-content .atvImg .image_link, .post .post-content .atvImg .title,
.post .post-content .atvImg .arrow, .post .post-content .atvImg .image_bg, #theme-switcher {
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.admin-bar .admin-style, .admin-bar .header.fixed, .admin-bar .post-gallery-lightbox .mfp-content, .post-gallery-lightbox .admin-bar .mfp-content, .admin-bar #mobile-menu {
top: 46px;
}
@media screen and (min-width: 783px) {
.admin-bar .admin-style, .admin-bar .header.fixed, .admin-bar .post-gallery-lightbox .mfp-content, .post-gallery-lightbox .admin-bar .mfp-content, .admin-bar #mobile-menu {
top: 32px;
}
}
.custom_scroll {
overflow: hidden;
height: 100%;
position: relative;
}
.row .row:not(.cf):not(.blog_nav):not(.authorpage):not(.comment-respond):not(.category_container):not(.wpcf7-form-control-wrap):not(.image_link):before, .row .row:not(.cf):not(.blog_nav):not(.authorpage):not(.comment-respond):not(.category_container):not(.wpcf7-form-control-wrap):not(.image_link):after {
display: none !important;
}
.flex-video {
margin: 0;
} .row.full-width-row {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.row.no-padding {
margin: auto;
}
.row.no-padding > .columns,
.row.no-padding .owl-item > .columns {
padding: 0;
}
.row.max_width {
max-width: 75em;
margin: 0 auto;
}
#content-container {
min-height: 100%;
}
#content-container .click-capture {
position: absolute;
z-index: 998;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(191, 191, 191, 0.6);
content: '';
will-change: opacity;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: opacity 0.25s linear;
-o-transition: opacity 0.25s linear;
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
#wrapper {
position: relative;
width: 100%;
min-height: 100%;
overflow-x: hidden;
scroll-behavior: smooth;
}
#wrapper [role="main"] {
position: relative;
z-index: 10;
}
#wrapper.open-menu {
overflow: hidden;
}
#wrapper.open-menu #content-container {
margin-left: 0;
-moz-transform: translate3d(320px, 0, 0);
-webkit-transform: translate3d(320px, 0, 0);
transform: translate3d(320px, 0, 0);
}
.no-csstransforms3d #wrapper.open-menu #content-container {
margin-left: 320px;
}
@media only screen and (max-width: 40.063em) {
#wrapper.open-menu #content-container {
margin-left: 0;
-moz-transform: translate3d(280px, 0, 0);
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
}
.no-csstransforms3d #wrapper.open-menu #content-container {
margin-left: 280px;
}
}
#wrapper.open-menu #content-container .click-capture {
width: 100%;
height: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
left: 0;
}
.no-csstransforms3d #wrapper.open-menu #content-container .click-capture {
left: 320px;
} .header_container {
min-height: 40px;
}
@media only screen and (min-width: 40.063em) {
.header_container.style1 {
min-height: 100px;
}
}
.header {
height: auto;
position: static;
top: 0;
left: 0;
width: 100%;
z-index: 101;
background: #fff;
}
.header .header_top {
padding: 0 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
direction: ltr;
background-size: cover;
will-change: padding;
}
@media only screen and (min-width: 40.063em) {
.header .header_top {
padding: 30px 15px;
}
}
.header .header_top > .row > .columns {
padding: 0;
min-height: 1px;
height: 70px;
}
@media only screen and (min-width: 40.063em) {
.header .header_top > .row > .columns {
padding: 0 0.9375em;
}
}
.header .logo {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 1px;
will-change: height;
}
.header .logo .logolink {
display: inline-flex;
max-width: 100%;
}
.header .logo .logoimg {
display: inline-block;
max-height: 40px;
}
@media only screen and (min-width: 40.063em) {
.header .logo .logoimg {
max-height: 70px;
}
}
.header .logo #page-title {
display: none;
line-height: 40px;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.header .toggle-holder {
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.header .toggle-holder .logofixed {
display: none;
max-height: 40px;
visibility: hidden;
margin-left: 20px;
will-change: opacity;
}
@media only screen and (min-width: 64.063em) {
.header .toggle-holder .logofixed {
display: inline-block;
}
}
.header .social-holder {
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.header .social-holder > div {
display: inline-flex;
}
.header .social-holder .icon-1x {
display: none;
font-size: 18px;
padding: 0 8px;
line-height: 40px;
}
@media only screen and (min-width: 64.063em) {
.header .social-holder .icon-1x {
vertical-align: middle;
display: inline-block;
}
}
.header .social-holder.style2 #quick_search {
width: 30px;
}
@media only screen and (min-width: 40.063em) {
.header .social-holder.style2 #quick_search {
width: 40px;
margin-left: 15px;
}
}
@media only screen and (min-width: 64.063em) {
.header .social-holder.style2 #quick_search {
width: 50px;
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
}
.header .social-holder.style1 #social_header .icon-1x {
font-size: 16px;
padding: 0 5px;
line-height: 16px;
}
.header .social-holder #social_header {
position: relative;
display: none;
z-index: 4;
}
@media only screen and (min-width: 64.063em) {
.header .social-holder #social_header {
display: inline-flex;
}
}
.header .social-holder #social_header > i {
display: inline-flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
cursor: pointer;
}
.header .social-holder #social_header #social_icon {
fill: #222;
vertical-align: middle;
}
.header .social-holder #social_header > div {
display: inline-flex;
align-items: center;
opacity: 0;
}
.header .social-holder #social_header:hover #social_icon {
fill: #ef2673;
}
.header .social-holder #quick_cart {
position: relative;
display: inline-flex;
width: 30px;
margin-left: 3px;
height: 40px;
justify-content: center;
align-items: center;
}
.header .social-holder #quick_cart svg {
vertical-align: middle;
}
.header .social-holder #quick_cart .cart_count {
position: absolute;
bottom: 6px;
right: 4px;
display: block;
width: 12px;
height: 12px;
line-height: 12px;
text-align: center;
color: #fff;
font-size: 8px;
font-weight: 600;
background: #ef2673;
}
.header.fixed {
position: static;
top: 0;
left: 0;
right: 0;
}
@media only screen and (min-width: 40.063em) {
.header.fixed {
position: fixed;
}
}
.header.fixed .logo .logoimg {
max-height: 40px;
}
.header.fixed .header_top {
padding: 15px 0;
}
@media only screen and (min-width: 40.063em) {
.header.fixed .header_top {
padding: 15px;
}
}
.header.fixed .header_top .progress {
display: block;
position: absolute;
bottom: -2px;
left: -15px;
height: 2px;
width: 0;
background: #ef2673;
will-change: width;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
@media only screen and (min-width: 40.063em) {
.header.fixed .header_top > .row > .columns {
height: 40px;
}
}
.header.style2 .header_top {
padding: 0 10px;
}
@media only screen and (min-width: 40.063em) {
.header.style2 .header_top {
padding: 0 15px;
}
}
.header.style2 .header_top > .row > .columns {
height: 70px;
}
.header.style2 .logo {
display: table;
position: static;
}
.header.style2 .logo > div {
display: table-cell;
vertical-align: middle;
}
.header.style2 .logo .logoimg {
max-height: 40px;
display: inline-block;
}
.header.style2 .logo .logolink {
display: none;
margin: 0 20px;
}
@media only screen and (min-width: 40.063em) {
.header.style2 .logo .logolink {
display: inline-block;
}
}
.header.style2 .logo #full-menu {
position: static;
}
@media only screen and (min-width: 64.063em) {
.header.style2 .logo #full-menu {
display: none;
}
}
@media only screen and (min-width: 75em) {
.header.style2 .logo #full-menu {
display: inline-block;
text-align: left;
}
.header.style2 .logo #full-menu .full-menu {
border: 0;
}
.header.style2 .logo #full-menu .full-menu > li > a {
line-height: 70px;
}
}
.header.style2 .logo #full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
top: 100%;
}
.header.style2 .logo.mobile {
display: table;
text-align: center;
}
.header.style2 .logo.mobile .logolink {
display: inline-block;
}
@media only screen and (min-width: 40.063em) {
.header.style2 .logo.mobile {
display: none;
}
} #full-menu {
display: none;
vertical-align: middle;
text-align: center;
position: relative;
}
@media only screen and (min-width: 64.063em) {
#full-menu {
display: block;
}
}
#full-menu.light-menu-color .full-menu > li > a {
color: #fff;
}
#full-menu.light-menu-color .full-menu > li > a:hover {
color: #222;
}
#full-menu.light-menu-color .full-menu > li.active > a, #full-menu.light-menu-color .full-menu > li.sfHover > a {
color: #222;
}
#full-menu .full-menu {
list-style: none;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
height: auto;
}
#full-menu .full-menu a {
font-size: 13px;
white-space: nowrap;
color: #5a5a5a;
}
#full-menu .full-menu .fa {
margin-right: 10px;
vertical-align: middle;
display: inline-block;
}
.rtl #full-menu .full-menu .fa {
margin-right: 0;
margin-left: 10px;
}
#full-menu .full-menu > li {
display: block;
margin: 0;
padding: 0 8px;
}
@media only screen and (min-width: 40.063em) {
#full-menu .full-menu > li {
display: inline-block;
}
}
@media only screen and (min-width: 64.063em) {
#full-menu .full-menu > li {
padding: 0 14px;
}
}
@media only screen and (min-width: 75em) {
#full-menu .full-menu > li {
padding: 0 18px;
}
}
#full-menu .full-menu > li.active > a, #full-menu .full-menu > li.sfHover > a {
color: #ef2673;
}
#full-menu .full-menu > li.active > a:after, #full-menu .full-menu > li.sfHover > a:after {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.style1 #full-menu .full-menu > li:first-child {
padding-left: 0;
}
#full-menu .full-menu > li > a {
display: block;
line-height: 40px;
font-weight: 600;
color: #222;
text-transform: uppercase;
font-size: 13px;
}
#full-menu .full-menu > li > a:hover {
color: #ef2673;
}
#full-menu .full-menu > li > a:after {
content: '';
display: block;
position: absolute;
height: 1px;
width: 100%;
background: #ef2673;
bottom: 35px;
left: 0;
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
#full-menu .full-menu > li.menu-item-has-children {
position: relative;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent {
position: static;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder {
display: none;
position: absolute;
top: calc(100% - 1px);
left: 0;
width: 100%;
background: #f9f9f9;
padding: 30px 0 25px;
z-index: 20;
opacity: 0;
will-change: opacity;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder > .row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 75em;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu {
float: left;
width: 230px;
text-align: left;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li {
display: block;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a {
color: #222;
display: block;
margin-bottom: 15px;
font-size: 14px;
font-weight: 600;
line-height: 1;
text-transform: none;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a .fa {
color: #c7c7c7;
position: relative;
top: -1px;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a, #full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a .fa {
color: #ef2673;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children {
margin-left: 230px;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div {
display: none;
float: left;
text-align: left;
width: 100%;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div:first-child {
display: block;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div a {
white-space: normal;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post .post-gallery {
margin-bottom: 15px;
}
#full-menu .full-menu > li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post .post-title a {
text-transform: none;
}
#full-menu .full-menu > li.menu-item-has-children > .sub-menu {
display: none;
position: absolute;
top: calc(100% - 1px);
left: -12px;
background: #f9f9f9;
padding: 30px;
margin: 0;
list-style: none;
z-index: 20;
text-align: left;
}
#full-menu .full-menu > li.menu-item-has-children > .sub-menu li {
padding: 5px 0;
border-bottom: 1px solid #e4e4e4;
min-width: 160px;
}
#full-menu .full-menu > li.menu-item-has-children > .sub-menu li:first-child {
padding-top: 0;
}
#full-menu .full-menu > li.menu-item-has-children > .sub-menu li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
#full-menu .full-menu > li.menu-item-has-children > .sub-menu li a {
font-weight: 500;
font-size: 13px;
color: #464646;
} #quick_search {
display: inline-flex;
width: 30px;
height: 40px;
line-height: 40px;
font-size: 26px;
justify-content: center;
align-items: center;
position: relative;
z-index: 5;
}
#quick_search #search_icon {
z-index: 20;
position: relative;
cursor: pointer;
top: 0;
vertical-align: middle;
}
#quick_search.active .searchform {
visibility: visible;
opacity: 1;
width: 300px;
}
#quick_search .searchform {
position: absolute;
top: -2px;
right: -10px;
z-index: 10;
display: block;
visibility: hidden;
background: #f8f8f8;
height: 45px;
padding: 5px 40px 5px 5px;
width: 0;
opacity: 0;
}
@media only screen and (min-width: 40.063em) {
#quick_search .searchform {
right: -20px;
}
}
#quick_search .searchform input {
margin: 0;
height: 35px;
line-height: 35px;
float: left;
padding: 0 10px;
width: 100%;
background: transparent;
color: #222;
border: 0;
}
#quick_search .searchform input:-moz-placeholder {
color: #222;
}
#quick_search .searchform input::-moz-placeholder {
color: #222;
}
#quick_search .searchform input:-ms-input-placeholder {
color: #222;
}
#quick_search .searchform input::-webkit-input-placeholder {
color: #222;
} .post .share-article {
float: left;
width: 55px;
margin-right: 25px;
max-width: 55px;
}
.rtl .post .share-article {
float: right;
margin-right: 0;
margin-left: 25px;
}
.post .share-article .boxed-icon {
vertical-align: middle;
width: 45px;
height: 43px;
line-height: 43px;
position: relative;
margin-bottom: 10px;
font-size: 14px;
}
.post .share-article .boxed-icon span {
position: absolute;
display: block;
top: -10px;
right: -3px;
background: #b1b1b1;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
height: 20px;
min-width: 20px;
text-align: center;
line-height: 20px;
padding: 0 3px;
color: #fff;
font-size: 10px;
font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
.post .share-article .boxed-icon {
width: 55px;
height: 53px;
line-height: 53px;
font-size: 20px;
}
.post .share-article .boxed-icon span {
top: -3px;
}
}
.post .share-article .boxed-icon:hover span {
background: #222;
}
.post .share-article .boxed-icon.comment {
background: #fff url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/comment-icon.png) center center no-repeat;
-moz-background-size: 16px 15px;
-o-background-size: 16px 15px;
-webkit-background-size: 16px 15px;
background-size: 16px 15px;
}
.post .post-meta {
position: relative;
text-transform: uppercase;
font-size: 11px;
}
.post .article-tags {
display: block;
margin: 30px 0;
font-size: 11px;
color: #222;
font-weight: 400;
text-transform: uppercase;
}
.post .article-tags a {
color: #ef2673;
font-weight: 600;
}
.post .post-author {
font-size: 11px;
color: #767676;
font-weight: 400;
text-transform: uppercase;
margin: 10px 0 35px;
}
.post .post-author em {
text-transform: none;
color: #545353;
}
.post .post-author a {
font-weight: 600;
}
.post .video-container {
margin: 0 0 45px;
}
.post .post-gallery {
display: block;
position: relative;
margin: 0 0 45px;
padding: 0;
overflow: hidden;
background: #fff;
}
.post .post-gallery img {
width: 100%;
}
.post .post-gallery > a {
display: block;
will-change: opacity;
}
.post .post-gallery > a:hover {
opacity: 0.8;
}
.post .post-gallery.has-gallery:after {
content: '';
display: block;
width: 44px;
height: 44px;
background: #ef2673 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABxklEQVR4Ae3XPehSYRTH8Wv0ThkkZkM1NElbRENkoxRR0GJgSw1FEBEVQVPQEJhL5FJDSxAkCX9oqqgobCiH3huMCFwUKhchIyTzm5GY9zwP6PH6DIq/M95zzkeQh+debzbCAeq4Sc3jb33FWf4BTA9Q5zGPulV1A7xhTW/jch64AI7j9WuvC+DQAJCYSuDEALDfBVAm1tsY5tk4QJsPLHCDPCV+YkuT17zsVgO0wFuOshavXytJUZzUQatykBCepfbwOTiw0Ds+9lpNPhiQNX+7qBCZYYDDmhXAnouWge1kKXCVNEuNZxd0f/Iv1okFYe7wP5/YahAvNEBRDC/muXG5bBI95zVARgyfxMxd0bNLAxwRw68w85v1vp6YBtgngDa27Pb1LAoCtLAlOT5wWADvsGWjryeqAS4J4BRmHoqeHRrgiRheRgl/GmwRPec0QIuIGI/y1HdHJPBEFTUAnLFeMNe5xy2OscJ4FqejA2qswlPUbf2Fc0WxPklHD3RIj7h+M99AD8APdo6wPsJ7UACCSA1ZH+dj0NeWm0Tty1nCab5DUACa5Ngm3i82cJbKZL9wvnCfa1wmR4HyjH2jzYE5UMFZ/gBwXJtPkwwrjQAAAABJRU5ErkJggg==) center center no-repeat;
-moz-background-size: 18px 18px;
-o-background-size: 18px 18px;
-webkit-background-size: 18px 18px;
background-size: 18px 18px;
position: absolute;
top: 0;
right: 0;
}
.post .post-gallery.has-gallery.has-video:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABP0lEQVR4AdXYA2xdcRzF8c62zWB2NESzjXiLt3C2EQ7hWJtBEb+GL6pt23a/tdvwf9ruxLqf6x9sesJegqmjBA8O2ZgPm6igL56sNQ38ZmBqeME0k0AqQ5PEWXNAA8MngM1mgJHTwEdmKwGADK5rAQALW7UANPGN+UoAII/bTFACAFb2agFo4ReLlQBACXeZpAQAQjmkBaAVJ1YoAYAqHjBVCQDEcEwLAPiyVgtALa+YoQQAUrigBQB8WKwFIIolWgBs1UCBGij9z29RJIuVgJ/yNU3nkvJX8Vb5q/Blve5nF89JZcF5rCs4rbgqS2Y4R3RFv4x7TNY1Xn+VjZeVA7rWsZA7TNS17z+U7buFHboBJJtbyiHwi4khsJHhE2RqjE1jaJK5YG4Q/ztcE6hbhviw1sZ02N+9zvHhsMnjtgHTRJ9l0ncUwgAAAABJRU5ErkJggg==);
}
.post .post-gallery.has-review .ave {
display: block;
width: 44px;
height: 44px;
background: #8405db;
line-height: 44px;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 600;
position: absolute;
top: 0;
right: 0;
z-index: 5;
}
.post .post-gallery.has-review.has-gallery .ave {
top: 44px;
}
.post .post-gallery .gallery-link {
position: absolute;
top: 80px;
right: 0;
background: #ef2673;
color: #fff;
}
.post .post-gallery .gallery-link .rel {
position: relative;
padding: 20px 70px 18px;
font-size: 14px;
line-height: 16px;
font-weight: 600;
}
.post .post-gallery .gallery-link .rel em {
font-size: 12px;
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
}
.post .post-gallery .gallery-link .rel:before {
content: '';
font-size: 24px;
position: absolute;
top: 23px;
left: 23px;
width: 24px;
height: 24px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABxklEQVR4Ae3XPehSYRTH8Wv0ThkkZkM1NElbRENkoxRR0GJgSw1FEBEVQVPQEJhL5FJDSxAkCX9oqqgobCiH3huMCFwUKhchIyTzm5GY9zwP6PH6DIq/M95zzkeQh+debzbCAeq4Sc3jb33FWf4BTA9Q5zGPulV1A7xhTW/jch64AI7j9WuvC+DQAJCYSuDEALDfBVAm1tsY5tk4QJsPLHCDPCV+YkuT17zsVgO0wFuOshavXytJUZzUQatykBCepfbwOTiw0Ds+9lpNPhiQNX+7qBCZYYDDmhXAnouWge1kKXCVNEuNZxd0f/Iv1okFYe7wP5/YahAvNEBRDC/muXG5bBI95zVARgyfxMxd0bNLAxwRw68w85v1vp6YBtgngDa27Pb1LAoCtLAlOT5wWADvsGWjryeqAS4J4BRmHoqeHRrgiRheRgl/GmwRPec0QIuIGI/y1HdHJPBEFTUAnLFeMNe5xy2OscJ4FqejA2qswlPUbf2Fc0WxPklHD3RIj7h+M99AD8APdo6wPsJ7UACCSA1ZH+dj0NeWm0Tty1nCab5DUACa5Ngm3i82cJbKZL9wvnCfa1wmR4HyjH2jzYE5UMFZ/gBwXJtPkwwrjQAAAABJRU5ErkJggg==);
-moz-background-size: 24px 24px;
-o-background-size: 24px 24px;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.post .post-gallery .gallery-link .rel:after {
content: "\f105";
font-family: FontAwesome;
font-size: 24px;
position: absolute;
top: 26px;
right: 20px;
}
.post .post-content {
float: none;
position: relative;
}
.post .post-content:before {
color: rgba(0, 0, 0, 0.06);
content: attr(data-first);
display: none;
font-size: 16.25em;
font-weight: 600;
top: 0;
left: 0;
line-height: 1;
position: absolute;
z-index: -1;
}
@media only screen and (min-width: 64.063em) {
.post .post-content:before {
display: block;
left: -105px;
top: -55px;
}
}
.rtl .post .post-content:before {
left: auto;
right: 0;
}
@media only screen and (min-width: 64.063em) {
.rtl .post .post-content:before {
left: auto;
right: -105px;
top: -55px;
}
}
.post .post-content del {
color: #222;
}
.post .post-content ul, .post .post-content ol {
margin-left: 0;
list-style-position: inside;
font-size: 14px;
font-weight: 300;
}
.post .post-content ul ul, .post .post-content ul ol, .post .post-content ol ul, .post .post-content ol ol {
margin: 10px 0 0 15px;
}
.post .post-content ul li, .post .post-content ol li {
margin-bottom: 10px;
}
.post .post-content pre {
background: #f5f5f5;
padding: 20px;
font-size: 14px;
border: 2px dashed #cfcfcf;
white-space: pre-wrap;
}
.post .post-content h1 {
font-weight: 400;
font-size: 32px;
line-height: 36px;
margin-top: 0;
word-break: break-all;
}
@media only screen and (min-width: 40.063em) {
.post .post-content h1 {
font-size: 48px;
line-height: 52px;
word-break: normal;
}
}
@media only screen and (min-width: 75em) {
.post .post-content h1 {
font-size: 60px;
line-height: 54px;
}
}
.post .post-content h2 {
font-size: 28px;
line-height: 32px;
margin-top: 0;
font-weight: 400;
margin-bottom: 30px;
}
@media only screen and (min-width: 40.063em) {
.post .post-content h2 {
font-size: 38px;
line-height: 42px;
word-break: normal;
}
}
@media only screen and (min-width: 75em) {
.post .post-content h2 {
font-size: 48px;
line-height: 50px;
}
}
.post .post-content h3 {
font-size: 36px;
line-height: 40px;
margin-top: 0;
font-weight: 400;
margin-bottom: 25px;
}
.post .post-content h4 {
font-weight: 300;
font-size: 28px;
line-height: 34px;
margin-top: 0;
margin-bottom: 25px;
}
.post .post-content h5 {
font-weight: 600;
font-size: 16px;
line-height: 24px;
margin-top: 0;
margin-bottom: 20px;
}
.post .post-content h6 {
font-weight: 600;
font-size: 14px;
line-height: 22px;
margin-top: 0;
margin-bottom: 20px;
}
.post .post-content p {
margin-bottom: 25px;
line-height: 1.4;
}
.post .post-content p:last-child {
margin: 0;
}
.attachment-page .post .post-content {
margin-bottom: 30px;
}
.post .post-content.small p {
font-size: 13px;
line-height: 20px;
margin-bottom: 20px;
}
.post .post-title a {
color: #222;
}
.post .post-title a:hover {
color: #ef2673;
}
.post .post-title h1 {
display: block;
font-size: 36px;
line-height: 40px;
font-weight: 300;
margin: 0 0 10px;
word-break: break-word;
}
@media only screen and (min-width: 40.063em) {
.post .post-title h1 {
font-size: 66px;
line-height: 72px;
word-break: normal;
}
}
.post .post-title h2 {
font-size: 30px;
line-height: 34px;
font-weight: 600;
margin: 0 0 10px;
}
.post .post-title h3 {
font-size: 26px;
margin: 0 0 10px;
font-weight: 600;
line-height: 1.2;
}
.post .post-title h4 {
font-size: 20px;
margin: 0 0 5px;
font-weight: 600;
line-height: 24px;
}
.post .post-title h6 {
font-size: 14px;
margin: 0;
font-weight: 400;
line-height: 16px;
}
.post .featured-title {
position: absolute;
top: 50%;
left: 50%;
margin: 0 auto;
text-align: center;
}
.post .featured-title .post-meta {
text-transform: uppercase;
margin-bottom: 5px;
}
.post.sticky .post-title a {
text-decoration: underline;
}
.post.featured-style1 .post-gallery {
margin-bottom: 0;
}
.post.featured-style1 .featured-title {
background: #fff;
padding: 15px;
width: 100%;
position: static;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style1 .featured-title {
position: absolute;
width: 70%;
padding: 20px;
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style1 .featured-title {
width: 50%;
padding: 30px;
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style1 .featured-title {
width: 40%;
}
}
.post.featured-style1 .featured-title .post-meta a {
font-size: 11px;
font-weight: 400;
margin-bottom: 15px;
}
.post.featured-style1 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
}
.post.featured-style1 .featured-title .post-author {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style1 .post-gallery {
margin-bottom: 0;
}
.post.featured-style1 .featured-title {
background: #fff;
padding: 15px;
width: 100%;
position: static;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style1 .featured-title {
position: absolute;
width: 70%;
padding: 20px;
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style1 .featured-title {
width: 50%;
padding: 30px;
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style1 .featured-title {
width: 40%;
}
}
.post.featured-style1 .featured-title .post-meta a {
font-size: 11px;
font-weight: 400;
margin-bottom: 15px;
}
.post.featured-style1 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
}
.post.featured-style1 .featured-title .post-author {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style5 .post-gallery {
margin-bottom: 0;
}
.post.featured-style5 .featured-title {
background: rgba(255, 255, 255, 0.9);
padding: 15px;
width: 100%;
position: static;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style5 .featured-title {
position: absolute;
width: 70%;
padding: 20px;
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style5 .featured-title {
width: 60%;
padding: 30px;
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style5 .featured-title {
width: 50%;
padding: 40px;
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style5 .featured-title {
width: 40%;
padding: 50px;
}
}
.post.featured-style5 .featured-title .post-meta {
margin-bottom: 10px;
}
.post.featured-style5 .featured-title .post-meta a {
font-size: 11px;
font-weight: 400;
margin-bottom: 15px;
}
.post.featured-style5 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
}
.post.featured-style5 .featured-title .post-author {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style2 .post-gallery {
margin-bottom: 0;
}
.post.featured-style2 .featured-title {
top: auto;
bottom: 0;
left: 0;
right: 0;
background: white;
padding: 20px;
text-align: left;
border: 1px solid #e5e5e5;
position: relative;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style2 .featured-title {
position: absolute;
padding: 25px;
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style2 .featured-title {
padding: 30px;
}
}
.post.featured-style2 .featured-title .post-meta a {
font-size: 11px;
font-weight: 400;
margin-bottom: 15px;
}
.post.featured-style2 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
}
.post.featured-style2 .featured-title .post-author {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style3 .post-gallery {
margin-bottom: 0;
}
.post.featured-style3 .featured-title {
top: auto;
bottom: 30px;
left: 30px;
right: 30px;
background: rgba(255, 255, 255, 0.9);
padding: 20px 20px 35px;
position: static;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style3 .featured-title {
position: absolute;
padding: 25px 25px 40px;
}
}
@media only screen and (min-width: 40.063em) {
.post.featured-style3 .featured-title {
padding: 30px 30px 45px;
}
}
.post.featured-style3 .featured-title .post-meta a {
font-size: 11px;
font-weight: 400;
margin-bottom: 15px;
}
.post.featured-style3 .featured-title .post-title h3 {
font-size: 30px;
font-weight: 400;
}
.post.featured-style3 .featured-title .post-author {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style4 .featured-title {
position: static;
top: auto;
bottom: auto;
left: 0;
right: 0;
background: #ef2673;
padding: 15px 15px 5px 15px;
text-align: left;
min-height: 120px;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style4 .featured-title {
padding: 20px 20px 10px 20px;
min-height: 0;
bottom: 0;
position: absolute;
background: rgba(0, 0, 0, 0.4);
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style4 .featured-title {
padding: 28px 28px 18px 28px;
}
}
.post.featured-style4 .featured-title .post-meta {
margin-bottom: 5px;
-webkit-text-size-adjust: 100%;
}
.post.featured-style4 .featured-title .post-meta a {
font-size: 11px;
font-weight: 400;
margin-bottom: 15px;
color: #fff;
}
.post.featured-style4 .featured-title .post-title h3 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin: 0 0 10px;
-webkit-text-size-adjust: 100%;
}
.post.featured-style4 .featured-title .post-title h3 a {
color: #fff;
}
.post.featured-style4 .featured-title .post-excerpt {
display: none;
overflow: hidden;
max-height: 0;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style4 .featured-title .post-excerpt {
display: block;
}
}
.post.featured-style4 .featured-title .post-excerpt p {
font-size: 14px;
color: #fff;
line-height: 18px;
}
.post.featured-style4 .featured-title .post-excerpt .more {
display: block;
color: #fff;
font-weight: 600;
font-size: 12px;
margin: 10px 0;
text-transform: uppercase;
}
.post.featured-style4 .featured-title .post-author {
font-size: 12px;
margin-bottom: 0;
}
.post.featured-style4:hover .featured-title {
background: #ef2673;
}
.post.featured-style4:hover .featured-title .post-excerpt,
.post.featured-style4:hover .featured-title .more {
max-height: 0;
}
@media only screen and (min-width: 40.063em) {
.post.featured-style4:hover .featured-title .post-excerpt,
.post.featured-style4:hover .featured-title .more {
max-height: 100px;
}
}
.post.featured-style8 .featured-title {
width: 75%;
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.post.featured-style8 .post-gallery {
opacity: 0.8;
margin: 0;
}
.post.featured-style8 .post-meta a {
color: #fff;
}
.post.featured-style8 .post-meta a:hover {
color: #fff;
}
@media only screen and (min-width: 75em) {
.post.featured-style8 .post-title {
margin: 20px 0;
}
}
@media only screen and (min-width: 64.063em) {
.post.featured-style8 .post-title h3 {
font-size: 40px;
}
}
@media only screen and (min-width: 75em) {
.post.featured-style8 .post-title h3 {
font-size: 60px;
}
}
.post.featured-style8 .post-title a {
text-transform: uppercase;
color: #fff;
}
.post.featured-style8 .post-author {
color: #fff;
margin: 0;
}
.post.featured-style8 .post-author a,
.post.featured-style8 .post-author em {
color: #fff;
}
.post.featured-style7 .post-gallery {
margin-bottom: 25px;
}
.post.featured-style7 .post-meta {
margin-bottom: 10px;
}
.post.featured-style7 .post-title h4 {
margin-bottom: 10px;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
}
.post.featured-style5 .post-gallery {
margin-bottom: 10px;
}
.post.featured-style5 .post-title h5 {
font-size: 15px;
line-height: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.post.mega-menu-post .post-title h6 {
line-height: 20px;
}
.post.blog-list {
margin-bottom: 30px;
text-align: center;
}
.post.blog-list .post-gallery {
margin-bottom: 25px;
}
.post.blog-list .post-meta {
margin-bottom: 5px;
}
.post.blog-list .post-author {
font-size: 11px;
margin: 0 0 15px;
}
.post.blog-list .post-content p {
font-size: 14px;
line-height: 20px;
}
.post.blog-featured .post-meta {
margin-bottom: 10px;
}
.post.blog-featured .post-title h2 {
font-size: 40px;
line-height: 44px;
}
.post.style1, .post.style2 {
padding-bottom: 29px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 30px;
}
.post.style1 .post-meta,
.post.style1 .post-author, .post.style2 .post-meta,
.post.style2 .post-author {
display: inline-block;
margin: 0 0 10px;
}
.post.style1 .post-title h3, .post.style2 .post-title h3 {
font-weight: 400;
}
.post.style1 .post-gallery, .post.style2 .post-gallery {
margin-bottom: 25px;
}
@media only screen and (min-width: 40.063em) {
.post.style1 .post-gallery, .post.style2 .post-gallery {
margin-bottom: 0;
}
}
.post.style1 > .row, .post.style2 > .row {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.post.style1:last-of-type, .post.style2:last-of-type {
border: 0;
margin: 0;
padding: 0;
}
.post.style3 {
margin-bottom: 30px;
}
.post.style3 .post-gallery {
margin-bottom: 20px;
}
.post.style3 .post-author {
margin: 0 0 5px;
}
.post.style3 .post-title h3 {
font-size: 34px;
line-height: 40px;
font-weight: 400;
}
.post.style3 .post-title h5 {
font-size: 15px;
line-height: 20px;
font-weight: 600;
}
.post.style3 .post-content p {
color: #545353;
}
.catelement-style3-alt .post.style3 h3 {
font-size: 18px;
line-height: 1.4;
}
.catelement-style3-alt .post.style3 .post-content p {
font-size: 14px;
}
.post.style3-small {
margin-bottom: 35px;
}
.post.style3-small .post-gallery {
margin-bottom: 20px;
}
.post.style3-small .post-author {
font-size: 10px;
margin: 0 0 5px;
}
.post.style3-small .post-title h5 {
font-size: 15px;
line-height: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.post.style3-small .post-content p {
color: #545353;
}
.catelement-style5 .post.style3-small .post-author {
margin: 0 0 7px;
}
.catelement-style5 .post.style3-small .post-title h5 {
font-weight: 400;
}
.post.style4 {
padding-bottom: 19px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.post.style4 .style4-container {
padding-left: 20px;
flex: 1;
}
.rtl .post.style4 .style4-container {
padding-left: 0;
padding-right: 20px;
}
.post.style4 .post-gallery {
float: left;
margin: 0;
}
.post.style4 .post-gallery img {
max-width: 100px;
}
.post.style4 .post-author {
font-size: 10px;
margin: 0 0 5px;
}
.post.style4 .post-title h5 {
font-size: 15px;
line-height: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.post.style4 .post-content.small p {
color: #545353;
margin: 0;
}
.catelement-style3-alt .post.style4 .post-title h5 {
font-size: 13px;
line-height: 1.4;
font-weight: 400;
}
.post.style4:last-child {
padding: 0;
border: 0;
}
.post .style5 {
margin-bottom: 40px;
}
.post .style5 .post-gallery {
margin-bottom: 20px;
}
.post .style5 .post-author {
margin: 0 0 10px;
}
.post .style5 .post-title h4 {
font-weight: 400;
line-height: 26px;
}
.post .style5 .post-content p {
color: #545353;
}
.post .style5.extend {
margin-bottom: 40px;
}
.post .style5.extend .post-title h4 {
font-size: 34px;
line-height: 40px;
margin-bottom: 20px;
}
.post.style6 {
margin-bottom: 30px;
}
.post.style6 .post-gallery {
margin-bottom: 25px;
}
.post.style6 .post-meta,
.post.style6 .post-author {
display: inline-block;
margin: 0 0 10px;
}
.post.style6 .post-author {
font-size: 10px;
}
.post.style6 .post-title h5 {
font-size: 15px;
line-height: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.post.style6 .post-content.small p {
color: #545353;
margin: 0;
}
.post.style7 .post-meta,
.post.style7 .post-author {
display: inline-block;
margin: 0 0 10px;
}
.post.style7 .post-gallery {
margin: 0 0 25px;
}
.post.style7 .post-title h2 {
font-weight: 400;
}
.post.style7 .post-content p {
color: #545353;
margin: 0;
}
.post.style7 .post-links {
margin-top: 20px;
}
.post.style8 .post-gallery {
position: relative;
margin-bottom: 30px;
}
.post.style8 .post-gallery .post-info-vertical {
text-align: center;
width: 80%;
}
.post.style8 .post-gallery .post-author {
margin-bottom: 10px;
color: #fff;
}
.post.style8 .post-gallery .post-title h1 {
font-weight: 500;
}
.post.style8 .post-gallery .post-title a {
color: #fff;
text-transform: uppercase;
}
.post.style-masonry {
margin-bottom: 40px;
}
.post.style-masonry .post-gallery {
margin-bottom: 25px;
}
.post.style-masonry .post-meta,
.post.style-masonry .post-author {
display: inline-block;
margin: 0 0 10px;
}
.post.style-masonry .post-title h2 {
font-weight: 400;
}
.post.post-detail .post-content {
float: left;
width: 100%;
}
.post.post-detail .post-content p {
line-height: 1.8;
}
.post-content-container {
padding-left: 0;
min-height: 220px;
}
@media only screen and (min-width: 40.063em) {
.post-content-container {
padding-left: 100px;
}
.rtl .post-content-container {
padding-left: 0;
padding-right: 100px;
}
}
.post-content-container + .share-article {
width: auto;
max-width: 100%;
margin: 0 0 50px;
float: none;
text-align: center;
}
.post-header {
height: 300px;
background: #222;
position: relative;
overflow: hidden;
}
.post-header .parallax_bg {
width: 100%;
height: 150%;
background-size: cover;
background-position: 0 center;
will-change: transform;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.style3 .post-header {
display: flex;
justify-content: center;
align-items: center;
min-height: 60vh;
padding: 30px 15px;
margin-bottom: 50px;
height: auto;
}
.style3 .post-header .parallax_bg {
position: absolute;
top: 0;
left: 0;
}
.style3 .post-header .post-title {
text-align: center;
color: #fff;
}
.style3 .post-header .post-title h1,
.style3 .post-header .post-title a {
color: #fff;
}
.style3 .post-header .post-meta,
.style3 .post-header .post-author {
color: #fff;
}
.post-detail-style4 .post-title,
.post-detail-style4 .post-meta,
.post-detail-style4 .post-author {
text-align: center;
}
.post-detail-style4 .post-gallery {
margin-left: -5%;
width: 110%;
}
.post-detail-style2 .post-detail {
margin-top: -90px;
}
.post-detail-style2 .post-detail .post-title {
background: #fff;
padding: 15px;
margin: 0;
}
@media only screen and (min-width: 40.063em) {
.post-detail-style2 .post-detail .post-title {
padding: 30px;
}
}
@media only screen and (min-width: 75em) {
.post-detail-style2 .post-detail .post-title {
margin-left: -30px;
}
}
.post-detail-style2 .sidebar_inner {
margin-top: -70px;
min-height: 80px;
}
.post .post-content .post-review strong {
display: block;
text-transform: uppercase;
color: #222;
margin-bottom: 20px;
padding-bottom: 19px;
border-bottom: 1px solid #f2f2f2;
}
.post .post-content .post-review ul {
margin-bottom: 40px;
list-style: none;
}
.post .post-content .post-review ul li {
margin-bottom: 25px;
font-size: 14px;
font-weight: bold;
}
.post .post-content .post-review ul li:last-child {
margin-bottom: 0;
}
.post .post-content .post-review ul li .hide-for-small {
text-align: right;
}
.post .post-content .post-review ul li .progress {
width: 100%;
background: #f0f0f0;
height: 12px;
margin-top: 4px;
}
.post .post-content .post-review ul li .progress span {
background: #ef2673;
display: block;
height: 12px;
}
.post .post-content .post-review .comment_section {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.063em) {
.post .post-content .post-review .comment_section {
margin-bottom: 50px;
}
}
.post .post-content .post-review .comment_section p {
display: block;
margin-bottom: 10px;
position: relative;
padding-left: 24px;
font-size: 12px;
line-height: 16px;
}
.post .post-content .post-review .comment_section p:before {
content: '';
display: block;
width: 14px;
height: 14px;
line-height: 14px;
background: #fbecec;
border-radius: 7px;
text-align: center;
position: absolute;
top: 3px;
left: 0;
}
.post .post-content .post-review .comment_section p.positive:before {
content: '+';
color: #0fbe5d;
}
.post .post-content .post-review .comment_section p.negative:before {
content: '-';
color: #dc4242;
}
.post .post-content .post-review .post_comment {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
display: block;
margin-bottom: 25px;
}
.post .post-content .post-review .post_comment.good {
color: #0fbe5d;
}
.post .post-content .post-review .post_comment.bad {
color: #dc4242;
}
.post .post-content .post-review .average {
display: block;
margin: 0 0 30px;
padding: 0;
text-align: center;
border: 3px solid #fccce0;
font-size: 38px;
line-height: 1;
padding: 15px;
color: #ef2673;
font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
.post .post-content .post-review .average {
padding: 25px 15px;
margin: 0 0 50px;
}
}
@media only screen and (min-width: 64.063em) {
.post .post-content .post-review .average {
padding: 35px 15px;
}
}
@media only screen and (min-width: 64.063em) {
.post .post-content .post-review .average {
padding: 35px 15px;
}
}
.post-links .post-link {
display: inline-block;
height: 36px;
line-height: 34px;
border: 1px solid #e9e9e9;
position: relative;
text-align: center;
}
.post-links .post-link:before {
content: '';
display: inline-block;
opacity: 0.6;
}
.post-links .post-link:hover:before {
opacity: 1;
}
.post-links .post-link.comment-link {
width: 38px;
margin-right: 2px;
}
.post-links .post-link.comment-link:before {
width: 14px;
height: 13px;
vertical-align: middle;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/comment-icon.png);
-moz-background-size: 14px 13px;
-o-background-size: 14px 13px;
-webkit-background-size: 14px 13px;
background-size: 14px 13px;
}
.post-links .post-link.share-article-loop {
min-width: 38px;
line-height: 34px;
cursor: pointer;
}
.post-links .post-link.share-article-loop:before {
width: 18px;
height: 10px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/share-icon.png);
-moz-background-size: 18px 10px;
-o-background-size: 18px 10px;
-webkit-background-size: 18px 10px;
background-size: 18px 10px;
}
.post-links .post-link.share-article-loop .boxed-icon {
width: 38px;
height: 36px;
line-height: 36px;
position: absolute;
top: -1px;
left: 0;
font-size: 16px;
opacity: 0;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(1) {
z-index: 4;
-moz-transform: translateX(30);
-ms-transform: translateX(30);
-webkit-transform: translateX(30);
transform: translateX(30);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(2) {
z-index: 3;
-moz-transform: translateX(68px);
-ms-transform: translateX(68px);
-webkit-transform: translateX(68px);
transform: translateX(68px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(3) {
z-index: 2;
-moz-transform: translateX(106px);
-ms-transform: translateX(106px);
-webkit-transform: translateX(106px);
transform: translateX(106px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(4) {
z-index: 1;
-moz-transform: translateX(145px);
-ms-transform: translateX(145px);
-webkit-transform: translateX(145px);
transform: translateX(145px);
}
.post-links .post-link.share-article-loop .boxed-icon:nth-child(5) {
z-index: 1;
-moz-transform: translateX(183px);
-ms-transform: translateX(183px);
-webkit-transform: translateX(183px);
transform: translateX(183px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon {
left: auto;
right: 0;
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(1) {
z-index: 4;
-moz-transform: translateX(-30);
-ms-transform: translateX(-30);
-webkit-transform: translateX(-30);
transform: translateX(-30);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(2) {
z-index: 3;
-moz-transform: translateX(-68px);
-ms-transform: translateX(-68px);
-webkit-transform: translateX(-68px);
transform: translateX(-68px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(3) {
z-index: 2;
-moz-transform: translateX(-106px);
-ms-transform: translateX(-106px);
-webkit-transform: translateX(-106px);
transform: translateX(-106px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(4) {
z-index: 1;
-moz-transform: translateX(-145px);
-ms-transform: translateX(-145px);
-webkit-transform: translateX(-145px);
transform: translateX(-145px);
}
.rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(5) {
z-index: 1;
-moz-transform: translateX(-183px);
-ms-transform: translateX(-183px);
-webkit-transform: translateX(-183px);
transform: translateX(-183px);
}
.post-links .post-link.share-article-loop:hover .boxed-icon {
opacity: 1;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(1) {
-moz-transform: translateX(37px);
-ms-transform: translateX(37px);
-webkit-transform: translateX(37px);
transform: translateX(37px);
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2) {
-moz-transform: translateX(75px);
-ms-transform: translateX(75px);
-webkit-transform: translateX(75px);
transform: translateX(75px);
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3) {
-moz-transform: translateX(113px);
-ms-transform: translateX(113px);
-webkit-transform: translateX(113px);
transform: translateX(113px);
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4) {
-moz-transform: translateX(151px);
-ms-transform: translateX(151px);
-webkit-transform: translateX(151px);
transform: translateX(151px);
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(5) {
-moz-transform: translateX(189px);
-ms-transform: translateX(189px);
-webkit-transform: translateX(189px);
transform: translateX(189px);
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(1) {
-moz-transform: translateX(-37px);
-ms-transform: translateX(-37px);
-webkit-transform: translateX(-37px);
transform: translateX(-37px);
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2) {
-moz-transform: translateX(-75px);
-ms-transform: translateX(-75px);
-webkit-transform: translateX(-75px);
transform: translateX(-75px);
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3) {
-moz-transform: translateX(-113px);
-ms-transform: translateX(-113px);
-webkit-transform: translateX(-113px);
transform: translateX(-113px);
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4) {
-moz-transform: translateX(-151px);
-ms-transform: translateX(-151px);
-webkit-transform: translateX(-151px);
transform: translateX(-151px);
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(5) {
-moz-transform: translateX(-189px);
-ms-transform: translateX(-189px);
-webkit-transform: translateX(-189px);
transform: translateX(-189px);
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.post-links span {
font-size: 10px;
line-height: 40px;
margin-left: 5px;
color: #959595;
text-transform: uppercase;
vertical-align: middle;
}
.post-links.just-shares {
display: block;
}
.post-links.just-shares:before {
content: '';
display: inline-block;
position: relative;
top: 0;
width: 15px;
height: 9px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/share-icon.png);
-moz-background-size: 15px 8.25px;
-o-background-size: 15px 8.25px;
-webkit-background-size: 15px 8.25px;
background-size: 15px 8.25px;
}
.post-links.just-shares span {
line-height: 1;
}
.header_content {
margin-top: 30px;
}
.related {
margin-top: 60px;
}
.related .mega-menu-post {
margin-bottom: 30px;
}
.related .mega-menu-post .post-gallery {
margin-bottom: 18px;
}
#infinite-article {
padding-bottom: 80px;
position: relative;
}
#infinite-article > .post-detail-row {
padding: 60px 0;
}
#infinite-article > .post-detail-row.style2, #infinite-article > .post-detail-row.style3 {
padding: 0 0 60px 0;
}
#infinite-article > .post-detail-row + .post-detail-row {
padding: 60px 0;
}
.post-detail-row.attachment-page {
padding: 60px 0;
}
.post-info-vertical {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.thb-loading:after, .slick:after {
content: '';
width: 38px;
height: 38px;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -19px;
padding: 3px;
border-radius: 19px;
background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMjIyMjIyIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=") center center no-repeat;
}
.thb-loading.posts:after, .posts.slick:after {
bottom: auto;
top: 50%;
margin-top: -16px;
}
.thb-loading.posts .post, .posts.slick .post {
opacity: 0.2;
} .non-VC-page {
padding: 60px 0;
}
.non-VC-page .post .post-title {
margin-bottom: 20px;
} .archive-page-container {
padding-bottom: 40px;
}
#category-title {
width: 100%;
padding: 15px 0 17px;
text-align: center;
margin-bottom: 40px;
background-image: url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/archive-title.jpg);
background-position: center center;
}
@media only screen and (min-width: 40.063em) {
#category-title {
padding: 25px 0 27px;
}
}
@media only screen and (min-width: 64.063em) {
#category-title {
padding: 35px 0 37px;
}
}
#category-title h1 {
color: #fff;
font-size: 30px;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
}
@media only screen and (min-width: 40.063em) {
#category-title h1 {
font-size: 40px;
}
}
@media only screen and (min-width: 64.063em) {
#category-title h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 75em) {
#category-title h1 {
font-size: 60px;
}
}
#category-title h1 + p {
color: #fff;
margin: 20px 0 0;
}
#category-title h2 {
color: #fff;
font-size: 40px;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
}
#archive-title {
width: 100%;
padding: 15px 0 17px;
text-align: center;
margin-bottom: 40px;
background: #ef2673;
}
@media only screen and (min-width: 40.063em) {
#archive-title {
padding: 25px 0 27px;
}
}
@media only screen and (min-width: 64.063em) {
#archive-title {
padding: 35px 0 37px;
}
}
#archive-title h1 {
font-size: 25px;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
color: #fff;
}
@media only screen and (min-width: 40.063em) {
#archive-title h1 {
font-size: 30px;
}
}
@media only screen and (min-width: 64.063em) {
#archive-title h1 {
font-size: 35px;
}
}
@media only screen and (min-width: 75em) {
#archive-title h1 {
font-size: 40px;
}
}
#archive-title h1 span {
font-weight: 600;
text-transform: uppercase;
color: #ef2673;
display: block;
margin-top: 10px;
}
@media only screen and (min-width: 40.063em) {
#archive-title h1 span {
display: inline;
margin: 0;
}
} .overlay-effect {
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
max-height: 100%;
height: 100%; }
.overlay-effect.fresco {
display: block;
}
.overlay-effect img {
width: 100%;
line-height: 0;
}
.overlay-effect .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
background: rgba(234, 120, 85, 0.9);
text-align: center;
opacity: 0;
padding: 30px;
}
.overlay-effect .overlay > div {
display: table;
width: 100%;
height: 100%;
}
.overlay-effect .overlay > div > div {
display: table-cell;
vertical-align: middle;
}
.overlay-effect .overlay .post-title {
margin-top: 0;
}
.overlay-effect .overlay .post-title h3 {
color: #fff;
}
.overlay-effect .overlay .post-content {
color: #fff;
}
.overlay-effect .overlay .post-content p {
margin-bottom: 30px;
}
.overlay-effect .overlay .post-meta {
color: #fff;
}
.overlay-effect .buttons {
text-align: center;
}
.table {
display: table;
}
.table > div {
display: table-cell;
vertical-align: middle;
} .blog-section {
margin: 55px 0;
}
.blog-section + .sidebar {
margin: 0 0 55px 0;
}
@media only screen and (min-width: 40.063em) {
.blog-section + .sidebar {
margin-top: 55px;
}
}
.sidebar {
padding-left: 15px;
}
@media only screen and (min-width: 40.063em) {
.sidebar {
padding-left: 45px;
}
}
.blog_nav {
margin-top: 55px;
text-transform: uppercase;
font-weight: 600;
font-size: 11px;
}
.blog_nav a {
line-height: 18px;
color: #222;
}
.blog_nav .fa {
font-size: 18px;
position: relative;
vertical-align: middle;
top: -1px;
}
.blog_nav .next {
float: left;
}
.blog_nav .next .fa {
margin-right: 15px;
}
.blog_nav .prev {
float: right;
}
.blog_nav .prev .fa {
margin-left: 15px;
}
.sidebar .sidebar_inner {
background: #fff;
padding: 0 20px;
height: auto !important;
}
.post-detail-style2 .sidebar .sidebar_inner {
padding: 20px;
}
.post-detail-row .sidebar {
display: none;
}
@media only screen and (min-width: 64.063em) {
.post-detail-row .sidebar {
display: block;
}
}
.widget {
margin-bottom: 30px;
border: 1px solid #dedede;
padding: 19px;
width: 100%;
}
.widget:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 40.063em) {
.widget:last-child {
margin-bottom: 30px;
}
}
.widget.style2 {
padding: 0;
border: 0;
border-top: 1px solid #ededed;
margin-bottom: 45px;
}
.widget.style2 > strong {
position: static;
text-align: left;
color: #222;
}
.widget.style2 > strong span {
background: none;
width: 100%;
padding: 18px 0 30px;
height: auto;
line-height: 1;
}
.widget.style3 {
padding: 0;
border: 0;
margin-bottom: 40px;
}
.widget.style3 > strong {
position: static;
text-align: left;
color: #222;
width: 100%;
border-bottom: 1px solid #ededed;
text-align: center;
font-weight: 600;
height: 8px;
margin-bottom: 30px;
padding-top: 4px;
letter-spacing: normal;
font-size: 12px;
}
.widget.style3 > strong span {
display: inline-block;
background: #fff;
width: auto;
padding: 0 8px;
height: auto;
line-height: 1;
font-weight: 600;
}
.widget > strong {
text-align: center;
margin: 0;
color: #222;
font-weight: 400;
font-size: 10px;
display: block;
position: relative;
top: -20px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #ef2673;
}
.widget > strong span {
display: inline-block;
background: #ffe7f0;
height: 35px;
padding: 0 20px;
line-height: 35px;
font-weight: 400;
}
.widget ul {
margin: 0;
}
.widget ul li {
display: block;
padding: 8px 0;
font-size: 14px;
line-height: 18px;
margin: 0 !important;
}
.widget ul li:first-child {
padding-top: 0;
}
.widget ul li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.widget ul li a {
color: #737373;
}
.widget ul li p {
font-size: 13px;
line-height: 18px;
}
#footer .widget ul li {
font-size: 13px;
border-color: rgba(255, 255, 255, 0.1);
}
.widget ul.menu a {
font-size: 14px;
font-weight: 300;
}
.widget ul.menu .current-menu-item > a {
color: rgba(0, 0, 0, 0.1);
}
.widget ul.menu .sub-menu {
margin-top: 15px;
padding-top: 15px;
padding-left: 10px;
border-top: 1px solid #eeeeee;
}
.widget .count-image {
position: relative;
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
.widget .count-image img {
width: 100%;
}
.widget .count-image .count {
z-index: 10;
position: absolute;
top: 12px;
left: 12px;
display: block;
background: #ef2673;
text-align: center;
color: #fff;
width: 30px;
height: 30px;
line-height: 32px;
font-size: 12px;
font-weight: 600;
border-radius: 15px;
}
.widget .count-image + .post-title {
margin-bottom: 20px !important;
text-align: center;
}
.widget.widget_recent_entries ul li, .widget.widget_recent_comments ul li {
margin: 0;
padding: 14px 0;
font-size: 14px;
font-weight: 300;
border-bottom: 1px dotted rgba(134, 134, 134, 0.6);
}
.widget.widget_recent_entries ul li .url, .widget.widget_recent_comments ul li .url {
color: #ef2673;
}
.widget.widget_tag_cloud .wp-tag-cloud {
text-align: center;
}
.widget.widget_tag_cloud .wp-tag-cloud li {
display: inline-block;
padding: 0;
border: 0;
}
.widget.widget_tag_cloud .next {
display: none;
}
.widget.widget_categories ul li {
padding: 12px 0;
}
.widget.widget_calendar #calendar_wrap {
border: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_calendar table {
background: transparent;
border: 0;
width: 100%;
border-collapse: collapse;
table-layout: fixed;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.widget.widget_calendar table thead {
background: transparent;
font-size: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_calendar table thead th {
padding: 13px 0;
color: #303030;
text-align: center;
font-weight: 800;
}
.widget.widget_calendar table tbody tr:nth-child(even) {
background: rgba(0, 0, 0, 0.01);
}
.widget.widget_calendar table tbody td {
font-size: 12px;
color: #686868;
text-align: center;
padding: 9px 0;
}
.widget.widget_calendar table tfoot {
background: transparent;
margin-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_calendar table tfoot tr td {
padding: 12px 14px;
font-size: 12px;
}
.widget.widget_calendar table tfoot tr td a {
color: #737373;
text-transform: uppercase;
font-weight: 800;
}
.widget.widget_calendar table tfoot tr #next {
text-align: right;
}
.widget.widget_calendar table caption {
color: #303030;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
padding: 15px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_featured_video {
padding: 19px 0 0;
text-align: center;
}
.widget.widget_featured_video h6 {
display: block;
padding: 0 15px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
margin: 5px 0 25px;
}
.widget.widget_featured_video .flex-video {
margin: 0;
}
.widget.widget_categoryslider {
padding-bottom: 0;
}
.widget.widget_categoryslider .slick-slider {
padding-bottom: 30px;
}
.widget.widget_categoryslider .slick.dark-pagination .slick-dots {
bottom: 10px;
padding: 0;
}
.widget.widget_categoryslider .post .post-gallery {
margin-bottom: 20px;
}
.widget.widget_categoryslider .post .post-content {
text-style: italic;
}
.widget.widget_categoryslider .post .post-title h4 {
font-weight: 400;
margin-bottom: 10px;
}
.widget.widget_text {
border: 0;
}
.widget.widget_text.style1 {
padding: 19px 0 0 0;
}
.widget.widget_flickr, .widget.widget_dribbble, .widget.pinterest {
text-align: center;
}
.widget.widget_flickr .overlay-effect, .widget.widget_dribbble .overlay-effect, .widget.pinterest .overlay-effect {
width: 72px;
height: 72px;
margin: 0 4px 4px 0;
overflow: hidden;
display: block;
float: left;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
will-change: opacity;
}
.widget.widget_flickr .overlay-effect:hover, .widget.widget_dribbble .overlay-effect:hover, .widget.pinterest .overlay-effect:hover {
opacity: 1;
}
.widget.widget_flickr .overlay-effect a, .widget.widget_dribbble .overlay-effect a, .widget.pinterest .overlay-effect a {
display: block;
}
.widget.widget_flickr.style2 .overlay-effect, .widget.widget_dribbble.style2 .overlay-effect, .widget.pinterest.style2 .overlay-effect {
margin: 0 6px 6px 0;
}
.widget.widget_flickr .pin_link, .widget.widget_dribbble .pin_link, .widget.pinterest .pin_link {
display: block;
margin-top: 20px;
text-transform: uppercase;
text-align: left;
font-size: 11px;
font-weight: 600;
}
.widget.widget_latestimages ul li, .widget.widget_sharedimages ul li {
float: left;
width: 100%;
padding: 8px 0 2px;
}
.widget.widget_latestimages ul li:first-child, .widget.widget_sharedimages ul li:first-child {
padding-top: 0;
}
.widget.widget_latestimages figure, .widget.widget_sharedimages figure {
float: left;
}
.rtl .widget.widget_latestimages figure, .rtl .widget.widget_sharedimages figure {
float: right;
}
.rtl .widget.widget_latestimages figure img, .rtl .widget.widget_sharedimages figure img {
margin-right: 0;
margin-left: 20px;
}
.widget.widget_latestimages figure img, .widget.widget_sharedimages figure img {
width: 75px;
margin-right: 15px;
}
.widget.widget_latestimages figure.count-image, .widget.widget_sharedimages figure.count-image {
float: none;
}
.widget.widget_latestimages figure.count-image img, .widget.widget_sharedimages figure.count-image img {
width: 100%;
margin: 0;
}
.rtl .widget.widget_latestimages figure.count-image, .rtl .widget.widget_sharedimages figure.count-image {
margin: 0;
}
.widget.widget_latestimages .post-title, .widget.widget_sharedimages .post-title {
margin-bottom: 5px;
}
.widget.widget_latestimages .post-title a, .widget.widget_sharedimages .post-title a {
font-size: 12px;
line-height: 18px;
}
.widget.widget_latestimages .post-author, .widget.widget_sharedimages .post-author {
margin-bottom: 0;
margin-top: 0;
color: #a0a0a0;
font-size: 11px;
text-transform: none;
}
.widget.widget_sharedimages .post .post-title h6 {
font-size: 14px;
font-style: italic;
}
.widget.widget_sharedimages.style3 .post .post-title h6 {
font-style: normal;
}
.widget.widget_sharedimages .post-links.just-shares,
.widget.widget_sharedimages .post-links.just-shares span {
font-size: 10px;
text-transform: uppercase;
color: #ef2673;
}
.widget.widget_socialcounter {
border: 0;
padding: 0;
}
.widget.widget_socialcounter ul li {
padding: 0 0 2px 0;
}
.widget.widget_socialcounter ul li a {
display: block;
height: 38px;
line-height: 38px;
padding: 0 15px 0 40px;
position: relative;
color: #fff;
font-size: 14px;
font-weight: 600;
}
.widget.widget_socialcounter ul li a .fa {
position: absolute;
top: 0;
left: 0;
display: block;
width: 40px;
height: 38px;
line-height: 38px;
font-size: 16px;
text-align: center;
}
.widget.widget_socialcounter ul li a em {
font-style: normal;
font-weight: 400;
}
.widget.widget_socialcounter ul li a span {
font-size: 12px;
font-weight: 600;
float: right;
display: none;
}
@media only screen and (min-width: 64.063em) {
.widget.widget_socialcounter ul li a span {
display: inline;
}
}
.rtl .widget.widget_socialcounter ul li a span {
float: left;
}
.widget.widget_socialcounter ul li a.facebook {
background: #3b5998;
}
.widget.widget_socialcounter ul li a.facebook:hover {
background: #344e86;
}
.widget.widget_socialcounter ul li a.google-plus {
background: #dd4b39;
}
.widget.widget_socialcounter ul li a.google-plus:hover {
background: #d73925;
}
.widget.widget_socialcounter ul li a.linkedin {
background: #007bb6;
}
.widget.widget_socialcounter ul li a.linkedin:hover {
background: #006a9d;
}
.widget.widget_socialcounter ul li a.pinterest {
background: #cb2027;
}
.widget.widget_socialcounter ul li a.pinterest:hover {
background: #b51d23;
}
.widget.widget_socialcounter ul li a.twitter {
background: #00aced;
}
.widget.widget_socialcounter ul li a.twitter:hover {
background: #0099d4;
}
.widget.widget_socialcounter ul li a.instagram {
background: #3f729b;
}
.widget.widget_socialcounter ul li a.instagram:hover {
background: #386589;
}
.widget.widget_socialcounter ul li a.vk {
background: #45668e;
}
.widget.widget_socialcounter ul li a.vk:hover {
background: #3d5a7d;
}
.widget.widget_socialcounter ul li a.tumblr {
background: #35465c;
}
.widget.widget_socialcounter ul li a.tumblr:hover {
background: #2c3a4c;
}
.widget.widget_socialcounter ul li a.xing {
background: #cfdc00;
}
.widget.widget_socialcounter ul li a.xing:hover {
background: #b7c300;
}
.widget.widget_socialcounter ul li a.soundcloud {
background: #f80;
}
.widget.widget_socialcounter ul li a.soundcloud:hover {
background: #e67a00;
}
.widget.widget_socialcounter ul li a.dribbble {
background: #ea4c89;
}
.widget.widget_socialcounter ul li a.dribbble:hover {
background: #e7357a;
}
.widget.widget_socialcounter ul li a.youtube {
background: #e52d27;
}
.widget.widget_socialcounter ul li a.youtube:hover {
background: #d8201a;
}
.widget.widget_socialcounter ul li a.spotify {
background: #7ab800;
}
.widget.widget_socialcounter ul li a.spotify:hover {
background: #699f00;
}
.widget.widget_socialcounter ul li a.behance {
background: #1769ff;
}
.widget.widget_socialcounter ul li a.behance:hover {
background: #0059fd;
}
.widget.widget_socialcounter ul li a.deviantart {
background: #4e6252;
}
.widget.widget_socialcounter ul li a.deviantart:hover {
background: #435446;
}
.widget.widget_latestlist ul li {
padding-top: 0;
padding-bottom: 20px;
}
.widget.widget_latestlist ul li .post-author {
margin: 0;
color: #a7a7a7;
font-size: 10px;
}
.widget.widget_latestlist ul li .post-title h6 {
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin: 0	0	5px;
}
.widget.widget_latestlist ul li .post-content p {
margin: 0;
}
.widget.widget_subscribe_widget {
text-align: center;
}
.widget.widget_subscribe_widget p {
font-size: 14px;
line-height: 1.6;
}
.widget.widget_subscribe_widget .row {
margin: 0 -3px;
}
.widget.widget_subscribe_widget .row .columns {
padding: 0 3px;
}
.widget.widget_subscribe_widget .row .columns input[type="text"] {
height: 40px;
width: 100%;
}
.widget.widget_subscribe_widget .row .columns .btn {
padding: 12px 0;
width: 100%;
height: 40px;
}
.widget.widget_thbtwitter .created {
display: none;
}
.widget.widget_thbtwitter div {
font-size: 12px;
line-height: 18px;
margin-bottom: 15px;
}
.widget.widget_thbtwitter div a {
font-weight: 600;
}
.widget.widget_thbtwitter .btn.twitter {
position: relative;
padding: 10px 18px 10px 44px;
text-transform: none;
font-weight: 400;
font-size: 13px;
border-color: #00aced;
background: #00aced;
color: #fff;
}
.widget.widget_thbtwitter .btn.twitter strong {
font-weight: 600;
}
.widget.widget_thbtwitter .btn.twitter i {
position: absolute;
top: 8px;
left: 13px;
font-size: 16px;
color: white;
}
.widget.widget_thbtwitter .btn.twitter:hover {
color: #fff;
}  .slick {
max-width: 100%;
height: 300px;
position: relative;
overflow: hidden;
}
.slick:after {
margin: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: auto;
}
.slick.slick-initialized {
height: auto;
overflow: visible;
}
.slick.slick-initialized .slick-list {
opacity: 1;
}
.slick.slick-initialized:after {
display: none;
}
.slick.dark-pagination .slick-dots li button {
border: 1px solid rgba(0, 0, 0, 0.35);
}
.slick.dark-pagination .slick-dots li.slick-active button {
background: #ef2673;
border-color: #ef2673;
}
.slick.dark-pagination.bottom-margin {
margin-bottom: 30px;
}
.slick.dark-pagination.bottom-margin .slick-dots {
padding-bottom: 0;
bottom: -30px;
height: 15px;
}
.slick.mini-columns .columns {
padding: 0 2px;
}
.slick.outset-nav {
margin: 0 30px;
}
.slick.outset-nav .columns {
padding: 0 2px;
}
.slick.outset-nav .slick-nav {
border: 0;
color: #222;
font-size: 40px;
top: 40%;
visibility: visible;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/arrows.png) no-repeat;
opacity: 0.75;
-moz-background-size: 92px 23px;
-o-background-size: 92px 23px;
-webkit-background-size: 92px 23px;
background-size: 92px 23px;
}
.slick.outset-nav .slick-nav .fa {
display: none;
}
.slick.outset-nav .slick-nav.slick-prev {
text-align: left;
left: -30px;
background-position: left center;
}
.slick.outset-nav .slick-nav.slick-next {
text-align: right;
right: -30px;
background-position: right center;
}
.slick.outset-nav .slick-nav:hover {
opacity: 1;
}
.slick.featured-style8 {
background: #222;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
opacity: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
will-change: transform;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
position: relative;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-nav {
display: inline-block;
visibility: hidden;
position: absolute;
top: 50%;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
width: 46px;
height: 46px;
line-height: 44px;
margin-top: -23px;
text-align: center;
outline: 0;
color: #fff;
font-size: 20px;
padding: 0;
cursor: pointer;
z-index: 10;
}
.slick-nav.slick-prev {
left: 40px;
}
.slick-nav.slick-prev .fa {
margin-right: 1px;
}
.slick-nav.slick-next {
right: 40px;
}
.slick-nav.slick-next .fa {
margin-left: 1px;
}
.slick-nav:hover {
border-color: white;
background: #fff;
color: #ef2673;
}
@media only screen and (min-width: 40.063em) {
.slick-nav {
visibility: visible;
}
}
.slick-dots {
position: absolute;
bottom: 5%;
text-align: center;
width: 100%;
}
.featured-style3 .slick-dots {
bottom: 0;
}
@media only screen and (min-width: 40.063em) {
.featured-style3 .slick-dots {
bottom: 40px;
}
}
.featured-style2 .slick-dots {
bottom: auto;
top: 5%;
}
.featured-style5 .slick-dots {
bottom: 10px;
}
.slick-dots li {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
}
.slick-dots li button {
display: block;
width: 12px;
height: 12px;
background: transparent;
border: 2px solid #fff;
border-radius: 6px;
margin: 0 2px;
text-indent: -9999px;
padding: 0;
outline: 0;
cursor: pointer;
}
.slick-dots li.slick-active button {
background: #fff;
} form {
margin: 0;
}
form fieldset {
padding: 0;
margin: 0;
border: 0;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
border: 0;
padding: 13px 15px;
margin: 0 0 20px;
color: #222;
font-size: 12px;
max-width: 100%;
outline: 0;
background: #fff;
border: 1px solid #f2f2f2;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
}
input[type="text"].parsley-error, input[type="text"].wpcf7-not-valid,
input[type="password"].parsley-error,
input[type="password"].wpcf7-not-valid,
input[type="date"].parsley-error,
input[type="date"].wpcf7-not-valid,
input[type="datetime"].parsley-error,
input[type="datetime"].wpcf7-not-valid,
input[type="email"].parsley-error,
input[type="email"].wpcf7-not-valid,
input[type="number"].parsley-error,
input[type="number"].wpcf7-not-valid,
input[type="search"].parsley-error,
input[type="search"].wpcf7-not-valid,
input[type="tel"].parsley-error,
input[type="tel"].wpcf7-not-valid,
input[type="time"].parsley-error,
input[type="time"].wpcf7-not-valid,
input[type="url"].parsley-error,
input[type="url"].wpcf7-not-valid,
textarea.parsley-error,
textarea.wpcf7-not-valid {
-moz-box-shadow: 0 0 3px #cb2027;
-webkit-box-shadow: 0 0 3px #cb2027;
box-shadow: 0 0 3px #cb2027;
}
input[type="text"].full, .form-row input[type="text"],
input[type="password"].full, .form-row
input[type="password"],
input[type="date"].full, .form-row
input[type="date"],
input[type="datetime"].full, .form-row
input[type="datetime"],
input[type="email"].full, .form-row
input[type="email"],
input[type="number"].full, .form-row
input[type="number"],
input[type="search"].full, .form-row
input[type="search"],
input[type="tel"].full, .form-row
input[type="tel"],
input[type="time"].full, .form-row
input[type="time"],
input[type="url"].full, .form-row
input[type="url"],
textarea.full, .form-row
textarea {
width: 100%;
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #767676;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder {
color: #767676;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #767676;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #767676;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
border: 1px solid #737373;
background: #fff;
}
.wpcf7-response-output {
padding: 18px 22px !important;
font-size: 12px;
text-transform: uppercase;
text-align: center;
}
.parsley-error-list,
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important;
}
.wpcf7-form-control-wrap {
width: 100%;
}
label {
display: block;
clear: left;
font-size: 12px;
color: #222;
margin: 0 0 10px;
line-height: 12px;
font-weight: 400;
text-transform: uppercase;
}
textarea {
min-height: 162px;
resize: none;
overflow: auto;
}
.wpcf7-form textarea {
min-height: 200px;
}
.select-wrapper {
position: relative;
display: inline-block;
margin-bottom: 15px;
outline: 0;
min-width: 170px;
border: 1px solid #eaeaea;
color: #222;
}
.select-wrapper:after {
content: '';
background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjYuN3B4IiB2aWV3Qm94PSIwIDAgOCA0LjcwNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy45OTggNC43MDciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCQ0KCQkJPHJlY3QgeD0iMS44NTQiIHk9Ii0wLjQ3NSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMC45NzQ3IDIuMzUzNCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB3aWR0aD0iMSIgaGVpZ2h0PSI1LjY1NyIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQkNCgkJCTxyZWN0IHg9IjIuODE3IiB5PSIxLjg1NCIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMC4wMTA3IDQuNjgxMSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB3aWR0aD0iNS42NTciIGhlaWdodD0iMSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat;
display: block;
width: 12px;
height: 7px;
position: absolute;
top: 20px;
right: 15px;
line-height: 1;
}
.rtl .select-wrapper select {
padding: 11px 17px 11px 34px;
}
.rtl .select-wrapper:after {
right: auto;
left: 15px;
}
.select-wrapper select {
display: block;
font-size: 14px;
font-weight: 400;
height: 46px;
padding: 11px 34px 11px 17px;
border: 0;
text-transform: uppercase;
background: #fff;
color: #222;
outline: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
text-indent: 0.01px;
text-overflow: '';
-moz-appearance: radio-container;
}
.shipping-calculator-form .select-wrapper {
width: 100%;
} @-moz-document url-prefix() {
.select-wrapper:after {
display: none;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.select-wrapper:after {
display: none;
}
} .custom_check {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.custom_check + .custom_label {
display: block !important;
float: left;
font-size: 14px;
margin: 0;
padding: 0 0 0 30px;
min-height: 16px;
line-height: 16px;
position: relative;
text-transform: none;
}
.custom_check + .custom_label:before {
content: "";
display: block;
width: 16px;
height: 16px;
border: 1px solid #e8e8e8;
position: absolute;
background: #fff;
top: 0;
left: 0;
}
.custom_check + .custom_label:hover:before {
border-color: #ef2673;
}
.custom_check + .custom_label:after {
content: '';
width: 10px;
height: 10px;
background: #ef2673;
position: absolute;
top: 3px;
left: 3px;
opacity: 0;
}
.custom_check:checked + .custom_label:after {
opacity: 1;
}
input[type="radio"].custom_check + .custom_label:before,
input[type="radio"].custom_check + .custom_label:after {
border-radius: 8px;
} .form-row.woocommerce-invalid-required-field .select2-container .select2-choice {
border-color: #e76049;
}
.select2-container {
margin-bottom: 25px;
clear: left;
}
.select2-container .select2-choice {
background: #fff;
border: 1px solid #eee;
height: 45px !important;
line-height: 45px !important;
padding-left: 18px;
font-size: 12px;
text-transform: uppercase;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-container .select2-choice span {
height: 43px;
line-height: 45px;
text-transform: uppercase;
}
.select2-container .select2-choice div b {
background-position: 0 9px !important;
}
.select2-container.select2-dropdown-open .select2-choice {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.select2-container.select2-dropdown-open .select2-choice div b {
background-position: -18px 9px !important;
}
.select2-search {
padding: 0 16px 10px 16px;
}
.select2-drop {
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: rgba(0, 0, 0, 0.1);
}
.rtl .select2-drop {
left: auto;
right: -9999px;
}
.select2-drop.select2-drop-active {
border-color: rgba(0, 0, 0, 0.1);
}
.select2-drop.select2-drop-active.select2-drop-above {
border-top-color: rgba(0, 0, 0, 0.1);
}
.select2-drop .select2-search input {
background: #fff !important;
margin-bottom: 5px;
}
.select2-drop .select2-results {
background: #fff;
font-size: 12px;
padding: 4px 12px;
}
.select2-drop .select2-results .select2-highlighted {
background: #fafafa;
border-radius: 0;
}
.select2-drop .select2-results li {
margin: 0;
text-transform: uppercase;
}
.select2-container-single .select2-search input[type=text] {
background: #fff !important;
} .no-result h4 {
text-transform: uppercase;
margin-bottom: 40px;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.alignright,
.alignleft,
.aligncenter,
.bypostauthor {
color: inherit;
}
.alignright {
float: right;
margin: 6px 0;
}
@media only screen and (min-width: 40.063em) {
.alignright {
margin: 6px 0 6px 50px;
}
}
.alignleft {
float: left;
margin: 6px 0;
}
@media only screen and (min-width: 40.063em) {
.alignleft {
margin: 6px 50px 6px 0;
}
}
.alignright img,
.alignleft img,
.aligncenter img {
width: 100%;
max-width: 100%;
}
img.center {
margin: 0 auto;
display: block;
}
img.full {
width: 100%;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.wp-caption {
position: relative;
max-width: 100%;
}
.wp-caption .wp-caption-text {
display: block;
margin: 0;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #767676;
padding: 13px 0 26px;
}
.gallery {
display: block;
margin: 0 auto;
float: left;
clear: both;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery .gallery-item {
display: inline-block;
width: 100%;
padding: 0 1px 1px 0;
margin: 0;
-moz-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.gallery .gallery-item:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.gallery .gallery-item img {
width: 100%;
max-width: 100%;
}
.gallery .gallery-item a {
line-height: 0;
display: block;
width: 100%;
}
.gallery .gallery-item .gallery-icon {
margin: 0;
}
.gallery .gallery-item .gallery-caption {
display: none;
}
.more-link {
display: inline-block;
font-weight: 300;
color: #222;
text-decoration: underline;
}
[class^="tag-link"] {
display: inline-block;
background: #f4f4f4;
color: #8e8e8e;
font-size: 10px;
padding: 9px 12px;
margin: 0 0px 4px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 400;
border: 0;
}
[class^="tag-link"]:hover {
background: #ef2673;
color: #fff;
}
.searchform {
margin: 0;
}
.searchform fieldset {
position: relative;
border: 0;
}
.searchform fieldset input {
margin-bottom: 0;
} .authorpage {
padding: 40px 0;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 50px;
}
.authorpage.author_grid {
padding: 0 20px;
border: 0;
}
.authorpage.author_grid .avatar {
display: block;
margin: 0 auto 30px auto;
}
@media only screen and (min-width: 40.063em) {
.authorpage.author_grid .avatar {
float: none;
margin: 0 auto 30px auto;
}
}
.authorpage.author_grid .author-content {
padding: 0;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
.authorpage.author_grid .author-content {
padding-left: 0;
}
}
@media only screen and (min-width: 64.063em) {
.authorpage.author_grid .author-content {
padding-left: 0;
}
}
@media only screen and (min-width: 75em) {
.authorpage.author_grid .author-content {
padding-left: 0;
}
}
.authorpage.author_grid .author-content h5 {
font-size: 20px;
}
.authorpage.author_grid .author-content h4 {
font-size: 16px;
}
.authorpage.author_grid .author-content p {
font-size: 11px;
line-height: 14px;
}
.author-information .authorpage {
border: 0;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 40.063em) {
.author-information .authorpage .author-content {
padding-left: 84px;
text-align: left;
}
}
@media only screen and (min-width: 64.063em) {
.author-information .authorpage .author-content {
padding-left: 104px;
}
}
@media only screen and (min-width: 75em) {
.author-information .authorpage .author-content {
padding-left: 144px;
}
}
.author-information .authorpage .author-content h5 {
font-size: 18px;
margin-bottom: 3px;
}
.author-information .authorpage .author-content h4 {
font-size: 14px;
}
.author-information .authorpage .author-content p {
font-size: 11px;
margin-bottom: 10px;
}
.author-information .authorpage .avatar {
width: 54px;
border-radius: 27px;
}
@media only screen and (min-width: 40.063em) {
.author-information .authorpage .avatar {
float: left;
margin: 0;
}
}
@media only screen and (min-width: 64.063em) {
.author-information .authorpage .avatar {
width: 74px;
border-radius: 37px;
}
}
@media only screen and (min-width: 75em) {
.author-information .authorpage .avatar {
width: 114px;
border-radius: 57px;
}
}
.authorpage .author-content {
padding: 0;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
.authorpage .author-content {
padding-left: 104px;
text-align: left;
}
}
@media only screen and (min-width: 64.063em) {
.authorpage .author-content {
padding-left: 144px;
}
}
@media only screen and (min-width: 75em) {
.authorpage .author-content {
padding-left: 204px;
}
}
.authorpage .author-content h5 {
font-size: 48px;
line-height: 1;
margin: 3px 0 0 0;
color: #222;
font-weight: 600;
text-transform: uppercase;
}
.authorpage .author-content h5 a {
color: #222;
}
.authorpage .author-content h4 {
font-size: 24px;
line-height: 1;
font-weight: 400;
color: #767676;
margin: 0 0 10px;
text-transform: uppercase;
}
.authorpage .author-content p {
font-size: 12px;
line-height: 18px;
color: #767676;
text-transform: uppercase;
}
.authorpage .author-content .boxed-icon {
width: 32px;
height: 28px;
line-height: 28px;
}
.authorpage .avatar {
display: block;
width: 84px;
margin: 0 auto 30px auto;
border-radius: 42px;
}
@media only screen and (min-width: 40.063em) {
.authorpage .avatar {
float: left;
margin: 0;
}
}
@media only screen and (min-width: 64.063em) {
.authorpage .avatar {
width: 114px;
border-radius: 57px;
}
}
@media only screen and (min-width: 75em) {
.authorpage .avatar {
width: 164px;
border-radius: 82px;
}
} .post-gallery-lightbox .mfp-content {
height: 100%;
max-height: 100%;
}
.post-gallery-lightbox .mfp-arrow {
display: none;
}
.post-gallery-content {
height: 100%;
padding-top: 110px;
}
.post-gallery-content .lightbox-header {
background: #fff;
padding: 10px 15px;
height: 110px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
.post-gallery-content .lightbox-header {
padding: 10px 20px;
}
}
@media only screen and (min-width: 64.063em) {
.post-gallery-content .lightbox-header {
padding: 10px 30px;
}
}
.post-gallery-content .lightbox-header .logolink {
display: block;
line-height: 90px;
}
.post-gallery-content .lightbox-header .logolink .logoimg {
max-height: 40px;
}
.post-gallery-content .lightbox-header .lightbox-close {
float: right;
display: block;
line-height: 90px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
border: 0;
outline: 0;
background: none;
cursor: pointer;
}
.post-gallery-content .lightbox-header .lightbox-close span {
display: inline-block;
margin-right: 15px;
font-size: 20px;
font-weight: 400;
position: relative;
top: 1px;
}
.post-gallery-content .lightbox-header .columns {
display: table;
}
.post-gallery-content .lightbox-header .columns > .lightbox-close, .post-gallery-content .lightbox-header .columns > .logolink {
display: table-cell;
vertical-align: middle;
}
.post-gallery-content .row {
height: 100%;
}
.post-gallery-content .row .columns {
height: auto;
}
@media only screen and (min-width: 40.063em) {
.post-gallery-content .row .columns {
height: 100%;
}
}
.post-gallery-content .row .columns .arrow {
display: inline-block;
width: 58px;
height: 58px;
border-radius: 29px;
text-align: center;
line-height: 58px;
font-size: 24px;
background: rgba(51, 51, 51, 0.7);
color: rgba(255, 255, 255, 0.4);
}
.post-gallery-content .row .columns .arrow:hover {
background: #ef2673;
color: white;
}
.post-gallery-content .row .columns .arrow.prev .fa {
margin-right: 2px;
}
.post-gallery-content .row .columns .arrow.next .fa {
margin-left: 2px;
}
.post-gallery-content .row .columns .arrow + span {
color: #767676;
font-size: 13px;
margin-left: 15px;
}
.post-gallery-content .row .columns .arrow + span em {
color: #d5d5d5;
font-style: normal;
font-weight: 600;
}
.post-gallery-content .row .columns.image {
padding: 0;
}
@media only screen and (min-width: 40.063em) {
.post-gallery-content .row .columns.image {
padding: 25px;
}
}
@media only screen and (min-width: 64.063em) {
.post-gallery-content .row .columns.image {
padding: 35px;
}
}
@media only screen and (min-width: 75em) {
.post-gallery-content .row .columns.image {
padding: 50px;
}
}
.post-gallery-content .row .columns.image .attachment-full {
max-height: 100%;
width: auto;
}
.post-gallery-content .row .columns.image .arrow {
display: block;
position: absolute;
top: 50%;
margin-top: -29px;
}
.post-gallery-content .row .columns.image .arrow.prev {
left: 15px;
}
.post-gallery-content .row .columns.image .arrow.next {
right: 15px;
}
@media only screen and (min-width: 40.063em) {
.post-gallery-content .row .columns.image .arrow {
display: none;
}
}
.post-gallery-content .row .columns.image-text {
background: #1d1d1d;
padding: 15px 15px;
}
@media only screen and (min-width: 40.063em) {
.post-gallery-content .row .columns.image-text {
padding: 25px;
overflow-y: scroll;
}
}
@media only screen and (min-width: 64.063em) {
.post-gallery-content .row .columns.image-text {
padding: 35px;
}
}
@media only screen and (min-width: 75em) {
.post-gallery-content .row .columns.image-text {
padding: 50px;
}
}
.post-gallery-content .row .columns.image-text .arrow,
.post-gallery-content .row .columns.image-text .meta {
display: none;
}
@media only screen and (min-width: 40.063em) {
.post-gallery-content .row .columns.image-text .arrow,
.post-gallery-content .row .columns.image-text .meta {
display: inline-block;
}
}
.post-gallery-content .row .columns.image-text h5 {
color: #fff;
font-weight: 600;
font-size: 18px;
margin: 15px 0;
}
@media only screen and (min-width: 40.063em) {
.post-gallery-content .row .columns.image-text h5 {
margin: 40px 0 15px;
}
}
.post-gallery-content .row .columns.image-text h6 {
color: #fff;
}
.post-gallery-content .row .columns.image-text p {
color: #cfcfcf;
}
.post-gallery-content .row .columns.image-text small {
font-size: 12px;
color: #767676;
} .mobile-toggle {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
position: relative;
-moz-transition: none 1s;
-o-transition: none 1s;
-webkit-transition: none 1s;
transition: none 1s;
}
.mobile-toggle div {
width: 30px;
height: 30px;
position: relative;
}
.mobile-toggle span {
display: block;
position: absolute;
width: 22px;
height: 3px;
background: #ef2673;
content: " ";
left: 4px;
border-radius: 2px;
}
.mobile-toggle span:nth-child(1) {
top: 8px;
}
.mobile-toggle span:nth-child(2) {
top: 13px;
}
.mobile-toggle span:nth-child(3) {
top: 18px;
}
#mobile-menu {
position: fixed;
top: 0;
height: 100%;
z-index: 99;
padding: 20px 10px 20px 20px;
width: 320px;
background: #fff;
overflow: hidden;
left: 0;
-moz-transform: translate3d(-320px, 0, 0);
-webkit-transform: translate3d(-320px, 0, 0);
transform: translate3d(-320px, 0, 0);
}
@media only screen and (min-width: 40.063em) {
#mobile-menu {
padding: 30px 20px 30px 30px;
}
}
.no-csstransforms3d #mobile-menu {
left: -320px;
}
.touch #mobile-menu {
overflow-x: hidden !important;
overflow-y: scroll !important;
-ms-overflow-style: -ms-autohiding-scrollbar !important;
-webkit-overflow-scrolling: touch !important;
}
@media only screen and (max-width: 40.063em) {
#mobile-menu {
width: 280px;
left: 0;
-moz-transform: translate3d(-280px, 0, 0);
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0);
}
.no-csstransforms3d #mobile-menu {
left: -280px;
}
}
#mobile-menu .custom_scroll {
padding-right: 10px;
}
#mobile-menu .custom_scroll > div {
right: 10px;
}
.open-menu #mobile-menu {
visibility: visible;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.no-csstransforms3d .open-menu #mobile-menu {
left: 0;
}
#mobile-menu .close {
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: #222;
color: #fff;
}
.rtl #mobile-menu .close {
right: auto;
left: 0;
}
@media only screen and (min-width: 40.063em) {
#mobile-menu .close {
width: 30px;
height: 30px;
line-height: 30px;
}
}
#mobile-menu .logoimg {
max-width: 160px;
margin-bottom: 30px;
} .thb-mobile-menu {
list-style: none;
padding: 0;
margin: 0 0 30px;
clear: left;
position: relative;
}
.thb-mobile-menu li {
border-bottom: 1px solid #e7e7e7;
}
.thb-mobile-menu li.menu-item-has-children {
position: relative;
}
.thb-mobile-menu li span {
display: block;
position: absolute;
width: 23px;
height: 23px;
text-align: center;
line-height: 21px;
font-size: 14px;
border: 1px solid #e7e7e7;
cursor: pointer;
right: 0;
top: 10px;
}
.rtl .thb-mobile-menu li span {
right: auto;
left: 0;
}
.thb-mobile-menu li a {
display: block;
line-height: 44px;
font-size: 16px;
font-weight: 600;
color: #222;
position: relative;
}
.thb-mobile-menu li a.active {
color: #ef2673;
}
.thb-mobile-menu li a.active + span {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.thb-mobile-menu li:last-child {
border: 0;
}
.thb-mobile-menu .sub-menu {
display: none;
list-style: none;
margin: 0;
border-top: 1px solid #e7e7e7;
padding: 5px 0 5px 20px;
}
.thb-mobile-menu .sub-menu li a {
font-size: 12px;
line-height: 35px;
color: #595959;
}
.rtl .thb-mobile-menu .sub-menu {
padding: 5px 20px 5px 0;
}
.thb-mobile-menu-secondary {
list-style: none;
padding: 0;
margin: 0 0 30px;
clear: left;
position: relative;
}
.thb-mobile-menu-secondary li a {
display: block;
line-height: 24px;
font-size: 14px;
font-weight: 400;
color: rgba(34, 34, 34, 0.8);
position: relative;
}
.thb-mobile-menu-secondary li a:hover {
color: #ef2673;
}
.menu-footer p {
font-size: 11px;
line-break: 16px;
color: #767676;
} #footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer .row {
display: flex;
align-items: stretch;
flex-wrap: wrap;
padding: 0 15px;
}
#footer .row:before, #footer .row:after {
display: none !important;
}
#footer .row.no-padding {
padding: 0;
}
#footer .row.center-align .columns {
align-items: center;
justify-content: center;
}
#footer .row .columns {
padding: 0;
display: flex;
flex-direction: column;
}
#footer .row .columns + .columns {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40.063em) {
#footer .row .columns + .columns {
border-top: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
}
#footer.no-borders .row .columns + .columns {
border: 0;
}
@media only screen and (min-width: 40.063em) {
#footer.no-borders .row .columns + .columns {
border: 0;
}
}
#footer.left-align-text .widget {
text-align: left;
}
#footer p {
font-size: 13px;
}
#footer .widget {
border: 0;
padding: 30px 15px;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
#footer .widget {
padding: 40px;
}
}
#footer .widget > strong {
font-size: 11px;
top: 0;
margin-bottom: 20px;
}
#footer .widget > strong span {
background: transparent;
color: #222;
}
#footer .widget.style3 > strong {
text-align: left;
border: 0;
height: auto;
}
#footer .widget.style3 > strong span {
padding: 0;
}
#footer .widget ul.menu li a {
font-size: 10px;
color: #878787;
text-transform: uppercase;
}
#footer .widget ul.menu li .submenu {
border: 0;
padding: 0;
margin: 0;
}
#footer .widget.widget_latestimages, #footer .widget.widget_sharedimages {
text-align: left;
}
#subfooter {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 30px 0;
color: #6a6a6a;
font-weight: 400;
text-align: center;
}
#subfooter p {
font-size: 10px;
}
#subfooter a {
display: inline-block;
margin: 0 10px;
font-size: 10px;
}
#subfooter a.icon-1x {
font-size: 16px;
}
#subfooter .menu {
list-style: none;
margin: 0;
padding: 0;
}
#subfooter .menu li {
display: inline-block;
text-transform: uppercase;
}
#subfooter .menu li a {
color: #222;
font-size: 12px;
} #comments {
width: 100%;
clear: left;
}
#comments ol.commentlist {
list-style: none;
margin: 0;
display: block;
width: 100%;
}
#comments ol.commentlist .comment .comment-body,
#comments ol.commentlist .comment .comment_container {
position: relative;
min-height: 56px;
padding-left: 76px;
padding-bottom: 22px;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 22px;
}
#comments ol.commentlist .comment .comment-body:hover .reply,
#comments ol.commentlist .comment .comment_container:hover .reply {
opacity: 1;
}
#comments ol.commentlist .comment .comment-meta {
line-height: 1;
}
#comments ol.commentlist .comment .comment-meta p:last-child {
margin-bottom: 0;
}
#comments ol.commentlist .comment .comment-metadata {
position: absolute;
bottom: 12px;
left: 76px;
font-size: 9px;
color: #767676;
text-transform: uppercase;
font-weight: 400;
}
#comments ol.commentlist .comment .comment-metadata a {
color: #767676;
}
#comments ol.commentlist .comment .vcard {
border: 0;
}
#comments ol.commentlist .comment .vcard .fn {
font-size: 12px;
font-weight: 600;
color: #222;
text-transform: uppercase;
}
#comments ol.commentlist .comment .vcard .says {
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
color: #767676;
}
#comments ol.commentlist .comment .avatar {
width: 56px;
height: 56px;
float: left;
position: absolute;
top: 0;
left: 0;
}
#comments ol.commentlist .comment .meta strong {
font-size: 12px;
font-weight: 600;
color: #222;
text-transform: uppercase;
}
#comments ol.commentlist .comment .meta time .comment-metadata {
position: absolute;
bottom: 12px;
left: 76px;
font-size: 9px;
color: #767676;
text-transform: uppercase;
font-weight: 400;
}
#comments ol.commentlist .comment .meta time .comment-metadata a {
color: #767676;
}
#comments ol.commentlist .comment .comment-content,
#comments ol.commentlist .comment .description {
padding-top: 7px;
}
#comments ol.commentlist .comment .comment-content p,
#comments ol.commentlist .comment .description p {
font-size: 13px;
line-height: 18px;
word-break: break-word;
}
#comments ol.commentlist .comment .reply {
position: absolute;
top: 0;
right: 0;
opacity: 0;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
}
#comments ol.commentlist .comment:last-child .comment-body {
border: 0;
margin: 0;
}
#comments ol.commentlist .comment .children {
list-style: none;
margin-left: 10px;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 22px;
}
@media only screen and (min-width: 40.063em) {
#comments ol.commentlist .comment .children {
margin-left: 76px;
}
}
.comment-respond {
display: block;
padding: 15px;
}
@media only screen and (min-width: 40.063em) {
.comment-respond {
padding: 30px;
}
}
#reviews .comment-respond {
padding: 0;
margin-top: 30px;
}
.comment-respond input,
.comment-respond textarea {
width: 100%;
}
.comment-respond .comment-reply-title {
font-weight: 600;
margin: 0;
}
.comment-respond .comment-reply-title small {
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
margin-left: 10px;
}
.comment-respond .comment-notes,
.comment-respond .form-allowed-tags,
.comment-respond .logged-in-as {
font-size: 14px;
color: #595959;
margin-bottom: 18px;
}
.comment-respond .comment-notes code,
.comment-respond .form-allowed-tags code,
.comment-respond .logged-in-as code {
display: block;
font-size: 12px;
color: #595959;
font-weight: 400;
}
.comment-respond .form-submit,
.comment-respond .form-submit input {
margin: 0;
}
.comment-respond .row {
margin-left: -5px;
margin-right: -5px;
}
.comment-respond .row .columns {
padding: 0 5px;
}
.commentlist_parent {
border: 1px solid #f2f2f2;
}
.commentlist_parent #comment-button {
display: block;
width: 100%;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #222;
border-bottom: 1px solid #f2f2f2;
line-height: 48px;
padding: 0 35px 0 50px;
position: relative;
}
.commentlist_parent #comment-button:before, .commentlist_parent #comment-button:after {
opacity: 0.6;
}
.commentlist_parent #comment-button:hover:before, .commentlist_parent #comment-button:hover:after {
opacity: 1;
}
.commentlist_parent #comment-button:before {
content: '';
display: block;
width: 16px;
height: 15px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/comment-icon.png);
-moz-background-size: 16px 15px;
-o-background-size: 16px 15px;
-webkit-background-size: 16px 15px;
background-size: 16px 15px;
position: absolute;
top: 17px;
left: 20px;
}
.commentlist_parent #comment-button:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #222 transparent transparent transparent;
position: absolute;
top: 22px;
right: 20px;
}
.commentlist_parent .commentlist_container {
display: none;
padding: 15px;
border-bottom: 1px solid #f2f2f2;
}
@media only screen and (min-width: 40.063em) {
.commentlist_parent .commentlist_container {
padding: 30px;
}
}
.commentlist_parent .nocomments {
display: block;
margin: 0;
padding: 20px;
text-align: center;
}
.commentlist_parent .comment-subscription-form label {
width: auto;
float: none;
}  .posts.columns-6.row {
margin: 0 -3px;
}
.posts.columns-6.row .columns {
padding: 0 3px;
}
.posts.columns-6.row .columns .post.style6 .post-gallery {
margin-bottom: 15px;
}
.posts.columns-6.row .columns .post.style6 .post-title h5 {
font-weight: 400;
font-size: 12px;
}
.posts.border .post {
padding-bottom: 29px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 30px;
}
.posts.border .post:last-child {
padding: 0;
border: 0;
}
.posts.border-vertical {
border-top: 1px solid #eaeaea;
}
.posts.border-vertical .post {
padding: 29px 0 29px 0;
}
@media only screen and (min-width: 64.063em) {
.posts.border-vertical .post {
padding: 29px 29px 29px 0;
}
}
.posts.border-vertical > .row > .columns {
border-bottom: 1px solid #eaeaea;
}
.posts.border-vertical .even {
border-left: 1px solid #eaeaea;
}
.posts.border-vertical .even .post {
padding: 29px 0 29px 0;
}
@media only screen and (min-width: 64.063em) {
.posts.border-vertical .even .post {
padding: 29px 0 29px 29px;
}
}
@media only screen and (min-width: 75em) {
.posts.masonry.row {
margin: 0 -20px;
}
.posts.masonry.row > .columns {
padding: 0 20px;
}
} .post .post-content .category_title {
display: block;
border-bottom: 3px solid #222;
padding-bottom: 20px;
margin-bottom: 30px;
}
.post .post-content .category_title.small {
padding-bottom: 10px;
}
.post .post-content .category_title h2 {
margin: 0;
font-weight: 900;
line-height: 1;
font-size: 28px;
}
.post .post-content .category_title h2 a {
color: #222;
}
.post .post-content .category_title h5 {
margin: 0;
font-weight: 900;
line-height: 1;
font-size: 20px;
}
.post .post-content .category_title h5 a {
color: #222;
}
.post .post-content .category_title.catstyle-style4 {
border-bottom: 0;
padding-bottom: 0;
}
.post .post-content .category_title.style2 {
border-bottom: 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
padding-top: 20px;
padding-bottom: 0;
margin-bottom: 30px;
}
.post .post-content .category_title.style2 h2 {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
.post .post-content .category_title.style3 {
height: 8px;
border-bottom: 1px solid #ededed;
margin-bottom: 30px;
text-align: left;
padding: 0;
}
.post .post-content .category_title.style3 span {
color: #222;
display: inline-block;
background: #fff;
padding-right: 8px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.category_container {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) top left repeat;
padding: 5px;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
.category_container {
padding: 10px;
}
}
.category_container.style2 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTVCODFGRUZCRTE5MTFFNTgyNkJCQkM5NkQ1ODU1MEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTVCODFGRjBCRTE5MTFFNTgyNkJCQkM5NkQ1ODU1MEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NUI4MUZFREJFMTkxMUU1ODI2QkJCQzk2RDU4NTUwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NUI4MUZFRUJFMTkxMUU1ODI2QkJCQzk2RDU4NTUwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrCuGZ0AAAA3SURBVHjaYlywYAEDEJgwQMCZ+Ph4MIMFKmjEgABnQAQTAw7AAlOBrBoEGP///49VB06jAAIMAK/bCdPi+3dIAAAAAElFTkSuQmCC) repeat left top;
}
@media only screen and (min-width: 40.063em) {
.category_container.style2 {
padding: 12px;
}
}
.category_container.style2 .inner {
padding: 5px;
}
@media only screen and (min-width: 40.063em) {
.category_container.style2 .inner {
padding: 10px;
}
}
@media only screen and (min-width: 64.063em) {
.category_container.style2 .inner {
padding: 24px;
}
}
.category_container .inner {
background: #fff;
padding: 20px 5px 0;
}
@media only screen and (min-width: 40.063em) {
.category_container .inner {
padding: 20px 20px;
}
}
@media only screen and (min-width: 64.063em) {
.category_container .inner {
padding: 40px 50px;
}
}
.category_container .inner > .columns {
padding: 0 10px;
}
@media only screen and (min-width: 40.063em) {
.category_container .inner > .columns {
padding: 0 20px;
}
}
.category_container.author-information {
float: left;
width: 100%;
margin-bottom: 30px;
}
.category_container.author-information .inner {
float: left;
width: 100%;
padding: 15px;
}
@media only screen and (min-width: 40.063em) {
.category_container.author-information .inner {
padding: 20px;
}
}
@media only screen and (min-width: 64.063em) {
.category_container.author-information .inner {
padding: 35px;
}
} .smalltitle {
color: #222;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
margin: 0 0 25px;
letter-spacing: 0.3em;
}
.mediumtitle {
font-size: 22px;
line-height: 34px;
margin: 0 0 25px;
font-weight: 400;
color: #5a5a5a;
}
@media only screen and (min-width: 40.063em) {
.mediumtitle {
font-size: 26px;
}
} .inline-icon {
display: inline;
}
.inline-icon.icon-1x {
font-size: 14px;
vertical-align: middle;
}
.inline-icon.icon-2x {
font-size: 18px;
vertical-align: middle;
}
.inline-icon.icon-3x {
font-size: 22px;
vertical-align: middle;
}
.inline-icon.icon-4x {
font-size: 26px;
vertical-align: middle;
}
.boxed-icon {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
font-size: 12px;
border: 1px solid #eaeaea;
}
.boxed-icon.icon-1x {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 12px;
}
.boxed-icon.icon-2x {
width: 30px;
height: 28px;
line-height: 28px;
font-size: 14px;
}
.boxed-icon.icon-3x {
width: 40px;
height: 38px;
line-height: 38px;
font-size: 16px;
}
.boxed-icon.icon-4x {
width: 56px;
height: 54px;
line-height: 54px;
font-size: 18px;
}
.boxed-icon.large {
width: 56px;
height: 54px;
line-height: 54px;
}
.boxed-icon.fill {
background: #222;
border-color: #222;
color: #fff;
}
.boxed-icon.fill:hover {
background: #090909;
border-color: #090909;
}
.facebook {
color: #3b5998;
}
.facebook:hover {
color: #344e86;
}
.facebook.boxed-icon {
background: #fff;
}
.facebook.boxed-icon:hover {
color: #fff;
background: #3b5998;
border-color: #3b5998;
}
.facebook.boxed-icon.fill {
background: #3b5998;
border-color: #3b5998;
color: #fff;
}
.facebook.boxed-icon.fill:hover {
background: #2d4373;
border-color: #2d4373;
}
.google-plus {
color: #dd4b39;
}
.google-plus:hover {
color: #d73925;
}
.google-plus.boxed-icon {
background: #fff;
}
.google-plus.boxed-icon:hover {
color: #fff;
background: #dd4b39;
border-color: #dd4b39;
}
.google-plus.boxed-icon.fill {
background: #dd4b39;
border-color: #dd4b39;
color: #fff;
}
.google-plus.boxed-icon.fill:hover {
background: #c23321;
border-color: #c23321;
}
.linkedin {
color: #007bb6;
}
.linkedin:hover {
color: #006a9d;
}
.linkedin.boxed-icon {
background: #fff;
}
.linkedin.boxed-icon:hover {
color: #fff;
background: #007bb6;
border-color: #007bb6;
}
.linkedin.boxed-icon.fill {
background: #007bb6;
border-color: #007bb6;
color: #fff;
}
.linkedin.boxed-icon.fill:hover {
background: #005983;
border-color: #005983;
}
.pinterest {
color: #cb2027;
}
.pinterest:hover {
color: #b51d23;
}
.pinterest.boxed-icon {
background: #fff;
}
.pinterest.boxed-icon:hover {
color: #fff;
background: #cb2027;
border-color: #cb2027;
}
.pinterest.boxed-icon.fill {
background: #cb2027;
border-color: #cb2027;
color: #fff;
}
.pinterest.boxed-icon.fill:hover {
background: #9f191f;
border-color: #9f191f;
}
.twitter {
color: #00aced;
}
.twitter:hover {
color: #0099d4;
}
.twitter.boxed-icon {
background: #fff;
}
.twitter.boxed-icon:hover {
color: #fff;
background: #00aced;
border-color: #00aced;
}
.twitter.boxed-icon.fill {
background: #00aced;
border-color: #00aced;
color: #fff;
}
.twitter.boxed-icon.fill:hover {
background: #0087ba;
border-color: #0087ba;
}
.instagram {
color: #3f729b;
}
.instagram:hover {
color: #386589;
}
.instagram.boxed-icon {
background: #fff;
}
.instagram.boxed-icon:hover {
color: #fff;
background: #3f729b;
border-color: #3f729b;
}
.instagram.boxed-icon.fill {
background: #3f729b;
border-color: #3f729b;
color: #fff;
}
.instagram.boxed-icon.fill:hover {
background: #305777;
border-color: #305777;
}
.vk {
color: #45668e;
}
.vk:hover {
color: #3d5a7d;
}
.vk.boxed-icon {
background: #fff;
}
.vk.boxed-icon:hover {
color: #fff;
background: #45668e;
border-color: #45668e;
}
.vk.boxed-icon.fill {
background: #45668e;
border-color: #45668e;
color: #fff;
}
.vk.boxed-icon.fill:hover {
background: #344d6c;
border-color: #344d6c;
}
.tumblr {
color: #35465c;
}
.tumblr:hover {
color: #2c3a4c;
}
.tumblr.boxed-icon {
background: #fff;
}
.tumblr.boxed-icon:hover {
color: #fff;
background: #35465c;
border-color: #35465c;
}
.tumblr.boxed-icon.fill {
background: #35465c;
border-color: #35465c;
color: #fff;
}
.tumblr.boxed-icon.fill:hover {
background: #222d3c;
border-color: #222d3c;
}
.xing {
color: #cfdc00;
}
.xing:hover {
color: #b7c300;
}
.xing.boxed-icon {
background: #fff;
}
.xing.boxed-icon:hover {
color: #fff;
background: #cfdc00;
border-color: #cfdc00;
}
.xing.boxed-icon.fill {
background: #cfdc00;
border-color: #cfdc00;
color: #fff;
}
.xing.boxed-icon.fill:hover {
background: #9fa900;
border-color: #9fa900;
}
.soundcloud {
color: #f80;
}
.soundcloud:hover {
color: #e67a00;
}
.soundcloud.boxed-icon {
background: #fff;
}
.soundcloud.boxed-icon:hover {
color: #fff;
background: #f80;
border-color: #f80;
}
.soundcloud.boxed-icon.fill {
background: #f80;
border-color: #f80;
color: #fff;
}
.soundcloud.boxed-icon.fill:hover {
background: #cc6d00;
border-color: #cc6d00;
}
.dribbble {
color: #ea4c89;
}
.dribbble:hover {
color: #e7357a;
}
.dribbble.boxed-icon {
background: #fff;
}
.dribbble.boxed-icon:hover {
color: #fff;
background: #ea4c89;
border-color: #ea4c89;
}
.dribbble.boxed-icon.fill {
background: #ea4c89;
border-color: #ea4c89;
color: #fff;
}
.dribbble.boxed-icon.fill:hover {
background: #e51e6b;
border-color: #e51e6b;
}
.youtube {
color: #e52d27;
}
.youtube:hover {
color: #d8201a;
}
.youtube.boxed-icon {
background: #fff;
}
.youtube.boxed-icon:hover {
color: #fff;
background: #e52d27;
border-color: #e52d27;
}
.youtube.boxed-icon.fill {
background: #e52d27;
border-color: #e52d27;
color: #fff;
}
.youtube.boxed-icon.fill:hover {
background: #c21d17;
border-color: #c21d17;
}
.spotify {
color: #7ab800;
}
.spotify:hover {
color: #699f00;
}
.spotify.boxed-icon {
background: #fff;
}
.spotify.boxed-icon:hover {
color: #fff;
background: #7ab800;
border-color: #7ab800;
}
.spotify.boxed-icon.fill {
background: #7ab800;
border-color: #7ab800;
color: #fff;
}
.spotify.boxed-icon.fill:hover {
background: #588500;
border-color: #588500;
}
.behance {
color: #1769ff;
}
.behance:hover {
color: #0059fd;
}
.behance.boxed-icon {
background: #fff;
}
.behance.boxed-icon:hover {
color: #fff;
background: #1769ff;
border-color: #1769ff;
}
.behance.boxed-icon.fill {
background: #1769ff;
border-color: #1769ff;
color: #fff;
}
.behance.boxed-icon.fill:hover {
background: #0050e3;
border-color: #0050e3;
}
.deviantart {
color: #4e6252;
}
.deviantart:hover {
color: #435446;
}
.deviantart.boxed-icon {
background: #fff;
}
.deviantart.boxed-icon:hover {
color: #fff;
background: #4e6252;
border-color: #4e6252;
}
.deviantart.boxed-icon.fill {
background: #4e6252;
border-color: #4e6252;
color: #fff;
}
.deviantart.boxed-icon.fill:hover {
background: #37463a;
border-color: #37463a;
} .btn,
.btn:focus,
.button,
input[type=submit] {
font-size: 13px;
line-height: 1;
font-weight: 600;
font-family: inherit;
padding: 18px 32px;
margin: 0 0 3px;
display: inline-block;
cursor: pointer;
outline: 0;
color: #fff;
background: #ef2673;
text-transform: uppercase;
text-decoration: none;
text-shadow: none !important;
text-align: center;
overflow: hidden;
border: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.btn .icon,
.btn:focus .icon,
.button .icon,
input[type=submit] .icon {
margin-right: 10px;
}
.btn .icon i,
.btn:focus .icon i,
.button .icon i,
input[type=submit] .icon i {
display: inline-block;
}
.btn:hover,
.btn:focus:hover,
.button:hover,
input[type=submit]:hover {
color: #fff;
}
.btn:active,
.btn:focus:active,
.button:active,
input[type=submit]:active {
-moz-transform: translateY(2px);
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.btn.mini,
.btn:focus.mini,
.button.mini,
input[type=submit].mini {
font-size: 10px;
line-height: 10px;
padding: 6px 8px 5px;
vertical-align: middle;
}
.btn.small,
.btn:focus.small,
.button.small,
input[type=submit].small {
font-size: 11px;
line-height: 11px;
padding: 14px 30px;
}
.btn.large,
.btn:focus.large,
.button.large,
input[type=submit].large {
font-size: 16px;
line-height: 16px;
padding: 21px 40px;
}
.btn.right,
.btn:focus.right,
.button.right,
input[type=submit].right {
float: right;
}
.btn.full,
.btn:focus.full,
.button.full,
input[type=submit].full {
width: 100%;
}
.btn.black,
.btn:focus.black,
.button.black,
input[type=submit].black {
background: #222;
color: #fff;
}
.btn.black:hover,
.btn:focus.black:hover,
.button.black:hover,
input[type=submit].black:hover {
background: #ef2673;
}
.btn.green,
.btn:focus.green,
.button.green,
input[type=submit].green {
background: #41d48d;
color: #fff;
}
.btn.green:hover,
.btn:focus.green:hover,
.button.green:hover,
input[type=submit].green:hover {
background: #2ab873;
} .video_bg {
position: relative;
overflow: hidden;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.video_bg .row-video-bg {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
.video_bg .video_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.parallax_bg {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .mouse_scroll_row {
position: relative;
}
.mouse_scroll {
display: block;
z-index: 99;
width: 30px;
height: 50px;
background: none;
border-radius: 14px;
border: 2px solid rgba(255, 255, 255, 0.4);
position: absolute;
left: 50%;
bottom: 15px;
margin-left: -14px;
-moz-transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
-webkit-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75);
}
.mouse_scroll:hover {
border-color: rgba(255, 255, 255, 0.8);
}
.mouse_scroll:before {
content: '';
position: absolute;
top: 8px;
left: 11px;
width: 4px;
height: 4px;
background: #fff;
border-radius: 4px;
-moz-animation: scrollanimation 2s infinite;
-webkit-animation: scrollanimation 2s infinite;
animation: scrollanimation 2s infinite;
}
@media only screen and (min-width: 40.063em) {
.mouse_scroll {
bottom: 30px;
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.post .post-content .wpb_accordion .wpb_accordion_section {
margin-bottom: 9px;
border: 1px solid #e9e9e9;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_header {
padding: 18px 20px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
background: none;
text-transform: uppercase;
outline: 0;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_header a {
padding: 0;
color: #222;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_header.ui-accordion-header-active {
border-bottom: 1px solid #e9e9e9;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_header.ui-accordion-header-active a {
color: #ef2673;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_header.ui-accordion-header-active .ui-accordion-header-icon:after {
border-width: 0 5px 5px 5px;
border-color: transparent transparent #ef2673 transparent;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_header .ui-accordion-header-icon {
background: none;
top: 0;
bottom: 0;
right: 0;
height: auto;
border-left: 1px solid #e9e9e9;
width: 49px;
text-align: center;
line-height: 44px;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_header .ui-accordion-header-icon:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #d2d2d2 transparent transparent transparent;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_content {
padding: 20px;
}
.post .post-content .wpb_accordion .wpb_accordion_section .wpb_accordion_content p {
font-size: 13px;
}
.tabs {
margin-bottom: 20px;
padding: 0;
}
.tabs .active {
border-top: 0;
}
.tabs .active a {
border: 0;
color: #ef2673;
background: #ffe7f0;
}
.tabs .active a:hover {
color: #ef2673;
}
.tabs dd,
.tabs li {
display: inline-block;
margin: 0;
padding-bottom: 3px;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
.tabs dd,
.tabs li {
width: auto;
padding-bottom: 0;
}
}
.tabs dd a,
.tabs li a {
display: block;
border: 0;
padding: 11px 30px;
font-size: 11px;
font-weight: 400;
color: #a3a3a3;
background: #f4f4f4;
text-transform: uppercase;
}
.tabs dd a i,
.tabs li a i {
margin-right: 8px;
}
.tabs dd a:hover,
.tabs li a:hover {
color: #ef2673;
}
ul.tabs-content {
margin: 0;
padding: 0;
list-style: none;
}
ul.tabs-content > li {
display: none;
margin-bottom: 0;
}
ul.tabs-content > li p {
font-size: 13px;
}
@media only screen and (max-width: 40.063em) {
ul.tabs-content {
clear: left;
padding: 0;
}
}
.thb_tabs,
.thb_tour {
margin-bottom: 20px;
}
.rtl .thb_tabs .tabs, .rtl
.thb_tour .tabs {
text-align: right;
}
.rtl .thb_tabs .tabs dd,
.rtl .thb_tabs .tabs li, .rtl
.thb_tour .tabs dd,
.rtl
.thb_tour .tabs li {
margin-right: 0;
margin-left: 3px;
}
.rtl .thb_tabs .tabs dd:last-child,
.rtl .thb_tabs .tabs li:last-child, .rtl
.thb_tour .tabs dd:last-child,
.rtl
.thb_tour .tabs li:last-child {
margin-left: 0;
}
.thb_tabs .tabs dd,
.thb_tabs .tabs li,
.thb_tour .tabs dd,
.thb_tour .tabs li {
margin-right: 3px;
}
.thb_tabs .tabs dd:last-child,
.thb_tabs .tabs li:last-child,
.thb_tour .tabs dd:last-child,
.thb_tour .tabs li:last-child {
margin-right: 0;
}
.thb_tour {
float: left;
width: 100%;
}
.thb_tour .tabs {
float: none;
display: block;
width: 100%;
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
.thb_tour .tabs {
width: 150px;
float: left;
margin-bottom: 0;
padding-right: 20px;
}
}
@media only screen and (min-width: 64.063em) {
.thb_tour .tabs {
width: 175px;
}
}
@media only screen and (min-width: 75em) {
.thb_tour .tabs {
width: 210px;
}
}
.thb_tour .tabs dd,
.thb_tour .tabs li {
display: block;
width: 100%;
float: left;
margin: 0;
padding-bottom: 3px;
}
.thb_tour .tabs dd a,
.thb_tour .tabs li a {
display: block;
float: none;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
.thb_tour .tabs dd a,
.thb_tour .tabs li a {
float: left;
}
}
.thb_tour ul.tabs-content {
margin-left: 0;
}
@media only screen and (min-width: 40.063em) {
.thb_tour ul.tabs-content {
margin-left: 150px;
}
}
@media only screen and (min-width: 64.063em) {
.thb_tour ul.tabs-content {
margin-left: 175px;
}
}
@media only screen and (min-width: 75em) {
.thb_tour ul.tabs-content {
margin-left: 210px;
}
}
.thb_tour ul.tabs-content > li {
float: left;
}
.post .post-content .vc_toggle {
width: 100%;
margin-bottom: 10px;
}
.post .post-content .vc_toggle .vc_toggle_title {
padding-left: 50px;
}
.post .post-content .vc_toggle .vc_toggle_title h4 {
font-size: 13px;
font-weight: 600;
color: #767676;
margin: 0;
font-family: inherit;
}
.post .post-content .vc_toggle .vc_toggle_title .vc_toggle_icon {
width: 30px;
height: 30px;
border: 1px solid #e9e9e9;
background: #fff;
line-height: 28px;
margin: 0;
}
.post .post-content .vc_toggle .vc_toggle_title .vc_toggle_icon:after {
width: 9px;
height: 1px;
background: #767676;
}
.post .post-content .vc_toggle .vc_toggle_title .vc_toggle_icon:before {
width: 1px;
height: 9px;
background: #767676;
}
.post .post-content .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_icon:after {
visibility: visible;
background: #ef2673;
}
.post .post-content .vc_toggle .vc_toggle_content {
padding-left: 50px;
}
.post .post-content .vc_toggle .vc_toggle_content p {
font-size: 13px;
}
.toggle {
float: left;
width: 100%;
margin-bottom: 20px;
}
.toggle .title {
height: 29px;
line-height: 29px;
padding: 0 0 0 46px;
display: block;
width: 100%;
position: relative;
font-weight: 600;
font-size: 14px;
color: #9f9f9f;
}
.toggle .title.wpb_toggle {
background-image: none;
}
.toggle .title:after {
content: "+";
display: block;
width: 29px;
height: 29px;
line-height: 27px;
position: absolute;
color: #9f9f9f;
top: 0;
left: 0;
font-weight: 300;
font-size: 24px;
border: 0;
text-align: center;
border: 1px solid #9f9f9f;
}
.toggle .title.wpb_toggle_title_active {
color: #ef2673;
}
.toggle .title.wpb_toggle_title_active:after {
content: "-";
color: #222;
top: 0;
border-color: #222;
}
.toggle .title.wpb_toggle_title_active:hover {
color: #ef2673;
}
.toggle .inner {
display: none;
padding: 19px 0 0 46px;
}
.toggle .inner.wpb_toggle_content {
margin: 0;
}
.toggle .inner.wpb_toggle_open {
display: block;
}
.toggle.active .inner {
display: block;
}
.toggle .last_toggle_el_margin {
display: none;
}
.iconlist {
list-style: none;
}
.iconlist li {
padding: 0 0 0 25px;
position: relative;
}
.rtl .iconlist li {
padding: 0 25px 0 0;
}
.rtl .iconlist li > i {
left: auto;
right: 0;
}
.iconlist li > i {
position: absolute;
top: 2px;
left: 0;
color: #222;
}
q, blockquote p {
font-size: 26px;
font-weight: 400;
color: #ef2673;
line-height: 36px !important;
margin: 0;
}
cite {
font-weight: 400;
font-size: 16px;
color: #ef2673;
font-style: normal;
line-height: 1;
margin-top: 20px;
text-transform: uppercase;
}
cite:before {
display: none;
}
blockquote {
position: relative;
clear: both;
text-align: center;
border: 0;
padding: 35px 25px;
margin: 25px 0;
}
blockquote:before {
content: '';
display: block;
width: 60%;
height: 2px;
background: rgba(239, 38, 115, 0.2);
position: absolute;
top: 0;
left: 20%;
}
blockquote:after {
content: '';
display: block;
width: 60%;
height: 2px;
background: rgba(239, 38, 115, 0.2);
position: absolute;
bottom: 0;
left: 20%;
}
blockquote p {
text-rendering: auto;
}
blockquote.left, blockquote.pullleft {
float: left;
width: 40%;
margin: 5px 30px 30px 0;
}
@media only screen and (max-width: 40.063em) {
blockquote.left, blockquote.pullleft {
margin-right: 0;
width: 100%;
}
}
blockquote.right, blockquote.pullright {
float: right;
width: 40%;
margin: 5px 0 30px 30px;
}
@media only screen and (max-width: 40.063em) {
blockquote.right, blockquote.pullright {
margin-left: 0;
width: 100%;
}
} .gap {
clear: both;
} .notification-box {
font-size: 13px;
font-weight: 600;
width: 100%;
position: relative;
margin-bottom: 10px;
color: #222;
}
.notification-box a:not(.button) {
color: #ef2673;
}
.notification-box .btn {
float: right;
vertical-align: middle;
}
.notification-box .icon {
display: block;
width: 56px;
height: 56px;
text-align: center;
line-height: 56px;
position: absolute;
top: 0;
left: 0;
font-size: 18px;
}
.notification-box .icon:before {
content: "\f00c";
font-family: "FontAwesome";
}
.notification-box .content {
padding: 20px 20px 15px 55px;
min-height: 56px;
line-height: 1.2;
}
.notification-box .close {
display: block;
width: 10px;
height: 10px;
color: rgba(0, 0, 0, 0.25);
position: absolute;
top: 50%;
margin-top: -7px;
right: 25px;
font-size: 16px;
}
.notification-box .close:hover {
color: rgba(0, 0, 0, 0.5);
}
.notification-box.success .content {
color: #1aa97f;
background: rgba(26, 169, 127, 0.05);
}
.notification-box.success .icon {
color: #1aa97f;
}
.notification-box.information .content {
color: #2b83c7;
background: rgba(14, 122, 196, 0.05);
}
.notification-box.information .icon {
color: #2b83c7;
}
.notification-box.information .icon:before {
content: "\f129";
}
.notification-box.warning .content {
color: #f6c709;
background: rgba(246, 199, 9, 0.05);
}
.notification-box.warning .icon {
color: #f6c709;
}
.notification-box.warning .icon:before {
content: "\f12a";
}
.notification-box.error .content {
color: #da574c;
background: rgba(218, 87, 76, 0.05);
}
.notification-box.error .icon {
color: #da574c;
}
.notification-box.error .icon:before {
content: "\f00d";
} .dropcap {
display: block;
font-size: 100px;
line-height: 84px;
text-transform: uppercase;
float: left;
position: relative;
top: 0;
margin-right: 10px;
color: #222;
font-weight: 600;
}
.rtl .dropcap {
float: right;
margin-right: 0;
margin-left: 10px;
} .highlight {
padding: 0 2px;
}
.highlight.black {
background: #222;
color: #fff;
}
.highlight.accent {
background: #ef2673;
color: #fff;
} .styled_dividers {
height: 1px;
margin: 0 auto;
margin-bottom: 25px;
}
.styled_dividers.style1 {
height: 8px;
width: 480px;
max-width: 90%;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/1.png) top left repeat-x;
-moz-background-size: 8px 8px;
-o-background-size: 8px 8px;
-webkit-background-size: 8px 8px;
background-size: 8px 8px;
}
.styled_dividers.style2 {
height: 6px;
width: 480px;
max-width: 90%;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/2.png) top left repeat-x;
-moz-background-size: 18px 6px;
-o-background-size: 18px 6px;
-webkit-background-size: 18px 6px;
background-size: 18px 6px;
}
.styled_dividers.style3 {
height: 6px;
width: 170px;
max-width: 90%;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/3.png) top left repeat-x;
-moz-background-size: 9px 6px;
-o-background-size: 9px 6px;
-webkit-background-size: 9px 6px;
background-size: 9px 6px;
}
.styled_dividers.style4 {
width: 40px;
border-bottom: 1px solid #222;
}
.styled_dividers.style5 {
width: 60px;
border-bottom: 2px solid #222;
}
.styled_dividers.style6 {
height: 4px;
width: 690px;
max-width: 90%;
border-bottom: 1px solid #222;
border-top: 1px solid #222;
}
.styled_dividers.style7 {
width: 950px;
max-width: 90%;
border-bottom: 1px solid #ececec;
}
.styled_dividers.style8 {
width: 20px;
height: 16px;
background: url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/8.png) top left no-repeat;
background-size: 20px 14px;
}
.styled_dividers.style9 {
height: 8px;
width: 239px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/9.png) top left repeat-x;
-moz-background-size: 239px 8px;
-o-background-size: 239px 8px;
-webkit-background-size: 239px 8px;
background-size: 239px 8px;
}
.styled_dividers.style10 {
height: 7px;
width: 297px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/10.png) top left repeat-x;
-moz-background-size: 297px 7px;
-o-background-size: 297px 7px;
-webkit-background-size: 297px 7px;
background-size: 297px 7px;
}
.styled_dividers.style11 {
height: 10px;
width: 237px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/11.png) top left repeat-x;
-moz-background-size: 237px 10px;
-o-background-size: 237px 10px;
-webkit-background-size: 237px 10px;
background-size: 237px 10px;
}
.styled_dividers.style12 {
height: 29px;
width: 251px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/12.png) top left repeat-x;
-moz-background-size: 251px 29px;
-o-background-size: 251px 29px;
-webkit-background-size: 251px 29px;
background-size: 251px 29px;
}
.styled_dividers.style13 {
height: 8px;
width: 236px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/13.png) top left repeat-x;
-moz-background-size: 236px 8px;
-o-background-size: 236px 8px;
-webkit-background-size: 236px 8px;
background-size: 236px 8px;
}
.styled_dividers.style14 {
height: 13px;
width: 277px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/dividers/14.png) top left repeat-x;
-moz-background-size: 277px 13px;
-o-background-size: 277px 13px;
-webkit-background-size: 277px 13px;
background-size: 277px 13px;
} figure.banner {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
width: 100%;
min-height: 100px;
background: #3085a3;
text-align: center;
cursor: pointer;
}
@media only screen and (max-width: 75em) {
figure.banner {
font-size: 90%;
}
}
@media only screen and (max-width: 64.063em) {
figure.banner {
font-size: 70%;
}
}
@media only screen and (max-width: 40.063em) {
figure.banner {
font-size: 100%;
}
}
figure.banner img {
position: relative;
display: block;
min-height: 100%;
opacity: 0.8;
max-width: none;
min-height: 0;
height: auto;
}
figure.banner figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 0;
}
figure.banner figcaption::before,
figure.banner figcaption::after {
pointer-events: none;
}
figure.banner figcaption,
figure.banner a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  figure.banner a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
figure.banner h2 {
word-spacing: -0.15em;
font-weight: 300;
}
figure.banner h2 span {
font-weight: 800;
}
figure.banner h2,
figure.banner p {
margin: 0;
color: #fff;
z-index: 10;
}
figure.banner p {
letter-spacing: 1px;
font-size: 68.5%;
}    figure.banner.effect-lily img {
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
will-change: opacity, transform;
}
figure.banner.effect-lily figcaption {
top: auto;
bottom: 0;
height: 50%;
text-align: left;
}
figure.banner.effect-lily h2,
figure.banner.effect-lily p {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.banner.effect-lily h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.banner.effect-lily p {
color: rgba(255, 255, 255, 0.6);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
figure.banner.effect-lily:hover img,
figure.banner.effect-lily:hover p {
opacity: 1;
}
figure.banner.effect-lily:hover img,
figure.banner.effect-lily:hover h2,
figure.banner.effect-lily:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-lily:hover p {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}   figure.banner.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
figure.banner.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
figure.banner.effect-sadie figcaption::before,
figure.banner.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.banner.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
figure.banner.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
figure.banner.effect-sadie:hover figcaption::before,
figure.banner.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-roxy {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}
figure.banner.effect-roxy img {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
figure.banner.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
figure.banner.effect-roxy figcaption {
padding: 3em;
text-align: left;
}
figure.banner.effect-roxy h2 {
padding: 30% 0 10px 0;
}
figure.banner.effect-roxy p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
figure.banner.effect-roxy:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-roxy:hover figcaption::before,
figure.banner.effect-roxy:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-bubba {
background: #9e5406;
}
figure.banner.effect-bubba img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.banner.effect-bubba:hover img {
opacity: 0.4;
}
figure.banner.effect-bubba figcaption::before,
figure.banner.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.banner.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
figure.banner.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
figure.banner.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
figure.banner.effect-bubba p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.banner.effect-bubba:hover figcaption::before,
figure.banner.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.banner.effect-bubba:hover h2,
figure.banner.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
}
figure.banner.effect-romeo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
figure.banner.effect-romeo:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-romeo figcaption::before,
figure.banner.effect-romeo figcaption::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
figure.banner.effect-romeo:hover figcaption::before {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
figure.banner.effect-romeo:hover figcaption::after {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
figure.banner.effect-romeo h2,
figure.banner.effect-romeo p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.banner.effect-romeo h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}
figure.banner.effect-romeo p {
padding: 0.25em 2em;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}
figure.banner.effect-romeo:hover h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}
figure.banner.effect-romeo:hover p {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}   figure.banner.effect-layla {
background: #18a367;
}
figure.banner.effect-layla img {
min-width: 100%;
height: -webkit-calc(100% + 40px);
height: calc(100% + 40px);
}
figure.banner.effect-layla figcaption {
padding: 3em;
}
figure.banner.effect-layla figcaption::before,
figure.banner.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
figure.banner.effect-layla figcaption::before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
figure.banner.effect-layla figcaption::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
figure.banner.effect-layla h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.banner.effect-layla p {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
figure.banner.effect-layla img,
figure.banner.effect-layla h2 {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.banner.effect-layla img,
figure.banner.effect-layla figcaption::before,
figure.banner.effect-layla figcaption::after,
figure.banner.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.banner.effect-layla:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-layla:hover figcaption::before,
figure.banner.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.banner.effect-layla:hover h2,
figure.banner.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-layla:hover figcaption::after,
figure.banner.effect-layla:hover h2,
figure.banner.effect-layla:hover p,
figure.banner.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}   figure.banner.effect-honey {
background: #4a3753;
}
figure.banner.effect-honey img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.banner.effect-honey:hover img {
opacity: 0.5;
}
figure.banner.effect-honey figcaption::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
figure.banner.effect-honey p {
display: none;
}
figure.banner.effect-honey h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 1em 1.5em;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.banner.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.banner.effect-honey figcaption::before,
figure.banner.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.banner.effect-honey:hover figcaption::before,
figure.banner.effect-honey:hover h2,
figure.banner.effect-honey:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-oscar {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}
figure.banner.effect-oscar img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.banner.effect-oscar figcaption {
padding: 3em;
background-color: rgba(58, 52, 42, 0.7);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
figure.banner.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
figure.banner.effect-oscar h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.banner.effect-oscar figcaption::before,
figure.banner.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
figure.banner.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-oscar:hover figcaption::before,
figure.banner.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.banner.effect-oscar:hover figcaption {
background-color: rgba(58, 52, 42, 0);
}
figure.banner.effect-oscar:hover img {
opacity: 0.4;
}   figure.banner.effect-marley figcaption {
text-align: right;
}
figure.banner.effect-marley h2,
figure.banner.effect-marley p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
figure.banner.effect-marley p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.banner.effect-marley h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.banner.effect-marley:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.banner.effect-marley h2::after,
figure.banner.effect-marley p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.banner.effect-marley:hover h2::after,
figure.banner.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-ruby {
background-color: #17819c;
}
figure.banner.effect-ruby img {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.banner.effect-ruby:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.banner.effect-ruby h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.banner.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
transform: translate3d(0, 20px, 0) scale(1.1);
}
figure.banner.effect-ruby:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}   figure.banner.effect-milo {
background: #2e5d5a;
}
figure.banner.effect-milo img {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.banner.effect-milo:hover img {
opacity: 0.5;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
figure.banner.effect-milo h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}
figure.banner.effect-milo p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
figure.banner.effect-milo:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-dexter {
background: -webkit-linear-gradient(top, #258dc8 0%, #683c13 100%);
background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%);
}
figure.banner.effect-dexter img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.banner.effect-dexter:hover img {
opacity: 0.4;
}
figure.banner.effect-dexter figcaption::after {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: -webkit-calc(50% - 30px);
height: calc(50% - 30px);
border: 7px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
figure.banner.effect-dexter:hover figcaption::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-dexter figcaption {
padding: 3em;
text-align: left;
}
figure.banner.effect-dexter p {
position: absolute;
right: 60px;
bottom: 60px;
left: 60px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
figure.banner.effect-dexter:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-sarah {
background: #42b078;
}
figure.banner.effect-sarah img {
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.banner.effect-sarah:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-sarah figcaption {
text-align: left;
}
figure.banner.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
figure.banner.effect-sarah h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
figure.banner.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-sarah p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
figure.banner.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   figure.banner.effect-zoe figcaption {
top: auto;
bottom: 0;
padding: 1em;
height: 3.75em;
background: #fff;
color: #3c4a50;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.banner.effect-zoe h2 {
float: left;
}
figure.banner.effect-zoe figcaption > span {
float: right;
}
figure.banner.effect-zoe p {
position: absolute;
bottom: 8em;
padding: 2em;
color: #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.banner.effect-zoe h2,
figure.banner.effect-zoe figcaption > span {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
figure.banner.effect-zoe figcaption > span::before {
display: inline-block;
padding: 8px 10px;
font-family: 'feathericons';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-eye::before {
content: '\e000';
}
.icon-paper-clip::before {
content: '\e001';
}
.icon-heart::before {
content: '\e024';
}
figure.banner.effect-zoe h2 {
display: inline-block;
}
figure.banner.effect-zoe:hover p {
opacity: 1;
}
figure.banner.effect-zoe:hover figcaption,
figure.banner.effect-zoe:hover h2,
figure.banner.effect-zoe:hover figcaption > span {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.banner.effect-zoe:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.banner.effect-zoe:hover figcaption > span:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.banner.effect-zoe:hover figcaption > span:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.banner.effect-zoe:hover figcaption > span:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}   figure.banner.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.banner.effect-chico:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.banner.effect-chico figcaption {
padding: 3em;
}
figure.banner.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.banner.effect-chico figcaption::before,
figure.banner.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.banner.effect-chico h2 {
padding: 20% 0 20px 0;
}
figure.banner.effect-chico p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.banner.effect-chico:hover figcaption::before,
figure.banner.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .wpb_content_element {
margin-bottom: 0 !important;
}
.wpb_text_column {
float: none !important;
} .contact_map {
position: relative;
overflow: hidden;
}
.contact_map .google_map {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.contact_map .google_map img {
max-width: none;
height: auto;
}
.infoBox {
background: #fff;
}
.infoBox > img {
z-index: 99;
}
.marker-info-win {
width: 380px;
border: 1px solid #222;
padding: 20px;
position: relative;
}
.marker-info-win h1 {
font-size: 16px !important;
font-weight: 500;
text-transform: uppercase;
color: #222;
margin: 5px 0 10px !important;
line-height: 1 !important;
}
.marker-info-win p {
font-size: 13px;
line-height: 16px;
color: #737373;
font-weight: 300;
margin-bottom: 10px;
}
.marker-info-win:after, .marker-info-win:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.marker-info-win:after {
border-top-color: #ffffff;
border-width: 12px;
margin-left: -12px;
}
.marker-info-win:before {
border-top-color: #000;
border-width: 14px;
margin-left: -14px;
}
.marker-info-win.with-image .marker-inner-win {
padding-left: 130px;
}
.marker-info-win .image {
float: left;
width: 110px;
} .image_link {
display: block;
} table {
border: 0;
} .post .post-content .contentbox {
text-align: center;
}
.post .post-content .contentbox > a {
display: block;
color: #545353;
}
.post .post-content .contentbox h6 {
font-size: 22px;
line-break: 26px;
font-weight: 400;
margin: 5px 0 15px;
}
.post .post-content .contentbox .content {
position: relative;
background: #fff;
margin: -52px 10px 0;
padding: 10px;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 40.063em) {
.post .post-content .contentbox .content {
margin: -58px 20px 0;
padding: 20px;
}
} .post .post-content .thb_subscribe {
text-align: center;
}
.post .post-content .thb_subscribe h3 {
margin: 0 0 15px;
}
.post .post-content .thb_subscribe h3 + p {
color: #222;
font-size: 16px;
}
.post .post-content .thb_subscribe .newsletter-form.row {
margin: 0;
}
@media only screen and (min-width: 40.063em) {
.post .post-content .thb_subscribe .newsletter-form.row {
margin: 0 -5px;
}
}
.post .post-content .thb_subscribe .newsletter-form.row .columns {
padding: 0 5px;
}
.post .post-content .thb_subscribe .widget_subscribe,
.post .post-content .thb_subscribe .btn {
width: 100%;
}
.post .post-content .thb_subscribe .widget_subscribe {
height: 58px;
}
.post .post-content .thb_subscribe .btn,
.post .post-content .thb_subscribe .btn:focus {
padding-left: 0;
padding-right: 0;
} #scroll_totop {
width: 20px;
height: 12px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/scroll_totop.png);
-moz-background-size: 20px 12px;
-o-background-size: 20px 12px;
-webkit-background-size: 20px 12px;
background-size: 20px 12px;
position: fixed;
right: 20px;
bottom: 35px;
z-index: 99;
} .ad_container_bottom {
margin-top: 30px;
}
.ad_container_bottom p:last-of-type,
.ad_container_gallery_header p:last-of-type {
margin: 0;
} .fixed-me {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .video_playlist .video-side {
margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
.video_playlist .video-side {
margin: 0;
}
}
.video_playlist .video-side.thb-loading:after, .video_playlist .video-side.slick:after {
bottom: auto;
top: 50%;
margin-top: -19px;
}
.video_playlist .video_play {
display: flex;
align-items: center;
background: #f9f9f9;
position: relative;
padding: 5px;
text-align: left;
color: #222;
font-size: 13px;
margin-bottom: 2px; }
@media only screen and (min-width: 64.063em) {
.video_playlist .video_play {
padding: 19px 20px;
}
}
.video_playlist .video_play span {
display: inline-block;
width: 26px;
min-width: 26px;
height: 26px;
line-height: 26px;
text-indent: 1px;
color: #fff;
text-align: center;
background: rgba(0, 0, 0, 0.15);
border-radius: 50%;
font-size: 10px;
margin-right: 5px;
}
@media only screen and (min-width: 64.063em) {
.video_playlist .video_play span {
margin-right: 20px;
}
}
.video_playlist .video_play.video-active {
background: #ef2673;
color: #fff;
}
.video_playlist .video_play.video-active span {
background: rgba(255, 255, 255, 0.2);
} .instagram-row.low-padding.row {
margin: 0 -5px;
}
.instagram-row.low-padding.row .columns {
padding: 0 5px;
}
.instagram-row.low-padding.row .columns figure {
margin-bottom: 10px;
}
.instagram-row figure {
height: 0;
width: 100%;
padding-bottom: 100% !important;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center center;
margin-bottom: 30px;
}
.instagram-row figure > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .content404 {
padding: 30px 0;
}
@media only screen and (min-width: 40.063em) {
.content404 {
padding: 40px 0;
}
}
@media only screen and (min-width: 64.063em) {
.content404 {
padding: 60px 0;
}
}
@media only screen and (min-width: 75em) {
.content404 {
padding: 80px 0;
}
}
.content404 h1 {
font-weight: 600;
font-size: 30px;
line-height: 36px;
margin: 20px 0;
color: #222;
}
.content404 h1 span {
color: #f4ba39;
}
@media only screen and (min-width: 40.063em) {
.content404 h1 {
font-size: 34px;
line-height: 40px;
}
}
@media only screen and (min-width: 64.063em) {
.content404 h1 {
font-size: 50px;
line-height: 56px;
}
}
@media only screen and (min-width: 75em) {
.content404 h1 {
font-size: 60px;
line-height: 66px;
}
}
.content404 p {
font-size: 18px;
line-height: 26px;
color: #545353;
margin-bottom: 35px;
}
.content404 .btn {
margin-top: 50px;
}
.content404 > .row {
background: none;
min-height: 600px;
}
@media only screen and (min-width: 40.063em) {
.content404 > .row {
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/404.png) top right no-repeat;
}
} .page-padding {
padding: 15px 0;
}
@media only screen and (min-width: 40.063em) {
.page-padding {
padding: 30px 0;
}
}
@media only screen and (min-width: 64.063em) {
.page-padding {
padding: 50px 0;
}
}
@media only screen and (min-width: 75em) {
.page-padding {
padding: 75px 0;
}
}
.shop_bar {
margin-top: 40px;
margin-bottom: 25px;
text-align: center;
}
@media only screen and (min-width: 40.063em) {
.shop_bar .breadcrumbs {
text-align: left;
}
.shop_bar .ordering {
text-align: right;
}
}
.shop_bar .woocommerce-breadcrumb {
line-height: 20px;
margin-bottom: 15px;
}
@media only screen and (min-width: 40.063em) {
.shop_bar .woocommerce-breadcrumb {
margin: 0;
}
}
.shop_bar .woocommerce-result-count,
.shop_bar .woocommerce-ordering {
display: block;
margin: 0 0 15px;
}
@media only screen and (min-width: 40.063em) {
.shop_bar .woocommerce-result-count,
.shop_bar .woocommerce-ordering {
display: inline-block;
margin: 0;
}
}
.shop_bar .woocommerce-result-count {
font-size: 14px;
color: #8f8f8f;
margin-right: 10px;
line-height: 20px;
}
.shop_bar .woocommerce-ordering .select-wrapper {
border: 0;
margin: 0;
float: none;
}
.shop_bar .woocommerce-ordering .select-wrapper:after {
top: 4px;
right: 0;
}
.shop_bar .woocommerce-ordering .select-wrapper select {
padding: 0 19px 0 0;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
height: 18px;
}
.no-products {
height: 300px;
width: 100%;
}
.products {
position: relative;
}
.products.two-columns .columns {
width: 50%;
}
.products.three-columns .columns {
width: 33.33333%;
}
.products.four-columns .columns {
width: 25%;
}
.products .product {
display: block;
margin-bottom: 30px;
text-align: center;
}
.thb_mega_menu .products .product {
margin: 0;
}
.products .product .post-title h5 {
font-size: 16px;
margin: 0 0 5px;
}
.products .product .post-title .star-rating,
.products .product .post-title .add_to_cart {
display: none;
}
.products .product .product-image {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.products .product .product-image a {
display: block;
}
.products .product .product-image img {
width: 100%;
}
.products .product .product-image .fade {
will-change: opacity;
opacity: 1;
}
.products .product .product-image .fade + .fade {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
}
.products .product .product-image .yith-wcwl-add-to-wishlist {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
color: #222;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
margin: 0;
opacity: 0;
}
.products .product .product-image .yith-wcwl-add-to-wishlist a {
color: #222;
}
.products .product .product-image .yith-wcwl-add-to-wishlist:hover .text {
opacity: 1;
}
.products .product .product-image .yith-wcwl-add-to-wishlist .text {
position: relative;
top: -3px;
margin-right: 5px;
opacity: 0;
}
.products .product .product-image .yith-wcwl-add-to-wishlist .wishlist_icon {
fill: transparent;
}
.products .product .product-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .wishlist_icon path,
.products .product .product-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .wishlist_icon path {
fill: #e25842;
stroke: #e25842;
}
.products .product .product-image .add_to_cart {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
background: #fff;
color: #969696;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
padding: 17px 17px 15px;
opacity: 0;
-moz-transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.products .product .product-image .add_to_cart:hover {
color: #222;
}
.products .product .product-image .added_to_cart {
display: none;
}
.products .product:hover .fade {
opacity: 0;
}
.products .product:hover .fade + .fade,
.products .product:hover .add_to_cart,
.products .product:hover .yith-wcwl-add-to-wishlist {
opacity: 1;
}
.products .product:hover .add_to_cart {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.product-category {
display: block;
position: relative;
margin-bottom: 35px;
overflow: hidden;
background: #222;
}
.product-category .table {
width: 100%;
}
.product-category figure {
padding: 0;
margin: 0;
}
.product-category figure img {
width: 100%;
}
.product-category span {
display: block;
background: #fff;
position: absolute;
font-weight: 700;
font-size: 11px;
text-transform: uppercase;
top: 15px;
left: 0;
padding: 14px 15px 11px;
z-index: 10;
color: #222;
}
@media only screen and (min-width: 40.063em) {
.product-category span {
padding: 20px 22px 18px;
font-size: 13px;
top: 30px;
}
}
.product-category a {
display: block;
}
.product-category .title {
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 11;
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.product-category h2 {
opacity: 0;
margin: 0;
line-height: 1;
color: #fff;
}
@media only screen and (max-width: 40.063em) {
.product-category h2 {
font-size: 20px;
}
}
.product-category h2 a {
color: #fff;
}
.product-category h2 a:hover {
color: #fff;
}
.badge {
position: absolute;
top: 10px;
left: 10px;
display: block;
z-index: 2;
font-size: 10px;
color: #fff;
font-weight: 700;
height: 20px;
line-height: 24px;
padding: 0 6px;
text-transform: uppercase;
text-align: center;
letter-spacing: normal;
}
.badge.onsale {
background: rgba(26, 169, 127, 0.5);
}
.badge.onsale.perc {
font-weight: 400;
font-size: 11px;
}
.badge.out-of-stock {
background: rgba(177, 177, 177, 0.5);
}
.badge.new {
background: rgba(235, 186, 3, 0.5);
}
.price {
display: block;
}
.price .from {
display: none;
}
.price .amount {
font-size: 14px;
color: #969696;
}
.price del {
color: #8f8f8f;
font-size: 14px;
}
.price del .amount {
color: #8f8f8f;
}
.price del + ins {
margin-left: 10px;
}
.price ins {
text-decoration: none;
}
.price.single-price {
display: inline-block;
}
.price.single-price > .amount {
font-size: 30px;
color: #ef2673;
}
.price.single-price del .amount {
font-size: 24px;
}
.price.single-price ins .amount {
font-size: 30px;
color: #ef2673;
}
.stock.out-of-stock {
font-weight: 600;
color: #e24f3d;
}
.woocommerce-product-rating {
display: block;
}
.star-rating {
display: inline-block;
position: relative;
height: 14px;
line-height: 14px;
width: 70px;
background: url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/stars.png) no-repeat left top;
background-size: 70px 28px;
text-indent: -9999px;
}
.star-rating span {
top: 0;
left: 0;
position: absolute;
height: 14px;
line-height: 14px;
width: 70px;
overflow: hidden;
background: url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/stars.png) no-repeat left -14px;
background-size: 70px 28px;
}
.star-rating + .write_first {
display: inline-block;
font-size: 13px;
font-weight: 300;
color: #222;
margin-left: 20px;
line-height: 18px;
vertical-align: text-top;
}
#comments .star-rating {
float: right;
margin: 10px 0 0;
}
.comment-form-rating p.stars {
display: block;
float: left;
position: relative;
height: 14px;
line-height: 14px;
width: 70px;
}
.comment-form-rating p.stars span {
top: 0;
left: 0;
position: absolute;
height: 14px;
line-height: 14px;
overflow: hidden;
width: 70px;
}
.comment-form-rating p.stars span a {
display: block;
width: 14px;
height: 14px;
line-height: 14px;
float: left;
text-indent: -9999px;
position: relative;
background: url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/stars.png) no-repeat left top;
background-size: 70px 28px;
text-indent: -9999px;
-moz-transition: none 1s;
-o-transition: none 1s;
-webkit-transition: none 1s;
transition: none 1s;
}
.comment-form-rating p.stars span a.active {
background-position: left -14px;
}
.woocommerce .woocommerce-breadcrumb {
font-size: 12px;
color: #545353;
font-weight: 400;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb span {
color: #a0a0a0;
}
.woocommerce .woocommerce-breadcrumb a:hover {
color: #545353;
} .shop_attributes {
border: 0;
width: 100%;
border-spacing: 0;
text-align: left;
}
.shop_attributes tr:nth-of-type(even) {
background: none;
}
.shop_attributes tbody tr th {
vertical-align: middle;
padding: 20px 0 18px;
color: #222;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #f5f5f5;
background: none;
width: 120px;
}
.shop_attributes tbody tr td {
vertical-align: middle;
padding: 14px 0 14px 15px;
border-bottom: 1px solid #f5f5f5;
background: none;
font-weight: 400;
font-size: 14px;
color: #454545;
text-align: right;
}
.shop_attributes tbody tr td p {
margin: 0;
color: #454545;
font-size: 14px;
font-weight: 300;
}
.shop_attributes tbody tr:last-child td, .shop_attributes tbody tr:last-child th {
border-bottom: 0;
background: none;
}
.shop_attributes tbody tr.alt {
background: none;
}
.shop_attributes tbody tr.alt th {
background: none;
}
.shop_table {
border: 0;
width: 100%;
border-spacing: 0;
}
.shop_table tr:nth-of-type(even) {
background: none;
}
.shop_table thead {
padding-bottom: 10px;
background: none;
}
.shop_table thead tr th {
text-align: center;
font-size: 12px;
font-weight: 700;
padding: 0 0 10px 0;
color: #222;
line-height: 1;
text-transform: uppercase;
border-bottom: 1px solid #f8f8f8;
}
@media only screen and (min-width: 40.063em) {
.shop_table thead tr th {
padding: 0 0 15px 0;
}
}
.shop_table thead tr th.product-name, .shop_table thead tr th.product-remove, .shop_table thead tr th.order-number, .shop_table thead tr th.order-date, .shop_table thead tr th.order-status, .shop_table thead tr th.order-amount {
text-align: left;
}
.shop_table thead tr th.order-number {
padding-left: 0;
}
@media only screen and (max-width: 40.063em) {
.shop_table thead tr th.product-remove {
width: 0;
}
}
.shop_table thead tr th.product-thumbnail {
text-align: left;
}
@media only screen and (min-width: 40.063em) {
.shop_table thead tr th.product-thumbnail {
display: none;
}
}
.shop_table thead tr th.product-name {
display: none;
}
@media only screen and (min-width: 40.063em) {
.shop_table thead tr th.product-name {
display: table-cell;
}
}
@media only screen and (max-width: 40.063em) {
.shop_table thead tr th.product-price {
width: 0;
padding: 0;
visibility: collapse;
display: none;
}
}
.shop_table tfoot {
font-weight: 500;
color: #222;
background: none;
}
.shop_table tfoot tr th,
.shop_table tfoot tr td {
font-size: 16px;
padding: 20px 0;
border-bottom: 1px solid #eee;
vertical-align: middle;
font-weight: 500;
}
@media only screen and (max-width: 40.063em) {
.shop_table tfoot tr th,
.shop_table tfoot tr td {
padding: 10px 0;
}
}
.shop_table tfoot tr th {
font-weight: 500;
text-align: left;
}
.shop_table tfoot tr.total th,
.shop_table tfoot tr.total td {
border-bottom: 0;
}
.shop_table tfoot tr.total th .amount,
.shop_table tfoot tr.total td .amount {
font-size: 20px;
font-weight: 900;
}
.shop_table tbody {
padding-top: 10px;
}
.shop_table tbody tr:nth-child(even) {
background: none;
}
.shop_table tbody tr:nth-child(odd) {
background: none;
}
.shop_table tbody tr:last-child td {
border-bottom: 0;
}
.shop_table tbody tr td {
padding: 10px 0;
vertical-align: middle;
text-align: center;
color: #222;
border-bottom: 1px solid #f8f8f8;
}
@media only screen and (min-width: 40.063em) {
.shop_table tbody tr td {
padding: 30px 0;
}
}
.shop_table tbody tr td.order-number {
text-align: left;
font-size: 18px;
font-weight: 400;
padding-left: 0;
}
.shop_table tbody tr td.order-status {
text-transform: uppercase;
font-weight: 600;
}
.shop_table tbody tr td.order-status.approved {
color: #ef2673;
}
.shop_table tbody tr td.order-status.hold {
color: #676767;
}
.shop_table tbody tr td.order-status.cancelled {
color: #ec0f38;
}
.shop_table tbody tr td.product-price, .shop_table tbody tr td.product-quantity {
text-align: center;
}
.shop_table tbody tr td.product-price .quantity .qty, .shop_table tbody tr td.product-quantity .quantity .qty {
margin-bottom: 0;
text-align: center;
width: 30px;
padding: 10px 5px;
font-size: 13px;
}
@media only screen and (min-width: 40.063em) {
.shop_table tbody tr td.product-price .quantity .qty, .shop_table tbody tr td.product-quantity .quantity .qty {
width: 50px;
padding: 15px 10px;
}
}
.shop_table tbody tr td.product-price {
display: none;
}
@media only screen and (min-width: 40.063em) {
.shop_table tbody tr td.product-price {
display: table-cell;
}
}
.shop_table tbody tr td.order-actions a + a {
margin-left: 10px;
}
.shop_table tbody tr td.product-name {
color: #737373;
font-size: 12px;
text-align: left;
}
.shop_table tbody tr td.product-name a,
.shop_table tbody tr td.product-name span {
display: inline-block;
font-size: 16px;
font-weight: 400;
color: #222;
margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
.shop_table tbody tr td.product-name a,
.shop_table tbody tr td.product-name span {
font-size: 18px;
}
}
.shop_table tbody tr td.product-name a:last-child,
.shop_table tbody tr td.product-name span {
margin-bottom: 0;
}
.shop_table tbody tr td.product-name span +
.product-quantity {
font-size: 16px;
}
.shop_table tbody tr td.product-name, .shop_table tbody tr td.product-remove, .shop_table tbody tr td.order-number, .shop_table tbody tr td.order-date, .shop_table tbody tr td.order-status, .shop_table tbody tr td.order-amount {
text-align: left;
}
.shop_table tbody tr td.product-thumbnail {
display: none;
vertical-align: top;
width: 0;
text-align: left;
}
@media only screen and (min-width: 40.063em) {
.shop_table tbody tr td.product-thumbnail {
display: table-cell;
width: 120px;
min-width: 120px;
padding-right: 25px;
}
}
.shop_table tbody tr td.product-quantity {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.shop_table tbody tr td.product-quantity .wishlist-in-stock {
color: #ef2673;
}
.shop_table tbody tr td.product-quantity .wishlist-out-of-stock {
color: #ec0f38;
}
.shop_table tbody tr td.product-stock-status {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.shop_table tbody tr td.product-stock-status .wishlist-in-stock {
color: #ef2673;
}
.shop_table tbody tr td.product-stock-status .wishlist-out-of-stock {
color: #ec0f38;
}
.shop_table tbody tr td.product-total {
font-size: 16px;
color: #222;
font-weight: 400;
}
.shop_table tbody tr td.product-remove {
min-width: 20px;
width: 20px;
position: relative;
height: 100%;
}
.shop_table tbody tr td.product-remove a {
display: block;
width: 10px;
height: 10px;
background: transparent url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/close.png) center center no-repeat;
-moz-background-size: 10px 10px;
-o-background-size: 10px 10px;
-webkit-background-size: 10px 10px;
background-size: 10px 10px;
text-indent: -9999px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
opacity: 0.65;
}
.shop_table tbody tr td.product-remove a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.shop_table #shipping_method label {
font-weight: 400 !important;
text-align: left;
}
.shop_table #shipping_method label .amount {
font-weight: 600;
}
.shop_table.order_table {
border-bottom: 0;
padding: 0;
}
.shop_table.order_table thead tr th.product-subtotal {
text-align: left;
padding-left: 15px;
}
@media only screen and (min-width: 40.063em) {
.shop_table.order_table thead tr th.product-subtotal {
padding-left: 20px;
}
}
.shop_table.order_table tbody tr th {
border-bottom: 1px solid #eee;
}
.shop_table.order_table tbody tr td {
text-align: left;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #eee;
}
.shop_table.order_table tbody tr.order-total td,
.shop_table.order_table tbody tr.order-total th {
border-bottom: 0;
}
.shop_table.order_table.woocommerce-checkout-review-order-table tbody tr:first-child td {
padding-top: 0;
}
.shop_table.order_table tfoot tr.order-total td {
font-size: 20px;
}
.shop_table.order_table tfoot tr.order-total td strong {
font-size: 22px;
}
.shop_table.order_table tfoot tr.order-total th, .shop_table.order_table tfoot tr.order-total td {
line-height: 22px;
border-bottom: 0;
}
.quantity {
position: relative;
zoom: 1;
padding-right: 15px;
display: inline-block;
}
@media only screen and (min-width: 40.063em) {
.quantity {
padding-right: 19px;
}
}
.quantity .plus,
.quantity .minus {
display: block;
padding: 0;
margin: 0;
outline: 0;
border: 1px solid #eee;
position: absolute;
text-align: center;
width: 15px;
height: 50%;
text-decoration: none;
overflow: visible;
text-decoration: none;
font-weight: 400;
cursor: pointer;
text-shadow: none;
line-height: 1;
background: none;
color: #8f8f8f;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
}
@media only screen and (min-width: 40.063em) {
.quantity .plus,
.quantity .minus {
width: 19px;
}
}
.quantity .plus {
top: 0;
right: 0;
border-bottom: 0;
border-left: 0;
}
.quantity .minus {
bottom: 0;
right: 0;
border-left: 0;
}
dl.variation {
margin: 0;
color: #222;
font-size: 11px;
line-height: 1;
text-transform: uppercase;
}
dl.variation dt {
display: inline-block;
float: left;
clear: left;
margin: 0 10px 5px 0;
font-size: 11px;
font-weight: 400;
}
dl.variation dd {
display: inline-block;
margin: 0 0 5px 0;
float: left;
}
dl.variation dd p {
margin-bottom: 0;
font-size: 11px;
line-height: 1;
font-weight: 600;
} .my_cart {
padding: 100px 0 0;
}
@media only screen and (max-width: 40.063em) {
.my_cart {
padding: 0;
}
}
.checkout {
margin-top: 5px;
}
@media only screen and (min-width: 40.063em) {
.checkout {
margin-top: 25px;
}
}
@media only screen and (min-width: 64.063em) {
.checkout {
margin-top: 35px;
}
}
@media only screen and (min-width: 75em) {
.checkout {
margin-top: 45px;
}
}
.checkout h3 {
font-size: 24px;
line-height: 1;
font-weight: 400;
}
.my_orders {
border: 0;
width: 100%;
border-spacing: 0;
}
.my_orders thead {
background: #fff;
padding-bottom: 10px;
}
.my_orders thead tr th {
text-align: left;
font-size: 12px;
font-weight: 900;
padding: 0 0 10px;
border-bottom: 2px solid #222;
line-height: 1;
text-transform: uppercase;
}
.my_orders tbody {
padding-top: 10px;
}
.my_orders tbody tr td {
padding: 20px 0;
vertical-align: middle;
color: #737373;
border-bottom: 1px solid #eee;
font-size: 13px;
}
.my_orders tbody tr td.order-actions {
text-align: right;
}
.my_orders tbody tr td.order-number a {
font-size: 18px;
color: #222;
}
.my_orders tbody tr:nth-child(even) {
background: #fff;
}
.my_orders.order_table {
border-bottom: 0;
}
.my_orders.order_table thead tr th {
font-weight: 400;
border-bottom-width: 1px;
}
.group_table {
border: 0;
width: 100%;
border-spacing: 0;
margin-bottom: 20px;
table-layout: fixed;
}
.group_table tbody tr td {
padding: 0 10px 20px 0;
}
.group_table tbody tr td:first-child {
width: 100px;
}
.group_table tbody tr td label a {
color: #222;
}
.group_table tbody tr:nth-child(even) {
background: #fff;
}
.group_table .quantity {
float: none;
}
#coupon_code {
width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
#coupon_code {
width: 60%;
}
}
#coupon_code + .apply_coupon {
width: 100%;
margin: 10px 0 0;
}
@media only screen and (min-width: 40.063em) {
#coupon_code + .apply_coupon {
width: 35%;
margin: 0;
}
}
.button.update-button {
margin: 10px 0 0;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
.button.update-button {
margin: 0;
width: auto;
}
}
.coupon-container {
border: 1px dashed #cdcdcd;
padding: 30px;
}
@media only screen and (max-width: 40.063em) {
.coupon-container {
margin-top: 30px;
}
}
.coupon-container.margin {
display: none;
margin-bottom: 55px;
}
.coupon-container .notification-box {
display: none;
}
.coupon-container .checkout_coupon {
float: left;
width: 100%;
display: block !important;
}
.coupon-container .checkout_coupon #coupon_code {
width: 100%;
border: 1px solid #eee;
}
.coupon-container .checkout_coupon #coupon_code + .apply_coupon {
width: auto;
margin: 0;
}
.shipping-calculator-button {
display: block;
color: #222;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
margin: 20px 0 25px;
}
.shipping-calculator-form {
width: 100%;
}
@media only screen and (max-width: 40.063em) {
.shipping-calculator-form {
width: 100%;
}
}
.shipping-calculator-form .formrow {
display: block;
margin-bottom: 8px;
}
.shipping-calculator-form .formrow .select-wrapper,
.shipping-calculator-form .formrow input {
margin: 0;
float: none;
}
.shipping-calculator-form .formrow .input-text {
width: 100%;
}
.shipping-calculator-form .formrow:last-child {
margin: 0;
}
.cart_totals table tr th {
font-weight: 400;
}
.cart_totals table tr:nth-of-type(even) {
background: #fff;
}
.cart_totals table tr.order-total td {
font-size: 20px;
color: #ef2673;
font-weight: 400;
} .billing_shipping,
.cart-holder {
padding-right: 15px;
}
@media only screen and (min-width: 64.063em) {
.billing_shipping,
.cart-holder {
padding-right: 45px;
}
}
.cart-holder {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.063em) {
.cart-holder {
margin-bottom: 0;
}
}
.cart-holder .related {
margin-top: 60px;
}
.woocommerce-checkout-review-order {
clear: both;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
margin-bottom: 50px;
}
.woocommerce-billing-fields h6,
.woocommerce-shipping-fields h6 {
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 30px;
color: #222;
}
.woocommerce-billing-fields .form-row-wide,
.woocommerce-shipping-fields .form-row-wide {
width: 100%;
}
.woocommerce-billing-fields #billing_first_name_field,
.woocommerce-billing-fields #shipping_first_name_field,
.woocommerce-billing-fields #billing_last_name_field,
.woocommerce-billing-fields #shipping_last_name_field,
.woocommerce-billing-fields #billing_email_field,
.woocommerce-billing-fields #billing_phone_field,
.woocommerce-billing-fields #shipping_email_field,
.woocommerce-billing-fields #shipping_phone_field,
.woocommerce-shipping-fields #billing_first_name_field,
.woocommerce-shipping-fields #shipping_first_name_field,
.woocommerce-shipping-fields #billing_last_name_field,
.woocommerce-shipping-fields #shipping_last_name_field,
.woocommerce-shipping-fields #billing_email_field,
.woocommerce-shipping-fields #billing_phone_field,
.woocommerce-shipping-fields #shipping_email_field,
.woocommerce-shipping-fields #shipping_phone_field {
width: 100%;
}
@media only screen and (min-width: 40.063em) {
.woocommerce-billing-fields #billing_first_name_field,
.woocommerce-billing-fields #shipping_first_name_field,
.woocommerce-billing-fields #billing_last_name_field,
.woocommerce-billing-fields #shipping_last_name_field,
.woocommerce-billing-fields #billing_email_field,
.woocommerce-billing-fields #billing_phone_field,
.woocommerce-billing-fields #shipping_email_field,
.woocommerce-billing-fields #shipping_phone_field,
.woocommerce-shipping-fields #billing_first_name_field,
.woocommerce-shipping-fields #shipping_first_name_field,
.woocommerce-shipping-fields #billing_last_name_field,
.woocommerce-shipping-fields #shipping_last_name_field,
.woocommerce-shipping-fields #billing_email_field,
.woocommerce-shipping-fields #billing_phone_field,
.woocommerce-shipping-fields #shipping_email_field,
.woocommerce-shipping-fields #shipping_phone_field {
width: 50%;
}
}
.woocommerce-billing-fields .form-row-wide input,
.woocommerce-billing-fields .form-row-wide textarea,
.woocommerce-billing-fields .form-row-first input,
.woocommerce-billing-fields .form-row-first textarea,
.woocommerce-billing-fields .form-row-last input,
.woocommerce-billing-fields .form-row-last textarea,
.woocommerce-shipping-fields .form-row-wide input,
.woocommerce-shipping-fields .form-row-wide textarea,
.woocommerce-shipping-fields .form-row-first input,
.woocommerce-shipping-fields .form-row-first textarea,
.woocommerce-shipping-fields .form-row-last input,
.woocommerce-shipping-fields .form-row-last textarea {
width: 100%;
}
.woocommerce-billing-fields #billing_first_name_field,
.woocommerce-billing-fields #shipping_first_name_field,
.woocommerce-billing-fields #billing_email_field,
.woocommerce-billing-fields #shipping_email_field,
.woocommerce-shipping-fields #billing_first_name_field,
.woocommerce-shipping-fields #shipping_first_name_field,
.woocommerce-shipping-fields #billing_email_field,
.woocommerce-shipping-fields #shipping_email_field {
padding-right: 0;
}
@media only screen and (min-width: 40.063em) {
.woocommerce-billing-fields #billing_first_name_field,
.woocommerce-billing-fields #shipping_first_name_field,
.woocommerce-billing-fields #billing_email_field,
.woocommerce-billing-fields #shipping_email_field,
.woocommerce-shipping-fields #billing_first_name_field,
.woocommerce-shipping-fields #shipping_first_name_field,
.woocommerce-shipping-fields #billing_email_field,
.woocommerce-shipping-fields #shipping_email_field {
padding-right: 15px;
}
}
.woocommerce-billing-fields #billing_last_name_field,
.woocommerce-billing-fields #shipping_last_name_field,
.woocommerce-billing-fields #billing_phone_field,
.woocommerce-billing-fields #shipping_phone_field,
.woocommerce-shipping-fields #billing_last_name_field,
.woocommerce-shipping-fields #shipping_last_name_field,
.woocommerce-shipping-fields #billing_phone_field,
.woocommerce-shipping-fields #shipping_phone_field {
padding-left: 0;
}
@media only screen and (min-width: 40.063em) {
.woocommerce-billing-fields #billing_last_name_field,
.woocommerce-billing-fields #shipping_last_name_field,
.woocommerce-billing-fields #billing_phone_field,
.woocommerce-billing-fields #shipping_phone_field,
.woocommerce-shipping-fields #billing_last_name_field,
.woocommerce-shipping-fields #shipping_last_name_field,
.woocommerce-shipping-fields #billing_phone_field,
.woocommerce-shipping-fields #shipping_phone_field {
padding-left: 15px;
}
}
.woocommerce-billing-fields #billing_address_1,
.woocommerce-billing-fields #shipping_address_1,
.woocommerce-shipping-fields #billing_address_1,
.woocommerce-shipping-fields #shipping_address_1 {
margin-bottom: 5px;
}
.shipping_address {
clear: both;
}
#ship-to-different-address {
padding: 0;
}
#ship-to-different-address h3 {
float: left;
width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
#ship-to-different-address h3 {
width: auto;
margin-bottom: 25px;
}
}
#ship-to-different-address .shipping_toggle {
float: right;
position: relative;
margin: 15px 0 25px 0;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
#ship-to-different-address .shipping_toggle {
float: right;
width: auto;
margin-bottom: 0;
}
}
#order_comments {
min-height: 124px;
width: 100%;
}
.login p {
text-align: center;
margin-bottom: 30px;
}
.login .button {
margin-top: 30px;
}
.login .lost_password {
color: #ef2673;
font-size: 12px;
line-height: 20px;
float: right;
}
.checkout-quick-login .content,
.checkout-quick-coupon .content {
color: #222 !important;
padding: 15px 20px;
font-weight: 400;
min-height: 0;
}
.checkout-quick-login .content a,
.checkout-quick-coupon .content a {
color: #222;
font-weight: 600;
}
.button.button_checkout_login {
margin-top: 40px;
}
#shop-page.pull {
padding-left: 0;
padding-right: 300px;
}
@media only screen and (max-width: 40.063em) {
#shop-page.pull {
padding-left: 0;
padding-right: 0;
margin: 0;
}
}
#shop-page.push {
padding-right: 0;
padding-left: 300px;
}
@media only screen and (max-width: 40.063em) {
#shop-page.push {
padding-left: 0;
padding-right: 0;
margin: 0;
}
}
#shop-page .masonry {
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 40.063em) {
#shop-page .masonry {
width: 100% !important;
}
}
#checkout_thankyou h2 {
margin-top: 50px;
}
#checkout_thankyou .order_details {
list-style: none;
font-size: 14px;
color: #222;
}
.payment_methods {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
margin-bottom: 20px;
border-top: 3px solid #f2f2f2;
padding-top: 25px;
}
.payment_methods li {
float: left;
width: 100%;
margin-bottom: 20px;
padding-bottom: 10px;
position: relative;
border-bottom: 1px solid #f2f2f2;
}
.payment_methods li label {
margin: 0;
float: none;
}
.payment_methods li .custom_label {
float: none;
}
.payment_methods li .custom_label h6 {
font-size: 14px;
margin: 0;
font-weight: 400;
line-height: 16px;
}
.payment_methods li img {
vertical-align: middle;
margin-left: 10px;
max-height: 16px;
}
.payment_methods li .payment_box {
padding: 10px 0 10px 30px;
width: 100%;
font-size: 12px;
}
.payment_methods li .payment_box p {
margin: 0;
color: #79787f;
font-size: inherit;
}
.payment_methods li .about_paypal {
color: #ef2673;
font-size: 12px;
text-transform: uppercase;
margin-left: 20px;
}
.place-order {
margin-top: 20px;
}
.form-row {
display: block;
float: left;
margin: 0 !important;
width: 100%;
} #my-account .my-account-nav {
margin: 0;
padding: 30px 0 20px;
list-style: none;
text-align: center;
}
#my-account .my-account-nav li {
padding: 0;
margin: 0;
display: inline-block;
width: 50%;
}
@media only screen and (min-width: 40.063em) {
#my-account .my-account-nav li {
width: auto;
padding: 0 25px;
}
}
#my-account .my-account-nav li a {
display: block;
text-align: center;
color: #222;
font-weight: 400;
font-size: 16px;
}
#my-account .my-account-nav li a span {
display: block;
}
#my-account .my-account-nav li.is-active a, #my-account .my-account-nav li:hover a {
color: #ef2673;
text-decoration: underline;
}
#my-account .tab-pane {
padding: 20px 0;
}
@media only screen and (min-width: 40.063em) {
#my-account .tab-pane {
padding: 40px 0;
}
}
@media only screen and (min-width: 64.063em) {
#my-account .tab-pane {
padding: 60px 0;
}
}
@media only screen and (min-width: 75em) {
#my-account .tab-pane {
padding: 80px 0;
}
}
@media only screen and (min-width: 90.063em) {
#my-account .tab-pane {
padding: 120px 0;
}
}
@media only screen and (min-width: 40.063em) {
#my-account .tab-pane h3 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 64.063em) {
#my-account .tab-pane h3 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 75em) {
#my-account .tab-pane h3 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 90.063em) {
#my-account .tab-pane h3 {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 40.063em) {
#yith-wcwl-form h3 {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 64.063em) {
#yith-wcwl-form h3 {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 75em) {
#yith-wcwl-form h3 {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 90.063em) {
#yith-wcwl-form h3 {
margin-bottom: 70px;
}
}
address {
line-height: 1.5;
font-weight: 300;
margin: 20px 0 30px;
}
.order-info {
margin-bottom: 25px;
} #customer_login {
position: relative;
padding-top: 60px;
width: 100%;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#customer_login > div {
padding: 0 0 120px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#customer_login p {
color: #222;
}
#customer_login .button {
margin: 30px 0;
}
#customer_login form {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.063em) {
#customer_login form {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 64.063em) {
#customer_login form {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 75em) {
#customer_login form {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 90.063em) {
#customer_login form {
margin-bottom: 55px;
}
}
#customer_login .logoimg {
margin-bottom: 30px;
}
@media only screen and (min-width: 40.063em) {
#customer_login .logoimg {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 64.063em) {
#customer_login .logoimg {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 75em) {
#customer_login .logoimg {
margin-bottom: 60px;
}
}
#customer_login .register-container {
display: none;
}
#customer_login .login-container p {
margin-bottom: 15px;
}
@media only screen and (min-width: 40.063em) {
#customer_login .login-container p {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 64.063em) {
#customer_login .login-container p {
margin-bottom: 30px;
}
} .cart-empty {
padding: 80px 15px;
}
.cart-empty figure {
display: inline-block;
margin: 0 auto 30px;
width: 164px;
height: 117px;
background: url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/cart-empty.png) top left no-repeat;
-moz-background-size: 164px 117px;
-o-background-size: 164px 117px;
-webkit-background-size: 164px 117px;
background-size: 164px 117px;
}
.cart-empty .message {
font-size: 40px;
font-weight: 700;
line-height: 46px;
color: #222;
margin-bottom: 50px;
}
.cart-empty .return-to-shop {
margin: 20px 0 0;
}
.cart-empty section {
padding: 40px 0;
} #shipping_method {
list-style: none;
margin: 0;
}
#shipping_method li {
float: left;
display: block;
clear: left;
width: 100%;
} .place-order .button {
margin-top: 30px;
}
.terms {
margin-top: 10px;
}
.terms label {
font-size: 13px;
font-weight: 600;
}
.terms label a {
color: #ef2673;
font-weight: 700;
text-transform: capitalize;
} .demo_store {
display: block;
background: rgba(0, 0, 0, 0.1);
color: #fff;
text-transform: uppercase;
font-size: 12px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
font-weight: 400;
margin: 0;
line-height: 30px;
}  #side-cart {
position: fixed;
top: 0;
height: 100%;
z-index: 99;
padding: 0;
width: 280px;
background: #fff;
overflow: hidden;
right: 0;
-moz-transform: translate3d(280px, 0, 0);
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
-moz-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.no-csstransforms3d #side-cart {
right: -280px;
}
.touch #side-cart {
overflow-x: hidden !important;
overflow-y: scroll !important;
-ms-overflow-style: -ms-autohiding-scrollbar !important;
-webkit-overflow-scrolling: touch !important;
}
@media only screen and (min-width: 40.063em) {
#side-cart {
width: 380px;
right: 0;
-moz-transform: translate3d(380px, 0, 0);
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0);
}
.no-csstransforms3d #side-cart {
right: -380px;
}
}
.admin-bar #side-cart {
padding-top: 46px;
}
@media screen and (min-width: 783px) {
.admin-bar #side-cart {
padding-top: 32px;
}
}
.open-cart #side-cart {
right: 0;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#side-cart .table {
height: calc(100% - 80px);
width: 100%;
}
#side-cart .cart-container {
background: #f9f9f9;
height: 100%;
float: right;
width: 100%;
padding-bottom: 145px;
position: relative;
color: #222;
}
@media only screen and (min-width: 40.063em) {
#side-cart .cart-container {
padding-bottom: 175px;
}
}
#side-cart .cart-container.empty {
padding-bottom: 0;
}
#side-cart header {
border-bottom: 1px solid #eee;
padding: 30px;
}
#side-cart header h6 {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #222;
}
#side-cart .buttons {
width: 100%;
padding: 15px;
height: 145px;
position: absolute;
bottom: 0;
left: 0;
background: #f9f9f9;
}
@media only screen and (min-width: 40.063em) {
#side-cart .buttons {
padding: 30px;
height: 175px;
}
}
#side-cart .buttons .btn {
margin: 0;
}
#side-cart .buttons .btn + .btn {
margin-top: 5px;
}
#side-cart .subtotal {
width: 100%;
padding: 40px 20px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
#side-cart .subtotal span {
display: block;
margin-top: 10px;
color: #ef2673;
font-size: 40px;
font-weight: 600;
}
#side-cart .custom_scroll {
top: 86px;
bottom: 145px;
position: absolute;
height: auto;
width: 100%;
}
@media only screen and (min-width: 40.063em) {
#side-cart .custom_scroll {
bottom: 175px;
}
}
#side-cart ul {
display: block;
width: 100%;
padding: 0;
list-style: none;
margin: 0;
}
#side-cart ul li {
position: relative;
border-bottom: 1px solid #eee;
padding: 15px;
}
@media only screen and (min-width: 40.063em) {
#side-cart ul li {
padding: 30px;
}
}
#side-cart ul li figure {
float: left;
width: 80px;
margin-right: 15px;
}
@media only screen and (min-width: 40.063em) {
#side-cart ul li figure {
margin-right: 30px;
}
}
#side-cart ul li .list_content {
padding-left: 95px;
padding-right: 15px;
font-weight: 400;
}
@media only screen and (min-width: 40.063em) {
#side-cart ul li .list_content {
padding-left: 110px;
}
}
#side-cart ul li .list_content h5 {
font-size: 16px;
font-weight: 700;
margin: 0;
}
#side-cart ul li .list_content .cross {
display: inline-block;
vertical-align: middle;
padding: 0 3px;
}
#side-cart ul li .list_content .quantity {
padding: 0;
}
#side-cart ul li .list_content .price {
display: inline-block;
}
#side-cart ul li .list_content .price > .amount {
color: #222;
font-size: 16px;
}
#side-cart ul li .list_content dl.variation {
float: left;
margin-top: 5px;
}
#side-cart ul li .remove {
position: absolute;
top: 15px;
right: 15px;
line-height: 5px;
font-size: 24px;
width: 12px;
text-align: right;
color: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 40.063em) {
#side-cart ul li .remove {
top: 30px;
right: 30px;
}
}
#side-cart ul li .remove:hover {
color: black;
} .your-order-header {
width: 100%;
border: 5px solid #f4f4f4;
}
.your-order-header .order-container {
background: #fff;
padding: 30px 15px;
text-align: center;
color: #747474;
text-transform: uppercase;
font-size: 20px;
border-bottom: 5px solid #f4f4f4;
}
@media only screen and (min-width: 40.063em) {
.your-order-header .order-container {
font-size: 42px;
padding: 50px 30px;
}
}
.your-order-header .order-container span {
color: #ef2673;
}
.your-order-header .order-details {
text-align: center;
padding: 25px 0;
font-size: 18px;
color: #222;
}
.your-order-header .order-details label {
font-weight: 700;
margin-bottom: 10px;
}
.your-order-header .order-details + .order-details {
border-left: 1px solid #f4f4f4;
}
@media only screen and (max-width: 40.063em) {
.your-order-header .order-details + .order-details {
border-left: 0;
border-top: 1px solid #f4f4f4;
}
}
div.order-status {
text-align: center;
background: #ef2673;
padding: 15px;
text-transform: uppercase;
width: 100%;
margin-top: 10px;
margin-bottom: 60px;
}
@media only screen and (min-width: 40.063em) {
div.order-status {
padding: 24px 30px;
}
}
div.order-status h6 {
color: #fff;
margin: 0;
font-size: 14px;
text-transform: uppercase;
line-height: 1;
}
div.order-status.failed {
background: #e24f3d;
}
.your-order-container {
border: 3px solid #f4f4f4;
padding: 15px;
}
@media only screen and (min-width: 40.063em) {
.your-order-container {
padding: 40px;
}
}
.your-order-container h2 {
font-size: 24px;
line-height: 36px;
margin-bottom: 20px;
font-weight: 700;
}
.your-order-container h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 20px;
font-weight: 600;
}
.your-order-container ul {
list-style: none;
font-size: 16px;
}
.your-order-container ul li {
margin: 0;
}
.order-information label {
font-weight: 700;
}
.order-information p {
font-size: 16px;
} .post_nav {
font-size: 11px;
margin: 0 0 15px 0;
}
@media only screen and (min-width: 40.063em) {
.post_nav {
margin: 0 0 30px 0;
}
}
@media only screen and (min-width: 64.063em) {
.post_nav {
margin: 0 0 40px 0;
}
}
.post_nav a {
display: inline-block;
text-transform: uppercase;
color: #222;
opacity: 0.6;
}
.post_nav a .fa {
padding: 0 5px;
}
.post_nav a + a {
padding-left: 10px;
border-left: 1px dotted rgba(34, 34, 34, 0.6);
margin-left: 9px;
}
.post_nav a:hover {
opacity: 1;
}
.product-page {
margin: 15px 0;
}
@media only screen and (min-width: 40.063em) {
.product-page {
margin: 30px 0;
}
}
@media only screen and (min-width: 64.063em) {
.product-page {
margin: 45px 0;
}
}
@media only screen and (min-width: 75em) {
.product-page {
margin: 60px 0;
}
}
.product .product-thumbnails {
width: 100%;
display: none;
}
@media only screen and (min-width: 40.063em) {
.product .product-thumbnails {
display: block;
}
}
.product .product-thumbnails .slick-list {
margin: 0 -5px;
}
.product .product-thumbnails figure {
padding: 0 5px;
outline: 0;
opacity: 0.6;
}
.product .product-thumbnails figure img {
cursor: pointer;
}
.product .product-thumbnails figure.slick-current {
opacity: 1;
}
.product .product-images {
margin-left: 0;
margin-bottom: 10px;
}
.product .product-information {
padding: 0 15px;
}
@media only screen and (min-width: 64.063em) {
.product .product-information {
padding: 0 25px;
}
}
.product .product-information .woocommerce-breadcrumb {
margin-bottom: 20px;
}
.product .product-information .woocommerce-product-rating {
margin-bottom: 20px;
}
.product .product-information .single_add_to_cart_button {
margin: 10px 0 0;
}
.product .product-information .yith-wcwl-add-to-wishlist {
display: inline-block;
margin: 10px 0 0;
width: 100%;
vertical-align: middle;
}
@media only screen and (min-width: 40.063em) {
.product .product-information .yith-wcwl-add-to-wishlist {
margin: 10px 0 0 3px;
width: auto;
}
}
.product .product-information .yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.product .product-information .wc-forward {
float: right;
padding: 0;
border: 0;
line-height: 18px;
background-color: transparent;
}
.product .product-information .wc-forward:hover {
color: #ef2673;
}
.product .product-information h1 {
font-size: 36px;
line-height: 42px;
margin-bottom: 5px;
font-weight: 300;
}
.product .product-information .short-description {
font-size: 13px;
color: #818181;
}
.product .product-information .short-description p {
font-size: inherit;
}
.product .product-information .variations_form .single_variation {
display: none !important;
}
.product .product-information .variations_form .select-wrapper {
min-width: 150px;
}
.product .product-information .variations_form .select-wrapper select {
font-weight: 400;
font-size: 12px;
}
.product .product-information .variations_form .select-wrapper + .select-wrapper {
margin-left: 0;
}
@media only screen and (min-width: 40.063em) {
.product .product-information .variations_form .select-wrapper + .select-wrapper {
margin-left: 10px;
}
}
.product .product-information .variations_form .qtylabel {
margin-left: 0;
}
@media only screen and (min-width: 40.063em) {
.product .product-information .variations_form .qtylabel {
margin-left: 20px;
}
}
.product .product-information .qtylabel {
display: inline-block;
line-height: 45px;
color: #222;
font-size: 11px;
padding-right: 20px;
}
.product .product-information .qtylabel + .quantity {
display: inline-block;
vertical-align: middle;
}
.product .product-information .qty {
margin-bottom: 0;
text-align: center;
width: 50px;
padding: 15px 10px;
font-size: 13px;
}
.product .product-information .share-article {
width: auto;
max-width: 100%;
margin-top: 30px;
}
.product .product-information .product_meta {
margin-top: 40px;
}
.product .product-information .product_meta .wcml_currency_switcher {
display: none;
}
.product .product-information .product_meta > span {
display: block;
margin: 0 15px 0 0;
color: #818181;
font-size: 11px;
font-weight: 400;
}
.product .product-information .product_meta > span a,
.product .product-information .product_meta > span .sku {
color: #ef2673;
font-weight: 400;
}
.woocommerce-tabs {
margin-bottom: 50px;
}
@media only screen and (min-width: 75em) {
.woocommerce-tabs {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 90.063em) {
.woocommerce-tabs {
margin-bottom: 100px;
}
}
.woocommerce-tabs .tabs {
margin: 0 0 20px 0;
padding: 26px 0 24px;
text-align: center;
}
.woocommerce-tabs .tabs dd {
margin: 15px 0;
}
.rtl .woocommerce-tabs .tabs dd {
margin: 15px 0;
}
@media only screen and (min-width: 40.063em) {
.woocommerce-tabs .tabs dd {
margin: 0 30px;
}
}
.woocommerce-tabs .tabs dd a {
background: none;
text-transform: none;
color: #222;
padding: 0;
font-size: inherit;
}
.woocommerce-tabs .tabs dd.active a {
text-decoration: underline;
color: #ef2673;
} .pagination {
margin: 0 0 40px;
}
.pagination .screen-reader-text {
display: none;
}
.pagination .page-numbers {
display: inline-block;
font-size: 11px;
color: #767676;
border: 1px solid #e9e9e9;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-weight: 600;
vertical-align: middle;
}
.pagination .page-numbers.dots {
border-color: transparent;
position: relative;
top: -3px;
}
.pagination .page-numbers:not(.dots):hover, .pagination .page-numbers.current {
color: #fff;
background: #ef2673;
border-color: #ef2673;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
font-size: 14px;
vertical-align: middle;
} .animation {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-perspective: 1000;
-webkit-perspective: 1000;
perspective: 1000;
will-change: opacity;
}
@media only screen and (max-width: 40.063em) {
.animation {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
}
.animate {
will-change: opacity, transform;
}
.fade-in.animate {
-moz-animation: fade-in 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation: fade-in 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: fade-in 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 40.063em) {
.fade-in.animate {
-moz-animation: none;
-webkit-animation: none;
animation: none;
}
}
.right-to-left.animate {
-moz-animation: right-to-left 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation: right-to-left 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: right-to-left 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 40.063em) {
.right-to-left.animate {
-moz-animation: none;
-webkit-animation: none;
animation: none;
}
}
.left-to-right.animate {
-moz-animation: left-to-right 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation: left-to-right 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: left-to-right 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 40.063em) {
.left-to-right.animate {
-moz-animation: none;
-webkit-animation: none;
animation: none;
}
}
.bottom-to-top.animate {
-moz-animation: bottom-to-top 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation: bottom-to-top 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: bottom-to-top 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 40.063em) {
.bottom-to-top.animate {
-moz-animation: none;
-webkit-animation: none;
animation: none;
}
}
.top-to-bottom.animate {
-moz-animation: top-to-bottom 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation: top-to-bottom 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: top-to-bottom 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 40.063em) {
.top-to-bottom.animate {
-moz-animation: none;
-webkit-animation: none;
animation: none;
}
}
.scale.animate {
-moz-animation: scale 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation: scale 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: scale 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 40.063em) {
.scale.animate {
-moz-animation: none;
-webkit-animation: none;
animation: none;
}
}
.swingIn.animate {
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-moz-animation: swingInX 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation: swingInX 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: swingInX 0.45s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 40.063em) {
.swingIn.animate {
-moz-animation: none;
-webkit-animation: none;
animation: none;
}
}
.animate {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.spinY {
-moz-animation: spinY 0.5s linear;
-webkit-animation: spinY 0.5s linear;
animation: spinY 0.5s linear;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-moz-animation-timing-function: cubic-bezier(0.75, 0, 0.175, 1);
-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.175, 1);
animation-timing-function: cubic-bezier(0.75, 0, 0.175, 1);
}
@-moz-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes right-to-left {
0% {
opacity: 0;
-moz-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes right-to-left {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes right-to-left {
0% {
opacity: 0;
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-moz-keyframes left-to-right {
0% {
opacity: 0;
-moz-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes left-to-right {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes left-to-right {
0% {
opacity: 0;
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-moz-keyframes bottom-to-top {
0% {
opacity: 0;
-moz-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-moz-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes bottom-to-top {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes bottom-to-top {
0% {
opacity: 0;
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes top-to-bottom {
0% {
opacity: 0;
-moz-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-moz-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes top-to-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes top-to-bottom {
0% {
opacity: 0;
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes scale {
0% {
opacity: 0;
-moz-transform: scale(0, 0);
transform: scale(0, 0);
}
100% {
opacity: 1;
-moz-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes scale {
0% {
opacity: 0;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
100% {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes scale {
0% {
opacity: 0;
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
100% {
opacity: 1;
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-moz-keyframes swingInX {
0% {
-moz-transform: perspective(1000px) rotateX(-90deg);
transform: perspective(1000px) rotateX(-90deg);
}
100% {
-moz-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
}
@-webkit-keyframes swingInX {
0% {
-webkit-transform: perspective(1000px) rotateX(-90deg);
transform: perspective(1000px) rotateX(-90deg);
}
100% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
}
@keyframes swingInX {
0% {
-moz-transform: perspective(1000px) rotateX(-90deg);
-ms-transform: perspective(1000px) rotateX(-90deg);
-webkit-transform: perspective(1000px) rotateX(-90deg);
transform: perspective(1000px) rotateX(-90deg);
}
100% {
-moz-transform: perspective(1000px) rotateX(0deg);
-ms-transform: perspective(1000px) rotateX(0deg);
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
}
@-moz-keyframes swingOutX {
0% {
-moz-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
100% {
-moz-transform: perspective(1000px) rotateX(-90deg);
transform: perspective(1000px) rotateX(-90deg);
}
}
@-webkit-keyframes swingOutX {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
100% {
-webkit-transform: perspective(1000px) rotateX(-90deg);
transform: perspective(1000px) rotateX(-90deg);
}
}
@keyframes swingOutX {
0% {
-moz-transform: perspective(1000px) rotateX(0deg);
-ms-transform: perspective(1000px) rotateX(0deg);
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
100% {
-moz-transform: perspective(1000px) rotateX(-90deg);
-ms-transform: perspective(1000px) rotateX(-90deg);
-webkit-transform: perspective(1000px) rotateX(-90deg);
transform: perspective(1000px) rotateX(-90deg);
}
}
@-moz-keyframes bounceInY {
0% {
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
-moz-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounceInY {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInY {
0% {
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes bounceOutY {
0% {
-moz-transform: translateY(0);
transform: translateY(0);
}
30% {
-moz-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes bounceOutY {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
30% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes bounceOutY {
0% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
30% {
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes spinY {
0% {
-moz-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@-webkit-keyframes spinY {
0% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@keyframes spinY {
0% {
-moz-transform: rotateY(0);
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-moz-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@-moz-keyframes scrollanimation {
0% {
height: 5px;
}
50% {
height: 24px;
}
100% {
height: 5px;
}
}
@-webkit-keyframes scrollanimation {
0% {
height: 5px;
}
50% {
height: 24px;
}
100% {
height: 5px;
}
}
@keyframes scrollanimation {
0% {
height: 5px;
}
50% {
height: 24px;
}
100% {
height: 5px;
}
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {
opacity: 1;
}
}
@-moz-keyframes empty {
0% {
opacity: 1;
}
}
@keyframes empty {
0% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(0.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(0.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
from {
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5);
}
} .atvImg {
display: inline-block;
transform-style: preserve-3d;
-webkit-tap-highlight-color: transparent;
}
.atvImg.full {
width: 100%;
}
.atvImg img {
opacity: 0;
}
.atvImg-container {
position: relative;
width: 100%;
height: 100%;
transition: all 0.2s ease-out;
}
.atvImg-container.over .atvImg-shadow {
box-shadow: 0 45px 90px rgba(14, 21, 47, 0.3), 0 16px 40px rgba(14, 21, 47, 0.3);
}
.atvImg-layers {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
transform-style: preserve-3d;
}
.atvImg-rendered-layer {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 104%;
height: 104%;
top: -2%;
left: -2%;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-size: cover;
transition: all 0.1s ease-out;
}
.atvImg-rendered-layer[data-layer="0"] {
z-index: 0;
}
.atvImg-rendered-layer[data-layer="1"] {
z-index: 1;
}
.atvImg-rendered-layer[data-layer="2"] {
z-index: 2;
}
.atvImg-rendered-layer[data-layer="3"] {
z-index: 3;
}
.atvImg-shadow {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
transition: all 0.2s ease-out;
box-shadow: 0 6px 20px rgba(14, 21, 47, 0.6);
}
.atvImg-shine {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
}
.post .post-content .atvImg .image_link {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
border: 6px solid #fff;
}
.post .post-content .atvImg h3 {
margin: 0;
letter-spacing: normal;
color: #fff;
text-transform: uppercase;
}
.post .post-content .atvImg .title,
.post .post-content .atvImg .arrow {
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
align-items: center;
justify-content: center;
}
.post .post-content .atvImg .title svg,
.post .post-content .atvImg .arrow svg {
fill: #ef2673;
}
.post .post-content .atvImg .arrow {
opacity: 0;
}
.post .post-content .atvImg .image_bg {
width: 100%;
height: 100%;
}
.post .post-content .atvImg:hover .image_link {
background: #fff;
border-color: #ef2673;
}
.post .post-content .atvImg:hover .image_bg {
background: #fff;
}
.post .post-content .atvImg:hover .title {
opacity: 0;
}
.post .post-content .atvImg:hover .arrow {
opacity: 1;
}  @keyframes selectionSharerPopover-animation {
0% {
transform: matrix(0.97, 0, 0, 1, 0, 12);
filter: alpha(opacity=0);
opacity: 0;
}
20% {
transform: matrix(0.99, 0, 0, 1, 0, 2);
filter: alpha(opacity=70);
opacity: 0.7;
}
40% {
transform: matrix(1, 0, 0, 1, 0, -1);
filter: alpha(opacity=100);
opacity: 1;
}
70% {
transform: matrix(1, 0, 0, 1, 0, 0);
filter: alpha(opacity=100);
opacity: 1;
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
filter: alpha(opacity=100);
opacity: 1;
}
}
.thb-selectionSharer {
display: none;
position: absolute;
z-index: 100;
background: #222;
transition: -webkit-transform 0.6s ease-in-out;
}
.thb-selectionSharer:after {
content: '';
display: block;
position: absolute;
bottom: -3px;
left: 50%;
margin-left: -4px;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #222;
}
.thb-selectionSharer.anim {
transition: top .075s ease-out;
animation: selectionSharerPopover-animation 180ms forwards linear;
-webkit-animation: selectionSharerPopover-animation 180ms forwards linear;
}
#thnb-selectionSharerPopover-inner {
position: relative;
overflow: hidden;
border-radius: 0;
border: 0;
}
.thb-selectionSharer ul {
margin: 0;
display: block;
text-align: center;
padding: 0 8px;
}
.thb-selectionSharer ul li {
display: inline-block;
list-style: none;
margin: 0;
}
.thb-selectionSharer a {
display: block;
width: 30px;
height: 44px;
line-height: 44px;
border: none;
color: #fff;
font-size: 14px;
}
.thb-selectionSharer a.email:hover {
color: #ef2673;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #f5f5f5;
}
.mfp-bg.mfp-portfolio {
z-index: 1040;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-wrap.mfp-portfolio {
z-index: 1041;
}
.mfp-wrap.mfp-teammember .mfp-container {
background: #f6f6f6;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
background: #f5f5f5 url(//hairstylezz.com/wp-content/themes/thevoux-wp/assets/img/preloader.svg) center center no-repeat;
position: fixed;
top: 0;
width: 100%;
text-align: center;
left: 0;
height: 100%;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial,Baskerville,monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}  #style-switcher {
display: none;
width: 280px;
position: fixed;
top: 50%;
margin-top: -160px;
right: -240px;
z-index: 9999;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@media only screen and (min-width: 40.063em) {
#style-switcher {
display: block;
}
}
#style-switcher.active {
right: 0;
}
#style-switcher .style-toggle {
float: left;
width: 40px;
height: 40px;
border-top: 1px solid #ef2673;
border-right: 1px solid #ef2673;
border-bottom: 1px solid #ef2673;
color: #fff;
line-height: 36px;
background: #ef2673;
text-align: center;
font-size: 20px;
cursor: pointer;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#style-switcher .style-toggle.active {
background: #ef2673;
border-color: #ef2673;
color: #fff;
}
#style-switcher .style-toggle i {
vertical-align: middle;
}
#style-switcher h2 {
display: block;
float: right;
width: 240px;
padding: 0 20px;
height: 40px;
line-height: 42px;
margin: 0;
font-size: 13px;
font-weight: 700;
color: #fff;
background: #ef2673;
}
#style-switcher .style-content {
float: right;
background: #222;
padding: 0;
width: 240px;
}
#style-switcher .style-content h3 {
font-size: 14px;
font-weight: 300;
margin: 0 0 13px;
float: left;
color: #fff;
}
#style-switcher .style-content .section {
padding: 15px 20px;
border-bottom: 1px solid #3e3e3e;
float: left;
width: 100%;
}
#style-switcher .style-content p {
font-size: 13px;
color: #f2f2f2;
line-height: 1.3;
margin: 0;
}
#style-switcher .style-content ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 100%;
}
#style-switcher .style-content ul li {
border: 0;
display: block;
float: left;
}
#style-switcher .style-content ul li.block {
clear: left;
margin-bottom: 3px;
}
#style-switcher .style-content ul li.block a {
margin-left: 0;
}
#style-switcher .style-content ul li a {
display: block;
float: left;
font-size: 12px;
color: #a9a9a9;
border: 1px solid #5d5d5d;
text-align: center;
height: 30px;
line-height: 30px;
margin-left: 4px;
padding: 0 10px;
}
#style-switcher .style-content ul li a.active {
border-color: #ef2673;
background: #ef2673;
color: #fff;
}
#style-switcher .style-content ul li a:hover {
border-color: #fff;
}
#style-switcher .style-content ul li:first-child a {
margin-left: 0;
}
#theme-switcher {
position: fixed;
bottom: 12px;
left: 12px;
border: 1px solid #ef2673;
background: #ef2673;
display: flex;
align-items: center;
text-align: center;
width: 84px;
height: 84px;
cursor: pointer;
z-index: 999;
}
#theme-switcher:hover {
border-color: #f13e82;
background: #f13e82;
}
#theme-switcher p {
display: block;
margin: 0;
padding: 10px;
width: 100%;
color: #fff;
font-size: 10px;
line-height: 1.2;
font-weight: 600;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#theme-switcher div {
display: none;
visibility: hidden;
opacity: 0;
position: relative;
padding: 28px;
width: 100%;
height: 100%;
}
#theme-switcher div .close {
position: absolute;
top: -15px;
right: -15px;
background: #ef2673;
color: #fff;
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
}
#theme-switcher div .theme {
display: block;
}
#theme-switcher div .theme:last-of-type {
margin-top: 1px;
}
#theme-switcher div .theme:hover {
opacity: 0.9;
}
#theme-switcher.active {
background: #fff;
}
#theme-switcher.active:hover {
border-color: #ef2673;
background: #fff;
}