/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - VIDEO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.video-click { position: relative; float: left; width: 100%; }

.det-img .video-click { padding-top: 0px; }

.video-click.vsplay { padding-top: 0px; }

.video-click a { display: block; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.video { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;  }

.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video .close { width: 16px; height: 16px; position: absolute; top: 20px; right: 53px; z-index: 5; }

.play { position: relative; float: none; display: block; width: 70px; height: 70px; margin: 0 auto 40px; cursor: pointer; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }

.play:hover { -o-transform: scale(1.05); transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); }

.close-v { position: absolute; left: 20px; top: 8px; cursor: pointer; }

/*.video img { width: 20px; height: 20px; }*/

.video-title { position: absolute; bottom: 15px; text-align: center; left: 0px; width: 100%; }

.video-click.style-2 img { margin-bottom: 0px; }

.video-click.style-2 .video-title { bottom: 50%; margin-bottom: -35px; }

.video-click.style-2 .play { margin: 0 auto 0px; }

.video-click.style-2 iframe { height: 100% !important; }

.video-open {position: relative; text-align: center;}
.item-block .video-open img {width: 70px; height: 70px; cursor: pointer; margin: 0px auto; display: block; position: relative;}
.video-player{-moz-transition:all 1000ms ease-out; -o-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out;}
.video-player{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); z-index: 1000; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); visibility: hidden;}
.video-player.active{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); visibility: visible;}
.video-iframe{position: absolute; left: 50px; top: 50px; right: 50px; bottom: 50px;}
.video-iframe iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video-player .close-iframe{color: #FF9700; font-family: 'bold', sans-serif, Arial; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; left: auto; cursor: pointer; text-align: center;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - SWIPER SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; height: auto; }

.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -webkit-transition-property: -webkit-transform, left, top; -moz-transition-property: -moz-transform, left, top; -o-transition-property: -o-transform, left, top; transition-property: transform, left, top; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -moz-box-sizing: content-box; box-sizing: content-box; cursor: url(/Images/StaticContent/drag.png) 16 9, ew-resize !important; margin: 0 auto; height: inherit !important; float: left; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; height: inherit !important; position: relative; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

.pagination-hidden.pagination { display: none; }

.swiper-arrow-left, .swiper-arrow-right { cursor: pointer; -webkit-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155); -moz-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155); -o-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155); transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155); text-align: center; z-index: 5; width: 40px; height: 40px; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.arrow-wrapp { position: absolute; left: 0px; top: 50%; width: 100%; margin: 0 auto; }

.cont-1170 { float: none; width: 100%; margin: 0 auto; display: block; position: relative; max-width: 1170px; }

.sw-arrow { border: 2px solid rgba(255, 255, 255, 0.2); background: none; }

.sw-arrow span { font-size: 16px; color: #fff; line-height: 10px; padding-top: 12px; }

.swiper-arrow-left { left: 15px; }

.swiper-arrow-right { right: 15px; }

.m-200 .swiper-arrow-left { margin-top: -200px; }

.m-200 .swiper-arrow-right { margin-top: -200px; }

.offers-arrow { background: #eaeaea; border: 5px solid #fff; }

.offers-arrow span { font-size: 16px; color: #fff; line-height: 10px; padding-top: 9px; color: #fff; }

.offers-arrow.swiper-arrow-left { left: -7px; }

.offers-arrow.swiper-arrow-right { right: -7px; }

.offers-arrow:hover { background: #ff6600; border: 5px solid #ff6600; }
.offers-arrow:hover span {color: #222;}
.offers-arrow.color-2 { background: #23b0e8; }

.offers-arrow.color-2:hover { background: #23b0e8; border-color: #23b0e8; }

.offers-arrow.color-3 { background: #022c54; }

.offers-arrow.color-3:hover { background: #022c54; border-color: #022c54; }

.offers-arrow.color-3 { background: #66bb6a; }

.offers-arrow.color-3:hover { background: #66bb6a; border-color: #66bb6a; }

.offers-arrow.color-4 { background: #f8f8f8; }

.offers-arrow.color-4 span { color: #222222; }

.offers-arrow.color-4:hover { background: #d73240; border-color: #d73240; }

.offers-arrow.color-4:hover span { color: #fff; }

.arr-s-1 .sw-arrow:hover span { color: #ff6600; }

.arr-s-1 .sw-arrow:hover { border: 2px solid #ff6600; }

.arr-s-2 .sw-arrow:hover span { color: #66BB6A; }

.arr-s-2 .sw-arrow:hover { border: 2px solid #66BB6A; }

.arr-s-3 .sw-arrow:hover span { color: #23b0e8; }

.arr-s-3 .sw-arrow:hover { border: 2px solid #23b0e8; }

.arr-s-4 .sw-arrow:hover span { color: #fff; }

.arr-s-4 .sw-arrow:hover { border: 2px solid #00e5ff; }

.arr-s-5 .sw-arrow:hover span { color: #1593d0; }

.arr-s-5 .sw-arrow:hover { border: 2px solid #1593d0; }

.arr-s-6 .sw-arrow:hover span { color: #022C54; }

.arr-s-6 .sw-arrow:hover { border: 2px solid #022C54; background: transparent; }

.arr-s-7 .sw-arrow:hover span { color: #fff; }

.arr-s-7 .sw-arrow:hover { border: 2px solid #fff; background: transparent; }

.arr-t-2 { top: 0%; }

.arr-t-2 .sw-arrow { background: rgba(0, 0, 0, 0.3); border: none; }

.arr-t-2 .swiper-arrow-left { left: 0; top: 0%; bottom: 0%; width: 30px; height: auto; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.arr-t-2 .swiper-arrow-left span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0; }

.arr-t-2 .swiper-arrow-right { right: 0; top: 0%; bottom: 0%; width: 30px; height: auto; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.arr-t-2 .swiper-arrow-right span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0; }

.arr-t-2 .swiper-arrow-left:hover, .arr-t-2 .swiper-arrow-right:hover { background: rgba(0, 0, 0, 0.5); }

.arr-t-3 { top: 0%; }

.arr-t-3 .sw-arrow { border: none; }

.arr-t-3 .swiper-arrow-left { left: 0; top: 0%; bottom: 0%; width: 30px; height: auto; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.arr-t-3 .swiper-arrow-left span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0; }

.arr-t-3 .swiper-arrow-right { right: 0; top: 0%; bottom: 0%; width: 30px; height: auto; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.arr-t-3 .swiper-arrow-right span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0; }

.arr-t-3 .swiper-arrow-left:hover, .arr-t-3 .swiper-arrow-right:hover { background: rgba(0, 0, 0, 0.5); }

.pagination { position: absolute; width: 100%; text-align: center; left: 0px; margin: 0px; }

.poin-style-1 { bottom: 40px; }

.poin-style-1 .swiper-pagination-switch { position: relative; display: inline-block; width: 10px; height: 10px; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6); margin: 0px 7px; cursor: pointer; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }

.poin-style-1 .swiper-pagination-switch.swiper-active-switch { -o-transform: scale(1.4); transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); border: 2px solid #fff; }

.poin-style-2 { position: relative; margin-top: 25px; }

.poin-style-2 .swiper-pagination-switch { position: relative; display: inline-block; width: 10px; height: 10px; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(185, 185, 185, 0.4); margin: 0px 7px; cursor: pointer; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }

.poin-style-2 .swiper-pagination-switch.swiper-active-switch { -o-transform: scale(1.4); transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); border: 2px solid #fff; border: 1px solid #b9b9b9; }

.pagination.vertical { position: absolute; top: 50%; left: 50%; bottom: auto; width: 10px; margin-left: -570px; text-align: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.pagination-left { margin-left: -472px; left: 50%; text-align: left; width: 100%; }

.pagination-left-2 { margin-left: -570px; left: 50%; text-align: left; width: 100%; }