/******************************************/
/* */
/* Content */
/* */
/* bxSlider v4.2.12 line 185 */
/* Magnific Popup - v1.1.0 line */
/* Owl Carousel v2.2.1 line 309 */
/* Pushy - v1.1.0 line 361 */
/* Slick Slider line 419 */
/* Superfish line 476 */
/* Unite Gallery 1.7.45 line 506 */
/* Animate 3.5.2 line 770 */
/* */
/* */
/******************************************/
/* cd-top - go to top */
.cd-top { display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 50px; right: 10px; box-shadow: 0 0 10px rgba(51, 51, 51, 0.1); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(51, 51, 51, 0.7) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index: 70000; border-radius: 100%; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.cd-top:hover {background-color: rgba(51, 51, 51, 1); opacity: 1;}
/* sticky */
.sticky-header { -webkit-transition: all 500ms; transition: all 500ms; background-color: #fff; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15); position: fixed; top: 0; left: 0; width: 100%; padding-top: 0; z-index: 99; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; }
.sticky-header .main-nav-wrap { width: 1024px; margin: 0 auto; }
.sticky-header img { float: left; height: 60px; margin-top: 0; }
.sticky-header nav { float: right; }
.sticky li a { height: 50px; }
.visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; }
/* mobile navihation */
.phone_navigation .menu-btn { display: none; }
/* FORMS */
.form_page { width: 90%; margin: 0 auto; padding: 0 20px; }
.form_page i.fa-asterisk { color: #e91802; font-size: 8px; padding: 0 5px; position: relative; top: -7px; }
#htmlform p { margin: 7px 0; }
.classform span { display: block; font-size: 15px; width: 100%; }
input, select, textarea { width:55%;display: inline-block;}
input[type="text"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="time"], input[type="url"], textarea, input, select -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 7px 12px; border: 1px solid #ccc; }
input[type="text"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="time"]:focus, input[type="url"]:focus, input:focus, textarea:focus, select:focus { box-shadow: 0 0 5px #5096FF; padding: 7px 12px; border: 1px solid #5096FF; }
input[type="submit"], input[type="button"] { background-color: #0E3321; border-style: none; box-sizing: border-box; color: #fff; font-size: 15px; font-weight: 700; padding: 10px 50px; width: auto; }
input[type="submit"]:hover, input[type="button"]:hover { background: #450000; }
#change-image { color: #a3a3a3; }
/* font size */
/* size_verysmall */
/* 13 */
body.size_verysmall #block_content .center_block .content .slide .rows .head_info h5 { font-size: 9px !important; }
/* 14 */
body.size_verysmall #content .block_2 .bl_links .bl_carousel ul li a { font-size: 10px !important; }
/* 15 */
body.size_verysmall #content .block_1 .bl_news .bl_date { font-size: 11px !important; }
/* 16 */
body.size_verysmall nav a { font-size: 12px !important; }
/* 17 */
body.size_verysmall .main_navigation ul li a { font-size: 13px !important; }
/* 20 */
body.size_verysmall #content .service_info a.si_topic { font-size: 16px !important; }
/* 22 */
body.size_verysmall #block_content .center_block .article h2 { font-size: 18px !important; }
/* 23 */
body.size_verysmall #content .block_2 .bl_head_2 a.bl_link { font-size: 19px !important; }
/* 28 */
body.size_verysmall #content .block_1 .bl_news h1 { font-size: 24px !important; }
/* 30 */
body.size_verysmall #content .cnt_blok .nw_cnt h1 { font-size: 26px !important; }
/* size_small */
/* 13 */
body.size_small #content .city_info .ci_link .si_title .si_dsc { font-size: 11px !important; }
/* 14 */
body.size_small #content .block_2 .bl_links .bl_carousel ul li a { font-size: 12px !important; }
/* 15 */
body.size_small #block_content .center_block .article .art_txt { font-size: 13px !important; }
/* 16 */
body.size_small #content .cnt_blok .oglasi .nw_cnt ul { font-size: 14px !important; }
/* 17 */
body.size_small #content .links_block .lb_link { font-size: 15px !important; }
/* 20 */
body.size_small #content .city_info a.ci_topic { font-size: 18px !important; }
/* 22 */
body.size_small #block_content .center_block .article h2 { font-size: 20px !important; }
/* 23 */
body.size_small #content .block_2 .bl_head_2 a.bl_link { font-size: 21px !important; }
/* 28 */
body.size_small #content .block_1 .bl_news h1 { font-size: 26px !important; }
/* 30 */
body.size_small #content .cnt_blok .nw_cnt h1 { font-size: 28px !important; }
/* size_large */
/* 13 */
body.size_large #content .city_info .ci_link .si_title .si_dsc { font-size: 15px !important; }
/* 14 */
body.size_large #content .block_2 .bl_links .bl_carousel ul li a { font-size: 16px !important; }
/* 15 */
body.size_large #block_content .center_block .article .art_txt { font-size: 17px !important; }
/* 16 */
body.size_large #content .cnt_blok .oglasi .nw_cnt ul { font-size: 18px !important; }
/* 17 */
body.size_large #content .links_block .lb_link { font-size: 19px !important; }
/* 20 */
body.size_large #content .city_info a.ci_topic { font-size: 22px !important; }
/* 22 */
body.size_large #block_content .center_block .article h2 { font-size: 24px !important; }
/* 23 */
body.size_large #content .block_2 .bl_head_2 a.bl_link { font-size: 25px !important; }
/* 28 */
body.size_large #content .block_1 .bl_news h1 { font-size: 30px !important; }
/* 30 */
body.size_large #content .cnt_blok .nw_cnt h1 { font-size: 32px !important; }
/* size_verylarge */
/* 13 */
body.size_verylarge #content .city_info .ci_link .si_title .si_dsc { font-size: 17px !important; }
/* 14 */
body.size_verylarge #content .block_2 .bl_links .bl_carousel ul li a { font-size: 18px !important; }
/* 15 */
body.size_verylarge #block_content .center_block .article .art_txt { font-size: 19px !important; }
/* 16 */
body.size_verylarge #content .cnt_blok .oglasi .nw_cnt ul { font-size: 20px !important; }
/* 17 */
body.size_verylarge #content .links_block .lb_link { font-size: 21px !important; }
/* 20 */
body.size_verylarge #content .city_info a.ci_topic { font-size: 24px !important; }
/* 22 */
body.size_verylarge #block_content .center_block .article h2 { font-size: 26px !important; }
/* 23 */
body.size_verylarge #content .block_2 .bl_head_2 a.bl_link { font-size: 27px !important; }
/* 28 */
body.size_verylarge #content .block_1 .bl_news h1 { font-size: 32px !important; }
/* 30 */
body.size_verylarge #content .cnt_blok .nw_cnt h1 { font-size: 34px !important; }
/* Pagination */
/*----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination { clear: both; width: 100%; overflow: hidden; margin: 10px auto; text-align: center; float: left; }
.Zebra_Pagination ul { position: relative; left: 50%; list-style-type: none; margin: 0; padding: 0; float: left }
.Zebra_Pagination li { position: relative; float: left; right: 50%; width: auto !important; height: auto !important; }
/* COMMON ATTRIBUTES FOR ALL THE LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a { background-color: #fff; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; color: #333; display: block; float: left; font-size: 13px; margin: 0 3px; padding: 0; text-decoration: none; height: 25px; width: 25px; line-height: 25px; }
.Zebra_Pagination a:hover { background-color: #ED2D27; color: #fff }
/* "NEXT PAGE" AND "PREVIOUS PAGE" LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.navigation { border: 1px solid transparent; overflow: hidden; background-repeat: no-repeat }
.Zebra_Pagination a.previous { background-color:#fff;}
.Zebra_Pagination a.next { background-color:#fff;}
.Zebra_Pagination a.previous:hover, .Zebra_Pagination a.next:hover {background-color: #DEDEDE; color: #222}
.Zebra_Pagination a.disabled { filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2 }
.Zebra_Pagination a.disabled:hover { background-color: inherit; color: inherit }
/* hack for transparent borders in IE6 */
html .Zebra_Pagination a.navigation { border-color: #000001; filter: chroma(color=#000001) }
/* CURRENT PAGE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.current,
.Zebra_Pagination .current,
.Zebra_Pagination a.current:hover,
.Zebra_Pagination .current:hover { background: #430300; color: #FFF }
/* THE "..." SEPARATOR
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination span { color: #666; margin-right: 1px; display: block; float: left; }
/* img block size */
.news-block-image { position: relative; width: 350px; height: 200px; overflow: hidden; }
img.imgwidth { width: auto !important; left: -100%; margin: auto; position: absolute; right: -100%; height: 100% !important; top: 0; bottom: 0; margin-bottom: 0 !important; min-width: 100%; }
img.imgheight {
width: 100%;
top: -100%;
margin: auto;
position: absolute;
bottom: -100%;
height: auto;
left: -100%;
right: -100%;
margin-bottom: auto;
min-height: 100%;
}
img.imgblock { bottom: 0; left: -100%; margin: auto; position: absolute; right: -100%; top: 0; width: auto; }
/* mobile link */
.mobile_link { pointer-events: none; cursor: default; }
/* frontend login */
.session_block { background-color: rgba(28, 28, 28, 0.9); border-bottom: 5px solid #1b640a; padding: 15px 10px; width: 100px; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1000; }
.session_block ul li { color: rgba(255, 255, 255, 0.7) !important; float: left !important; font-size: 13px !important; padding: 5px 5px !important; width: 100%; display: block; word-wrap: break-word; white-space: pre-line; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 16px; margin: 0; }
.session_block ul li strong {
font-size: 11px !important;
color: #fff;
}
.session_block ul li:hover { background-color: #15221B; color: #fff; }
.session_block ul li:before { content: none !important; }
.session_block ul li a { color: #fff !important; font-size: 13px; display: block; }
.session_block ul li a i { margin: 0 5px 0 0; font-size: 13px; }
.session_block svg { margin-right: 5px; }
/* bxSlider v4.2.12 */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }
.bx-wrapper img { /*max-width: 100%;*/ display: block; }
.bxslider { margin: 0; padding: 0; }
ul.bxslider { list-style: none; }
.bx-viewport { -webkit-transform: translatez(0); }
.bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: none; border: none; background: transparent; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url('../images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
.bx-wrapper .bx-prev { left: 10px; background: url('../images/controls.png') no-repeat 0 -32px; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background-position: 0 0; }
.bx-wrapper .bx-next { right: 10px; background: url('../images/controls.png') no-repeat -43px -32px; }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('../images/controls.png') -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('../images/controls.png') -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: .85em; padding: 10px; }
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close,
button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
/* Owl Carousel v2.2.1 Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.carousel.slide { width: 100%; display: block; height: 575px; overflow: hidden; }
.carousel.slide li { display: none; }
.deepskyblue { float: left; display: block; width: 100%; height: 575px; z-index: 10; }
.carousel.slide .active { z-index: 100; }
.item.deepskyblue.active img { position: absolute; height: 575px; width: auto; margin: auto; left: -100%; right: -100%; top: 0; bottom: 0; max-width: none; }
.carousel-caption { top: calc(50% - 70px) !important; }
.carousel-caption h3 { font-size: 53px; padding: 5px 0; }
.carousel-caption p { font-size: 31px; line-height: 31px; padding: 5px 0; }
.btn-custom { margin: 10px 0; color: #fff; background-color: transparent !important; border-color: #fff !important; }
.btn-custom:hover { color: #CACFA8; background-color: #fff !important; }
/* Pushy - v1.1.0 - 2017-1-30 - Menu Appearance */
.pushy { position: fixed; width: 200px; height: 100%; top: 0; z-index: 9999; background: #191918; overflow: auto; -webkit-overflow-scrolling: touch; }
.pushy a { display: block; color: #b3b3b1; padding: 15px 30px; text-decoration: none; }
.pushy a:hover { color: #FFF; }
.pushy ul:first-child { margin-top: 10px; }
.pushy.pushy-left { left: 0; }
.pushy.pushy-right { right: 0; }
.pushy-content { visibility: hidden; }
.pushy-left { -webkit-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }
.pushy-open-left #container,
.pushy-open-left .push { -webkit-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }
.pushy-right { -webkit-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }
.pushy-open-right #container,
.pushy-open-right .push { -webkit-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }
.pushy-open-left .pushy,
.pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content { visibility: visible; }
#container,
.pushy,
.push { transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
.pushy-content { transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
.site-overlay { display: none; }
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.5); -webkit-animation: fade 500ms; animation: fade 500ms; }
@keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
.pushy-submenu { }
.pushy-submenu ul { padding-left: 15px; transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.pushy-submenu ul .pushy-link { transition: opacity 0.2s ease-in-out; }
.pushy-submenu button { width: 100%; color: #b3b3b1; padding: 15px 30px; text-align: left; background: transparent; border: 0; }
.pushy-submenu button:hover { color: #FFF; }
.pushy-submenu > a,
.pushy-submenu > button { position: relative; }
.pushy-submenu > a::after,
.pushy-submenu > button::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; right: 15px; background: url("../images/arrow.svg") no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: transform 0.2s; }
.pushy-submenu-closed ul { max-height: 0; overflow: hidden; visibility: hidden; }
.pushy-submenu-closed .pushy-link { opacity: 0; }
.pushy-submenu-open { }
.pushy-submenu-open ul { max-height: 1000px; visibility: visible; }
.pushy-submenu-open .pushy-link { opacity: 1; }
.pushy-submenu-open a::after,
.pushy-submenu-open button::after { -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
.pushy ul { padding: 0 !important; margin: 0 !important; }
.pushy-content ul li, .pushy-content ul li a { display: block !important; }
.pushy-submenu ul ul { display: none; }
.pushy-submenu ul { opacity: 1; position: relative; top: auto; visibility: visible; }
.pushy a { font-size: 14px; font-weight: 400; }
.pushy button { font-size: 15px; font-weight: 700; }
.pushy-submenu ul li a { line-height: 1; }
.pushy-link > ul { display: none !important; }
/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: calc(100% - 150px); margin: auto; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; height: 57px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/* slick theme */
.slick-loading .slick-list { background: #fff url('../images/ajax-loader.gif') center center no-repeat; }
@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg'); }
.slick-prev,
.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25; }
.slick-prev::before, .slick-next::before { font-family: 'slick'; font-size: 30px; line-height: 1; opacity: .75; color: #419FE2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.s lick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }
.slick-next { right: 25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }
/* jQuery Superfish Menu Plugin */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left; }
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-menu { float: left; }
.sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; *width: 12em; margin-left: 0; padding: 15px 0; background-color: #fff; }
.sf-menu a {
border-left: none;
border-top: none;
border-top: none;
padding: 15px;
text-decoration: none;
font-size: 16px;
zoom: 1;
color: #fff;
line-height: 30px;
font-weight: 600;
}
.sf-menu ul a { border-left: none; border-top: none; border-top: none; text-decoration: none; font-size: 15px; zoom: 1; color: rgba(0, 0, 0, 0.7) !important; line-height: 30px; padding: 5px 15px; }
.sf-menu li { background: transparent; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
.sf-menu ul li { background: #fff; }
.sf-menu ul ul li { background: #9AAEDB; }
.sf-menu li:hover,
.sf-menu li.sfHover { -webkit-transition: none; transition: none; }
.sf-menu li a:hover,
.sf-menu li.sfHover a { color: #c9c9c9; }
.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; }
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5); }
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; }
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5); }
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }
/* Unite Gallery 1.7.45 */
.---------Protection-------- {}
.ug-gallery-wrapper,
.ug-gallery-wrapper * {
transition: all !important; -o-transition: all !important; -webkit-transition: all; -moz-transition: all !important; -ms-transition: all !important; max-width:none; }
.ug-gallery-wrapper { z-index:0; }
.ug-item-wrapper img { width:auto; max-width:none; margin:0px; padding:0px; }
.ug-videoplayer-wrapper video { height:100%; width:100%; visibility: visible !important; }
.---------General_Styles-------- {}
.ug-rtl { direction:rtl; }
.ug-gallery-wrapper { overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; }
.ug-error-message { text-align:center; padding-top:30px; padding-bottom:30px; font-size:20px; color:#F30D0D; }
.ug-error-message-wrapper { width:100%; height:100%; border:1px solid black; }
.ug-gallery-wrapper .ug-canvas-pie { position:absolute; z-index:4; }
.ug-gallery-wrapper .ug-progress-bar { position:absolute; overflow:hidden; z-index:4; }
.ug-gallery-wrapper .ug-progress-bar-inner { position:absolute; }
.ug-gallery-wrapper.ug-fullscreen { height: 100% !important; width: 100% !important; max-width:none !important; max-height:none !important; }
.ug-gallery-wrapper.ug-fake-fullscreen { position: fixed !important; height: auto !important; width: auto !important; max-width:none !important; max-height:none !important; margin: 0px !important; padding: 0px !important; top: 0px !important; left: 0px !important; bottom: 0px !important; right: 0px !important; z-index: 999999 !important; }
.ug-body-fullscreen { overflow: hidden !important; height: 100% !important; width: 100% !important; margin:0px !important; padding:0px !important; }
.ug-gallery-wrapper .ug-preloader-trans { display:block; height:35px; width:32px; height:32px; background-image:url('../images/loader_skype_trans.gif'); background-repeat:no-repeat; }
.--------------SLIDER------------------ {}
.ug-gallery-wrapper .ug-slider-wrapper { position:absolute; overflow:hidden; z-index:1; background-color:#000000; }
.ug-slider-wrapper .ug-slide-wrapper { position:absolute; }
.ug-slide-wrapper.ug-slide-clickable { cursor:pointer; }
.ug-slider-wrapper .ug-slider-inner { position:absolute; z-index:0; }
.ug-slider-wrapper .ug-item-wrapper { position:absolute; overflow:hidden; }
.ug-slider-wrapper,
.ug-item-wrapper img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; max-width:none !important; box-sizing:border-box; }
.ug-slider-wrapper .ug-slider-preloader { position:absolute; z-index:1; border:2px solid #ffffff; border-radius:6px; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; }
.ug-slider-preloader.ug-loader1 { width:30px; height:30px; background-image:url('../images/loader-white1.gif'); }
.ug-slider-preloader.ug-loader1.ug-loader-black { background-image:url('../images/loader-black1.gif'); }
.ug-slider-preloader.ug-loader2 { width:32px; height:32px; background-image:url('../images/loader-white2.gif'); }
.ug-slider-preloader.ug-loader2.ug-loader-black { background-image:url('../images/loader-black2.gif'); }
.ug-slider-preloader.ug-loader3 { width:38px; height:38px; background-image:url('../images/loader-white3.gif'); }
.ug-slider-preloader.ug-loader3.ug-loader-black { background-image:url('../images/loader-black3.gif'); }
.ug-slider-preloader.ug-loader4 { width:32px; height:32px; background-image:url('../images/loader-white4.gif'); background-color:white; }
.ug-slider-preloader.ug-loader4.ug-loader-black { background-image:url('../images/loader-black4.gif'); }
.ug-slider-preloader.ug-loader5 { width:60px; height:8px; background-image:url('../images/loader-white5.gif'); background-color:white; border:none; border-radius:0px; }
.ug-slider-preloader.ug-loader5.ug-loader-black { background-image:url('../images/loader-black5.gif'); border:2px solid #000000; }
.ug-slider-preloader.ug-loader6 { width:32px; height:32px; background-image:url('../images/loader-white6.gif'); }
.ug-slider-preloader.ug-loader6.ug-loader-black { background-image:url('../images/loader-black6.gif'); }
.ug-slider-preloader.ug-loader7 { width:32px; height:10px; background-image:url('../images/loader-white7.gif'); border-width:3px; border-radius:3px; }
.ug-slider-preloader.ug-loader7.ug-loader-black { background-image:url('../images/loader-black7.gif'); }
.ug-slider-preloader.ug-loader-black { border-color:#000000; background-color:#000000; }
.ug-slider-preloader.ug-loader-nobg { background-color:transparent; }
.ug-slider-wrapper .ug-button-videoplay { position:absolute; z-index:2; cursor:pointer; }
.ug-slider-wrapper .ug-button-videoplay.ug-type-square { width:86px; height:66px; background-image:url('../images/play-button-square.png'); background-position:0px -66px; }
.ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover { background-position:0px 0px; }
.ug-slider-wrapper .ug-button-videoplay.ug-type-round { width:76px; height:76px; background-image:url('../images/play-button-round.png'); opacity:0.9; filter: alpha(opacity = 90); transition: all 0.3s ease 0s !important; }
.ug-slider-wrapper .ug-button-videoplay.ug-type-round.ug-button-hover { opacity:1; filter: alpha(opacity = 100); transition: all 0.3s ease 0s !important; }
.--------------VIDEO_PLAYER------------------ {}
.ug-gallery-wrapper .ug-videoplayer { position:absolute; z-index:100; background-color:#000000; background-image:url('../images/loader-black1.gif'); background-repeat:no-repeat; background-position:center center; box-sizing:border-box; -moz-box-sizing:border-box; }
.ug-videoplayer .ug-videoplayer-wrapper { width:100%; height:100%; background-color:#000000; background-image:url('../images/loader-black1.gif'); background-repeat:no-repeat; background-position:center center; }
.ug-videoplayer .ug-videoplayer-button-close { position:absolute; height:64px; width:64px; background-image:url('../images/button-close.png'); cursor:pointer; z-index:1000; }
.ug-videoplayer .ug-videoplayer-button-close:hover { background-position: 0px -64px; }
.--------------THUMBS_STRIP------------------ {}
.ug-gallery-wrapper .ug-thumbs-strip,
.ug-gallery-wrapper .ug-thumbs-grid { position:absolute; overflow:hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background-color:green; z-index:10; }
.ug-thumbs-strip.ug-dragging { xcursor: -webkit-grab; xcursor: -moz-grab; }
.ug-gallery-wrapper .ug-thumbs-strip-inner,
.ug-gallery-wrapper .ug-thumbs-grid-inner { position:absolute; }
.ug-thumb-wrapper.ug-thumb-generated { position:absolute; overflow:hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; box-sizing:border-box; -moz-box-sizing:border-box; }
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader,
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error { position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-position:center center; }
.ug-thumb-wrapper .ug-thumb-border-overlay { position:absolute; top:0px; left:0px; z-index:4; box-sizing:border-box; -moz-box-sizing:border-box; border-style:solid; }
.ug-thumb-wrapper .ug-thumb-overlay { position:absolute; top:0px; left:0px; z-index:3; }
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark { background-image:url('../images/loader.gif'); }
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright { background-image:url('../images/loader_bright.gif'); }
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error { background-image:url('../images/not_loaded.png'); }
.ug-thumb-wrapper.ug-thumb-generated img { position:absolute; z-index:1; max-width:none !important; }
.ug-thumb-wrapper.ug-thumb-generated img.ug-thumb-image-overlay { position:absolute; z-index:2; max-width:none !important; }
img.ug-bw-effect { filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); }
img.ug-blur-effect { filter: blur(0.8px); -webkit-filter: blur(0.8px); -moz-filter: blur(0.8px); -o-filter: blur(0.8px); -ms-filter: blur(0.8px); filter: url("data:image/svg+xml;utf8,#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.8'); }
img.ug-sepia-effect { -webkit-filter: sepia(1); -webkit-filter: sepia(100%); -moz-filter: sepia(100%); -ms-filter: sepia(100%); -o-filter: sepia(100%); filter: url("data:image/svg+xml;utf8,#sepia"); filter: sepia(100%); background-color: #5E2612; filter: alpha(opacity = 50); zoom:1; }
.--------------BULLETS------------------ {}
.ug-gallery-wrapper .ug-bullets { position: absolute; top:0px; left:0px; margin:0px; padding:0px; }
.ug-gallery-wrapper .ug-bullets .ug-bullet { background-repeat:no-repeat; cursor:pointer; display:block; float:left; z-index:2; }
.ug-gallery-wrapper .ug-bullets .ug-bullet:first-child { margin-left:0px; }
.--------------TEXT_PANEL------------------ {}
.ug-gallery-wrapper .ug-textpanel { position:absolute; overflow:hidden; }
.ug-slider-wrapper .ug-textpanel { z-index:2; }
.ug-gallery-wrapper .ug-textpanel-bg,
.ug-gallery-wrapper .ug-textpanel-title,
.ug-gallery-wrapper .ug-textpanel-description { display:block; position:absolute; margin:0px; padding:0px; }
.ug-gallery-wrapper .ug-textpanel-bg { background-color:#000000; opacity:0.4; filter: alpha(opacity = 40); z-index:1; }
.ug-textpanel-textwrapper { overflow:hidden; }
.ug-gallery-wrapper .ug-textpanel-title { font-size:16px; font-weight:bold; color:white; text-align:left; z-index:2; }
.ug-gallery-wrapper .ug-textpanel-description { font-size:14px; color:white; text-align:left; z-index:3; }
.--------------ZOOM_PANEL------------------ {}
.ug-slider-wrapper .ug-zoompanel { position:absolute; top:200px; left:100px; }
.ug-zoompanel .ug-zoompanel-button { background-repeat: no-repeat; cursor:pointer; display:block; }
.--------------ZOOM_PANEL_BUTTONS------------------ {}
.ug-gallery-wrapper .ug-arrow-left { position:absolute; background-repeat:no-repeat; display:block; cursor:pointer; }
.ug-gallery-wrapper .ug-arrow-right { position:absolute; background-repeat:no-repeat; cursor:pointer; }
.--------------GRID_PANEL_AND_ARROWS------------------ {}
.ug-gallery-wrapper .ug-grid-panel { position:absolute; background-color: #000000; background-color: blue; z-index:2; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow { position:absolute; background-repeat:no-repeat; cursor:pointer; z-index:11; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow.ug-button-disabled { cursor:default; }
.ug-gallery-wrapper .ug-panel-handle-tip { position:absolute; z-index:13; cursor:pointer; }
.ug-gallery-wrapper .ug-overlay-disabled { position:absolute; z-index:100; width:100%; height:100%; background-color:#000000; opacity: 0.3; filter: alpha(opacity=30); background-image:url('../images/cover-grid.png'); }
.--------------STRIP_PANEL------------------ {}
.ug-gallery-wrapper .ug-strip-panel { position:absolute; background-color:#000000; z-index:2; }
.ug-strip-panel .ug-strip-arrow { position:absolute; cursor:pointer; }
.ug-strip-panel .ug-strip-arrow.ug-button-disabled { cursor:default; }
.ug-strip-panel .ug-strip-arrow-tip { position:absolute; }
.--------------TILES------------------ {}
.ug-thumb-wrapper.ug-tile { display:block; position:absolute; box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; padding:0px; margin:0px; }
.ug-tile .ug-tile-cloneswrapper { position:absolute; width:0px; height:0px; top:0px; left:0px; overflow:hidden; opacity:0; filter: alpha(opacity = 90); }
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile,
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile .ug-trans-enabled { transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s !important; }
.ug-thumb-wrapper.ug-tile.ug-tile-clickable { cursor: pointer; }
.ug-thumb-wrapper.ug-tile .ug-image-container { position:absolute; overflow:hidden; z-index:1; top:0px; left:0px; }
.ug-thumb-wrapper.ug-tile img.ug-thumb-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; max-width:none !important; max-height:none !important; display:block; border:none; padding:0px !important; margin:0px !important; width:auto; height:auto; position:absolute; }
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay { position:absolute; overflow:hidden; z-index:2; top:0px; left:0px; }
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img { width:100%; max-width:none !important; }
.ug-tiletype-justified .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img { height:100%; max-width:none !important; }
.ug-thumb-wrapper.ug-tile .ug-tile-icon { position:absolute; width:38px; height:38px; background-repeat:no-repeat; background-position:0 0; background-color:green; z-index:6; top:1px; left:1px; cursor:pointer; }
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link { background-image:url('../images/icon-link32.png'); }
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom { background-image:url('../images/icon-zoom32.png'); }
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play { background-image:url('../images/icon-play32.png');}
.ug-thumb-wrapper.ug-tile .ug-tile-icon:hover { background-position:0 -38px; }
.ug-thumbs-grid .ug-tile-image-overlay img { width:auto; height:auto; position:absolute; max-width:none !important; }
.ug-tile .ug-textpanel { z-index: 5; cursor:default; }
.ug-tile.ug-tile-clickable .ug-textpanel { cursor:pointer; }
.ug-tile .ug-textpanel-title { font-size:14px; font-weight:bold; }
.--------------CAROUSEL------------------ {}
.ug-gallery-wrapper .ug-carousel-wrapper { position:absolute; overflow:hidden; }
.ug-gallery-wrapper .ug-carousel-inner { position:absolute; }
.------------------LIGHTBOX--------------------- {}
.ug-gallery-wrapper.ug-lightbox { display: none; position: fixed; border: none; padding:0px; margin:0px; outline: invert none medium; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; max-width:none !important; max-height:none !important; z-index: 999999; }
.ug-lightbox .ug-lightbox-top-panel { position:absolute; z-index:2; }
.ug-lightbox .ug-lightbox-top-panel-overlay { width:100%; height:100%; position:absolute; background-color:#000000; opacity:0.4; filter: alpha(opacity=40); }
.ug-lightbox .ug-lightbox-overlay { z-index:1; width:100%; height:100%; background-color:#000000; opacity:1; }
.ug-lightbox .ug-slider-wrapper { z-index:1; background-color:green; background-color:transparent !important; }
.ug-lightbox .ug-textpanel { z-index: 2; }
.ug-lightbox .ug-lightbox-arrow-left,
.ug-lightbox .ug-lightbox-arrow-right { position:absolute; width:50px; height:55px; background-repeat:no-repeat; background-image:url('../images/lightbox-arrow-left.png'); background-position:0px 0px; z-index:3; cursor:pointer; }
.ug-lightbox .ug-lightbox-arrow-right { background-image:url('../images/lightbox-arrow-right.png'); }
.ug-lightbox .ug-lightbox-button-close { position:absolute; width:36px; height:36px; background-repeat:no-repeat; background-image:url('../images/lightbox-icon-close.png'); background-position:0px 0px; z-index:4; cursor:pointer; }
.ug-lightbox-compact .ug-lightbox-button-close { width:45px; height:41px; background-image:url('../images/lightbox-icon-close-compact2.png'); }
.ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover,
.ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover { background-position:0px -55px; }
.ug-lightbox .ug-lightbox-button-close.ug-button-hover { background-position:0px -35px; }
.ug-lightbox-compact .ug-lightbox-button-close.ug-button-hover { background-position:0px -40px; }
.ug-lightbox .ug-lightbox-numbers { position:absolute; color:#e5e5e5; font-size:12px; top:14px; left:8px; z-index:3; }
.ug-lightbox-compact .ug-lightbox-numbers { font-size: 14px; padding-right:5px; padding-top:7px; }
.ug-lightbox .ug-textpanel-title,
.ug-lightbox .ug-textpanel-description { font-size: 14px; font-weight: normal; color: #e5e5e5; }
.ug-lightbox-compact .ug-textpanel-title,
.ug-lightbox-compact .ug-textpanel-description { color:#F3F3F3; font-size: 16px; }
.------------------LOADMORE_BUTTON--------------------- {}
.ug-loadmore-wrapper { margin-top:20px; text-align:center; }
.ug-loadmore-wrapper .ug-loadmore-button { display:inline-block; padding:5px; border:1px solid #939393; text-decoration:none; color: #4F4F4F; }
.ug-loadmore-wrapper .ug-loadmore-error { color:red; }
.ug-loadmore-wrapper .ug-loadmore-button:hover { background-color:#F0F0F0; color:#515151; }
.ug-loadmore-wrapper .ug-loadmore-loader { color: #515151; }
.------------------CATEGORY_TABS--------------------- {}
.ug-tabs-wrapper { margin-top:0px; margin-bottom:20px; text-align:center; }
.ug-tabs-wrapper a.ug-tab { display: inline-block; cursor:pointer; text-decoration:none; color:#ffffff; padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px; margin-left:5px; background-color:#333333; border-radius:3px; font-size:12px; font-weight:normal; border: 1px solid #969696; }
.ug-tabs-wrapper a.ug-tab:hover { background-color: #707070 !important; }
.ug-tabs-wrapper a.ug-tab.ug-tab-selected,
.ug-tabs-wrapper a.ug-tab.ug-tab-selected:hover { background-color: #2077A2 !important; cursor:default !important; }
.ug-tabs-wrapper a.ug-tab:first-child { margin-left:0px !important; }
.------------------DEFAULT_SKIN--------------------- {}
.ug-arrow-left.ug-skin-default,
.ug-arrow-right.ug-skin-default { width:15px; height:30px; background-image:url('skins/default/slider_arrow_left.png'); background-position:0px 0px; }
.ug-arrow-right.ug-skin-default { background-image:url('skins/default/slider_arrow_right.png'); }
.ug-arrow-left.ug-skin-default.ug-arrow-hover,
.ug-arrow-right.ug-skin-default.ug-arrow-hover { background-position:0px -30px; }
.ug-arrow-left.ug-skin-default.ug-arrow-disabled,
.ug-arrow-right.ug-skin-default.ug-arrow-disabled { background-position:0px -60px; }
.ug-bullets.ug-skin-default .ug-bullet { width:15px; height:15px; background-image:url('skins/default/slider_bullets.png'); background-position:top left; margin-left:5px; }
.ug-bullets.ug-skin-default .ug-bullet.ug-bullet-active { background-position:bottom left; }
.ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet { background-image:url('skins/default/tile_bullets_gray.png'); }
.ug-bullets.ug-skin-default.ug-bullets-blue .ug-bullet { background-image:url('skins/default/tile_bullets_blue.png'); }
.ug-bullets.ug-skin-default.ug-bullets-brown .ug-bullet { background-image:url('skins/default/tile_bullets_brown.png'); }
.ug-bullets.ug-skin-default.ug-bullets-green .ug-bullet { background-image:url('skins/default/tile_bullets_green.png'); }
.ug-bullets.ug-skin-default.ug-bullets-red .ug-bullet { background-image:url('skins/default/tile_bullets_red.png'); }
.ug-button-tile-navigation { width:36px; height:36px; background-position:top left; cursor:pointer; float:left; }
.ug-button-tile-navigation.ug-button-tile-left { background-image:url('skins/default/tile_button_left.png'); }
.ug-button-tile-navigation.ug-button-tile-right { background-image:url('skins/default/tile_button_right.png'); }
.ug-button-tile-navigation:hover { background-position:bottom left; }
.ug-button-tile-navigation.ug-button-disabled { opacity:0.6; }
.ug-button-tile-navigation.ug-button-disabled:hover { background-position:top left; }
.ug-button-tile-navigation.ug-button-tile-play { background-image:url('skins/default/tile_button_play_pause.png'); width:35px; }
.ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon { background-position:bottom left; }
.ug-button-tile-navigation.ug-button-tile-play:hover { background-position:top left; }
.ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon:hover { background-position:bottom left; }
.ug-button-play.ug-skin-default { position:absolute; background-image:url('skins/default/button_playpause.png'); width:14px; height:17px; cursor:pointer; background-position:0px 0px; }
.ug-button-play.ug-skin-default.ug-button-hover { background-position:0px -17px; }
.ug-button-play.ug-skin-default.ug-stop-mode { background-position:0px -34px; }
.ug-button-play.ug-skin-default.ug-stop-mode.ug-button-hover { background-position:0px -51px; }
.ug-button-fullscreen.ug-skin-default { position:absolute; background-image:url('skins/default/button_fullscreen.png'); width:16px; height:16px; cursor:pointer; background-position:0px 0px; }
.ug-button-fullscreen.ug-skin-default.ug-button-hover { background-position:0px -16px; }
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode { background-position:0px -32px; }
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover { background-position:0px -48px; }
.ug-zoompanel.ug-skin-default .ug-zoompanel-button { background-repeat: no-repeat; cursor:pointer; height: 23px; width: 23px; margin-top:5px; background-position: 0px 0px; }
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus { margin-top:0px; }
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus { background-image:url('skins/default/icon_zoom_plus.png'); }
.ug-zoompanel.ug-skin-default .ug-zoompanel-minus { background-image:url('skins/default/icon_zoom_minus.png'); }
.ug-zoompanel.ug-skin-default .ug-zoompanel-return { background-image:url('skins/default/icon_zoom_back.png'); }
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover { background-position: 0px -23px; }
.ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled,
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled { background-position: 0px -46px; cursor:default; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default { width:30px; height:15px; background-position:0px 0px; background-image:url('skins/default/arrow_grid_down.png'); }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover { background-position:0px -15px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-disabled { background-position:0px -30px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default { width:30px; height:15px; background-position:0px 0px; background-image:url('skins/default/arrow_grid_up.png'); }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover { background-position:0px -15px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-disabled { background-position:0px -30px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default { width:40px; height:40px; background-position:0px -40px; background-image:url('skins/default/grid_arrow_left.png'); }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover { background-position:0px -0px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-disabled { background-position:0px -80px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default { width:40px; height:40px; background-position:0px -40px; background-image:url('skins/default/grid_arrow_right.png'); }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover { background-position:0px -0px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-disabled { background-position:0px -80px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default { width:15px; height:30px; background-image:url('skins/default/slider_arrow_left.png'); background-position:0px 0px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover { background-position:0px -30px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-disabled { background-position:0px -60px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default { width:15px; height:30px; background-image:url('skins/default/slider_arrow_right.png'); background-position:0px 0px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover { background-position:0px -30px; }
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-disabled { background-position:0px -60px; }
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default { width:25px; height:50px; }
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip { background-position:0px 0px; background-repeat:no-repeat; width:4px; height:7px; }
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip { background-image:url('skins/default/arrows_strip_left.png'); }
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip { background-image:url('skins/default/arrows_strip_right.png'); }
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default.ug-button-hover .ug-strip-arrow-tip { background-position:0px -7px; }
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default { height:25px; width:50px; }
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip { background-position:0px 0px; background-repeat:no-repeat; width:7px; height:4px; }
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip { background-image:url('skins/default/arrows_strip_up.png'); }
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip { background-image:url('skins/default/arrows_strip_down.png'); }
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default.ug-button-hover .ug-strip-arrow-tip { background-position:-7px 0px; }
.ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip { background-position:0px 0px; opacity:0.5; filter: alpha(opacity = 50); }
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default { width: 22px; height: 36px; background-image:url('skins/default/grid_handle_black_left.png'); background-repeat:no-repeat; background-position:0px -36px; }
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default { background-image:url('skins/default/grid_handle_black_right.png'); background-position:0px -36px; }
.ug-gallery-wrapper .ug-handle-tip-left.ug-button-hover.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-button-hover.ug-skin-default { background-position:0px -0px; }
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed { background-position:0px -108px; }
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed.ug-button-hover { background-position:0px -72px; }
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default { width:36px; height:22px; background-image:url('skins/default/grid_handle_black_top.png'); background-repeat:no-repeat; background-position:-36px 0px; }
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default { background-image:url('skins/default/grid_handle_black_bottom.png'); background-position:-36px 0px; }
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover { background-position:0px 0px; }
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed { background-position:-108px 0px; }
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed.ug-button-hover { background-position:-72px 0px; }
/* Animate 3.5.2 */
/* Animate 3.5.2 http://daneden.me/animate */
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut { animation-duration: .75s; }
@keyframes bounce {
from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); }
70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); }
90% { transform: translate3d(0,-4px,0); }
}
.bounce { animation-name: bounce; transform-origin: center bottom; }
@keyframes flash {
from, 50%, to { opacity: 1; }
25%, 75% { opacity: 0; }
}
.flash { animation-name: flash; }
@keyframes pulse {
from { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
to { transform: scale3d(1, 1, 1); }
}
.pulse { animation-name: pulse; }
@keyframes rubberBand {
from { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(.95, 1.05, 1); }
75% { transform: scale3d(1.05, .95, 1); }
to { transform: scale3d(1, 1, 1); }
}
.rubberBand { animation-name: rubberBand; }
@keyframes shake {
from, to { transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); }
}
.shake { animation-name: shake; }
@keyframes headShake {
0% { transform: translateX(0); }
6.5% { transform: translateX(-6px) rotateY(-9deg); }
18.5% { transform: translateX(5px) rotateY(7deg); }
31.5% { transform: translateX(-3px) rotateY(-5deg); }
43.5% { transform: translateX(2px) rotateY(3deg); }
50% { transform: translateX(0); }
}
.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }
@keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
to { transform: rotate3d(0, 0, 1, 0deg); }
}
.swing { transform-origin: top center; animation-name: swing; }
@keyframes tada {
from { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to { transform: scale3d(1, 1, 1); }
}
.tada { animation-name: tada; }
@keyframes wobble {
from { transform: none; }
15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to { transform: none; }
}
.wobble { animation-name: wobble; }
@keyframes jello {
from, 11.1%, to { transform: none; }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
}
.jello { animation-name: jello; transform-origin: center; }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% { opacity: 0; transform: scale3d(.3, .3, .3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(.9, .9, .9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(.97, .97, .97); }
to { opacity: 1; transform: scale3d(1, 1, 1); }
}
.bounceIn { animation-name: bounceIn; }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
60% { opacity: 1; transform: translate3d(0, 25px, 0); }
75% { transform: translate3d(0, -10px, 0); }
90% { transform: translate3d(0, 5px, 0); }
to { transform: none; }
}
.bounceInDown { animation-name: bounceInDown; }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
60% { opacity: 1; transform: translate3d(25px, 0, 0); }
75% { transform: translate3d(-10px, 0, 0); }
90% { transform: translate3d(5px, 0, 0); }
to { transform: none; }
}
.bounceInLeft { animation-name: bounceInLeft; }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
from { opacity: 0; transform: translate3d(3000px, 0, 0); }
60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
75% { transform: translate3d(10px, 0, 0); }
90% { transform: translate3d(-5px, 0, 0); }
to { transform: none; }
}
.bounceInRight { animation-name: bounceInRight; }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
from { opacity: 0; transform: translate3d(0, 3000px, 0); }
60% { opacity: 1; transform: translate3d(0, -20px, 0); }
75% { transform: translate3d(0, 10px, 0); }
90% { transform: translate3d(0, -5px, 0); }
to { transform: translate3d(0, 0, 0); }
}
.bounceInUp { animation-name: bounceInUp; }
@keyframes bounceOut {
20% { transform: scale3d(.9, .9, .9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
to { opacity: 0; transform: scale3d(.3, .3, .3); }
}
.bounceOut { animation-name: bounceOut; }
@keyframes bounceOutDown {
20% { transform: translate3d(0, 10px, 0); }
40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); }
to { opacity: 0; transform: translate3d(0, 2000px, 0); }
}
.bounceOutDown { animation-name: bounceOutDown; }
@keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0, 0); }
to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
}
.bounceOutLeft { animation-name: bounceOutLeft; }
@keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0, 0); }
to { opacity: 0; transform: translate3d(2000px, 0, 0); }
}
.bounceOutRight { animation-name: bounceOutRight; }
@keyframes bounceOutUp {
20% { transform: translate3d(0, -10px, 0); }
40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); }
to { opacity: 0; transform: translate3d(0, -2000px, 0); }
}
.bounceOutUp { animation-name: bounceOutUp; }
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@keyframes fadeInDown {
from { opacity: 0; transform: translate3d(0, -100%, 0); }
to { opacity: 1; transform: none; }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInDownBig {
from { opacity: 0; transform: translate3d(0, -2000px, 0); }
to { opacity: 1; transform: none; }
}
.fadeInDownBig { animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
from { opacity: 0; transform: translate3d(-100%, 0, 0); }
to { opacity: 1; transform: none; }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
to { opacity: 1; transform: none; }
}
.fadeInLeftBig { animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
from { opacity: 0; transform: translate3d(100%, 0, 0); }
to { opacity: 1; transform: none; }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInRightBig {
from { opacity: 0; transform: translate3d(2000px, 0, 0); }
to { opacity: 1; transform: none; }
}
.fadeInRightBig { animation-name: fadeInRightBig; }
@keyframes fadeInUp {
from { opacity: 0; transform: translate3d(0, 100%, 0); }
to { opacity: 1; transform: none; }
}
.fadeInUp { animation-name: fadeInUp; }
@keyframes fadeInUpBig {
from { opacity: 0; transform: translate3d(0, 2000px, 0); }
to { opacity: 1; transform: none; }
}
.fadeInUpBig { animation-name: fadeInUpBig; }
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
.fadeOut { animation-name: fadeOut; }
@keyframes fadeOutDown {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(0, 100%, 0); }
}
.fadeOutDown { animation-name: fadeOutDown; }
@keyframes fadeOutDownBig {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(0, 2000px, 0); }
}
.fadeOutDownBig { animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(-100%, 0, 0); }
}
.fadeOutLeft { animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
}
.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(100%, 0, 0); }
}
.fadeOutRight { animation-name: fadeOutRight; }
@keyframes fadeOutRightBig {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(2000px, 0, 0); }
}
.fadeOutRightBig { animation-name: fadeOutRightBig; }
@keyframes fadeOutUp {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(0, -100%, 0); }
}
.fadeOutUp { animation-name: fadeOutUp; }
@keyframes fadeOutUpBig {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(0, -2000px, 0); }
}
.fadeOutUpBig { animation-name: fadeOutUpBig; }
@keyframes flip {
from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; }
to { transform: perspective(400px); animation-timing-function: ease-in; }
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }
@keyframes flipInX {
from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to { transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; }
@keyframes flipInY {
from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to { transform: perspective(400px); }
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; }
@keyframes flipOutX {
from { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
@keyframes flipOutY {
from { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; }
@keyframes lightSpeedIn {
from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); opacity: 1; }
to { transform: none; opacity: 1; }
}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
@keyframes lightSpeedOut {
from { opacity: 1; }
to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
@keyframes rotateIn {
from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
to { transform-origin: center; transform: none; opacity: 1; }
}
.rotateIn { animation-name: rotateIn; }
@keyframes rotateInDownLeft {
from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
to { transform-origin: left bottom; transform: none; opacity: 1; }
}
.rotateInDownLeft { animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight {
from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
to { transform-origin: right bottom; transform: none; opacity: 1; }
}
.rotateInDownRight { animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft {
from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
to { transform-origin: left bottom; transform: none; opacity: 1; }
}
.rotateInUpLeft { animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight {
from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
to { transform-origin: right bottom; transform: none; opacity: 1; }
}
.rotateInUpRight { animation-name: rotateInUpRight; }
@keyframes rotateOut {
from { transform-origin: center; opacity: 1; }
to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
.rotateOut { animation-name: rotateOut; }
@keyframes rotateOutDownLeft {
from { transform-origin: left bottom; opacity: 1; }
to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight {
from { transform-origin: right bottom; opacity: 1; }
to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.rotateOutDownRight { animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft {
from { transform-origin: left bottom; opacity: 1; }
to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight {
from { transform-origin: right bottom; opacity: 1; }
to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
.rotateOutUpRight { animation-name: rotateOutUpRight; }
@keyframes hinge {
0% { transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; }
to { transform: translate3d(0, 700px, 0); opacity: 0; }
}
.hinge { animation-name: hinge; }
@keyframes jackInTheBox {
from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
50% { transform: rotate(-10deg); }
70% { transform: rotate(3deg); }
to { opacity: 1; transform: scale(1); }
}
.jackInTheBox { animation-name: jackInTheBox; }
@keyframes rollIn {
from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to { opacity: 1; transform: none; }
}
.rollIn { animation-name: rollIn; }
@keyframes rollOut {
from { opacity: 1; }
to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}
.rollOut { animation-name: rollOut; }
@keyframes zoomIn {
from { opacity: 0; transform: scale3d(.3, .3, .3); }
50% { opacity: 1; }
}
.zoomIn { animation-name: zoomIn; }
@keyframes zoomInDown {
from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
.zoomInDown { animation-name: zoomInDown; }
@keyframes zoomInLeft {
from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
.zoomInLeft { animation-name: zoomInLeft; }
@keyframes zoomInRight {
from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
.zoomInRight { animation-name: zoomInRight; }
@keyframes zoomInUp {
from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
.zoomInUp { animation-name: zoomInUp; }
@keyframes zoomOut {
from { opacity: 1; }
50% { opacity: 0; transform: scale3d(.3, .3, .3); }
to { opacity: 0; }
}
.zoomOut { animation-name: zoomOut; }
@keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
.zoomOutDown { animation-name: zoomOutDown; }
@keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }
to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; }
}
.zoomOutLeft { animation-name: zoomOutLeft; }
@keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }
to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; }
}
.zoomOutRight { animation-name: zoomOutRight; }
@keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}
.zoomOutUp { animation-name: zoomOutUp; }
@keyframes slideInDown {
from { transform: translate3d(0, -100%, 0); visibility: visible; }
to { transform: translate3d(0, 0, 0); }
}
.slideInDown { animation-name: slideInDown; }
@keyframes slideInLeft {
from { transform: translate3d(-100%, 0, 0); visibility: visible; }
to { transform: translate3d(0, 0, 0); }
}
.slideInLeft { animation-name: slideInLeft; }
@keyframes slideInRight {
from { transform: translate3d(100%, 0, 0); visibility: visible; }
to { transform: translate3d(0, 0, 0); }
}
.slideInRight { animation-name: slideInRight; }
@keyframes slideInUp {
from { transform: translate3d(0, 100%, 0); visibility: visible; }
to { transform: translate3d(0, 0, 0); }
}
.slideInUp { animation-name: slideInUp; }
@keyframes slideOutDown {
from { transform: translate3d(0, 0, 0); }
to { visibility: hidden; transform: translate3d(0, 100%, 0); }
}
.slideOutDown { animation-name: slideOutDown; }
@keyframes slideOutLeft {
from { transform: translate3d(0, 0, 0); }
to { visibility: hidden; transform: translate3d(-100%, 0, 0); }
}
.slideOutLeft { animation-name: slideOutLeft; }
@keyframes slideOutRight {
from { transform: translate3d(0, 0, 0); }
to { visibility: hidden; transform: translate3d(100%, 0, 0); }
}
.slideOutRight { animation-name: slideOutRight; }
@keyframes slideOutUp {
from { transform: translate3d(0, 0, 0); }
to { visibility: hidden; transform: translate3d(0, -100%, 0); }
}
.slideOutUp { animation-name: slideOutUp; }
.cookieinfo { display: flex; }
.cookieinfo-close div { position: absolute; left: 0; right: 0; color: rgba(0, 0, 0, 0.9); text-align: center; width: 100%; top: -100%; bottom: -100%; margin: auto; height: 100%; }
.cookieinfo-close div span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 5px 8px; min-width: 100px; border-radius: 5px; cursor: pointer; color: rgb(132, 137, 141); background: rgb(255, 255, 0) none repeat scroll 0% 0%; text-align: center; }
.cookieinfo span { color: #fff; float: left; width: calc(100% - 150px); }
.cookieinfo-close + div {
color: #fff;
}