.primary-color-bg{background-color:#076324;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
.primary-color-bg:hover{background-color:#fff}
#top-menu{position:relative;font-family:'Sumana',serif;font-weight:400;background-color:#075820;color:#c4952e;padding:3px 0}
header{position:relative;font-family:'Sumana',serif;font-weight:400;background-color:transparent;color:#076324;-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0 4px 1px rgba(0,0,0,0.2);box-shadow:0 0 4px 1px rgba(0,0,0,0.2);z-index:300}
header .logo-link{font-family:'Sumana',serif;color:#fff;font-size:18px;font-weight:400;height:99spx;line-height:99px;text-transform:uppercase;letter-spacing:2px}
header .logo-link img{max-width:300px;margin-left:-80px}
header li{list-style:none}
header .container{height:99px}
header .main-menu{float:right;height:99px;position:relative;padding-left:0;margin-right:-50px}
header .main-menu ul{float:left;padding:0}
header .main-menu .menu-item{display:block;position:relative;float:left;margin-top:12px}
header .main-menu .menu-item > a{display:block;padding:0 14px;font-size:14px;font-weight:700;height:99px;line-height:99px;color:#076324;letter-spacing:.2px}
header .main-menu .menu-item > a:hover{color:#c4952e}
header .main-menu .menu-item:hover .submenu{visibility:visible;opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;z-index:306}
header .main-menu .menu-item:not(:first-of-type){margin-left:1px}
header .main-menu .menu-item:not(:first-of-type):before{display:block;content:'';position:absolute;left:-1px;top:45px;width:1px;height:11px;background-color:#bcbec0}
header .main-menu .menu-icon{display:block;float:left;margin:38px 0 0 10px;color:#076324;position:relative;-webkit-transition:color 0.3s,border-color .3s;-moz-transition:color 0.3s,border-color .3s;-o-transition:color 0.3s,border-color .3s;transition:color 0.3s,border-color .3s;z-index:303}
header .main-menu .menu-icon .cart-items-count{background-color:#076324;color:#fff;width:21px;height:21px;line-height:25px;font-size:11px;text-align:center;line-height:23px;border-radius:999px;position:absolute;right:2px;bottom:5px;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
header .main-menu .menu-icon:hover{color:#076324;border-color:#076324}
header .main-menu .menu-icon:hover:before{border-bottom-color:#076324;border-left-color:#076324}
header .main-menu .menu-icon:hover .cart-items-count{background-color:#076324}
header .main-menu .submenu{position:absolute;background-color:#076324;padding:15px 0;top:85px;left:50%;margin-left:-140px;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition:-webkit-transform 0.5s,visibility 0.5s,opacity .5s;-moz-transition:-moz-transform 0.5s,visibility 0.5s,opacity .5s;-o-transition:-o-transform 0.5s,visibility 0.5s,opacity .5s;transition:transform 0.5s,visibility 0.5s,opacity .5s;z-index:305}
header .main-menu .submenu:before{position:absolute;display:block;content:'';border-style:solid;border-width:0 12px 12px;border-color:#076324 rgba(255,255,255,0);top:-12px;left:50%;margin-left:-12px}
header .main-menu .submenu .sub-menu-item a{display:block;width:280px;height:35px;line-height:35px;font-size:12px;padding-left:30px;color:#fff;text-transform:uppercase;letter-spacing:1px}
header .main-menu .submenu .sub-menu-item a:hover{color:#c4952e}
header .main-menu .search-box{position:absolute;left:0;top:0;bottom:0;right:120px;padding-right:15px;background-color:#fff;opacity:0;visibility:hidden;-webkit-transition:visibility 0.3s,opacity .3s;-moz-transition:visibility 0.3s,opacity .3s;-o-transition:visibility 0.3s,opacity .3s;transition:visibility 0.3s,opacity .3s;z-index:302}
header .main-menu .search-box.visible{visibility:visible;opacity:1}
header .main-menu .search-box .s{font-size:40px;color:#076324}
header #menu-toggle{float:right;display:none;margin:12px 5px 0 0;width:68px;height:68px;border-radius:5px;cursor:pointer;position:relative}
header #menu-toggle .bar{width:46px;height:4px;background-color:#076324;position:absolute;left:10px}
header #menu-toggle .first{top:17px;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
header #menu-toggle .second{top:32px;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
header #menu-toggle .third{top:47px;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
header #menu-toggle.opened .first{-webkit-transform:translateY(13px) rotate(45deg);-moz-transform:translateY(13px) rotate(45deg);-ms-transform:translateY(13px) rotate(45deg);-o-transform:translateY(13px) rotate(45deg);transform:translateY(13px) rotate(45deg)}
header #menu-toggle.opened .second{opacity:0}
header #menu-toggle.opened .third{-webkit-transform:translateY(-17px) rotate(-45deg);-moz-transform:translateY(-17px) rotate(-45deg);-ms-transform:translateY(-17px) rotate(-45deg);-o-transform:translateY(-17px) rotate(-45deg);transform:translateY(-17px) rotate(-45deg)}
header #mobile-menu{position:fixed;display:none;left:0;top:0;width:300px;bottom:0;background-color:#076324;padding:50px 40px 0;overflow-x:hidden;overflow-y:auto;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
header #mobile-menu.opened{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
header #mobile-menu ul {padding-left:0;}
header #mobile-menu .mobile-menu-item.opened .toggle-state-icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
header #mobile-menu .menu-item{display:block;padding:10px 0;text-transform:uppercase;font-weight:700;letter-spacing:1px;position:relative;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s;color:#fff;font-size:14px}
header #mobile-menu .menu-item:hover{color:#c4952e}
header #mobile-menu .menu-item .toggle-state-icon{position:absolute;display:block;padding:10px 0;line-height:24.375px;right:0;top:0;font-weight:700;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;-o-transition:-o-transform .2s;transition:transform .2s}
header #mobile-menu .submenu{display:none;padding-left:20px}
header #mobile-menu .submenu .sub-menu-item a{display:block;padding:7px 0;font-size:12px;font-weight:400;text-transform:uppercase;color:#fff}
header #mobile-menu .submenu .sub-menu-item a:hover{color:#c4952e}
header.header-2{color:#076324;background-color:#fff}
header.header-2 .main-menu .menu-item{display:block;position:relative;float:left}
header.header-2 .main-menu .menu-item > a{color:#076324}
header.header-2 .main-menu .menu-item > a:hover{color:#c4952e}
header.header-2 #menu-toggle .bar{background-color:#076324}
body.loading{position:fixed;left:0;top:0;bottom:0;right:0;overflow:hidden}
#preloader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#fff}
#preloader-wrapper #preloader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#edc647;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
#preloader-wrapper #preloader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#c4952e;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.ui-datepicker .ui-widget-header{background-color:#edc647;background-image:none;border-color:#edc647}
.ui-datepicker .ui-state-default,.ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default{color:#076324}
.ui-datepicker .ui-state-active,.ui-datepicker .ui-widget-content .ui-state-active,.ui-datepicker .ui-widget-header .ui-state-active{border:1px solid #edc647}
.ui-datepicker .ui-state-hover,.ui-datepicker .ui-widget-content .ui-state-hover,.ui-datepicker .ui-widget-header .ui-state-hover,.ui-datepicker .ui-state-focus,.ui-datepicker .ui-widget-content .ui-state-focus,.ui-datepicker .ui-widget-header .ui-state-focus{border:1px solid #edc647;background-image:none;background-color:#edc647;color:#fff}
.ui-datepicker .ui-state-hover a,.ui-datepicker .ui-state-hover a:hover,.ui-datepicker .ui-state-hover a:link,.ui-datepicker .ui-state-hover a:visited,.ui-datepicker .ui-state-focus a,.ui-datepicker .ui-state-focus a:hover,.ui-datepicker .ui-state-focus a:link,.ui-datepicker .ui-state-focus a:visited{color:#edc647;text-decoration:none}
.ui-datepicker .ui-state-hover .ui-icon,.ui-datepicker .ui-state-focus .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}
.ui-datepicker .ui-state-default a,.ui-datepicker .ui-state-default a:link,.ui-datepicker .ui-state-default a:visited{color:#edc647;text-decoration:none}
.ui-datepicker .ui-state-highlight,.ui-datepicker .ui-widget-content .ui-state-highlight,.ui-datepicker .ui-widget-header .ui-state-highlight{border-color:#edc647;background-color:#edc647}
.ui-datepicker.secondary .ui-widget-header{background-color:#c4952e;background-image:none;border-color:#c4952e}
.ui-datepicker.secondary .ui-state-default,.ui-datepicker.secondary .ui-widget-content .ui-state-default,.ui-datepicker.secondary .ui-widget-header .ui-state-default{color:#edc647}
.ui-datepicker.secondary .ui-state-active,.ui-datepicker.secondary .ui-widget-content .ui-state-active,.ui-datepicker.secondary .ui-widget-header .ui-state-active{border:1px solid #edc647}
.ui-datepicker.secondary .ui-state-hover,.ui-datepicker.secondary .ui-widget-content .ui-state-hover,.ui-datepicker.secondary .ui-widget-header .ui-state-hover,.ui-datepicker.secondary .ui-state-focus,.ui-datepicker.secondary .ui-widget-content .ui-state-focus,.ui-datepicker.secondary .ui-widget-header .ui-state-focus{border:1px solid #c4952e;background-image:none;background-color:#c4952e;color:#fff}
.ui-datepicker.secondary .ui-state-hover a,.ui-datepicker.secondary .ui-state-hover a:hover,.ui-datepicker.secondary .ui-state-hover a:link,.ui-datepicker.secondary .ui-state-hover a:visited,.ui-datepicker.secondary .ui-state-focus a,.ui-datepicker.secondary .ui-state-focus a:hover,.ui-datepicker.secondary .ui-state-focus a:link,.ui-datepicker.secondary .ui-state-focus a:visited{color:#c4952e;text-decoration:none}
.ui-datepicker.secondary .ui-state-hover .ui-icon,.ui-datepicker.secondary .ui-state-focus .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}
.ui-datepicker.secondary .ui-state-default a,.ui-datepicker.secondary .ui-state-default a:link,.ui-datepicker.secondary .ui-state-default a:visited{color:#c4952e;text-decoration:none}
.ui-datepicker.secondary .ui-state-highlight,.ui-datepicker.secondary .ui-widget-content .ui-state-highlight,.ui-datepicker.secondary .ui-widget-header .ui-state-highlight{border-color:#c4952e;background-color:#c4952e}
.ui-datepicker-inline{width:100%}
.ui-datepicker-inline .css-class-to-highlight.selected a{background-color:#c4952e;background-image:none!important}
.ui-datepicker-inline .css-class-to-highlight.unavailable a{background-color:#f2f2f2;background-image:none!important}
.ui-datepicker-inline a{height:35px}
.bg-primary{background-color:#edc647}
.bg-primary2{background-color:#076324}
.bg-primary .title,.bg-primary .subtitle,.bg-primary .content{color:#fff}
.bg-secondary{background-color:#c4952e}
.container{position:relative}
.img-centered{margin:0 auto}
.button{background-color:#edc647;color:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;text-align:center;text-transform:uppercase;white-space:nowrap;display:inline-block;width:auto;min-width:150px;height:40px;padding:5px 12px;border:2px solid #edc647;border-radius:0;vertical-align:middle;-webkit-transition:background-color 0.3s,color .3s;-moz-transition:background-color 0.3s,color .3s;-o-transition:background-color 0.3s,color .3s;transition:background-color 0.3s,color .3s}
.button2{background-color:#c4952e;color:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;text-align:center;text-transform:uppercase;white-space:nowrap;display:inline-block;width:150px;height:38px;padding:5px 12px;border:2px solid #fff;border-radius:0;vertical-align:middle;-webkit-transition:background-color 0.3s,color .3s;-moz-transition:background-color 0.3s,color .3s;-o-transition:background-color 0.3s,color .3s;transition:background-color 0.3s,color .3s}
.button3{background-color:#edc647;color:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;text-align:center;text-transform:uppercase;white-space:nowrap;display:inline-block;width:auto;height:40px;padding:5px 12px;border:2px solid #edc647;border-radius:0;vertical-align:middle;-webkit-transition:background-color 0.3s,color .3s;-moz-transition:background-color 0.3s,color .3s;-o-transition:background-color 0.3s,color .3s;transition:background-color 0.3s,color .3s}
.button-orange{background-color:#f6871f;color:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:700;text-align:center;text-transform:uppercase;white-space:nowrap;display:inline-block;width:auto;height:38px;padding:5px 12px;border:2px solid #f6871f;border-radius:0;vertical-align:middle;-webkit-transition:background-color 0.3s,color .3s;-moz-transition:background-color 0.3s,color .3s;-o-transition:background-color 0.3s,color .3s;transition:background-color 0.3s,color .3s}
.button-orange:hover,.button-orange:focus,.button-orange:active{color:#f6871f;background-color:#fff;border:2px solid #f6871f}
.button.transparent{background-color:#edc647;color:#fff}
.button.transparent:hover,.button.transparent:focus,.button.transparent:active{color:#fff;background-color:#c4952e;border:2px solid #c4952e}
.button3.transparent:hover,.button3.transparent:focus,.button3.transparent:active{color:#fff;background-color:transparent;border:2px solid #edc647}
.button2:hover,.button2:focus,.button2:active{color:#c4952e;background-color:#fff;border:2px solid #fff}
.button:hover,.button:focus,.button:active{color:#edc647;background-color:transparent}
.button.secondary{color:#c4952e;border:1px solid #c4952e;padding:6px 12px}
.button.secondary.transparent{background-color:transparent;color:#c4952e}
.button.secondary:hover{color:#fff;background-color:#c4952e}
.button.third{background-color:#c4952e;border-color:#c4952e;color:#fff}
.button.third:hover{color:#c4952e;background-color:transparent}
.title{font-family:'Sumana',serif;font-size:36px;font-weight:700;text-transform:uppercase}
.subtitle{font-family:'Sumana',serif;font-size:20px;font-weight:400;margin-top:6px}
h4.subtitle{padding-top:20px}
a:link h4.subtitle{color:#edc647}
a:visited h4.subtitle{color:#edc647}
.content{font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;color:#666;letter-spacing:-.2px}
.content.muted{color:#f0f0f0}
.title-big{font-family:'Sumana',serif;font-size:36px;font-weight:700;text-transform:uppercase;font-weight:400}
.title-big strong{font-weight:900}
.grayscale{filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-backface-visibility:hidden;-webkit-transition:.3s all ease-in;-moz-transition:.3s all ease-in;-o-transition:.3s all ease-in;transition:.3s all ease-in}
.link{font-family:'Sumana',serif;font-size:14px;font-style:italic;font-weight:400;color:#076324}
.link:hover,.link:active,.link:focus{color:#076324}
.link.secondary{color:#c4952e}
.link.secondary:hover,.link.secondary:active,.link.secondary:focus{color:#c4952e}
.detail-page-link{width:180px;height:60px;line-height:60px;margin:30px auto 0;background-color:#076324;border-radius:4px;padding-left:18px;font-size:16px;font-weight:700;position:relative;text-align:left}
.detail-page-link .linkbox{width:48px;height:48px;line-height:52px;font-size:20px;text-align:center;position:absolute;right:6px;top:6px;border:1px solid #f38f9a;cursor:pointer}
.website-link{width:240px;height:40px;line-height:40px;margin:60px auto 0;background-color:#076324;padding-left:18px;font-size:16px;font-weight:400;position:relative;text-align:left}
.website-link .linkbox{width:30px;height:30px;line-height:34px;font-size:18px;text-align:center;position:absolute;right:5px;top:5px;border:1px solid #f38f9a;cursor:pointer}
#main-slider{position:relative;font-family:'Roboto',sans-serif;color:#fff;text-align:center;margin-top:-100px}
#main-slider .swiper-container{width:100%}
#main-slider .swiper-slide .container{height:750px}
#main-slider .swiper-slide2 .container2{height:250px}
#main-slider.large-slider{margin-bottom:95px}
#main-slider.large-slider .swiper-slide .container{height:1100px}
#main-slider .slide-content{margin-top:100px;text-align:center}
#main-slider .slide-title,#main-slider .slide-subtitle,#main-slider .slide-subtitle-italic,#main-slider .slide-offer-button .slide-subtitle-desc{line-height:1}
#main-slider .slide-title{font-family:'Sumana',serif;font-size:80px;text-transform:uppercase;font-weight:400; color:#fff;}
#main-slider .slide-title strong{font-weight:900}
#main-slider .slide-subtitle{font-family:'Roboto',sans-serif;font-weight:700;font-size:18px;text-shadow:0 0 10px #000}
#main-slider .slide-subtitle-italic{font-family:'Sumana',serif;font-weight:700;font-style:italic;font-size:18px;text-shadow:0 0 10px #000}
#main-slider .slide-subtitle-italic .price{font-size:36px}
#main-slider .slide-subtitle-desc{margin-top:10px;font-size:27px;font-weight:300}
#main-slider .slide-divider{background-image:url(../images/home/slider-divider.png);background-repeat:no-repeat;background-size:cover;height:15px;width:145px;margin:20px auto;position:relative}
#main-slider .button{margin:30px auto}
#main-slider .page-controls{width:55px;margin:60px auto 0;position:absolute;bottom:125px;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:212}
#main-slider .page-controls.centered{right:auto;left:50%;margin-left:-25px}
#main-slider .page-controls .page-control{position:relative;display:block;float:left;width:10px;height:10px;background-color:#fff;border-radius:0;box-sizing:content-box;opacity:1!important;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
#main-slider .page-controls .page-control:not(:last-child){margin-right:10px}
#main-slider .page-controls .page-control.swiper-pagination-bullet-active{background-color:#076324;-webkit-box-shadow:0 0 3px 5px rgba(112,168,216,0.7);-moz-box-shadow:0 0 3px 5px rgba(112,168,216,0.7);box-shadow:0 0 3px 5px rgba(112,168,216,0.7)}
#main-slider .page-controls .page-control.swiper-pagination-bullet-active:before{border-bottom-color:#076324;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
#main-slider .page-controls.gray .page-control:not(.swiper-pagination-bullet-active){background-color:#535353}
#main-slider .page-controls.gray .page-control:not(.swiper-pagination-bullet-active):before{border-color:#535353 transparent}
#main-slider .main-slider-control{position:absolute;width:60px;height:60px;line-height:64px;font-size:28px;text-align:center;color:#fff;top:50%;margin-top:-60px;cursor:pointer;border:1px solid #fff;border-radius:30px;opacity:0;z-index:211;-webkit-transition:opacity 0.3s,background-color 0.3s,color 0.3s,border-color .3s;-moz-transition:opacity 0.3s,background-color 0.3s,color 0.3s,border-color .3s;-o-transition:opacity 0.3s,background-color 0.3s,color 0.3s,border-color .3s;transition:opacity 0.3s,background-color 0.3s,color 0.3s,border-color .3s}
#main-slider .main-slider-control.prev{left:6.25%;padding-right:5px}
#main-slider .main-slider-control.next{right:6.25%;padding-left:5px}
#main-slider .main-slider-control:hover{background-color:#076324;border-color:#076324;color:#fff}
#main-slider:hover .main-slider-control,#main-slider:hover .page-controls{opacity:1}
.section-search-rooms{padding:0;background-color:#c4952e;position:relative}
.section-search-rooms .title-container{height:200px;position:relative}
.section-search-rooms .title-area,.section-search-rooms .title-background{height:100%;position:absolute;top:20px}
.section-search-rooms .title-area{width:100%;color:#fff;z-index:1}
.section-search-rooms .title-background{width:1000px;right:0}
.section-search-rooms .title{margin-top:30px}
.section-search-rooms .content{margin-top:12px}
.section-search-rooms .search-form{min-height:145px}
.section-search-rooms .search-form form.check-rooms{margin-top:50px;margin-left:10px}
.section-search-rooms.version-2 .title-area,.section-search-rooms.version-2 .title-background{top:0}
.section-search-rooms.version-2 .title-area:after{content:'';position:absolute;right:0;top:85px;width:19px;height:28px;z-index:111;opacity:1;background-image:url(../images/home/room-left-arrow.png);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-search-rooms.version-2 .title{margin-top:50px}
.section-search-rooms2{padding:0;background-color:#076324;position:relative;color:#fff}
.section-search-rooms2 .title-container{height:200px;position:relative}
.section-search-rooms2 .title-area,.section-search-rooms2 .title-background{height:100%;position:absolute;top:20px}
.section-search-rooms2 .title-area{width:100%;color:#fff;z-index:1}
.section-search-rooms2 .title-background{width:1000px;right:0}
.section-search-rooms2 .title{margin-top:30px}
.section-search-rooms2 .content{margin-top:12px}
.section-search-rooms2 .search-form{min-height:145px}
.section-search-rooms2 .search-form form.check-rooms{margin-top:50px;margin-left:10px}
.section-search-rooms2.version-2 .title-area,.section-search-rooms2.version-2 .title-background{top:0}
.section-search-rooms2.version-2 .title-area:after{content:'';position:absolute;right:0;top:85px;width:19px;height:28px;z-index:111;opacity:1;background-image:url(../images/home/room-left-arrow.png);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-search-rooms2.version-2 .title{margin-top:50px}
.section-search-rooms.version-3 .title-area,.section-search-rooms.version-3 .title-background{top:0}
.section-search-rooms.version-3 .title-area:after{content:'';position:absolute;right:0;top:85px;width:19px;height:28px;z-index:111;opacity:1;background-image:url(../images/home/room-left-arrow-2.png);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-search-rooms.version-3 .title{margin-top:50px}
.section-search-rooms3{padding:0;background-color:#076324;position:relative;color:#fff}
.section-search-rooms3 .title-container{height:200px;position:relative}
.section-search-rooms3 .title-area,.section-search-rooms3 .title-background{height:100%;position:absolute;top:20px}
.section-search-rooms3 .title-area{width:100%;color:#fff;z-index:1}
.section-search-rooms3 .title-background{width:1000px;right:0}
.section-search-rooms3 .title{margin-top:30px}
.section-search-rooms3 .content{margin-top:12px}
.section-search-rooms3 .search-form{min-height:145px}
.section-search-rooms3 .search-form form.check-rooms{margin-top:50px;margin-left:10px}
.section-search-rooms3.version-3 .title-area,.section-search-rooms3.version-3 .title-background{top:0}
.section-search-rooms3.version-3 .title-area:after{content:'';position:absolute;right:0;top:85px;width:19px;height:28px;z-index:111;opacity:1;background-image:url(../images/home/room-left-arrow-2.png);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-search-rooms3.version-3 .title{margin-top:50px}
.moon-divider{background-image:url(../images/moon-divider.png);background-repeat:no-repeat;background-size:contain;height:30px;width:70px;margin:30px auto 20px}
.moon-divider.small{width:35px;height:15px}
.moon-divider.white{background-image:url(../images/moon-divider-white.png)}
section{padding:50px 0 20px}
section.section-style-2{padding:50px 0}
section.section-style-3{padding:50px 0;background-color:#c4952e}
.section-why-us .content-box{position:relative;text-align:center;margin:0 auto}
.section-why-us .content-box .title{font-family:'Sumana',serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#076324;margin:30px 0 20px}
.section-why-us .content-box .content{margin-bottom:30px}
.section-rooms{background-color:#076324;color:#fff}
.section-rooms .row{margin-bottom:40px}
.section-rooms .title-room{font-family:'Sumana',serif;font-size:36px;font-weight:700;text-transform:uppercase;font-weight:400;line-height:1.1}
.section-rooms .content{padding-top:20px;-webkit-transition:.3s all ease-in;-moz-transition:.3s all ease-in;-o-transition:.3s all ease-in;transition:.3s all ease-in}
.section-rooms .row:hover .content{color:#fff}
.section-rooms .row:hover img{cursor:pointer}
.section-rooms .row:hover .grayscale{filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(0%)}
.section-rooms .room-container{padding-top:30px;padding-left:20px}
.section-rooms .room-container .price-text,.section-rooms .room-container .room-desc{color:#076324}
.section-rooms .room-container .price-text{font-family:'Sumana',serif;font-style:italic;font-size:24px}
.section-rooms .room-container .price-text .price{font-size:36px}
.section-rooms .room-container .room-desc{font-family:'Roboto',sans-serif;font-size:14px;margin:0 auto}
.section-rooms .room-container .room-desc:first-of-type{margin-top:15px}
.section-rooms .room-container .room-desc:last-of-type{margin-bottom:15px}
.section-facilities .content-box{margin-bottom:20px}
.section-facilities .content-box img{width:100%}
.section-facilities .content-box .tri-up{background-image:url(../images/home/triangle-up.png);width:24px;height:16px;margin:0 auto;position:relative;top:-15px;z-index:1}
.section-facilities .content-box .tri-down{background-image:url(../images/home/triangle-up.png);width:24px;height:16px;margin:0 auto;position:relative;top:-15px;z-index:1;background-image:url(../images/home/triangle-down.png);top:15px}
.section-facilities .content-box .title{font-family:'Sumana',serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#076324;padding-bottom:25px;letter-spacing:-.5px}
.section-facilities .content-box .title:not(:first-child){padding-top:25px}
.section-facilities .facilities-container .button{width:auto}
.section-poi{width:100%;position:relative;padding:0}
.section-testimonials{width:100%;position:relative}
.section-testimonials:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;opacity:.1;background-image:url(../images/home/testimonial-bg.jpg);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-testimonials .title{color:#fff}
.testimonial-box2{margin-bottom:20px;padding:10px}
.testimonial-box2 .text{font-family:'Roboto',sans-serif;font-size:13px;text-align:center;padding:20px;background-color:#f3f3f3;text-align:center}
.section-testimonials .testimonial-box{color:#fff;text-align:center}
.section-testimonials .testimonial-box .text{font-family:'Roboto',sans-serif;font-size:18px;padding:0 50px}
.section-testimonials .testimonial-box .name{font-family:'Playfair Display',serif;font-size:18px;color:#edc647;font-weight:700;margin-top:20px;margin-bottom:80px}
.bubble{position:relative;padding:0;background:#f3f3f3;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:30px}
.bubble:after{content:'';position:absolute;border-style:solid;border-width:19px 19px 0;border-color:#f3f3f3 transparent;display:block;width:0;z-index:1;margin-left:-19px;bottom:-19px;left:16%}
.article{-moz-column-width:25em;-webkit-column-width:25em;-moz-column-gap:2em;-webkit-column-gap:2em;padding-right:50px}
.section{display:inline-block;width:100%}
.testimonial-box2 .name{font-family:'Sumana',serif;font-size:22px;font-weight:700;text-align:left}
.testimonial-box2 .position{font-family:'Sumana',serif;font-size:14px;font-weight:400;color:#c4952e;text-align:left}
.section-testimonials .testimonial-box:before{content:'';position:absolute;left:0;top:0;width:28px;height:27px;z-index:111;opacity:1;background-image:url(../images/home/quote-start.png);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-testimonials .testimonial-box:after{content:'';position:absolute;right:0;top:0;width:28px;height:27px;z-index:111;opacity:1;background-image:url(../images/home/quote-end.png);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-testimonials .testimonial-slider-page-controls{text-align:center;bottom:80px;position:absolute;left:50%;margin-left:-20px;z-index:101}
.section-testimonials .testimonial-slider-page-controls .page-control{display:inline-block;width:10px;height:10px;border:1px solid #fff;border-radius:0;background-color:#fff;cursor:pointer;opacity:1}
.section-testimonials .testimonial-slider-page-controls .page-control:not(:last-child){margin-right:5px}
.section-testimonials .testimonial-slider-page-controls .page-control.swiper-pagination-bullet-active{border-color:#c4952e;background-color:#c4952e}
.section-testimonials.bg-secondary .testimonial-box .name{color:#076324}
.section-testimonials.bg-secondary .testimonial-slider-page-controls .page-control.swiper-pagination-bullet-active{border-color:#076324;background-color:#076324}
.section-testimonials-2 .testimonial-box{color:#232a30;text-align:center}
.section-testimonials-2 .testimonial-box .text{font-family:'Roboto',sans-serif;font-size:14px;padding:35px;background-color:#f3f3f3;margin-right:30px}
.section-testimonials-2 .testimonial-box .tri-down{background-image:url(../images/about/testimonial-tri.png);width:15px;height:21px;position:relative;top:-21px;left:90px;z-index:0}
.section-testimonials-2 .testimonial-box .profile{height:100px;padding:10px 40px;margin-top:-20px;text-align:left}
.section-testimonials-2 .testimonial-box .profile .avatar{float:left;margin-right:30px}
.section-testimonials-2 .testimonial-box .profile .name{font-weight:700;font-family:'Sumana',serif;font-size:14px;margin-top:10px;line-height:30px}
.section-testimonials-2 .testimonial-box .profile .position{font-family:'Sumana',serif;font-size:14px;font-weight:400;font-style:italic;line-height:20px}
.section-testimonials-2 .swiper-container .swiper-wrapper{height:480px}
.section-testimonials-2 .testimonial-slider-page-controls{text-align:center;position:absolute;right:10px;top:150px;margin-left:-20px;z-index:101}
.section-testimonials-2 .testimonial-slider-page-controls .page-control{display:block;width:10px;height:10px;border:1px solid #fff;border-radius:5px;margin-bottom:5px;background-color:#f3f3f3;cursor:pointer;opacity:1}
.section-testimonials-2 .testimonial-slider-page-controls .page-control:not(:last-child){margin-right:5px}
.section-testimonials-2 .testimonial-slider-page-controls .page-control.swiper-pagination-bullet-active{border-color:#c4952e;background-color:#c4952e}
.section-from-blog .blog-box{margin-bottom:30px;cursor:pointer;color:#fff}
.section-from-blog .blog-box a{color:#fff;-webkit-transition:color .7s;-moz-transition:color .7s;-o-transition:color .7s;transition:color .7s}
.section-from-blog .blog-box a:active,.section-from-blog .blog-box a:focus{color:#fff}
.section-from-blog .blog-box a img{-webkit-transition:opacity .7s;-moz-transition:opacity .7s;-o-transition:opacity .7s;transition:opacity .7s}
.section-from-blog .blog-box a:hover{color:#076324}
.section-from-blog .blog-box a:hover img{opacity:.3}
.section-from-blog .blog-box .blog-meta-box{position:absolute;bottom:30px;padding:20px 40px 20px 20px}
.section-from-blog .blog-box .blog-meta-box .blog-title{font-family:'Sumana',serif;text-transform:uppercase;font-size:18px;font-weight:700;line-height:1.5}
.section-from-blog .blog-box .blog-meta-box .post-date{font-family:'Sumana',serif;font-size:14px;font-weight:400}
.section-from-blog .blog-box .blog-meta-box .post-date i{margin-right:5px}
.section-from-blog .blog-box .blog-meta-box .post-comments{font-family:'Sumana',serif;font-size:14px;font-weight:400;margin-left:30px}
.section-from-blog .blog-box .blog-meta-box .post-comments i{margin-right:5px}
.section-breadcrumb{padding:50px 0;text-align:center;position:relative;font-family:'Sumana',serif}
.section-breadcrumb:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.section-breadcrumb .title{font-size:30px;color:#076324;opacity:1}
.section-breadcrumb .breadcrumb{background-color:transparent;font-weight:700;margin-top:10px}
.section-breadcrumb .breadcrumb .slug{background-color:#076324;font-weight:700;font-size:12px;padding:5px;opacity:1}
.section-breadcrumb .breadcrumb .slug .home{color:#c4952e}
.section-breadcrumb .breadcrumb .slug .page{color:#fff}
.section-bg-white{background-color:#f3f3f3}
.section-style-2 .title{font-size:24px}
.section-style-3 .title{font-size:34px;margin-bottom:20px}
.section-style-2 .section-starter{background-image:url(../images/section-starter.png);background-repeat:no-repeat;background-size:contain;height:15px;width:67px;margin:20px 0}
.no-padding{padding-left:0!important;padding-right:0!important}
.section-accommodations{padding-top:0;background-color:#fff;color:#076324}
.section-accommodations .title{margin-top:70px;letter-spacing:-2px}
.section-accommodations .subtitle{font-family:'Sumana',serif;font-size:24px;font-weight:400;color:#edc647;margin-bottom:40px}
.section-accommodations .rooms-container{position:relative}
.section-accommodations .rooms-thumb-area{left:0}
.section-accommodations .rooms-thumb-area .room-thumb-box{background-size:cover!important;height:350px;margin:0 auto;cursor:pointer}
.section-accommodations .rooms-thumb-area .room-thumb-box .room-meta-box{position:absolute;bottom:30px;padding:20px 40px 20px 15px;-webkit-transform:translateY(60%);-moz-transform:translateY(60%);-ms-transform:translateY(60%);-o-transform:translateY(60%);transform:translateY(60%);-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s}
.section-accommodations .rooms-thumb-area .room-thumb-box .room-meta-box .room-title{font-family:'Sumana',serif;font-size:36px;font-weight:700;text-transform:uppercase;color:#fff}
.section-accommodations .rooms-thumb-area .room-thumb-box .room-meta-box .room-subtitle{font-family:'Sumana',serif;font-size:26px;font-weight:500;text-transform:uppercase;color:#fff;font-weight:400;line-height:1.1}
.section-accommodations .rooms-thumb-area .room-thumb-box .room-meta-box .content{color:#fff;margin-top:50px;line-height:1.25}
.section-accommodations .rooms-thumb-area .room-thumb-box:hover{filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(0%)}
.section-accommodations .rooms-thumb-area .room-thumb-box:hover .room-meta-box{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.section-why-choose-us{padding-top:20px;background:#efefef;color:#666;position:relative}
.section-why-choose-us .title{margin-top:50px;color:#076324;}
.section-why-choose-us .subtitle{font-size:18px;color:#076324;font-weight:700}
.section-why-choose-us .subtitle i{margin-right:10px}
.section-why-choose-us .text{margin-top:20px;margin-bottom:120px}
.section-why-choose-us:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;opacity:.15;background-image:url(../images/home/why-us-bg.jpg);background-repeat:no-repeat;background-position:50% 50%;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.section-gallery{width:100%}
.section-gallery .gallery-row{margin-bottom:0}
.section-gallery .gallery-row .button{margin-top:0}
.section-gallery hr{border-top:1px solid #c4952e;width:100%}
.section-gallery .page-controls .button{width:40px;text-transform:none}
.section-gallery .content{font-family:'Sumana',serif;font-weight:700;font-size:18px;text-transform:uppercase;margin-bottom:10px;margin-top:10px}
.section-gallery .title{color:#fff}
.section-gallery .desc{font-weight:700;font-size:18px;text-transform:uppercase;margin-bottom:10px;margin-top:10px;margin-top:20px;font-family:'Sumana',serif;color:#c4952e;font-weight:400;font-size:14px;text-transform:none}
.section-gallery .date{font-weight:700;font-size:18px;text-transform:uppercase;margin-bottom:10px;margin-top:10px;margin-top:20px;font-family:'Sumana',serif;color:#c4952e;font-weight:400;font-size:14px;text-transform:none;color:#fff;margin-top:0}
.section-gallery .swipe-controls{margin-top:30px}
.section-gallery .swipe-controls .fa-chevron-left,.section-gallery .swipe-controls .fa-chevron-right{width:30px!important;height:30px!important;border:1px solid #fff;border-radius:0;cursor:pointer;line-height:30px;margin-left:3px}
.section-gallery .post-social-links{font-family:'Sumana',serif;border:1px solid #076324;margin-top:20px}
.section-gallery .post-social-links a{color:inherit}
.section-gallery .post-social-links a:hover{color:#c4952e}
.section-gallery .post-social-links > div{display:inline-block;margin-top:0;padding:10px 20px;vertical-align:middle}
.section-gallery .post-social-links > div.header{font-weight:700;font-family:'Sumana',serif;font-size:14px;border-right:1px solid #076324;width:40%;text-align:center}
.section-gallery .post-social-links > div.icons{width:58%;text-align:center}
.section-gallery .social-link:not(:last-child){margin-right:10px}
.section-gallery .gallery-images{margin-top:0}
.section-gallery .gallery-images img{margin-bottom:10px}
form.check-rooms label{font-family:'Roboto',sans-serif;font-size:14px;color:#edc647;font-weight:400}
form.check-rooms .form-group{white-space:nowrap}
form.check-rooms .form-control{border-radius:0;border:1px solid #edc647;height:40px;display:inline-block;cursor:pointer;vertical-align:middle}
form.check-rooms .ui-datepicker-trigger{background-color:#edc647;color:#fff;border:none;margin-left:-35px;padding-left:0;padding-right:0;text-align:center;width:30px!important;height:30px!important;vertical-align:middle}
form.check-rooms .form-select{color:#edc647;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block}
form.check-rooms .form-group > i.fa-caret-down{color:#fff;background-color:#edc647;margin-left:-38px;width:30px!important;height:30px!important;padding-top:8px;pointer-events:none;cursor:pointer;display:inline-block}
form.check-rooms button[type=submit]{margin-top:12px}
form.check-rooms.secondary label{color:#fff}
form.check-rooms.secondary .form-control{border:1px solid #c4952e}
form.check-rooms.secondary .ui-datepicker-trigger{background-color:#c4952e;color:#fff}
form.check-rooms.secondary .form-group > i.fa-caret-down{color:#fff;background-color:#c4952e}
form.check-rooms.third .form-control{background-color:#edc647;border:1px solid #edc647;color:#fff}
form.check-rooms.third .ui-datepicker-trigger{background-color:#fff;color:#edc647}
form.check-rooms.third .form-group > i.fa-caret-down{color:#edc647;background-color:#fff}
form.check-rooms.vertical .form-control{display:block}
form.check-rooms.vertical .ui-datepicker-trigger,form.check-rooms.vertical .form-group > i.fa-caret-down{float:right;margin-top:-35px;margin-right:5px}
.section-check-rooms .title-big{margin-top:20px;margin-bottom:40px}
.section-check-rooms .title{color:#fff}
.section-check-rooms .room-box{margin:10px auto 30px;max-width:410px;background-color:#edc647}
.section-room-single .room-description{margin-bottom:0}
.section-room-single .subtitle{font-size:18px;font-weight:700;margin-top:20px;margin-bottom:20px;-webkit-transform:translateZ(0)}
.section-room-single .subtitle.large-caps{text-transform:uppercase}
.section-room-single .content{-webkit-transform:translateZ(0)}
.section-room-single ul.two-cols{columns:2;-webkit-columns:2;-moz-columns:2;padding:0}
.section-room-single ul.two-cols li{-webkit-transform:translateZ(0);margin-left:25px}
.section-room-single ul.two-cols li a{font-family:'Sumana',serif;font-size:14px;font-style:italic;font-weight:400;color:#076324;font-family:Roboto,sans-serif;font-style:normal}
.section-room-single ul.two-cols li a:hover,.section-room-single ul.two-cols li a:active,.section-room-single ul.two-cols li a:focus{color:#076324}
.section-room-single ul.two-cols li a.secondary{color:#c4952e}
.section-room-single ul.two-cols li a.secondary:hover,.section-room-single ul.two-cols li a.secondary:active,.section-room-single ul.two-cols li a.secondary:focus{color:#c4952e}
.section-room-single .widget-box{border:1px solid #c4952e;padding:15px;margin-bottom:30px}
.section-room-single .widget-box2{border:1px solid #c4952e;padding:30px;margin-bottom:30px;background-color:#c4952e}
.section-room-single .widget-box .subtitle{margin:0}
.section-room-single .widget-box hr{border-top:1px solid #c4952e}
.section-room-single .widget-box2 hr{border-top:1px solid #fff}
.section-room-single .widget-title{font-family:'Sumana',serif;font-size:16px;font-weight:700;letter-spacing:0;}
.section-room-single .widget-title2{font-family:'Sumana',serif;font-size:24px;font-weight:700;letter-spacing:0;line-height:2}
.section-room-single .price{font-size:24px}
.section-room-single em{font-weight:400;font-family:'Sumana',serif;font-size:14px}
.section-room-single .include-header{-webkit-transform:translateZ(0);font-weight:700;line-height:2;margin-top:30px;font-size:14px}
.section-room-single .include-item{-webkit-transform:translateZ(0);line-height:1.5;font-size:14px}
.section-room-single a.button{margin-top:30px}
.section-room-single form.check-rooms button[type="submit"]{margin-top:12px!important}
.booking-progress-bar{padding:0;background-color:#c4952e;margin-bottom:-90px;margin-top:50px}
.booking-progress-bar .booking-step{font-family:'Roboto',sans-serif;font-weight:700;font-size:14px;color:#f2f2f2;text-align:center}
.booking-progress-bar .booking-step:not(:last-child){border-right:1px solid #ad9b49}
.booking-progress-bar .booking-step a{color:inherit;margin:50px 10px;display:block}
.booking-progress-bar .booking-step .spacer{width:10px}
.booking-progress-bar .booking-step .number-circle{width:50px;height:50px;display:inline-block;border-radius:25px;background-color:#fff;font-family:'Sumana',serif;font-size:21px;color:#f2f2f2;line-height:45px;margin-right:5px}
.booking-progress-bar .booking-step.current,.booking-progress-bar .booking-step:hover{background-color:#ad9b49;color:#fff}
.booking-progress-bar .booking-step.current .number-circle,.booking-progress-bar .booking-step:hover .number-circle{color:#076324}
.booking-progress-bar .booking-step:hover{cursor:pointer}
.section-booking .dates-container{margin-top:30px}
.section-booking .subtitle{font-size:18px;font-weight:700;margin-top:20px;margin-bottom:20px}
.section-booking .subtitle.large-caps{text-transform:uppercase}
.section-booking em{font-weight:400;font-family:'Sumana',serif;font-size:14px}
.section-booking ul.two-cols{columns:2;-webkit-columns:2;-moz-columns:2;padding:0}
.section-booking ul.two-cols li{font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;color:#076324;letter-spacing:-.2px;list-style:none}
.section-booking ul.two-cols li.muted{color:#f0f0f0}
.section-booking ul.two-cols li a{font-family:'Sumana',serif;font-size:14px;font-style:italic;font-weight:400;color:#076324;font-family:Roboto,sans-serif;font-style:normal}
.section-booking ul.two-cols li a:hover,.section-booking ul.two-cols li a:active,.section-booking ul.two-cols li a:focus{color:#076324}
.section-booking ul.two-cols li a.secondary{color:#c4952e}
.section-booking ul.two-cols li a.secondary:hover,.section-booking ul.two-cols li a.secondary:active,.section-booking ul.two-cols li a.secondary:focus{color:#c4952e}
.section-booking ul.two-cols li:before{content:"–";margin-right:0}
.section-booking .widget-box{border:1px solid #c4952e;padding:30px;margin-bottom:30px;overflow:auto}
.section-booking .widget-box2{border:1px solid #d7d7d7;padding:30px;margin-bottom:30px;background-color:#d7d7d7;color:#333;overflow:auto}
.section-booking .widget-box .subtitle{margin:0}
.section-booking .widget-box hr{border-top:1px solid #c4952e}
.section-booking .widget-box2 hr{border-top:1px solid #fff}
.section-booking .widget-title{font-family:'Sumana',serif;font-size:14px;font-weight:700;letter-spacing:0;}
.section-booking .widget-title2{font-family:'Sumana',serif;font-size:20px;font-weight:700;letter-spacing:0;line-height:1;color:#076324}
.section-booking form.check-rooms .fa-plus-circle{color:#c4952e;margin-right:5px}
.section-booking form.check-rooms .room-num{height:40px;line-height:50px;display:block;text-align:center;vertical-align:bottom}
.section-booking form.check-rooms button[type="submit"]{margin-top:12px!important;width:auto}
.section-booking .calendar-container{background-color:#f3f3f3;border:1px solid #e1e1e1;padding:0}
.section-booking .calendar-container .legend-box{margin-top:30px;padding:20px;color:#076324;font-size:14px;border-top:1px solid #c4952e}
.section-booking .calendar-container .legend-box .legend{margin-right:20px;font-weight:400}
.section-booking .calendar-container .legend-box .legend span{width:15px;height:15px;display:inline-block;float:left;margin-top:5px;margin-right:8px}
.section-booking .calendar-container .legend-box .legend span.unavailable{background-color:#f2f2f2}
.section-booking .calendar-container .legend-box .legend span.selected{background-color:#c4952e}
.section-booking .calendar-container .legend-box .legend span.available{background-color:#fff;border:1px solid #c4952e}
.section-booking .rooms-container .room-row{border-top:1px solid #c4952e;padding-bottom:20px;padding-top:20px;clear:both}
.section-booking .rooms-container .room-row .subtitle{margin-top:5px}
.section-booking .rooms-container .room-row .content{margin-bottom:10px}
.section-booking .rooms-container .room-row .button{width:auto}
.section-booking .reservation-container{border:1px solid #e1e1e1}
.section-booking .reservation-container .reservation-form{background-color:#f3f3f3;padding:30px 15px;font-family:'Roboto',sans-serif;font-size:14px}
.section-booking .reservation-container .reservation-form label{font-weight:400}
.section-booking .reservation-container .reservation-form input{height:40px;border-radius:0}
.section-booking .reservation-container .reservation-form textarea{height:120px;resize:none}
.section-booking .reservation-container .reservation-form .buttons-container{margin-top:30px}
.section-booking .reservation-container .reservation-form .buttons-container button{width:auto}
.section-booking .reservation-container .reservation-form .buttons-container .space-text{font-family:'Sumana',serif;font-style:italic;margin-left:5px;margin-right:5px}
.section-blog .list-container a,.section-blog .blog-container a{color:inherit}
.section-blog .list-container a:hover,.section-blog .blog-container a:hover{color:#c4952e}
.section-blog .list-container .post-row,.section-blog .blog-container .post-row{margin-bottom:30px}
.section-blog .list-container .post-category,.section-blog .blog-container .post-category{margin-top:20px;font-family:'Sumana',serif;font-size:14px}
.section-blog .list-container .post-category .secondary,.section-blog .blog-container .post-category .secondary{color:#c4952e}
.section-blog .list-container .post-title,.section-blog .blog-container .post-title{font-family:'Sumana',serif;font-size:18px;text-transform:uppercase;font-weight:700;margin:20px 0;line-height:1.5}
.section-blog .list-container .post-date,.section-blog .blog-container .post-date{font-family:'Sumana',serif;font-size:14px;font-weight:400}
.section-blog .list-container .post-date i,.section-blog .blog-container .post-date i{margin-right:5px}
.section-blog .list-container .post-comments,.section-blog .blog-container .post-comments,.section-blog .list-container .post-author-name,.section-blog .blog-container .post-author-name{font-family:'Sumana',serif;font-size:14px;font-weight:400;margin-left:20px}
.section-blog .list-container .post-comments i,.section-blog .blog-container .post-comments i,.section-blog .list-container .post-author-name i,.section-blog .blog-container .post-author-name i{margin-right:5px}
.section-blog .list-container .post-social-links,.section-blog .blog-container .post-social-links{font-family:'Sumana',serif;border:1px solid #076324;margin-top:20px}
.section-blog .list-container .post-social-links > div,.section-blog .blog-container .post-social-links > div{display:inline-block;margin-top:0;padding:10px 20px}
.section-blog .list-container .post-social-links > div.header,.section-blog .blog-container .post-social-links > div.header{font-weight:700;font-family:'Sumana',serif;font-size:14px;border-right:1px solid #076324;width:40%;text-align:center}
.section-blog .list-container .post-social-links > div.icons,.section-blog .blog-container .post-social-links > div.icons{width:58%;text-align:center}
.section-blog .list-container .social-link:not(:last-child),.section-blog .blog-container .social-link:not(:last-child){margin-right:10px}
.section-blog .list-container .post-content,.section-blog .blog-container .post-content,.section-blog .list-container .post-tags,.section-blog .blog-container .post-tags{margin-bottom:30px}
.section-blog .list-container .content,.section-blog .blog-container .content{margin-top:30px}
.section-blog .list-container .content.highlight,.section-blog .blog-container .content.highlight{font-size:18px;font-style:italic;font-weight:700;border-left:3px solid #c4952e;padding-left:20px}
.section-blog .list-container ul li,.section-blog .blog-container ul li{list-style:square}
.section-blog .list-container .post-author,.section-blog .blog-container .post-author{border-style:double;border-width:5px;border-right:none;border-bottom:none;border-left:none;padding-top:20px;padding-bottom:20px;clear:both}
.section-blog .list-container .post-author img,.section-blog .blog-container .post-author img{display:block;float:left}
.section-blog .list-container .post-author .author-info,.section-blog .blog-container .post-author .author-info{margin-left:130px}
.section-blog .list-container .post-author .author-info .author-name,.section-blog .blog-container .post-author .author-info .author-name{font-family:'Sumana',serif;font-size:18px;text-transform:uppercase;font-weight:700;margin:0 0 20px;line-height:1.5}
.section-blog .list-container .post-author .content,.section-blog .blog-container .post-author .content{margin-top:20px}
.section-blog .list-container .post-author .icons,.section-blog .blog-container .post-author .icons{margin-bottom:20px}
.section-blog .list-container .page-controls,.section-blog .blog-container .page-controls{font-family:'Sumana',serif;font-size:14px;font-style:italic;height:50px;padding-top:10px;border-top:1px solid;border-bottom:3px solid;clear:both}
.section-blog .list-container .page-controls a i,.section-blog .blog-container .page-controls a i{font-size:14px}
.section-blog .blog-container .comments-container{margin-top:30px;margin-bottom:30px}
.section-blog .blog-container .comments-container .subtitle{font-family:'Sumana',serif;text-transform:uppercase;font-size:18px;font-weight:700;text-align:center;margin-bottom:30px}
.section-blog .blog-container .comments-container .comment-box{clear:both;padding-top:20px;padding-bottom:20px}
.section-blog .blog-container .comments-container .comment-box:not(:last-of-type){border-bottom:1px solid #e8e9ea}
.section-blog .blog-container .comments-container .comment-box img{float:left;display:block}
.section-blog .blog-container .comments-container .comment-box .comment-info{margin-left:100px}
.section-blog .blog-container .comments-container .comment-box .comment-info .comment-name{font-family:'Sumana',serif;font-size:18px;text-transform:uppercase;font-weight:700;margin:0;line-height:1.5}
.section-blog .blog-container .comments-container .comment-box .comment-info .comment-date{font-family:'Sumana',serif;font-size:18px;text-transform:uppercase;font-weight:700;margin:0;line-height:1.5;font-style:italic;font-weight:400;font-size:12px;text-transform:none}
.section-blog .blog-container .comments-container .comment-box .comment-info .content{margin-top:20px}
.section-blog .blog-container .comments-container .comment-box.level2{margin-left:80px}
.section-blog .blog-container .leave-comment-container{border-top:3px solid;padding-top:20px;padding-bottom:30px}
.section-blog .blog-container .leave-comment-container .subtitle{font-family:'Sumana',serif;text-transform:uppercase;font-size:18px;font-weight:700;text-align:center;margin-bottom:30px}
.section-blog .blog-container .leave-comment-container .comment-form input[type=text],.section-blog .blog-container .leave-comment-container .comment-form textarea{border-radius:0;display:block;width:100%;border:1px solid #e2e2e2}
.section-blog .blog-container .leave-comment-container .comment-form input[type=text]:focus,.section-blog .blog-container .leave-comment-container .comment-form textarea:focus,.section-blog .blog-container .leave-comment-container .comment-form input[type=text]:active,.section-blog .blog-container .leave-comment-container .comment-form textarea:active{border:1px solid #909090}
.section-blog .blog-container .leave-comment-container .comment-form textarea{height:120px;resize:none}
.section-blog .blog-container .leave-comment-container .comment-form button{margin-top:15px}
.section-blog .widget-box{border:1px solid #c4952e;padding:30px;margin-bottom:30px}
.section-blog .widget-box .subtitle{margin:0}
.section-blog .widget-box hr{border-top:1px solid #c4952e}
.section-blog .widget-title{font-family:'Sumana',serif;font-size:14px;font-weight:700;letter-spacing:0;line-height:2}
.section-blog ul.categories{padding-left:0}
.section-blog ul.categories li{font-family:'Roboto',sans-serif;font-weight:400;color:#076324;letter-spacing:-.2px;font-family:Sumana,serif;font-size:14px;list-style:none;letter-spacing:0}
.section-blog ul.categories li.muted{color:#f0f0f0}
.section-blog ul.categories li a{font-size:14px;font-style:italic;font-weight:400;color:#076324;font-family:'Sumana',serif;font-style:normal}
.section-blog ul.categories li a:hover,.section-blog ul.categories li a:active,.section-blog ul.categories li a:focus{color:#076324}
.section-blog ul.categories li a.secondary{color:#c4952e}
.section-blog ul.categories li a.secondary:hover,.section-blog ul.categories li a.secondary:active,.section-blog ul.categories li a.secondary:focus{color:#c4952e}
.section-blog ul.categories li a:hover{color:#c4952e}
.section-blog ul.categories li:before{content:"–";margin-right:15px}
.section-blog ul.categories li.current a{color:#c4952e}
.section-blog .search-box{background-color:#fff;color:#076324;position:relative;margin-left:0;margin-top:30px}
.section-blog .search-box .input-wrapper{height:40px;position:relative}
.section-blog .search-box .input-wrapper #keyword{display:block;width:100%;height:100%;font-family:'Roboto',sans-serif;font-size:12px;padding:0 60px 0 10px;background-color:#f3f3f3}
.section-blog .search-box button{position:absolute;display:block;width:40px;height:40px;right:0;top:0;font-weight:700;font-size:12px;background-color:transparent;border:none}
.section-blog .search-box button:active,.section-blog .search-box button:focus{border:none}
.section-blog .recent-post-row{margin-bottom:20px}
.section-blog .recent-post-row a:hover .content{color:#c4952e}
.section-blog .recent-post-row a img{float:left;margin-left:15px;width:60px;height:50px}
.section-blog .recent-post-row a .content{margin-left:90px;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s}
.section-room-single .recent-post-row{margin-bottom:0}
.section-room-single .recent-post-row a:hover .content{color:#c4952e}
.section-room-single .recent-post-row a img{float:left;margin-left:15px;width:60px}
.section-room-single .recent-post-row a .content{margin-left:90px;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s}
.section-contact-us .row{margin-bottom:30px}
.section-contact-us .office-box{line-height:1.5}
.section-contact-us .office-box .subtitle{text-transform:uppercase;font-family:'Sumana',serif;font-weight:700;font-size:14px;margin-bottom:10px}
.section-contact-us .office-box .address-line{margin-left:20px}
.section-contact-us .office-box .address-line i{margin-right:5px;margin-left:-20px}
.section-contact-us .map-wrapper{min-height:400px;position:relative}
.section-contact-us .map-wrapper .map{position:absolute;left:0;top:0;width:100%;bottom:10px}
.section-contact-us .contact-form{margin-bottom:30px;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400}
.section-contact-us .contact-form label{font-weight:400}
.section-contact-us .contact-form input[type=text],.section-contact-us .contact-form textarea{display:block;width:100%;border:1px solid #e2e2e2;border-radius:0}
.section-contact-us .contact-form input[type=text]:focus,.section-contact-us .contact-form textarea:focus,.section-contact-us .contact-form input[type=text]:active,.section-contact-us .contact-form textarea:active{border:1px solid #909090}
.section-contact-us .contact-form textarea{resize:none}
.accordion .panel{border-radius:0;border-color:#f2f2f2;border-width:3px}
.accordion .panel .panel-heading{background-color:#f2f2f2;border:none;border-radius:0;color:#fff;font-family:'Sumana',serif;font-size:14px}
.accordion .panel .panel-heading .panel-title{cursor:pointer}
.accordion .panel .panel-heading .panel-title:after{font-family:'FontAwesome';content:"\f0d7";float:right;color:#f2f2f2;background-color:#fff;width:32px;height:32px;font-size:18px;padding-left:12px;padding-top:7px;margin-top:-9px;margin-right:-15px}
.accordion .panel .panel-body{font-family:'Roboto',sans-serif;font-size:14px;background-color:#fff;color:#076324}
.accordion .panel.open{border-color:#c4952e;background-color:#c4952e}
.accordion .panel.open .panel-heading{background-color:#c4952e}
.accordion .panel.open .panel-heading .panel-title:after{color:#c4952e}
.accordion .panel.open .panel-body{color:#c4952e}
.newsletter{margin-top:0;margin-left:-40px}
.form-submit-button{padding:20px 15px}
.newsletter input[type="text"]{width:200px;margin-bottom:10px;background-color:#fff;color:#000;padding:7px 10px;margin-right: 30px;}
.newsletter input[type="submit"]{width:150px;display:block;margin-bottom:10px;background-color:#edc647;color:#fff;font-weight:700;float:left;padding:5px 10px;border:2px #edc647 solid}
.newsletter input[type="submit"]:hover{background-color:transparent}
footer{padding-top:100px;padding-bottom:0;background-color:#076324;color:#f2f2f2;font-family:'Roboto',sans-serif}
footer .subtitle{color:#fff;font-family:'Sumana',serif;text-transform:uppercase;font-size:18px;font-weight:400;margin-bottom:20px}
footer .subtitle.wide{letter-spacing:3px}
footer ul.site-links{columns:2;-webkit-columns:2;-moz-columns:2;padding:0}
footer ul.site-links li{list-style:none}
footer ul.site-links li:before{content:"–";margin-right:15px}
footer a{color:#f2f2f2}
footer a:hover{color:#fff}
footer a:active,footer a:focus{color:#f2f2f2}
footer p{margin-bottom:5px!important}
footer .social-links{margin-bottom:50px}
footer .social-links .social-link{display:inline-block;width:30px;height:30px;line-height:30px;font-size:16px;text-align:center;overflow:hidden}
footer .social-links .social-link i.fa{width:30px!important;height:30px!important;line-height:30px!important;font-size:16px!important;text-align:center!important;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
footer .social-links .social-link:hover i.fa{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
footer .social-links .social-link:not(:last-child){margin-right:10px}
footer .inputs{background-color:#fff;color:#076324;position:relative;margin-left:50px;margin-top:30px}
footer .inputs .input-wrapper{height:46px;position:relative}
footer .inputs .input-wrapper #email{display:block;width:100%;height:100%;padding:0 60px 0 10px;background-color:#f2f2f2;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
footer .inputs .input-wrapper #email::-webkit-input-placeholder{color:#076324}
footer .inputs .input-wrapper #email::-moz-placeholder{color:#076324;opacity:1;color:#076324;opacity:1}
footer .inputs .input-wrapper #email::-ms-input-placeholder{color:#076324}
footer .inputs button{position:absolute;display:block;width:40px;height:40px;right:3px;top:3px;font-weight:700;font-size:12px;background-color:#076324;color:#f2f2f2;border:none}
footer .inputs button:active,footer .inputs button:focus{border:none}
footer .copyright-area{text-align:center;background-color:#075820;color:#f2f2f2;font-family:'Sumana',serif;font-size:14px;font-weight:400;height:70px;line-height:70px;margin-top:30px}
footer .copyright-area i{color:#c4952e}
.bootstrap-select > .btn{border:none;border-radius:0;color:#076324;width:100%;line-height:26px;padding-right:25px}
.bootstrap-select.fit-width{width:auto!important}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:220px}
.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}
.bootstrap-select .helper{display:inline-block;height:100%;vertical-align:middle;width:3px}
.bootstrap-select img{vertical-align:baseline}
.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}
.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*="col-"]{float:none;display:inline-block;margin-left:0}
.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right{float:right}
.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group{margin-bottom:0}
.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}
.form-inline .bootstrap-select.btn-group .form-control{width:100%}
.input-append .bootstrap-select.btn-group{margin-left:-1px}
.input-prepend .bootstrap-select.btn-group{margin-right:-1px}
.bootstrap-select.btn-group > .disabled{cursor:not-allowed}
.bootstrap-select.btn-group > .disabled:focus{outline:none!important}
.bootstrap-select.btn-group .btn .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}
.bootstrap-select.btn-group .btn .caret{display:inline-block;background-color:#edc647;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);border:none;position:absolute;top:4px;right:4px;vertical-align:middle;width:30px;height:30px;line-height:30px;color:#fff}
.bootstrap-select.btn-group .btn .caret:before{content:"\f0d7"}
.bootstrap-select.btn-group[class*="col-"] .btn{width:100%}
.bootstrap-select.btn-group .dropdown-menu{border-radius:0;min-width:100%;z-index:1035;box-sizing:border-box}
.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;border-radius:0;box-shadow:none}
.bootstrap-select.btn-group .dropdown-menu li{position:relative;margin:0}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small{color:#64b1d8;color:rgba(100,177,216,0.4)}
.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}
.bootstrap-select.btn-group .dropdown-menu li a{color:#076324;cursor:pointer}
.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}
.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}
.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}
.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);pointer-events:none;opacity:.9;box-sizing:border-box}
.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px}
.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}
.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}
.bootstrap-select.btn-group.secondary .btn .caret{background-color:#c4952e}
.bootstrap-select.btn-group.third .btn{color:#fff;background-color:#edc647}
.bootstrap-select.btn-group.third .btn .caret{background-color:#fff;color:#edc647}
.bootstrap-select.show-menu-arrow.open > .btn{z-index:1036}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom-width:7px;border-bottom-style:solid;border-bottom-color:#ccc;border-bottom-color:rgba(204,204,204,0.2);position:absolute;bottom:-4px;left:9px;display:none}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-bottom:0;border-top-width:7px;border-top-style:solid;border-top-color:#ccc;border-top-color:rgba(204,204,204,0.2)}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{display:block}
.bs-searchbox,.bs-actionsbox{padding:4px 8px}
.bs-actionsbox{float:left;width:100%;box-sizing:border-box}
.bs-actionsbox .btn-group button{width:50%}
.bs-searchbox + .bs-actionsbox{padding:0 8px 4px}
.bs-searchbox input.form-control{margin-bottom:0;width:100%}
.mobile-device{position:absolute;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}
@media only screen and (min-width: 768px) {
.section-search-rooms form .form-control{width:180px}
.section-search-rooms form .form-select{width:70px}
.section-rooms .container{height:800px}
.section-rooms .rooms-area,.section-rooms .rooms-background{position:absolute;top:20px}
.section-rooms .rooms-area{width:100%;color:#fff;z-index:110}
.section-rooms .rooms-background{top:-80px;width:800px;height:980px;left:30px}
.section-rooms .rooms-background:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:.1;background-image:url(../images/home/room-bg.jpg);background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.section-accommodations .title{font-size:30px}
.section-check-rooms form.check-rooms button[type=submit]{width:100%;min-width:150px}
}
@media only screen and (min-width: 992px) {
.col-one-fifth{width:20%}
.section-accommodations .rooms-container{margin-left:-30px}
.section-check-rooms form.check-rooms button[type=submit]{margin-top:30px}
.section-room-single form.check-rooms button[type=submit]{width:100%;min-width:150px}
}
@media only screen and (min-width: 1200px) {
form.check-rooms button[type=submit]{margin-top:30px}
}
@media only screen and (max-width: 1200px) {
#main-slider .swiper-slide .container{height:650px}
#main-slider .page-controls{bottom:35px}
#main-slider .main-slider-control.prev{left:15px}
#main-slider .main-slider-control.next{right:15px}
.booking-progress-bar .booking-step a{margin:30px 10px}
.booking-progress-bar .booking-step .number-circle{display:block;margin:auto}
header .main-menu .menu-item > a{display:block;padding:0 8px;font-size:12px;font-weight:700;height:99px;line-height:99px;color:#076324;letter-spacing:0}
header .main-menu .submenu .sub-menu-item a{display:block;width:280px;height:35px;line-height:35px;font-size:10px;padding-left:30px;color:#fff;text-transform:uppercase;letter-spacing:1px}
}
@media only screen and (max-width: 992px) {
#main-slider .swiper-slide .container{height:550px}
#main-slider .page-controls{bottom:35px}
header .main-menu{display:none}
header #mobile-menu,header #menu-toggle{display:block}
.section-accommodations .rooms-container{margin-top:20px}
form.check-rooms button[type=submit]{margin-top:30px}
.section-from-blog .blog-box{margin-bottom:23px}
.section-from-blog .blog-box .blog-meta-box{padding-bottom:0}
.section-gallery .gallery-container{max-width:550px;margin:30px auto}
header .logo-link img{max-width:200px}
}
@media only screen and (max-width: 768px) {
header .container{text-align:center}
form.check-rooms button[type=submit]{margin-top:30px}
section{padding:70px 0 40px}
#main-slider .swiper-container{width:100%}
#main-slider .swiper-slide .container{height:520px}
#main-slider .page-controls{bottom:35px}
#main-slider .slide-content{margin-top:80px}
#main-slider .slide-content .slide-title{font-size:50px}
#main-slider .slide-content .slide-subtitle{font-size:18px}
#main-slider .slide-content .slide-subtitle-desc{font-size:20px}
.section-search-rooms .title-area,.section-search-rooms .title-background{right:10px;padding-left:35px}
.section-why-us .content-box{max-width:350px}
.section-facilities .facilities-container{max-width:410px;margin:20px auto}
.section-rooms .room-container{background-color:#c4952e;padding-bottom:30px}
.section-from-blog .blog-box .blog-meta-box{bottom:10px;padding:20px 30px 20px 10px}
.section-from-blog .blog-box .blog-meta-box .blog-title{font-size:15px}
.section-from-blog .blog-box .blog-meta-box .post-date{font-size:12px;letter-spacing:-.5px}
.section-from-blog .blog-box .blog-meta-box .post-comments{font-size:12px;letter-spacing:-.5px;margin-left:15px}
.section-blog .list-container,.section-blog .blog-container{max-width:370px;margin:0 auto}
.section-blog .widget-box{max-width:370px;margin:30px auto}
footer .col-sm-4{text-align:center!important}
footer .col-sm-4 ul.site-links{text-align:left;width:80%;margin-left:10%}
footer .inputs{width:60%;margin-left:20%}
}
@media only screen and (max-width: 560px) {
.section-from-blog .blog-box{margin-bottom:15px}
.section-from-blog .blog-box .blog-meta-box{bottom:10px;padding:20px 20px 20px 10px}
.section-from-blog .blog-box .blog-meta-box .blog-title{font-size:15px;font-weight:400}
.section-from-blog .blog-box .blog-meta-box .post-date{display:none}
.section-from-blog .blog-box .blog-meta-box .post-comments{display:none}
}
@media only screen and (max-width: 480px) {
#main-slider .swiper-slide .container{height:450px}
#main-slider .page-controls{bottom:35px}
#main-slider .slide-content{margin-top:120px}
#main-slider .slide-content .slide-title{font-size:36px}
#main-slider .slide-content .slide-subtitle{font-size:14px}
#main-slider .slide-content .slide-subtitle-italic{font-size:16px}
#main-slider .slide-content .slide-subtitle-italic .price{font-size:21px}
#main-slider .page-controls{bottom:30px!important}
.section-rooms .room-container .button{width:80%}
.section-from-blog .blog-box{margin-bottom:10px}
.section-from-blog .blog-box .blog-meta-box{bottom:10px;padding:10px 10px 10px 5px}
.section-from-blog .blog-box .blog-meta-box .blog-title{font-size:12px;font-weight:400}
}
*{-webkit-backface-visibility:hidden}
body{line-height:1.875;font-family:'Roboto',sans-serif;font-size:13px;font-weight:400;color:#666;width:100%;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{margin:0; color:#076324; }
a{outline:0;-webkit-transition:background-color 0.3s,color .3s;-moz-transition:background-color 0.3s,color .3s;-o-transition:background-color 0.3s,color .3s;transition:background-color 0.3s,color .3s}
a:focus,a:hover{text-decoration:none}
input,textarea,select{border:0;outline:0}
input[type=text],textarea{display:block;width:100%}
i.fa{width:1.3em!important;height:1em!important;text-align:center;-webkit-backface-visibility:hidden}
p{padding:0;margin:0;font-weight:400}
p:not(:last-child){margin-bottom:20px}
video{width:100%;display:block}
iframe{display:block;width:100%;border:none}
iframe.fullheight{height:100%;max-height:160px}
[data-animate]{visibility:hidden}
[data-animate]:not(.animated) iframe{display:none!important}
[class^="icon-"],[class*=" icon-"]{padding:0 1px}
.aligncenter{text-align:center}
.alignleft{text-align:left}
.alignright{text-align:right}
.fullwidth{display:block;width:100%}
.tg{border-collapse:collapse;border-spacing:0;width:100%;margin-left:0}
.tg td{font-family:Arial,sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0;overflow:hidden;word-break:normal}
.tg th{font-family:Arial,sans-serif;font-size:14px;font-weight:400;padding:10px 5px;border-style:solid;border-width:0;overflow:hidden;word-break:normal}
.tg .tg-erlg{font-weight:700;background-color:#efefef;vertical-align:top}
.tg .tg-yzt1{background-color:#efefef;vertical-align:top}
.tg .tg-white{vertical-align:top}
.tg .tg-9hbo{font-weight:700;vertical-align:top}
@media screen and (max-width: 767px) {
.tg{width:auto!important}
.tg col{width:auto!important}
.tg-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.tk{border-collapse:collapse;border-spacing:0;width:100%;margin-left:0}
.tk td{font-family:Arial,sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0;overflow:hidden;word-break:normal}
.tk th{font-family:Arial,sans-serif;font-size:14px;font-weight:400;padding:10px 5px;border-style:solid;border-width:0;overflow:hidden;word-break:normal}
.tk .tg-3we0{background-color:#fff;vertical-align:top}
.tk .tg-grey{background-color:#f9f9f9;vertical-align:top}
.tk .tg-white{vertical-align:top}
@media screen and (max-width: 767px) {
.tk{width:auto!important}
.tk col{width:auto!important}
.tk-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:auto 0}
}
.backtotop{position:fixed;bottom:10px;right:10px;padding:5px 10px;background:#edc647;color:#fff;z-index:9999}
.caption-text{z-index:10;color:#fff;position:absolute;text-align:left;top:175px;font-size:14px;padding:20px;width:360px;line-height:16px}
.panel-default>.panel-heading{color:#fff;background-color:#c4952e;border-color:#c4952e}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0}
.panel-default{border-color:#c4952e}
.panel-group .panel{margin-bottom:0;border-radius:0}
.panel-body ol{padding:0}
.poi{text-align:center;
width:100%;
display:block;
margin:auto;
}
/* -----------------------------------------
Room Page
----------------------------------------- */
.room-slider {
padding: 10px;
border: 1px solid #c4952e;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
-webkit-box-shadow: 0 0 0 0 #FFFFFF;
box-shadow: 0 0 0 0 #FFFFFF;
}
.room-slider .flex-direction-nav a {
opacity: 1;
color: #FFF;
width: auto;
height: auto;
padding: 7px 14px 6px; }
.room-slider .flex-direction-nav a:before {
font-size: 15px; }
.room-slider .flex-direction-nav .flex-next {
right: -10px; }
.room-slider .flex-direction-nav .flex-prev {
left: -10px; }
/* Preload images */
body:after {
content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../img/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../img/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../img/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../img/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#paging span.current,
.room-slider .flex-direction-nav a,
.sidebar .testimonial-wrap blockquote,
.col-sm-4 .testimonial-wrap blockquote,
.item:hover a.btn, a.btn:hover,
input[type=submit]:hover,
button:hover,
.dk_theme_ci .dk_options a:hover,
.booking-inpage,
.room-nav a.current-room,
.room-nav a.current-room:visited,
.room-nav a:hover,
.item .offer,
.book-widget-inner {
background-color: #edc647; }
.room-nav a.current-room:before,
.room-nav a.current-room:visited:before,
.room-nav a:hover:before {
border-right-color: #edc647; }
#galleryTab {
margin: 0 auto;
width: 380px;
margin-bottom: 50px;
}
.filter {
border: 1px solid #ccc;
color: #333333;
float: left;
font-size: 16px;
margin: 0 -5px 0 12px;
padding: 5px 15px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.bottomsup {
margin-bottom: 20px;
}
.fsForm.fsMaxCol1 {
width:100%;
}
.fsBody .fsRowBody {
padding: 10px 15px;
}
div.fsError {
font-size:14px;
background-color:#fee;
color:#000;
border:1px solid red;
clear:both;
text-align:center;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:0px 10px 25px;
padding:10px;
}
.clear,.fs-clear {
clear:both;
}
#disabledError {
width:300px;
background:#fff;
border:2px solid #efefef;
color:#656565;
line-height:18px;
margin:54px auto;
padding:36px;
}
.fsPasswordForm label {
display:block;
color:#656565;
font-size:13px;
}
.fsPasswordForm .fsRowBody input {
text-align:center;
font-size:16px;
font-weight:700;
padding:5px;
}
.fsPasswordForm td.fsRowBody {
padding:18px 0 24px;
}
.fsSSOForm label {
display:inline;
}
#fsPasswordError {
color:#D2010B;
font-weight:700;
text-align:center;
padding:0;
}
.fsFieldFocused {
background-color:#ffffa6;
}
.fsReadOnly {
background-image:none;
}
#fsConfirmAd table {
width:100%;
margin:36px auto;
}
#fsConfirmAd h2 {
text-align:center;
font-size:18px;
font-weight:400;
background:#42BD21;
color:#fff;
text-shadow:0 1px 0 #000;
margin:0;
padding:18px;
}
#fsConfirmAd li {
margin-bottom:18px;
}
#fsConfirmAd img {
min-width:151px;
}
#fsConfirmAd img,#fsConfirmAd ul {
margin:18px;
}
#fsLearnMore {
display:block;
height:25px;
width:155px;
font-size:16px;
text-decoration:none;
color:#333;
text-shadow:0 1px 0 #fff;
background:url(../../images/3/buttonBG.png);
line-height:25px;
margin:18px auto;
}
.fsValidationError {
background-color:#fcc!important;
}
.fsValidationError .fsLabel {
color:#ba0000;
padding-left:20px;
background-image:url(../../images/3/validationAlert.png);
background-repeat:no-repeat;
background-position:left bottom;
}
ul.topnav {list-style-type: none;
text-align: right;}
li.topnav {padding: 0px 20px 0px 0px;
margin: 0px;
display: inline;}
li.topnav a {
color: #fff;
}
li.topnav a:hover {
color: #edc647;
}
.right-align {
text-align: right;
}
/* start animate.css */
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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 bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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: perspective(1px) scale3d(1, 1, 1);
transform: perspective(1px) scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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: perspective(1px) scale3d(1, 1, 1);
transform: perspective(1px) scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-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-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;
}
/* start flexslider.css */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
margin: 0;
padding: 0; }
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block; }
.flex-pauseplay span {
text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
html[xmlns] .slides {
display: block; }
* html .slides {
height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider {
margin: 0 0 0px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
zoom: 1; }
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
.loading .flex-viewport {
max-height: 300px; }
.flexslider .slides {
zoom: 1; }
.carousel li {
margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {
*height: 0; }
.flex-direction-nav a {
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease; }
.flex-direction-nav .flex-prev {
left: -50px; }
.flex-direction-nav .flex-next {
right: -50px;
text-align: right; }
.flexslider:hover .flex-prev {
opacity: 0.7;
left: 10px; }
.flexslider:hover .flex-next {
opacity: 0.7;
right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1; }
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default; }
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '<<'; }
.flex-direction-nav a.flex-next:before {
content: '>>'; }
/* Pause/Play */
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000; }
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004'; }
.flex-pauseplay a:hover {
opacity: 1; }
.flex-pauseplay a.flex-play:before {
content: '\f003'; }
/* Control Nav */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center; }
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline; }
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default; }
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden; }
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0; }
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer; }
.flex-control-thumbs img:hover {
opacity: 1; }
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px; }
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px; } }