.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #dbdbdb;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 0 6px;
line-height:30px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; }
.select2-container--default .select2-selection--single {
background-color: #f8f8f8;
border: 1px solid #dbdbdb;
height:44px;
line-height:42px;
border-radius: 0; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: inherit;
line-height: 42px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #dbdbdb; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing {
cursor:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/css/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50); opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//www.swadeshi.it/wp-content/themes/monalisa/assets/css/AjaxLoader.gif) no-repeat center center
}.animate-1{
transition: all 250ms ease-out 0s;
-webkit-transition: all 250ms ease-out 0s;
}
.animate-2{
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
}
@-webkit-keyframes bounceInUpShort {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
75% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
90% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUpShort {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
75% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
90% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUpShort {
-webkit-animation-name: bounceInUpShort;
animation-name: bounceInUpShort;
}
@-webkit-keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownShort {
-webkit-animation-name: fadeInDownShort;
animation-name: fadeInDownShort;
}
.move_to_center {
-webkit-animation: moveToCenter 0.65s ease forwards;
animation: moveToCenter 0.65s ease forwards;
}
@-webkit-keyframes moveToCenter { to { -webkit-transform: translateX(0); opacity: 1; } }
@keyframes moveToCenter { to { transform: translateX(0); opacity: 1; } } .animated {
-webkit-animation-duration: 0.6s;
animation-duration:0.6s;
visibility: visible!important;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
.jello{
-webkit-animation-name:jello;
animation-name:jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.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: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
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% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.iwb-reservation-page .reservation-people-amount-field{
display:table;
width:100%;
}
.ui-datepicker .ui-datepicker-title select{
border:none;
height:34px;
line-height:34px;
padding:0 24px 0 10px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/bg-arrow-select.png) 88% center scroll no-repeat #f6f6f6;
color:#a8a8a8;
border-radius:2px;
position:absolute;
top:11px;
left:55px;
}
.ui-datepicker{
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.ui-datepicker .ui-datepicker-title select + select{
margin-left:15px;
left:125px;
}
.ui-datepicker .ui-datepicker-group .ui-datepicker-header{
position:relative;
font-size:18px;
margin-bottom:17px;
}
.ui-datepicker .ui-datepicker-group-first .ui-datepicker-header{
text-align:right;
}
.ui-datepicker .ui-datepicker-group-last .ui-datepicker-header{
text-align:left;
}
.ui-datepicker .ui-datepicker-header a{
height:20px;
width:20px;
border-radius:100px;
display:inline-block;
cursor:pointer;
line-height:18px;
text-align:center;
font-size:11px;
}
.ui-datepicker .ui-datepicker-group .ui-datepicker-header a{
position:absolute;
top:3px;
}
.ui-datepicker .ui-datepicker-header a.ui-state-disabled{
color:#bdbdbd;
border-color:#bdbdbd;
}
.ui-datepicker .ui-datepicker-header a > span{
display:none;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev{
float:left;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next{
float:right;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before{
content:"\f053";
font-family: FontAwesome;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before{
content:"\f054";
font-family: FontAwesome;
}
.ui-datepicker .ui-datepicker-group-first .ui-datepicker-header a{
left:0;
}
.ui-datepicker .ui-datepicker-group-last .ui-datepicker-header a{
right:0;
}
.ui-datepicker .ui-datepicker-title{
clear:both;
margin:35px 0 15px 0;
}
.ui-datepicker .ui-datepicker-group .ui-datepicker-title{
margin:0;
}
.ui-datepicker .ui-datepicker-header{
display: table;
width: 100%;
}
.ui-datepicker-calendar,
.ui-datepicker-calendar th{
text-align:center;
}
.ui-datepicker-calendar td{
padding:0;
}
.ui-datepicker-calendar td .ui-state-default{
display:block;
padding:5px;
}
.ui-datepicker-group .ui-datepicker-calendar td .ui-state-default{
padding:0;
}
.ui-datepicker-group .ui-datepicker-calendar{
text-align:center;
border:none;
font-size:16px;
color:#838383;
margin:0;
}
.ui-datepicker-group .ui-datepicker-calendar td{
border:none;
padding:2px;
height:46px;
line-height:42px;
}
.ui-datepicker-group .ui-datepicker-calendar th{
text-align:center;
border:none;
font-weight:600;
padding:2px;
height:46px;
line-height:42px;
}
.ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td a.ui-state-default{
display:block;
color:#232323;
padding:0;
}
.ui-datepicker .ui-datepicker-group .ui-datepicker-calendar .dp-highlight a.ui-state-default,
.ui-datepicker .ui-datepicker-group .ui-datepicker-calendar .dp-highlight a.ui-state-default.ui-state-hover{
color:#fff;
}
.ui-datepicker .ui-datepicker-calendar a.ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-group .ui-datepicker-calendar a.ui-state-default.ui-state-hover{
color:#fff;
}
#iwb-datepicker-range{
padding:0;
}
.ui-datepicker-group{
padding:25px;
}
.ui-datepicker-group + .ui-datepicker-group{
border-left:1px solid #e5e5e5;
} h2.title-room-available{
margin:8px 0 25px 0;
font-size:30px;
line-height:30px;
color:#262521;
font-weight:bold;
}
.iw-rooms-available{
background:#fff;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.iw-rooms-available .iw-room{
padding:0 30px;
}
.iw-rooms-available .room-inner{
padding:30px 0;
}
.iw-rooms-available .iw-room + .iw-room .room-inner{
border-top:1px solid #e1e1e1;
}
.iw-rooms-available .iw-room .img-wrap{
float:left;
width:140px;
}
.iw-rooms-available .iw-room .quantity-room{
width:95px;
float:right;
}
.iw-rooms-available .iw-room .room-info{
margin:0 105px 0 170px;
}
.iw-rooms-available .iw-room h3.title{
margin:0 0 5px 0;
font-size:18px;
font-weight:bold;
line-height:20px;
}
.iw-rooms-available .iw-room h3.title a{
color:#000;
}
.iw-rooms-available .iw-room .title-block-room{
margin-bottom:18px;
}
.iw-rooms-available .iw-room ul.room-meta{
list-style:none;
line-height:24px;
font-weight:600;
color:#ccc;
}
.iw-rooms-available .iw-room ul.room-meta li span{
color:#000;
}
.iw-rooms-available .iw-room .col-left{
float:left;
width:45%;
}
.iw-rooms-available .iw-room .col-right{
float:left;
width:55%;
line-height:24px;
}
.iw-rooms-available .iw-room .unit-price{
text-align:center;
font-weight:600;
}
.iw-rooms-available .iw-room .unit-price .unit-price-label{
font-size:14px;
color:#000;
margin-bottom:5px;
display:block;
margin-top: -7px;
} 
.iw-rooms-available .iw-room .unit-price .unit-price-value{
font-size:24px;
color:#cc0000;
} 
.iw-rooms-available .iw-room .bcart-quantity{
text-align:center;
margin-top: -10px;
}
.iw-rooms-available .iw-room .bcart-quantity a.add-bcart{
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
height: 40px;
line-height: 40px;
overflow: hidden;
position: relative;
text-transform: uppercase;
top: 22px;
transition:all ease 0.5s;
}
.iw-rooms-available .iw-room .bcart-quantity a.add-bcart span{
padding:0 20px;
transition:all ease 0.5s;
transform: translateX(0);
display:inline-block;
}
.iw-rooms-available .iw-room .bcart-quantity a.add-bcart:after{
position:absolute;
height:100%;
width:100%;
content:"\f061";
font-family:FontAwesome;
text-align:center;
left:0;
top:0;
transition:all ease 0.5s;
transform:translateX(-100%);
}
.iw-rooms-available .iw-room .bcart-quantity a.add-bcart:hover:after{
transform:translateX(0);
}
.iw-rooms-available .iw-room .bcart-quantity a.add-bcart:hover span{
transform:translateX(100%);
}
.iw-rooms-available .premium_services .service-item{
display:block;
font-weight:600;
margin:0;
color:#000;
cursor: pointer;
}
.reservation-room:nth-child(1){
margin-top:-16px;
}
.reservation-room.iwb-active:nth-child(1){
margin-top:-26px;
}
.reservation-room{
margin:0 -20px;
padding:19px 20px 28px 20px;
}
.reservation-room:last-child{
margin-bottom:30px;
}
.reservation-room h3,
.reservation-price-wrap h3.price-room-title{
font-size:13.75px;
margin:0 0 5px 0;
line-height:24px;
color:#232323;
font-weight:500;
font-family:"Poppins";
}
.reservation-price-wrap h3.price-room-title  .room-price{
font-size: 16px;
font-weight: normal;
}
.reservation-room.iwb-active{
background:#f0f0f0;
}
.reservation-room .room-people,
.reservation-room .room-service{
font-size:12.5px;
color:#838383;
}
.reservation-room + .reservation-room{
border-top:1px solid #fff;
}
.reservation-room a.change-room:before{
content:"|";
padding:0 5px;
color:#838383;
}
.reservation-room .room-people span + span{
margin-left:5px;
}
.price-room-summary .price-room{
padding:10px 0;
line-height:24px;
}
.price-room-summary .price,
.price-summary-grand-total span.price,
.price-summary-discount-tax span.price{
float:right;
}
.price-room-summary .price,
.price-summary-grand-total span.price,
.price-summary-discount-tax span.price{
color: red;
}
.price-room-summary .price.price-free{
color:#0ab106;
}
.price-summary-discount-tax span.price{
font-size:16px;
}
.price-summary-grand-total span{
font-weight: bold;
}
.price-summary-grand-total span.price{
font-size:18px;
font-weight: bold;
}
.price-room-service .service-item + .service-item{
margin-left:5px;
}
.price-summary-discount-tax{
padding:15px 0;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
margin-top:15px;
margin-bottom:15px;
}
.price-summary-grand-total {
margin:15px 0;
}
.room-selection-next.iwb-button{
background:none;
margin-top:10px;
padding:0 20px;
height:40px;
line-height:40px;
border-radius:2px;
border:none;
color:#fff;
}
.room-selection-next.iwb-button:hover{
background:#474747!important;
}
.price-room-summary .price-room-service{
padding-top: 5px;
position: relative;
}
.price-room-summary .price-room-service .room-service-title{
position: absolute;
}
.price-room-summary .price-room-service .room-services{
margin-left: 75px;
}
.price-room-summary .price-room-service .room-services .price{
font-size: 16px;
}
.price-room-summary .price-room-service .room-services .price-free{
font-size: 14px;
}
.reservation-price-wrap .edit-booking{
display:block;
height:53px;
line-height:53px;
color:#fff;
text-transform:uppercase;
font-size:16px;
width:100%;
text-align:center;
padding:0;
border:none;
border-radius:0;
margin-top:40px;
}
.reservation-price-wrap .edit-booking:hover,
.booking-payment-page .submit-field .pay-button:hover{
background:#474747!important;
}
.reservation-form-field-title {
text-transform:uppercase;
font-size:12px;
color:#838383;	
} .row-check-in .iwb-datepicker,
.row-check-out .iwb-datepicker{
height:39px;
line-height:38px;
border:none;
background:#fff;
border:1px solid #dbdbdb;
padding:0 5px;
}
.reservation-form-field-value{
position:relative;
}
.reservation-form-field-value i.fa{
position:absolute;
top:4px;
right:5px;
color: #838383;
}
.row-check-in select,
.row-check-out select{
height:39px;
line-height:38px;
border:none;
background:#fff;
border:1px solid #dbdbdb;
padding:0 5px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/bg-arrow-select.png) 95% center scroll no-repeat transparent;
}
.reservation-adult-amount{
padding-right:10px;
}
.reservation-children-amount{
padding-left:10px;
}
.reservation-adult-amount > span,
.reservation-children-amount > span{
color: #838383;
display: block;
font-size: 12px;
margin-bottom: 5px;
text-transform: uppercase;
}
.reservation-adult-amount select,
.reservation-children-amount select{
width:100%;
border:none;
height:44px;
line-height:44px;
padding:0 15px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/bg-arrow-select.png) 95% center scroll no-repeat #f6f6f6;
}
.reservation-people-amount-title{
font-size:16px;
font-weight: 600;
}
.reservation-people-amount + .reservation-people-amount{
margin-top:15px;
padding-top:10px;
}
button.check-availability-btn{
height:53px;
line-height:53px;
color:#fff;
text-transform:uppercase;
font-size:16px;
width:100%;
text-align:center;
padding:0;
border:none;
border-radius:0;
margin-top:40px;
}
button.check-availability-btn:hover{
background:#474747!important;
color:#fff;
}
#reservation-date-form{
margin-bottom:30px;
} .room-selection-completed-coupon .room-coupon-code,
.reservation-completed .reservation-completed-content{
background:#fff;
padding:30px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.room-selection-completed-coupon h3.title,
.reservation-completed h3.title{
font-family: poppins;
font-size: 24px;
margin: 0 0 20px;
font-weight:600;
}
.room-selection-completed-coupon input[type=text]{
height:56px;
padding:5px 20px;
line-height:46px;
border-radius:2px;
background:#f4f4f4;
border:none;
color:#8f8f8f;
font-size:14px;
min-width:300px;
}
.iwb-error-message{
color:red;
}
.booking-payment-page .iwb-error-message{
margin-bottom: 15px;
} .booking-payment-page form{
background:#fff;
padding:30px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.booking-payment-page .item-field-inner{
margin-bottom:35px;
}
.booking-payment-page input[type=text],
.booking-payment-page input[type=email],
.booking-payment-page select,
.booking-payment-page textarea{
border:none;
border-bottom:1px solid #e1e1e1;
height:40px;
line-height:39px;
padding:0 5px;
font-size:16px;
color:#999;
width:100%;
background:none;
}
.booking-payment-page .invalid input[type=text],
.booking-payment-page .invalid input[type=email],
.booking-payment-page .invalid select,
.booking-payment-page .invalid textarea{
border-bottom: 1px solid red;
}
.booking-payment-page select{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/bg-arrow-select.png) 95% center scroll no-repeat transparent;
}
.booking-payment-page textarea{
height:auto;
line-height:22px;
padding:5px;
min-height:100px;
}
.booking-payment-page input[type=text]:focus,
.booking-payment-page input[type=email]:focus,
.booking-payment-page select:focus,
.booking-payment-page textarea:focus{
border-bottom-color:#000;
color:#262521;
}
.booking-payment-page .payment-mode .payment-item{
font-size:16px;
font-weight:600;
color:#262521;
display:block;
}
.booking-payment-page .submit-field{
margin-top:22px;
}
.booking-payment-page .submit-field .pay-button{
font-size:14px;
text-transform:uppercase;
font-weight:600;
height:54px;
line-height:54px;
padding:0 45px;
border:none;
border-radius:3px;
color:#fff;
}
.booking-payment-page .payment-method h3{
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 20px;
}
.booking-payment-page .payment-method .payment-item{
margin-right: 10px;
}  @media (max-width:1199px)and (min-width: 992px){
} @media (max-width:991px){
.iwb-reservation-page .reservation-main > .col-sm-12 + .col-sm-12{
margin-top:30px;
}
} @media (max-width:767px){
.reservation-main #iwb-datepicker-range .ui-datepicker-group{
float: none;
width: 100%;
}
.reservation-main #iwb-datepicker-range .ui-datepicker-group + .ui-datepicker-group{
border-top:1px solid #e5e5e5;
}
.iw-rooms-available .iw-room .img-wrap{
float:none;
width:auto;
}
.iw-rooms-available .room-inner{
position:relative;
}
.iw-rooms-available .iw-room .room-info{
margin: 15px 105px 0 0;
}
.iw-rooms-available .iw-room .quantity-room{
position:absolute;
right:0;
top:30px;
}
.iwb-reservation-page #reservation-process-bar span{
width:100%;
margin-top:10px;
}
.iwb-reservation-page #reservation-process-bar{
margin-top:-70px;
}
} @media (max-width:580px){
.iw-rooms-available .iw-room .col-left,
.iw-rooms-available .iw-room .col-right{
float:none;
width:auto;
}
.iw-rooms-available .iw-room .col-right{
margin-top:10px;
}
}
@media (min-width:992px){
div.header-default .iw-menu-default .iw-main-menu ul{
position:relative;
text-align: right;
}
div.header-default .iw-menu-default .iw-main-menu ul li.after_logo {
float: none;
padding: 0 60px 0 0px;
display: inline-block;
}
div.header-default .iw-menu-default .iw-main-menu ul ul {
text-align: left;
}
div.header-default .iw-menu-default .iw-main-menu ul li.logo {
padding: 0;
}
div.header-default .iw-menu-default .iw-main-menu ul li.logo {
float: left;
left: 50%;
padding: 0;
position: absolute;
top: 0;
transform: translateX(-50%);
}
}
body{
font-size:13px;
line-height:24px;
font-weight:normal;
color: #4c4c4c;
font-family: 'Poppins';
}
body{
font-size:14px;
}
i.fa{
line-height:inherit;
}
a, a:focus, button{
outline:none!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-weight: 400;
color: #333;
font-family: 'Playfair Display';
}
p:last-child{
margin:0;
}
img{
max-width:100%;
height:auto;
}
ul, li{
margin:0;
padding: 0;
list-style: none;
}
pre{
background: #232323 linear-gradient(#fff 50%, #f1f1f1 50%);
background-size: 38px 38px;
border: 1px solid #e5e5e5;
border-radius: 0;
color: #838383;
display: block;
line-height: 19px;
margin: 5px 0;
overflow-x: visible;
overflow-y: hidden;
padding: 0 10px;
white-space: pre-wrap;
word-wrap: break-word;
}
table {
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(51, 51, 51, 0.1);
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed;
width: 100%;
}
th, td {
border: 1px solid rgba(51, 51, 51, 0.1);
padding:5px;
border-width: 0 1px 1px 0;
}
th,dt{
font-weight:bold;
}
dt{
font-size:120%;
}
.clear{
clear:both;
}
dl, dd{
margin-bottom:20px;
}
address {
font-style: italic;
margin: 0 0 15px;
}
a:hover, a:focus{
text-decoration: none;
color: #838383;
}
.post-text ul,.post-text li,
.entry-content ul,.entry-content li{
list-style:inherit;
}
.page-links{
margin:5px 0;
}
.page-links > a,.page-links > span{
padding:3px 6px;
border: 1px solid rgba(51, 51, 51, 0.1);
}
.grey{
color:#c4c4c4;
}
.light-grey{
color:#b9b9b9;
}
input[type="button"], input[type="submit"] {
border: medium none;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 700;
margin-bottom: 15px;
margin-right: 5px;
outline: medium none;
padding: 3px 25px;
color:#fff;
}
.center-text{
text-align: center;
}
.right-text{
text-align: right;
}
.left-text{
text-align: left;
}
.white-text,.white-text-force *{
color: #fff!important;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.disable {
display: none;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 10px auto 10px 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 {
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 0 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;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 12px;
line-height: 17px;
margin: 0;
font-style:italic;
background:#f1f1f1;
text-align:left;
padding: 12px 20px;
width:calc(100% - 3px);
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.post-text ol{
padding-left:15px;
line-height:36px;
}
.post-text ol ol{
padding-left:30px;
}
.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; }
.gallery-caption {
font-weight: normal;
}
.bypostauthor {
font-weight: normal;
}
.sticky{
font-weight: normal;
} .sticky .post-icon i::before{
content: '\f08d'!important;
}
.iw-parallax,.iw-parallax-overlay{
position: absolute;
width:100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.scrollviewed .iw-parallax, .scrollviewed .iw-parallax-overlay{
z-index: -1;
} .panel-tools{
position:fixed;
left: -240px;
top:80px;
z-index:9999;
background:#fff;
box-shadow:1px 1px 2px rgba(0,0,0,0.1);
color:#848484;
font-size:11px;
}
.panel-tools .panel-content{
padding:12px;
width:240px;
border: 1px solid #dddddd !important;
}
.panel-tools button,.panel-tools span.button-command{
border:none;
color:#848484;
margin: 5px 0;
display: inline-block;
border: 1px solid #dddddd;
position: relative;
}
.panel-tools span.button-command{
padding:0 8px;
}
.panel-tools a:active > span.button-command{
top:2px;
}
.panel-tools h3{
font-size:13px;
padding-bottom:12px;
margin-top:12px;
text-transform:uppercase;
}
.panel-tools .title{
border-bottom:1px solid #d8d8d8;
}
.panel-tools .panel-button{
right:-45px;
position:absolute;
text-align:center;
top:-5px;
width:45px;
height:45px;
line-height:45px;
font-size:24px;
background: #f5f5f5;
border: 1px solid #dddddd;
border-left:0;
border-radius: 0 2px 2px 0;
}
.rtl .panel-tools .panel-button{
border: 1px solid #dddddd;
border-right: 0;
border-radius: 2px 0 0 2px;
}
.off-canvas-enabled body.rtl .panel-tools{
left: 0!important;
right: auto!important;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.panel-tools .panel-button i{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
.panel-tools .panel-button:hover i{
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.panel-tools .panel-button.active i{
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.panel-tools .layout-setting h3{
margin-top:5px;
}
.panel-tools .button-command,.reset-button button{
background:#f6f6f6;
width:100px;
margin-right:0px;
line-height:28px;
border:1px solid #dedede;
font-size:11px;
color:inherit;
text-transform:uppercase;
}
.panel-tools .rtl-setting{
margin-top: 5px;
}
.panel-tools .rtl-setting .button-command{
width:auto;
}
.panel-tools .button-command.active,.reset-button button{
color:#fff;
}
.panel-tools  .color-setting button{
width:27px;
height:27px;
margin-right:5px;
border:2px solid #fff;
}
.panel-tools  .color-setting button.active{
border:2px solid #d7d7d7;
}
.panel-tools  .color-setting button:last-child{
margin-right:0;
}
.panel-tools  .reset-button{
margin-top:0px;
padding-top:10px;
}
.panel-tools .overlay-setting{
position:relative;
}
.panel-tools .overlay-setting.disabled:after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:'';
background:#fff;
z-index:1;
opacity:0.7;
}
.panel-tools .rtl-setting .setting a{
float:left;
margin:0 2px;
}
.panel-tools .rtl-setting .setting{
display:table;
width:100%;
}
.panel-tools .rtl-setting .setting span.button-command{
padding:0 5px;
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
@media (max-width: 767px) {
.vc_row .container {
padding-left:30px;
padding-right:30px;
}
} body .vc_col-has-fill > .vc_column-inner,
body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner{
padding-top: 0;
}  .body-boxed .wrapper {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 1);
margin: auto;
max-width: 1200px;
overflow: hidden;
position: relative;
}
.wrapper{
overflow: hidden;
}    .header-default{
background: rgb(255, 255, 255) none repeat scroll 0 0;
z-index: 999;
}
.header-default.abs{
left: 0;
position: relative;
top: 0;
width: 100%;
}
.admin-bar .header-default.abs{ }
.body-boxed .header.header-default.clone{
left: auto;
right: auto;
width: auto;
}
.header-default .content-main {
margin-bottom: 45px;
margin-top: 43px;
-webkit-transition: margin 0.3s linear 0s;
transition: margin 0.3s linear 0s ;
}
.header-default .iw-navigation {
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s ;
}
.header-default .iw-navigation.show {
opacity: 1;
}
.header-default .iw-navigation .logo-wrapper {
display: none;
}
.header-default .iw-menu-default .iw-main-menu ul li a{
color: #000;
display: inline-block;
font-size: 14px;
line-height: 48px;
font-family: "Poppins";
font-weight: 600;
padding: 0;
text-transform: uppercase;
}
.header-default .iw-menu-default .iw-main-menu ul li.logo a{
max-width: 160px;
max-height: 45px;
}
.header-default .iw-menu-default .iw-main-menu > ul > li{
padding-right: 60px;
}
.header .iw-menu-default .iw-main-menu > ul li{
position: relative;
}
.header .iw-menu-default .iw-main-menu > ul > li > .sub-menu{
position: absolute;
top: 100%;
left: 0;
visibility: hidden;
z-index: 99;
}
.header .iw-menu-default .iw-main-menu > ul > li:hover .sub-menu{
visibility: visible;
}
.header .iw-menu-default .iw-main-menu  li .sub-menu li > .sub-menu{
opacity: 0;
position: absolute;
top: 0;
left: 80%;
visibility: hidden;
-webkit-transition: opacity 0.3s linear, left 0.3s linear;
transition: opacity 0.3s linear, left 0.3s linear;
}
.header .iw-menu-default .iw-main-menu  li .sub-menu li:hover > .sub-menu{
visibility: visible;
opacity: 1;
left: 100%;
}
.header.header-default .iw-menu-default .iw-main-menu ul li:last-child{
padding: 0;
}
.header .navbar-nav > li .sub-menu {
background: white;
width: 210px;
}
.header .navbar-nav > li > .sub-menu{
box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.18);
}
.header .iw-menu-default .iw-main-menu ul.sub-menu a{
display: block;
margin: 0 15px;
text-transform: capitalize;
font-weight: 600;
}
.header .iw-menu-default .iw-main-menu ul.sub-menu > li > a{
border-bottom: 1px solid #e1e1e1;
}
.header .iw-menu-default .iw-main-menu ul.sub-menu > li:last-child > a {
border: 0;
}
.header .sub-menu .icon-arrow{
font-size: 100%;
position: relative;
top: 5px;
}
.header .sub-menu .icon-arrow:before{
content: "";
display: inline-block;
float: right;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 100%;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: inherit;
text-rendering: auto;
transform: translate(0px, 0px);
}
.header .iw-menu-default .navbar-nav,
.header-default .iw-menu-default .navbar-nav{
float: none;
}
.header-default .iw-menu-default .iw-main-menu ul li.logo {
padding: 0 170px 0 130px;
}
.header-default .iw-menu-default .iw-main-menu ul li.logo a:after{
display: none;
}
.header-default .iw-menu-default .iw-main-menu ul li a:hover,
.header-default .iw-menu-default .iw-main-menu ul li a:active,
.header-default .iw-menu-default .iw-main-menu ul li a:focus,
.header-default .iw-menu-default .iw-main-menu ul li a:after{
background: transparent;
color: #ccc;
display: inline-block;
position: relative;
}
.header-default .iw-menu-default > .iw-main-menu > ul > li > a:after{
transition: width 0.3s linear 0s;
-webkit-transition: width 0.3s linear 0s;
position: absolute;
bottom: 10px;
left: 0;
height: 2px;
content: '';
width: 0;
}
.header-default .iw-menu-default .iw-main-menu > ul > li > a:hover:after,
.header-default .iw-menu-default .iw-main-menu > ul > li.current-menu-parent > a:after{
width: 100%;
}
.header .iw-menu-default .iw-main-menu > ul > li > .sub-menu > li > a{
line-height: 24px;
padding: 0;
-webkit-transition: padding 0.3s linear;
transition: padding 0.3s linear;
display: block;
}
.header .iw-menu-default .iw-main-menu > ul > li:hover > .sub-menu > li > a{
line-height: normal;
margin: 0 15px;
}
.header .iw-menu-default .iw-main-menu > ul > li:hover .sub-menu li a{
padding: 13px 0;
line-height: normal;
}
.header-default .iw-top-bar:after{
display: block;
clear: both;
content: '';
}
.header-default .iw-top-bar{
border-bottom: 1px solid #e1e1e1;
}
.header-default .iw-top-bar .contact {
color: rgb(153, 153, 153);
float: left;
font-size: 13px;
line-height: 42px;
font-family: Poppins;
}
.header-default .social-link {
float: right;
text-align: center;
}
.header-default .iw-social-all > li {
display: inline-block;
}
.header-default .iw-social-all > li a {
border: 1px solid #e1e1e1;
border-radius: 50%;
display: inline-block;
height: 30px;
margin: 6px 0 5px 10px;
width: 30px;
}
.header-default .iw-social-all > li:hover a{
border: 1px solid black;
}
.header-default .iw-social-all > li:hover a i{
color: black;
}
.header-default .iw-social-all > li a i {
color: rgb(153, 153, 153);
font-size: 13px;
line-height: 30px;
}
.header-default .iw-menu-default .iw-main-menu li.selected.active > a:after{
width: 100%;
}
.header-default .iw-menu-default .iw-main-menu ul.sub-menu li a{
display: block;
} .header-version-2{
position: relative;
z-index: 10001;
}
.header-version-2.abs{
position: absolute;
top: 0;
left: 0;
background: white;
width: 100%;
}
.body-boxed .header.header-version-2{
left: auto;
right: auto;
}
.body-boxed .header.header-version-2.abs.clone{
position: fixed;
max-width: 1200px;
}
.admin-bar .header-version-2{
top: 32px;
}
.body-boxed.admin-bar .header-version-2{
top: 0px;
}
.header-version-2 .logo-wrapper{
background: black;
float: left;
width: 70px;
height: 70px;
text-align: center;
}
.header-version-2 .logo-wrapper img{
max-width: 70px;
}
.header-version-2 .no-padding{
padding: 0;
}
.header-version-2 .logo-wrapper h1{
margin: 0;
line-height: 70px;
}
.header-version-2 .content-main:after{
content: '';
clear: both;
display: block;
}
.header-version-2 .iw-menu-default{
float: left;
}
.header-version-2 .iw-menu-default .navbar-nav > li{
padding: 10px 0;
}
.header-version-2 .iw-menu-default .iw-main-menu ul li:last-child{ }
.header-version-2 .content-right{
position: relative;
text-align: right;
overflow: hidden;
}
.header-version-2 .content-right .social-link{
display: inline-block;
text-align: center;
margin-top: 20px;
}
.header-version-2 .content-right .icon-search{
display: inline-block;
position: relative;
top: 3px;
}
.header-version-2 .content-right .header-book-button{
display: inline-block;
}
.header-version-2 .content-right .iw-social-all li{
display: inline-block;
}
.header-version-2 .nav>li>a:focus,
.header-version-2 .nav>li>a:hover {
background-color: transparent;
}
.header-version-2 .content-main .iw-nav-menu li a {
font-size: 14px;
line-height: 48px;
padding: 0 22px;
font-weight: 600;
color: #838383;
}
.header-version-2 .content-main .iw-nav-menu li:hover > a{
color: #ccc;
}
.header-version-2 .iw-social-all > li a {
border: 1px solid #e1e1e1;
border-radius: 50%;
display: inline-block;
height: 30px;
margin: 0 0 0 10px;
width: 30px;
color: rgb(153, 153, 153);
}
.header-version-2 .iw-social-all > li a:hover {
color: #000000;
border: 1px solid #000000;
}
.header-version-2 .iw-social-all > li:first-child a{
margin-left: 0;
}
.header-version-2 .iw-social-all > li a i {
font-size: 13px;
line-height: 30px;
}
.header-version-2 .icon-search span {
font-size: 20px;
display: inline-block;
margin: 0 15px;
}
.header-version-2 .icon-search span:hover{
cursor: pointer;
}
.header-version-2 .header-book-button{ text-align: center;
padding: 0px 10px;
}
.header-version-2 .header-book-button a {
font-size: 17px;
color: white;
line-height: 48px;
display: inline-block;
}
.header-version-2 .header-book-button a span {
display: inline-block;
position: relative;
-webkit-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
padding: 12px 0 10px;
}
.header-version-2 .header-book-button a span::before {
content: attr(data-hover);
position: absolute;
top: 100%;
-webbkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
visibility: hidden;
}
.header-version-2 .header-book-button:hover a span::before{
visibility: visible;
padding: 10px 0;
}
.header-version-2 .header-book-button a:hover span,
.header-version-2 .header-book-button a:focus span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.header-version-2 .header-2-search-form {
position: absolute;
z-index: 99;
left: 0;
top: 0;
height: 100%;
width: 0;
-webkit-transition: width 0.3s linear 0s;
transition: width 0.3s linear 0s;
overflow: hidden;
}
.header-version-2.active .header-2-search-form{
width: 100%;
}
.header-version-2 .icon-search span.remove{
font-size: 18px;
font-weight: 600;
display: none;
}
.header-version-2.active .icon-search span.add{
display: none;
}
.header-version-2 .icon-search span.add{
display: block;
}
.header-version-2.active .icon-search span.remove{
position: relative;
z-index:999;
display: block;
font-size: 18px;
}
.header-version-2.active .icon-search span.remove:before{
font-size: 26px;
}
.header-version-2 .search-form-header{
height: 100%;
}
.header-version-2 .search-form-header .search-box{
height: 100%;
}
.header-version-2 .search-form-header .search-box .top-search{
width: 100%;
border: 0;
height: 100%;
text-align: center;
color: #bfbfbf;
font-size: 18px;
font-weight: 400;
line-height: 40px;
} .header-version-3 .navbar{
background: transparent;
margin-bottom: 0;
}
.header-version-3 .nav > li > a:hover,
.header-version-3 .nav > li > a:focus{
background: transparent;
}
.header.header-version-3 {
padding-right: 40px;
position: fixed;
width: 100%;
z-index: 100000;
}
.body-boxed .header.header-version-3{
max-width: 1200px;
padding-right: 0;
}
.header.header-version-3 .iw-main-menu {
margin-top: 45px;
}
.header.header-version-3 .navbar-nav > li {
float: none;
display: block;
}
.header.header-version-3 .iw-header-menu-wrapper{
background: #000000 none repeat scroll 0 0;
color: #ffffff;
height: 100%;
padding: 35px 45px 0;
position: fixed;
right: -380px;
top: 20px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 380px;
z-index: 101;
}
.admin-bar .header.header-version-3 .iw-header-menu-wrapper{
top: 52px;
}
.active-menu-3.header.header-version-3 .iw-header-menu-wrapper {
right: 20px;
}
.header-version-3 .logo{
margin: 0;
max-width: 80px;
padding-top: 10px;
}
.menu-activated .header-version-3  .open-v3 {
transform: scale(0);
}
.header-version-3 .open-v3 {
color: #ffffff;
cursor: pointer;
display: inline-block;
position: absolute;
right: 25px;
top: 10px;
font-size: 26px;
-webkit-transition: scale 0.3s linear 0s;
transition: scale 0.3s linear 0s;
transform: scale(1);
}
.active-menu-3.header-version-3 .open-v3{
transform: scale(0);
}
.header-version-3 .close-v3 {
cursor: pointer;
font-size: 26px;
right: 20px;
position: absolute;
top: 30px;
-webkit-transition: scale 0.3s linear 0s;
transition: scale 0.3s linear 0s;
}
.header-version-3 .navbar-nav > li:hover > a{
background: transparent;
}
.header-version-3 .navbar-nav > li > a{
color: white;
display: inline-block;
position: relative;
}
.header-version-3 .navbar-nav > li > a:after{
position: absolute;
left: 0;
top: 40px;
background: white;
content: '';
width: 0;
height: 2px;
-webkit-transition: width 0.3s linear;
transition: width 0.3s linear;
}
.header-version-3 .navbar-nav > li:hover > a:after{
width: 100%;
}
.header-version-3 .navbar-nav .sub-menu a{
color: #838383;
}
.header-version-3 .navbar-nav .sub-menu li:hover a{
color: #cccccc;
}
.scrollviewed .overlay-header-3 {
background: rgba(255, 255, 255, 0.3);
height: 100%;
left: 0;
padding: 20px;
position: absolute;
top: 0;
width: 100%;
z-index: 89;
}
.header-version-3 .navbar-nav > li > a {
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 60px;
text-transform: uppercase;
padding: 0;
}
.header-version-3 .social-header {
bottom: 40px;
left: auto;
position: absolute;
}
.header-version-3 .social-header .iw-social-all li{
display: inline-block;
padding-right: 10px;
}
.header-version-3 .social-header .iw-social-all li:last-child{
padding-right: 0;
}
.header-version-3 .social-header .iw-social-all li a{
font-size: 14px;
color: #999999;
}
.header-version-3 .social-header .iw-social-all li:hover a {
color: white;
} .off-canvas-menu,
.off-canvas-open{
display: none;
}  .header .sticky-logo,
.header.header-sticky.clone .iw-top-bar{
display:none;
}
.header.header-sticky.clone .sticky-logo{
display: block;
}
.header.header-sticky.clone .main-logo{
display: none;
}
.header.header-sticky.clone .content-main{
margin: 15px 0;
}
.header.clone{
position: fixed!important;
top: -200px;
left: 0;
right: 0;
bottom:auto;
z-index: 99;
-webkit-transition: 0.2s top cubic-bezier(.3,.73,.3,.74);
transition: 0.2s top cubic-bezier(.3,.73,.3,.74);
}
body.down .header.clone{
top: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);
}
body.down.admin-bar .header.clone{
box-shadow:  0 1px 3px rgba(0, 0, 0, 0.118);
top: 32px;
}
body.down .header.clone
.header-sticky.clone .logo img{
display: none;
}
.header-sticky.clone .logo .sticky-logo{
display: block;
}
.header.header-version-2.header-sticky.clone .content-main{
margin: 0;
}
.header.header-version-2.header-sticky.clone{
background: white;
}
.header.header-version-2.header-sticky.clone .sticky-logo{
display: inline-block;
}  .wrapper.header-style-5{
margin-left:375px;  }
.header.header-version-5{
position:fixed;
width:375px;
left:0;
top:0;
height:100%;
background:#fff;
transition: all ease 0.5s;
transform: translateX(0);
z-index:2;
}
.wrapper.header-style-5{
transition: all ease 0.5s;
}
.header-style-5 .logo-header{
margin:35px 0 45px 0;
text-align:center;
}
.header-style-5 .header-v5-logo-mobile,
.header-style-5 .open-canvas-button{
display: none;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item > a{
display:block;
padding:22px 50px 22px 50px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item li > a{
padding:10px 20px 10px 60px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item li li > a{
padding-left:80px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item a{
color:#232323;
font-size:14px;
font-weight:600;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item a:hover,
.header-style-5 .main-menu ul.canvas-menu > li:hover > a,
.header-style-5 .main-menu ul.canvas-menu li.active > a,
.header-style-5 .main-menu ul.canvas-menu li.current-menu-ancestor > a{
background:#191919;
color:#fff;
}
.header-style-5 .main-menu ul.canvas-menu li{ position: relative;
}
.header-style-5 .main-menu ul.canvas-menu li:before {
content: "";
position: absolute;
top: 0;
width: calc(100% - 100px);
height: 1px;
background: #eeeeee;
right: 50px;
}
.header-style-5 .main-menu ul.canvas-menu li:hover:before,
.header-style-5 .main-menu ul.canvas-menu li.active:before {
background: #191919;
}
.header-style-5 .main-menu small.icon-arrow{
display:none;
}
body.st-menu-open .wrapper.header-style-5{  }
.header-style-5 .main-menu .menu-item > a{
display:block;
}
.header-style-5 .main-menu .menu-item-has-children > a{
position:relative;
}
.header-style-5 .main-menu span.icon-arrow{
position:absolute;
width:20px;
height:20px;
right:35px;
top:calc(50% - 10px);
color:#232323;
line-height:20px;
text-align:center;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item > a:hover span.icon-arrow,
.header-style-5 .main-menu ul.canvas-menu > li:hover > a span.icon-arrow,
.header-style-5 .main-menu ul.canvas-menu li.active > a span.icon-arrow,
.header-style-5 .main-menu ul.canvas-menu li.current-menu-ancestor > a span.icon-arrow{
color:#fff;
}
.header-style-5 .main-menu span.icon-arrow:before{
content:"\f107";
font-family: FontAwesome;
}
.header-style-5 .menu-scroll{
overflow:hidden;
width:100%;
}
.header-style-5 .enscroll-track.track3{
margin-right: 0;
}
.header-version-5 .special-button{
text-align:center;
margin-top:40px;
}
.header-version-5 .special-button a{
height:66px;
line-height:62px;
font-size:16px;
text-transform:uppercase;
display:inline-block;
padding:0 35px;
white-space:nowrap;
font-weight: 600;
letter-spacing: 10px;
}
.header-version-5 .special-button a:hover{
color:#fff;
}
.header-version-5 .copyright-social-header{
position: absolute;
bottom: 0;
width: 100%;
padding:0 40px;
padding-top:50px;
}
.header-version-5 .copyright-header{
font-size:14px;
color:#666;
padding:16px 0;
border-top:1px solid #e6e6e6;
}
.header-version-5 .social-header ul{
margin:0 -5px;
padding:33px 0;
}
.header-version-5 .social-header ul li{
display:inline-block;
}
.header-version-5 .social-header a{
height:44px;
width:44px;
line-height:44px;
text-align:center;
font-size:16.6px;
color:#232323;
background:#eaeaea;
border-radius:100px;
display:inline-block;
margin:0 5px;
}
.header-version-5 .social-header a:hover{
color:#fff;
}
.header-style-5 .forcefullwidth_wrapper_tp_banner {
left: 0 !important;
}
.header-style-5 .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper {
width: 100% !important;
left: 0 !important;
}
@media (max-width: 1600px){
.st-menu-open .header.header-version-5{
box-shadow:0px 0px 4px 2px #ccc;
}
}    .tp-video-play-button{
top: 70%!important;
opacity: 1!important;
background-color: transparent!important;
}
.tp-caption .tp-video-play-button i {
border: 2px solid rgb(255, 255, 255) !important;
border-radius: 50%;
font-size: 38px!important;
}
.tp-video-controls{
display: none!important;
}
.persephone.tparrows{
top: 55%!important;
}
.persephone.tparrows.tp-leftarrow::before,
.persephone.tparrows.tp-rightarrow::before{
content: ''!important;
}
.persephone.tparrows.tp-leftarrow,
.persephone.tparrows.tp-leftarrow:hover{
background-color: transparent!important;
border: 0!important;
background-image: url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/left-btn.png);
background-repeat: no-repeat;
width: 50px!important;
}
.persephone.tparrows.tp-rightarrow,
.persephone.tparrows.tp-rightarrow:hover{
background-color: transparent!important;
border: 0!important;
background-image: url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/right-btn.png);
background-repeat: no-repeat;
width: 50px!important;
}
.scrollviewed .slider-scroll-view .vc_column_container>.vc_column-inner,
.scrollviewed .slider-scroll-view .vc_column_container>.vc_column-inner .wpb_wrapper{
height: 100%;
}
.scrollviewed .slider-scroll-view .vc_column_container>.vc_column-inner .wpb_wrapper .forcefullwidth_wrapper_tp_banner,
.scrollviewed .slider-scroll-view .vc_column_container>.vc_column-inner .wpb_wrapper .forcefullwidth_wrapper_tp_banner .rev_slider{
height: 100%!important;
}
.rev_slider .slotholder::after {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}
.rev_slider .slotholder::after {
display: none;
}  .single-post-fearture-img img{
width:100%;
}
.single-post-fearture-img{
height:800px;
overflow:hidden;
}
.page-heading.has-image-bg + .page-content.iw-category .blog-content.iw-blog-listing{
margin-top:-80px;
}
.page-heading{
text-align:center;
}
.page-heading.heading-single-blog{
height:800px;
margin-bottom: -100px;
}
.page-heading .container-inner{
position:relative;
}
.extra-padding .page-heading{
padding-bottom:90px;
}
.extra-padding .page-heading.has-image-bg{
margin-bottom: 0;
}
.page-heading .container-inner-2{
position:absolute;
top:50%;
width:100%;
transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.page-heading .iw-heading-title h1{
margin:0 0 14px 0;
font-weight:bold;
color:#000; font-size:60px;
line-height:1;
}
.page-heading li{
display:inline-block;
font-size:14px;
color:#000;
}
.page-heading .breadcrumbs li a{
color:#999;
}
.page-heading .breadcrumbs li a:hover{
color:#000;
}
.page-heading.has-image-bg{
background-size:cover;
color:#fff;
margin-bottom: 150px;
}
.page-heading.has-image-bg .iw-heading-title h1,
.page-heading.has-image-bg li,
.page-heading.has-image-bg .breadcrumbs li a{
color:#fff;
}  .default-sidebar .widget{
margin-bottom:50px;
}
.default-sidebar h3.widget-title{
margin:0 0 20px 0;
line-height:1;
font-size:25px;
border-bottom:1px solid #ccc;
color:#333;
position:relative;
padding-bottom:15px;
}
.widget_search .search-box,
.search-content .search-box{
position: relative;
}
.search-content .search-box{
margin:20px 0 0 0;
max-width:300px;
width:100%;
}
.widget_search .search-box input.top-search,
.search-content .search-box input.top-search{
border: 1px solid #e3e3e3;
border-radius: 2px;
box-shadow:none;
background:#fff;
height: 44px;
line-height: 42px;
padding: 0 45px 0 10px;
width: 100%;
}
.widget_search .search-box .sub-search,
.search-content .search-box .sub-search{
position: absolute;
right: 2px;
top: 4px;
}
.widget_recent_entries ul.recent-blog-posts .recent-blog-post-thumnail{
width:65px;
float:left;
}
.widget_recent_entries ul.recent-blog-posts .recent-blog-post-detail{
margin-left:80px;
}
.widget_recent_entries ul.recent-blog-posts h3.recent-blog-post-title{
margin:0;
font-size:15px;
line-height:21px;
}
.widget_recent_entries ul.recent-blog-posts h3.recent-blog-post-title a,
.widget_recent_entries li a{
color:#1f1f1f;
}
.widget_recent_entries li a{
display:block;
line-height:21px;
}
.widget_recent_entries ul.recent-blog-posts li.recent-blog-post + li.recent-blog-post{
margin-top:25px;
}
.widget_recent_entries ul.recent-blog-posts .post-date{
margin-top:6px;
font-size:13px;
color:#999;
}
.widget_recent_entries ul.recent-blog-posts .post-date i{
margin-right:3px;
}
.default-sidebar .widget_categories h3.widget-title,
.default-sidebar .widget_archive h3.widget-title,
.default-sidebar .widget_meta h3.widget-title,
.default-sidebar .widget_pages h3.widget-title,
.default-sidebar .widget_nav_menu h3.widget-title{
margin-bottom:20px;
padding-bottom:20px;
}
.widget_categories ul li a:before,
.widget_archive ul li a:before,
.widget_meta ul li a:before,
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before{
content:"\f0da";
font-family: FontAwesome;
padding-right:6px;
padding-left:5px;
}
.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_nav_menu ul li{
padding:2px 0;
}
.widget_categories ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a{
font-size:14px;
color:#535353;
}
.widget_nav_menu ul ul.sub-menu{
padding-left:20px;
}
.widget_recent_comments ul li {
padding: 10px 5px;
border-bottom: 1px solid #ccc;
font-size: 14px;
font-weight: 300;
}
.widget_recent_comments ul li .comment-author-link i{
padding-right:6px;
color:#666;
}
.widget_recent_comments ul li a{
color:#535353;
}
.widget_tag_cloud .tagcloud{
display:table;
width:calc(100% + 10px);
margin:0 -5px;
}
.widget_tag_cloud .tagcloud a{
height:40px;
line-height:38px;
border:1px solid #e4e4e4;
display:inline-block;
background:#fff;
font-size:14px!important;
padding:0 15px;
font-weight:normal;
color:#666;
text-align:center;
float:left;
margin:0 5px 10px 5px;
border-radius:2px;
}
.widget_tag_cloud .tagcloud a:hover{
color:#fff;
}
.search-content article{
border-bottom:1px solid #ccc;
padding-bottom:20px;
margin-bottom:20px;
}
.search-content article .entry-header h3,
.search-content .no-results h3{
margin:0 0 10px 0;
}
.widget_categories select,
.widget_text select,
.widget_archive select{
width:100%;
max-width:100%;
height:44px;
line-height:42px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/bg-arrow-select.png) no-repeat scroll 95% center #fff;
border:1px solid #eee;
padding:0 15px 0 5px;
}  .error-404.not-found{
padding:0 0 140px;
text-align:center;
}
.error-404.not-found .search-box{
width:100%;
max-width:300px;
margin:20px auto 0 auto;
}
.error-404 .search-box{
position:relative;
}
.error-404 .search-box input.top-search{
height:35px;
line-height:33px;
border:1px solid #d0d0d0;
border-radius:0;
box-shadow:none;
width:100%;
padding:0 45px 0 10px;
}
.error-404 .search-box .sub-search{
position:absolute;
top:0;
right:0;
}
.error-404 .text-404 {
color: #ccc;
font-size: 115px;
font-weight: bold;
line-height: normal;
}   .blog-content-wrap{
margin-bottom:100px;
}
.blog-content-wrap .blog-content .load-more-post button.load-more{
margin-top:15px;
margin-bottom:30px;
}
.load-more .ajax-loading-icon{
display:none;
margin-right:10px;
}
.load-more.loading .ajax-loading-icon{
display:inline-block;
}
.load-more-post{
position:relative;
}
.post .post-item .featured-image img{
width:100%;
}
.iw-blog-listing{
padding-top:20px;
}
.iw-blog-listing .post-item{
margin-bottom:60px;
position:relative;
z-index:1;
}
.iw-blog-listing .post-item h3.post-title{
margin:0 0 32px 0;
font-size:18px; line-height:24px;
font-weight:bold;
}
.iw-blog-listing .post-item h3.post-title a{
color:#000;
}
.iw-blog-listing .post-item-inner{
background:#fff;
position:relative;
z-index:3;
box-shadow:0px 4px 4px -2px rgba(0, 0, 0, 0.2)
}
.iw-blog-listing .post-item:before{
position:absolute;
content:'';
top:27px;
bottom:27px;
left:27px;
right:27px;
z-index:-1;
width:calc(100% - 54px);
height:calc(100% - 54px);
box-shadow:0px 30px 40px 10px rgba(0,0,0,0.35);
transition:all ease 0.5s;
opacity:0;
}
.iw-blog-listing .post-item:hover:before{
opacity:1;
}
.iw-blog-listing .post-item h3.post-title a:hover{
}
.iw-blog-listing .post-item-inner > *{
position:relative;
z-index:3;
}
.iw-blog-listing .post-item .post-info{
padding:15px 27px 25px 27px;
}
.iw-blog-listing .post-item .post-date,
.iw-blog-listing .post-item .read-more a{
font-size:13px;
color:#ccc;
}
.iw-blog-listing .post-item .read-more a:hover{
}
.iw-blog-listing .post-item .post-meta{
margin-bottom:9px;
color:#ccc;
}
.iw-blog-listing .post-item .post-category i{
margin-right:5px;
}
.iw-blog-listing .post-item .post-category a{
color:#ccc;
}
.iw-blog-listing .post-item .post-share-buttons a{
background-color: #d4d4d4;
border-radius: 50%;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 32px;
line-height: 32px;
margin-left: 5px;
text-align: center;
width: 32px;
}
.iw-blog-listing .post-item .post-share-buttons{
margin-bottom:10px;
}
.iw-blog-listing .iw-blog-filter-button{
text-align:center;
margin-bottom:60px;
}
.iw-blog-listing .iw-blog-filter-button button.filter{
font-size:18px;
font-family:'Playfair Display';
line-height:24px;
font-weight:bold;
background:none;
border:none;
margin:0 12px 10px;
color:#000;
outline:none;
}
.iw-blog-listing .iw-blog-filter-button button.filter.is-checked{
text-decoration:underline;
}
.iw-blog-listing .load-more-post,
.iw-gallery .load-more-post,
.iwb-rooms .load-more-post,
.search-content .load-more-post{
text-align:center;
}
.iw-blog-listing .load-more-post button.load-more,
.iw-gallery .load-more-post button.load-more,
.iwb-rooms .load-more-post button.load-more,
.search-content .load-more-post button.load-more{
background:none;
border:none;
font-style:italic;
font-size:14px;
font-family:'Playfair Display';
color:#999;
margin-bottom:130px;
margin-top:40px;
}
.iw-blog-listing .load-more-post button.load-more:hover,
.iw-gallery .load-more-post button.load-more:hover,
.iwb-rooms .load-more-post button.load-more:hover {
color:#000;
}
.load-more-post .post-pagination{
display: none;
}
.load-more-post .load-more{
margin-right: 10px;
}
.iw-blog-listing .all-categories{
display: none;
}  .single-content-inner{
background:#fff;
margin-top:15px;
padding:0 50px 60px 50px;
margin-bottom:130px;
}
.single-content .post-content-head{
text-align:center;
padding-bottom:95px;
padding-top:65px;
}
.single-content .post-content-head h3.post-title{
margin:0 auto 45px auto;
font-weight:bold;
color:#000; font-size:36px;
line-height:48px;
max-width:900px;
}
.single-post-breadcrumbs li{
display:inline-block;
font-size:14px;
color:#000;
}
.single-post-breadcrumbs li a{
color:#999;
}
.single-post-breadcrumbs li a:hover{
color:#000;
}
.single-content .post-info{
border-bottom:1px solid #e1e1e1;
padding-bottom:30px;
margin-bottom:30px;
}
.single-content .post-info span.label1{
display:block;
font-size:18px;
font-weight:bold;
color:#000; margin-bottom:6px;
}
.single-content .post-info span.label1 a{
color:#000;
}
.single-content .post-info span.label2{
color:#999;
font-size:13px;
line-height:18px;
display:block;
}
.single-content .post-info span.label2 a{
color:#999;
}
.single-content .post-info .author-avt{
float:left;
width:70px;
height:70px;
overflow:hidden;
border-radius:100px;
}
.single-content .post-info .author-info-detail{
margin-left:100px;
}
.single-content .post-share-buttons span{
font-size:18px;
color:#000;
font-weight:bold; }
.single-content .post-share-buttons .post-share-buttons-detail{
display:inline-block;
}
.single-content .post-share-buttons a{
color:#ccc;
padding:0 9px;
}
.single-content .post-content-desc{
color:#999;
line-height:24px;
margin-bottom:55px;
margin-top:60px;
}
.related-post{
margin-top:115px;
margin-bottom:70px;
}
.related-post .related-post-title h5{
margin:0 0 55px 0;
line-height:1;
padding:0 0 25px 0;
color:#000;
font-size:30px;
font-weight:bold; border-bottom:1px solid #e1e1e1;
}
.form-comment h3.comment-reply-title,
.commentList .comments-title{
border-bottom:1px solid #e1e1e1;
font-size:30px;
font-weight:bold; margin:0 0 47px 0;
line-height:1;
padding:0 0 28px 0;
color:#000;
}
.related-post .related-post-info{
padding: 15px 27px 25px;
}
.related-post h3.related-post-title{
margin:0 0 32px 0;
font-size:18px; line-height:24px;
font-weight:bold;
}
.related-post h3.related-post-title a{
color:#000;
}
.related-post h3.related-post-title a:hover{
color:#ccc;
}
.related-post .related-post-date,
.related-post .related-post-read-more a{
font-size:13px;
color:#ccc;
}
.related-post .related-post-read-more a:hover{
color:#000;
}
.related-post .related-post-date{
margin-bottom: 9px;
}
.related-post .related-post-read-more a{
color:#ccc;
}
.related-post .related-post-item{
position:relative;
z-index:2;
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.1);
margin-bottom:30px;
}
.related-post .related-post-item-inner{
background:#fff;
}
.related-post .related-post-item:before{
position:absolute;
content:'';
top:27px;
bottom:27px;
left:27px;
right:27px;
z-index:-1;
width:calc(100% - 54px);
height:calc(100% - 54px);
box-shadow:0px 30px 40px 10px rgba(0,0,0,0.35);
transition:all ease 0.5s;
opacity:0;
}
.related-post .related-post-item:hover:before{
opacity:1;
}
.comment-respond .commentFormField input.input-text,
.comment-respond .commentFormField textarea{
height:40px;
border:none;
line-height:39px;
border-bottom:1px solid #e1e1e1;
color:#999;
padding:0;
width:100%;
}
.comment-respond .commentFormField input.input-text:focus,
.comment-respond .commentFormField textarea:focus{
color:#333;
border-bottom-color:#333;
}
.comment-respond .commentFormField textarea{
height:auto;
line-height:20px;
padding: 10px 13px;
}
.comment-respond .commentFormField{
margin-bottom:30px;
}
.comment-respond input.btn-submit{
height:54px;
line-height:54px;
border-radius:2px;
font-size:14px;
font-weight:bold;
color:#fff;
border:none;
text-transform:uppercase;
}
.commentList{
margin-bottom:60px;
}
ul.comment_list .commentAvt{
float:left;
width:70px;
}
ul.comment_list .commentRight{
margin-left:105px;
background:#f6f6f6;
color:#666666;
font-size:13px;
padding:10px 24px 20px 24px;
}
ul.comment_list div.comment{
margin-bottom:28px;
}
ul.comment_list ul.children{
margin-left:100px;
}
ul.comment_list .name-cmt{
font-size:14px;
color:#000;
font-weight:600;
}   .iwb-rooms-slider2{
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/bg-img.jpg) repeat center top scroll transparent;
}
.iwb-rooms-slider2 .slick-prev, .iwb-rooms-slider2 .slick-next{
background:#fff;
color:#7d7d7d;
position:absolute;
z-index:9999;
width:64px;
height:64px;
border:2px solid #c4c4c4;
font-size:45px;
}
.iwb-rooms-slider2 .slick-prev{
left:calc(24% - 64px);
}
.iwb-rooms-slider2 .slick-next{
right:calc(24% - 64px);
}
.iwb-rooms-slider2 .slider-item{
padding:0 30px;
}
.iwb-rooms-slider2 .slider-item .image{
border:2px solid #c4c4c4;
}
.iwb-rooms-slider2 .slider-item .image img{
opacity:0;
width:100%;
}
.iwb-rooms-slider2 .slider-item.slick-active .image{
border:none;
}
.iwb-rooms-slider2 .slider-item.slick-active .image img{
opacity:1;
width: 100%;
}
.iwb-rooms-slider2 .slider-item-inner{
position:relative;
}
.iwb-rooms-slider2 h3.post-title{
position:absolute;
font-size:60px;
font-weight:bold; z-index:99999;
bottom:42px;
margin:0 30px;
display:inline-block;
line-height:1;
padding:0;
max-width:35%;
right:0;
text-align:right;
}
.iwb-rooms-slider2 .slider-item.slick-active h3.post-title{
background:#373737;
margin:0 45px;
padding:28px 50px 50px 50px;
max-width:none;
text-align:left;
right:auto;
left:0;
}
.iwb-rooms-slider2 .slider-item.slick-active + .slider-item h3.post-title{
text-align:left;
right:auto;
left:0;
}
.iwb-rooms-slider2 h3.post-title a{
color:#bfbfbf;
}
.iwb-rooms-slider2 .slider-item.slick-active h3.post-title a{
color:#fff;
}
.iwb-rooms-slider2{
padding-bottom:160px;
}
.iwb-rooms-slider2 .title-block{
text-align:center;
padding-bottom:90px;
padding-top:85px;
}
.iwb-rooms-slider2 .sub-title{
font-size:14px;
text-transform:uppercase;
color:#999;
font-weight:500;
margin-bottom:15px;
}
.iwb-rooms-slider2 .title{
font-size:60px;
color:#000;
font-weight:bold; margin:0;
line-height:1;
}
.iwb-rooms-slider2 .slick-dots li button{
background:none;
margin:1px;
padding:0;
width:7px;
height:7px;
border-radius:50px;
}
.iwb-rooms-slider2 .slick-dots li{
height:13px;
width:13px;
border-radius:50px;
border:2px solid #373737;
}
.iwb-rooms-slider2 .slick-dots li.slick-active button{
margin:2px;
}
.iwb-rooms-slider2 .slick-dots{
bottom:-80px;
} .iwb-rooms-slider2.slider3 .slider-item .image img{
opacity:1;
}
.iwb-rooms-slider2.slider3 .slider-item .image{
border:none;
}
.iwb-rooms-slider2.slider3 .slider-item h3.post-title{
opacity:0;
}
.iwb-rooms-slider2.slider3 .slider-item.slick-active h3.post-title{
opacity:1;
}
.iwb-rooms-slider2.slider3 .slider-item.slick-active{
position:relative;
z-index:2;
}
.iwb-rooms-slider2.slider3 .title-block + .slider-main{ }
.iwb-rooms-slider2.slider3 .slick-slide{ }
.iwb-rooms-slider2.slider3 .title-block{
position:relative;
z-index:3;
padding-bottom:130px; }
.iwb-rooms-slider2.slider3 .slider-item{ position:relative;
}
.iwb-rooms-slider2.slider3 .slider-item-inner-wrap{ }
.iwb-rooms-slider2.slider3{
background:#fff; }
.iwb-rooms-slider2.slider3 .slider-item.slick-active .slider-item-inner-wrap:before{ }
.iwb-rooms-slider2.slider3 .slick-dots {
bottom:-67px;
}
.iwb-rooms-slider2.slider3 .slick-prev, .iwb-rooms-slider2.slider3 .slick-next{
background:#fff;
color:#7d7d7d;
position:absolute;
z-index:9999;
width:64px;
height:64px;
border:none;
font-size:45px;
border-radius:100px;
}
.iwb-rooms-slider2.slider3 .slick-dotted.slick-slider{
margin:0;
}
@media (min-width: 992px) {
.iwb-rooms-slider2.slider3 .slider-main{
position:relative;
}
.iwb-rooms-slider2.slider3 .block-bg{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
}
.iwb-rooms-slider2.slider3 .container{
position:absolute;
height:100%;
left:50%;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.container-bg-1{
position:absolute;
height:100%;
width:calc(100% - 30px);
top:0;
left:15px;
}
.container-bg-2{
height:calc(100% + 70px + 95px);
width:100%;
left:0;
top:-70px;
background:#fff;
box-shadow:0 0 40px 0 rgba(0,0,0,0.15);
position:absolute;
}
.iwb-rooms-slider2.slider3{
padding-bottom:220px;
}
}  .iw-gallery .filters{
text-align:center;
margin-bottom:58px;
}
.iw-gallery .filters button.filter{
background:none;
border:none;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#000;
margin:0 25px;
}
.iw-gallery .gallery-item-inner{
margin-bottom:32px;
}
.iw-gallery .title{
margin:0 0 6px 0;
font-size:21px;
line-height:1;
}
.iw-gallery .category{
font-size:13px;
}
.iw-gallery .category span + span:before{
content:"|";
padding:0 6px;
}
.iw-gallery .gallery-info{
padding:27px 25px 20px 25px;
}
.iw-gallery .gallery-item{
position:relative;
}
.iw-gallery.style1 .image{
position:relative;
}
.iw-gallery.style1 .image a,
.iw-gallery.style2 .image a{
display:inline-block;
width:100%;
}
.iw-gallery.style1 .image a:before,
.iw-gallery.style2 .image a:before{
position:absolute;
height:100%;
width:100%;
left:0;
top:0;
opacity:0;
content:'';
transition:all ease 0.5s;
background:rgba(0,0,0,0.6);
}
.iw-gallery.style1 .gallery-item:hover .image a:before,
.iw-gallery.style2 .gallery-item .image:hover a:before{
opacity:1;
}
.iw-gallery.style2 .gallery-item .image{
position:relative;
}
.iw-gallery.style1 .gallery-item .image img,
.iw-gallery.style2 .gallery-item .image img{
width:100%;
}
.iw-gallery.style1 .gallery-info{
position:absolute;
bottom:0;
left:0;
width:100%;
z-index:9;
color:#fff;
opacity:0;
transition:all ease 0.5s;
}
.iw-gallery.style1 .gallery-item:hover .gallery-info{
opacity:1;
}
.iw-gallery.style1 .gallery-item .image .icon,
.iw-gallery.style2 .gallery-item .image .icon{
height:40px;
width:40px;
position:absolute;
left:calc(50% - 20px);
top:calc(50% - 20px);
display:inline-block;
text-align:center;
line-height:44px;
background:#fff;
border-radius:100px;
font-size:17px;
opacity:0;
transition:all ease 0.5s;
}
.iw-gallery.style1 .gallery-item:hover .image .icon,
.iw-gallery.style2 .gallery-item .image:hover .icon{
opacity:1;
}
.iw-gallery.style1 .gallery-info a{
color:#fff;
}
.iw-gallery.style2 .gallery-item{
background:#fff;
position:relative;
z-index:3;
}
.iw-gallery.style2 .gallery-item:before{
position:absolute;
content:'';
top:25px;
bottom:25px;
left:25px;
right:25px;
z-index:-1;
width:calc(100% - 50px);
height:calc(100% - 50px);
box-shadow:0px 30px 40px 10px rgba(0,0,0,0.35);
transition:all ease 0.5s;
opacity:0;
}
.iw-gallery.style2 .gallery-item:hover:before{
opacity:1;
}
.iw-gallery.style2 .gallery-item-inner{
background:#fff;
}
.iw-gallery.style2 .gallery-info{
color:#ccc;
}
.iw-gallery.style2 .gallery-info .title a{
color:#000;
}  .iw-contact-details .title-block h3.title,
.wpcf7-form .contact-form h3.title{
margin:0 0 25px 0; font-weight:bold;
font-size:48px;
color:#000;
}
.iw-contact-details .title-block{
width:50%;
margin-bottom:50px;
}
.iw-contact-details .title-block .description,
.wpcf7-form .contact-form .description{
line-height:26px;
color:#999;
font-size:14px;
}
.iw-contact-details .contact-item .iw-contact-item + .iw-contact-item{
border-left:1px solid #e5e5e5;
}
.iw-contact-details .contact-item .iw-contact-item .contact-item-inner{
padding:43px 50px 33px 50px;
}
.iw-contact-details .contact-item .iw-contact-item .icon{
font-size:40px;
color:#000;
margin-bottom:18px;
}
.iw-contact-details .contact-item .iw-contact-item .icon i{
font-weight:bold;
}
.iw-contact-details .contact-item .title{
font-size:18px; font-weight:bold;
margin:0 0 12px 0;
color:#000;
}
.iw-contact-details .contact-item .description{
font-size:13px;
color:#999;
line-height:26px;
}
.wpcf7-form .form-wrap .wpcf7-form-control-wrap input[type=text],
.wpcf7-form .form-wrap .wpcf7-form-control-wrap input[type=email],
.wpcf7-form .form-wrap .wpcf7-form-control-wrap textarea{
height:40px;
line-height:39px;
border:none;
border-bottom:1px solid #e1e1e1;
width:100%;
color:#999;
padding:0 5px;
}
.wpcf7-form .form-wrap .wpcf7-form-control-wrap input[type=text]:focus,
.wpcf7-form .form-wrap .wpcf7-form-control-wrap input[type=email]:focus,
.wpcf7-form .form-wrap .wpcf7-form-control-wrap textarea:focus{
border-bottom:1px solid #333;
color:#333;
}
.wpcf7-form .form-wrap .wpcf7-form-control-wrap textarea{
height:auto;
line-height:20px;
padding:5px;
}
.wpcf7-form .form-wrap input[type=submit]{
background:none;
border:none;
border-bottom:1px solid #000;
font-size:14px;
font-weight:600;
color:#000;
text-transform:uppercase;
padding:4px 0;
margin-top:25px;
}
.wpcf7-form .form-wrap .wpcf7-form-control-wrap{
margin-bottom:30px;
display:inline-block;
width:100%;
}
.wpcf7-form .form-wrap{
margin-top:95px;
}
.wpcf7-form .contact-form{
margin-top:28px;
margin-bottom:100px;
}  .icheckbox_square{
position:relative;
width:24px;
height:24px;
float:left;
font-weight:normal;
}
.icheckbox_square:before{
font-size:18px;
content:"\f372";
font-family: "Ionicons";
float:left;
}
.icheckbox_square ins{
display:none;
}
.icheckbox_square ins:hover {
cursor: pointer;
}
.icheckbox_square.checked:before{
content:"\f373";
}
.icheckbox_square.checked{
color:#000;
}
.iw-reservation .iw-room.not-available .room-inner{
padding: 20px 35px;
color: #000;
}
.iw-reservation .room-inner{
background:#fff;
box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
position: relative;
}
.iw-reservation .iw-room{
margin-bottom:40px;
color:#ccc;
font-size:13px;
}
.iw-reservation .img-wrap{
width: 300px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size:cover;
}
.iw-reservation .iw-room .room-meta{
list-style:none;
font-weight:600;
margin-top:25px; }
.iw-reservation .iw-room .room-meta span{
color:#000;
}
.iw-reservation .iw-room .room-meta .available span{
color:#ff0000;
}
.iw-reservation .iw-room .room-meta .available span.avaiable{
color:#99cc00;
}
.iw-reservation .iw-room .room-info{
padding:30px 30px 15px 335px;
}
.iw-reservation .iw-room .col-left{
float:left;
width:58%;
}
.iw-reservation .iw-room .col-right{
float:left;
width:42%;
}
.iw-reservation .iw-room .room-info h3.title{
margin:0 0 4px 0;
color:#000;
font-size:24px;
font-weight:bold; }
.iw-reservation .iw-room .room-info h3.title a{
color:#000;
}
.iw-reservation .iw-room .room-info h3.title a:hover{
}
.iw-reservation .room-services label.service-item{
display:block;
font-weight:normal;
margin:0 0 10px 0;
}
.iw-reservation .room-services label.service-item.active{
color:#000;
}
.iw-reservation .room-services .price-wrap{
color:#000;
}
.iw-reservation .room-services .price-wrap span{
color:#cc0000;
font-size:24px;
font-weight:600;
line-height:19px;
}
.iw-reservation .iw-room.selected .room-services .price-wrap span{
color:#000;
}
.iw-reservation .room-services .bcart-quantity a.add-bcart{
height:54px;
line-height:54px;
display:inline-block;
text-transform:uppercase;
font-size:14px;
border-radius:3px;
color:#fff;
padding:0 30px;
font-weight:600;
position: relative;
overflow: hidden;
top: 22px;
}
.iw-reservation .booking-overview-footer .apply-discountcode{
position:relative;
}
.iw-reservation .room-services .bcart-quantity a.add-bcart.loading:before,
.iw-reservation .room-services .bcart-quantity a.add-bcart.loading:after,
.iw-reservation .booking-overview-footer .apply-discountcode.loading:before,
.iw-reservation .booking-overview-footer .apply-discountcode.loading:after{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
text-align:center;
z-index:2;
content:'';
font-size:18px;
line-height:54px;
border-radius:3px;
}
.iw-reservation .booking-overview-footer .apply-discountcode.loading:before,
.iw-reservation .booking-overview-footer .apply-discountcode.loading:after{
line-height:56px;
}
.iw-reservation .room-services .bcart-quantity a.add-bcart.loading:before,
.iw-reservation .booking-overview-footer .apply-discountcode.loading:before{
animation:2s linear 0s normal none infinite running infinite-spinning;
content:"\f013";
font-family: FontAwesome;
z-index:3;
}
@keyframes infinite-spinning{
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.iw-reservation .room-services .bcart-quantity a.add-bcart > span {
-webkit-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
-webkit-transform: translateX(0);
transform: translateX(0);
display: inline-block;
}
.iw-reservation .room-services .bcart-quantity a.add-bcart:hover > span {
-webkit-transform: translateX(150%);
transform: translateX(150%);
}
.iw-reservation .room-services .bcart-quantity a.add-bcart div.icon-effect {
position: absolute;
right: 100%;
top: 0;
width: 100%;
font-size: 25px;
text-align: center;
-webkit-transition: right 0.3s ease 0s;
transition: right 0.3s ease 0s;
}
.iw-reservation .room-services .bcart-quantity a.add-bcart div.icon-effect i.icon {
vertical-align: inherit;
height: auto;
width: auto;
}
.iw-reservation .room-services .bcart-quantity a.add-bcart:hover div.icon-effect {
right: 0;
}
.iw-reservation .room-services .bcart-quantity a.add-bcart.selected{
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/selected-icon.png) 28px center no-repeat scroll #ccc;
padding:0 27px 0 55px;
}
.iw-reservation .bcart-quantity select{
height:54px;
line-height:53px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:url(//www.swadeshi.it/wp-content/themes/monalisa/assets/images/bg-arrow-select.png) scroll 85% center no-repeat transparent;
border:none;
border-bottom:1px solid #bfbfbf;
margin:0 30px 15px 15px;
padding:0 40px 0 15px;
color:#999;
font-size:14px;
}
.iw-reservation .bcart-quantity span{
font-weight:600;
}
.iw-reservation h3.title-block{
line-height:1;
margin:0 0 55px 0;
text-align:center;
font-size:30px;
font-weight:bold; }
.iw-reservation .payment-mode{
margin-top:11px;
}
.iw-reservation .payment-mode label.payment-item{
display:block;
margin:0 0 11px calc((100% - 300px)/2);
}
.iw-reservation .submit-field{
margin:45px 0;
}
.iw-reservation .submit-field input.button{
margin:0 0 0 calc((100% - 300px)/2);
text-transform:uppercase;
color:#fff;
font-weight:bold;
font-size:14px;
height:54px;
border-radius:3px;
line-height:54px;
padding:0 45px;
}
.iw-reservation .iw-confirm-reservation .item-field{
margin-bottom:35px;
}
.iw-reservation .iw-confirm-reservation .item-field input[type=text],
.iw-reservation .iw-confirm-reservation .item-field input[type=email],
.iw-reservation .iw-confirm-reservation .item-field textarea{
height:40px;
line-height:39px;
border:none;
border-bottom:1px solid #e1e1e1;
width:100%;
color:#999;
padding:0 5px;
background:none;
}
.iw-reservation .iw-confirm-reservation .item-field input[type=text]:focus,
.iw-reservation .iw-confirm-reservation .item-field input[type=email]:focus,
.iw-reservation .iw-confirm-reservation .item-field textarea:focus{
border-bottom:1px solid #333;
color:#333;
}
.iw-reservation .iw-confirm-reservation .item-field textarea{
height:auto;
line-height:20px;
padding:5px;
}
.iw-reservation .iw-confirm-reservation form{
background:#fff;
padding:70px 45px 80px 45px;
}
.iw-reservation .iw-confirm-reservation .item-field{
margin-bottom:35px;
padding-left:30px;
padding-right:30px;
}
.avaiable-room,.booking-overview{
margin-bottom:120px;
}
.iw-reservation .booking-overview .booking-overview-content{
background:#fff;
padding:55px 40px 60px 40px;
box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}
.iw-reservation .booking-overview .img-wrap{
padding-top: 4px;
float:left;
position: static;
width: auto;
max-width:135px;
}
.iw-reservation .booking-overview .room-info{
margin-left:175px;
}
.iw-reservation .booking-overview .booking-room{
border-bottom:1px solid #e1e1e1;
padding:28px 0;
}
.iw-reservation .booking-overview .booking-date{
text-align:center;
margin-bottom:5px;
}
.iw-reservation .booking-overview .iwj-booking-total-price{
text-align: right;
}
.iw-reservation .booking-overview .iwj-booking-total-price strong{
color: #c00;
}
.iw-reservation .booking-overview .booking-date .booking-arrival,
.iw-reservation .booking-overview .booking-date .booking-departure{
display:inline-block;
font-size:18px;
color:#ccc;
}
.iw-reservation .booking-overview .booking-date .booking-arrival + .booking-departure:before{
content:"|";
padding:0 18px;
}
.iw-reservation .booking-overview .booking-date span{
color:#000;
}
.iw-reservation .booking-overview .booking-room h3.title{
margin:0;
line-height:1;
font-size:18px;
font-weight:bold;
color:#000;
display:inline-block; }
.iw-reservation .booking-overview .booking-room h3.title a{
color:#000;
}
.iw-reservation .booking-overview .booking-room h3.title a:hover{
}
.iw-reservation .booking-overview .booking-room .rating{
display:inline-block;
}
.iw-reservation .booking-overview .booking-room-head > div.rating:before{
content:"-";
padding:0 7px;
float:left;
}
.iw-reservation .booking-overview .booking-room .booking-room-head{
margin:0 0 10px 0;
}
.iw-reservation .booking-overview .booking-room .room-meta{
font-size:14px;
color:#ccc;
font-weight:500;
}
.iw-reservation .booking-overview .booking-room .room-meta .meta-col-left, .iw-reservation .booking-overview .booking-room .room-meta .meta-col-right{
display: inline-block;
min-width: 300px;
}
.iw-reservation .booking-overview .booking-room .room-meta span{
color:#000;
}
.iw-reservation .booking-overview .booking-room .price{
text-align:right;
color:#000;
font-size:14px;
font-weight:500;
}
.iw-reservation .booking-overview .booking-room .price span{
padding:0 8px;
}
.iw-reservation .booking-overview .booking-room .price strong{
font-size:24px;
color:#cc0000;
line-height:1;
margin-top:20px;
display:inline-block;
}
.iw-reservation .booking-overview-footer{
padding-top:55px;
}
.iw-reservation .booking-overview-footer input[type=text]{
height:56px;
line-height:46px;
background:#f4f4f4;
border-radius:3px;
color:#ccc;
border:none;
padding:5px 10px;
}
.iw-reservation .booking-overview-footer button.button{
height:56px;
line-height:46px;
text-transform:uppercase;
font-weight:600;
border-radius:3px;
color:#fff;
border:none;
padding:5px 35px;
margin-left:25px;
}
.iw-reservation .booking-overview-footer button.button.disabled{
background:#ccc;
}
.iw-reservation .booking-overview-footer .coupon-code span{
color:#000;
font-size:18px;
font-weight:600;
width:110px;
float:left;
padding-top:2px;
display:inline-block;
}
.iw-reservation .booking-overview-footer .booking-price{
font-size:48px;
font-weight:600;
color:#cc0000;
text-align:right;
}
.iw-reservation .booking-overview-footer .total-discount{
text-align:center;
font-size:18px;
font-weight:600;
color:#000;
}
.iw-reservation .booking-overview-footer .total-discount span{
color:#999;
font-size:14px;
font-weight:300;
}
.iw-reservation .booking-overview .remove-booking-room{
color:#ff0000;
}
.iw-check-order-page.iw-reservation .booking-overview .booking-overview-content {
padding: 55px 40px 0;
}
.iw-check-availability .form-group button.input-button{
height:54px;
line-height:54px;
border:none;
padding:0 30px;
border-radius:3px;
width: 100%;
text-transform: uppercase;
}
.star-rating {
position: relative;
color: #f6ab09;
text-align: center;
height: 20px;
width: 73px;
float:left;
margin-right:11px;
font-size: 13px;
margin-top:-1px;
}
.star-rating:before {
color: #d3ced2;
content: "\f005 \f005 \f005 \f005 \f005";
font-family: FontAwesome;
float: left;
left: 0;
position: absolute;
top: 0;
letter-spacing: 3px;
}
.star-rating span.rating {
float: left;
left: 0;
overflow: hidden;
padding-top: 20px;
position: absolute;
top: 0;
}
.star-rating span.rating:before {
content: "\f005 \f005 \f005 \f005 \f005";
font-family: FontAwesome;
left: 0;
position: absolute;
top: 0;
letter-spacing: 3px;
}
.iw-reservation .booking-message{
color: #999;
font-size: 16px;
margin: 0 0 50px;
text-align: center;
}
.iw-reservation .apply-discount-message{
color: #ff0000;
margin: 20px 0 20px 120px;
}
.iw-reservation .apply-discount-message .success{
color:#28d500;
}
.comment .iw-star-rating{
margin:0;
}
.iwbvent-pagination{
padding-top:20px;
border-top:1px solid #e0e0e0;
text-align:center;
}
.iwbvent-pagination .page-numbers{
border: 2px solid #e0e0e0;
color: #dadada;
display:inline-block;
font-size: 13px;
font-weight:bold;
height: 36px;
line-height: 36px;
margin: 0 3px;
text-align: center;
width: 36px;
background:#fff;
}
.iwbvent-pagination span.current, .iwbvent-pagination a.page-numbers:hover{
color:#fff;
} .iw-shortcode-gallery-slider .gallery-slider-item{
position:relative;
}
.iw-shortcode-gallery-slider .gallery-slider-content{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
color:#fff;
text-align:center;
background:rgba(0,0,0,0.6);
transition:all ease 0.5s;
opacity:0;
}
.iw-shortcode-gallery-slider .gallery-slider-item:hover .gallery-slider-content{
opacity:1;
}
.iw-shortcode-gallery-slider .gallery-slider-item img{
width:100%;
}
.iw-shortcode-gallery-slider .gallery-slider-content-inner{
padding:0 30px;
position:absolute;
top:calc(50% + 30px);
left:0;
transform:translateY(-50%);
width:100%;
}
.iw-shortcode-gallery-slider .gallery-slider-content-inner:before{
position:absolute;
height:40px;
left:50%;
top:-50px;
border-left:1px solid #fff;
content:'';
}
.iw-shortcode-gallery-slider .gallery-slider-subtitle{
font-size:14.5px;
text-transform:uppercase;
}
.iw-shortcode-gallery-slider h3.gallery-slider-title{
font-size:33.3px;
margin:6px 0 19px 0;
line-height:30px;
color:#fff;
}
.iw-shortcode-gallery-slider h3.gallery-slider-title a{
color:#fff;
}
.iw-shortcode-gallery-slider .gallery-slider-desc{
font-size:13.3px;
line-height:25px;
}   .single-room{
position:relative;
z-index:2;
}
.single-room .img-wrap{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:-1;
} 
.single-room .single-room-detail{
width:50%;
background:rgba(0,0,0,0.8);
color:#fff; }
.single-room.left_content .single-room-detail{
float:left;
}
.single-room.right_content .single-room-detail{
float:right;
}
.single-room.left_content .room-info{
padding-left:35%;
padding-right:15%;
}
.single-room.right_content .room-info{
padding-left:15%;
padding-right:35%;
}
.single-room .room-info{
margin-top:215px;
margin-bottom:215px;
position:relative;
}
.single-room h3.title{
font-size:60px; font-weight:bold;
margin:0 0 35px 0;
line-height:1;
}
.single-room .rating{
margin-bottom:15px;
}
.single-room h3.title a{
color:#fff;
}
.single-room .description{
font-size:14px;
line-height:30px;
margin-bottom:25px;
}
.single-room .room-meta{
font-size:13px;
font-weight:600;
list-style:none;
line-height:24px;
margin-bottom:34px;
}
.single-room .room-meta span{
font-weight:normal;
}
.single-room .room-meta .available span{
font-weight:600;
}
.single-room .detail-price{
width:auto;
min-width:115px;
height:115px;
position:absolute;
top:29%;
padding:20px 7px 0 7px;
font-size:14.5px;
}
.single-room.left_content .detail-price{
left:50%;
transform:translatex(-50%);
}
.single-room.right_content .detail-price{
right:50%;
transform:translatex(50%);
}
.single-room .detail-price span.price{
font-size:37.5px;
font-weight:600;
display:block;
margin-top:8px;
text-align:center;
}
.single-room .detail-price:before{
position:absolute;
width:calc(100% + 14px);
height:calc(100% + 14px);
top:-7px;
left:-7px;
content:'';
}
.single-room .single-room-category{
border: 2px solid #999;
height: 380px;
position: absolute;
text-align: center;
top: 0;
width: 88px;
}
.single-room .category-name{
font-size: 14px;
font-weight: 600;
left: -5px;
letter-spacing: 5px;
position: absolute;
text-align: right;
text-transform: uppercase;
top: 186px;
transform: rotate(270deg);
transform-origin: 25% 100% 0;
white-space: nowrap;
width: 250px;
}
.single-room .category-number{
bottom: 20px;
font-size: 24px;
font-weight: 600;
left: calc(50% - 15px);
position: absolute;
}
.single-room.left_content .single-room-category{
left:60px;
}
.single-room.right_content .single-room-category{
right:60px;
}
.single-room .view-detail{
text-transform:uppercase;
font-weight:600;
}
.single-room .view-detail a{
color:#fff;
}
.single-room .star-rating:before {
color: #bfbfbf;
}
.single-room .star-rating{
color:#fff;
}   .iw-footer-default {
background-color: #212020;
}
.iw-footer-default .iw-footer-main{
border-bottom: 1px solid #3b3a3a ;
padding: 75px 0 65px;
}
.iw-footer-default .widget_nav_menu a,
.iw-footer-default .malchimp-desc{
color: rgb(153, 153, 153);
font-size: 14px;
font-weight: 400;
line-height: 25px;
}
.iw-footer-default .widget_nav_menu a:hover{
color: white;
}
.ajax-overlay {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.iw-footer-default .mc-email {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: white;
font-size: 13px;
line-height: 24px;
padding: 5px 10px 5px 0;
}
.iw-footer-default .iw-social-all > li{
display: inline-block;
}
.iw-footer-default .widget_inwave-subscribe h3{
color: rgb(153, 153, 153);
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.iw-footer-default.iw-copy-right,
.iw-footer-default.iw-copy-right p{
display: inline-block;
margin: 0;
padding:0 50px;
}
.iw-email-notifications > button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: 0;
right:0
}
.iw-email-notifications input{
width: 100%;
}
.iw-email-notifications{
position: relative;
margin-top: 25px;
}
.iw-email-notifications > button i{
color: #666;
font-size: 16px;
}
.iw-email-notifications .line{
position: absolute;
bottom: 0;
left:0;
width: 100%;
background: #6c6c6c;
height: 1px;
}
.copy-right-content{
padding: 35px 0;
}
.copy-right-content:after{
display: block;
content: '';
clear: both;
}
.copy-right-content p{
margin: 0;
float: left;
color: #666;
font-size: 14px;
}
.copy-right-content p strong{
font-size: 30px;
color: white;
}
.copy-right-content .social-link{
float: right;
}
.copy-right-content .social-link i{
font-size: 16px;
color: #999;
display: inline-block;
padding-left:20px;
}
.copy-right-content .social-link i:hover{
color: white;
}
.search-results .main-content{
padding-top:70px;
padding-bottom:70px;
}
.footer-v2 .footer-main{
padding:115px 0 150px 0;
}
.footer-v2.has-image-bg a{
color:#fff;
}  .scrollviewed .modules.scrollview {
height: 100%;
width: 100%;
}
.scrollviewed .modules.scrollview .module {
height: 100%;
position: absolute;
width: 100%;
}
.scrollviewed .modules.scrollview .module .page {
backface-visibility: hidden;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.scrollviewed .modules.scrollview .module .page .container-1 {
backface-visibility: hidden;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.scrollviewed .modules.scrollview .module .page .container-1 .container-2 {
backface-visibility: hidden;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.scrollviewed .modules.scrollview .module .page .container-1 .container-2 .content {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3; }
.top, .right, .left, .bottom{
display: none;
}
.scrollviewed .top {
display: block;
background-color: #ffffff;
height: 20px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 25;
}
.admin-bar.scrollviewed .top{
top: 32px;
}
.scrollviewed .bottom {
display: block;
background-color: #ffffff;
bottom: 0;
height: 20px;
left: 0;
position: fixed;
width: 100%;
z-index: 25;
}
.scrollviewed .left {
display: block;
background-color: #ffffff;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 20px;
z-index: 25;
}
.scrollviewed .right {
display: block;
background-color: #ffffff;
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 20px;
z-index: 25;
}
.scrollviewed .overlay {
background-color: #15181c;
display: none;
height: 100%;
left: 0;
opacity: 0.75;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}
.scrollviewed footer{
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 0;
padding: 0;
}
.scrollviewed footer .footer-inner{
height: 100%;
position: relative;
text-align: center;
}
.scrollviewed footer .footer-inner > div:nth-child(1) {
bottom: 0;
position: absolute;
top: auto;
width: 100%;
}
.scrollviewed {
background-color: #ffffff;
padding: 20px;
}
.scrollviewed .wrapper{
overflow: hidden;
height: 100%;
width: 100%;
position: relative;
}
.scrollviewed .contents-main {
height: 100%;
overflow: hidden;
width: 100%;
z-index: 3;
position: relative;
}
.scrollviewed .iw-heading.style12{
left: 0;
top: -100px;
position: absolute;
width: 100%;
height: 70px;
padding: 0;
}
.scrollviewed .iw-heading.style12 .icon{
margin-top: 15px;
}
.scrollviewed .modules.scrollview .content > .vc_row{
position: relative;
height: 100%;
min-height: auto !important;
z-index: 1; box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center; }
.scrollviewed .modules.scrollview .content > .vc_row::after{
content:'';
width:100%;
height:0;
overflow:hidden;
visibility:hidden;
display:block
}
.scrollviewed .wpb_column.vc_column_container{
position: static;
z-index: 0;
}  @media (max-width:1600px) {
.header-style-5 .container {
width: 100%;
}
} @media (max-width:1400px){
.single-room.left_content .room-info {
padding-left: 190px;
padding-right: 85px;
}
.single-room.right_content .room-info{
padding-right: 190px;
padding-left: 85px;
}
.single-room .room-info{
margin-top:160px;
margin-bottom:160px;
}
.single-room h3.title{
font-size:50px;
}
}
@media (min-width:1400px){
} @media (max-width:1250px)and (min-width: 992px){
.header-version-2 .content-right .social-link {
display: none;
}
.header-default .iw-menu-default .iw-main-menu > ul > li {
padding-right: 35px;
}
div.header-default .iw-menu-default .iw-main-menu ul li.after_logo {
padding-right: 0;
padding-left: 35px;
}
.header-default .iw-menu-default .iw-main-menu ul li.logo {
padding: 0 135px 0 55px;
}
.header.header-version-3 .iw-main-menu {
margin-top: 0;
}
} @media (max-width:1369px){
.wrapper.header-style-5{
margin-left:220px;
}
.header.header-version-5{
width: 220px;
}
.header-style-5 .logo-header {
margin: 15px 0 30px;
}
.header-version-5 .copyright-header {
padding: 10px 0;
}
.header-version-5 .special-button a {
letter-spacing: 5px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item > a {
padding: 10px 50px 10px 50px;
}
.header-version-5 .copyright-social-header {
padding-top: 15px;
}
.header-version-5 .special-button a {
height: 45px;
line-height: 45px;
padding: 0 15px;
font-size: 14px;
}
.header-version-5 .social-header ul {
padding: 15px 0;
}
.header-version-5 .social-header a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 14px;
}
} @media (max-width:1199px) {
.single-room .single-room-detail{
width:75%;
}
.single-room.left_content .detail-price{
left:75%;
}
.single-room.right_content .detail-price{
right:75%;
}
.single-room h3.title{
font-size:40px;
}
.iw-reservation .room-services label.service-item{
margin-bottom:5px;
}
.iwb-rooms-slider2 .slider-item.slick-active h3.post-title {
margin: 0 30px;
padding: 15px 20px 20px;
}
.iwb-rooms-slider2 h3.post-title {
bottom: 30px;
font-size: 34px;
}
.body-boxed .header.header-default.clone{
width: 100%;
}
.header-version-2 .header-book-button { }
.header-version-2 .content-right .social-link {
display: none;
}
.header-version-2 .content-main .iw-nav-menu li a {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-default .iw-header .iw-menu-main .navbar-nav li > a{
padding: 0 8px;
}
.header-default .iw-header .iw-search-cart button{
position: absolute;
left: -20px;
top: 0;
}
.header-default .navbar-nav > li .sub-menu{
width: 220px;
}
.search-form .search-form-header{
left: -180px;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.admin-bar .header.header-version-3 .iw-header-menu-wrapper{
top: 32px;
}
.active-menu-3.header.header-version-3 .iw-header-menu-wrapper {
right: 0;
}
}
@media (max-width: 991px) {
.single-room.left_content .room-info,
.single-room.right_content .room-info{
padding-left: 30px;
padding-right: 30px;
}
.single-room .single-room-detail{
width:100%;
}
.single-room .category-number{
display:none;
}
.single-room .single-room-category{
border: none;
height: auto;
position: relative;
text-align: inherit;
top: auto;
width: auto;
}
.single-room.left_content .single-room-category,
.single-room.right_content .single-room-category{
left:auto;
right:auto;
}
.single-room .category-name{
left: auto;
letter-spacing: 5px;
position: relative;
text-align: inherit;
top: auto;
transform: none;
transform-origin:0;
width: auto;
}
.single-room.left_content .detail-price,
.single-room.right_content .detail-price{
left: auto;
right: 30px;
top: 30px;
transform: none;
}
.single-room .room-info{
margin-top:60px;
margin-bottom:60px;
}
.single-room .img-wrap{
height:500px;
position:relative;
}
.single-room h3.title{
font-size:34px;
}
.iw-reservation .iw-room .col-left{
width:100%;
}
.iw-reservation .iw-room .col-right{
width:100%;
}
.iwb-rooms-slider2 h3.post-title{
font-size:30px;
}
.iw-reservation .iw-room .room-services{
margin-top:15px;
}
.iw-reservation .iw-room .bcart-quantity{
margin-top:15px;
}
.iw-reservation .room-services label.service-item{
margin-bottom:2px;
}
.iw-reservation .booking-overview .booking-date .booking-arrival,
.iw-reservation .booking-overview .booking-date .booking-departure{
display:block;
}
.iw-reservation .booking-overview .booking-date .booking-arrival + .booking-departure::before{
display:none;
}
.iw-reservation .booking-overview-footer .total-discount{
text-align:left;
}
.iw-contact-details .contact-item .iw-contact-item + .iw-contact-item{
border:none!important;
}
.iw-contact-details .contact-item .iw-contact-item .contact-item-inner{
padding:15px;
}
.iw-contact-details .title-block{
width:auto;
}
.iw-contact-details .contact-item .iw-contact-item .icon{
margin-bottom:5px;
}
.single-content .post-info-author{
margin-bottom:20px;
}
.single-content .post-info-date, .single-content .post-info-category, .single-content .post-info-tags{
margin-bottom:10px;
}
.single-content .post-info{
padding-bottom:10px;
}
.page-heading .iw-heading-title h1{
font-size:45px;
}
.single-content .post-content-head h3.post-title{
line-height:1.5;
margin-bottom:30px;
font-size:28px;
}
.iwb-rooms-slider2 .slick-next,
.rtl .iwb-rooms-slider2 .slick-prev{
right:30px;
left:auto;
}
.iwb-rooms-slider2 .slick-prev,
.rtl .iwb-rooms-slider2 .slick-next{
left:30px;
right:auto;
}
.iwb-rooms-slider2.slider3 .slick-next,
.rtl .iwb-rooms-slider2.slider3 .slick-prev{
right:0;
left:auto;
}
.iwb-rooms-slider2.slider3 .slick-prev,
.rtl .iwb-rooms-slider2.slider3 .slick-next{
left:0;
right:auto;
}
.header-default .iw-menu-main {
display: none;
}
.header-default .shopping-cart {
float: left;
}
.header-default .search-form{
margin-right: 20px;
}
.off-canvas-menu, .off-canvas-open{
display: block;
}
.off-canvas-open {
float: right;
margin-top: 10px;
cursor: pointer;
border: 0;
background: transparent;
}
.off-canvas-open i {
font-size: 20px;
}
.st-body {
position: relative;
right: 0;
-webkit-transition: right 0.5s;
transition: right 0.5s;
}
.st-menu {
height: 100%;
overflow: scroll;
position: fixed;
top: 0;
right: 0;
z-index: 100;
width: 240px;
height: 100%;
display: block;
background: #1c1c1c;
-webkit-transition: right 0.5s;
transition: right 0.5s;
} .st-effect-3.st-menu-open .st-body {
right: 240px;
-webkit-transition: right 0.5s;
transition: right 0.5s;
}
.st-effect-3 .st-menu {
right:-240px;
-webkit-transition: right 0.5s;
transition: right 0.5s;
z-index: 999;
}
.st-effect-3.st-menu-open .st-menu {
-webkit-transition: right 0.5s;
transition: right 0.5s;
right: 0;
}
.off-canvas-menu .canvas-menu span span.icon-arrow::before {
color: rgb(255, 255, 255);
content: "";
font-family: "FontAwesome";
margin: 0 10px;
}
.off-canvas-menu h2.canvas-menu-title {
border-bottom: 1px solid rgb(78, 78, 78);
color: rgb(184, 184, 184);
font-size: 16px;
font-weight: 700;
line-height: 30px;
margin: 0 15px;
padding: 10px 0;
text-transform: uppercase;
}
.canvas-menu-title {
position: relative;
}
#off-canvas-close i {
color: rgb(255, 255, 255);
position: absolute;
right: 0;
top: 10px;
}
.off-canvas-menu .canvas-menu li > a {
border-bottom: 1px solid rgb(78, 78, 78);
color: rgb(255, 255, 255);
display: block;
font-size: 14px;
line-height: 40px;
margin: 0 15px;
position: relative;
text-transform: uppercase;
}
.off-canvas-menu .canvas-menu  li:last-child > a{
border-bottom: 0;
}
.off-canvas-menu .canvas-menu span span.icon-arrow {
float: right;
position: relative;
right: 0;
top: 0;
}
.off-canvas-menu .canvas-menu .sub-menu li a {
border-bottom: 0 none;
text-transform: none;
margin: 0 30px;
}
.header .iw-menu-default .iw-main-menu > ul li{
display: none;
}
.header .iw-menu-default .iw-main-menu > ul li.logo{
display: block;
}
.header-default .iw-menu-default .iw-main-menu ul li.logo{
padding: 0;
}
.header .iw-menu-default:after{
clear: both;
content: '';
display: block;
}
.header .iw-menu-default .iw-main-menu{
float: left;
}
.header .iw-menu-default .iw-main-menu .iw-canvas-icon{
float: right;
}
.header-default .content-main {
margin-bottom: 15px;
margin-top: 15px;
}
.header-version-2 .iw-canvas-icon {
display: inline-block;
padding-right: 10px;
position: relative;
top: 8px;
}
.header-version-2 .content-right .icon-search{
position: static;
}
.header-version-2.active .icon-search span.remove {
font-size: 18px;
position: absolute;
right: 10px;
z-index: 999;
top: 20px;
}
.header.header-version-3{
padding-right: 0;
}
.header.header-version-3 .iw-header-menu-wrapper{
display: none;
}
.iw-reservation .booking-overview .booking-room h3.title {
margin-top: 25px;
}
.iw-reservation .iw-booking-footer .booking-submit-field {
margin-top: 10px;
}
.page-heading .container-inner{
min-height: 300px !important;
}
.rev_slider_wrapper{
left: 0!important;
}
.header-style-5 .logo-header {
margin: 35px 0 45px;
}
.header-version-5 .social-header ul {
padding: 33px 0;
}
} @media (min-width: 768px) and (max-width: 991px) {
.iw-reservation .room-services .bcart-quantity a.add-bcart{
}
} @media (max-width: 991px) {
.iw-reservation .iw-booking-footer .submit-wrap {
float: none;
}
} @media (max-width: 980px) {
.wrapper.header-style-5 {
margin: 0;
}
.header-style-5 .forcefullwidth_wrapper_tp_banner {
width: 100% !important;
}
.header.header-version-5 .header-inner {
display: none;
}
.page-template-home-page .header.header-version-5{
position: absolute;
}
.header.header-version-5{
position:relative;
left:auto;
right: 0;
top:0;
height:auto;
background:#fff;
width: 100%;
z-index:2;
}
.header-style-5 .open-canvas-button{
position:absolute;
top:30px;
right:0;
background:#fff;
border:none;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#232323;
font-size:20px;
padding:0;
}
.header-style-5 .header-v5-logo-mobile {
padding: 25px 15px;
}
.st-menu-open .header-style-5 .open-canvas-button{
display:none;
}
.header-style-5 .open-canvas-button,
.header-style-5 .header-v5-logo-mobile{
display: block;
}
.header-style-5 .close-canvas-button{
position:absolute;
top:0;
right:10px;
height:40px;
line-height:45px;
width:40px;
text-align:center;
font-size:20px;
}
.header-style-5 .close-canvas-button i {
color:#232323 !important;
}
} @media (max-width: 767px) {
.single-room .img-wrap{
height:400px;
}
.single-room .room-info{
margin-top:40px;
margin-bottom:40px;
}
.single-room h3.title{
font-size:34px;
}
.header-version-2.abs,
.header-version-2 {
position: relative;
}
body .iwb-rooms-grid .img-wrap {
width: 100%;
}
body .iw-statistic .statistic-content .content{
font-size: 40px;
padding: 55px 10px;
}
.persephone.tparrows.tp-rightarrow,
.persephone.tparrows.tp-rightarrow:hover,
.persephone.tparrows.tp-leftarrow,
.persephone.tparrows.tp-leftarrow:hover{
display: none!important;
}
.iw-reservation .iw-room .col-left{
width:50%;
}
.iw-reservation .iw-room .col-right{
width:50%;
}
.iw-reservation .room-inner .img-wrap{
position:relative;
background-size:cover;
background-repeat:no-repeat;
width:auto;
height:400px;
}
.iwb-rooms-slider2 h3.post-title{
font-size:20px;
}
div.iw-reservation .iw-room .room-info{
padding-left:15px;
padding-right:15px;
}
.iw-reservation .booking-overview-footer .booking-price{
line-height:1;
}
.iw-reservation .booking-overview-footer .booking-total-price{
margin-top:10px;
}
.page-heading .iw-heading-title h1{
font-size:35px;
}
.header-default .iw-top-bar {
display: none;
}
.header-default .navbar-nav{
margin: 0;
}
.iw-footer-default .iw-footer-main{
padding-bottom: 0;
}
.copy-right-content{
border-top: 0;
}
.header-version-2 .content-right .social-link{
display: none;
}
body .iw-check-availability .form-group {
margin: 55px 0 0;
}
.page-heading .container-inner{
min-height: 200px !important;
}
}
@media (max-width: 782px) {
body.down.admin-bar .header.clone {
top: 0;
}
.admin-bar .header.header-version-3{
top: 50px;
}
.admin-bar.st-effect-3 .off-canvas-menu.st-menu{
top: 46px;
}
}
@media (min-width: 783px) and (max-width: 991px) {
.admin-bar.st-effect-3 .off-canvas-menu.st-menu{
top: 32px;
}
}
@media (max-width: 610px) {
.iw-reservation .booking-overview-footer button.button{
margin-top: 25px;
margin-left: 0;
}
}
@media (max-width: 559px) {
.iw-reservation .room-inner .img-wrap{
height:350px;
}
.iw-reservation .iw-room .col-left{
width:100%;
float:none;
}
.iw-reservation .iw-room .col-right{
width:100%;
float:none;
}
} @media (max-width: 479px) {
.iw-reservation .room-services .bcart-quantity a.add-bcart {
top: 9px;
}
.iw-reservation .room-inner .img-wrap{
height:300px;
}
div.iw-reservation .booking-overview .img-wrap{
float:none;
width:auto;
}
div.iw-reservation .booking-overview .room-info{
margin:20px 0 0 0;
}
.iw-reservation .booking-overview .booking-room h3.title {
margin: 0;
}
.iw-reservation .booking-overview-footer .coupon-code span{
float:none;
display:block;
width:auto;
margin-bottom:15px;
}
body .iwb-rooms-grid .img-wrap{
width: auto;
}
} @media (max-width: 320px) {
}