@charset 'UTF-8';
@charset "UTF-8";
.wpce-processing {
opacity:0.4;
position:relative;
}
.wpce-processing, .wpce-processing * {
cursor:progress !important;
pointer-events: none !important;
}
.wpce-processing::after {
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(-50%);
margin:auto;
width:32px;
height:32px;
background-repeat:no-repeat;
background-size:cover;
background-image:url(//chipbox.co.za/wp-content/plugins/woo-parts-compatibility-editor/assets/images/icon-loading.gif);
}
.wpce-clearfix {
clear:both;
float:none;
width:100%;
}
.wpce-invisible {
visibility:hidden !important;
}
.wpce-error select, .wpce-error input, .wpce-error .select2-container .select2-selection--single {
border-color:#cc0000 !important;
} .wpce-filter-widget-inner {
position:relative;
font-size:1em;
}
.wpce-filter-widget-inner, .wpce-filter-widget-inner * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpce-filter-widget-inner form {
margin:0;
position:unset;
}
.wpce-filter-widget-inner .wpce-field {
width:100%;
margin:0 0 10px;
}
.wpce-filter-widget-inner .wpce-field:last-child {
margin-bottom:0;
}
.wpce-filter-widget-inner .wpce-field label {
display:block;
width:100%;
margin:0 0 5px 0;
}
.wpce-filter-widget-inner .wpce-field select,
.wpce-filter-widget-inner .wpce-field input,
.wpce-filter-widget-inner .wpce-field .select2-container,
.wpce-filter-widget-inner .wpce-field .select2-container .select2-selection--single {
width:100%;
height:36px;
line-height:35px;
}
.wpce-filter-widget-inner .wpce-field select,
.wpce-filter-widget-inner .wpce-field input,
.wpce-filter-widget-inner .wpce-field .select2-container .select2-selection--single {
padding:0 0 0 5px;
}
.wpce-filter-widget-inner .wpce-field-buttons {
text-align:center;
}
.wpce-filter-widget-inner .wpce-field-buttons input {
padding-left:15px;
padding-right:15px;
}
.wpce-widget-layout-v .wpce-field-buttons input {
width:auto;
display:inline-block;
}
.wpce-filter-widget-inner.wpce-widget-buttons-2 .wpce-field-buttons input[type="submit"] {
margin-right:5px;
}
.wpce-widget-layout-h .wpce-field-buttons input {
width:auto;
}
.wpce-widget-layout-h.wpce-widget-buttons-1 input {
width:100%;
}
.wpce-widget-layout-h.wpce-widget-buttons-1 input[type="submit"] {
margin-right:0;
margin-bottom:5px;
}
.wpce-filter-widget-inner .wpce-field .select2-container {
display:block;
}
.wpce-filter-widget-inner .wpce-field .select2-container .select2-selection--single {
padding-left:10px;
}
.wpce-filter-widget-inner .wpce-field select option {
padding:0;
}
.select2-container--open .select2-dropdown {
}
.select2-container--open .select2-dropdown .select2-results__options {
margin:0;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__option {
padding:0 10px;
}
.select2-container--open .select2-dropdown .select2-search--dropdown {
padding:10px;
}
.select2-container--open .select2-dropdown .select2-search--dropdown input,
.select2-container--open .select2-dropdown .select2-results .select2-results__option {
height:auto;
min-height:30px;
line-height:30px;
}
.select2-container--open .select2-dropdown .select2-search--dropdown input {
padding:5px;
}
.wpce-filter-widget-inner .wpce-field .select2-container--default .select2-selection--single .select2-selection__arrow {
height:100%;
bottom:0;
}
.wpce-filter-widget-inner .wpce-field .select2-container .select2-selection--single .select2-selection__rendered {
height:100%;
line-height:inherit;
padding:0;
} .wpce-product-validator {
display:block;
clear:both;
margin:0 0 15px;
}
.wpce-product-validator h2 {
font-size:1.2em;
line-height:1.3;
font-weight:600;
margin:0 0 15px;
}
.wpce-product-validator .wpce-message {
display:block;
width:100%;
padding:5px;
border:1px solid transparent;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.wpce-product-validator .wpce-message.wpce-success {
color:#3c763d;
background-color:#dff0d8;
border-color:#d6e9c6;
}
.wpce-product-validator .wpce-message.wpce-error {
color:#a94442;
background-color:#f2dede;
border-color:#ebccd1;
} .variation.wpce-variation {
display:block;
width:100%;
max-width:350px;
margin:10px 0 !important;
font-size:0.9em;
line-height:1.3;
}
.variation.wpce-variation table {
width:100%;
border-bottom:1px dotted #dfdfdf;
margin:0;
}
.variation.wpce-variation table tr {
border:none;
}
.variation.wpce-variation th, .variation.wpce-variation td {
padding:5px 10px !important;
border:none !important;
}
.variation.wpce-variation th {
width:45%;
} .wpce-product-tab table {
width:100%;
border:none;
}
.wpce-product-tab table tr {
border:none;
}
.wpce-product-tab th, .wpce-product-tab td {
text-align:left;
}
.wpce-product-tab thead th, .wpce-product-tab tfoot th {
font-weight:bold;
text-transform:uppercase;
padding:0;
}
.wpce-product-tab thead th {
padding-bottom:5px;
border:0;
border-bottom:1px #e0dede dotted;
}
.wpce-product-tab tfoot th {
padding-top:5px;
border-bottom:none;
}
.wpce-product-tab td {
padding:5px 0;
border:0;
border-bottom:1px #e0dede dotted;
}
.wpce-product-terms-list-table .wpce-product-terms-loading {
text-align:center;
} .wpce-user-searches-widget-inner {
}
.wpce-user-searches-widget-inner .wpce-user-searches {
display:block;
}
.wpce-user-searches-widget-inner .wpce-user-searches .wpce-user-searches-title {
display:block;
margin:0 0 10px;
font-size:1em;
font-weight:600;
}
.wpce-user-searches-widget-inner .wpce-user-searches .wpce-user-searches-description {
display:block;
margin:0 0 15px;
font-size:0.9em;
}
.wpce-user-searches-widget-inner .wpce-user-searches ul {
display:block;
float:none;
margin:0;
}
.wpce-user-searches-widget-inner .wpce-user-searches li {
position:relative;
display:block;
float:none;
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-title {
display:block;
cursor:pointer;
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions {
display:none;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-color:rgba( 0, 0, 0, 0.8 );
text-align:center;
vertical-align:middle;
}
.wpce-user-searches-widget-inner .wpce-user-searches li.active .wpce-user-search-actions {
display:block;
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions > span {
position:absolute;
top:50%;
transform:translateY(-50%);
left:0;
right:0;
}
.wpce-user-searches-widget-inner .wpce-user-searches li.active .wpce-user-search-title {
opacity:0.6;
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions a {
position:relative;
color:#fff;
margin:0 3px;
text-transform:uppercase;
text-decoration:none;
font-size:0.9em;
line-height:1;
padding-left:15px;
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions a i {
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
bottom:0;
width:12px;
height:12px;
background-repeat:no-repeat;
background-size:cover;
} .wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions a.wpce-go-user-search i {
background-image:url(//chipbox.co.za/wp-content/plugins/woo-parts-compatibility-editor/assets/images/icon-go.png);
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions a.wpce-save-user-search i {
background-image:url(//chipbox.co.za/wp-content/plugins/woo-parts-compatibility-editor/assets/images/icon-save.png);
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions a.wpce-delete-user-search i {
background-image:url(//chipbox.co.za/wp-content/plugins/woo-parts-compatibility-editor/assets/images/icon-delete.png);
}
.wpce-user-searches-widget-inner .wpce-user-searches li .wpce-user-search-actions a:hover {
text-decoration:underline;
}
.wpce-user-searches-widget-inner .wpce-user-searches .wpce-clear-user-searches {
display:block;
padding:10px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.wpce-user-searches-widget-inner .wpce-user-saved_searches {
margin:0 0 15px;
}
.wpce-user-searches-widget-inner .wpce-user-search_history {
}
.wpce-user-searches-widget-inner .wpce-user-searches .wpce-user-searches-actions {
}
.wpce-user-searches-widget-inner .wpce-user-searches .wpce-user-searches-actions a {
position:relative;
padding-left:20px;
}
.wpce-user-searches-widget-inner .wpce-user-searches .wpce-user-searches-actions a i {
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
bottom:0;
width:16px;
height:16px;
background-image:url(//chipbox.co.za/wp-content/plugins/woo-parts-compatibility-editor/assets/images/icon-clear.png);
background-repeat:no-repeat;
background-size:cover;
}
@media only screen and (min-width: 768px) {
.wpce-widget-layout-h {
}
.wpce-widget-layout-h .wpce-field {
float:left;
margin-right:1%;
}
.wpce-widget-layout-h.wpce-widget-levels-1 .wpce-field {
width:99%;
}
.wpce-widget-layout-h.wpce-widget-levels-2 .wpce-field {
width:49%;
}
.wpce-widget-layout-h.wpce-widget-levels-3 .wpce-field {
width:32.33%;
}
.wpce-widget-layout-h.wpce-widget-levels-4 .wpce-field {
width:24%;
}
.wpce-widget-layout-h.wpce-widget-levels-5 .wpce-field {
width:19%;
}
.wpce-widget-layout-h.wpce-widget-levels-6 .wpce-field {
width:15.66%;
}
.wpce-widget-layout-h.wpce-widget-levels-7 .wpce-field {
width:13.28%;
}
.wpce-widget-layout-h.wpce-widget-levels-8 .wpce-field {
width:11.5%;
}
.wpce-widget-layout-h.wpce-widget-levels-9 .wpce-field {
width:10.11%;
}
.wpce-widget-layout-h.wpce-widget-levels-10 .wpce-field {
width:9%;
}
.wpce-widget-layout-h .wpce-field:last-child {
margin-right:0;
}
.wpce-widget-layout-h .wpce-field-buttons {
position:absolute;
right:0;
bottom:0;
margin-right:0;
}
.wpce-widget-layout-h.wpce-widget-buttons-1 form {
margin-right:120px;
}
.wpce-widget-layout-h.wpce-widget-buttons-2 form {
margin-right:245px;
}
.wpce-widget-layout-h.wpce-widget-buttons-1 .wpce-field-buttons {
width:120px;
}
.wpce-widget-layout-h.wpce-widget-buttons-2 .wpce-field-buttons {
width:245px;
}
.wpce-widget-layout-h.wpce-widget-buttons-2 input {
width:120px;
float:left;
}
.wpce-user-searches-widget-inner .wpce-user-searches li:hover .wpce-user-search-actions {
display:block;
}
.wpce-user-searches-widget-inner .wpce-user-searches li:hover .wpce-user-search-title {
opacity:0.6;
}
}.master-slider{
position: relative;
visibility: hidden;
-moz-transform: translate3d(0 , 0 , 0);
}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;-webkit-filter:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}
.ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.master-slider a,
.master-slider a:hover {
-webkit-transition: none;
transition: none;
}
.wpb_row .master-slider-parent *,
.master-slider-parent * {
box-sizing: content-box;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
}
.ms-layout-partialview .ms-view {
overflow: visible;
background-color:transparent;
}
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider.before-init{}
.master-slider img, .ms-slide-bgvideocont video {max-width:none;}
.master-slider.ms-fullheight{height: 100%;}
.ms-slide-auto-height { display: table; }
.ms-loading-container{
position:absolute;
width:100%;
top:0;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
width: 36px;
height: 36px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/common/loading-2.gif) no-repeat center white;
border-radius: 60px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
position: absolute;
left: 50%;
top: 50%;
margin: -18px;
opacity: 0.9;
} .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/common/grab.png), move;}
.ms-grabbing-cursor{cursor: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/common/grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}
.ms-view {
margin:0px auto;
overflow:hidden;
position:relative;
-webkit-perspective: 2000px;
-ms-perspective: 2000px;
perspective: 2000px;
}
.ms-view .ms-slide-container{position:relative;}
.ms-slide {
position:absolute;
height:100%;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
}
.ms-wk .ms-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
position: absolute;
overflow:hidden;
width: 100%;
}
.ms-slide .ms-slide-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 110;
}
.ms-ie .ms-slide-link {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat;
}
.ms-slide .ms-slide-bgvideocont{
z-index: 105;
height: 100%;
}
.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
-webkit-transform: translateZ(0.3px);
transform: translateZ(0.3px);
}
.ms-slide .ms-slide-bgvideo{
position: absolute;
top: 0px;
}
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
position:absolute;
pointer-events: auto;
}
.ms-layer-mask {
position: absolute;
overflow: hidden;
}
.ms-layer-mask .ms-layer{
position: relative;
}
.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
position: absolute;
overflow:hidden;
width:100%;
height: 100%;
z-index: 109;
top:0px;
pointer-events: none;
}  .ms-overlay-layers {
position: absolute;
top: 0;
z-index: 120;
width: 100%;
height: 100%;
pointer-events: none;
}
.ms-slide .ms-slide-video{
position:absolute;
top:0;
z-index: 111;
background:black;
padding:0;
margin: 0;
border: none;
}
.ms-slide .ms-pattern{
background-attachment: scroll;
width: 100%;
height: 100%;
z-index: 108;
position: absolute;
top: 0;
}
.ms-wk .ms-pattern{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-parallax-layer {
width: 100%;
position: absolute;
top: 0;
}
.ms-scroll-parallax-cont{
position: absolute;
top:0;
width: 100%;
height: 100%;
z-index: 109;
}
.ms-wk .ms-scroll-parallax-cont{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{
}
.ms-scroll-parallax .ms-slide-bgcont{
} .ms-action-layer{cursor: pointer;}
.ms-btn-container{position: absolute;}
.ms-btn {
text-decoration: none;
display: inline-block;
color:black;
position: relative;
padding: 8px 15px;
cursor: pointer;
white-space: nowrap;
}
.ms-default-btn{
background: #0074A2;
border-radius: 5px;
color: #FFF;
}
.ms-default-btn:hover{background-color: #0098D5;}
.ms-default-btn:active{top:1px;}
.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{
padding:0;
margin: 0;
border: none;
position: absolute;
z-index: 110;
}
.ms-btn-s{
padding: 14px 17px;
font-size: 80%;
line-height: 0;
}
.ms-btn-m{
padding: 12px 40px;
}
.ms-btn-n{
padding: 8px 25px;
font-size: 95%;
}
.ms-btn-l{
padding: 17px 50px;
font-size: 120%;
}
.ms-btn-box{}
.ms-btn-round{border-radius: 5px;}
.ms-btn-circle{border-radius: 100px;}
.ms-btn-outline-box{}
.ms-btn-outline-round{border-radius: 5px;}
.ms-btn-outline-circle{border-radius: 100px;} .ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
position:absolute;
cursor: pointer;
z-index: 110;
}
.ms-slide .ms-slide-vcbtn{
position:absolute;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile{
position: relative;
bottom: 0;
left:0;
width:100%;
height: 28px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
text-transform: uppercase;
font-family: sans-serif;
font-size: 0.75em;
display: inline-block;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/common/video-close-btn.png) no-repeat 0px 3px;
padding-left: 15px;
height: 15px;
color: #DBDBDB;
margin-top: 7px;
}
.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
-webkit-transform: translateZ(0.44px);
transform: translateZ(0.44px);
}
.ms-video-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.ms-mask-frame{
overflow:hidden;
position:absolute;
float:left;
} .ms-thumb-list{
overflow:hidden;
position:absolute;
}
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
cursor: pointer;
float: left;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame {
background-color: #F6f6f6;
text-shadow: 0 1px 1px white;
color: #222;
border: solid 1px white;
border-width: 0 1px 1px 0;
overflow: visible;
position: relative;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
position: absolute;
opacity: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
top: 0px;
left: 50%;
margin-left: -12px;
border-bottom: solid 12px #F6f6f6;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
top:-12px;
border-bottom-color: #EDEDED;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
bottom: 0px;
top:auto;
border-bottom:0px;
border-top: solid 12px #F6f6f6;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
bottom:-12px;
border-top-color: #EDEDED;
}
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
top: 50%;
left: 0;
margin-top: -12px;
border-right: solid 12px #EDEDED;
border-top: solid 12px transparent;
border-bottom: solid 12px transparent;
}
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
left:-12px;
border-right-color:#EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
left: auto;
right: 0;
border-right: 0;
border-left: solid 12px #EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
right:-12px;
border-left-color:#EDEDED;
}
.ms-thumb-alt {
text-align: center;
margin: 5px;
font-size: 14px;
font-weight: 600;
} .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
height: 100%;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
right: 0;
left: auto;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
content: close-quote;
top: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 5px 5px 5px 0px;
display: block;
border-right-color: #FFF;
width: 6px;
height: 1px;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
border-width: 5px 0px 5px 5px;
border-left-color: #FFF;
left: 7px;
} .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
width: 100%;
height: 20px;
position: absolute;
top: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
bottom: 0;
top: auto;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
content: close-quote;
left: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 0px 5px 5px 5px;
display: block;
border-bottom-color: #FFF;
height: 1px;
top: 5px;
width: 0;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
border-width: 5px 5px 0px 5px;
border-top-color: #FFF;
top: 7px;
} .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
.ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
.ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
.ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
.ms-tabs.ms-align-left  .ms-tab-thumb{ float:left;  margin-right:20px; }
.ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-bullets.ms-dir-v {
position: absolute;
top:50%;
}
.ms-bullets.ms-dir-v .ms-bullet{
float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
left: 10px;
right: 10px;
top: 5px
}
.ms-sbar.ms-dir-v {
top: 10px;
bottom: 10px;
right: 5px
}
.ms-sbar .ms-bar {
height: 4px;
background: #333;
border-radius: 4px;
}
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}
.ms-sbar .ms-bar{
position:relative;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-timerbar {
width: 100%;
bottom: 0px;
position: absolute;
}
.ms-ctimer {
position: absolute;
top: 30px;
left: 30px;
cursor: pointer;
}
.ms-ctimer-bullet {}
.ms-time-bar{
-webkit-transition: width 120ms linear;
transition: width 120ms linear;
}
.ms-ie7 .ms-tooltip-arrow{
height:0px;
}
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}
@-webkit-keyframes ms-point-anim{
0% 		{-webkit-transform: scale(0.5);transform: scale(0.5);  opacity: 1; }
100% 	{-webkit-transform: scale(1.5);transform: scale(1.5);  opacity: 0; }
}
@keyframes ms-point-anim{
0% 		{-webkit-transform: scale(0.5);transform: scale(0.5);  opacity: 1; }
100% 	{-webkit-transform: scale(1.5);transform: scale(1.5);  opacity: 0; }
} .ms-android .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-pattern.ms-patt-1  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-2  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-3  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-4  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-5  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-6  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-7  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-8  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-9  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} .ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 30px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png);
background-position: -89px -26px;
height: 40px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-default .ms-nav-next {
right: 30px;
left: auto;
background-position: -89px -103px;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
width: 53px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-1 .ms-bullet {
width: 9px;
height: 9px;
background: white;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-black-1 .ms-bullet-selected {
background-color: black;
}
.ms-skin-black-1 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: white;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -10px;
}
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: white;
border-bottom-color: rgba(0, 0, 0, 0.8);
top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: white;
border-right-color: rgba(0, 0, 0, 0.8);
left: -10px;
}
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: black;
border-left-color: rgba(0, 0, 0, 0.8);
right: -10px;
}
.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #444444;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.9);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-black-1  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-1 .ms-tooltip-cont {
padding: 10px;
background: black;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0px black;
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn,
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black no-repeat -16px -103px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover{
background-color: #3D3D3D;
}
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black no-repeat -27px -36px;
border: solid 2px white;
border-color: rgba(255, 255, 255, 0.4);
top: 15px;
right: 15px;
}
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 50px;
} .ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover{
background-color: #3d3d3d;
}
.ms-skin-black-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-2 .ms-bullet {
width: 8px;
height: 8px;
background: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(0, 0, 0, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-black-2.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-black-2 .ms-bullet-selected {
background-color: black;
border-color: white;
border-color: rgba(255, 255, 255, 0.44);
}
.ms-skin-black-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-black-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn,
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
width: 53px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-light-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-2 .ms-bullet {
width: 9px;
height: 9px;
background: black;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-light-2 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn,
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn{
width: 50px;
height: 50px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat -15px -149px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 29px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat -26px -28px;
top: 30px;
right: 30px;
} .ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
width: 50px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png);
background-position: -82px -22px;
height: 50px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.ms-skin-light-3 .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -99px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-3 .ms-bullet {
width: 16px;
height: 16px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-light-3 .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-light-3 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-3  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-3 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn,
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev,
.ms-skin-light-3 .ms-bullet{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
width: 54px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png);
background-position: -77px -5px;
height: 68px;
cursor: pointer;
top: 50%;
left: -27px;
margin-top: -40px;
position: absolute;
z-index: 110;
}
.ms-skin-light-4 .ms-nav-next {
right: -27px;
left: auto;
background-position: -79px -83px;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
opacity: 0.6;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
bottom: -60px;
width: 100%;
height: 60px;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
height: 100%;
width: 60px;
right: -60px;
top: 0;
}
.ms-skin-light-4 .ms-thumb-frame {
cursor: pointer;
float: left;
width: 60px;
height: 60px;
margin: 1px 0 0 1px;
overflow: hidden;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-4 .ms-bullet {
width: 9px;
height: 9px;
background: #b9b9b9;
margin: 4px;
border: solid 1px rgb(163, 163, 163);
}
.ms-skin-light-4 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-4 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: white;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #E0E0E0;
background: #4b8aac;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-4  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-4 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn{
width: 32px;
height: 32px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) black no-repeat -24px -160px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
}
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover{
background-color:#646464;
}
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) white no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
width: 32px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) white;
background-position: -94px -32px;
height: 32px;
cursor: pointer;
bottom: 40px;
left: 40px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-5 .ms-nav-next {
left: 73px;
background-position: -93px -110px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-5 .ms-bullet {
width: 10px;
height: 10px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-5 .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-light-5 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
} .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-5  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-5 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn,
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white no-repeat -16px -103px;
border: solid 3px rgb(112, 112, 112);  border-color: rgba(0, 0, 0, 0.27);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white no-repeat -27px -36px;
top: 15px;
right: 15px;
}
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 30px;
} .ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(112, 112, 112);
border-color: rgba(0, 0, 0, 0.27);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-6 .ms-bullet {
width: 8px;
height: 8px;
background: black;
-webkit-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(255, 255, 255, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-6.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-light-6 .ms-bullet-selected {
background-color: white;
border-color: black;
border-color: rgba(0, 0, 0, 0.44);
}
.ms-skin-light-6 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-6  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-6 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn,
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6-retina.png);
background-size: 152px 225px;
}
} .ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn{
width: 47px;
height: 46px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat -16px -152px;
top: 50%;
left: 50%;
margin: -22px 0 0 -24px;
}
.ms-skin-metro .ms-slide .ms-slide-vcbtn {
width: 47px;
height: 47px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat -16px -19px;
top: 15px;
right: 15px;
} .ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
width: 47px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png);
background-position: -83px -23px;
height: 47px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -24px;
position: absolute;
z-index: 110;
}
.ms-skin-metro .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-metro .ms-bullet {
width: 16px;
height: 16px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-metro .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-metro .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-metro .ms-tooltip-point {cursor: pointer;}
.ms-skin-metro .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-metro .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-metro .ms-tooltip {
max-width:200px;
}
.ms-skin-metro .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn,
.ms-skin-metro .ms-slide .ms-slide-vcbtn,
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev,
.ms-skin-metro .ms-bullet{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin-retina.png);
background-size: 152px 225px;
}
} .ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn{
width: 55px;
height: 55px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/minimal.svg) no-repeat 24px 18px white;
border: solid 1px #3d3d3d;
border-radius: 50%;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 31px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/minimal.svg) no-repeat -289px 6px white;
border-radius: 50%;
border: solid 1px #3d3d3d;
top: 18px;
right: 30px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
} .ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/minimal.svg) no-repeat white;
background-position: -178px 17px;
border: solid 1px #3d3d3d;
border-radius: 50%;
height: 55px;
width: 55px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -27px;
position: absolute;
z-index: 110;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover{
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-nav-next {
right: 30px;
left: auto;
background-position: -75px 17px;
}
.ms-skin-minimal .ms-bullet {
width: 8px;
height: 8px;
background: white;
border: solid 1px #3d3d3d;
border-radius: 50%;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-minimal .ms-bullet-selected {
background: #3d3d3d;
}
.ms-skin-minimal .ms-time-bar {
height: 3px;
background: #FFFFFF;
border-top: solid 1px rgba(0, 0, 0, 0.41);
}
.ms-skin-minimal .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-minimal .ms-tooltip-point {cursor: pointer;}
.ms-skin-minimal .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-minimal .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-minimal .ms-tooltip {
max-width:200px;
}
.ms-skin-minimal .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn{
width: 60px;
height: 60px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat -10px -144px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
width: 24px;
height: 24px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat -27px -30px;
top: 30px;
right: 30px;
} .ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
width: 60px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png);
background-position: -76px -17px;
height: 60px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -30px;
position: absolute;
z-index: 110;
}
.ms-skin-contrast .ms-nav-next {
right: 30px;
left: auto;
background-position: -77px -91px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-contrast .ms-bullet {
width: 16px;
height: 16px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-contrast .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-contrast .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: #fc3116;
border-top-color: rgba(252, 49, 22, 0.8);
bottom: -10px;
}
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: #fc3116;
border-bottom-color: rgba(252, 49, 22, 0.8);
top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: #fc3116;
border-right-color: rgba(252, 49, 22, 0.8);
left: -10px;
}
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: #fc3116;
border-left-color: rgba(252, 49, 22, 0.8);
right: -10px;
}
.ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
.ms-skin-contrast .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #636363;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-contrast .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.99);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-contrast  .ms-tooltip {
max-width:200px;
}
.ms-skin-contrast .ms-tooltip-cont {
padding: 10px;
background: #fc3116;
background: rgba(252, 49, 22, 0.8);
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn,
.ms-skin-contrast .ms-slide .ms-slide-vcbtn,
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev,
.ms-skin-contrast .ms-bullet{
background-image:url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin-retina.png);
background-size: 152px 225px;
}
}
.ms-caro3d-template .ms-container {
padding: 10px 0 50px 0;
} .ms-caro3d-template .ms-slide{
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5)));
}
.ms-caro3d-template .ms-slide-bgcont{
border-radius: 8px;
}
.ms-dis-slider-cont {
position: relative;
padding: 3.2% 8.5% 24%;
max-width: 508px;
}
.ms-display-cont .ms-view{
background-color: #17171a;
}
.ms-display-cont{
max-width: 614px;
position: relative;
margin: 0 auto;
}
.ms-display-bg {
max-width: 100%;
position: absolute;
}
.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-display-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-display-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -50%;
right: 50%;
width: 100px;
}
.ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-display-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-display-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-gallery-template .ms-gallery-botcont {
height: 55px;
background: black;
color: white;
font-weight: 300;
font-family: "Lato", sans-serif;
font-size: 18px;
position: relative;
}
.ms-gallery-template .ms-gal-playbtn {
width: 55px;
height: 100%;
float: left;
cursor: pointer;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat 6px 6px;
}
.ms-gallery-template .ms-gal-playbtn.btn-pause {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat -55px 7px;
}
.ms-gallery-template .ms-gal-thumbtoggle {
position: absolute;
right: 0;
z-index: 110;
width: 55px;
height: 100%;
cursor: pointer;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat -53px -41px;
}
.ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat 4px -41px;
}
.ms-gallery-template .ms-slide-num {
float: left;
padding: 17px 9px;
color: #727272;
}
.ms-gallery-template .ms-slide-info {
float: left;
padding: 18px 4px;
position: relative;
width: auto;
}
.ms-gallery-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: 18px;
right: 105px;
width: 100px;
}
.ms-gallery-template .ms-bullet {
width: 8px;
height: 8px;
background: #1e1e1e;
margin: 4px;
border-radius: 15px;
}
.ms-gallery-template .ms-bullet-selected {
background-color: white;
}
.ms-gallery-template .ms-timerbar {
width: 100%;
top: -4px;
height: 4px;
position: absolute;
background: rgba(0, 0, 0, 0.32);
}
.ms-gallery-template .ms-time-bar {
height: 4px;
background: rgba(255, 255, 255, 0.7);
}
.ms-gallery-template .ms-thumb-list.ms-dir-h {
width: 100%;
background: black;
background: rgba(0, 0, 0, 0.95);
padding-top: 1px;
}
.ms-gallery-template .ms-thumb-frame {
cursor: pointer;
float: left;
width: 175px;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.ms-gallery-template .ms-thumb-frame-selected {
opacity: 1;
}
.ms-gallery-template .ms-gal-thumbcont {
overflow: hidden;
width: 100%;
height: 115px;
position: absolute;
top: -115px;
left: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
height: 0;
top: 0;
}
@media (max-width: 570px) {
.ms-gallery-template .ms-slide-info {
display: none;
}
}
.ms-laptop-template .ms-laptop-cont .ms-view{
background-color: #17171a;
}
.ms-laptop-template .ms-laptop-cont{
max-width: 645px;
position: relative;
margin: 0 auto;
}
.ms-laptop-template .ms-lt-slider-cont {
position: relative;
padding: 5% 11.9% 20%;
max-width: 492px;
}
.ms-laptop-template .ms-laptop-bg {
max-width: 100%;
position: absolute;
}
.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-laptop-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-laptop-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -40%;
right: 50%;
width: 100px;
}
.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-laptop-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-laptop-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-tablet-template .ms-tablet-cont .ms-view{
background-color: #17171a;
}
.ms-tablet-template .ms-tablet-cont{
max-width: 500px;
position: relative;
margin: 0 auto;
}
.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
max-width: 842px;
}
.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
padding: 4.1% 12.1% 10%;
max-width: 632px;
}
.ms-tablet-template .ms-lt-slider-cont {
position: relative;
padding: 11.1% 11% 22%;
max-width: 400px;
}
.ms-tablet-template .ms-tablet-bg {
max-width: 100%;
position: absolute;
}
.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-tablet-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-tablet-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -18%;
right: 50%;
width: 100px;
}
.ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-tablet-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-tablet-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template .ms-phone-cont .ms-view{
background-color: #17171a;
}
.ms-phone-template .ms-phone-cont{
max-width: 386px;
position: relative;
margin: 0 auto;
}
.ms-phone-template.ms-phone-land .ms-phone-cont {
max-width: 666px;
}
.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
position: relative;
padding: 4.6% 16.1% 10% 15.5%;
max-width: 455px;
}
.ms-phone-template .ms-lt-slider-cont {
position: relative;
padding: 26.2% 16.5% 33% 16.8%;
max-width: 258px;
}
.ms-phone-template .ms-phone-bg {
max-width: 100%;
position: absolute;
}
.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-phone-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-phone-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -30%;
right: 50%;
width: 100px;
}
.ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-phone-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-phone-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
bottom: -21%;
}
.ms-phone-template.ms-phone-land .ms-nav-next {
right: -150px;
}
.ms-phone-template.ms-phone-land .ms-nav-prev {
left: -150px;
}
.ms-partialview-template .ms-slide-info {
text-align: center;
margin-top: 20px;
width: 100%;
}
.ms-partialview-template .ms-slide-info h3 {
margin: 5px;
font-weight: 300;
font-size: 23pt;
color: #222;
}
.ms-partialview-template .ms-slide-info h4 {
margin: 5px;
font-weight: 300;
font-size: 14pt;
color: #7A7A7A;
}
.ms-partialview-template .ms-slide-info p {
font-size: 10pt;
margin: 6px;
} .ms-showcase2-template .ms-view{background: transparent;}
.ms-staff-carousel{
margin: 25px auto;
position: relative;
}
.ms-staff-carousel .ms-view{
overflow:visible;
background-color: transparent;
}
.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/staff-arrows.png) white no-repeat -7px -57px;
width: 35px;
height: 40px;
left: -35px;
margin-top: -17px;
box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
position: absolute;
top:50%;
cursor: pointer;
}
.ms-staff-carousel .ms-nav-next {
background-position: -6px -7px;
right:-35px;
left:auto;
}
.ms-staff-carousel .ms-staff-info{
text-align: center;
margin:0 auto;
max-width: 600px;
margin-top:30px;
min-height:300px;
color:#222222;
}
.ms-staff-carousel .ms-staff-info h3{
font-weight: 300;
font-size: 22pt;
margin:0px;
}
.ms-staff-carousel .ms-staff-info h4{
font-weight: 300;
color:#787878;
font-size: 15pt;
margin:3px;
}
.ms-staff-carousel.ms-round .ms-slide-bgcont {
border-radius: 5000px;
border: solid 8px rgb(230, 230, 230);
margin: 0 -8px;
}
.ms-staff-carousel.ms-round .ms-view{
padding-bottom: 8%;
}
.ms-staff-carousel.ms-round .ms-nav-prev,
.ms-staff-carousel.ms-round .ms-nav-next {
background-color:transparent;
box-shadow : none;
left:-45px;
}
.ms-staff-carousel.ms-round .ms-nav-next {
left:auto;
right:-45px
}
.ms-tabs-template .ms-thumb-frame h3 {
font-weight: 400;
font-size: 13pt;
margin:0;
}
.ms-tabs-template .ms-thumb-frame p {
font-size:10pt;
margin: 4px 0;
}
.ms-tabs-template .ms-thumb-frame-selected h3{
color:#4b8aac;
}
.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
top: 10px;
left: 50%;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/vertical-arrows.png) no-repeat;
background-position: -11px -6px;
width: 40px;
height: 30px;
margin-left: -20px;
margin-top: 0;
}
.ms-vertical-template .ms-nav-next{
top:auto;
bottom:10px;
background-position: -11px -53px;
}
.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
width: 100%;
position: absolute;
top: 0;
height: 15px;
cursor: pointer;
background: url(//chipbox.co.za/wp-content/plugins/masterslider/public/assets/css/templates/vertical-arrows.png) no-repeat;
background-position: 50% -106px;
}
.ms-vertical-template .ms-thumblist-bwd {
top: auto;
bottom: 0;
background-position: 50% -145px;
}.msp-preset-btn-84{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-84:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-84:active{ top:1px } .msp-preset-btn-85{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-85:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-85:active{ top:1px } .msp-preset-btn-86{ color: #b97ebb;border:solid 1px #b97ebb; } .msp-preset-btn-86:hover{ border-color:#ca89cc;color:#ca89cc } .msp-preset-btn-86:active{ top:1px } .msp-preset-btn-87{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-87:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-87:active{ top:1px } .msp-preset-btn-88{ background-color: #b97ebb;color: #fff;box-shadow:0 5px #9a699c; } .msp-preset-btn-88:hover{ background-color:#ca89cc;box-shadow:0 4px #9a699c;top:1px;color: #fff; } .msp-preset-btn-88:active{ box-shadow:0 2px #9a699c;top:3px; } .msp-preset-btn-89{ background-color: #5472D2;color: #fff; } .msp-preset-btn-89:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-89:active{ top:1px } .msp-preset-btn-90{ background-color: #5472D2;color: #fff; } .msp-preset-btn-90:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-90:active{ top:1px } .msp-preset-btn-91{ color: #5472D2;border:solid 1px #5472D2; } .msp-preset-btn-91:hover{ border-color:#5d7fe9;color:#5d7fe9 } .msp-preset-btn-91:active{ top:1px } .msp-preset-btn-92{ background-color: #5472D2;color: #fff; } .msp-preset-btn-92:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-92:active{ top:1px } .msp-preset-btn-93{ background-color: #5472D2;color: #fff;box-shadow:0 5px #4c68be; } .msp-preset-btn-93:hover{ background-color:#5d7fe9;box-shadow:0 4px #4c68be;top:1px;color: #fff; } .msp-preset-btn-93:active{ box-shadow:0 2px #4c68be;top:3px; } .msp-preset-btn-94{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-94:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-94:active{ top:1px } .msp-preset-btn-95{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-95:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-95:active{ top:1px } .msp-preset-btn-96{ color: #00c1cf;border:solid 1px #00c1cf; } .msp-preset-btn-96:hover{ border-color:#01D4E4;color:#01D4E4 } .msp-preset-btn-96:active{ top:1px } .msp-preset-btn-97{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-97:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-97:active{ top:1px } .msp-preset-btn-98{ background-color: #00c1cf;color: #fff;box-shadow:0 5px #00afbc; } .msp-preset-btn-98:hover{ background-color:#01D4E4;box-shadow:0 4px #00afbc;top:1px;color: #fff; } .msp-preset-btn-98:active{ box-shadow:0 2px #00afbc;top:3px; } .msp-preset-btn-99{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-99:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-99:active{ top:1px } .msp-preset-btn-100{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-100:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-100:active{ top:1px } .msp-preset-btn-101{ color: #4cadc9;border:solid 1px #4cadc9; } .msp-preset-btn-101:hover{ border-color:#63b2c9;color:#63b2c9 } .msp-preset-btn-101:active{ top:1px } .msp-preset-btn-102{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-102:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-102:active{ top:1px } .msp-preset-btn-103{ background-color: #4cadc9;color: #fff;box-shadow:0 5px #1aa2c9; } .msp-preset-btn-103:hover{ background-color:#63b2c9;box-shadow:0 4px #1aa2c9;top:1px;color: #fff; } .msp-preset-btn-103:active{ box-shadow:0 2px #1aa2c9;top:3px; } .msp-preset-btn-104{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-104:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-104:active{ top:1px } .msp-preset-btn-105{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-105:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-105:active{ top:1px } .msp-preset-btn-106{ color: #cec2ab;border:solid 1px #cec2ab; } .msp-preset-btn-106:hover{ border-color:#cebd9d;color:#cebd9d } .msp-preset-btn-106:active{ top:1px } .msp-preset-btn-107{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-107:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-107:active{ top:1px } .msp-preset-btn-108{ background-color: #cec2ab;color: #fff;box-shadow:0 5px #C2B7A2; } .msp-preset-btn-108:hover{ background-color:#cebd9d;box-shadow:0 4px #C2B7A2;top:1px;color: #fff; } .msp-preset-btn-108:active{ box-shadow:0 2px #C2B7A2;top:3px; } .msp-preset-btn-109{ background-color: #50485b;color: #fff; } .msp-preset-btn-109:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-109:active{ top:1px } .msp-preset-btn-110{ background-color: #50485b;color: #fff; } .msp-preset-btn-110:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-110:active{ top:1px } .msp-preset-btn-111{ color: #50485b;border:solid 1px #50485b; } .msp-preset-btn-111:hover{ border-color:#6a6176;color:#6a6176 } .msp-preset-btn-111:active{ top:1px } .msp-preset-btn-112{ background-color: #50485b;color: #fff; } .msp-preset-btn-112:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-112:active{ top:1px } .msp-preset-btn-113{ background-color: #50485b;color: #fff;box-shadow:0 5px #412d5b; } .msp-preset-btn-113:hover{ background-color:#6a6176;box-shadow:0 4px #412d5b;top:1px;color: #fff; } .msp-preset-btn-113:active{ box-shadow:0 2px #412d5b;top:3px; } .msp-preset-btn-114{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-114:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-114:active{ top:1px } .msp-preset-btn-115{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-115:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-115:active{ top:1px } .msp-preset-btn-116{ color: #8d6dc4;border:solid 1px #8d6dc4; } .msp-preset-btn-116:hover{ border-color:#977cc4;color:#977cc4 } .msp-preset-btn-116:active{ top:1px } .msp-preset-btn-117{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-117:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-117:active{ top:1px } .msp-preset-btn-118{ background-color: #8d6dc4;color: #fff;box-shadow:0 5px #7c51c4; } .msp-preset-btn-118:hover{ background-color:#977cc4;box-shadow:0 4px #7c51c4;top:1px;color: #fff; } .msp-preset-btn-118:active{ box-shadow:0 2px #7c51c4;top:3px; } .msp-preset-btn-119{ background-color: #75d69c;color: #fff; } .msp-preset-btn-119:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-119:active{ top:1px } .msp-preset-btn-120{ background-color: #75d69c;color: #fff; } .msp-preset-btn-120:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-120:active{ top:1px } .msp-preset-btn-121{ color: #75d69c;border:solid 1px #75d69c; } .msp-preset-btn-121:hover{ border-color:#7de5a7;color:#7de5a7 } .msp-preset-btn-121:active{ top:1px } .msp-preset-btn-122{ background-color: #75d69c;color: #fff; } .msp-preset-btn-122:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-122:active{ top:1px } .msp-preset-btn-123{ background-color: #75d69c;color: #fff;box-shadow:0 5px #41d67d; } .msp-preset-btn-123:hover{ background-color:#7de5a7;box-shadow:0 4px #41d67d;top:1px;color: #fff; } .msp-preset-btn-123:active{ box-shadow:0 2px #41d67d;top:3px; } .msp-preset-btn-124{ background-color: #222;color: #fff; } .msp-preset-btn-124:hover{ background-color:#333;color: #fff; } .msp-preset-btn-124:active{ top:1px } .msp-preset-btn-125{ background-color: #222;color: #fff; } .msp-preset-btn-125:hover{ background-color:#333;color: #fff; } .msp-preset-btn-125:active{ top:1px } .msp-preset-btn-126{ color: #222;border:solid 1px #222; } .msp-preset-btn-126:hover{ border-color:#333;color:#333 } .msp-preset-btn-126:active{ top:1px } .msp-preset-btn-127{ background-color: #222;color: #fff; } .msp-preset-btn-127:hover{ background-color:#333;color: #fff; } .msp-preset-btn-127:active{ top:1px } .msp-preset-btn-128{ background-color: #222;color: #fff;box-shadow:0 5px #000; } .msp-preset-btn-128:hover{ background-color:#333;box-shadow:0 4px #000;top:1px;color: #fff; } .msp-preset-btn-128:active{ box-shadow:0 2px #000;top:3px; } .msp-preset-btn-129{ background-color: #dedede;color: #666; } .msp-preset-btn-129:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-129:active{ top:1px } .msp-preset-btn-130{ background-color: #dedede;color: #666; } .msp-preset-btn-130:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-130:active{ top:1px } .msp-preset-btn-131{ color: #dedede;border:solid 1px #dedede; } .msp-preset-btn-131:hover{ border-color:#d1d1d1;color:#d1d1d1 } .msp-preset-btn-131:active{ top:1px } .msp-preset-btn-132{ background-color: #dedede;color: #666; } .msp-preset-btn-132:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-132:active{ top:1px } .msp-preset-btn-133{ background-color: #dedede;color: #666;box-shadow:0 5px #CACACA; } .msp-preset-btn-133:hover{ background-color:#d1d1d1;color: #666;box-shadow:0 4px #CACACA;top:1px } .msp-preset-btn-133:active{ box-shadow:0 2px #CACACA;top:3px; } .msp-preset-btn-134{ background-color: #f7be68;color: #fff; } .msp-preset-btn-134:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-134:active{ top:1px } .msp-preset-btn-135{ background-color: #f7be68;color: #fff; } .msp-preset-btn-135:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-135:active{ top:1px } .msp-preset-btn-136{ color: #f7be68;border:solid 1px #f7be68; } .msp-preset-btn-136:hover{ border-color:#e9b362;color:#e9b362 } .msp-preset-btn-136:active{ top:1px } .msp-preset-btn-137{ background-color: #f7be68;color: #fff; } .msp-preset-btn-137:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-137:active{ top:1px } .msp-preset-btn-138{ background-color: #f7be68;color: #fff;box-shadow:0 5px #E7AF59; } .msp-preset-btn-138:hover{ background-color:#e9b362;box-shadow:0 4px #E7AF59;top:1px;color: #fff; } .msp-preset-btn-138:active{ box-shadow:0 2px #E7AF59;top:3px; } .msp-preset-btn-139{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-139:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-139:active{ top:1px } .msp-preset-btn-140{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-140:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-140:active{ top:1px } .msp-preset-btn-141{ color: #5aa1e3;border:solid 1px #5aa1e3; } .msp-preset-btn-141:hover{ border-color:#5faaef;color:#5faaef } .msp-preset-btn-141:active{ top:1px } .msp-preset-btn-142{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-142:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-142:active{ top:1px } .msp-preset-btn-143{ background-color: #5aa1e3;color: #fff;box-shadow:0 5px #4c87bf; } .msp-preset-btn-143:hover{ background-color:#5faaef;box-shadow:0 4px #4c87bf;top:1px;color: #fff; } .msp-preset-btn-143:active{ box-shadow:0 2px #4c87bf;top:3px; } .msp-preset-btn-144{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-144:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-144:active{ top:1px } .msp-preset-btn-145{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-145:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-145:active{ top:1px } .msp-preset-btn-146{ color: #6dab3c;border:solid 1px #6dab3c; } .msp-preset-btn-146:hover{ border-color:#76b941;color:#76b941 } .msp-preset-btn-146:active{ top:1px } .msp-preset-btn-147{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-147:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-147:active{ top:1px } .msp-preset-btn-148{ background-color: #6dab3c;color: #fff;box-shadow:0 5px #5e9334; } .msp-preset-btn-148:hover{ background-color:#76b941;box-shadow:0 4px #5e9334;top:1px;color: #fff; } .msp-preset-btn-148:active{ box-shadow:0 2px #5e9334;top:3px; } .msp-preset-btn-149{ background-color: #f4524d;color: #fff; } .msp-preset-btn-149:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-149:active{ top:1px } .msp-preset-btn-150{ background-color: #f4524d;color: #fff; } .msp-preset-btn-150:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-150:active{ top:1px } .msp-preset-btn-151{ color: #f4524d;border:solid 1px #f4524d; } .msp-preset-btn-151:hover{ border-color:#e04b47;color:#e04b47 } .msp-preset-btn-151:active{ top:1px } .msp-preset-btn-152{ background-color: #f4524d;color: #fff; } .msp-preset-btn-152:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-152:active{ top:1px } .msp-preset-btn-153{ background-color: #f4524d;color: #fff;box-shadow:0 5px #cb4440; } .msp-preset-btn-153:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-153:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-154{ background-color: #f79468;color: #fff; } .msp-preset-btn-154:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-154:active{ top:1px } .msp-preset-btn-155{ background-color: #f79468;color: #fff; } .msp-preset-btn-155:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-155:active{ top:1px } .msp-preset-btn-156{ color: #f79468;border:solid 1px #f79468; } .msp-preset-btn-156:hover{ border-color:#e78a61;color:#e78a61 } .msp-preset-btn-156:active{ top:1px } .msp-preset-btn-157{ background-color: #f79468;color: #fff; } .msp-preset-btn-157:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-157:active{ top:1px } .msp-preset-btn-158{ background-color: #f79468;color: #fff;box-shadow:0 5px #da835c; } .msp-preset-btn-158:hover{ background-color:#e78a61;box-shadow:0 4px #da835c;top:1px;color: #fff; } .msp-preset-btn-158:active{ box-shadow:0 2px #da835c;top:3px; }.msp-cn-1-3 { font-weight:normal;line-height:normal; } 
.msp-cn-1-4 { font-weight:normal;line-height:normal; } 
.msp-cn-1-5 { font-weight:normal;line-height:normal; } 
.msp-cn-1-6 { font-weight:normal;line-height:normal; }.mfp-wrap .mfp-container button:hover{background:transparent!important}.mfp-wrap .mfp-arrow:active{position:absolute;top:50%}.mfp-wrap .mfp-close:active{position:absolute;top:-10px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mfp-fade.mfp-bg{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade .mfp-wrap .mfp-content{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-bg{z-index:1000000;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000001;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-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-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{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:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-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}.mfp-arrow{position:absolute;opacity:.55;filter:alpha(opacity=55);top:50%;margin:-32px 0 0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow-left{left:10px}.mfp-arrow-right{right:10px}.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%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-arrow{background:none!important;margin-top:-32px!important;line-height:1em!important}.mfp-arrow,.mfp-arrow:after{width:48px!important;height:48px!important}.mfp-arrow:after{margin:0!important;top:0!important;border:none!important}.mfp-arrow-left{left:0!important}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border:none;font-size:64px;color:#fff}.mfp-arrow-left:before,.mfp-arrow-right:before{display:none}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"4"}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"5"}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{font-size:64px;font-family:Open Sans,Arial,sans-serif;font-weight:200;top:-10px;opacity:.2}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{opacity:1}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{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;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);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-height:300px),screen and (max-width:800px) and (orientation:landscape){.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,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-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,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.dsm_card_carousel .swiper-container,
.dsm_image_carousel .swiper-container,
.dsm_blog_carousel .swiper-container,
.dsm_post_carousel .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1; width: 100%;
}
@-moz-document url-prefix() {
.dsm_card_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper,
.dsm_image_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper,
.dsm_blog_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper,
.dsm_post_carousel .swiper-container:not(.swiper-container-cube) .swiper-wrapper {
transform-style: flat !important;
}
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
} .swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top, .2s -webkit-transform;
transition: .2s top, .2s -webkit-transform;
-o-transition: .2s transform, .2s top;
transition: .2s transform, .2s top;
transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left, .2s -webkit-transform;
transition: .2s left, .2s -webkit-transform;
-o-transition: .2s transform, .2s left;
transition: .2s transform, .2s left;
transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right, .2s -webkit-transform;
transition: .2s right, .2s -webkit-transform;
-o-transition: .2s transform, .2s right;
transition: .2s transform, .2s right;
transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0;
}
.swiper-container-cube .swiper-slide-prev:not(.swiper-slide-duplicate-next) {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-duplicate.swiper-slide-next.swiper-slide-duplicate-prev,
.swiper-container-cube .swiper-slide-prev.swiper-slide-duplicate-next.swiper-slide-duplicate {
pointer-events: none;
visibility: hidden;
} .swiper-cube-shadow {
-webkit-filter: initial !important;
filter: initial !important;
background: none !important;
}
.swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}.dsm-popup{position:relative;margin:0 auto}.dsm-popup-container{padding:0;text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box}.dsm-popup-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.dsm-popup-button:hover .et_pb_button,.dsm-popup-id-trigger:hover,.dsm-popup-image:hover img,.dsm-popup-links:hover a,.dsm-popup-module:hover{cursor:pointer}#et-boc .dsm-popup-wrap .mfp-close .et-pb-icon,.dsm-popup-wrap .mfp-close .et-pb-icon{font-size:28px;visibility:visible}.safari .swipe-slide{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}.dsm-popup-wrap .mfp-close{line-height:0;opacity:1;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;height:initial;width:initial;padding:8px}.dsm-popup-wrap .mfp-iframe-holder .mfp-close,.dsm-popup-wrap .mfp-iframe-holder .mfp-close:active{top:-44px}.dsm-popup-wrap .mfp-image-holder .mfp-close,.dsm-popup-wrap .mfp-image-holder .mfp-close:active{top:-10px}.dsm-popup-wrap .mfp-iframe-holder .mfp-close,.dsm-popup-wrap .mfp-image-holder .mfp-close{width:44px;right:0;text-align:center}.dsm-popup-wrap .mfp-close:active{top:0}.dsm-popup.dsm-popup-background-transparent .et_pb_section{background-color:initial!important}.dsm-popup-wrap.dsm-popup-fullwidth-on .et_pb_section,.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-on .et-l .et_pb_section{width:initial;max-width:initial}.dsm-popup-wrap.dsm-popup-fullwidth-off .et_pb_row,.dsm-popup-wrap.dsm-popup-fullwidth-off .et_pb_section,.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-off .et-l .et_pb_row,.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-off .et-l .et_pb_section{width:100%;max-width:100%}.mfp-wrap.dsm-popup-position-fixed{height:auto!important}.dsm-popup-position-fixed .dsm-popup-container{position:fixed}.dsm-popup-container .mfp-content{position:absolute}.dsm-popup-position-center .mfp-content{position:relative}.dsm-popup-container.dsm-popup-position-center-left,.dsm-popup-container.dsm-popup-position-center-right{display:flex;align-items:center}.dsm-popup-container.dsm-popup-position-top-center .mfp-content{left:0;top:0;right:0}.dsm-popup-container.dsm-popup-position-top-left .mfp-content{left:0;top:0}.dsm-popup-container.dsm-popup-position-top-right .mfp-content{top:0;left:initial;right:0}.dsm-popup-container.dsm-popup-position-center-left .mfp-content{left:0}.dsm-popup-container.dsm-popup-position-center-right .mfp-content{right:0}.dsm-popup-container.dsm-popup-position-bottom-center .mfp-content{left:0;top:initial;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-bottom-left .mfp-content{top:initial;bottom:0;left:0}.dsm-popup-container.dsm-popup-position-bottom-right .mfp-content{top:initial;left:initial;bottom:0;right:0}@media only screen and (max-width:980px){.dsm-popup-container.dsm-popup-position-tablet-top-center .mfp-content{top:0;right:0;left:0;bottom:initial}.dsm-popup-container.dsm-popup-position-tablet-top-left .mfp-content{top:0;left:0;right:initial;bottom:initial}.dsm-popup-container.dsm-popup-position-tablet-top-right .mfp-content{top:0;left:initial;right:0;bottom:initial}.dsm-popup-container.dsm-popup-position-tablet-center-left .mfp-content{top:0;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-tablet-center-right .mfp-content{left:initial;top:0;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-tablet-center .mfp-content{left:0;right:0}.dsm-popup-container.dsm-popup-position-tablet-bottom-center .mfp-content{top:initial;bottom:0;right:0;left:0}.dsm-popup-container.dsm-popup-position-tablet-bottom-left .mfp-content{top:initial;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-tablet-bottom-right .mfp-content{top:initial;left:initial;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-tablet-center .mfp-content{top:initial;bottom:initial}}@media only screen and (max-width:479px){.dsm-popup-container.dsm-popup-position-phone-top-center .mfp-content{top:0;right:0;left:0;bottom:initial}.dsm-popup-container.dsm-popup-position-phone-top-left .mfp-content{top:0;left:0;right:initial;bottom:initial}.dsm-popup-container.dsm-popup-position-phone-top-right .mfp-content{top:0;left:initial;right:0;bottom:initial}.dsm-popup-container.dsm-popup-position-phone-center-left .mfp-content{top:0;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-phone-center-right .mfp-content{left:initial;top:0;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-phone-center .mfp-content{left:0;right:0}.dsm-popup-container.dsm-popup-position-phone-bottom-center .mfp-content{top:initial;bottom:0;right:0;left:0}.dsm-popup-container.dsm-popup-position-phone-bottom-left .mfp-content{top:initial;bottom:0;left:0;right:initial}.dsm-popup-container.dsm-popup-position-phone-bottom-right .mfp-content{top:initial;left:initial;bottom:0;right:0}.dsm-popup-container.dsm-popup-position-phone-center .mfp-content{top:initial;bottom:initial}}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}.dsm-readmore-btn {
position: relative;
display: inline-block;
}
.dsm-readmore-text {
padding-right: 5px;
}
.dsm-readmore-icon {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: ETmodules;
font-size: inherit;
font-weight: 800;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
content: attr(data-icon);
}
[data-readmore] {
position: relative;
overflow: hidden;
}
.dsm-readmore+[data-readmore-toggle],
.dsm-readmore [data-readmore] {
display: block !important;
width: 100%;
}
.dsm-readmore-shadow[data-readmore]:after,
.dsm-readmore-shadow [data-readmore]:after {
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1);
content: "";
display: inline-block;
position: absolute;
pointer-events: none;
height: 100px;
width: 100%;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #fff), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, #fff 10%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(bottom, #fff 10%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to top, #fff 10%, rgba(0, 0, 0, 0) 100%);
}
.dsm-readmore-shadow-remove[data-readmore]:after {
background: none;
}
.dsm-readmore-btn-wrapper {
margin-top: 10px;
}
.dsm-readmore-btn {
font-family: inherit;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}.woocommerce .checkout.woocommerce-checkout #order_review_heading {
margin-top: 35px;
margin-bottom: 35px;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .quantity input.qty {
border: 1px solid rgba(40, 61, 88, .1) !important;
} .woocommerce .woocommerce-error {
text-align: center;
text-transform: uppercase;
background: #b81c23;
border-radius: 3px;
}
.woocommerce .woocommerce-message {
line-height: 35px;
padding: 10px !important;
border-radius: 0px;
background: var(--color-1);
} .main_title,
.et-l .et_pb_wc_related_products .related.products h2,
.product-template-default .product .summary .product_title.entry-title,
.woocommerce #customer_login h2,
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce .checkout.woocommerce-checkout #order_review_heading,
.woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields h3,
.woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3,
.woocommerce .cart-collaterals .cross-sells h2,
.woocommerce .cart-collaterals .cart_totals.calculated_shipping h2,
.product-template-default .product.type-product .up-sells.upsells.products h2,
.product-template-default .product.type-product .related.products h2,
.woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title,
.woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title,
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3,
.woocommerce .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column__title,
.woocommerce .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title { font-size: 20px !important;
line-height: 26px;
text-transform: uppercase !important;
position: relative;
}   .single-product .et-db #et-boc .et_pb_wc_add_to_cart form.cart .button,
.single-product .product .summary .cart .single_add_to_cart_button.button.alt,
.woocommerce #payment #place_order,
.woocommerce #review_form #respond .form-submit input,
.woocommerce .checkout_coupon.woocommerce-form-coupon .form-row .button,
.woocommerce .return-to-shop .button.wc-backward,
.woocommerce .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button.view,
.woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row .button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce a.button.alt,
.woocommerce-MyAccount-content form .woocommerce-address-fields .button,
.woocommerce-form .woocommerce-Button.button,
.woocommerce-page #payment #place_order {
position: relative;
background-color: var(--color-1) !important;
color: #fff !important;
font-size: 15px;
border: none !important;
border-radius: 0px !important;
padding: 10px 20px !important;
overflow: hidden !important;
z-index: 1 !important;
}
.single-product .et-db #et-boc .et_pb_wc_add_to_cart form.cart .button:after,
.single-product .product .summary .cart .single_add_to_cart_button.button.alt:after,
.woocommerce #payment #place_order:after,
.woocommerce .checkout_coupon.woocommerce-form-coupon .form-row .button:after,
.woocommerce .return-to-shop .button.wc-backward:after,
.woocommerce .woocommerce-MyAccount-content .woocommerce-Button:after,
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button.view:after,
.woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row .button:after,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:after,
.woocommerce a.button.alt:after,
.woocommerce-MyAccount-content form .woocommerce-address-fields .button:after,
.woocommerce-form .woocommerce-Button.button:after,
.woocommerce-page #payment #place_order:after {
content: "" !important;
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
display: block !important;
color: transparent !important;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.single-product .et-db #et-boc .et_pb_wc_add_to_cart form.cart .button:hover:after,
.single-product .product .summary .cart .single_add_to_cart_button.button.alt:hover:after,
.woocommerce #payment #place_order:hover:after,
.woocommerce .checkout_coupon.woocommerce-form-coupon .form-row .button:hover:after,
.woocommerce .return-to-shop .button.wc-backward:hover:after,
.woocommerce .woocommerce-MyAccount-content .woocommerce-Button:hover:after,
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button.view:hover:after,
.woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row .button:hover:after,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover:after,
.woocommerce a.button.alt:hover:after,
.woocommerce-MyAccount-content form .woocommerce-address-fields .button:hover:after,
.woocommerce-form .woocommerce-Button.button:hover:after,
.woocommerce-page #payment #place_order:hover:after {
transform: scale3d(1, 1, 1);
}    .woocommerce-woocommerce-pagination .page-numbers {
text-align: center
}
.woocommerce-pagination .page-numbers {
display: inline-flex !important;
position: relative;
border: none !important
}
.woocommerce-pagination .page numbers:before {
width: 100%;
height: 2px;
background: #e8e8e8;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.woocommerce-pagination .page-numbers li {
border-right: none !important
}
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span.current {
padding: 5px 15px !important;
margin-right: 15px !important;
background: #f8f8f8 !important;
border: 1px solid #e8e8e8 !important;
border-radius: 5px;
box-shadow: 0 8px 6px -9px #5b5f5f;
font-size: 17px !important;
color: #686c6c !important
}
.woocommerce-pagination .page-numbers li:first-child a {
margin-right: 25px !important
}
.woocommerce-pagination .page-numbers li:last-child a,
.woocommerce-pagination .page-numbers li:last-child span {
margin: 0 0 0 15px;
margin-right: 0 !important
}
.woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li span.current {
background: var(--color-2) !important;
border-color: var(--color-2) !important;
color: #fff !important
}
@media only screen and (max-width:980px) {
.woocommerce .woocommerce-pagination {
margin-bottom: 30px !important
}
.woocommerce .products li {
margin-bottom: 30px
}
}
@media only screen and (max-width:480px) {
.woocommerce ul.products li {
width: 100% !important
}
}
@media only screen and (max-width:479px) {
.woocommerce-pagination .page-numbers {
display: block;
overflow: auto
}
.woocommerce-pagination .page-numbers:before {
display: none
}
.woocommerce-pagination .page-numbers li {
display: inline-block
}
.woocommerce-cart table.cart td.actions .button {
width: 100% !important
}
}  .dct_shop_line .woocommerce .products .product .star-rating span:before {
color: var(--color-1) !important;
}  .woocommerce .woocommerce-breadcrumb {
font-size: 15px;
color: var(--color-2)
}
.woocommerce-products-header .woocommerce-products-header__title {
display: none
}
.woocommerce .woocommerce-result-count {
font-size: 15px;
color: #232323
}
.woocommerce .woocommerce-ordering select {
height: 40px;
border-radius: 3px;
border: 1px solid rgba(6, 22, 58, .14);
background-color: #fff; color: #232323 !important;
text-transform: uppercase
}
.woocommerce .woocommerce-ordering select option {
font-size: 15px;
color: #232323;
text-transform: capitalize
}  .dct_shop_v1 .woocommerce .products li.product,
.dct_shop_v1 .related .products li.product,
.dct_shop_v1 .up-sells .products li.product,
.dct_shop_v1 .cross-sells .products li.product {
text-align: center;
}
.dct_shop_v1 .woocommerce .products li.product .onsale,
.dct_shop_v1 .related .products li.product .onsale,
.dct_shop_v1 .up-sells .products li.product .onsale,
.dct_shop_v1 .cross-sells .products li.product .onsale,
.et-db #et-boc .et-l .dct_shop_v1 .woocommerce .products li.product .onsale,
.et-db #et-boc .et-l .dct_shop_v1 .related .products li.product .onsale,
.et-db #et-boc .et-l .dct_shop_v1 .up-sells .products li.product .onsale,
.et-db #et-boc .et-l .dct_shop_v1 .cross-sells .products li.product .onsale {
background-color: var(--color-1) !important;
font-size: 14px;
border-radius: 0px !important;
padding: 0px 10px !important;
}
.dct_shop_v1 .woocommerce .products li.product .woocommerce-loop-product__title,
.dct_shop_v1 .related .products li.product .woocommerce-loop-product__title,
.dct_shop_v1 .up-sells .products li.product .woocommerce-loop-product__title,
.dct_shop_v1 .cross-sells .products li.product .woocommerce-loop-product__title {
text-transform: capitalize !important;
padding-bottom: 5px !important;
line-height: 20px;
}
.dct_shop_v1 .woocommerce .products li.product .star-rating,
.dct_shop_v1 .related .products li.product .star-rating,
.dct_shop_v1 .up-sells .products li.product .star-rating,
.dct_shop_v1 .cross-sells .products li.product .star-rating {
margin-left: auto !important;
margin-right: auto !important;
}
.dct_shop_v1 .woocommerce .products li.product .star-rating span:before,
.dct_shop_v1 .related .products li.product .star-rating span:before,
.dct_shop_v1 .up-sells .products li.product .star-rating span:before,
.dct_shop_v1 .cross-sells .products li.product .star-rating span:before {
color: var(--color-1);
}
.dct_shop_v1 .woocommerce .products li.product .et_shop_image,
.dct_shop_v1 .related .products li.product .et_shop_image,
.dct_shop_v1 .up-sells .products li.product .et_shop_image,
.dct_shop_v1 .cross-sells .products li.product .et_shop_image {
position: relative;
overflow: hidden;
background-color: #f6f6f6;
z-index: 1;
padding: 10px;
margin-bottom: 10px !important;
}
.dct_shop_v1 .woocommerce .products li.product .et_shop_image:before,
.dct_shop_v1 .related .products li.product .et_shop_image:before,
.dct_shop_v1 .up-sells .products li.product .et_shop_image:before,
.dct_shop_v1 .cross-sells .products li.product .et_shop_image:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 0px;
background-color: #fff;
z-index: 1;
transition: all 0.4s;
}
.dct_shop_v1 .woocommerce .products li.product:hover .et_shop_image:before,
.dct_shop_v1 .related .products li.product:hover .et_shop_image:before,
.dct_shop_v1 .up-sells .products li.product:hover .et_shop_image:before,
.dct_shop_v1 .cross-sells .products li.product:hover .et_shop_image:before {
height: 130px;
}
.dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay,
.dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay,
.dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay,
.dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay {
z-index: 1 !important;
transform: none;
height: 35px;
width: 35px;
top: 87px;
right: 7px;
left: auto;
padding: 0px;
border: 1px solid #dcdcdc !important;
transform: translateY(10px);
opacity: 0;
visibility: hidden;
transition: all 0.4s;
background-color: transparent !important;
}
.dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover,
.dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover,
.dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover,
.dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover,
.et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover,
.et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover,
.et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover,
.et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover {
border-color: var(--color-1);
}
.dct_shop_v1 .woocommerce ul.products li.product:hover .et_shop_image .et_overlay,
.dct_shop_v1 .related ul.products li.product:hover .et_shop_image .et_overlay,
.dct_shop_v1 .up-sells ul.products li.product:hover .et_shop_image .et_overlay,
.dct_shop_v1 .cross-sells ul.products li.product:hover .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product:hover .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product:hover .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product:hover .et_shop_image .et_overlay,
.et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product:hover .et_shop_image .et_overlay {
transform: translateY(0px);
opacity: 1;
visibility: visible;
transition-delay: 0.4s;
}
.dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:before,
.dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:before,
.dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:before,
.dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:before,
.et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:before,
.et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:before,
.et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:before,
.et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:before {
font-size: 15px;
color: var(--color-2) !important;
content: "\e02b";
font-weight: 100 !important;
transition: all 0.4s;
}
.dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover:before,
.dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover:before,
.dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover:before,
.dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover:before,
.et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover:before,
.et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover:before,
.et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover:before,
.et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover:before {
color: var(--color-1) !important;
}
.dct_shop_v1 .woocommerce ul.products li.product .et_shop_image img,
.dct_shop_v1 .related ul.products li.product .et_shop_image img,
.dct_shop_v1 .up-sells ul.products li.product .et_shop_image img,
.dct_shop_v1 .cross-sells ul.products li.product .et_shop_image img {
margin-bottom: 0px !important;
height: auto;
display: block !important;
width: 100% !important;
transition: 1s;
}
.dct_shop_v1 .woocommerce ul.products li.product:hover .et_shop_image img,
.dct_shop_v1 .related ul.products li.product:hover .et_shop_image img,
.dct_shop_v1 .up-sells ul.products li.product:hover .et_shop_image img,
.dct_shop_v1 .cross-sells ul.products li.product:hover .et_shop_image img {
transform: scale(1.2);
} .dct_shop_v1 .woocommerce ul.products li.product .button,
.dct_shop_v1 .related ul.products li.product .button,
.dct_shop_v1 .up-sells ul.products li.product .button,
.dct_shop_v1 .cross-sells ul.products li.product .button {
position: absolute;
right: 0;
left: 0;
bottom: 10px;
width: fit-content;
margin: auto;
z-index: 9;
font-size: 15px;
background-color: var(--color-1);
color: #fff !important;
border: none;
overflow: hidden;
border-radius: 0px;
padding: 8px 20px;
transform: translateY(25px);
opacity: 0;
visibility: hidden;
z-index: 1;
transition: all 0.4s;
}
.dct_shop_v1 .woocommerce ul.products li.product:hover .button,
.dct_shop_v1 .related ul.products li.product:hover .button,
.dct_shop_v1 .up-sells ul.products li.product:hover .button,
.dct_shop_v1 .cross-sells ul.products li.product:hover .button {
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.dct_shop_v1 .woocommerce ul.products li.product .button.loading,
.dct_shop_v1 .related ul.products li.product .button.loading,
.dct_shop_v1 .up-sells ul.products li.product .button.loading,
.dct_shop_v1 .cross-sells ul.products li.product .button.loading {
color: transparent !important;
}
.dct_shop_v1 .woocommerce ul.products li.product .button:after,
.dct_shop_v1 .related ul.products li.product .button:after,
.dct_shop_v1 .up-sells ul.products li.product .button:after,
.dct_shop_v1 .cross-sells ul.products li.product .button:after {
content: "\e02d";
width: 100%;
right: 0;
top: 0;
bottom: 0;
height: fit-content;
margin: auto;
font-size: 20px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
}
.dct_shop_v1 .woocommerce ul.products li.product .button.loading:after,
.dct_shop_v1 .related ul.products li.product .button.loading:after,
.dct_shop_v1 .up-sells ul.products li.product .button.loading:after,
.dct_shop_v1 .cross-sells ul.products li.product .button.loading:after {
opacity: 1;
visibility: visible;
}
.dct_shop_v1 .woocommerce ul.products li.product .button:before,
.dct_shop_v1 .related ul.products li.product .button:before,
.dct_shop_v1 .up-sells ul.products li.product .button:before,
.dct_shop_v1 .cross-sells ul.products li.product .button:before {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_shop_v1 .woocommerce ul.products li.product .button:hover:before,
.dct_shop_v1 .related ul.products li.product .button:hover:before,
.dct_shop_v1 .up-sells ul.products li.product .button:hover:before,
.dct_shop_v1 .cross-sells ul.products li.product .button:hover:before {
transform: scale3d(1, 1, 1);
}
.dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button,
.dct_shop_v1 .related ul.products li.product .yith-wcqv-button,
.dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button,
.dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button {
border: 1px solid #dcdcdc;
border-radius: 0px;
background-color: transparent;
position: absolute;
top: 7px;
left: auto;
bottom: auto;
right: 7px;
margin: 0;
padding: 0;
height: 35px;
width: 35px;
font-size: 0px;
transform: translateY(10px);
}
.dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:hover,
.dct_shop_v1 .related ul.products li.product .yith-wcqv-button:hover,
.dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:hover,
.dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:hover {
border-color: var(--color-1);
}
.dct_shop_v1 .woocommerce ul.products li.product:hover .yith-wcqv-button,
.dct_shop_v1 .related ul.products li.product:hover .yith-wcqv-button,
.dct_shop_v1 .up-sells ul.products li.product:hover .yith-wcqv-button,
.dct_shop_v1 .cross-sells ul.products li.product:hover .yith-wcqv-button {
transition-delay: 0.2s;
}
.dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:after,
.dct_shop_v1 .related ul.products li.product .yith-wcqv-button:after,
.dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:after,
.dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:after {
content: "\55";
margin: 0;
opacity: 1;
visibility: visible;
font-size: 15px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
color: var(--color-2);
}
.dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:before,
.dct_shop_v1 .related ul.products li.product .yith-wcqv-button:before,
.dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:before,
.dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:before {
display: none !important;
}
.dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:hover:after,
.dct_shop_v1 .related ul.products li.product .yith-wcqv-button:hover:after,
.dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:hover:after,
.dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:hover:after {
color: var(--color-1);
}
.dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button,
.dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button,
.dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button,
.dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button {
position: absolute;
top: 47px;
right: 7px;
margin: 0;
padding: 0;
height: 35px;
width: 35px;
border: 1px solid #dcdcdc;
display: flex;
justify-content: center;
align-items: center;
z-index: 9;
transform: translateY(10px);
opacity: 0;
visibility: hidden;
transition: all 0.4s;
font-size:0px !important;
}
.dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover,
.dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button:hover,
.dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover,
.dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover {
border-color: var(--color-1);
}
.dct_shop_v1 .woocommerce ul.products li.product:hover .tinvwl_add_to_wishlist_button,
.dct_shop_v1 .related ul.products li.product:hover .tinvwl_add_to_wishlist_button,
.dct_shop_v1 .up-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button,
.dct_shop_v1 .cross-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button {
transform: translateY(0px);
opacity: 1;
visibility: visible;
transition-delay: 0.3s;
}
.dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before,
.dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button:before,
.dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:before,
.dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:before {
color: var(--color-2);
transition: all 0.4s;
}
.dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before,
.dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button:hover:before,
.dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover:before,
.dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover:before {
color: var(--color-1);
margin-right: 0px;
}
.dct_shop_v1 .woocommerce ul.products li.product .added_to_cart,
.dct_shop_v1 .related ul.products li.product .added_to_cart,
.dct_shop_v1 .up-sells ul.products li.product .added_to_cart,
.dct_shop_v1 .cross-sells ul.products li.product .added_to_cart {
padding: 2px 10px;
color: #fff;
position: absolute;
left: 0;
right: 0;
width: fit-content;
margin: auto;
z-index: 9;
font-size: 12px;
bottom: 60px;
background-color: var(--color-1);
}
@-webkit-keyframes rotate {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
to {
transform: rotate(360deg);
}
}  .dct_shop_v2 .woocommerce ul.products li.product {
text-align: center;
}
.dct_shop_v2 .woocommerce ul.products li.product .onsale {
background-color: var(--color-1) !important;
font-size: 14px;
border-radius: 0px !important;
padding: 0px 10px !important;
}
.dct_shop_v2 .woocommerce ul.products li.product .star-rating {
margin-left: auto !important;
margin-right: auto !important;
}
.dct_shop_v2 .woocommerce ul.products li.product .star-rating:before {
float: none;
position: relative;
}
.dct_shop_v2 .woocommerce ul.products li.product .star-rating span::before {
width: 100%;
}
.dct_shop_v2 .woocommerce ul.products li.product .et_shop_image {
position: relative;
overflow: hidden;
background-color: #f6f6f6;
z-index: 1;
padding: 10px;
margin-bottom: 10px !important;
}
.dct_shop_v2 .woocommerce ul.products li.product .et_shop_image:before {
bottom: 0;
color: #fff;
content: '';
height: 100%;
left: 0;
position: absolute;
z-index: 1;
-webkit-transition: all .5s ease-out .15s;
transition: all .5s ease-out .15s;
width: 100%;
background-color: rgba(0, 0, 0, .5);
opacity: 0;
transform: scaleX(0);
transform-origin: 50% 50% 0;
}
.dct_shop_v2 .woocommerce ul.products li.product:hover .et_shop_image:before {
opacity: 1;
transform: scale(1);
}
.dct_shop_v2 .woocommerce ul.products li.product .et_shop_image img {
margin-bottom: 0 !important;
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.50s linear;
}
.dct_shop_v2 .woocommerce ul.products li.product:hover .et_shop_image img {
transform: scale(1.1, 1.1);
}
.dct_shop_v2 .woocommerce ul.products li.product .et_shop_image .et_overlay {
display: none !important;
}
.dct_shop_v2 .woocommerce ul.products li.product .button {
color: var(--color-1);
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
padding: 5px 0 !important;
border-bottom: 1px solid var(--color-2) !important;
border: none;
opacity: 1;
border-radius: 0;
background-color: transparent !important;
margin-top: 5px;
}
.dct_shop_v2 .woocommerce ul.products li.product .button.loading {
color: transparent;
}
.dct_shop_v2 .woocommerce ul.products li.product .button:after {
content: "\e02d";
opacity: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: fit-content;
height: fit-content;
margin: auto;
color: var(--color-2);
font-size: 22px;
line-height: 1;
}
.dct_shop_v2 .woocommerce ul.products li.product .button.loading:after {
opacity: 1;
}
.dct_shop_v2 .woocommerce ul.products li.product .added_to_cart {
display: block;
color: var(--color-2);
}
.dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button,
.dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button {
position: absolute;
bottom: 10px;
height: 40px;
width: 40px;
background-color: #fff !important;
margin: 0px;
padding: 0px !important;
overflow: hidden;
z-index: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
}
.dct_shop_v2 .woocommerce ul.products li.product:hover .yith-wcqv-button,
.dct_shop_v2 .woocommerce ul.products li.product:hover .tinvwl_add_to_wishlist_button {
transition-delay: 0.5s;
transform: scale3d(1, 1, 1);
}
.dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button {
left: calc(50% + 3px);
font-size: 0px;
color: transparent;
border: none !important;
}
.dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button {
right: calc(50% + 3px);
}
.dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:before,
.dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:hover:before,
.dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:after {
transform: scale3d(1, 1, 1);
}
.dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:after,
.dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before {
color: var(--color-2);
transition: 600ms ease;
}
.dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:after {
content: "\55";
font-size: 15px;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
margin: 0px;
display: flex !important;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:hover:after,
.dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before {
color: #fff;
}  .dct_shop_v3 .woocommerce ul.products li.product {
overflow: hidden;
text-align: center;
background: repeating-linear-gradient(45deg,#f9f9f9,#f9f9f9 10px,#fcfcfc 10px,#fcfcfc 20px);
}
.dct_shop_v3 .woocommerce ul.products li.product .et_shop_image {
position: relative;
overflow: hidden;
background-color: #f6f6f6;
z-index: 1;
padding: 10px;
margin-bottom: 10px !important;
}
.dct_shop_v3 .woocommerce ul.products li.product .et_shop_image img {
transform: scale(1);
margin-bottom: 0px !important;
transition: transform 3s ease-out 0s;
}
.dct_shop_v3 .woocommerce ul.products li.product:hover .et_shop_image img {
transform: scale(1.1);
transition: transform 3s ease-out 0s;
}
.dct_shop_v3 .woocommerce ul.products li.product .et_shop_image:before,
.dct_shop_v3 .woocommerce ul.products li.product .et_shop_image:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50%;
height: 100%;
z-index: 1;
background: var(--color-2);
opacity: 0.7;
transform: translateY(-100%);
transition: all 0.3s ease 0s;
}
.dct_shop_v3 .woocommerce ul.products li.product .et_shop_image:after {
left: 50%;
transform: translateY(100%);
transition-delay: 0.1s;
}
.dct_shop_v3 .woocommerce ul.products li.product:hover .et_shop_image:before,
.dct_shop_v3 .woocommerce ul.products li.product:hover .et_shop_image:after {
transform: translateY(0);
}
.dct_shop_v3 .woocommerce ul.products li.product .onsale {
font-size: 12px;
line-height: 1.3 !important;
font-weight: 500 !important;
text-transform: uppercase;
padding: 0px !important;
letter-spacing: 2px;
background-color: transparent !important;
z-index: 5;
left: 0px !important;
top: 10px !important;
border-radius: 0px !important;
transform: rotate(-45deg);
}
.dct_shop_v3 .woocommerce ul.products li.product .onsale:before {
border-right: 60px solid transparent;
border-top: 60px solid var(--color-1);
content: "";
display: block;
height: 0;
left: -10px;
position: absolute;
top: -10px;
width: 0;
z-index: -1;
transform: rotate(45deg);
}
.dct_shop_v3 .woocommerce ul.products li.product .et_shop_image .et_overlay {
display: none !important;
}
.dct_shop_v3 .woocommerce ul.products li.product .star-rating {
margin-left: auto !important;
margin-right: auto !important;	
}
.dct_shop_v3 .woocommerce ul.products li.product .button {
background: var(--color-1);
width: 100%;
margin: 0;
position: absolute;
bottom: -100%;
left: 0;
transition: all 0.35s ease 0s;
color: #fff;
font-size: 14px;
text-transform: uppercase;
border-radius: 0px;
padding: 10px 15px!important;
border: none !important;
overflow: hidden;
opacity: 1;
z-index: 1;
}
.dct_shop_v3 .woocommerce ul.products li.product .button:after {
content: "\e02d";
opacity: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: fit-content;
height: fit-content;
margin: auto;
color: #fff;
font-size: 22px;
line-height: 1;
}
.dct_shop_v3 .woocommerce ul.products li.product .button.loading {
color: transparent;
}
.dct_shop_v3 .woocommerce ul.products li.product .button.loading:after {
opacity: 1;
}
.dct_shop_v3 .woocommerce ul.products li.product .button:before {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_shop_v3 .woocommerce ul.products li.product .button:hover:before {
transform: scale3d(1, 1, 1);
}
.dct_shop_v3 .woocommerce ul.products li.product:hover .button {
bottom: 0;
}
.dct_shop_v3 .woocommerce ul.products li.product .added_to_cart {
color: var(--color-2);
}
.dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button,
.dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button {
position: absolute;
bottom: 10px !important;
height: 40px;
width: 40px;
background-color: #fff !important;
margin: 0px;
padding: 0px !important;
overflow: hidden;
z-index: 9;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
}
.dct_shop_v3 .woocommerce ul.products li.product:hover .yith-wcqv-button,
.dct_shop_v3 .woocommerce ul.products li.product:hover .tinvwl_add_to_wishlist_button {
transition-delay: 0.3s;
transform: scale3d(1, 1, 1);
}
.dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button {
left: calc(50% + 3px);
font-size: 0px;
color: transparent;
border: none !important;
}
.dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button {
right: calc(50% + 3px);
}
.dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:before,
.dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:hover:before,
.dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:after {
transform: scale3d(1, 1, 1);
}
.dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:after,
.dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before {
color: var(--color-2);
transition: 600ms ease;
}
.dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:after {
content: "\55";
font-size: 15px;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
margin: 0px;
display: flex !important;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:hover:after,
.dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before {
color: #fff;
}  .dct_shop_list .woocommerce ul.products li.product {
width: 100% !important;
border: 1px solid #f6f6f6;
background-color: #fff;
padding: 10px;
}
.dct_shop_list .woocommerce ul.products li.product .onsale {
background-color: var(--color-1) !important;
font-size: 14px;
border-radius: 0px !important;
padding: 0px 10px !important;
}
.dct_shop_list .woocommerce ul.products li.product .et_shop_image {
float: left;
margin-right: 15px;
height: 100px;
width: 100px;
overflow: hidden;
border: 1px solid #f6f6f6;
padding: 5px;
}
.dct_shop_list .woocommerce ul.products li.product .et_shop_image img {
margin-bottom: 0px !important;
}
.dct_shop_list .woocommerce ul.products li.product .et_shop_image .et_overlay {
display: none !important;
}
.dct_shop_list .woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--color-2);
font-size: 16px;
line-height: 1.2;
transition: all 0.4s;
}
.dct_shop_list .woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
color: var(--color-1);
}
.dct_shop_list .woocommerce ul.products li.product .price {
font-size: 16px;
color: #202020 !important;
}
.dct_shop_list .woocommerce ul.products li.product .button,
.dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button {
position: absolute;
bottom: 10px;
height: 35px;
width: 35px;
font-size: 0px;
border: none;
background-color: #f6f6f6;
border-radius: 0px;
margin: 0;
overflow: hidden;
z-index: 1;
}
.dct_shop_list .woocommerce ul.products li.product .button {
right: 10px;
}
.dct_shop_list .woocommerce ul.products li.product .yith-wcqv-button {
right: 50px;
}
.dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button {
right: 90px;
}
.dct_shop_list .woocommerce ul.products li.product .button:after {
content: "\e015";
opacity: 1;
margin: 0;
height: 100%;
width: 100%;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
color: var(--color-2);
transition: 600ms ease;
}
.dct_shop_list .woocommerce ul.products li.product .yith-wcqv-button:after {
content: "\55";
}
.dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before {
color: var(--color-2);
transition: 600ms ease;
right: -8px;
position: relative;
top: 7px;
margin-top: 0px;
}
.dct_shop_list .woocommerce ul.products li.product .button:hover:after,
.dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before {
color: #fff;
}
.dct_shop_list .woocommerce ul.products li.product .button:before,
.dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_shop_list .woocommerce ul.products li.product .button:hover:before,
.dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:after {
transform: scale3d(1, 1, 1);
}      @media only screen and (max-width : 980px) {
#dct_shop_filter_sidebar .et_pb_widget,
#dct_shop_filter_sidebar .et_pb_widget {
width: 100% !important;
}
}
.irs--flat .irs-bar,
.irs--flat .irs-handle > i:first-child {
background: var(--color-1);
}
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
background: var(--color-2);
}
#dct_shop_filter_sidebar .et_pb_widget,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget,
#dct_shop_filter_sidebar .berocket_single_filter_widget,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget {
background-color: #f6f6f6;
padding: 15px;
margin-bottom: 30px;
float: none;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter {
margin-bottom: 0px;
}
#dct_shop_filter_sidebar .et_pb_widget .widgettitle,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .widgettitle,
#dct_shop_filter_sidebar .et_pb_widget .title,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .title,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3 {
position: relative;
color: var(--color-1);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
padding-bottom: 20px;
margin-bottom: 20px;
}
#dct_shop_filter_sidebar .et_pb_widget .widgettitle:before,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .widgettitle:before,
#dct_shop_filter_sidebar .et_pb_widget .title:before,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .title:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:before,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 85px;
border: 1px solid var(--color-1);
}
#dct_shop_filter_sidebar .et_pb_widget .widgettitle:after,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .widgettitle:after,
#dct_shop_filter_sidebar .et_pb_widget .title:after,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .title:after,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:after,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:after {
content: "\5d";
position: absolute;
font-family: 'ETmodules';
bottom: -4px;
left: 35px;
font-size: 15px;
color: var(--color-1);
line-height: 1;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
} #dct_shop_filter_sidebar .et_pb_widget.widget_product_search,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search {
float: none;
}
#dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search {
position: relative;
}
#dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field {
width: 100%;
text-transform: capitalize;
font-size: 15px;
border: 0px;
margin-bottom: 0px;
padding: 15px 55px 15px 15px;
}
#dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button {
background-color: var(--color-1);
border: none;
font-size: 0;
color: transparent;
height: 100%;
width: 50px;
position: absolute;
top: 0;
right: 0;
padding: 0;
overflow: hidden;
z-index: 1;
}
#dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:before,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:before {
content: "\55";
position: absolute;
font-family: 'ETmodules';
color: #fff;
font-size: 20px;
font-weight: 700;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
#dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:after,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
#dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover:after,
.et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover:after {
transform: scale3d(1, 1, 1);
}
#sidebar .et_pb_widget ul li,
#dct_shop_filter_sidebar .et_pb_widget.widget_recently_viewed_products ul.product_list_widget li,
#dct_shop_filter_sidebar .et_pb_widget.widget_top_rated_products ul.product_list_widget li {
border-bottom: 1px dashed #ccc;
margin-bottom: 0 !important;
padding: 15px 0px;
}
#sidebar .et_pb_widget.widget_recent_entries ul li:first-child,
#dct_shop_filter_sidebar .et_pb_widget.widget_recently_viewed_products ul.product_list_widget li:first-child,
#dct_shop_filter_sidebar .et_pb_widget.widget_top_rated_products ul.product_list_widget li:first-child {
padding-top: 0px;
}
#sidebar .et_pb_widget ul li a,
#dct_shop_filter_sidebar .et_pb_widget ul li a {
color: #333;
font-size: 16px;
}
#sidebar .et_pb_widget ul li .post-date,
#dct_shop_filter_sidebar .et_pb_widget ul li .post-date {
display: block;
} .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {background:var(--color-1)!important;border-radius:0px!important; }
#dct_shop_filter_sidebar .dgwt-wcas-search-wrapp {
min-width: 100% !important;
} #dct_shop_filter_sidebar ul.cart_list li .remove.remove_from_cart_button {
background: transparent;
border: 1px solid var(--color-1) !important;
color: var(--color-1) !important;
border-radius: 0px !important;
line-height: 0.6;
padding: 3px;
transition: all 0.4s;
}
#dct_shop_filter_sidebar ul.cart_list li .remove.remove_from_cart_button:hover {
background: var(--color-1) !important;
color: #fff !important;
} #dct_shop_filter_sidebar .berocket_single_filter_widget ul li input {
border: 1px solid #8a8a8a;
border-radius: 0;
overflow: hidden;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget ul li input[type=checkbox]:checked {
border-color: var(--color-1);
}
#dct_shop_filter_sidebar .berocket_single_filter_widget ul li input:after {
font-family: ETmodules;
top: 0;
left: 0;
text-align: center;
line-height: 19px;
width: 100%;
height: 100%;
border: none;
transform: unset;
font-weight: 600;
color: var(--color-1);
}
#dct_shop_filter_sidebar .berocket_single_filter_widget ul li input[type=checkbox]:checked:after {
content: "\4e";
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Category"] ul li,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Shape"] ul li,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Ideal For"] ul li,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material"] ul li,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop By Rating"] ul li,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Types"] ul li {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid #e0e0e0 !important;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Category"] ul li:last-child,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Shape"] ul li:last-child,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Ideal For"] ul li:last-child,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material"] ul li:last-child,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop By Rating"] ul li:last-child,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Types"] ul li:last-child {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
border-bottom: 0px !important;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget ul li label {
position: relative;
color: var(--color-2);
z-index: 1;
transition: all 0.4s;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget ul li label:hover,
#dct_shop_filter_sidebar .berocket_single_filter_widget ul li input:checked+label {
color: var(--color-1);
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:before {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label:hover:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label:hover:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:hover:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li input:checked+label:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li input:checked+label:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li input:checked+label:before {
transform: scale3d(1, 1, 1);
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li label:hover,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:hover,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li input:checked+label,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li input:checked+label,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li input:checked+label {
color: #fff;
} #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label span {
transition: all 0.4s !important;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover span,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label span {
transform: none;
filter: invert(0) brightness(5);
} #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label {
background-color: #fff;
padding: 3px;
margin: 3px;
border-radius: 0px;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label .bapf_clr_span,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label .bapf_clr_span {
margin: 0;
border: none;
height: 25px;
width: 25px;
} #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label {
padding: 5px;
border-radius: 0px;
background-color: #fff;
margin-right: 3px;
margin-bottom: 3px;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label .bapf_img_span {
margin: 0;
border: none;
height: 30px;
width: 80px;
object-fit: cover;
} #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa:before {
content: "\f005";
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa-star {
color: #fcae01;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa-star-o {
color: #cccccc;
} #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li {
display: inline-block;
}
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label {
padding: 7px;
text-align: center;
border-radius: 0px;
margin-right: 3px;
background-color: #fff;
margin-bottom: 3px;
} #dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button{
padding: 10px 20px !important;
text-align: center;
width: 100%;
font-size: 15px;
border-radius: 0px;
color: #fff !important;
border: none !important;
text-transform: capitalize;
background-color: var(--color-1) !important;
position: relative;
overflow: hidden;
z-index: 1;
transition: all 0.4s;
}
#dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button:before {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
#dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button:hover:before,
#dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button:hover:before {
transform: scale3d(1, 1, 1);
}
#dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button:after {
display: none !important;
}  .product-template-default .summary .product_title.entry-title {
margin-bottom: 15px;
} .woocommerce div.product .stock {
font-size: 15px !important;
color: #232323;
}
.single-product .product .summary .stock.in-stock,
.single-product .product .summary .stock.out-of-stock {
background: #b81c23;
color: #fff;
padding: 2.5px 10px;
position: relative;
font-size: 13px !important;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 15px;
line-height: 25px;
transition: all .3s ease-in-out;
}
.single-product .product .summary .stock.in-stock:before,
.single-product .product .summary .stock.out-of-stock:before {
content: '';
position: absolute;
left: 100%;
top: 0;
background: #fff;
width: 5px;
height: 5px;
border-radius: 50%;
z-index: 1;
bottom: 0;
margin: auto;
box-shadow: inset 1px 1px 1px #2c2929;
}
.single-product .product .summary .stock.in-stock:after,
.single-product .product .summary .stock.out-of-stock:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #b81c23;
border-width: 15px;
margin-top: -15px;
transition: all .3s ease-in-out;
}
.single-product .product .summary .stock.in-stock {
background-color: var(--color-2) !important;
}
.single-product .product .summary .stock.in-stock:after {
border-left-color: var(--color-2) !important;
}  .woocommerce .product .product_meta .sku_wrapper {
display: block;
}
#et-boc .woocommerce-grouped-product-list.group_table {
margin-bottom: 20px;
}
.woocommerce .product .product_meta .posted_in a {
color: var(--color-1);
padding-left: 5px;
}  .et-db #et-boc .et_pb_wc_add_to_cart .quantity input.qty,
.woocommerce .product .quantity input.qty,
.woocommerce-page .quantity input.qty {
background-color: transparent !important;
border: 1px solid #e5e5e5 !important;
color: #000 !important;
border-radius: 0px;
text-align: center;
padding: 15px 10px;
}  .woocommerce p.stars a {
color: var(--color-1);
}  .woocommerce div.product .product_title {
font-size: 22px;
line-height: 26px;
font-weight: 500;
position: relative;
text-transform: uppercase;
}  .woocommerce div.product p.price {
padding-top: 5px;
padding-bottom: 15px;
}  .archive .woocommerce-info,
.woocommerce .woocommerce-form-login-toggle .woocommerce-info {
background: var(--color-2);
line-height: 35px;
padding: 10px !important;
border-radius: 0px;
}
.archive .woocommerce-info,
.woocommerce .woocommerce-form-login-toggle .woocommerce-info,
.product .woocommerce .woocommerce-info,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error {
line-height: 35px;
padding: 10px !important;
border-radius: 0px;
background: var(--color-1);
}
.product .woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error .button {
position: relative;
color: var(--color-2);
font-size: 15px;
padding: 10px 20px;
border-radius: 0px;
overflow: hidden;
transition: 600ms ease;
z-index: 1;
}
.product .woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error .button:hover {
color: #fff;
}
.product .woocommerce .woocommerce-info .button:after,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:after,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error .button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.product .woocommerce .woocommerce-info .button:hover:after,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover:after,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error .button:hover:after {
transform: scale3d(1, 1, 1);
}  .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
background: var(--color-1);
border-radius: 0px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
border-color: #fff;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
background-color: #fff;
}  .et_pb_wc_tabs .et_pb_tabs_controls,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls {
background-color: transparent;
}
.et_pb_wc_tabs .et_pb_tabs_controls:after,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls:after {
border: none;
}
.et_pb_wc_tabs .et_pb_tabs_controls li,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li {
border: none;
margin-right: 5px;
}
.et_pb_wc_tabs .et_pb_tabs_controls li a,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a {
position: relative;
background-color: var(--color-2) !important;
color: #fff !important;
font-size: 15px;
padding: 10px 20px !important;
overflow: hidden;
z-index: 1;
}
.et_pb_wc_tabs .et_pb_tabs_controls li a:before,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.et_pb_wc_tabs .et_pb_tabs_controls li a:hover:before,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a:hover:before,
.et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a:before,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a:before {
transform: scale3d(1, 1, 1);
}
.et_pb_wc_tabs .et_pb_tab .et_pb_tab_content h2,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content h2,
.et_pb_wc_tabs .et_pb_tab .et_pb_tab_content #reviews #comments h2,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content #reviews #comments h2 {
text-transform: uppercase;
color: #202020;
font-size: 25px;
letter-spacing: 2px;
margin-bottom: 0px !important;
}
.et_pb_wc_tabs .et_pb_tab .et_pb_tab_content .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-comment textarea,
.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-comment textarea {
border: none;
width: 100% !important;
background-color: #f6f6f6;
} .woocommerce-tabs #comments .commentlist .review .comment_container .comment-text .star-rating span:before,
.woocommerce-page .star-rating span::before {
color: var(--color-1)
}
.woocommerce-product-rating a.woocommerce-review-link {
color: var(--color-2)
}
@media only screen and (max-width : 480px) { 
.et_pb_wc_tabs .et_pb_tabs_controls li a,.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a {display: block;text-align: center;}
}  .page-template-default .woocommerce .woocommerce-order .woocommerce-customer-details h2.woocommerce-column__title,
.page-template-default .woocommerce .woocommerce-order .woocommerce-order-details h2.woocommerce-order-details__title,
.product-template-default .product .related.products h2,
.woocommerce .cart-collaterals .cross-sells h2,
.woocommerce.single.single-product .up-sells.products h2 {
margin-bottom: 20px;
padding-bottom: 16px;
font-size: 20px !important;
line-height: 26px !important;
font-weight: 500 !important;
position: relative !important;
text-transform: uppercase;
}
.product-template-default .related.products .products .product .woocommerce-loop-product__link h2.woocommerce-loop-product__title,
.product-template-default .upsells.products .products .product .woocommerce-loop-product__link .woocommerce-loop-product__title,
.woocommerce .cart-collaterals .cross-sells .products .product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {
font-size: 14px !important;
font-weight: 500 !important;
margin-bottom: 0 !important;
}
.woocommerce.single.single-product ul.products li.product {
margin-bottom: 10px;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #fff !important;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a,
body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 5px 22px !important;
} .woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: var(--color-1);
color: #fff;
}
.woocommerce div.product form.cart .variations td select {
height: 40px;
background-color: #fff;
border: 1px solid #aaa !important;
box-sizing: border-box;
cursor: pointer;
font-size: 13px;
color: #232323 !important;
}
.woocommerce div.product form.cart .variations td {
font-size: 15px;
color: #232323;
line-height: 40px;
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li {
color: #202020;
border: 1px solid #e5e5e5;
border-radius: 0px;
box-shadow: none;
transition: all 0.4s;
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li.selected,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li.selected,
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:hover,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:hover {
color: var(--color-1);
border-color: var(--color-1);
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:before,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:before {
background-color: var(--color-1);
box-shadow: 0 0 10px -2px var(--color-1);
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:after,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:after {
border-top-color: var(--color-1);
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li .variable-item-contents span:after,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li .variable-item-contents span:after {
display: none;
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr:last-child td,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr:last-child td {
padding-bottom: 0px !important;
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td span::after,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td span::after {
margin-top: -5px;
border-top-color: #202020;
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td select,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td select {
padding: 10px;
}
.et_pb_wc_add_to_cart .variations_form .variations tbody tr td .reset_variations,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td .reset_variations {
font-size: 15px;
color: var(--color-1);
text-decoration: underline;
}
.et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-description,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-description {
color: #202020;
}
.et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {
color: var(--color-1);
}
@media only screen and (max-width :768px) {
.woocommerce div.product .product_title {
margin-top: 30px;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations td select {
width: 83%;
}
.woocommerce div.product form.cart .button {
margin-top: 20px;
}
.woocommerce div.product form.cart div.quantity {
display: block;
width: 100%;
}
}   .woocommerce .cart-collaterals .cross-sells ul.products li a .onsale {
color: #fff;
background: var(--color-1) !important;
font-size: 12px;
font-weight: 600 !important;
text-transform: uppercase;
padding: 0 3px !important;
border: 2px solid #fff;
border-left: none;
border-right: none;
border-radius: 0 !important;
box-shadow: 0 0 0 3px var(--color-1) !important;
position: absolute;
z-index: 9;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a .star-rating {
position: absolute;
bottom: 0;
right: 0;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a .price {
text-align: left;
padding-top: 10px;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image {
overflow: hidden;
margin-bottom: 0 !important;
position: relative;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image img {
width: 100%;
height: auto;
display: block !important;
width: 100% !important;
transition: 1s;
}
.woocommerce .cart-collaterals .cross-sells ul.products li:hover a .et_shop_image img {
transform: scale(2);
}
.woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image .et_overlay {
z-index: 5;
background: rgba(0, 0, 0, 0.5);
bottom: 0;
color: #2a2a2a;
left: 0;
border: none !important;
margin: 0;
opacity: 0;
padding: 26px 30px 28px;
position: absolute;
right: 0;
text-align: left;
top: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .6s ease 0s;
-moz-transition: all .6s ease 0s;
-ms-transition: all .6s ease 0s;
-o-transition: all .6s ease 0s;
transition: all .6s ease 0s;
vertical-align: middle;
}
.woocommerce .cart-collaterals .cross-sells ul.products li:hover a .et_shop_image .et_overlay {
opacity: 1 !important;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1) !important;
z-index: 1 !important;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image .et_overlay:before {
background: var(--color-1);
color: #fff;
content: "\e013";
width: 50px;
height: 50px;
text-align: center;
line-height: 48px !important;
font-size: 25px !important;
top: 50% !important;
transform: translate(-50%, -50%);
margin: 0 !important;
border-radius: 25px;
left: 50% !important;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a.button {
border: none;
display: block;
width: 35px;
height: 35px;
color: #fff;
font-size: 0;
position: absolute;
right: 5px;
bottom: 20px;
z-index: 9999999999999999999999;
transition: all .3s ease-in-out 0s;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a.button:before {
left: 9px;
margin-left: 0;
opacity: 1;
display: block;
content: "\e07a";
font-family: ETmodules !important;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 33px;
text-align: center;
font-size: 16px;
color: #fff;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a.button:after {
content: "";
width: 100%;
height: 100%;
background: var(--color-1);
position: absolute;
top: 0;
right: 0;
margin-left: 0;
z-index: -1;
opacity: 1;
transition: all .3s ease 0s;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.added:after {
background: #8fae1b !important;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.added::before {
content: "\4e" !important;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.loading {
opacity: 1;
-webkit-animation: rotate 1.5s linear infinite;
animation: rotate 1.5s linear infinite;
}
.woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.loading::before {
content: "\e02d" !important;
opacity: 1;
} .woocommerce-cart.woocommerce-page .return-to-shop {
text-align: center;
}
.woocommerce .empty-cart {
text-align: center;
}
.woocommerce .empty-cart h1 {
text-transform: uppercase;
font-size: 25px;
font-weight: 700;
line-height: 35px;
color: var(--color-2)
}
.woocommerce .empty-cart h1::before {
content: "\e07a";
font-family: ETmodules !important;
padding-right: 15px;
color: var(--color-1)
}
@media only screen and (max-width : 479px) {
.woocommerce .empty-cart h1 {
font-size: 20px;
}
}
.woocommerce div.product form.cart .group_table td {
padding: 10px !important;
line-height: 50px;
text-align: center;
font-size: 15px;
color: #232323;
border: 1px solid rgba(40, 61, 88, .1) !important
}
.woocommerce div.product form.cart .group_table td label a {
line-height: 50px;
color: var(--color-1);
display: block;
text-align: center
}
.woocommerce div.product form.cart table div.quantity {
margin: 0 !important
}
@media only screen and (max-width : 480px) {
.woocommerce-page .woocommerce-message .button {
float: none;
width: 100%;
text-align: center;
}
.woocommerce div.product form.cart .group_table td label a {
line-height: 30px;
}
.woocommerce div.product form.cart .group_table td span {
line-height: 20px;
}
.woocommerce .product .cart .single_add_to_cart_button {
width: 100%;
}
} .woocommerce .woocommerce-MyAccount-content p {
padding-bottom: 20px;
}
.woocommerce-page table.cart td.actions {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.woocommerce button.button:disabled {
color: #fff !important;
padding: .3em 1em !important;
}
.woocommerce button.button:disabled:hover {
padding: .3em 1em !important;
}
.woocommerce a.remove {
background: var(--color-1);
color: #fff !important;
border-radius: 3px !important;
}
.woocommerce a.remove:hover {
background-color: var(--color-2);
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
position: relative;
text-align: center;
padding: .6em 1em;
border: 2px solid !important;
line-height: 1.7em !important;
text-transform: uppercase;
border-radius: 0;
background-color: transparent !important;
height: auto;
border-color: #e5e5e5 !important;
color: #232323 !important;
font-size: 13px !important;
letter-spacing: 1px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
color: #000 !important;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content form .woocommerce-address-fields .button {
margin-top: 20px;
}
.woocommerce .woocommerce-MyAccount-downloads-file.button:hover:after {
opacity: 0;
}
.woocommerce table.shop_table td a {
font-size: 15px;
color: #232323;
transition: all 0.4s;
}
.woocommerce table.shop_table td a:hover {
color: var(--color-1);
}
.woocommerce table.shop_table td {
color: #555;
}
#content-area table th {
font-size: 15px;
color: #232323;
}
.cart-collaterals .cross-sells ul li {
width: 45% !important;
margin-right: 10px !important;
}
.woocommerce-notices-wrapper .woocommerce-message .restore-item {
color: #fff;
}
@media only screen and (max-width :480px) {
.woocommerce a.button.alt {
margin-top: 10px;
width: 100%;
font-size: 13px !important;
}
}
.et_pb_wc_images span.onsale {
color: #fff;
background: var(--color-1) !important;
font-size: 12px;
font-weight: 600 !important;
text-transform: uppercase;
padding: 0 3px !important;
border: 2px solid #fff;
border-left: none;
border-right: none;
border-radius: 0 !important;
box-shadow: 0 0 0 3px var(--color-1) !important;
position: absolute;
z-index: 9;
}
.et_pb_wc_cart_products .woocommerce-cart-form .coupon input {
padding: 13px !important;
}
.et_pb_wc_cart_totals .cart_totals .shop_table tr th {
width: 110px;
}
.et_pb_wc_cart_products .woocommerce-cart-form .button,
.et_pb_wc_cart_totals .cart_totals .shop_table .button {
position: relative;
overflow: hidden;
background-color: var(--color-1) !important;
z-index: 1;
}
.et_pb_wc_cart_products .woocommerce-cart-form .button:after,
.et_pb_wc_cart_totals .cart_totals .shop_table .button:after {
content: "" !important;
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1 !important;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.et_pb_wc_cart_products .woocommerce-cart-form .button:hover:after,
.et_pb_wc_cart_totals .cart_totals .shop_table .button:hover:after {
transform: scale3d(1, 1, 1);
}  .et_pb_wc_checkout_payment_info .woocommerce-info {
line-height: 35px;
padding: 10px !important;
border-radius: 0px;
background: var(--color-1);
margin-bottom: 0;
}
.et_pb_wc_checkout_payment_info .form-row {
margin: 0 !important;
}
.et_pb_wc_checkout_payment_info .form-row input {
background-color: #fff !important;
}
.woocommerce-checkout #payment {
background-color: #f9f9f9;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info {
line-height: 35px;
background-color: var(--color-1);
border-radius: 3px;
text-align: left;
}
@media only screen and (max-width: 768px) {
.woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info {
border-radius: 0;
margin-top: 35px;
}
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce form .form-row label {
text-transform: capitalize;
font-size: 15px;
color: #232323;
padding-bottom: 5px;
}
.woocommerce-privacy-policy-text .woocommerce-privacy-policy-link,
.woocommerce-terms-and-conditions-checkbox-text .woocommerce-terms-and-conditions-link {
color: var(--color-1);
}
.woocommerce form .form-row.woocommerce-invalid label {
color: var(--color-2);
}
.woocommerce-invalid #terms {
outline: 2px solid var(--color-1);
}
.woocommerce-page form .form-row .input-text {
} .woocommerce .checkout #customer_details .woocommerce-additional-fields h3,
.woocommerce .checkout #customer_details .woocommerce-billing-fields h3 {
margin-bottom: 20px;
}
.checkout_coupon.woocommerce-form-coupon .form-row {
width: 50%;
}
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first #coupon_code {
border-radius: 3px;
padding: 10px;
}
.showcoupon {
background: var(--color-2);
padding: 5px 10px;
border-radius: 3px;
font-size: 15px;
-webkit-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);
-moz-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);
box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
text-align: center;
background: var(--color-1);
border-radius: 3px;
}
@media only screen and (max-width: 980px) {
.woocommerce .woocommerce-info {
text-align: center;
}
.showcoupon {
display: block;
}
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last .button {
width: 100%;
}
.woocommerce form .form-row textarea {
height: 6em;
}
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 1.5;
}
.woocommerce-checkout #payment ul.payment_methods li {
font-size: 15px;
color: #232323;
text-transform: capitalize;
margin-bottom: 20px;
line-height: 0;
}
#payment .payment_methods .payment_method_paypal .about_paypal {
font-size: 15px;
color: var(--color-2);
font-weight: 600;
text-transform: uppercase;
}
#payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p,
#payment .woocommerce-terms-and-conditions-checkbox-text {
color: #232323;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
line-height: 35px;
}
.woocommerce form .form-row.woocommerce-validated input.input-text {
border-color: #b81c23;
}
.woocommerce #payment .wc_payment_methods.payment_methods.methods .wc_payment_method.payment_method_paypal .payment_box.payment_method_paypal p {
color: #232323;
font-size: 15px;
line-height: 30px;
}
.woocommerce #payment .wc_payment_methods.payment_methods.methods .wc_payment_method.payment_method_paypal .payment_box.payment_method_paypal p a {
color: var(--color-1);
}
.woocommerce-order-details .order-again .button {
position: relative;
background-color: var(--color-1) !important;
color: #fff !important;
font-size: 15px;
border: none !important;
border-radius: 0px;
padding: 10px 20px !important;
overflow: hidden;
z-index: 1;
}
.woocommerce-order-details .order-again .button:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.woocommerce-order-details .order-again .button:hover:after {
transform: scale3d(1, 1, 1);
}  .woocommerce .woocommerce-order .woocommerce-order-overview {
padding: 0;
border: 1px dashed #232323;
}
.woocommerce .woocommerce-order .order_details li {
border-right: 1px dashed #232323;
padding: 20px;
line-height: 30px;
font-weight: 500;
margin-right: 0;
color: #232323;
font-size: 16px;
letter-spacing: 1px;
text-transform: capitalize;
}
.woocommerce ul.order_details li strong {
display: flex;
font-weight: 500;
line-height: 30px;
font-size: 15px;
}
.woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
text-transform: capitalize;
text-align: center;
font-size: 30px;
color: #8fae1b;
margin-bottom: 40px;
background: #000;
padding: 20px;
border-radius: 5px;
}
.woocommerce .woocommerce-thankyou-order-details li {
font-size: 1em;
line-height: 1;
}
.woocommerce .woocommerce-thankyou-order-details li strong {
font-size: 1.4em;
line-height: 2.5;
}
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody tr:nth-child(2n),
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:first-child {
background: #f5f5f5;
}
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child,
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr {
background: var(--color-2);
}
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child td span,
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child th,
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr th {
color: #fff;
font-size: 15px;
text-transform: uppercase;
}
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody td span,
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot td span,
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr th {
font-size: 15px;
color: #232323;
}
.woocommerce .woocommerce-order .woocommerce-order-details .shop_table td {
line-height: 2.5em;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address {
font-size: 15px;
color: #232323;
text-align: justify;
text-transform: capitalize;
box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);
padding: 20px;
}
@media only screen and (max-width: 1099px) {
.woocommerce .woocommerce-order .order_details {
padding: 10px;
}
.woocommerce .woocommerce-order .order_details li {
border: none;
display: contents;
}
}
@media only screen and (max-width: 767px) {
.woocommerce table.shop_table td a {
font-size: 14px;
}
.woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
font-size: 25px;
line-height: 35px;
}
}
.woocommerce-tabs {
box-shadow: 0 0 5px 0 #999;
}
.et_pb_wc_add_to_cart .cart,
.et_pb_wc_add_to_cart .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
}
.et_pb_wc_add_to_cart .tinv-wraper {
height: auto;
}
.et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button {
position: relative;
margin: 0px 0px 0px 5px !important;
height: 100%;
width: 50px;
font-size: 0px;
border-radius: 0px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-2);
overflow: hidden;
z-index: 1;
min-height:50px;
}
.et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button:before {
margin: 0;
font-size: 25px;
}
.et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button:hover:after {
transform: scale3d(1, 1, 1);
}
.et_pb_wc_add_to_cart .button {
position: relative;
background-color: var(--color-1) !important;
overflow: hidden;
z-index: 1;
}
.et_pb_wc_add_to_cart .button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.et_pb_wc_add_to_cart .button:hover:after {
transform: scale3d(1, 1, 1);
}
#et-boc .woocommerce .woocommerce-notices-wrapper .woocommerce-info {
background: var(--color-1);
}
#et-boc .woocommerce .cart-empty.woocommerce-info {
background: 0 0;
}
#et-boc .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3,
#et-boc .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title,
#et-boc .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title {
margin-bottom: 20px;
}
@media only screen and (max-width : 480px) {
.et_pb_wc_related_products ul.products.columns-3 li.product {
width: 100% !important;
margin-right: 0% !important;
}
}
.woocommerce-page .star-rating::before,
.woocommerce .star-rating::before { }   .woocommerce-error li a {
color: #fff;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
border-radius: 10px;
background-color: #fff;
padding: 25px 25px !important;
margin: 0;
list-style-type: none !important;
-webkit-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);
-moz-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);
box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);
position: relative;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
padding-bottom: 5px;
margin: 0 0 15px 0;
font-size: 20px;
line-height: 26px;
font-weight: 800;
position: relative;
text-transform: uppercase;
border-bottom: 1px dashed #e9e9e9;
padding-top: 5px;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
font-size: 15px;
color: #232323;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
color: var(--color-1);
}
.woocommerce .woocommerce-MyAccount-navigation ul li:before {
content: "";
left: -25px;
position: absolute;
width: 3px;
height: 100%;
border-color: var(--color-1);
display: block;
background-color: var(--color-1);
}  .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr .woocommerce-orders-table__header .nobr {
font-size: 15px;
color: #232323;
text-transform: uppercase;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead .woocommerce-orders-table__header,
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td {
padding: 20px;
text-align: center;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td {
font-size: 14px;
color: #232323;
}  .woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error {
background: #fff;
text-align: left;
text-transform: capitalize;
line-height: 30px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error li {
margin-bottom: 20px;
padding: 5px;
padding-left: 10px !important;
background: #b81c23;
border-radius: 0;
}
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper select {
height: 40px;
border-radius: 0;
}
.woocommerce .woocommerce-form.woocommerce-form-login .lost_password a {
color: var(--color-2);
}
.woocommerce .woocommerce-ResetPassword.lost_reset_password p,
.woocommerce .woocommerce-form.woocommerce-form-login p {
font-size: 15px;
color: #232323;
text-transform: capitalize;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-login.login .woocommerce-LostPassword.lost_password {
float: right;
position: relative;
bottom: 40px;
}
@media only screen and (max-width: 479px) {
.woocommerce #customer_login .woocommerce-form.woocommerce-form-login.login .woocommerce-LostPassword.lost_password {
float: none;
position: relative;
bottom: -10px;
}
}
.woocommerce-form.woocommerce-form-register.register .woocommerce-privacy-policy-text {
font-size: 14px;
margin-bottom: 10px;
line-height: 30px;
text-align: justify;
}
.woocommerce .woocommerce-message .woocommerce-Button,
.woocommerce-page .woocommerce-info .button {
margin-top: 0;
background: #fff !important;
color: var(--color-1) !important;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
border-radius: 3px;
border-color: var(--color-1);
}
@media only screen and (max-width: 480px) {
.woocommerce .woocommerce-message .woocommerce-Button,
.woocommerce-page .woocommerce-info .button {
width: 100%;
}
.product .woocommerce .woocommerce-error,
.product .woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
line-height: 30px;
}
}
.woocommerce .woocommerce-message .woocommerce-Button:hover,
.woocommerce-page .woocommerce-info .button:hover {
background-color: var(--color-2) !important;
color: #fff !important;
}
.woocommerce .woocommerce-message .woocommerce-Button:before,
.woocommerce a.button.alt:before,
.woocommerce-page .woocommerce-info .button:before {
display: none;
}
.woocommerce .woocommerce-message .woocommerce-Button:after,
.woocommerce-page .woocommerce-info .button:after {
content: "\e015";
opacity: 1;
margin-left: 0;
right: 0;
background: var(--color-1);
color: #fff;
font-size: 20px;
border-radius: 0;
padding: 5px;
top: 3px;
right: 2px;
}
.woocommerce .woocommerce-MyAccount-content .addresses .title .edit {
padding: 2px 25px;
border-radius: 0;
color: #fff;
background: var(--color-1);
}
.woocommerce .woocommerce-MyAccount-content .addresses .title .edit:hover {
background: var(--color-2);
}
.woocommerce-MyAccount-content p a {
color: var(--color-1);
font-size: 16px;
line-height: 35px;
}
.woocommerce form .form-row input.input-text {
background-color: #f6f6f6;
}
.select2-container .select2-selection--single {
height: 40px;
}
.select2-container--default .select2-selection--single {
border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 20px;
position: absolute;
top: 10px;
right: 10px;
width: 20px;
background: var(--color-2);
border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
}
.woocommerce-LostPassword a {
color: var(--color-2);
}
@media only screen and (max-width :980px) {
.woocommerce .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content form .woocommerce-address-fields .button {
margin-top: 10px;
margin-bottom: 20px
}
}
@media only screen and (max-width : 768px) {
.woocommerce table.my_account_orders {
margin-top: 50px;
}
}   .dct_product_carousel .woocommerce ul.products li.product {
clear: none !important;
margin: 0px 10px !important;
}
.dct_product_carousel ul.products ul.slick-dots {
padding: 0;
margin: 0;
}
.dct_product_carousel ul.products ul.slick-dots li {
margin: 0px 2px;
width: auto !important;
}
.dct_product_carousel ul.products ul.slick-dots li button:before {
content: "";
height: 10px;
width: 10px;
background-color: var(--color-1);
opacity: 0.5;
}
.dct_product_carousel ul.products ul.slick-dots li.slick-active button:before {
opacity: 1;
}
@media only screen and (max-width: 980px) {
.dct_product_carousel .woocommerce ul.products .slick-list .slick-track {
display: flex;
}
} .dct_product_page_title .dct_product_page_breadcrumbs .woocommerce-breadcrumb {
color: #fff;
text-transform: uppercase;
margin-bottom: 0px;
}
.dct_product_page_title .dct_product_page_breadcrumbs .woocommerce-breadcrumb a {
color: #fff;
transition: all 0.4s;
}
.dct_product_page_title .dct_product_page_breadcrumbs .woocommerce-breadcrumb a:hover {
color: var(--color-1);
}   .woofc-area.woofc-style-01 .woofc-no-item, .woofc-area.woofc-style-01 .woofc-error {
color: #000;
}
.woofc-count {
background-color: var(--color-1);
border-radius:0px;
}
.woofc-count i {
color: #fff;
}
.woofc-count span {
background-color: var(--color-2);
border-radius:0px;
}
.dct_menu_icons ul.et-menu.nav li .woofc-menu-item-inner-subtotal {
display: none;
}
.dct_menu_icons ul.et-menu.nav li.woofc-menu-item.menu-item-type-woofc {
margin-top: 5px !important;
} #menu-fly-mini-cart li.woofc-menu-item a {
color: #fff;
font-size: 18px;
opacity: 1;
}
.dct_menu_icons.bg .woofc-menu-item .woofc-menu-item-inner::after {
background-color: #000;
}
.woofc-menu-item .woofc-menu-item-inner i {
margin: 0;
} .woofc-area .woofc-cross-sells .woofc-cross-sells-product-atc .button {padding:5px 10px !important;}
.woofc-area .woofc-cross-sells .woofc-cross-sells-product-atc .button:after {display:none;}
.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner{color:#333;}
.woofc-area.woofc-style-01 {
background-color: #fff;
}
.woofc-cross-sells .woofc-cross-sells-product-atc .button,
.woofc-area-bot .woofc-action .woofc-action-inner > div a {
background-color: var(--color-1) !important;
color: #fff !important;
border-color: var(--color-1) !important;
}
.woofc-cross-sells .woofc-cross-sells-product-atc .button,
.woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: var(--color-2) !important;
border-color: var(--color-2) !important;
}
.woofc-area-top {
background-color: var(--color-1) !important;
color: #fff !important;
}
[class*="hint--"]::after {
background: var(--color-2) !important;
}
.hint--left::before {
border-left-color: var(--color-2) !important;
}
.woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
background-color: var(--color-1) !important;
color: #fff;
}
.woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {border:1px solid var(--color-1) !important;}
.woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-plus,
.woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-minus {background:transparent !important;}
.woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
background-color: var(--color-1)!important;
color: #fff!important;
} .woofc-area-top .woofc-close {
background: var(--color-2)!important;
color: #fff !important;
width: 50px;
right: 0;
}
.woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span {
background: var(--color-1)!important;
}
.woofc-area-bot .woofc-data {
padding: 11px 20px;
border-bottom: 1px solid rgba(255,255,255,0.3)!important;
color: #000!important;
}
.woofc-area-bot .woofc-link span, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span {
color: #000!important;
border-color: #000!important;
}
#woofc-area {
border-radius: 0px;
}
.woofc-suggested-products .slick-dots li button::before {display:none;} .dct_wishlist .tinv-wishlist .tinv-header h2 {
text-transform: uppercase;
font-size: 28px;
letter-spacing: 2px;
text-align: center;
color: var(--color-2);
}
.dct_wishlist .tinv-wishlist .product-remove button {}
.dct_wishlist .tinv-wishlist .product-remove button:hover {}
.dct_wishlist .tinvwl-input-group .form-control {
height: 45px;
border-radius: 0px;
}
.dct_wishlist .tinv-wishlist form {
border: none;
border-radius: 0px;
}
.dct_wishlist .tinvwl-table-manage-list {
border: 0px  !important;
}
.dct_wishlist .tinvwl-table-manage-list tr th {
font-weight: 600;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: #202020!important;
}
.dct_wishlist .tinvwl-table-manage-list tr th {}
.dct_wishlist .tinvwl-table-manage-list tr td {
padding: 5px 15px;
}
.dct_wishlist .tinvwl-table-manage-list tr td,
.dct_wishlist .tinvwl-table-manage-list tr td a {
color: #202020;
transition: all 0.4s;
}
.dct_wishlist .tinvwl-table-manage-list tr td a:hover {
color: var(--color-1);
}
.dct_wishlist .tinvwl-table-manage-list tr td a img {
width: 50px;
padding: 5px;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.dct_wishlist .tinv-wishlist .product-action {}
.dct_wishlist .tinvwl-table-manage-list .button,
.dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input,
.dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button,
.dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward {
position: relative;
font-size: 15px !important;
border: none !important;
padding: 10px !important;
color: #fff !important;
border-radius: 0px !important;
background-color: var(--color-1) !important;
overflow: hidden;
z-index: 1 !important;
}
.dct_wishlist .tinvwl-table-manage-list button .tinvwl-txt {}
.dct_wishlist .tinvwl-table-manage-list .button:before,
.dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:before,
.dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:before,
.dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:before {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_wishlist .tinvwl-table-manage-list .button:hover:before,
.dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:hover:before,
.dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:hover:before,
.dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:hover:before {
transform: scale3d(1, 1, 1);
}
.dct_wishlist .tinvwl-table-manage-list .button:after,
.dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:after,
.dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:after,
.dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:after {
display: none !important;
}
.dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input,
.dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button,
.dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward {
background-color: var(--color-2) !important;
}
.dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:before,
.dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:before,
.dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:before {
background: var(--color-1);
}
.dct_wishlist .tinvwl-table-manage-list tbody .wishlist_item td.product-name a {}
.dct_wishlist .tinvwl-table-manage-list tbody .wishlist_item td.product-name a:hover {}
.dct_wishlist .tinv-wishlist .product-remove button {}
.dct_wishlist .tinv-wishlist .social-buttons {
margin-top: 10px;
}
.dct_wishlist .tinv-wishlist .social-buttons span {
font-size: 20px;
color: #202020;
}
.dct_wishlist .tinv-wishlist .social-buttons ul li .social {
position: relative;
overflow: hidden;
background-color: var(--color-2);
border-radius: 0px;
font-size: 16px;
color: #fff;
z-index: 1;
}
.dct_wishlist .tinv-wishlist .social-buttons ul li .social:before {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_wishlist .tinv-wishlist .social-buttons ul li .social:hover:before {
transform: scale3d(1, 1, 1);
}  .tinv-wishlist .tinv-modal-inner {
border-radius: 0px;
}
.tinv-wishlist .tinvwl_added_to_wishlist .tinv-cell .tinvwl-buttons-group .button {
background: var(--color-1);
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
height: 50px;
border-radius: 0px;
}
.tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button {
position: relative;
overflow: hidden;
color: #fff;
font-size: 15px !important;
background-color: var(--color-1) !important;
border: none !important;
border-radius: 0px !important;
padding: 12px 40px !important;
z-index: 1;
}
.tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:before {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:hover:before {
transform: scale3d(1, 1, 1);
}
.tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:after {
display: none !important;
}
.tinv-wishlist .tinv-modal .icon_big_heart_check,
.tinv-wishlist .tinv-modal .icon_big_times {
background-color: var(--color-2);
color: #fff;
padding: 15px;
font-size: 30px;
border-radius:0px ;
transition: all 0.4s;
}
.tinv-wishlist .tinv-modal .icon_big_heart_check:hover, .tinv-wishlist .tinv-modal .icon_big_times:hover {
background-color: var(--color-1);
} .et_pb_wc_add_to_cart .cart {
display: flex;
flex-wrap: wrap;
}  .yith-wcqv-main {
scrollbar-width: thin;
} .yith-wcqv-main .quantity input.qty {
background: transparent;
border: 1px solid #e6e6e6;
width: 5.3em;
padding: 12px 5px !important;
border-radius:5px;
} #yith-quick-view-content .summary-content .cart {
display: flex;
flex-wrap: wrap;
}
.yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button {
position: relative;
margin: 0px 0px 0px 5px !important;
padding: 13px 0px;
width: 50px;
font-size: 0px;
border-radius: 0px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-2);
overflow: hidden;
z-index: 1;
}
.yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button:before {
margin: 0;
font-size: 25px;
}
.yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button:hover:after {
transform: scale3d(1, 1, 1);
}
@media only screen and (max-width : 480px) { 
.single.single-product  .tinvwl_add_to_wishlist_button { margin-left: 0px !important;margin-top:10px !important;}
} #yith-quick-view-content .cart table.group_table tbody {
display: flex;
flex-wrap: wrap;
}
#yith-quick-view-content .cart table.group_table .woocommerce-grouped-product-list-item__label a {
font-size: 16px;
color: var(--color-1);
}
#yith-quick-view-content .cart table.group_table tbody tr {
width: 100%;
}
#yith-quick-view-content .cart table.group_table .woocommerce-grouped-product-list-item__label, #yith-quick-view-content div.product form.cart .group_table td {
vertical-align: inherit;
}
#yith-quick-view-content .cart table.group_table .woocommerce-grouped-product-list-item__price bdi {
font-size: 20px;
color: var(--color-2);
}
#yith-quick-view-content .woocommerce .quantity input.qty {
width: 80px;
} #yith-quick-view-close {
background: var(--color-1);
opacity: 1;
width: 40px;
height: 40px;
line-height: 35px;
font-size: 20px;
color: #fff;
border-radius: 0px;
top: 15px;
right: 15px;
}
#yith-quick-view-close:hover {
background: var(--color-2);
color:#fff;
} .yith-wcqv-main .product span.onsale {
background: var(--color-1 ) !important;
left: 0 !important;
border-radius: 0 !important;
font-size: 16px;
} .yith-wcqv-main p.price {
padding-bottom: 13px;
}
.yith-wcqv-main p.price .woocommerce-Price-amount bdi, .yith-wcqv-main p.price {
color: var(--color-2) !important;
}
.yith-wcqv-main .woocommerce .star-rating span::before, .yith-wcqv-main .woocommerce-page .star-rating span::before {
color: var(--color-2);
} .yith-wcqv-main .woocommerce-product-details__short-description {
font-size: 15px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.2px;
}
.yith-wcqv-main .posted_in a, .yith-wcqv-main .tagged_as a {
color: var(--color-1);
} .yith-wcqv-main .summary-content .product_title.entry-title {
font-size: 24px;
font-weight: 600;
color: var(--color-1);
margin-bottom: 10px;
} .yith-wcqv-wrapper .cart .button {
background: var(--color-1) !important;
color: #fff !important;
border: 3px solid var(--color-1) !important;
transition: .2s ease-in-out;
padding:5px 30px !important;
font-size: 18px !important;
height: 50px;
}
.yith-wcqv-wrapper .cart .button:hover {
background: #fff !important;
color: var(--color-1) !important;
transform: scale(1.02);
border: 3px solid var(--color-1) !important;
transition: .2s ease-in-out;
transition-property: all;
padding:5px 30px !important;
}
.yith-wcqv-wrapper .cart .button:after {
display: none;
} #yith-quick-view-content .variations_form .reset_variations {
color: #fff;
font-size: 13px;
display: inline-block;
margin-top: 18px;
background: var(--color-1);
padding: 3px 7px;
font-weight: 400;
}
#yith-quick-view-content .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
display: flex;
flex-wrap: wrap;
}
#yith-quick-view-content .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .woocommerce-Price-amount bdi {
color: var(--color-1);
font-size: 20px;
margin-bottom: 26px;
display: block;
} .woofc-count span {
background-color: var(--color-2) !important;
border-radius: 0px;
}  .px_wc_cart_process_sec {}
.px_wc_cart_process_sec .px_wc_cart_process_blurb {
width: fit-content !important;
}
.px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image {
margin-bottom: 20px;
}
.px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
position: relative;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
border: 1px solid var(--color-1);
outline: 1px solid var(--color-1);
outline-offset: -5px;
transition: all 0.4s;
z-index: -1;
}
.px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: var(--color-1);
border: 1px solid var(--color-1);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.px_wc_cart_process_sec .px_wc_cart_process_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap:after,
.px_wc_cart_process_sec .px_wc_cart_process_blurb_ac .et_pb_main_blurb_image .et_pb_image_wrap:after {
transform: scale3d(1, 1, 1);
}
.px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: var(--color-1);
transition: 600ms ease;
}
.px_wc_cart_process_sec .px_wc_cart_process_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.px_wc_cart_process_sec .px_wc_cart_process_blurb_ac .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: #fff;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.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-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://chipbox.co.za/wp-content/themes/diviwatchstore/assets/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://chipbox.co.za/wp-content/themes/diviwatchstore/assets/css/fonts/slick.eot);
src: url(https://chipbox.co.za/wp-content/themes/diviwatchstore/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://chipbox.co.za/wp-content/themes/diviwatchstore/assets/css/fonts/slick.woff) format('woff'), url(https://chipbox.co.za/wp-content/themes/diviwatchstore/assets/css/fonts/slick.ttf) format('truetype'), url(https://chipbox.co.za/wp-content/themes/diviwatchstore/assets/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}input[type=radio],
input[type=checkbox] {
accent-color: var(--color-2);
} @media only screen and (max-width:980px){
.dct_reverse_row,
.dct_reverse_row .et_pb_row{
display:flex;
flex-direction:column-reverse;
}
.dct_reverse_row .dct_reverse_col{
order:1;
margin-bottom:30px !important;
}
} .dct_sub_title {
margin-bottom: 15px !important;
}
.dct_sub_title .et_pb_text_inner {
position: relative;
color: var(--color-1);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
padding-bottom: 15px;
}
.dct_sub_title .et_pb_text_inner:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 5px;
width: 85px;
border: 1px solid var(--color-1);
}
.dct_sub_title .et_pb_text_inner:after {
content: "\5d";
position: absolute;
font-family: 'ETmodules';
bottom: -4px;
left: 0;
right: 0;
font-size: 15px;
color: var(--color-1);
line-height: 1;
margin: auto;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
}
.dct_sub_title.dct_sub_title_left .et_pb_text_inner:before {
left: 0;
right: auto;
margin: 0;
}
.dct_sub_title.dct_sub_title_left .et_pb_text_inner:after {
left: 35px;
right: auto;
margin: 0;
}
.dct_title .et_pb_text_inner h2 {
font-size: 50px;
line-height: 60px;
color: var(--color-2);
text-transform: uppercase;
}
@media only screen and (max-width :980px) {
.dct_title .et_pb_text_inner h2 {font-size: 35px; line-height:45px;}
}
@media only screen and (max-width :480px) {
.dct_title .et_pb_text_inner h2 {font-size: 25px; line-height:35px;}
} .dct_cart_menu .et_pb_menu__menu ul.et-menu li,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li,
.dct_cart_menu .et_pb_menu__menu ul.et-menu,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu {
margin: 0px;
padding: 0px 3px;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a {
position: relative;
height: 40px;
width: 40px;
overflow: hidden;
border: 1px solid;
font-size: 0px;
padding: 0;
opacity: 1;
z-index: 1;
transition: 600ms ease;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover {
border-color: var(--color-1);
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a:after,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover:after,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover:after {
transform: scale3d(1, 1, 1);
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li.dct_my_account a:before,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li.dct_my_account a:before { content: "\e08a";
font-family: "ETmodules";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff !important;
z-index: 0;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a .wishlist_products_counter,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a .wishlist_products_counter {
display: block;
height: 100%;
width: 100%;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a .wishlist_products_counter:before,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a .wishlist_products_counter:before {
height: inherit;
width: inherit;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a .woofc-menu-item-inner,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a .woofc-menu-item-inner {
position: relative;
display: block;
height: 100%;
width: 100%;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a .woofc-menu-item-inner i,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a .woofc-menu-item-inner i {
height: inherit;
width: inherit;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a .wishlist_products_counter_number:empty  {background-color:transparent !important;}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a .wishlist_products_counter_number,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a .wishlist_products_counter_number,
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a .woofc-menu-item-inner:after,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a .woofc-menu-item-inner:after {
position: absolute;
top: 0;
right: 0;
left: auto;
width: 15px;
height: 15px;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0;
background-color: var(--color-1);
transition: 600ms ease;
color: #fff;
}
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover .wishlist_products_counter_number,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover .wishlist_products_counter_number,
.dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover .woofc-menu-item-inner:after,
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover .woofc-menu-item-inner:after {
background-color: #fff;
color: var(--color-2);
}
@media only screen and (max-width : 980px) {
.et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu {
display: block;
}
.et-db #et-boc .et-l .dct_cart_menu .et_mobile_nav_menu {
display: none;
}
}  .dct_product_cat_menu .et_pb_menu__wrap ul.et-menu,
.et-db #et-boc .et-l .dct_product_cat_menu .et_pb_menu__wrap ul.et-menu {
margin: 0;
}
.dct_product_cat_menu .et_pb_menu__wrap ul.et-menu>li,
.et-db #et-boc .et-l .dct_product_cat_menu .et_pb_menu__wrap ul.et-menu>li {
background-color: var(--color-1);
}
.dct_product_cat_menu .et_pb_menu__wrap ul.et-menu>li a:after,
.et-db #et-boc .et-l .dct_product_cat_menu .et_pb_menu__wrap ul.et-menu>li a:after {
display: none !important;
}
.dct_product_cat_menu .et_pb_menu__wrap ul.et-menu>li ul,
.et-db #et-boc .et-l .dct_product_cat_menu .et_pb_menu__wrap ul.et-menu>li ul {
width: 100%;
} .dgwt-wcas-overlay-mobile {background:transparent;}
.dgwt-wcas-overlay-mobile .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {border-radius:0px;}
.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar button.dgwt-wcas-om-return {background: var(--color-2);}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
height: 45px !important;
}   .dct_slider_v1 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image {
right: 0;
margin-right: 0;
}
.dct_slider_v1 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description {
text-shadow: none;
float: left;
padding-left: 0;
padding-right: 0;
}
.dct_slider_v1 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
color: var(--color-1) !important;
margin-bottom: 10px;
display: inline-block;
}
.dct_slider_v1 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
font-size: 55px;
line-height: 1.2;
text-transform: uppercase;
}
.dct_slider_v1 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button {
display: inline-block;
background: var(--color-1);
position: relative;
z-index: 10;
overflow: hidden;
}
.dct_slider_v1 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_slider_v1 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover:after {
transform: scale3d(1, 1, 1);
}
.dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next::before,
.dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev::before {
color: #fff;
display: inline-block;
width: 50px;
height: 50px;
line-height: 53px;
text-align: center;
}
.dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next::before {
content: "\24";
}
.dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev::before {
content: "\23";
}
.dct_slider_v1 .et-pb-controllers a {
background: #666;
text-indent: 999999px;
border-radius: 0px;
color: transparent;
width: 15px;
height: 15px;
}
.dct_slider_v1 .et-pb-controllers .et-pb-active-control {
background-color: var(--color-1);
}
.dct_slider_v1 .et-pb-slider-arrows a {
background-color: var(--color-1);
font-size: 30px;
overflow: hidden;
z-index: 1;
}
.dct_slider_v1 .et-pb-slider-arrows a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: var(--color-2);
border: 1px solid var(--color-2);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_slider_v1 .et-pb-slider-arrows a:hover:after {
transform: scale3d(1, 1, 1);
}
@media only screen and (max-width :480px) {
.dct_slider_v1 .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
font-size: 35px;
line-height:40px;
}
.dct_slider_v1 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span.dct_text1 {
font-size: 20px;
}
.dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next::before,
.dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev::before {
width: 40px;
height: 40px;
line-height: 42px;
}
}
@media only screen and (max-width :767px) {
.dct_slider_v1:hover .et-pb-arrow-prev {
left: 10px;
}
.dct_slider_v1:hover .et-pb-arrow-next {
right: 10px;
}
}
@media only screen and (max-width :768px) {
.dct_slider_v1 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content .dct_text2 {
font-size: 30px;
}
} .dct_slider_v2 .et_pb_slide_description .et_pb_slide_title a:before {
left: 24px;
right: 28px;
padding: 43px 0;
position: absolute;
content: "";
z-index: -1;
left: 30%;
top: 30%;
bottom: auto;
right: 30%;
border-width: 8px 8px 0;
border-style: solid;
padding: 30px 0;
border-color: #fff;
}
.dct_slider_v2 .et_pb_slide_description .et_pb_slide_title a:after {
left: 24px;
right: 28px;
padding: 180px 0;
bottom: 97px;
position: absolute;
content: "";
z-index: -1;
left: 30%;
top: auto;
bottom: 30%;
right: 30%;
border-width: 0 8px 8px;
border-style: solid;
padding: 30px 0;
border-color: #fff;
}
@media only screen and (max-width: 980px) {
.dct_slider_v2 .et_pb_slide_description .et_pb_slide_title a::after {
left: 10px;
bottom: 10px;
right: 10px;
}
.dct_slider_v2 .et_pb_slide_description .et_pb_slide_title a::before {
left: 10px;
top: 10px;
right: 10px;
}
.dct_slider_v2 .et-pb-controllers {
padding-top: 50px;
}
.dct_slider_v2 .et_pb_slides .et_pb_slider_container_inner {
padding: 15px;
}
} .dct_slider_v3 .et_pb_slide_description .et_pb_slide_title:before {
content: '';
position: absolute;
left: -32px;
top: 0;
bottom: 0;
margin: auto;
border-bottom: 2px dotted;
width: 22px;
height: 2px
}
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_title:after {
content: '';
position: absolute;
right: -32px;
top: 0;
bottom: 0;
margin: auto;
border-bottom: 2px dotted;
width: 22px;
height: 2px
}
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content span.dct_text1 {
text-transform: uppercase;
font-size: 80px;
line-height: 100px
}
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content p {
padding-bottom: 0;
}
.dct_slider_v3 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button {
display: inline-block;
background: var(--color-1);
position: relative;
z-index: 10;
overflow: hidden;
text-transform:capitalize;
}
.dct_slider_v3 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_slider_v3 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover:after {
transform: scale3d(1, 1, 1);
}
@media only screen and (max-width: 480px) {
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content span.dct_text1 {
font-size: 40px;
line-height: 50px;
}
} .dct_slider_v4 .et_pb_slide_description .et_pb_slide_content span.dct_text1 {
font-size: 20px;
display: block;
padding-bottom: 10px;
text-transform: uppercase
}
.dct_slider_v4 .et_pb_slide_description .et_pb_slide_content span.dct_text2 {
font-size: 45px;
line-height: 60px;
font-weight: 700;
text-transform: uppercase
}
.dct_slider_v4 .et_pb_slide_description .et_pb_slide_content p {
font-weight: 300;
padding-bottom: 5px;
max-width: 650px;
}
.dct_slider_v4 .et_pb_slide_description .et_pb_button_wrapper {
margin-top: 20px
}
.dct_slider_v4 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button {
overflow: hidden;
}
.dct_slider_v4 .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:after {
content: "";
position: absolute;
display: block !important;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover:after {
transform: scale3d(1, 1, 1) !important;
}
.dct_slider_v4.et_pb_slider .et-pb-controllers a {
text-indent: 0 !important;
width: auto;
height: auto;
color: #fff;
background-color: transparent !important;
position: relative;
margin-right: 0;
line-height: normal;
padding: 20px;
font-weight: 900;
font-size: 15px;
transition: all .3s ease;
overflow: hidden;
opacity: .75
}
.dct_slider_v4.et_pb_slider .et-pb-controllers a::after {
content: "";
width: 35px !important;
height: 2px;
left: 5px;
border-radius: 150px;
background-color: var(--color-1);
-webkit-transition: width .3s ease;
transition: width .3s ease;
display: inline-block;
position: relative;
top: -4px;
z-index: -1
}
.dct_slider_v4.et_pb_slider .et-pb-controllers a.et-pb-active-control::after {
width: 60px !important
}
.dct_slider_v4.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev::before {
content: "#";
font-size: 30px;
margin-top: -15px
}
.dct_slider_v4.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next::before {
content: "$";
font-size: 30px;
margin-top: -15px
}
.dct_slider_v4.et_pb_slider:hover .et-pb-arrow-next,
.dct_slider_v4.et_pb_slider:hover .et-pb-arrow-prev {
background: var(--color-1);
padding: 10px;
}
.dct_slider_v4.et_pb_slider:hover .et-pb-arrow-prev {
left: 0
}
.dct_slider_v4.et_pb_slider:hover .et-pb-arrow-next {
right: 0
}
@media only screen and (max-width: 766px) {
.dct_slider_v4 .et_pb_slide_description .et_pb_slide_content span.dct_text2 {
font-size: 30px;
line-height: 40px;
}
} #dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_main_blurb_image:before {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.7);
background-clip: border-box;
border: 10px solid rgba(0, 0, 0, 0.5);
top: -50%;
left: 40%;
background-clip: content-box;
width: 100%;
height: 200%;
border-radius: 50%;
z-index: 1;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
#dct_home_v5 .dct_left:hover .et_pb_blurb_content .et_pb_main_blurb_image:before {
left: -50% !important;
right: -50% !important;
width: 200%;
background: rgba(0, 0, 0, 0.3);
}
#dct_home_v5 .dct_left.ring .et_pb_blurb_content .et_pb_main_blurb_image:before {
right: 40%;
left: auto;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { opacity: 0;
} #dct_home_v5 .dct_left.ring .et_pb_blurb_content .et_pb_blurb_container {
left: 0;
right: auto;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container {
position: absolute;
top: 0;
bottom: 0;
text-align: center;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: center;
-webkit-align-items: center;
display: -ms-flex;
-ms-flex-direction: column;
-ms-justify-content: center;
-ms-align-items: center;
z-index: 2;
right: 0;
left: auto;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before {
position: absolute;
width: 30px;
height: 1px;
content: "";
background: var(--color-1);
top: 0;
left: 50%;
margin: 0 -15px;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a {
display: inline-block;
font-size: 18px;
width: 30px;
height: 30px;
border-radius: 50%;
color: #fff;
line-height: 30px;
background: var(--color-1);
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:before {
content: "\24";
font-family: ETmodules !important;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p a:hover {
background: #000;
}
@media only screen and (max-width : 980px) {
#dct_home_v5 .et_pb_text .et_pb_text_inner h1 {
font-size: 50px;
}
#dct_home_v5 .dct_btn {
top: 0;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3 {
padding-top: 0;
margin-bottom: 0;
font-size: 20px;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p {
margin-bottom: 0;
font-size: 15px;
}
#dct_home_v5 .dct_left .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3::before {
left: 50%;
top: -5px;
}
}
@media only screen and (max-width : 480px) {
.dct_m_row {
width: 100%;
}
}  .dct_hdr_social li {
margin-bottom: 0;
}
.dct_hdr_social li a.icon {
width: 20px;
}
.dct_hdr_social li a.icon:before {
width: 20px;
font-size: 14px;
height: 0;
line-height: 38px;
}
.dct_hdr_social li a.icon:hover:before {
color: var(--color-1);
}
.et-db #et-boc .et-l .dct_hdr_v1 .et-menu li li.menu-item-has-children>a:after {
top: 0px;
}
.et-db #et-boc .et-l .dct_hdr_v1 ul li {
margin-top: 0 !important;
padding: 0 5px !important;
display: block;
}
.et-db #et-boc .et-l .dct_hdr_v1 ul li a {
display: block;
width: 100%;
padding: 0 10px;
padding-bottom: 0 !important;
line-height: 60px;
color: var(--color-2);
opacity: 1 !important;
}
.dct_hdr_v1.et_pb_menu ul.et-menu li a:after,
.et-db #et-boc .et-l .dct_hdr_v1.et_pb_menu ul.et-menu li a:after {
transform: none;
right: auto;
top: unset !important;
}
.dct_hdr_v1.et_pb_menu ul.et-menu li.mega-menu>ul:after,
.et-db #et-boc .et-l .dct_hdr_v1.et_pb_menu ul.et-menu li.mega-menu>ul:after {
display: none;
}
.dct_hdr_v1.et_pb_menu ul.et-menu li.mega-menu>ul,
.et-db #et-boc .et-l .dct_hdr_v1.et_pb_menu ul.et-menu li.mega-menu>ul {
min-width:800px;
}
.et-db #et-boc .et-l .dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a {
line-height: 35px;
padding: 5px 7px !important;
}
.et-db #et-boc .et-l .dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu {
padding: 0px;
border: none;
box-shadow: 0px 2px 20px #00000030;
}
nav>ul>li>ul:after {
position: absolute;
left: 20%;
margin-left: -20px;
top: -14px;
width: 0;
height: 0;
content: '';
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #fff;
}
.nav li li ul {
top: -3px;
}
.et-db #et-boc .et-l .dct_hdr_v1 a.et_pb_menu__icon.et_pb_menu__cart-button {
margin: 0;
}
.et-db #et-boc .et-l .dct_hdr_v1 .et_pb_menu__icon.et_pb_menu__search-button::after,
.et-db #et-boc .et-l .dct_hdr_v1 a.et_pb_menu__icon.et_pb_menu__cart-button::after {
border-radius: 0px;
color: var(--color-2);
width: 35px;
height: 35px;
display: block;
text-align: center;
line-height: 35px;
font-size: 15px;
border: 1px solid var(--color-1);
}
.et-db #et-boc .et-l .dct_hdr_v1 a.et_pb_menu__icon.et_pb_menu__cart-button::after {
background: var(--color-1);
}
.et-db #et-boc .et-l .dct_hdr_v1.et_pb_menu .et_pb_menu__search-input {
border: 1px solid var(--color-1) !important;
border-radius: 30px;
padding: 10px;
}
.et-db #et-boc .et-l .dct_hdr_v1.et_pb_menu .et_mobile_menu {
position: absolute;
z-index: 1111;
}
.et-db #et-boc .et-l .dct_hdr_v1 a.et_pb_menu__icon.et_pb_menu__cart-button {
display: inline-block;
position: absolute;
right: 65px;
top: 15px;
} @media (max-width: 980px) {
.et-db #et-boc .et-l .dct_hdr_v1 a.et_pb_menu__icon.et_pb_menu__cart-button,
.et-db #et-boc .et-l .dct_hdr_v1.et_pb_menu .et_pb_menu__icon.et_pb_menu__search-button {
position: unset;
}
.et-db #et-boc .et-l .dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu {
box-shadow: unset;
}
.et-db #et-boc .et-l .dct_hdr_v1 .et_pb_menu__wrap .et_pb_menu__icon::after {
color: var(--color-1);
border: 1px solid #e6e6e6;
border-radius: 0px;
}
} .et-db #et-boc .et-l .dct_hdr_v1.bg .et_mobile_menu li a {
color: #000 !important;
}
.et-db #et-boc .et-l .dct_hdr_v1.bg a.et_pb_menu__icon.et_pb_menu__cart-button::after {
background: #fff;
color: var(--color-1)
} #dct_abt_v4 .et_pb_text .et_pb_text_inner p {
font-size: 14px;
line-height: 22px;
color: #fff;
font-weight: 300;
}
#dct_abt_v4 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
margin-bottom: 55px;
height: 60px;
}
#dct_abt_v4 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3 {
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
line-height: 28px;
color: #fff;
}
#dct_abt_v4 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3 span {
text-transform: capitalize;
font-weight: 300;
color: #999;
font-size: 14px;
line-height: 28px;
}
#dct_abt_v4 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
text-align: center;
border: 3px solid #3a3a3a;
padding: 10px;
background: #fff;
transition: all 0.4s;
}
#dct_abt_v4 .et_pb_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: var(--color-1);
}
@media only screen and (max-width :480px) {
#dct_abt_v4 .et_pb_text .et_pb_text_inner {
padding: 20px;
}
} #dct_intro_v1 .dct_hover .et_pb_promo .et_pb_button_wrapper {
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transition: transform 0.7s ease 0s;
-moz-transition: transform 0.7s ease 0s;
-webkit-transition: transform 0.7s ease 0s;
-o-transition: transform 0.7s ease 0s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
text-align: center;
}
#dct_intro_v1 .dct_hover:hover .et_pb_promo .et_pb_button_wrapper {
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
}
#dct_intro_v1 .dct_hover .et_pb_promo .et_pb_button_wrapper .et_pb_button:after,
#dct_intro_v1 .dct_hover .et_pb_promo .et_pb_button_wrapper .et_pb_button:before {
content: '';
position: absolute;
top: 0;
left: 25px;
width: 4px;
height: 100%;
background: var(--color-2);
opacity: 1;
visibility: visibile;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#dct_intro_v1 .dct_hover .et_pb_promo .et_pb_button_wrapper .et_pb_button:after {
left: 100%;
width: 0;
height: 0;
border-width: 20px 0 25px 20px;
background: 0 0;
border-style: solid;
opacity: 1;
margin-left: 0;
border-color: transparent transparent transparent var(--color-2);
} #dct_int_hover {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#dct_int_hover:hover .dct_intro_v3 {
transform: scale(1);
}
.dct_intro_v3 .et_pb_button_wrapper .et_pb_button {}
.dct_intro_v3 .et_pb_button {
display: inline-block;
background: var(--color-1);
position: relative;
z-index: 10;
overflow: hidden;
text-transform:capitalize;
}
.dct_intro_v3 .et_pb_button:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_intro_v3 .et_pb_button:hover:after {
transform: scale3d(1, 1, 1);
}
#dct_block_hover:hover .dct_block_full {
background: #fbf6f0;
top: 0;
left: 0;
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
position: absolute;
transition: all .35s ease 0s;
-moz-transition: all .35s ease 0s;
-webkit-transition: all .35s ease 0s;
-ms-transition: all .35s ease 0s;
-o-transition: all .35s ease 0s;
}
.dct_block_full .et_pb_promo_description .et_pb_module_header:before {
border-bottom: 1px solid var(--color-1);
bottom: 0;
content: "";
display: block;
margin: 0 auto;
position: absolute;
text-align: left;
width: 34px;
}
.dct_block_full .et_pb_promo_description h6 {
color: #201c18 !important;
padding-top: 15px;
font-weight: 400;
font-size: 15px;
line-height: 25px;
}
@media only screen and (max-width : 980px) {
.dct_img_1 {
display: block !important;
min-height: 100% !important;
}
}
@media only screen and (max-width : 480px) {
#dct_block_hover,
.dct_img_1 {
padding-top: 50% !important;
padding-bottom: 60% !important;
}
}
@media only screen and (min-width: 560px) and (max-width: 768px) {
#dct_block_hover:hover .dct_block_full {
top: -40px;
}
} #dct_intro_v4 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: var(--color-1);
} .dct_cdt_v1 .et_pb_countdown_timer_container .section p.value {
opacity: 1;
}
.dct_cdt_v1 .et_pb_countdown_timer_container .sep {
display: none;
}
.dct_cdt_v1 .et_pb_countdown_timer_container {
position: relative;
}
.dct_cdt_v1 .et_pb_countdown_timer_container:before {
content: "";
position: absolute;
}
.dct_cdt_v1 .et_pb_countdown_timer_container .section {}
.dct_cdt_v1 .et_pb_countdown_timer_container .section .value {
display: flex;
justify-content: center;
align-items: center;
height: 70px;
width: 70px;
min-width: unset;
border:1px solid #fff;
margin: auto auto 15px auto !important;
}
.dct_cdt_v1 .et_pb_countdown_timer_container .section p.label {}
@media only screen and (max-width : 680px) {
.dct_cdt_v1 .et_pb_countdown_timer_container .section.values {
margin: 0px 5px !important;
width: auto;
}
} #dct_cdt_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
position: relative;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
z-index: 1;
}
#dct_cdt_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: var(--color-1);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
#dct_cdt_v2 .et_pb_blurb .et_pb_blurb_content:hover .et_pb_main_blurb_image .et_pb_image_wrap:before {
transform: scale3d(1, 1, 1);
}
#dct_cdt_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: var(--color-2);
transition: 600ms ease;
}
#dct_cdt_v2 .et_pb_blurb .et_pb_blurb_content:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: #fff;
}
#dct_cdt_v2 .et_pb_countdown_timer .sep {
display: none;
}
#dct_cdt_v2 .et_pb_countdown_timer .et_pb_countdown_timer_container .section .value {
position: relative;
margin:auto;
background:#fff;
width:100px;
height:100px;
line-height:110px;
min-width: unset;
}
#dct_cdt_v2 .et_pb_countdown_timer .et_pb_countdown_timer_container .section .value:after {
content: "";
width: 100%;
height: 100%;
background: var(--color-1);
position: absolute;
top: 10px;
left: 10px;
z-index: -1;
transition: all 0.5s ease 0s;
}
#dct_cdt_v2 .et_pb_countdown_timer .et_pb_countdown_timer_container .section:hover .value:after {
top: 0;
left: 0;
}
#dct_cdt_v2 .et_pb_countdown_timer .et_pb_countdown_timer_container .section .value {
margin-top: 20px;
opacity: 1;
color: var(--color-2);
}
#dct_cdt_v2 .et_pb_countdown_timer .et_pb_countdown_timer_container .section .label {
margin-top: 20px;
opacity: 1;
}
@media only screen and (max-width : 1299px) {
#dct_cdt_v2 .et_pb_countdown_timer .et_pb_countdown_timer_container .section {
margin-bottom: 50px;
}
} .dct_testi_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:before {
content: '';
position: absolute;
left: -32px;
top: 0;
bottom: 0;
margin: auto;
border-bottom: 2px dotted;
width: 22px;
height: 2px;
}
.dct_testi_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:after {
content: '';
position: absolute;
right: -32px;
top: 0;
bottom: 0;
margin: auto;
border-bottom: 2px dotted;
width: 22px;
height: 2px;
}
.dct_testi_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p {
padding: 0 40px 8px;
}
.dct_testi_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img {
object-fit: cover;
}
.dct_testi_v1:hover .et-pb-arrow-prev {
left: 0;
}
.dct_testi_v1:hover .et-pb-arrow-next {
right: 0;
}
@media only screen and (max-width: 980px) {
.dct_testi_v1 .et-pb-arrow-prev {
left: 0;
}
.dct_testi_v1 .et-pb-arrow-next {
right: 0;
}
} .dct_testi_v2 .et_pb_testimonial_portrait {
border: 1px solid var(--color-1);
transition: 600ms ease;
}
.dct_testi_v2:hover .et_pb_testimonial_portrait {
border-color: var(--color-2);
}
.dct_testi_v2 .et_pb_testimonial_portrait:before {
box-shadow: none;
}
.dct_testi_v2 .et_pb_testimonial_description {
z-index: 1;
}
.dct_testi_v2 .et_pb_testimonial_description:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: var(--color-2);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_testi_v2:hover .et_pb_testimonial_description:before {
transform: scale3d(1, 1, 1);
}
.dct_testi_v2 .et_pb_testimonial_description:after {
content: "";
border-bottom: 20px solid var(--color-1);
border-left: 20px solid transparent;
border-right: 20px solid transparent;
position: absolute;
top: -20px;
left: 0;
right: 0;
width: fit-content;
margin: auto;
transition: 600ms ease;
}
.dct_testi_v2:hover .et_pb_testimonial_description:after {
border-bottom-color: var(--color-2);
}
@media only screen and (min-width:481px) and (max-width:768px) {
.dct_testi_v2 .et_pb_testimonial_description .et_pb_testimonial_description_inner::before {
left: 47%;
}
}
@media only screen and (min-width:769px) and (max-width:980px) {
.dct_testi_v2 .et_pb_testimonial_description .et_pb_testimonial_description_inner::before {
left: 48%;
}
} .dct_faq_v1 .et_pb_toggle:before {
content: "";
display: block;
height: 100%;
border: 1px solid #999;
top: 25px;
left: 20px;
position: absolute;
}
.dct_faq_v1 .et_pb_toggle:last-child:before {
display: none;
}
.dct_faq_v1 .et_pb_toggle_close h5::before,
.dct_faq_v1 .et_pb_toggle h5:before {
font-size: 30px;
right: auto;
left: 0;
margin: 0;
top: 0;
}
.dct_faq_v1 .et_pb_toggle_title::before {
padding: 5px;
background: var(--color-1);
color: #fff !important;
font-weight: 400;
}
.dct_faq_v1 .et_pb_toggle_close h5:before {
content: 'L';
}
.dct_faq_v1 .et_pb_toggle_open h5:before {
content: "K" !important;
display: block !important;
}
.dct_faq_v1 .et_pb_toggle_open h5 {
color: var(--color-1) !important;
}  .dct_team_v1 {
position: relative;
overflow: hidden;
z-index: 1;
}
.dct_team_v1:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: var(--color-1);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_team_v1:hover:before {
transform: scale3d(1, 1, 1);
}
.dct_team_v1 .et_pb_team_member_image {
margin: 0;
width: 100%;
max-width: 100%;
}
.dct_team_v1 .et_pb_team_member_image img {
width: 100%;
max-width: 100%;
}
.dct_team_v1 .et_pb_team_member_description {
padding: 25px 10px;
position: relative;
}
.dct_team_v1 .et_pb_team_member_description .et_pb_module_header {
color: #202020;
padding-bottom: 15px;
transition: 600ms ease;
}
.dct_team_v1:hover .et_pb_team_member_description .et_pb_module_header {
color: #fff;
}
.dct_team_v1 .et_pb_team_member_description .et_pb_member_position {
color: var(--color-1);
transition: 600ms ease;
}
.dct_team_v1:hover .et_pb_team_member_description .et_pb_member_position {
color: rgba(255,255,255,0.83);
}
.dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
margin: 0px;
position: absolute;
top: -50px;
left: 0;
width: 100%;
text-align: center;
z-index: 9;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
}
.dct_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
transform: scale3d(1, 1, 1);
transition-delay: 0.3s;
}
.dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {
margin: 0px 5px;
}
.dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
height: 40px;
width: 40px;
position: relative;
background-color: var(--color-2);
overflow: hidden;
z-index: 1;
}
.dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:before {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
color: #fff;
}
.dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: var(--color-1);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover:after {
transform: scale3d(1, 1, 1);
} .dct_progressbar .et_pb_counter_container .et_pb_counter_amount:after,
.dct_progressbar .et_pb_counter_container .et_pb_counter_amount:before {
content: "";
width: 15px;
height: 15px;
background: #fff;
position: absolute;
top: -5px;
right: 10px;
}
.dct_progressbar .et_pb_counter_container .et_pb_counter_amount:after {
border: 4px solid #fff;
position: absolute;
right: -5px;
top: -8px;
}
.dct_progressbar .et_pb_counter_container .et_pb_counter_amount:after,
.dct_progressbar .et_pb_counter_container .et_pb_counter_amount:before {
outline: 4px solid var(--color-1);
}
.dct_progressbar .et_pb_counter_container .et_pb_counter_amount:after {
background: var(--color-1);
}
.dct_progressbar .et_pb_counter_container .et_pb_counter_amount .et_pb_counter_amount_number {
color: #fff;
position: absolute;
background: var(--color-2);
top: -44px;
right: 0;
}
@-webkit-keyframes animate-positive {
0% {
width: 0;
}
}
@keyframes animate-positive {
0% {
width: 0;
}
}
@media only screen and (max-width:980px) {
.dct_m_cnt_row.et_pb_row {
width: 100%;
padding: 0px;
}
}
@media only screen and (max-width:480px) {
.dct_progressbar .et_pb_counter_container .et_pb_counter_amount .et_pb_counter_amount_number {
bottom: 0;
left: 0;
top: auto;
right: auto;
}
}   .dct_hero_v1 .trending .et_pb_text_inner span.dct_text1 {
color: #fff;
display: inline-block;
font-size: 12px;
margin-bottom: 10px !important;
line-height: 1.2;
margin: 0;
font-weight: 500;
text-align: center;
text-transform: uppercase;
}
.dct_hero_v1 .trending .et_pb_text_inner span.dct_text2 {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
text-transform: uppercase;
font-size: 30px;
color: #ffffff !important;
letter-spacing: 0.8px;
text-align: center;
display: inline-block;
padding: 30px 0;
line-height: 1.2;
margin: 0;
font-weight: 400;
box-sizing: border-box;
}
.dct_hero_v1 .trending .et_pb_text_inner span.dct_text3 {
display: inline-block;
margin-top: 12px !important;
}
.dct_hero_v1 .content .et_pb_text_inner span.dct_text1 {
display: block;
margin-top: 30px;
line-height: 1.2;
font-weight: 700;
font-size: 24px;
color: #444 !important;
}
.dct_hero_v1 .content .et_pb_text_inner span.dct_text2 {
color: var(--color-1);
line-height: 1.2;
font-weight: 700;
font-size: 80px;
}
@media only screen and (min-width:280px) and (max-width:480px) {
.dct_hero_v1 {
border: 10px solid var(--color-1);
display: inline-block;
min-height: inherit;
position: relative;
text-transform: uppercase;
width: 100%;
}
.dct_hero_v1 .content .et_pb_text_inner {
float: none;
text-align: center;
}
.dct_hero_v1 .content .et_pb_text_inner span.dct_text2 {
font-size: 50px !important;
}
.dct_hero_v1 .content .et_pb_text_inner p {
font-size: 12px;
}
.dct_hero_v1 .content .et_pb_text_inner {
text-align: center !important;
}
.dct_hero_v1 {
border: 10px solid var(--color-1);
display: inline-block;
min-height: inherit;
position: relative;
text-transform: uppercase;
width: 100%;
}
}
@media only screen and (max-width :768px) {
.dct_hero_v1 .content .et_pb_text_inner {
text-align: right;
}
.dct_hero_v1 .content .et_pb_text_inner span.dct_text1 {
padding-right: 10px;
}
.dct_hero_v1 .content .et_pb_text_inner span.dct_text2 {
font-size: 70px;
}
.dct_hero_v1 .content .et_pb_text_inner p {
font-size: 15px;
padding-right: 10px;
}
}
@media only screen and (max-width :1099px) {
.dct_hero_v1 .et_pb_image {
display: none;
}
}
@media only screen and (min-width:1100px) and (max-width:1240px) {
.dct_hero_v1 .content .et_pb_text_inner p {
font-size: 15px;
}
.dct_hero_v1 .content .et_pb_text_inner span.dct_text2 {
font-size: 60px;
}
} .dct_hero_v3 .et_pb_blurb_content .et_pb_main_blurb_image {
margin-bottom: 0px;
display: block;
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
display: block;
overflow: hidden;
position: relative;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after,
.dct_hero_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
opacity: .5;
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
position: absolute;
top: 20px;
bottom: 20px;
left: 10px;
right: 10px;
content: "";
border-top: 1px solid rgba(255, 255, 255, .9);
border-bottom: 1px solid rgba(255, 255, 255, .9);
z-index: 1;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all .5s ease-out 0s;
-webkit-transition: all .5s ease-out 0s;
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
display: block;
width: 100%;
transition: all .5s ease-out 0s;
-webkit-transition: all .5s ease-out 0s;
}
.dct_hero_v3:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
position: absolute;
top: 10px;
bottom: 10px;
left: 20px;
right: 20px;
content: "";
border-left: 1px solid rgba(255, 255, 255, .9);
border-right: 1px solid rgba(255, 255, 255, .9);
z-index: 1;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all .5s ease-out 0s;
-webkit-transition: all .5s ease-out 0s;
}
.dct_hero_v3:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after,
.dct_hero_v3:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
transform: scale(1);
-webkit-transform: scale(1);
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_blurb_container {
padding: 20px;
left: 0;
position: absolute;
right: 0;
bottom: 0;
z-index: 9;
background: rgba(0,0,0,0.5);
margin: 30px;
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before {
position: absolute;
width: 30px;
height: 1px;
content: "";
background: var(--color-1);
bottom: 0;
left: 50%;
margin: 0 -17px;
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
display: inline-block;
}
.dct_hero_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:hover {
-webkit-animation-name: wobble-horizontal;
animation-name: wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
16.65% {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
-ms-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
} .dct_hero_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
display: block;
overflow: hidden;
position: relative;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after,
.dct_hero_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
opacity: .5;
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
position: absolute;
top: 20px;
bottom: 20px;
left: 10px;
right: 10px;
content: "";
border-top: 1px solid rgba(255, 255, 255, .9);
border-bottom: 1px solid rgba(255, 255, 255, .9);
z-index: 1;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all .5s ease-out 0s;
-webkit-transition: all .5s ease-out 0s;
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
filter: grayscale(1);
transition: filter .4s cubic-bezier(.455, .03, .515, .955);
display: block;
width: 100%;
display: block;
width: 100%;
transition: all .5s ease-out 0s;
-webkit-transition: all .5s ease-out 0s;
}
.dct_hero_v4:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
position: absolute;
top: 10px;
bottom: 10px;
left: 20px;
right: 20px;
content: "";
border-left: 1px solid rgba(255, 255, 255, .9);
border-right: 1px solid rgba(255, 255, 255, .9);
z-index: 1;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all .5s ease-out 0s;
-webkit-transition: all .5s ease-out 0s;
}
.dct_hero_v4:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after,
.dct_hero_v4:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
transform: scale(1);
-webkit-transform: scale(1);
}
.dct_hero_v4.top .et_pb_blurb_content .et_pb_main_blurb_image {
position: absolute;
}
.dct_hero_v4.top .et_pb_blurb_content .et_pb_blurb_container {
bottom: auto;
}
.dct_hero_v4.top .et_pb_blurb_content .et_pb_blurb_container:before {
content: "\43";
top: 100%;
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_blurb_container {
position: absolute;
background: var(--color-1);
padding: 10px 15px;
color: #fff;
text-align: center;
line-height: 20px;
bottom: 0;
width: 100%;
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_blurb_container:before {
content: "\42";
font-family: ETmodules !important;
font-size: 14px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
position: absolute;
top: -16px;
z-index: 1;
font-size: 65px;
margin-left: -10px;
color: var(--color-1);
text-align: center;
display: block;
left: 50%;
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header::before {
position: absolute;
width: 30px;
height: 1px;
content: "";
background: #fff;
top: 0;
left: 0;
margin: 0;
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a {
display: inline-block;
font-size: 18px;
width: 30px;
height: 30px;
border-radius: 50%;
color: #fff;
line-height: 30px;
background: var(--color-2);
}
.dct_hero_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a::before {
content: "\24";
text-align: center;
padding: 5px;
font-family: ETmodules !important;
} .dct_shipping_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
position: relative;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.dct_shipping_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
border: 1px solid;
outline: 1px solid;
outline-offset: -5px;
background-color: var(--color-1);
transition: all 0.4s;
z-index: -1;
}
.dct_shipping_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: var(--color-2);
border: 1px solid var(--color-2);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_shipping_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
transform: scale3d(1, 1, 1);
}
@media only screen and (max-width:399px) {
#dct_blurb .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
display: inline-block;
}
#dct_blurb .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
padding-left: 0;
font-size: 15px;
}
} #dct_special .dct_sales_cta .et_pb_text_inner {
border-color: var(--color-1) !important;
position: relative;
border: 3px solid;
width: 298px;
text-align: center;
display: inline-block;
height: 200px;
vertical-align: middle;
color: #444;
padding-top: 40px;
font-size: 14px;
}
#dct_special .dct_sales_cta .et_pb_text_inner span.dct_text1 {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.2px;
font-weight: 300;
}
#dct_special .dct_sales_cta .et_pb_text_inner span.dct_text2 {
margin-top: 10px;
display: inline-block;
width: 346px;
text-transform: uppercase;
font-size: 35px;
color: #262626 !important;
overflow: hidden;
background: #fff;
margin-left: -27px;
padding: 15px;
}
#dct_special .dct_sales_cta .et_pb_text_inner a {
border-color: #a07936;
border-width: 0;
color: #fff;
font-weight: 400;
background: var(--color-1);
width: 120px;
margin: 0 auto;
margin-bottom: 6px;
margin-top: 0;
text-transform: uppercase;
font-size: 12px;
height: 30px;
display: block;
line-height: 30px;
}
#dct_special .et_pb_image_wrap {
display: block;
line-height: 0;
position: relative;
max-width: 100%;
margin-bottom: 30px;
text-align: center;
line-height: 0;
}
#dct_special .et_pb_image_wrap:after,
#dct_special .et_pb_image_wrap:before {
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index: 9;
-webkit-transition: all .6s ease-out 0s;
-moz-transition: all .6s ease-out 0s;
transition: all .6s ease-out 0s;
}
#dct_special .et_pb_image_wrap:hover:before {
background-color: rgba(255, 255, 255, .2);
right: 50%;
left: 50%;
}
#dct_special .et_pb_image_wrap:hover:after {
background-color: rgba(255, 255, 255, .2);
top: 50%;
bottom: 50%;
}
@media only screen and (max-width :980px) {
#dct_special .dct_special_c1 {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
height: 100%;
box-shadow: none;
width: 100%;
}
#dct_special .dct_special_c2 {
float: none;
}
#dct_special .et_pb_text .et_pb_text_inner h1 {
font-size: 25px;
width: 100%;
}
#dct_special .et_pb_text .et_pb_text_inner {
width: 100%;
height: 200px;
}
} .dct_email_optin .et_pb_newsletter_form form {
position: relative;
}
.dct_email_optin .et_pb_newsletter_form,
.et-db #et-boc #dct_footer .et_pb_newsletter_form {
width: 100%;
float: none;
}
.dct_email_optin .et_pb_newsletter_button_wrap {
position: absolute;
top: 0;
right: 0;
}
.dct_email_optin #et_pb_signup_email {
box-shadow: 0 0 4px var(--color-1);
height: 50px;
border: 2px solid #ebebeb;
color: #a7a7a7;
}
@media only screen and (max-width: 768px) {
.dct_email_optin .et_pb_newsletter_description {
margin-bottom: 0px !important;
}
.dct_email_optin .et_pb_newsletter_button_wrap {
position: relative;
top: 0;
left: 0;
}
} #dct_contact .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
transform: rotate(-45deg);
padding: 10px;
text-align: center;
}
#dct_contact .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
position: relative;
padding-left: 35px;
}
#dct_contact .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container:before {
position: absolute;
width: 30px;
height: 1px;
content: "";
background: var(--color-1);
top: -10px;
left: 35px;
}
.dct_contact_us .et_contact_bottom_container {
float: left;
padding-left: 5px;
}
.dct_contact_us .et_contact_bottom_container .et_pb_button {
display: inline-block;
background: var(--color-1);
position: relative;
z-index: 10;
overflow: hidden;
}
.dct_contact_us  .et_contact_bottom_container .et_pb_button:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_contact_us .et_contact_bottom_container .et_pb_button:hover:after {
transform: scale3d(1, 1, 1);
} #dct_footer .dct_ft_blrb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: var(--color-1);
transition: all .6s ease 0s;
display: block;
-webkit-transition: all .6s ease 0s;
-moz-transition: all .6s ease 0s;
-ms-transition: all .6s ease 0s;
-o-transition: all .6s ease 0s;
}
.dct_ft_blrb .et_pb_blurb_content .et_pb_blurb_container {
vertical-align: baseline;
}
.dct_ft_blrb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
transition: all .6s ease 0s;
-webkit-transition: all .6s ease 0s;
-moz-transition: all .6s ease 0s;
-ms-transition: all .6s ease 0s;
-o-transition: all .6s ease 0s;
}
.dct_ft_blrb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
color: var(--color-1);
}
#dct_footer .woocommerce ul.products li.product .button {
display: none;
}
#dct_footer .woocommerce ul.products li {
margin-bottom: 10px !important;
} .owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
#dct_client .owl-controls {
width: 100%;
position: absolute;
top: 38%;
margin-top: auto;
}
#dct_client .owl-controls .owl-buttons div {
transform: rotate(-45deg);
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background: var(--color-1);
cursor: pointer;
color: #fff;
border-radius: 0;
opacity: 1;
}
#dct_client .owl-prev {
position: absolute;
left: -5%;
}
#dct_client .owl-next {
position: absolute;
right: -5%;
}
#dct_client .owl-next::after,
#dct_client .owl-prev::after {
transform: rotate(45deg);
display: inline-block;
content: "\23";
font-family: ETmodules !important;
font-size: 20px;
padding-left: 0px;
font-weight: 900;
}
#dct_client .owl-next::after {
content: "\24";
padding-left: 0px;
}
#dct_client .own-item .et_pb_image_wrap:before {}
#dct_client .own-item .et_pb_image_wrap:hover:before {}
#dct_client .own-item .et_pb_image_wrap img {
padding: 5px;
}
#dct_client .own-item {
margin: auto 15px;
transition: transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s;
}
#dct_client .own-item .et_pb_image_wrap:hover img {
border: 2px solid rgba(255, 255, 255, .5);
box-shadow: 0 0 8px 0 rgba(255, 255, 255, .5);
}
@media only screen and (max-width :1299px) {
#dct_client .owl-next {
position: absolute;
right: -7%;
}
} .dct_img_glry .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img {
filter: grayscale(1);
transition: filter .4s cubic-bezier(.455, .03, .515, .955);
width: 100%;
}
.dct_img_glry .et_pb_gallery_items .et_pb_gallery_item:hover .et_pb_gallery_image img {
filter: grayscale(0);
}
.dct_img_glry .et_pb_gallery_items.et_post_gallery .et_pb_gallery_item.et_pb_grid_item:hover .et_pb_gallery_title {
top: 0;
} .dct_blog_v1 .et_pb_post {
position: relative;
padding: 0px;
border: none;
background-color: #f6f6f6;
}
.dct_blog_v1 .et_pb_post .et_pb_image_container {
margin: 0;
}
.dct_blog_v1 .et_pb_post .entry-featured-image-url {
position: relative;
overflow: hidden;
margin: 0;
}
.dct_blog_v1 .et_pb_post .entry-featured-image-url:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 101%;
height: 100%;
background-color: rgb(0 0 0 / 30%);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: 1;
}
.dct_blog_v1 .et_pb_post:hover .entry-featured-image-url:before {
transform: scale3d(1, 1, 1);
}
.dct_blog_v1 .et_pb_post .entry-featured-image-url img {
transition: all 0.4s;
}
.dct_blog_v1 .et_pb_post:hover .entry-featured-image-url img {
transform: scale(1.2);
}
.dct_blog_v1 .et_pb_post .dct_blog_v1_info {
padding: 15px;
display: flex;
flex-direction: column-reverse;
}
.dct_blog_v1 .et_pb_post .entry-title {
order: 1;
color: var(--color-2);
line-height: 1.2;
font-size: 20px;
transition: all 0.4s;
}
.dct_blog_v1 .et_pb_post .entry-title:hover {
color: var(--color-1);
}
.dct_blog_v1 .et_pb_post .post-meta {
order: 1;
}
.dct_blog_v1 .et_pb_post .post-meta .author {}
.dct_blog_v1 .et_pb_post .post-meta .published {
position: absolute;
top: 20px;
left: 20px;
height: 50px;
width: 50px;
background-color: var(--color-1);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1.1;
color: #fff;
z-index: 9;
}
.dct_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
position: relative;
display: inline-block;
padding-right: 20px;
transition: all 0.4s;
}
.dct_blog_v1 .et_pb_post .post-meta a[rel="tag"]:hover {
color: var(--color-1);
}
.dct_blog_v1 .et_pb_post .post-meta a[rel="tag"]:before {
content: "\5e";
position: absolute;
font-family: ETmodules;
right: 0;
color: var(--color-1);
}
.dct_blog_v1 .et_pb_post .post-content .post-content-inner {}
.dct_blog_v1 .et_pb_post .post-content .more-link {
position: relative;
color: #fff;
background-color: var(--color-1);
margin-top: 5px;
padding: 5px 10px;
display: inline-block;
text-transform: capitalize;
overflow: hidden;
z-index: 1;
}
.dct_blog_v1 .et_pb_post .post-content .more-link:before {}
.dct_blog_v1 .et_pb_post .post-content .more-link:hover:before {}
.dct_blog_v1 .pagination .alignleft a,
.dct_blog_v1 .pagination .alignright a {
position: relative;
display: inline-block;
overflow: hidden;
font-size: 15px;
background-color: var(--color-1);
color: #fff;
padding: 12px 20px;
z-index: 1;
transition: all 0.4s;
}
.dct_blog_v1 .et_pb_post .post-content .more-link:before,
.dct_blog_v1 .pagination .alignleft a:before,
.dct_blog_v1 .pagination .alignright a:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_blog_v1 .et_pb_post .post-content .more-link:hover:before,
.dct_blog_v1 .pagination .alignleft a:hover:before,
.dct_blog_v1 .pagination .alignright a:hover:before {
transform: scale3d(1, 1, 1);
} .dct_blog_grid_2_col {}
.dct_blog_grid_2_col .et_pb_ajax_pagination_container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.dct_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post {
margin-bottom: 0px !important;
}
.dct_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url {
margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
.dct_blog_grid_2_col .et_pb_ajax_pagination_container {
grid-template-columns: repeat(1, 1fr);
}
}  .dct_blog_grid_4_col .et_pb_ajax_pagination_container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.dct_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post {
margin-bottom: 0px !important;
}
.dct_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url {
margin-bottom: 0;
}
@media only screen and (max-width: 1150px) {
.dct_blog_grid_4_col .et_pb_ajax_pagination_container {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 750px) {
.dct_blog_grid_4_col .et_pb_ajax_pagination_container {
grid-template-columns: repeat(1, 1fr);
}
}  .dct_blog_list {}
@media only screen and (min-width: 800px) {
.dct_blog_list .et_pb_post {
display: flex;
}
.dct_blog_list .et_pb_post .entry-featured-image-url {
width: 40%;
height: auto;
}
.dct_blog_list .et_pb_post .entry-featured-image-url img {
height: 100%;
object-fit: cover;
}
.dct_blog_list .et_pb_post .dct_blog_v1_info {
width: 60%;
justify-content: start;
}
}  .dct_blog_single .et_pb_column_single {
padding: 0px !important;
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container {
margin-top: 15px;
color: #202020;
text-transform: capitalize;
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container,
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container a {
color: #202020;
transition: all 0.4s;
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover {
color: var(--color-1);
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .author,
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .published,
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"],
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number {
position: relative;
padding: 0px 10px 0px 20px;
margin-bottom: 5px;
display: inline-block;
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before,
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before,
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::before,
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before {
content: "";
position: absolute;
font-family: ETmodules;
color: var(--color-1);
left: 0;
font-size: 16px;
font-weight: 100;
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before {
content: "\e08a";
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before {
content: "\e023";
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::before {
content: "\e07c";
}
.dct_blog_single .dct_blog_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before {
content: "\e066";
}
.dct_blog_single .dct_blog_single_navigation .nav-previous a,
.dct_blog_single .dct_blog_single_navigation .nav-next a {
position: relative;
background-color: #f6f6f6;
color: #3d3d3d;
overflow: hidden;
transition: 600ms ease;
padding: 10px 15px;
z-index: 1;
}
.dct_blog_single .dct_blog_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a {
position: relative;
background-color: #f6f6f6;
color: #3d3d3d;
overflow: hidden;
transition: 600ms ease;
padding: 5px 15px;
display: inline-block;
z-index: 1;
}
.dct_blog_single .dct_blog_single_social li.et_pb_social_icon a.icon {
position: relative;
background-color: #f6f6f6 !important;
border-radius: 0px;
overflow: hidden;
z-index: 1;
}
.dct_blog_single .dct_blog_single_social li.et_pb_social_icon a.icon:before {
color: #3d3d3d;
transition: 600ms ease;
}
.dct_blog_single .dct_blog_single_navigation .nav-previous a:hover,
.dct_blog_single .dct_blog_single_navigation .nav-next a:hover,
.dct_blog_single .dct_blog_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover,
.dct_blog_single .dct_blog_single_social li.et_pb_social_icon a.icon:hover:before {
color: #fff;
}
.dct_blog_single .dct_blog_single_navigation .nav-previous a:before,
.dct_blog_single .dct_blog_single_navigation .nav-next a:before,
.dct_blog_single .dct_blog_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:before,
.dct_blog_single .dct_blog_single_social li.et_pb_social_icon a.icon:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_blog_single .dct_blog_single_navigation .nav-previous a:hover:before,
.dct_blog_single .dct_blog_single_navigation .nav-next a:hover:before,
.dct_blog_single .dct_blog_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover:before,
.dct_blog_single .dct_blog_single_social li.et_pb_social_icon a.icon:hover:after {
transform: scale3d(1, 1, 1);
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_postinfo .fn {
display: block
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_postinfo .fn a {
text-transform: capitalize;
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_postinfo .comment-edit-link {
color: var(--px-color-2);
text-decoration: underline;
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_area .comment-reply-link,
body #page-container .et_pb_section.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_area .comment-reply-link {
overflow: hidden;
padding: 8px 30px 8px 10px !important;
z-index: 1;
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_area .comment-reply-link:after,
body #page-container .et_pb_section.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_area .comment-reply-link:after {
opacity: 1;
margin: 0;
right: 10px;
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .comment-respond .comment-form .form-submit .et_pb_button {
position: relative;
overflow: hidden;
z-index: 1;
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_area .comment-reply-link:before,
.dct_blog_single .dct_blog_single_comments #comment-wrap .comment-respond .comment-form .form-submit .et_pb_button:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
display: block !important;
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .commentlist .comment .comment-body .comment_area .comment-reply-link:hover:before,
.dct_blog_single .dct_blog_single_comments #comment-wrap .comment-respond .comment-form .form-submit .et_pb_button:hover:before {
transform: scale3d(1, 1, 1);
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .comment-respond .comment-form .form-submit .et_pb_button:after {
display: none !important;
}
.dct_blog_single .dct_blog_single_comments #comment-wrap .comment-respond .comment-form .logged-in-as a {
color: var(--color-2);
text-decoration: underline;
}     span.dct_label {
font-size: 10px;
margin-right: 4px;
position: relative;
top: -10px;
color: #ffffff;
background-color: var(--color-1);
padding: 3px 4px;
border-radius: 3px;
} span.dct_label.hot_label {
background-color: #FF0000;
} span.dct_label.featured_label {
background-color: #F9654D;
} span.dct_label.sale_label {
background-color: #01567b;
} span.dct_label.offer_label {
background-color: #007AFF;
} .et-db #et-boc .et-l .et_pb_menu ul.et_mobile_menu {
max-height: 80vh;
overflow-y: auto;
} .et-db #et-boc .et-l .mobile_nav.opened .mobile_menu_bar::before {
content: '\4d';
} .et-db #et-boc .et-l .et_mobile_menu {
border-top: none;
} .et-db #et-boc .et-l .et_mobile_menu li ul.hide {
display: none !important;
} .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children {
position: relative;
} .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
background: transparent;
} .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a+span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-weight: bold;
cursor: pointer;
} .et-db #et-boc .et-l span.menu-closed:before {
content: "\33";
display: block;
color: var(--color-1);
font-size: 18px;
font-family: ETmodules;
} .et-db #et-boc .et-l span.menu-closed.menu-open:before {
content: "\4d";
color: var(--color-1);
} .et-db #et-boc .et-l .et_mobile_menu li:not(:last-child) a {
border-bottom: 2px solid #f3f6fd;
} .et-db #et-boc .et-l .et_mobile_menu li:last-child a {
border-bottom: none;
}  .template-options .theme_option_bar:before {
font-size: 22px;
content: "\e037";
cursor: pointer;
color: #000;
font-family: ETmodules !important;
font-weight: 400;
font-style: normal;
font-variant: normal;
}
.template-options.opened .theme_option_bar:before {
content: "\4d";
font-size: 32px;
}
.template-options {
position: fixed;
top: 130px;
right: -200px;
width: 200px;
background: #fff;
-webkit-transition: right .4s;
transition: right .4s;
z-index: 9999999
}
.template-options.opened {
right: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
z-index: 9999999
}
.option-section {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #f1f1f1
}
.option-section:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0
}
.option-section h4 {
color: #333;
margin: 0 0 10px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px
}
.option-section .checkbox {
margin-bottom: 0
}
.options-inner {
position: relative;
padding: 20px
}
.cl-toggler {
position: absolute;
top: 0;
left: -48px;
display: inline-block;
background: #fff;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 24px;
color: #000;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}
.cl-toggler i {
font-size: 20px
}
.cl-toggler:hover {
color: #000
}
.cl-bg-images,
.cl-presets {
list-style: none;
padding: 0;
margin: -5px
}
.cl-bg-images li,
.cl-presets li {
display: block;
float: left;
margin: 5px
}
.cl-bg-images li a,
.cl-presets li a {
display: block;
width: 42px;
height: 42px;
border-radius: 2px;
float: left
}
.cl-bg-images li a img {
width: 100%
}
.cl-bg-images li.active a {
border: 3px solid #22b8f0
}
.cl-presets li.active a {
-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset;
box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset
}
.switcher-style-list {
list-style: none;
overflow: hidden;
}
.switcher-style-list li {
float: left;
margin: 2px;
}
.switcher-style-list li a {
display: block;
width: 16px;
height: 15px;
cursor: pointer;
background-size: cover;
}
#switcher-theme-custom-color.switcher-style-list li a {
width: 80px;
height: 40px;
border: 2px solid #444;
position: relative;
}
#switcher-theme-custom-color.switcher-style-list li a .color {
width: 50%;
height: 100%;
float: left;
background-color: #eee;
}
#switcher-theme-custom-color.switcher-style-list li.active a:after {
color: #ddd;
content: "\e052";
font-family: ETmodules !important;
font-size: 16px;
left: 40%;
margin: 0 auto;
padding: 0;
position: absolute;
top: 15%;
}
.layout select {
width: 100%;
padding: 5px;
border: none;
margin: 0 0 0 -5px;
color: #666;
cursor: pointer;
}
@media (max-width: 980px) {
.template-options {
top: 22%;
width: 100px;
right: -100px;
}
.cl-bg-images li a,
.cl-presets li a {
width: 25px;
height: 25px;
}
#switcher-theme-custom-color.switcher-style-list li a {
width: 65px;
height: 25px;
}
#switcher-theme-custom-color.switcher-style-list li.active a::after {
top: 0px;
}
}
@media only screen and (max-width: 768px) {
.cl-toggler {
left: -40px;
width: 40px;
height: 40px;
line-height: 43px;
font-size: 20px;
}
#switcher-menu-primary-color,
#switcher-menu-secondary-color {
display: none;
}
} .dct_btn,
.dct_btn.et_pb_button {
position: relative;
background-color: var(--color-1) !important;
color: #fff;
font-size: 15px;
border: none !important;
border-radius: 0px;
padding: 10px 20px !important;
overflow: hidden;
z-index: 1;
}
.dct_btn:after,
.dct_btn.et_pb_button:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_btn:hover:after,
.dct_btn.et_pb_button:hover:after {
transform: scale3d(1, 1, 1);
} .dct_dial_carousel ul.slick-dots {
padding: 0;
}
.dct_dial_carousel ul.slick-dots li button:before {
content: "";
height: 10px;
width: 10px;
background-color: var(--color-1);
opacity: 0.5;
}
.dct_dial_carousel ul.slick-dots li.slick-active button:before {
opacity: 1;
} .dct_client_carousel .slick-arrow {
height: 40px;
width: 40px;
background-color: var(--color-1);
z-index: 1;
}
.dct_client_carousel .slick-arrow:before {
opacity: 1;
display: block;
}
.dct_client_carousel .slick-arrow:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_client_carousel .slick-arrow:hover:after {
transform: scale3d(1, 1, 1);
}
.dct_client_carousel .dct_client_img,
.dct_client_carousel .slick-list .slick-track .slick-slide.dct_client_img {
margin: 5px 10px;
}
.dct_client_carousel .dct_client_img .et_pb_image_wrap {
position: relative;
outline: 2px solid var(--color-1);
}
.dct_client_carousel .dct_client_img .et_pb_image_wrap:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
outline: 2px solid var(--color-2);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
}
.dct_client_carousel .dct_client_img .et_pb_image_wrap:hover:before {
transform: scale3d(1, 1, 1);
}  .dct_cta_v1 {
position: relative;
z-index: 1;
}
.dct_cta_v1:before {
content: "";
position: absolute;
top: 15px;
bottom: 15px;
left: 15px;
right: 15px;
background-color: rgb(255 255 255 / 90%);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_cta_v1:hover:before {
transform: scale3d(1, 1, 1);
}
.dct_cta_v1 .et_pb_promo_description,
.dct_cta_v1 .et_pb_button_wrapper {
transform: scale3d(0, 1, 0);
transition: 600ms ease;
}
.dct_cta_v1:hover .et_pb_promo_description,
.dct_cta_v1:hover .et_pb_button_wrapper {
transform: scale3d(1, 1, 1);
}
.dct_cta_v1 .et_pb_button_wrapper .et_pb_button {
position: relative;
overflow: hidden;
z-index: 1;
background-color: var(--color-1);
}
.dct_cta_v1 .et_pb_button_wrapper .et_pb_button:after,
body #page-container .et_pb_section .dct_cta_v1 .et_pb_button_wrapper .et_pb_button:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_cta_v1 .et_pb_button_wrapper .et_pb_button:hover:after,
body #page-container .et_pb_section .dct_cta_v1 .et_pb_button_wrapper .et_pb_button:hover:after {
transform: scale3d(1, 1, 1);
}    [class*="dct_product_tab_content_"].dct_active {
opacity: 1; -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-o-transition: opacity 1s ease, transform 1s ease;
transition: opacity 1s ease, transform 1s ease;
visibility: visible;
display: block !important;
}
[class*="dct_product_tab_content_"].dct_active {
opacity: 1; -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-o-transition: opacity 1s ease, transform 1s ease;
transition: opacity 1s ease, transform 1s ease;
visibility: visible;
display: block !important;
}
[class*="dct_product_tab_content_"] {
opacity: 0; -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
-o-transition: opacity .4s ease, transform .4s ease;
transition: opacity .4s ease, transform .4s ease;
visibility: hidden;
display: none !important;
}
[class*="dct_product_tab_content_"].fadeInUp {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation: fadeInUp 1.5s;
animation: fadeInUp 1.5s;
}
.dct_product_tab_btn,
.et_pb_button.dct_product_tab_btn.et_pb_button {
background-color: transparent;
color:var(--color-2) ;
border-width: 0px;
text-align: center;
opacity:0.8;
}
.dct_product_tab_btn:hover,
.dct_product_tab_btn.et_pb_button:hover ,
.dct_product_tab_btn.dct_active{
padding: .3em 1em !important;
color: var(--color-1) !important;
opacity:1;
}
.dct_product_tab_btn:after,
.et_pb_button.dct_product_tab_btn.et_pb_button:after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 2px;
background-color: var(--color-1);
margin-left: 0px;
transition: width 0.4s cubic-bezier(.19,1,.22,1);
}
.dct_active.dct_product_tab_btn{
color:var(--color-1) !important;
opacity:1;
}
.dct_product_tab_btn:hover::after,
.dct_active.dct_product_tab_btn:after {
opacity: 1;
width: 100% !important;
}    .dct_footer_v1 .dct_footer_title .et_pb_text_inner h4 {
color: var(--color-1);
}
.dct_footer_v1 .dct_footer_links,
.dct_footer_v1 .dct_footer_links:before {
color: #a0a0a0;
}
.dct_footer_v1 .dct_footer_links:hover {
color: var(--color-1);
}
.dct_footer_v1 .dct_footer_links:hover:before {
color: #fff;
}
.dct_footer_v1 .dct_footer_social li.et_pb_social_icon a.icon {
position: relative;
overflow: hidden;
background-color: #fff !important;
z-index: 1;
}
.dct_footer_v1 .dct_footer_social li.et_pb_social_icon a.icon:before {
color: var(--color-2) !important;
transition: 600ms ease;
}
.dct_footer_v1 .dct_footer_social li.et_pb_social_icon a.icon:hover:before {
color: #fff !important;
}
.dct_footer_v1 .dct_footer_social li.et_pb_social_icon a.icon:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_footer_v1 .dct_footer_social li.et_pb_social_icon a.icon:hover:after {
transform: scale3d(1, 1, 1);
}
.dct_footer_v1 .dct_footer_product .woocommerce ul.products li.product {
width: 100% !important;
}
.dct_footer_v1 .dct_footer_product .woocommerce ul.products li.product .button,
.dct_footer_v1 .dct_footer_product .woocommerce ul.products li.product .tinv-wraper {
display: none;
}
.dct_footer_v1 .dct_footer_blurb .et_pb_module_header {padding-top:10px;}
.dct_footer_v1 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
position: relative;
height: 60px;
width: 60px;
display: flex !important;
justify-content: center;
align-items: center;
z-index: 1;
}
.dct_footer_v1 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
border: 1px solid #fff;
outline: 1px solid #fff;
outline-offset: -5px;
transition: all 0.4s;
z-index: 0;
}
.dct_footer_v1 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: var(--color-1);
border: 1px solid var(--color-1);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: 0;
}
.dct_footer_v1 .dct_footer_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
transform: scale3d(1, 1, 1);
}
.dct_footer_v1 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
z-index: 1;
}
.dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_field,
.et-db #et-boc .et-l .dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_field {
padding-bottom: 0px;
}
.dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button,
.et-db #et-boc .et-l .dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
overflow: hidden;
width: Fit-content;
color: #fff;
margin: auto;
background-color: var(--color-1);
z-index: 1;
transition: 600ms ease;
}
.dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button:before,
.et-db #et-boc .et-l .dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
display: block !important;
background-color: var(--color-2);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button:hover:before,
.et-db #et-boc .et-l .dct_footer_v1 .dct_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button:hover:before {
transform: scale3d(1, 1, 1);
}  .dct_footer_v2 .dct_footer_title .et_pb_text_inner h4 {
color: var(--color-1);
}
.dct_footer_v2 .dct_footer_blurb {}
.dct_footer_v2 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
position: relative;
height: 50px;
width: 50px;
display: flex !important;
justify-content: center;
align-items: center;
z-index: 1;
}
.dct_footer_v2 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
border: 1px solid var(--color-1);
outline: 1px solid var(--color-1);
outline-offset: -5px;
transition: all 0.4s;
z-index: 0;
}
.dct_footer_v2 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: var(--color-2);
border: 1px solid var(--color-2);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: 0;
}
.dct_footer_v2 .dct_footer_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after {
transform: scale3d(1, 1, 1);
}
.dct_footer_v2 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: var(--color-1);
z-index: 1;
transition: 600ms ease;
}
.dct_footer_v2 .dct_footer_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
color: #fff;
}
.dct_footer_v2 .dct_footer_blurb .et_pb_blurb_content .et_pb_blurb_container {
vertical-align: middle;
}
.dct_footer_v2 .dct_footer_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
padding-bottom: 5px;
}  .dct_footer_v3 .dct_footer_product .woocommerce ul.products,
.dct_footer_v3 .dct_footer_product .woocommerce ul.products li.product:last-child {
margin-bottom: 0px !important;
}
.dct_footer_v3 .dct_footer_product .woocommerce ul.products li.product .et_shop_image {
height: 75px;
width: 75px;
}
.dct_footer_v3 .dct_footer_product .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 13px !important;
}
.dct_footer_v3 .dct_footer_product .woocommerce ul.products li.product .button,
.dct_footer_v3 .dct_footer_product .woocommerce ul.products li.product .yith-wcqv-button,
.dct_footer_v3 .dct_footer_product .woocommerce ul.products li.product .tinv-wraper {
display: none;	
}  .dct_footer_v4 .dct_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
height: 50px;
width: 50px;
}
.dct_footer_v4 .dct_footer_blurb .et_pb_blurb_content .et_pb_blurb_container {
vertical-align: middle;
}
.dct_footer_v4 .dct_footer_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
padding-bottom: 5px;
}
.dct_footer_v4 .dct_footer_product .woocommerce ul.products,
.dct_footer_v4 .dct_footer_product .woocommerce ul.products li.product:last-child {
margin-bottom: 0px !important;
}
.dct_footer_v4 .dct_footer_product .woocommerce ul.products li.product .et_shop_image {
height: 75px;
width: 75px;
}
.dct_footer_v4 .dct_footer_product .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 13px !important;
}
.dct_footer_v4 .dct_footer_product .woocommerce ul.products li.product .button,
.dct_footer_v4 .dct_footer_product .woocommerce ul.products li.product .yith-wcqv-button,
.dct_footer_v4 .dct_footer_product .woocommerce ul.products li.product .tinv-wraper {
display: none;	
}   .dct_blog_sidebar .et_pb_widget,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget {
background-color: #f6f6f6;
padding: 15px;
}
.dct_blog_sidebar .et_pb_widget .title,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget .title {
position: relative;
color: var(--color-1);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.dct_blog_sidebar .et_pb_widget .title:before,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget .title:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 85px;
border: 1px solid var(--color-1);
}
.dct_blog_sidebar .et_pb_widget .title:after,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget .title:after {
content: "\5d";
position: absolute;
font-family: 'ETmodules';
bottom: -4px;
left: 35px;
font-size: 15px;
color: var(--color-1);
line-height: 1;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
}
.dct_blog_sidebar .et_pb_widget.widget_search .searchform #s,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_search .searchform #s {
border: none;
border-radius: 0px;
}
.dct_blog_sidebar .et_pb_widget.widget_search .searchform #searchsubmit,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_search .searchform #searchsubmit {
background-color: var(--color-1);
border: none;
color: #fff;
border-radius: 0px;
transition: all 0.4s;
}
.dct_blog_sidebar .et_pb_widget.widget_search .searchform #searchsubmit:hover,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_search .searchform #searchsubmit:hover {
background-color: var(--color-2);
}
.dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
}
.dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item:last-child,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}
.dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item a,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item a {
color: #202020;
transition: all 0.4s;
}
.dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item a:hover,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_categories ul li.cat-item a:hover {
color: var(--color-1);
}
.dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
}
.dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li:last-child,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}
.dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li a,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li a {
display: block;
color: #202020;
line-height: 1.4;
transition: all 0.4s;
}
.dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li a:hover,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_recent_entries ul li a:hover {
color: var(--color-1);
}
.dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link {
position: relative;
background-color: #fff;
color: #3d3d3d;
overflow: hidden;
margin-bottom: 0px;
border-radius: 0px;
padding: 5px 15px;
font-size: 15px !important;
transition: 600ms ease;
z-index: 1;
}
.dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link:hover {
color: #fff;
}
.dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link:before,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link:hover:before,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_tag_cloud .tagcloud .tag-cloud-link:hover:before {
transform: scale3d(1, 1, 1);
}
.dct_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item {
margin: 0px;
}
.dct_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .gallery-icon img,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .gallery-icon img {
height: 70px;
object-fit: cover;
border: none;
transition: all 0.4s;
}
.dct_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .gallery-icon img:hover,
.et-db #et-boc .et-l .dct_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .gallery-icon img:hover {
filter: opacity(0.5);
}  .dct_page_title .dct_page_title_btn_col {
display: flex;
justify-content: center;
align-items: center;
}
.dct_page_title .dct_page_title_btn_col .dct_page_title_btn {
color: #fff;
text-transform: uppercase;
transition: all 0.4s;
}
.dct_page_title .dct_page_title_btn_col .dct_page_title_btn:hover {
color: var(--color-1);
}
.dct_page_title .dct_page_title_btn_col .dct_page_title_btn:before {
color: #fff;
}  .dct_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play {
overflow: hidden;
height: 60px;
width: 60px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: var(--color-1);
transition: all 0.4s;
z-index: 1;
}
.dct_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play:before {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.dct_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: var(--color-2);
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover:hover .et_pb_video_play:after {
transform: scale3d(1, 1, 1);
}   .dct_header_v1 .dct_header_btn_link,
.dct_header_v1 .dct_header_btn_link:after {
color: #fff;
transition: all 0.4s;
}
.dct_header_v1 .dct_header_btn_link:hover,
.dct_header_v1 .dct_header_btn_link:hover:after {
color: var(--color-1);
}  .dct_header .dct_header_btn_link,
.dct_header .dct_header_btn_link:after {
color: var(--color-2);
}
.dct_header .dct_header_btn_link:hover,
.dct_header .dct_header_btn_link:hover:after {
color: var(--color-1);
}
.dct_header .dct_header_search .dgwt-wcas-search-wrapp {
max-width: unset;
}
.dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li a,
.et-db #et-boc .et-l .dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li a,
.dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li.dct_my_account a:before,
.et-db #et-boc .et-l .dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li.dct_my_account a:before {
color: var(--color-2) !important;
transition: 600ms ease;
}
.dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover,
.et-db #et-boc .et-l .dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li a:hover,
.dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li.dct_my_account a:hover:before,
.et-db #et-boc .et-l .dct_header .dct_cart_menu .et_pb_menu__menu ul.et-menu li.dct_my_account a:hover:before {
color: #fff !important;
}
.dct_header .dct_header_social li.et_pb_social_icon {
margin: 2px 0px;
}
.dct_header .dct_header_social li.et_pb_social_icon a.icon {
position: relative;
overflow: hidden;
border: 1px solid var(--color-2);
transition: 600ms ease;
z-index: 1;
}
.dct_header .dct_header_social li.et_pb_social_icon a.icon:hover {
border: 1px solid var(--color-1);
}
.dct_header .dct_header_social li.et_pb_social_icon a.icon:before {
color: var(--color-2);
transition: 600ms ease;
}
.dct_header .dct_header_social li.et_pb_social_icon a.icon:hover:before {
color: #fff;
}
.dct_header .dct_header_social li.et_pb_social_icon a.icon:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: auto;
right: 0px;
width: 100%;
background-color: var(--color-1);
opacity: 1;
transform: scale3d(0, 1, 0);
transition: 600ms ease;
z-index: -1;
}
.dct_header .dct_header_social li.et_pb_social_icon a.icon:hover:after {
transform: scale3d(1, 1, 1);
}