.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(//sunsetsurfcamp.com/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(//sunsetsurfcamp.com/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;
}












/*
div.iw-check-availability{
	display:none;
}*/



.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(//sunsetsurfcamp.com/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;
}
 



/*---- Booking step 2 ---*/
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(//sunsetsurfcamp.com/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(//sunsetsurfcamp.com/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;
}



/*------- Step 3 - payment coupon ------*/
.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;
}

/*------- Step 4 - payment form ------*/
.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(//sunsetsurfcamp.com/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;
}


/*-------- REPONSIVE -------*/
/*---- 992 - 1199  ---*/
@media (max-width:1199px)and (min-width: 992px){


}

/*---- < 991 ---*/
@media (max-width:991px){
.iwb-reservation-page .reservation-main > .col-sm-12 + .col-sm-12{
	margin-top:30px;
}

}




/*---- < 767 ---*/
@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;
}





}





/*---- < 560px ---*/
@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;
}


}

/*--------- PACKAGE PAGE STYLE ----------*/
.package-separator {
  font-size: 36px !important;
  color: #665451 !important;
  font-weight: 700 !important;
}


.img-modal {
  max-width: 100%;
}
/*--------- customize package form -------------*/
.form-column-container{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0 auto;
}
.form-column1 {
flex:1;
min-width:300px;
margin-left:5vw;
margin-right:5vw;
}
.form-column2 {
flex:1;
min-width:300px;
margin-left:5vw;
margin-right:5vw;
}
.form-submit{
text-align:center;
margin-top:2rem;
padding-top:2rem;
border-top:2px solid #665451;
}
.form-submit input {
    border: 2px solid #EA880D !important;
    padding: 10px 30px !important;
    color: #EA880D !important;
    background-color: white !important;
    margin-bottom: 15px !important;
}
.form-submit:hover input{
background-color:#6DAB3C;
color:white;
}
input[name="Detailsyouwishustoknow"]{
height:330px;
}
/*--------- customize package form end -------------*/

@media (min-width:992px){
	div.header-default .iw-menu-default .iw-main-menu ul{
		position:relative;
	}
	div.header-default .iw-menu-default .iw-main-menu ul li.after_logo {
		float: right;
		padding: 0 0 0 60px;
	}
	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%);
	}
}

@media (max-width:700px){
  .h2-hashtag {
    font-size: 20px !important;
  }

  .iwb-rooms-slider2 .slider-item.slick-active h3.post-title {
    font-size: 24px !important;
  }
}

/*--------- customize main nav -------------*/

.header-default .iw-menu-default .iw-main-menu ul li a {
  font-family: "Lato" !important;
  font-weight: 400;
}

#menu-sunset-nav-1 {
  padding-top: 20px;
}

.content-main {
  padding-bottom: 10px;
}

.iw-nav-wrapper {
  box-shadow:  0 0px 4px 0 rgba(0,0,0,0.16);
}

.contact {
    color: #665451 !important;
    font-family: "Lato" !important;
}

/*.book-button a {
  border: 2px solid #EA880D;
  padding: 0px 30px !important;
}

.book-button a:hover {
  color: white !important;
    background-color: #6DAB3C !important;

}

.book-button > a:after {
    width: 0% !important;
}*/

/*.header-default .menu-item-1258 > li > a:hover {
  color: white !important;
}*/

/*.header-default .iw-main-menu .iw-nav-menu > li > a:hover {
  color: white !important;
}*/

/*.menu-item-1258 li:hover {
  font-color: #FFFFFF !important;
  background-color: #ea880d !important;
}
*/

/*.menu-item-1258 a:after:hover {
  font-color:white !important;
}
.book-button a:hover{
  font-color: #FFFFFF !important;
  background-color: #ea880d !important;
}*/

/*--------- customize client testimonial homepage -------------*/

.info-testimonials .testimonials {
  font-family: 'Lato';
  color: #665451;
}

/*--------- customize slick slider on homepage -------------*/

.iwb-rooms-slider2 h3.post-title {
  font-size: 36px !important;
  font-weight: 300 !important;
  /*line-height: 1.25em !important;*/
  background: none !important;
  pointer-events: none !important;
  text-shadow: 0px 1px 1px #999999;
}

.iwb-rooms-slider2 .slider-item.slick-active h3.post-title {
  padding: 0 !important;
}

.slick-prev,
.slick-next {
  color: orange !important;
/*  border: 1px solid #EA880D !important;
*/
box-shadow: 0 0px 4px 0 rgba(0,0,0,0.16) !important;
}

/*---- TABS -----*/

.wpb-js-composer .vc_tta-color-green.vc_tta-style-outline .vc_tta-tab.vc_active>a {
    /*border-color: #6DAB3C;*/
    background-color: #6DAB3C !important;
    color: white !important;
}

/*---- CONTACT FORM CUSTOM ----*/

.wpcf7-form .form-wrap input[type=submit] {
  border: 2px solid #EA880D !important;
  padding: 10px 30px !important;
  color: #EA880D !important;
  margin: 0px !important;
}

.wpcf7-form .form-wrap input[type=submit]:hover {
  background-color: #EA880D !important;
  color: #ffffff !important;
}

.contact-form h3 {
  color: #665451  !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  padding-bottom: 30px !important;
;

}

.contact-form .description {
  font-size: 24px !important;
  color: #665451 !important;
  font-weight: 300 !important;
}


/*---- BOOK FORM CUSTOM ----*/

/*.book-label {
  font-family: 'Lato' !important;
  font-size: 24px !important;
}

.input-wrapper {
  border-color: green !important;
}*/


.easy-ui label {
  font-family: 'Lato' !important;
  color: #665451;
  font-size: 18px !important;
  margin-top: 20px;
}

.easy-show-error label {
  color: #e15352 !important;
}

.easy-ui {
  border: none !important;
}

.easy-button {
  border: 2px solid #EA880D !important;
  padding: 10px 30px !important;
  color: #EA880D !important;
  background-color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: 30px 0px !important;
}

.easy-button:hover {
  background-color: #EA880D !important;
  color: #ffffff !important;
}

.radio label {
    padding: 0px;
}

.wrapper label {
  background-color: none !important;
}

span.error-wrapper {
    margin: 0 !important;
}
/*.easy-ui-outer-border:#d3d1d1;
.easy-ui-inner-border:#d1d1d1;--
.easy-ui-input-border:#ccc;
.easy-ui-background:#fff;
.easy-ui-background-h1:#fbfbfb;
.easy-ui-selected:#f2f2f2;
.easy-ui-color:#333;
.easy-ui-color-h1:#333;.
.easy-ui-color-secondary:#9a9a9a;
.easy-ui-font-family:'-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"';
.easy-ui-button-background: orange;
.easy-ui-button-border:#228dff;
.easy-ui-calendar-border:#d3d1d1;
.easy-ui-calendar-last:#fff;
.easy-ui-calendar-last-color:#fff;
.easy-ui-calendar-past:#fff;.
.easy-ui-calendar-past-color:#b9b9b9;
.easy-ui-calendar-empty:#fff;
.easy-ui-calendar-empty-color:#333;
.easy-ui-calendar-occupied:#fff;
.easy-ui-calendar-occupied-color:#333;
.easy-ui-calendar-full:#dc4c4c;.
.easy-ui-calendar-full-color:#fff;
.easy-ui-box-margin:10px;
.easy-ui.dark
.easy-ui-outer-border:#282828;
.easy-ui-inner-border:#282828;
.easy-ui-input-border:#282828;
.easy-ui-selected:#454545;
.easy-ui-background:#1c1c1c;
.easy-ui-background-h1:#2d2d2d;
.easy-ui-color:#acacac;
.easy-ui-color-h1:#dedede;
.easy-ui-color-secondary:#dedede;
.easy-ui-calendar-border:#525252;
.easy-ui-calendar-empty:#232323;
.easy-ui-calendar-empty-color:#fff;
.easy-ui-calendar-last:#1c1c1c;
.easy-ui-calendar-last-color:#1c1c1c;
.easy-ui-calendar-past:#232323;
.easy-ui-calendar-past-color:#5f5f5f}
.easy-ui.calendar-empty-color{--
  easy-ui-calendar-border:#fff;--
easy-ui-calendar-empty-color:#fff;--
easy-ui-calendar-empty:#5ba253;--
easy-ui-calendar-occupied-color:#fff;--
easy-ui-calendar-occupied:#5ba253;--
easy-ui-calendar-last:#ececec;--easy-ui-calendar-last-color:#c1c1c1;--easy-ui-calendar-past:#e2e2e2;--easy-ui-calendar-past-color:#8a8a8a}.easy-ui.calendar-empty-color.dark{--easy-ui-calendar-border:#282828;--easy-ui-calendar-last:#696969;--easy-ui-calendar-last-color:#454545;--easy-ui-calendar-past:#3b3b3b;--easy-ui-calendar-past-color:#8a8a8a}.easy-ui.calendar-occupied-color{--easy-ui-calendar-occupied-color:#fff;--easy-ui-calendar-occupied:#ffb04e}.easy-ui.calendar-dull{--easy-ui-calendar-occupied-color:#333;--easy-ui-calendar-full:#b55250}.easy-ui.calendar-dull.calendar-empty-color{--easy-ui-calendar-empty-color:#fff;--easy-ui-calendar-occupied-color:#fff;--easy-ui-calendar-empty:#568a54;--easy-ui-calendar-occupied:#568a54}.easy-ui.calendar-dull.calendar-occupied-color{--easy-ui-calendar-occupied-color:#fff;--easy-ui-calendar-occupied:#d8aa64}.easy-ui.calendar-mint{--easy-ui-calendar-full-color:#fff;--easy-ui-calendar-full:#ff8282}.easy-ui.calendar-mint.calendar-empty-color{--easy-ui-calendar-empty-color:#676767;--easy-ui-calendar-empty:#d3ffda;--easy-ui-calendar-occupied:#d3ffda}.easy-ui.calendar-mint.calendar-occupied-color{--easy-ui-calendar-occupied-color:#676767;--easy-ui-calendar-occupied:#fdd98c}.easy-ui.calendar-fresh{--easy-ui-calendar-full-color:#fff;--easy-ui-calendar-full:#e86e6e}.easy-ui.calendar-fresh.calendar-empty-color{--easy-ui-calendar-empty-color:#fff;--easy-ui-calendar-empty:#78b571;--easy-ui-calendar-occupied:#78b571}.easy-ui.calendar-fresh.calendar-occupied-color{--easy-ui-calendar-occupied-color:#fff;--easy-ui-calendar-occupied:#ffbf6f}.easy-ui.calendar-dark{--easy-ui-calendar-full-color:#fff;--easy-ui-calendar-full:#983838}.easy-ui.calendar-dark.calendar-empty-color{--easy-ui-calendar-empty-color:#fff;--easy-ui-calendar-empty:#466d41;--easy-ui-calendar-occupied:#466d41}.easy-ui.calendar-dark.calendar-occupied-color{--easy-ui-calendar-occupied-color:#fff;--easy-ui-calendar-occupied:#b18739}.sbSelector,.sbHolder{display:none}.easy-ui{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#333;color:var(--easy-ui-color)}.easy-ui-container{border:1px solid #d3d1d1;border:1px solid var(--easy-ui-outer-border);background:#fff;background:var(--easy-ui-background);padding:0;margin:0;border-spacing:0;border-collapse:separate;line-height:38px}.easy-box{margin-bottom:10px}.float-half-30,.float-half-40,.float-half-50,.float-half-60,.float-half-70{float:left;clear:none}.float-half-30{width:30% !important}.easy-box+.float-half-30{width:28% !important;width:calc(30% - var(--easy-ui-box-margin)) !important;margin-left:10px}.float-half-40{width:40% !important}.easy-box+.float-half-40{width:38%;width:calc(40% - var(--easy-ui-box-margin)) !important;margin-left:10px}.float-half-50{width:50% !important}.easy-box+.float-half-50{width:48%;width:calc(50% - var(--easy-ui-box-margin)) !important;margin-left:10px}.float-half-60{width:60% !important}.easy-box+.float-half-60{width:60%;width:calc(60% - var(--easy-ui-box-margin)) !important;margin-left:10px}.float-half-70{width:70% !important}.easy-box+.float-half-70{width:70%;width:calc(70% - var(--easy-ui-box-margin)) !important;margin-left:10px}.easy-box+.float-half-70,.easy-box+.float-half-60,.easy-box+.float-half-50,.easy-box+.float-half-40,.easy-box+.float-half-30{float:none;clear:none}.easy-box.float-right{float:right;max-width:300px;width:30%;margin-bottom:10px}.float-right+.easy-ui-container.float-right{clear:right}.easy-box.float-left{float:left;width:30%;width:calc(280px);margin-right:10px;margin-bottom:10px}.float-left+.float-left{clear:left}.float-right+.easyFrontendFormular,.float-left+.easyFrontendFormular{width:67% !important;width:calc(100% - 290px) !important;margin:0;display:inline-block}.calendar-resource-box+.easy-calendar,.easy-calendar+.calendar-resource-box{--easy-ui-box-margin:0;margin-left:0;border-left:0}.calendar-resource-box+.easy-calendar{--easy-ui-box-margin:1px}@media only screen and (max-width:800px){.easy-box,.easy-box.float-right,.easy-box.float-left{margin-right:0;float:none;clear:none;max-width:100% !important;width:100% !important}.float-right+.easyFrontendFormular,.float-left+.easyFrontendFormular{display:block;width:100% !important}}table.easy-ui-container>thead th,.easy-ui-container>h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#333;color:var(--easy-ui-color-h1);background:#fbfbfb;background:var(--easy-ui-background-h1);border-bottom:1px solid #d1d1d1;border-bottom:1px solid var(--easy-ui-inner-border);padding:15px;font-size:16px;font-weight:500;line-height:18px;text-align:left;margin:0 0 10px 0 !important}table.easy-ui-container>thead:not(:first-of-type) th{border-top:1px solid #d1d1d1;border-top:1px solid var(--easy-ui-inner-border)}table.easy-ui-container.table>tfoot td,table.easy-ui-container.table>thead th{font-size:15px;font-weight:600;padding:10px 15px;line-height:20px;text-align:left}.easy-ui-container td>h2,.easy-ui-container>h2{margin:0 10px 20px 10px;border-bottom:1px solid #d1d1d1;border-bottom:1px solid var(--easy-ui-inner-border);padding:0 10px 5px 10px;font-weight:normal;font-size:15px}table.easy-ui-container td.content,.easy-ui-container>.easy-content,table.easy-ui-container>.content{display:block;background:#fff;background:var(--easy-ui-background);line-height:34px;padding:5px 15px;font-size:13px}table.easy-ui-container td.content{display:table-cell}table.easy-ui-container>tbody>tr>td{text-align:left;background:#fff;background:var(--easy-ui-background);border:0;padding:2px 15px 2px 15px;display:table-cell;line-height:37px;font-size:13px}table.easy-ui-container.table>tbody>tr>td{border-bottom:1px solid #e4e4e4;line-height:20px;padding:8px 15px}table.easy-ui-container.table>tbody>tr:last-of-type>td{border-bottom:0}table.easy-ui-container.table>tbody>tr:first-of-type>td{border-top:0}table.easy-ui-container.table.border>tbody>tr>td{border-right:1px solid #e4e4e4}table.easy-ui-container.table.border>tbody>tr>td:last-of-type{border-right:0}.easy-ui-container label.in-hierarchy,table.easy-ui-container>tbody td.label,.easy-ui-container>form>label:not(.not-in-hierarchy),.easy-content>label:not(.not-in-hierarchy),.easy-ui>label:not(.not-in-hierarchy){width:34%;box-sizing:border-box;padding:0 30px 0 15px;text-align:right;display:inline-block;font-size:13px;font-weight:600;color:#333;color:var(--easy-ui-color);vertical-align:top;line-height:34px}.easy-ui-container label.in-hierarchy{width:50px}table.easy-ui-container>tbody td.label{width:25%;padding:3px 25px 3px 15px;display:table-cell;font-weight:bold;vertical-align:top}table.easy-ui-container.list>tbody td.label{width:45%}.easy-ui>div.content textarea,.easy-ui>div.content select,.easy-ui>div.content input:not([type="image"]){width:99%}.easy-ui span.row{width:100%;display:inline-block;margin:0;padding:0}.easy-ui>span.row,.easy-content>div.content,.easy-ui>div.content{display:inline-block;text-align:left;width:64%;margin:0;padding:0 15px 0 0;box-sizing:border-box}.easy-ui>div.content img,.easy-ui span.row img{display:inline-block;vertical-align:top}label.easy-show-error,.easy-content>div.content small,.easy-ui>div.content small{color:#9a9a9a;color:var(--easy-ui-color-secondary);display:block;font-size:13px;font-weight:400;margin-top:2px;line-height:1.5;padding-left:1px}@media only screen and (max-width:700px){.easy-ui-container label.in-hierarchy,table.easy-ui-container>tbody td.label,.easy-ui-container>form>label:not(.not-in-hierarchy),.easy-content>label:not(.not-in-hierarchy),.easy-ui-container>label:not(.not-in-hierarchy){width:34%}}@media only screen and (max-width:600px){.easy-ui-container{line-height:28px}.easy-ui-container label.in-hierarchy,table.easy-ui-container>tbody td.label,.easy-ui-container>form>label:not(.not-in-hierarchy),.easy-content>label:not(.not-in-hierarchy),.easy-ui-container>label:not(.not-in-hierarchy){width:99%;padding:8px 20px 2px 20px;text-align:left;font-size:16px}.easy-ui>div.content{padding-left:20px;width:100%}.easy-ui span.row{width:99%}}.easy-ui-container>div.footer,.easy-ui-container>tfoot td,.easy-ui-container>footer{display:block;background:#fbfbfb;background:var(--easy-ui-background-h1);border-top:1px solid #d1d1d1;border-top:1px solid var(--easy-ui-inner-border);padding:8px 15px;font-size:16px;font-weight:600;color:#333;color:var(--easy-ui-color);margin-top:10px;text-align:right}.easy-ui-container>tfoot td{line-height:35px;display:table-cell;margin:0}.easy-ui .hide{display:none !important}.easy-ui .overlay{position:absolute;display:none;margin:0;background:#fff;-moz-opacity:.5;opacity:.5;z-index:3;width:98%;height:98%}.easy-ui .overlay.easy-loading{display:block}.easy-slide-show{width:100%;overflow:hidden;position:relative}.easy-slide{width:100%;height:100%;top:0;left:0;float:left;position:absolute}.easy-ui .fa{font-size:18px;padding:3px;color:#525252;text-decoration:none;outline:none !important;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.easy-ui a.fa{cursor:pointer}.easy-ui .fa.fa-spin,.easy-ui .fa.small{font-size:14px}.easy-ui .fa:focus{outline:none !important}.easy-ui .fa.fa-spin,.easy-ui .fa:hover{color:#000}.easy-ui .fa:before{outline:none !important}.easy-ui .input-wrapper{display:inline-table;vertical-align:bottom;white-space:nowrap}.easy-ui .input-wrapper .input-box{padding:3px 10px 3px 10px;line-height:26px;display:inline-block;font-size:14px;max-height:34px;font-weight:500;color:#333;text-align:center;background:#f8f8f8;border:1px solid #ccc;border:1px solid var(--easy-ui-input-border);border-radius:3px;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.easy-ui .input-wrapper .input-box .fa{font-size:14px;line-height:20px;padding-top:0}.easy-ui .input-wrapper .input-box.clickable{cursor:pointer}.easy-ui .input-wrapper .input-box.clickable:hover{color:#333;background-color:#e0e0e0;border-color:#adadad}.easy-ui .input-wrapper .input-box.clickable:active{color:#333;background-color:#ddd;border-color:#adadad}.easy-ui .input-wrapper>*{border-radius:0 !important;border-left-width:0 !important}.easy-ui .input-wrapper>*:first-child{border-top-left-radius:3px !important;border-bottom-left-radius:3px !important;border-left-width:1px !important}.easy-ui .input-wrapper>*:last-child{border-top-right-radius:3px !important;border-bottom-right-radius:3px !important}.easy-ui span.together-wrapper{display:inline-table}.easy-ui span.together-wrapper .input-box,.easy-ui span.together-wrapper select,.easy-ui span.together-wrapper input{border-left-width:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.easy-ui span.together-wrapper .first,.easy-ui span.together-wrapper input:first-child{border-left-width:1px;border-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.easy-ui span.together-wrapper .last{border-top-right-radius:3px;border-bottom-right-radius:3px}.no-appearance,.easy-ui .input-wrapper select,.easy-ui input[type="text"],.easy-ui input[type="email"],.easy-ui textarea,.easy-ui .select select,.easy-ui legend{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.easy-ui select::-ms-expand{display:none}.not-selectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.easy-ui span.wrapper,.easy-ui label.wrapper{display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.easy-ui textarea,.easy-ui select,.easy-ui input[type="text"],.easy-ui input[type="number"]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;font-weight:normal !important;margin:0 !important;padding:6px 12px !important;font-size:14px;line-height:1.42857143 !important;vertical-align:top !important;color:#495057;background:#fff;border:1px solid #ccc;border:1px solid var(--easy-ui-input-border);border-radius:.25rem;display:inline-block !important;align-items:left !important;box-shadow:none;box-sizing:border-box;height:34px !important;background-image:none !important;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.easy-ui textarea{min-height:75px}.easy-ui .select{position:relative;vertical-align:top}.easy-ui .select::after{content:'';position:absolute;right:8px;top:50%;margin-top:-8px;display:block;width:16px;height:16px;background:url(//sunsetsurfcamp.com/wp-content/themes/monalisa/assets/images/arrow-down.png) no-repeat center center;pointer-events:none}.easy-ui .select select{padding:6px 26px 6px 12px !important}@-moz-document url-prefix(){.easy-ui .select select{text-indent:-2px;padding:5px 26px 5px 12px}.easy-ui select{padding:5px 26px 5px 12px}}.easy-ui select:focus,.easy-ui textarea:focus,.easy-ui input[type="text"]:focus,.easy-ui input[type="number"]:focus{background-color:#fff;border-color:#80bdff !important;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}.easy-ui select.form-error,.easy-ui textarea.form-error,.easy-ui input[type="text"].form-error,.easy-ui input[type="number"].form-error{outline:0;border-color:#dc3545 !important}.easy-ui select.form-error:focus,.easy-ui textarea.form-error:focus,.easy-ui input[type="text"].form-error:focus,.easy-ui input[type="number"].form-error:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,0.25)}.easy-ui select:disabled,.easy-ui textarea:disabled,.easy-ui input:disabled,.easy-ui input[type="number"]:disabled{cursor:not-allowed;background:#fff;color:rgba(51,51,51,0.5);box-shadow:none}.easy-ui input[type=radio],.easy-ui input[type=checkbox]{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;opacity:0;z-index:2}.easy-ui input[type="checkbox"]+span.input{display:inline-block;padding:0 12px}.easy-ui input[type="radio"]+span.input{padding-left:24px}.easy-ui input[type="radio"]+span.input::before,.easy-ui input[type="radio"]+span.input::after,.easy-ui input[type="checkbox"]+span.input::before,.easy-ui input[type="checkbox"]+span.input::after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px}.easy-ui input[type="radio"]+span.input::before,.easy-ui input[type="checkbox"]+span.input::before{border:1px solid #a4a4a4;background:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.08)}.easy-ui input[type="radio"]+span.input::before,.easy-ui input[type="radio"]+span.input::after{border-radius:50%}.easy-ui input[type="checkbox"]+span.input::before,.easy-ui input[type="checkbox"]+span.input::after{border-radius:.25em}.easy-ui input[type="radio"]+span.input::after,.easy-ui input[type="checkbox"]+span.input::after{background-color:#228dff;background-position:center center;background-repeat:no-repeat;display:none;width:18px;height:18px}.easy-ui input[type="radio"]+span.input::after{background-image:url(//sunsetsurfcamp.com/wp-content/themes/monalisa/assets/images/cd-icon-radio.svg)}.easy-ui input[type="checkbox"]+span.input::after{background-image:url(//sunsetsurfcamp.com/wp-content/themes/monalisa/assets/images/cd-icon-check.svg)}.easy-ui input[type="radio"]:focus+span.input::before,.easy-ui input[type="checkbox"]:focus+span.input::before{box-shadow:0 0 5px rgba(44,151,222,0.6)}.easy-ui input[type="radio"]:checked+span.input::after,.easy-ui input[type="checkbox"]:checked+span.input::after{display:block}.easy-ui input[type="radio"]:checked+span.input::before,.easy-ui input[type="radio"]:checked+span.input::after,.easy-ui input[type="checkbox"]:checked+span.input::before,.easy-ui input[type="checkbox"]:checked+span.input::after{-webkit-animation:cd-bounce .3s;-moz-animation:cd-bounce .3s;animation:cd-bounce .3s}.easy-ui span.radio{display:block;margin-top:8px}.easy-ui span.radio .wrapper{display:block;line-height:20px;font-weight:normal}.easy-ui .easy-button{padding:6px 12px;font-size:1rem;line-height:1.471;border-radius:4px;outline:none !important;color:#fff;border:0;border-color:#228dff;background:#228dff;background:var(--easy-ui-button-background);margin:0 0 0 5px;text-decoration:none;vertical-align:middle;white-space:nowrap;cursor:pointer;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;transition:border .25s linear,color .25s linear,background-color .25s linear;box-shadow:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.easy-ui-container>tfoot td .easy-button,.easy-ui-container .footer .easy-button{margin-bottom:0}.easy-ui .easy-button:focus,.easy-ui .easy-button:hover{cursor:pointer;color:#fff;background:#0069d9;border-color:#0069d9;outline:0;box-shadow:none}.easy-ui .easy-button:hover:active{color:#fff;background:#0051a8;border-color:#0051a8;outline:0}.easy-ui .easy-button.grey{color:#333;--easy-ui-button-background:#fff;border:1px solid #ccc}.easy-ui .easy-button.grey:focus,.easy-ui .easy-button.grey:hover{color:#333;background:#e6e6e6;border-color:#adadad;outline:0}.easy-ui .easy-button.grey:hover:active{color:#333;background:#d4d4d4;border-color:#8c8c8c;outline:0}.easy-ui .easy-button.green{--easy-ui-button-background:#2ecc71;border-color:#2ecc71}.easy-ui .easy-button.green:focus,.easy-ui .easy-button.green:hover{color:#fff;background:#58d68d;border-color:#58d68d;outline:0}.easy-ui .easy-button.green:hover:active{background:#27ad60;border-color:#27ad60}.easy-ui .easy-button.outline{color:#333;color:#228dff;color:var(--easy-ui-button-background);background:transparent;background-image:none;border-width:1px;border-style:solid;text-transform:uppercase}.easy-ui .easy-button.last{margin:0;padding:6px 12px;font-size:14px;line-height:1.42857143;display:inline-block;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;max-height:34px}.easy-ui.nav-bar{margin-bottom:8px}.easy-ui.nav-bar ul{background-color:#228dff !important;position:relative;padding:.5rem 1rem;display:flex}.easy-ui.nav-bar li a{font-size:16px;display:block;padding:.5rem 1rem;color:rgba(255,255,255,0.6);text-decoration:none}.easy-ui.nav-bar li a .fa{font-size:16px;color:rgba(255,255,255,0.6)}.easy-ui.nav-bar li a:hover,.easy-ui.nav-bar li a:hover .fa{color:rgba(255,255,255,0.8)}.easy-ui.nav-bar li a.current,.easy-ui.nav-bar li a.current .fa{color:white}.alert{padding:10px 15px;border:1px solid transparent;border-radius:3px;line-height:16px;margin:0 0 7px 0;width:99%}.alert p{padding:0;margin:0}.alert:empty{display:none}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}div.easy-slider{display:inline-block;width:90%;border:1px solid #d3d1d1;border:1px solid var(--easy-ui-outer-border);height:18px;position:relative;text-align:left;vertical-align:middle;background:#fff;background:var(--easy-ui-background);font-size:1em;border-radius:3px}div.easy-slider.ui-slider .ui-slider-handle{position:absolute;z-index:1;cursor:default;margin:-5px -3px auto !important;text-align:center;background:transparent;color:#fff;line-height:24px;white-space:nowrap;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.easy-slider.ui-slider .ui-slider-handle label{display:inline-block;font-weight:500;background:#228dff;background:var(--easy-ui-primary,#228dff);cursor:pointer;border-radius:150px;font-size:14px;color:#fff}div.easy-slider.ui-slider .ui-slider-handle label:hover{opacity:.95}div.easy-slider.ui-slider .ui-slider-handle label span.fa{color:#fff;margin:0 3px 1px 3px;font-size:11px;opacity:.5}div.easy-slider.ui-slider .ui-slider-range{position:absolute;top:0;height:100%;z-index:0;background:#f2f2f2;background:var(--easy-ui-selected);font-size:.7em;display:block;border:0;min-height:inherit !important}.easy-ui .hidden{display:none !important}@-webkit-keyframes cd-bounce{0,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(0.8)}}@-moz-keyframes cd-bounce{0,100%{-moz-transform:scale(1)}50%{-moz-transform:scale(0.8)}}@keyframes cd-bounce{0,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}

*/

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: 'Lato';
}
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;
} .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-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(//sunsetsurfcamp.com/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(//sunsetsurfcamp.com/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;
}  .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 .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(//sunsetsurfcamp.com/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:-85px;
padding:0 50px 60px 50px;
margin-bottom:130px;
}
.single-content .post-content-head{
text-align:center; 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(//sunsetsurfcamp.com/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(//sunsetsurfcamp.com/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(//sunsetsurfcamp.com/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;
}
.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) {
}