@charset "UTF-8";
@charset "UTF-8";
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
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;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
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: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 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-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
background: none;
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
list-style: none
}
.camera_wrap {
direction: ltr;
display: none;
float: left;
position: relative;
z-index: 0;
}
.camera_wrap img {
max-width: none!important;
}
.camera_fakehover {
height: 100%;
min-height: 60px;
position: relative;
width: 100%;
z-index: 1;
}
.camera_wrap {
width: 100%;
}
.camera_src {
display: none;
}
.cameraCont, .cameraContents {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.cameraSlide {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.cameraContent {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.camera_target {
bottom: 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: left;
top: 0;
width: 100%;
z-index: 0;
}
.camera_overlayer {
bottom: 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.camera_target_content {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.camera_target_content .camera_link {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/blank.gif);
display: block;
height: 100%;
text-decoration: none;
}
.camera_loader {
background: #fff url(//atelierminederien.com/wp-content/themes/krystalpro/img/camera-loader.gif) no-repeat center;
background: rgba(255, 255, 255, 0.9) url(//atelierminederien.com/wp-content/themes/krystalpro/img/camera-loader.gif) no-repeat center;
border: 1px solid #ffffff;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
height: 36px;
left: 50%;
overflow: hidden;
position: absolute;
margin: -18px 0 0 -18px;
top: 50%;
width: 36px;
z-index: 3;
}
.camera_bar {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
height: 100%;
position: absolute;
width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
height: auto;
position: absolute;
width: 100%;
}
.camera_nav_cont {
height: 65px;
overflow: hidden;
position: absolute;
right: 9px;
top: 15px;
width: 120px;
z-index: 4;
}
.camera_caption {
bottom: 0;
display: block;
position: absolute;
width: 100%;
}
.camera_caption > div {
padding: 10px 20px;
}
.camerarelative {
overflow: hidden;
position: relative;
}
.imgFake {
cursor: pointer;
}
.camera_prevThumbs {
bottom: 4px;
cursor: pointer;
left: 0;
position: absolute;
top: 4px;
visibility: hidden;
width: 30px;
z-index: 10;
}
.camera_prevThumbs div {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/camera_skins.png) no-repeat -160px 0;
display: block;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 30px;
}
.camera_nextThumbs {
bottom: 4px;
cursor: pointer;
position: absolute;
right: 0;
top: 4px;
visibility: hidden;
width: 30px;
z-index: 10;
}
.camera_nextThumbs div {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/camera_skins.png) no-repeat -190px 0;
display: block;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 30px;
}
.camera_command_wrap .hideNav {
display: none;
}
.camera_command_wrap {
left: 0;
position: relative;
right:0;
z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
cursor: pointer;
display: inline-block;
height: 16px;
margin: 20px 5px;
position: relative;
text-align: left;
text-indent: 9999px;
width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
-moz-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 8px;
left: 4px;
overflow: hidden;
position: absolute;
top: 4px;
width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
-moz-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}
.camera_pag_ul li img {
display: none;
position: absolute;
}
.camera_pag_ul .thumb_arrow {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid;
top: 0;
left: 50%;
margin-left: -4px;
position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
cursor: pointer;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
z-index: 2;
}
.camera_prev {
left: 0;
}
.camera_prev > span {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/camera_skins.png) no-repeat 0 0;
display: block;
height: 40px;
width: 40px;
}
.camera_next {
right: 0;
}
.camera_next > span {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/camera_skins.png) no-repeat -40px 0;
display: block;
height: 40px;
width: 40px;
}
.camera_commands {
right: 41px;
}
.camera_commands > .camera_play {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/camera_skins.png) no-repeat -80px 0;
height: 40px;
width: 40px;
}
.camera_commands > .camera_stop {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/camera_skins.png) no-repeat -120px 0;
display: block;
height: 40px;
width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
cursor: pointer;
display: inline-block;
height: 16px;
margin: 20px 5px;
position: relative;
text-indent: 9999px;
width: 16px;
}
.camera_thumbs_cont {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
overflow: hidden;
position: relative;
width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
-moz-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
float: left;
width: 100%;
}
.camera_thumbs_cont ul {
overflow: hidden;
padding: 3px 4px 8px;
position: relative;
text-align: center;
}
.camera_thumbs_cont ul li {
display: inline;
padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
border: 1px solid;
cursor: pointer;
margin-top: 5px;
vertical-align:bottom;
}
.camera_clear {
display: block;
clear: both;
}
.showIt {
display: none;
}
.camera_clear {
clear: both;
display: block;
height: 1px;
margin: -1px 0 25px;
position: relative;
} .pattern_1 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
background: url(//atelierminederien.com/wp-content/themes/krystalpro/images/patterns/overlay10.png) repeat;
}
.camera_caption {
color: #fff;
}
.camera_caption > div {
background: #000;
background: rgba(0, 0, 0, 0.8);
}
.camera_wrap .camera_pag .camera_pag_ul li {
background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
background: #434648;
}
.camera_pag_ul li img {
border: 4px solid #e6e6e6;
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
background: #d8d8d8;
background: rgba(216, 216, 216, 0.85);
}
.camera_wrap .camera_pag .camera_pag_ul li {
background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
border-color: 1px solid #000;
} .camera_amber_skin .camera_prevThumbs div {
background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
background-position: -120px -160px;
} .camera_ash_skin .camera_prevThumbs div {
background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
background-position: -120px -200px;
} .camera_azure_skin .camera_prevThumbs div {
background-position: -160px -240px;
}
.camera_azure_skin .camera_nextThumbs div {
background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
background-position: -120px -240px;
} .camera_beige_skin .camera_prevThumbs div {
background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
background-position: -120px -120px;
} .camera_black_skin .camera_prevThumbs div {
background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
background-position: -120px -40px;
} .camera_blue_skin .camera_prevThumbs div {
background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
background-position: -120px -280px;
} .camera_brown_skin .camera_prevThumbs div {
background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
background-position: -120px -320px;
} .camera_burgundy_skin .camera_prevThumbs div {
background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
background-position: -120px -360px;
} .camera_charcoal_skin .camera_prevThumbs div {
background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
background-position: -120px -400px;
} .camera_chocolate_skin .camera_prevThumbs div {
background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
background-position: -120px -440px	;
} .camera_coffee_skin .camera_prevThumbs div {
background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
background-position: -120px -480px	;
} .camera_cyan_skin .camera_prevThumbs div {
background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
background-position: -120px -520px	;
} .camera_fuchsia_skin .camera_prevThumbs div {
background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
background-position: -120px -560px	;
} .camera_gold_skin .camera_prevThumbs div {
background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
background-position: -120px -600px	;
} .camera_green_skin .camera_prevThumbs div {
background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
background-position: -120px -640px	;
} .camera_grey_skin .camera_prevThumbs div {
background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
background-position: -120px -680px	;
} .camera_indigo_skin .camera_prevThumbs div {
background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
background-position: -120px -720px	;
} .camera_khaki_skin .camera_prevThumbs div {
background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
background-position: -120px -760px	;
} .camera_lime_skin .camera_prevThumbs div {
background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
background-position: -120px -800px	;
} .camera_magenta_skin .camera_prevThumbs div {
background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
background-position: -120px -840px	;
} .camera_maroon_skin .camera_prevThumbs div {
background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
background-position: -120px -880px	;
} .camera_orange_skin .camera_prevThumbs div {
background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
background-position: -120px -920px	;
} .camera_olive_skin .camera_prevThumbs div {
background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
background-position: -120px -1080px	;
} .camera_pink_skin .camera_prevThumbs div {
background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
background-position: -120px -960px	;
} .camera_pistachio_skin .camera_prevThumbs div {
background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
background-position: -120px -1040px	;
} .camera_pink_skin .camera_prevThumbs div {
background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
background-position: -120px -80px;
} .camera_red_skin .camera_prevThumbs div {
background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
background-position: -120px -1000px	;
} .camera_tangerine_skin .camera_prevThumbs div {
background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
background-position: -120px -1120px	;
} .camera_turquoise_skin .camera_prevThumbs div {
background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
background-position: -120px -1160px	;
} .camera_violet_skin .camera_prevThumbs div {
background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
background-position: -120px -1200px	;
} .camera_white_skin .camera_prevThumbs div {
background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
background-position: -120px -80px;
} .camera_yellow_skin .camera_prevThumbs div {
background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
background-position: -120px -1240px	;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) 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 {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(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: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-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: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}a.wcmenucart-contents i{
margin-right: 5px;
}
a.wcmenucart-contents span.badge{
background: #e06d6d;
margin-top: -10px;
border-radius: 50%;
color: #fff;
font-size: 10px;
height: 22px;
padding: 3px;
text-align: center;
width: 22px;
line-height: 1.5;
}
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a {
font-weight: 400;
} .woocommerce #main{ }
.woocommerce article h1.page-title{
display: none !important;
}
.tax-product_tag article h1.page-title,.tax-product_cat article h1.page-title{
display: block !important;
font-size: 30px !important;
}
.entry-content form{
margin-bottom: 40px !important;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
height: 40px;
border-radius: 45px;
border: 1px solid #f5f5f5;
padding: 10px 34px 10px 16px;    
outline:none;    
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
.woocommerce .woocommerce-ordering .dropdown {
position: relative;
}
.woocommerce span.onsale{
z-index: 1;
}
.woocommerce .woocommerce-ordering .dropdown:before {
content: "";
position: absolute;
right: 16px;
top: 24px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #333;
}
.woocommerce .woocommerce-ordering .dropdown:after {
content: "";
position: absolute;
right: 16px;
top: 16px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #333;
}
.woocommerce ul.products li.product a img{    
border-radius: 4px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
text-align: center;
text-transform: uppercase;
font-size: 14px !important;
color: #000;
display: block;
font-weight: 400;
}
.woocommerce ul.products li.product .price{
text-align: center;
font-size: 14px;
font-weight: 400;
color: #000;
}
.woocommerce ul.products li.product .price del{
display: inline-block;
padding-right: 5px;
}
.woocommerce ul.products{
text-align: center;
}
.woocommerce ul.products li.product .button { 
margin-top: 35px;
background: none;
border-radius: 45px;
color: #555;
padding: 15px 20px;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
}
.woocommerce ul.products li.product .button{
margin-top: 15px;
font-size: 12px;
font-weight: 300;
}
.woocommerce ul.products li.product .button:hover{
color: #fff;
transition : 0.2s;
}
.woocommerce ul.products li.product .button i{
padding-right: 8px;
}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
top: .871em;
right: -1em;    
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0;
} .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
width: 90px;
overflow: hidden;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img{
border-radius: 4px;
-webkit-box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49);
box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49);
}
.woocommerce div.product .product_title{
text-transform: uppercase;
font-size: 25px !important;
}
.woocommerce span.onsale{
padding: .1002em;
}
.woocommerce div.product div.images img{
border-radius: 4px;
}
.woocommerce div.product form.cart .button{
margin-left: 10px;    
color: #fff;
font-size: 12px;
border-radius: 45px;
background: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
}
.woocommerce div.product form.cart .button:hover{
color: #fff;
}
.woocommerce .quantity .qty{
background: transparent;
border: 1px solid #eceaea;
color: #a1a1a1;
font-size: 12px;
height: 45px;
padding-left: 20px;
padding-right: 20px;
width: 100px;
font-weight: normal;
outline: 0 !important;
-webkit-appearance: none;
}
.woocommerce div.product p.stock{
color: #555;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #000;
font-size: 16px;
font-weight: 700;
}
.woocommerce .summary .product_meta{
font-size: 12px;
}
.woocommerce .summary .product_meta>span{
padding-right: 10px;
}
.woocommerce .summary .product_meta>span.tagged_as{
display: block;
margin-top: 10px;
}
.woocommerce div.product div.images.woocommerce-product-gallery{
margin-bottom: 80px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border: 0;
background: none;
border-radius: 0;
padding: 0 30px;
transition : 0.4s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { 
background: #f5f5f5;
transition : 0.4s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0;
position: relative;    
width: 5px;
height: 5px;    
}
.woocommerce-tabs #comments{
margin-top: 0;
}
.woocommerce-tabs #tab-description h2,.woocommerce-Tabs-panel--additional_information h2{
padding-bottom: 20px;
}
.woocommerce-tabs #tab-description p{
padding-bottom: 20px;
}
.woocommerce #review_form #respond p.stars{
margin-top: 10px;
}
.woocommerce p.stars a{
color: #fdb341;
}
.woocommerce .woocommerce-product-rating .star-rating{
color: #fdb341;   
}
.woocommerce .star-rating{
color: #fdb341;  
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
border: 0;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist{
margin: 50px 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
float: left;
width: 70px;
height: 70px;
border-radius: 45px;
margin-right: 30px;
margin-top: -10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 85px;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time{
display: block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong{
font-size: 15px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta span.woocommerce-review__dash{
display: none;
}
.woocommerce .star-rating{
float: none
}
.mfp-bg{
opacity: 1;
}
.single_add_to_cart_button{
box-shadow: 1px 1px 3px 0px #6f6f6f73 !important;
}
.single_add_to_cart_button:hover{
color: #fff !important;
} section.related.products{
margin: 20px 0;
text-align: center;
}
section.related.products h2{
margin: 50px 0;
color: #555;
display: inline-block;
font-size: 25px;
font-weight: 700;
padding-bottom: 5px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased !important;
}
section.related.products ul.products{
text-align: left;
}
.woocommerce .related.products ul.products li.product, .woocommerce-page .related.products ul.products li.product{
margin: 0 14px 50px 0px;
}
.woocommerce-MyAccount-content a{
color: #d2691e;
}
.woocommerce-MyAccount-content a.button{
color: #555 !important;
background: #fff;
}
.woocommerce-MyAccount-content a.button.alt{
height: 40px !important;
font-size: 11px !important;
}
.woocommerce #review_form #respond .form-submit input{
color: #555;
background: none;
border-radius: 45px;
height: 50px;
width: 160px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
box-shadow: 1px 1px 3px 0px #6f6f6f73;
}
.woocommerce #review_form #respond .form-submit input:hover{
color: #fff;
}
.woocommerce .products .star-rating{
margin: auto;
}
.woocommerce span.onsale{
-moz-box-shadow: -1px 0px 10px 0px #c1c1c1;
-webkit-box-shadow: -1px 0px 10px 0px #c1c1c1;
box-shadow: -1px 0px 10px 0px #c1c1c1
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
z-index: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
z-index: 0;
}
.woocommerce div.product form.cart .variations select{
background: transparent;
color: #a1a1a1;
font-size: 12px;
height: 45px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
font-weight: normal;
border-radius: 0;
outline: 0 !important;
-webkit-appearance: none;
}
.variations .label{
color: #555;
font-size: 13px;
display: inline-block;
margin-top: 10px !important;
}
.woocommerce div.product p.stock {
color: #b9b9b9;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs .panel{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
text-transform: uppercase;
color: #000;
}
.woocommerce table.shop_table td{
border: 0;
}
.woocommerce a.remove:hover{
color: #ff0000 !important;
background: none;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
width: 200px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
color: #fff;
background: none;
border-radius: 45px;
height: 45px;
width: 160px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
box-shadow: 1px 1px 3px 0px #6f6f6f73
}
.woocommerce .cart .button{
color: #555 !important;
}
.woocommerce .cart input.button:hover{
color: #fff !important;
}
.woocommerce-cart-form .coupon{
margin: 20px 0;
}
.woocommerce-cart-form .coupon input#coupon_code{
padding-left: 20px;
}
.woocommerce-cart-form .coupon input.button{
margin-left: 15px;
}
.woocommerce .cart_totals h2{
font-size: 25px !important;
text-transform: uppercase;
margin: 35px 0;
}
.woocommerce table.shop_table{
padding: 20px;
}
.woocommerce a.added_to_cart {
margin-top: 20px;
margin-left: 5px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
width: 70px;
}
.woocommerce-message{
background: #39b54a;
}
.woocommerce-info{
background: #4db8e8;
}
.woocommerce-error{
background: #f44336;
}
.entry-content > .woocommerce-error, .entry-content > .woocommerce-info, .entry-content > .woocommerce-message{
margin: 70px 0;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{    
border: 0;
color: #fff;
transition: 0.3s;
}
.woocommerce-message a,.woocommerce-message a:hover{
color: #fff;
}
.woocommerce-info a,.woocommerce-info a:hover{
color: #fff;
}
.woocommerce-error a,.woocommerce-error a:hover{
color: #fff;
}
.woocommerce-message::before,.woocommerce-error::before,.woocommerce-info::before{
color: #fff;
}
.woocommerce-page .woocommerce-message .button{
background: #fff;
border-radius: 45px;
color: #555;
}
.woocommerce-page .woocommerce-message .button:hover{
background: #fff;
color: #555;
}
.woocommerce .return-to-shop a.button{
color: #fff;
background: none;
border-radius: 45px;
height: 45px;
width: 180px;
padding-top: 15px;
padding-left: 30px;
text-transform: uppercase;
margin-bottom: 50px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
outline: 0 !important;
-webkit-appearance: none; 
}
.woocommerce .return-to-shop a.button:hover{
color: #fff;   
}
.wc-proceed-to-checkout a{
color: #555 !important;
background: none !important;
border-radius: 45px !important;
height: 55px;
width: 100%;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
outline: 0 !important;
-webkit-appearance: none;  
}
.wc-proceed-to-checkout a:hover{
color: #fff !important; 
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
margin-bottom: 50px;
} .woocommerce-checkout .entry-content .woocommerce h3{
margin-bottom: 20px;
text-transform: uppercase;
color: #555;
font-weight: 700;
}
.select2-container--default .select2-selection--single{
background: transparent;
border: 1px solid #eceaea;
color: #a1a1a1;
font-size: 12px;
height: 45px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
font-weight: normal;
border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
top:70%;
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding-left: 0;
}
.select2-container--default .select2-selection--single{
background: transparent;
border-bottom: 1px solid #555;
color: #a1a1a1;
font-size: 12px;
height: 45px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
font-weight: normal;
border-radius: 0;
}
.select2-container--default .select2-selection--single{
border: none;
border-bottom: 1px solid #555;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
top:70%;
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding-left: 0;
}
.woocommerce form .form-row input.input-text {
background: transparent;
border: none;
border-bottom: 1px solid #555;
color: #a1a1a1;
font-size: 12px;
height: 45px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
font-weight: normal;
}
.woocommerce form .form-row input.input-text{
color: #a1a1a1;
font-size: 12px;
height: 45px;
width: 100%;
font-weight: normal;
}
.woocommerce h3#order_review_heading{
margin: 30px 0;    
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
background: none;
border: 1px solid rgba(0,0,0,.1);
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
background: #efefef;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
border-top-color: transparent;
border-top-style: solid;
border-top-width: 1em;
border-right-color: transparent;
border-right-style: solid;
border-right-width: 1em;
border-bottom-color: #efefef;
border-bottom-style: solid;
border-bottom-width: 1em;
border-left-color: transparent;
border-left-style: solid;
border-left-width: 1em;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
}
.woocommerce-checkout #payment ul.payment_methods li{
line-height: 40px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
color: #555 !important;
background: none;
border-radius: 45px !important;
height: 50px;
font-size: 15px;
padding: 15px 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
outline: 0 !important;
-webkit-appearance: none;
}
.product-type-external .woocommerce a.button.alt{
padding-left: 25px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
color: #fff !important;
}
#payment .place-order{
margin: 30px 0;
}
.woocommerce-checkout #payment ul.payment_methods{
border-bottom: 0;
} .woocommerce-MyAccount-navigation ul{
list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li{
padding: 10px 0;
border-bottom: 1px dotted #dedede;
width: 70%;
}
.woocommerce-MyAccount-navigation ul li a{
color: #555;
}
.woocommerce a.button,.woocommerce input.button{
color: #555;
border-radius: 45px;   
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
outline: 0 !important;
-webkit-appearance: none;    
box-shadow: 1px 1px 3px 0px #6f6f6f73;
}
.woocommerce a.button:hover,.woocommerce input.button:hover{
color: #fff;    
}
.woocommerce-MyAccount-content h3{
margin-bottom: 20px;
}
.woocommerce a.button{
background: none;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
background: #fff;
border:none;
border-bottom: 1px solid #555;
} .woocommerce aside h2{
font-size: 16px;
margin-bottom: 15px;
}
.cart_list.product_list_widget span.quantity{
font-size: 12px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
border-top: 1px double #ebe9eb;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
padding-bottom: 10px;
}
.woocommerce .widget_price_filter .price_slider_amount .button{
color: #555;
border-radius: 45px;   
height: 24px;
text-transform: uppercase;
padding: 5px 10px;
font-size: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
outline: 0 !important;
-webkit-appearance: none;     
box-shadow: 1px 1px 15px 0px #6f6f6f73;  
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover{
color: #fff;    
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
background: #675353;
height: 2px;
margin-top: -1px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background: none;
border-top: 1px solid #e6e6e6;
}
.widget_price_filter .price_slider_wrapper{
margin-top: 25px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
background: #555;
margin-top: -3px;
}
.widget_product_tag_cloud .tagcloud a{
padding: 3px 10px;
border: 1px solid #e6e6e6;
margin-right: 5px;
margin-bottom: 5px;
display: inline-block;
}                        
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a{
padding: 5px 10px;
font-size: 10px;
}
.woocommerce aside .search-icon{
position: relative;
top:0;
right: 0;
float: right;
margin-top: -32px;
margin-right: 15px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
z-index: 1;
}
.widget.widget_product_categories ul.children{
padding-left: 20px;
padding-top: 10px;
}
.widget.widget_product_categories ul.children li{
padding: 0;
}
.widget.widget_product_categories ul.children li:before{
content: "\f0da";
font-family: FontAwesome;
padding-right: 5px;
color: #ababab;
}
.widget_product_tag_cloud .tagcloud a{
font-size: 12px !important;
}
.woocommerce .widget_layered_nav_filters ul li{
float: none;
} .woocommerce-form-login .form-row input.button{
margin: 10px; 
}
.woocommerce form .form-row .input-checkbox{
margin: 8px 8px 0 0px;
}
.checkout.woocommerce-checkout .form-row label span, .checkout.woocommerce-checkout .form-row label span{
margin-left: 20px;
}
.woocommerce-form-login .form-row label span{
margin-left: 10px;
} 
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
border: 1px solid rgba(0,0,0,.1);
} .navbar-nav .menu-widget-cart{
display: none;
}
#shop-nav .navbar-nav .widget.woocommerce.widget_shopping_cart{
top: 50px;
}
.navbar-nav .widget.woocommerce.widget_shopping_cart p.woocommerce-mini-cart__empty-message{
margin: 20px 0;
text-align: center;
}
.navbar-nav .widget.woocommerce.widget_shopping_cart:hover{
display: block;
}
.navbar-nav .widget.woocommerce.widget_shopping_cart.widget-open{
display: block;
}
.navbar-nav .widget_shopping_cart .widgettitle{
font-size: 15px;
margin: 24px 0;
}
.navbar-nav .cart_list.product_list_widget span.quantity{
font-size: 11px;
}
.navbar-nav .mini_cart_item a:hover{
color: #000;
transition: 0.2s;
}
.navbar-nav .widget_shopping_cart .total{
font-size: 13px;
}
#shop-nav .navbar-nav .widget.woocommerce.widget_shopping_cart{
right: 0;
} .woocommerce form .form-row select{
background: transparent;
border: 1px solid #eceaea;
color: #a1a1a1;
font-size: 12px;
height: 45px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
font-weight: normal;
}
.woocommerce button.button{
color: #555;
background: none;
border-radius: 45px;
height: 45px;    
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
box-shadow: 1px 1px 3px 0px #6f6f6f73;
}
.woocommerce button.button:hover{
color: #fff;
}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
float: none;
padding: 10px 50px;
}
button#place_order{
width: auto;
} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
color: #fff;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
background: none;
} .krystal-product-search{
float: right;
height: 88px;
}
.krystal-product-search:before{
content: ' ';
display: inline-block; 
vertical-align: middle;
}
.krystal-product-search form div{
display: inline-block;
}
.krystal-product-search .krystal-search-wrap select{
width: 180px;
outline: 0 !important;
}
.krystal-product-search .krystal-search-form input.search-field{
width: 250px;
outline: 0 !important;
-webkit-appearance: none;
}
.krystal-product-search .krystal-search-form input[type="submit"]{
width: 120px;
outline: 0 !important;
-webkit-appearance: none;
}
.krystal-product-search .krystal-search-wrap select,.krystal-product-search .krystal-search-form input{
height: 45px;
border: 1px solid #dadada;
padding: 10px;   
font-size: 13px;
}
.products-search .krystal-blog-search{
width: 250px;
float: right;    
}
.products-search .krystal-blog-search:before{
content: ' ';
display: inline-block; 
vertical-align: middle;
}
.products-search .krystal-blog-search .search-icon {
position: relative;
top: 0;
right: 0;
float: right;
margin-top: -32px;
margin-right: 15px;
} .krystal-top-header .topbar-text p{
margin: 0;
padding: 5px;
}
.wooicon-wrapper .pb-content{
margin: 50px 0;
}
.wooicon .icon {
margin-top: 30px;
margin-bottom: 15px;
}
.wooicon span {
color: #fff;
cursor: pointer;    
font-size: 20px;
padding: 30px;
background: #dd3333;
border-radius: 45px;
}
.wooicon .hvr-ripple-out:before {
position: absolute;
top: 18px;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.wooicon .content {
margin-top: 0px;
margin-bottom: 20px;
}
#woocat-show{
padding: 30px;
}
#woocat-show .description h5{
text-align: center;
margin-top: 10px;
}
#woocat-show .description h5 a{
color: inherit;
}
#woocat-show .hovereffects figure{
width: 100%;
}
#woocat-show .description{
text-align: center;    
}
#woocat-show .description p{
font-size: 12px;
margin: 0;
}
.woo-cta-section{    
padding: 20px;
}
.woo-cta-section .bg-image{    
background-size: cover;
height: 300px;
}
.woo-cta-section .heading{
margin: 0 auto 1em;
position: relative;
height: 300px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.woo-cta-section .heading h4,.woo-cta-section .heading p,.woo-cta-section .heading .read-more{
position: relative;    
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.woo-cta-section .heading h4{
top: 35%;
color: #fff !important;
}
.woo-cta-section .heading p{
top: 36%;
color: #fff;
}
.woo-cta-section .heading .read-more{
top: 45%;
}
.columns-2 .woocommerce ul.products li.product .button {
margin-top: 20px;
font-size: 12px;
font-weight: 300;
display: block;
width: 150px;
margin: 0 auto;
margin-top: 15px;
} li.menu-cart-inner a{
color: #fff;
padding: 20px 10px;
}
li.menu-cart-inner a.cart-contents{
line-height: 50px;
}
header.fixed li.menu-cart-inner a{
line-height: 30px;
}
header.fixed li.menu-cart-inner .woocommerce-mini-cart__buttons a{
line-height: 10px;
}
li.menu-cart-inner a span{
background: #e06d6d;
margin-top: -10px;
border-radius: 50%;
color: #fff;
font-size: 10px;
height: 22px;
padding: 3px;
text-align: center;
width: 22px;
line-height: 1.5;
display: inline-block;
min-width: 10px;
font-weight: bold;
white-space: nowrap;
vertical-align: middle;
}
.menu-header-cart{
position: absolute;
top: 75px;
padding: 5px;
border: 1px solid #dadada;
display: block;
opacity: 1;
min-width: 350px;
right: 0;
z-index: 999;
background-color: #fff;
color: #000;
list-style-type: none;
box-shadow: 0 4px 30px rgba(0,0,0,0.17);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.menu-header-cart{
display: none;
}
li.menu-cart-inner:hover .menu-header-cart{
display: block;
}
li.menu-cart-inner .menu-header-cart .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message{
padding: 15px 20px 0px 20px;
}
.woocommerce-cart li.menu-cart-inner:hover .menu-header-cart,
.woocommerce-checkout li.menu-cart-inner:hover .menu-header-cart{
display: none
}
.nav li.menu-cart-inner:last-child ul ul, 
.nav li.menu-cart-inner:nth-last-child(2) ul ul {
position: inherit;
top: -3px;
left: 0px;
display: block !important;
padding: 8px 15px;
}
.menu-header-cart ul.cart_list li img, 
.menu-header-cart ul.product_list_widget li img {
float: left;
width: 50px;
}
.menu-header-cart ul.cart_list li a, 
.menu-header-cart ul.product_list_widget li a {
display: inline;
font-weight: 700;
}
.menu-header-cart ul.product_list_widget li span.quantity{
display: block;
margin-left: 70px;
}
.menu-header-cart a{
color: #555 !important;
font-size: 12px;
font-weight: 400 !important;
}
.menu-header-cart .woocommerce-mini-cart__total,
.menu-header-cart .woocommerce-mini-cart__buttons{
margin-left: 25px;
margin-bottom: 10px;
}
span.res-cart-menu{
position: absolute;
right: 60px;
top: 25px;
}
span.res-cart-menu a{
color: #fff;
padding: 0;
line-height: 0;
}
span.res-cart-menu a span {
background: #e06d6d;
}
.nav li.right .fa{
font-size: 20px;
}
header.menu-wrapper.style-2 a.cart-contents .fa {
color: #555;
} .woocommerce div.product div.images .flex-control-thumbs{
margin-top: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 22%;
float: left;
margin: 5px;
list-style: none;
} @media only screen and (max-width: 480px) {
.woocommerce-cart-form .coupon input.button{
margin-top: 20px;
font-size: 12px;
}    
.woocommerce .related.products ul.products li.product, .woocommerce-page .related.products ul.products li.product{
margin: 0 0px 50px 0px;
}       
.woo-cta-section{
margin: 0 !important;
}
.wooicon-wrapper .pb-content{
margin: 20px 0;
}    
}
@media only screen and (max-width: 767px) {  
.woocommerce .related.products ul.products li.product, .woocommerce-page .related.products ul.products li.product{
margin: 0 0px 50px 0px;
}    
#shop-nav nav.navbar ul li.right{
position: relative !important;
float: none !important;
} 
.nav li.right{
text-align: left;
}
.nav.cart-menu{
display: none;
}
}.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: 0;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.mCSB_inside>.mCSB_container {
margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
background-image: url(//atelierminederien.com/wp-content/themes/krystalpro/css/mCSB_buttons.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, .1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
height: 14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: .3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, .2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
right: 1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
height: 12px;
width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, .05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, .05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
left: 0;
right: auto
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, .2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, .2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, .2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, .2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, .6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9)
}
 [class^='imghvr-'], [class*=' imghvr-'] {
position: relative;
display: inline-block;
margin: 0;
max-width: 100%;
background-color: #2266a5;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
vertical-align: top;
max-width: 100%;
}
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
background-color: #135796;
padding: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #ffffff;
}
[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {
color: #ffffff;
}
[class^='imghvr-'] a, [class*=' imghvr-'] a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
} [class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
opacity: 0;
}
[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img {
opacity: 0;
}
[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
opacity: 1;
}
[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}  .imghvr-fade-in-up figcaption {
-webkit-transform: translate(0, 15%);
-moz-transform: translate(0, 15%);
-ms-transform: translate(0, 15%);
-o-transform: translate(0, 15%);
transform: translate(0, 15%);
} .imghvr-fade-in-down figcaption {
-webkit-transform: translate(0, -15%);
-moz-transform: translate(0, -15%);
-ms-transform: translate(0, -15%);
-o-transform: translate(0, -15%);
transform: translate(0, -15%);
} .imghvr-fade-in-left figcaption {
-webkit-transform: translate(-15%, 0);
-moz-transform: translate(-15%, 0);
-ms-transform: translate(-15%, 0);
-o-transform: translate(-15%, 0);
transform: translate(-15%, 0);
} .imghvr-fade-in-right figcaption {
-webkit-transform: translate(15%, 0);
-moz-transform: translate(15%, 0);
-ms-transform: translate(15%, 0);
-o-transform: translate(15%, 0);
transform: translate(15%, 0);
} [class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-push-up figcaption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-push-up:hover > img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-push-down figcaption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-push-left figcaption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-push-left:hover > img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-push-right figcaption {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
} [class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-slide-up figcaption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-slide-down figcaption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-slide-left figcaption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-slide-right figcaption {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-slide-top-left figcaption {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-slide-top-right figcaption {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-slide-bottom-left figcaption {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-slide-bottom-right figcaption {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #135796;
}
[class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption {
opacity: 0;
}
[class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-reveal-up:before {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-reveal-down:before {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-reveal-left:before {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-reveal-right:before {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img {
opacity: 0;
}
[class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-hinge-up img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-hinge-down img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-moz-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
-o-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-hinge-left img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
} .imghvr-hinge-right img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
} [class^='imghvr-flip-'], [class*=' imghvr-flip-'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img {
backface-visibility: hidden;
}
[class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption {
opacity: 0;
}
[class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img {
opacity: 0;
}
[class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.14s;
-moz-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-flip-horiz figcaption {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
} .imghvr-flip-vert figcaption {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-flip-vert:hover > img {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
} .imghvr-flip-diag-1 figcaption {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
-moz-transform: rotate3d(1, -1, 0, 100deg);
-ms-transform: rotate3d(1, -1, 0, 100deg);
-o-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-flip-diag-1:hover > img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
-moz-transform: rotate3d(-1, 1, 0, 100deg);
-ms-transform: rotate3d(-1, 1, 0, 100deg);
-o-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-flip-diag-1:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} .imghvr-flip-diag-2 figcaption {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-ms-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-flip-diag-2:hover > img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
-moz-transform: rotate3d(-1, -1, 0, 100deg);
-ms-transform: rotate3d(-1, -1, 0, 100deg);
-o-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-flip-diag-2:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} [class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
background: #135796;
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.imghvr-shutter-out-horiz:hover:before {
left: 0;
right: 0;
} .imghvr-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.imghvr-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
} .imghvr-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
} .imghvr-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.imghvr-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
} [class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before {
background: #135796;
position: absolute;
content: '';
}
[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {
top: 0;
left: 0;
}
[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {
right: 0;
bottom: 0;
}
[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
width: 50%;
} .imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
height: 0;
width: 100%;
}
.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
height: 50%;
} .imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
width: 100%;
} .imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
height: 100%;
} .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
-moz-transform: skew(-45deg) translateX(-150%);
-ms-transform: skew(-45deg) translateX(-150%);
-o-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
-moz-transform: skew(-45deg) translateX(150%);
-ms-transform: skew(-45deg) translateX(150%);
-o-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
-moz-transform: skew(-45deg) translateX(-50%);
-ms-transform: skew(-45deg) translateX(-50%);
-o-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
-moz-transform: skew(-45deg) translateX(50%);
-ms-transform: skew(-45deg) translateX(50%);
-o-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
} .imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
-moz-transform: skew(45deg) translateX(-100%);
-ms-transform: skew(45deg) translateX(-100%);
-o-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.imghvr-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
-moz-transform: skew(45deg) translateX(100%);
-ms-transform: skew(45deg) translateX(100%);
-o-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.imghvr-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
-moz-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
-o-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.imghvr-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
-moz-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
-o-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
} [class^='imghvr-fold'], [class*=' imghvr-fold'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-fold'] img, [class*=' imghvr-fold'] img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption {
z-index: 1;
opacity: 0;
}
[class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img {
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
[class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-fold-up > img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-up figcaption {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-up:hover > img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
-moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
-ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
-o-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
} .imghvr-fold-down > img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-down figcaption {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-down:hover > img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
} .imghvr-fold-left > img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-fold-left figcaption {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-left:hover > img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
} .imghvr-fold-right > img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-right figcaption {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-fold-right:hover > img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
} .imghvr-zoom-in figcaption {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.imghvr-zoom-in:hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
} [class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-zoom-out:hover > img {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
} .imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img {
-webkit-animation: imghvr-zoom-out-up 0.4025s linear;
-moz-animation: imghvr-zoom-out-up 0.4025s linear;
animation: imghvr-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
-moz-transform: scale(0.8) translateY(-150%);
-ms-transform: scale(0.8) translateY(-150%);
-o-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
-moz-transform: scale(0.8) translateY(-150%);
-ms-transform: scale(0.8) translateY(-150%);
-o-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
} .imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img {
-webkit-animation: imghvr-zoom-out-down 0.4025s linear;
-moz-animation: imghvr-zoom-out-down 0.4025s linear;
animation: imghvr-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
-moz-transform: scale(0.8) translateY(150%);
-ms-transform: scale(0.8) translateY(150%);
-o-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
-moz-transform: scale(0.8) translateY(150%);
-ms-transform: scale(0.8) translateY(150%);
-o-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
} .imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img {
-webkit-animation: imghvr-zoom-out-left 0.4025s linear;
-moz-animation: imghvr-zoom-out-left 0.4025s linear;
animation: imghvr-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
-moz-transform: scale(0.8) translateX(-150%);
-ms-transform: scale(0.8) translateX(-150%);
-o-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
-moz-transform: scale(0.8) translateX(-150%);
-ms-transform: scale(0.8) translateX(-150%);
-o-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
} .imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img {
-webkit-animation: imghvr-zoom-out-right 0.4025s linear;
-moz-animation: imghvr-zoom-out-right 0.4025s linear;
animation: imghvr-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
-moz-transform: scale(0.8) translateX(150%);
-ms-transform: scale(0.8) translateX(150%);
-o-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
-moz-transform: scale(0.8) translateX(150%);
-ms-transform: scale(0.8) translateX(150%);
-o-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
} .imghvr-zoom-out-flip-horiz {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-horiz figcaption {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
-moz-transform: rotateX(0) translateY(0%) scale(1);
-ms-transform: rotateX(0) translateY(0%) scale(1);
-o-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-zoom-out-flip-vert {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-vert figcaption {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
-moz-transform: rotateY(0) translate(0, 0) scale(1);
-ms-transform: rotateY(0) translate(0, 0) scale(1);
-o-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blur figcaption {
opacity: 0;
}
.imghvr-blur:hover > img {
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.imghvr-blur:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}*, *:after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
outline: 0px !important;
-webkit-appearance: none;
}
html, body {
color: #555;    
font-size: 13px;    
font-style: normal;
font-weight: 400;    
height: 100%;
letter-spacing: 0.5px;    
margin: 0;
padding: 0;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
width: 100%;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
body {
line-height: 1.7em;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p,ul { 
margin:0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
color:#555;
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1 {font-size: 32px; font-weight: 700;}
h2 {font-size: 30px; font-weight: 700;}
h3 {font-size: 26px; font-weight: 700;}
h4 {font-size: 22px; font-weight: 700;}
h5 {font-size: 18px; font-weight: 700;}
h6 {font-size: 14px; font-weight: 700;}  
a {text-decoration: none; 
display: inline-block;
}
a:hover,a:focus,a:visited {text-decoration: none; 
outline: none;
}
img {max-width: 100%;}
ol, ul {
list-style: none;
}
input[type="text"],
input[type="email"],input[type="password"] {    
background: transparent;
border: none;
border-bottom: 1px solid #555;        
color: #000;    
height: 50px;
padding: 0px 10px 0 20px;    
width: 100%;    
font-weight: 400;
}
textarea {
background: transparent;
border: none;
border-bottom: 1px solid #555;    
color: #000;
padding: 10px 10px 0 20px;
width: 100%;
font-weight: 400;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
outline: 0px !important;
-webkit-appearance: none;
}
blockquote{
background: transparent url(//atelierminederien.com/wp-content/themes/krystalpro/img/bquote.png) no-repeat scroll 0 0;
border: none;
padding: 0 0 0 40px;
}
blockquote p {
margin-top: 30px;
overflow: hidden;
margin-bottom: 8px !important;
}
blockquote cite{
font-weight: 700;
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
caption, td {
font-weight: normal;
text-align: left;
}
tr{
font-weight: 700;
}
ul {
list-style-type: disc;
margin-left: 20px;
}
ol{
margin-left: 20px;
list-style: decimal;
}
li > ul, li > ol {
margin-left: 20px;
}
address {
font-style: italic;    
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dd{
margin: 0 0 1.5em 20px;
padding: 0;   
}
big {
font-size: 125%;
}
small {
font-size: 80%;
}
.loader-wrapper {
background: #fff;
width: 100%;
height: 100%;
position: fixed;
z-index: 100000;
}
#pre-loader {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
}
@keyframes spinner_preloader {
0% {
transform: rotate(0deg); }
50% {
transform: rotate(360deg); }
100% {
transform: rotate(720deg); } 
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;    
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;   
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky{
margin-bottom: 2px; 
}
.entry-title .fa-thumb-tack{
padding-right: 5px;
}
.gallery-caption{
font-size: 16px;
font-weight: 700;
}
.bypostauthor{
font-size: 14px;
color: #555;
}
.center{
text-align: center;
} header.menu-wrapper {
position: absolute;
top:0;
left:0;
right: 0;
z-index: 99;  
}
header.menu-wrapper.style-2 {
position: relative;  
}
header.menu-wrapper .container-fluid {
padding: 0 70px;
}
header.menu-wrapper .logo {
margin-top: 5px;
}
header nav{
float: right;
}
header.menu-wrapper nav>ul>li {
display: inline-block;
margin: 10px 5px;
position: relative;
}
header.menu-wrapper nav ul li .fa {
color:#fff;
margin-left: -5px;
cursor: pointer;
line-height: 50px;
}
header.menu-wrapper nav ul li a {
font-size: 13px;
color: #fff;
line-height: 30px;
padding: 20px 10px;
}
header.menu-wrapper.style-2 nav ul li a{
color: inherit;
} header.menu-wrapper nav ul>li.dropdown-holder .sub-menu {
position: absolute;
left: 0;
top:120%;
width:250px;
background: #262626;
opacity: 0;
visibility: hidden;
margin-top: 5px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
}
header.theme-menu-wrapper nav ul>li.dropdown-holder:hover .sub-menu {
opacity: 1;
visibility: visible;
top:100%;
}
header.theme-menu-wrapper nav ul>li.dropdown-holder .sub-menu li a {
font-size: 14px;
text-transform: uppercase;
color:#f3f3f3;
line-height: 55px;
display: block;
padding: 0 0 0 25px;
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
header .nav > li > a:hover, header .nav > li > a:focus{
background: none;
}
header.theme-menu-wrapper nav ul>li.dropdown-holder .sub-menu li:last-child a {
border:none;
}
header .navbar-collapse li{
padding: 10px 0;
}
header .navbar-collapse li .sub-menu{
padding-left: 20px;
padding-top: 20px;
}
header .res-menu::-webkit-scrollbar {
width: 7px;
}
header .res-menu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
header .res-menu::-webkit-scrollbar-thumb {
background-color: #c7c7c7;  
}
header .navbar-toggle i{
cursor: pointer;
font-size: 16px;
} @keyframes menu_sticky {
0%  {margin-top:-120px;opacity: 0;}
50%  {margin-top: -64px;opacity: 0;}
100% {margin-top: 0;opacity: 1;}
}
header.menu-wrapper.fixed {
position: fixed;
width:100%;
top:0;
left:0;
z-index: 1001;
background: #fff;
animation: menu_sticky 0.7s ease-in-out;  
border-bottom: 1px solid #f5f5f5;  
box-shadow: 0px -4px 12px 0px;
-webkit-box-shadow: 0px -4px 12px 0px;
-moz-box-shadow: 0px -4px 12px 0px;
}
header.menu-wrapper.fixed a{    
color: #555;
}
.navbar-toggle{
color: #fff;    
position: absolute;
right: 0;
top: 5px;
padding: 0;
margin-right: 30px;
margin-top: 20px;
}
header.menu-wrapper.style-2 .navbar-toggle{
color: inherit;
}
header.menu-wrapper.fixed .navbar-toggle{
color: #555;
}
header.menu-wrapper.fixed nav ul>li.dropdown-holder .sub-menu:before {
display:none;
}
header.menu-wrapper.fixed nav ul>li.dropdown-holder .sub-menu {
margin-top:10px;
}
header .custom-logo-link img{
width: auto;
max-height: 60px;
margin: 15px 0;
}
header #logo-alt{
display: none;
}
header #logo-alt img{
max-height: 50px;
margin-top: 10px;
}
header.menu-wrapper.fixed nav ul li a{
padding: 10px 10px;
}
header.menu-wrapper.fixed .menu-search,
header.menu-wrapper.fixed .menu-search-x{
top: 25px;
}
header.menu-wrapper.fixed .menu-search:before,
header.menu-wrapper.fixed .menu-search:after,
header.menu-wrapper.fixed .menu-search-x:before,
header.menu-wrapper.fixed .menu-search-x:after{
border: 1px solid #555;
}
header.menu-wrapper.fixed #search-box .search input {
border-bottom: 1px solid #555;
color: #555;
}
header.menu-wrapper.fixed #search-box .search input::-webkit-input-placeholder,
header.menu-wrapper.fixed #search-box .search input::placeholder{ 
color: #555;
}
h1.site-title{
line-height: 1.0;
margin: 0;
padding: 10px 0px 0;  
font-size: 32px;  
}
header.menu-wrapper.fixed h1.site-title{
padding-top: 0;
}
.site-title a {
color: #fff;
font-size: 18px;
}
.site-title a:hover,.site-title a:focus,.site-title a:visited{
color: #fff;
}
p.site-description {
color: #fff;
font-size: 11px;
}
header.menu-wrapper.style-2 p.site-description {
color: inherit;
}
.fixed p.site-description{
color: #000;
} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
background: none;
}
header.menu-wrapper nav ul li ul li a{
padding: 3px 20px;
}
header.menu-wrapper.fixed nav ul li ul li a{
padding: 0 20px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
color: #fff !important;
background: #444444;        
}
.navbar-nav > li > .dropdown-menu {    
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
background: #444444;    
color: #fff !important;    
}
.dropdown-menu > li > a{
padding: 12px 24px;        
color: #555 !important;    
text-transform: none;
white-space: normal;
}
.navbar-default .navbar-nav > .open > a{
background: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover{
background: none;
}
.nav ul ul {
position: absolute;
top: -3px;
left: 180px;
display: none !important;
}
.nav li:last-child ul ul,.nav li:nth-last-child(2) ul ul{
position: absolute;
top: -3px;
left: -180px;
display: none !important;   
}
.dropdown-menu {
background-color: rgba(255, 255, 255, 1);
padding: 0;
min-width: 180px;
border-radius: 0;
margin: 6px 0; 
border-radius: 4px;
border: 1px solid rgba(0,0,0,0.03);   
}
.dropdown-menu li{
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.dropdown-menu li:hover ul,.nav li:last-child .dropdown-menu li:hover ul,.nav li:nth-last-child(2) .dropdown-menu li:hover ul { 
display: block !important;
}
.bread-crumb,.bread-crumb span{
color: #fff;
padding-top: 10px;
}
.dropdown-menu > li:last-child > a:hover, .dropdown-menu > li:last-child > a:focus{
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.dropdown-menu > li:first-child > a:hover, .dropdown-menu > li:first-child > a:focus{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
border-radius: 0;
}
.dropdown-menu li:last-child{
border-bottom: 0;
}
.dropdown-menu{
margin:0;
} section.home-color-section{
height: 100vh;
}
#parallax-bg {
margin: 0 0;
}
#parallax-bg #slider-inner {
background-size: cover !important;
height: 100vh;
padding-top: 25px;
position: relative;
}
#parallax-bg #slider-inner:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;    
background: rgba(0,0,0,.5);
text-align: center;
color: #fff;
}
.slide-bg-section {
color: #fff;
display: table;
height: calc(100vh - 10px);    
overflow: hidden;
width: 100%;
}
#parallax-bg.style2 .slide-bg-section{
height: calc(100vh - 200px);    
}
.slide-bg-section .slide-bg-text {
display: table-cell;
vertical-align: middle;
}
.slide-bg-section h1 {    
color: #fff;
font-weight: 900;
margin: 0;
}
.slide-bg-section p.center {
margin: auto;
width: 55%;
}
.slide-bg-section p.right {
float: right;    
}
.slide-bg-section p {
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px; 
padding: 10px 0 10px 0;
width: 45%;    
margin: auto;
}
.slide-bg-section p.left {
text-align: left;
width: 45%;      
margin: 0;  
}
.slide-bg-section .slide-buttons{
clear: right;
}
.slide-bg-section .read-more {    
margin-top: 25px;
display: inline-block;
margin-right: 30px;
}
.slide-bg-section .read-more a {
background: transparent;
border: 1px solid #dedede;
border-radius: 45px;
color: #fff !important;
font-size: 14px;
font-weight: 700;    
padding: 18px 35px;    
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
}
section > .main-content,.inner-overlay>.main-content{
padding-top: 110px;
padding-bottom: 50px;
}
.page-content-area{
margin: 70px 0;
}
.elementor-page .page-content-area{
margin-bottom: 0;
}
.title{
text-align: center;
}
.title h3{
color: #555;
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.title p{
margin: auto;
width: 400px;    
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
}
.image .img-responsive{
display: inline-block;
}
.content p{
margin: 35px 0;
} .camera_wrap {
float:none;
}
#slider .camera_overlayer {
content: '';
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);    
opacity: 0.8;
}
#slider.camera_wrap .camera_pag .camera_pag_ul {
position: absolute;
text-align: center;
top:90%;  
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
z-index: 99;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#slider.camera_wrap .camera_pag .camera_pag_ul li {
width: 12px;
height: 12px;
margin: 0 5px;
background: transparent;
border-radius: 50%;
border:1px solid #fff;  
}
#slider.camera_wrap .camera_pag .camera_pag_ul li span {
display: none;
}
#slider.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
background: #fff;
}
#slider .camera_caption {
height: 100%;
}
#slider .camera_caption>div {
background: transparent;
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
padding: 0;
}
#slider .camera_caption>div {
background: transparent;
position: absolute;
width: 100%;
z-index: 1;
top: 50%;
transform: translateY(-50%);  
text-shadow: none;
left: 0;
}
#slider .camera_caption .container {
position: relative;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#slider.center-item .camera_caption {
text-align: center;
} ul.portfolio-list{
list-style-type: none;
margin-left: 0;
}
ul.portfolio-list li{
width: 19.95%;
padding: 10px;
}
.effects .pfolio-img {
position: relative;    
}
.effects .pfolio-img:last-child {
margin-right: 0;
}
.effects .pfolio-img img {
display: block;    
height: auto;
margin: 0;
padding: 0;
max-width: 100%;    
}
.isotope .pfolio-img a.info-link {
border-radius: 50%;
border: 1px solid #fff;
color: #fff;
display: inline-block;
margin: 5px 5px;    
padding: 8px 14px;
position: absolute;
top:40%;
left: 28%;
text-decoration: none;
text-transform: uppercase;
}
.isotope .pfolio-img a.info-search {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
margin: 5px 5px;
padding: 8px 14px;
text-decoration: none;    
text-transform: uppercase;
position: absolute;
left:53%;
top:40%;    
}
.isotope .item .item-description {
border: 1px solid #000;
background: #fff;
border-top: none;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.isotope .item .item-description span {
font-size: 15px;
} .isotope #filter {
font-weight: 700;
margin: 10px 0 30px 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.isotope #filter li {        
display: inline-block;
padding-right: 2px;
}
.isotope #filter li a {    
display: block;
height: 31px;
line-height: 26px;
padding-left: 15px;
padding-right: 10px;
padding: 3px 10px;
}
.isotope #filter li.selected a, .isotope #filter li a:hover {
border-radius: 2px;    
text-decoration: none;
transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .215s ease-in-out;
}
.isotope .portfolio4 img {
height: 230px;
width: 100%;    
} .isotope-hidden{
display: none;
}
.mfp-bg{
opacity: 1;
position: fixed !important;
}
figcaption .mfp-title{
margin-top: 15px;
margin-bottom: 500px;
}
figcaption .mfp-figure small{
margin-top: 10px;
}
figcaption p{
font-size: 11px;
}
.portfolio-list .description{
text-align: center;    
margin-top: 10px;
}
.portfolio-list .description p>a{
font-weight: 700;
}
.portfolio-list .description h5{
text-transform: uppercase;
font-size: 14px;
}
.portfolio-list .description p{
text-transform: uppercase;
font-size: 12px;
}
[class^='imghvr-'] h4, [class*=' imghvr-'] h4 {        
text-transform: uppercase;
}
[class^='imghvr-'] a, [class*=' imghvr-'] a {
position: relative;
color: #fff;
font-size: 12px;
}
[class^='imghvr-'] a>i, [class*=' imghvr-'] a>i{
font-size: 20px;
}
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before{
background-color: #009688;
}
[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption{
text-align: center;
background-color: #009688;   
}
[class^='imghvr-fold']:hover figcaption, [class^='imghvr-fold']:hover figcaption {
text-align: center;
background: transparent;    
}
[class^='imghvr-'], [class*=' imghvr-']{
background: none;
}
[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
height: 170px !important;
width: 100%;
} .blog-wrapper{
margin: 70px 0;
padding-right: 40px;
}
.blog-wrapper .image{
position: relative;
max-width: 100%;      
overflow: hidden;
}
.blog-wrapper.blog-list .image{
position: relative;
max-width: 100%;      
overflow: hidden;
}
.blog-wrapper img{
max-width: 100%;   
vertical-align: top;
height: auto;    
}
.blog-wrapper.blog-list img{
max-width: 100%;   
vertical-align: top;
height: auto;    
}
.meta-wrapper ul.post-categories{
display: inline;
margin-left: 0;
list-style-type: none;
}
.meta-wrapper ul.post-categories li{
display: inline;
}
.blog-wrapper .meta{
color: #555;
margin: 20px 0px;
}
.meta .meta-item{
padding-left: 15px;
padding-right: 15px;
border-right: 1px solid #d8d8d8;
}
.meta .meta-item:last-child{    
border-right: 0;
}
.meta .meta-item:first-child{
padding-left: 0px;
}
.meta-item i{
padding-right: 10px;
}
.blog-content h3{
font-weight: 700;    
padding: 0;
}
.post-info.single {
padding: 30px 0;
}
ul.post-categories {
display: inline;
margin-left: 0;
}
.post-tags.single {
text-align: right;
}
.post-category li {
display: inline;
}
.blog-content h4{
font-weight: 700;
margin: 25px 0 18px 0;
padding: 0;
}
.blog-wrapper .read-more{
margin:40px 0;
text-align: right;
}
.post-navigation h2 {
display: none;
}
.single .nav-links {
background: #fbfbfb;
padding: 25px;
font-size: 13px;
margin-bottom: 40px;
}
.single-post #respond{
margin-bottom: 70px;
}
.nav-links .nav-previous, .nav-links .nav-next {
width: 50%;
display: inline-block;
}
.nav-links .nav-previous:before {
content: "\f060";
font-family: FontAwesome;
padding-right: 5px;
}
.nav-links a {
color: #555;
}
.nav-links .nav-next {
text-align: right;
}
.nav-links .nav-next:after {
content: "\f061";
font-family: FontAwesome;
padding-left: 5px;
}
.nav-links > .nav-next:first-of-type {
width: 100%;
}
#commentform input[type=submit]{
margin-top: 50px;
background: none;
border-radius: 45px;
border: 1px solid #555;
color: #555;
padding: 15px 40px;
transition: all 0.3s ease-in-out;
outline: 0 !important;
-webkit-appearance: none;
}
.pagination{
padding-left: 15px;
width: 100%;
}
.pagination .nav-links .current{
font-weight: 700;
font-size: 14px;  
border-radius: 45px;
padding: 6px 14px;
color: #fff;
}
.pagination .nav-links a{
padding: 5px 25px;
}
.widget-area{
margin-top: 50px;
}
.widget-area .widget{
margin: 50px 0;
}
aside h4.widget-title {
text-transform: uppercase;
}
aside .widget ul{
margin-top: 15px;
}
aside .widget ul li{
padding: 5px 0;  
}
aside .widget input#searchsubmit,aside .widget label.search-icon{
display: none;
}
.searchpage .page-content form{
margin-top: 50px;
}
form.searchform input#searchsubmit,form.searchform label.search-icon{
display: none;   
} .searchpage .content-area{
margin: 70px 0;
}
.searchpage .content-area article{
margin: 50px 0;
}
.searchpage .content-area article h3{
margin: 15px 0;
}
.search-content h1{
margin-bottom: 20px;
padding: 0;
} .menu-search:before {    
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
display: inline-block;
height: 15px;
top: 1px;
-webkit-transform: translateX(0%) translateY(0%);
-moz-transform: translateX(0%) translateY(0%);
-ms-transform: translateX(0%) translateY(0%);
-o-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
width: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menu-search:after {    
content: "";
display: inline-block;
height: 10px;
-webkit-transform: translateX(50%) translateY(50%) rotate(-45deg);
-moz-transform: translateX(50%) translateY(50%) rotate(-45deg);
-ms-transform: translateX(50%) translateY(50%) rotate(-45deg);
-o-transform: translateX(50%) translateY(50%) rotate(-45deg);
transform: translateX(50%) translateY(50%) rotate(-45deg);
width: 1px;
}
.menu-search-x:before {    
content: "";
display: inline-block;
height: 15px;
margin-left: 10px;
margin-top: 5px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 1px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menu-search-x:after {    
content: "";
display: inline-block;
height: 15px;
margin-left: 10px;
margin-top: 5px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 1px;
}
.menu-search, 
.menu-search-x {
cursor: pointer;
height: 20px;
width: 20px;
}
#search-box {    
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
position: absolute;
width: 280px;
right: 0px;
top: 60px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 1;    
}
#search-box.show-search-box {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#search-box .search-form {
background-color: rgba(255, 255, 255, 0.9);
display: none;
height: 80px;
padding: 20px 20px 0;
width: 100%;
}
#search-box.show-search-box .search-form {
display: block;
}
#search-box input.search-field {
width: calc(100% - 50px);
}
#search-box .search-submit {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
color: #999;
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
}
#search-box input[type="search"] {
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
} #comments{
margin-top: 50px;
}
ol.comment-list{
margin-top: 30px;
list-style-type: none;
margin-left: 0;
}
ol.children{
list-style-type: none;
}
.comment-metadata{
margin: 10px 0;
}
#respond{
margin-top: 50px;
}
.comment-meta .reply{
margin: 10px 0;
}
.comment-meta b.fn{
padding-left: 10px;
}
#respond h3#reply-title{
margin-bottom: 5px;
}
.children .comment{
padding-left: 50px;
} form.wpcf7-form{
width: 60%;
margin: auto;
}
form.wpcf7-form label{
display: block;
}
form input[type="submit"]{
margin-top: 35px;
background: none;
border-radius: 45px;
border: 1px solid #555;
color: #555;
padding: 15px 40px;
transition: all 0.3s ease-in-out; 
outline: 0 !important;
-webkit-appearance: none;
}
div.wpcf7 .ajax-loader{
position: absolute;
right: 48%;
top: 100%;
margin-top: 10px;
}
div.wpcf7-validation-errors{
text-align: center;
border: 0;
color: #ff0000;
}
div.wpcf7-mail-sent-ng{
text-align: center;
border: 0;
color: #ff0000; 
}
div.wpcf7-mail-sent-ok{
text-align: center;
border: 0;
color: #408e1e;
}
span.wpcf7-not-valid-tip { 
display: none; 
}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"] { 
border-bottom: 1px solid #ff0000 !important;
transition: all 0.3s ease-in-out; 
} .footer-widgets-wrapper h4{
padding: 0;
}
footer .social{
color: #555;
}
footer .social-icons .s-icon a{
color: #555;
}
footer .social-icons .s-icon{
padding:5px;
}
footer .social-icons i{
text-align: center;
font-size: 16px;
width: 45px;
height: 45px;
padding: 12px;    
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
footer ul li{
padding: 5px 0;
}
footer .social-icons i:hover{
color: #fff;   
background: #000;  
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
footer .copyrights{
margin: 30px 0;
text-align: center;
}
footer .footer-inner{
text-align: center;
}
footer .footer-inner .icon i{
font-size: 40px;
} .btn{
padding: 6px 25px;
}
button.trans{
background: none;
border: 1px solid #fff;
height: 50px;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.black{
background: #000;    
height: 50px;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button i{
padding-left: 5px;
}
.btn-default{
color: #fff;
}
.btn-default:focus{    
border: none;
color: #fff;
}
.btn-default:hover{       
border: 0;       
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.trans:hover, button.trans:focus, button.trans:active{    
background: #000; 
border: 1px solid #000;
color: #fff;   
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.black:hover, button.black:focus, button.black:active{    
background: #000; 
border: 1px solid #000;
color: #fff;   
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button{
font-size: 12px;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.trans{
background: none;
border: 1px solid #fff;      
width: 160px;
height: 50px;
border-radius: 45px;
}
button.black{
background: #000;    
border: 1px solid #000;      
width: 160px;
height: 50px;
border-radius: 45px;
}
button.grey{
background: none;    
border: 1px solid #555;      
width: 160px;
height: 50px;
border-radius: 45px;
color: #555;
}
button i{
padding-left: 5px;    
}
.btn-default{
color: #fff;
background: #444444;    
border: 1px solid #444444;      
width: 160px;
height: 50px;
border-radius: 45px;
outline: 0 !important;
-webkit-appearance: none;
}
.btn-default:focus{
background: #000;
border: none;
color: #fff;
}
.btn-default:hover{
color: #fff;
background: #036b61;
border: none;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} a.trans{
outline: 0 !important;
-webkit-appearance: none;
transition: all 0.3s ease-in-out;
} .btntoTop {
width: 30px;
height: 30px;
position: fixed;
bottom: 30px;
right: 30px;
border: 1px solid #000;
text-align: center;
line-height: 25px;
cursor: pointer;
opacity: 0;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btntoTop:before {
content: "\f106";
display: inline-block;
vertical-align: middle;
font: 20px 'FontAwesome';    
}
.btntoTop.active {
opacity: 1;
}
.btntoTop.active:hover {
opacity: 0.8;
background: #000;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;        
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .section-title.page-title {    
padding: 150px 5px 125px 5px;  
}
.section-title h1{
color: #fff;
margin: 0;
padding: 0;
} @-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-down {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
text-align: center;
}
#parallax-bg.style2 .scroll-down{    
bottom: inherit;
}
.scroll-down > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #7f8c8d;
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
}
.scroll-down > *:hover,
.scroll-down > *:focus,
.scroll-down > *.active {
color: #ffffff;
}
.scroll-down > *:hover,
.scroll-down > *:focus,
.scroll-down > *:active,
.scroll-down > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-down .mouse {
position: relative;
display: block;
width: 20px;
height: 35px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid white;
border-radius: 23px;
}
.scroll-down .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 4px;
height: 4px;
margin: 0 0 0 -2px;
background: white;
border-radius: 50%;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;
} .page-content-area h1.page-error{
margin-bottom: 20px;
padding-top: 0;
}
.error404 .page-content-area form{
margin-top: 50px;
} .style-1 .top-bar,
.style-2 .top-bar{
padding: 5px 0;
}
.style-1 .top-bar{
border-bottom: 1px solid #ffffff1f;
}
.style-2 .top-bar{
background: #efefef;
}
.topbar-text{
color: #fff;
}
.topbar-text p{
margin: 0;
}
.top-right-sidebar{
text-align: right;
}
.top-right-sidebar ul{
list-style-type: none;
}
span#call-us{
margin-right: 20px;
color: #fff;
}
#menu-social{
list-style-type: none;
margin-left: 0;
float: right;
}
#menu-social li{
display: inline-block;
padding: 0 10px;
}
#menu-social li i{
color: #fff;
} input[type="radio"],input[type="radio"]:hover{
-webkit-appearance: radio;
}
input[type="checkbox"],input[type="checkbox"]:hover{
-webkit-appearance: checkbox;
}
.main-menu li.menu-button {
padding: 0 10px;
}
.main-menu li.menu-button > a {
padding: 1px 20px !important;
border-radius: 45px;
}
.main-menu li.menu-button > a {
position: relative;
}
select{
background: transparent;
border: none;
border-bottom: 1px solid #555;
color: #000;
height: 50px;
padding: 0px 10px 0 20px;
width: 100%;
font-weight: 400;
padding-left: 10px;
}
.hatom-extra{
display: none;
}@media only screen and (max-width: 320px){    
.portfolio-list{
margin-left: 5px !important;
}
.blog-wrapper .meta{
margin-bottom: 5px;
}
.blog-wrapper .meta-wrapper{
font-size: 11px;        
}
}
@media only screen and (max-width: 480px) {  
.dropdown-menu{
-webkit-box-shadow:none;
box-shadow:none;
border: 0;
}
.dropdown-menu a:hover{
color: #555;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus{
background: none;
color: #555;
}
.slide-bg-section h1{
font-size: 20px !important
}
.slide-bg-section p{
width: 100% !important;
}
.slide-bg-section .read-more{
text-align: center;
margin-right: 0;
}
.scroll-down{
bottom: 5px;
}
#contact .contact-wrapper{
width: 100%;
}
.title p{
width: 100%;
}    
.portfolio-list{
margin-left: 20px;
}    
.blog-wrapper .image,.blog-wrapper.blog-list .image{
height: 175px;
}
.blog-wrapper.blog-list img{
min-height: 175px;
}
#blog-section .blog-wrapper .meta-wrapper {
margin: 30px 15px;
}   
article .blog-wrapper .img-overlay{
width: 175px;
}
article .blog-wrapper .meta-wrapper{
margin-top: 25px;
margin-left: 0;         
}
.blog-wrapper .meta-tag{
margin-top: 20px;
}
ul.portfolio-list li{
width:100%;
height: auto;
text-align: center;
}
.blog-wrapper{
padding-right: 0;
}
span#call-us{
float: left;
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {    
header .custom-logo-link img{
height: auto;
margin-top: 10px !important;
} 
.res-menu{
background: #fff;
position: absolute;
width: 100%;
left: 0;
box-shadow: 0 0 2px #555;
-moz-box-shadow: 0 0 2px #555;
-webkit-box-shadow: 0 0 2px #555;
}
header.menu-wrapper.fixed{ 
display:none !important;
}
.dropdown-menu{
margin-left: 30px;
padding: 10px 0;        
position: relative;
float: none;
-webkit-box-shadow:none;
box-shadow:none;
border: 0;
}
.nav ul ul{
margin-left: 30px;
left: 0;
position: relative;
display: block !important;
}
.dropdown-menu li ul,.nav li:last-child .dropdown-menu li ul,
.nav li:nth-last-child(2) .dropdown-menu li ul { 
margin-left: 30px;
left: 0;
display: inline-block !important;
position: relative;
float: none;
}
.dropdown-menu a:hover{
color: #555;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus{
background: none;
color: #555;
}
.nav li:last-child ul ul,
.nav li:nth-last-child(2) ul ul{
left: 200px;
}   
header.menu-wrapper.fixed a{
font-size: 13px;
}
.dropdown-menu > li > a{
padding: 10px 10px;
font-size: 13px;
}
header .custom-logo-link img{
margin: 0;
margin-left: 20px;
}
header #logo-alt img{
margin-left: 20px;
}
header .navbar-collapse li{
padding: 0;
}
.about-section .content{
text-align: center;
}
.about-section .content .title{
text-align: center !important;
}
.about-section .content .content{
margin-bottom: 30px;
}
.about-section .content .image{
margin-bottom: 30px;
}    
.site-description{
margin-left: 20px;
}
.site-title{
margin-left: 20px !important
}
[class^="imghvr-"] > img, [class*=" imghvr-"] > img{
height: 100%;
}
ul.nav{
margin-left: 0;
}
footer .widget-title{
margin-top: 50px;
}   
.nav > li > a{
color: #555 !important;
}
li.right.wc-cart-menu{
text-align: left;
}
}    
@media only screen and (min-width: 481px) and (max-width: 767px) {
ul.portfolio-list li{
width:49%;        
text-align: center;
}   
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
ul.portfolio-list li{
width:33%;        
text-align: center;
}        
}