
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/


	
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }

.bg img { position: absolute; top: 0px; width: 100%; height: 100%; }

.bg video { position: absolute; }

.bg-bg { background-position: 50% 0px; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; }

.bg-bg-bag { background-attachment: scroll; -moz-background-origin: initial; background-origin: initial; -moz-background-clip: initial; background-clip: initial; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; }

.bg-bg-chrome { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; }

.bg-bg-chrome.act { position: absolute; }

.clip { clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%; }

.background-block { -moz-background-size: cover; background-size: cover; background-position: center center; }

body.background-block { background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -moz-background-size: cover; background-size: cover; }

.img-full { display: block; width: 100%; }

.full-width { position: relative; float: left; width: 100%; }

.full-height { height: 100vh; position: relative; float: left; width: 100%; }



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - TEXT STYLE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body { font-family: 'Open Sans', sans-serif; position: relative;}
h1 { font-size: 60px; font-weight: 700; line-height: 70px; text-transform: uppercase; letter-spacing: 10px; }
h2 { font-size: 32px; line-height: 32px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; }
h3 { font-size: 22px; line-height: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; margin-bottom:0px !important; }
h4 { font-size: 16px; line-height: 22px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
h5 { font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: 1px; }
h6 { font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
p { font-size: 14px; line-height: 26px; font-weight: 400;}

.tt { text-transform: uppercase; }
.bg-white { background: #fff; }
.bg-black-o { background: rgba(0, 0, 0, 0.2); }
.bg-dark { background: #1b1b1b; }
.bg-dark-2 { background: #343434; }
.bg-black { background: #141414; }
.bg-aqua { background: #ff6600; }
.bg-orange { background: #ff6600; }
.bg-dr-blue { background: #2d3e50; }
.bg-blue { background: #23b0e8; }
.bg-blue-light { background: rgba(35, 176, 232, 0.6); }
.bg-blue-2 { background: #1593d0; }
.bg-blue-3 { background: #206ab0; }
.bg-blue-7 { background: #1e4389; }
.bg-blue-8 { background: #28a9e2; }
.bg-dr-blue-2 { background: #022c54; }
.bg-bluejeans { background: #5d9cec; }
.bg-sea { background: #00e5ff; }
.bg-green { background: #66bb6a; }
.bg-grey-2 { background: #f8f8f8; }
.bg-grey-3 { background: #bebebe; }
.bg-grey-6 { background: #f1f1f1; }
.bg-red { background: #ef4836; }
.bg-red-3 { background: #d73240; }
.bg-dark-blue {background: #022c54;}
.color-white { color: #fff; }
.color-white-op { color: rgba(255, 255, 255, 0.6); }
.color-dark { color: #000; }
.color-dark-2 { color: #222; }
.color-dark-2-light { color: rgba(34, 34, 34, 0.6); }
.color-grey { color: #b9b9b9; }
.color-grey-2 { background: #f8f8f8; }
.color-grey-3 { color: #bebebe; }
.color-grey-4 { color: #cdcdcd; }
.color-grey-5 { color: #a4a4a4; }
.color-grey-6 { color: #f1f1f1; }
.color-grey-7 { color: #777777; }
.color-grey-8 { color: #999999; }

.color-grey-9 { color: #bfbfbf; }

.color-yellow { color: #ffde00; }

.color-aqua { color: #ff6600; }

.color-orange { color: #ff6600; }

.color-blue { color: #23b0e8; }

.color-blue-2 { color: #1593d0; }

.color-blue-3 { color: #206ab0; }

.color-blue-4 { color: #bde9ff; }

.color-blue-5 { color: #a2b5c2; }

.color-blue-6 { color: #28a9e2; }

.color-blue-7 { color: #1e4389; }

.color-blue-8 { color: #28a9e2; }

.color-dr-blue-2 { color: #022c54; }

.color-sea { color: #00e5ff; }

.color-white-light { color: rgba(255, 255, 255, 0.6); }

.color-green { color: #66bb6a; }

.color-dark-green { color: #002222; }

.color-red { color: #ef4836; }

.color-red-2 { color: #ff1515; }

.color-red-3 { color: #d73240; }

.color-pink { color: #ffc0c5; }

.link-dark-2:hover { color: #222; }

.link-white:hover { color: #fff; }

.link-blue:hover { color: #23B0E8; }

.link-blue-2:hover { color: #1593d0; }

.link-dr-blue:hover { color: #2d3e50; }

.link-dr-blue-2:hover { color: #022C54; }

.link-aqua:hover { color: #ff6600; }

.link-red:hover { color: #ef4836; }

.link-red-3:hover { color: #d73240; }

.link-green:hover { color: #66BB6A; }

.link-sea:hover { color: #00e5ff; }

.fl { float: left; }

.fr { float: right; }

.dis-in { display: inline-block; }

.f-14 { font-size: 14px; line-height: 24px; display: inline-block; }

.f-32 { font-size: 32px; }

.no-margin { margin-left: 0; margin-right: 0; }

.no-padding { padding-left: 0; padding-right: 0; }

.padd-0 { padding: 0px; }

.padd-10 { padding: 10px; }

.padd-15 { padding: 15px; }

.padd-40 { padding-bottom: 40px; }

.padd-70-70 { padding-top: 70px; padding-bottom: 70px; }

.padd-70-0 { padding-top: 70px; }

.padd-80 { padding-bottom: 80px; }

.padd-90 { padding-bottom: 90px; }

.padd-90-90 { padding: 90px 0px; }

.padd-94-94 { padding: 94px 0px; }

.padd-100 { padding: 100px 0px; }

.padd-110 { padding: 110px 0px; }

.padd-120 { padding-bottom: 120px; }

.col-no-padd > div { padding-left: 0px; padding-right: 0px; }

.vert-title { margin-top: -275px; }

.min-324 { max-width: 324px; }

.min-204 { max-width: 204px; }

.min-154 { min-height: 100px; }

.w_50 { width: 50%; position: relative; display: inline-block; }

.h_100 { height: 100%; }

.h_50 { height: 50%; }

/*.radius-0 { -moz-border-radius: 0px; border-radius: 0px; }*/

.radius-3 { -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }

.radius-4 { -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; }

.radius-5 { -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.radius-5 .tour-layer { -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - BUTTON STYLE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.border-white { border: 1px solid #fff; }

.bg-grey { background: #2d3e50; border: 2px solid #2d3e50; }

.c-button { position: relative; display: inline-block; -moz-border-radius: 25px; border-radius: 25px; text-align: center; padding: 16px 20px; font-size: 12px; text-transform: uppercase; line-height: 14px; font-weight: 700; }

.c-button img { vertical-align: middle; margin-right: 5px; }

.c-button.bg-grey:hover { background: none; color: #fff; }

.c-button.bg-white:hover { background: none; color: #fff; }

.c-button:hover .img-hov { opacity: 1; }

.c-button.small { font-size: 12px; padding: 11px 18px; -moz-border-radius: 6px; border-radius: 6px; }

.c-button.big { padding: 17px 20px; }

.c-button.b-26 { height: 26px; font-size: 10px; line-height: 23px; font-weight: 400; padding: 0 15px; letter-spacing: 0.5px; }

.c-button.b-30 { height: 30px; font-family: 'Open Sans', sans-serif; font-size: 10px; line-height: 28px; font-weight: 400; padding: 0 18px; }

.c-button.b-40 { height: 40px; font-size: 10px; line-height: 36px; padding: 0 18px; }

.c-button.b-40.b-1 { line-height: 38px; }

.c-button.b-40 img { position: relative; top: -2px; }

.c-button.b-50 { height: 50px; line-height: 47px; padding: 0 19px; }

.c-button.b-60 { height: 60px; line-height: 54px; padding-top: 0px; padding-bottom: 0px; }

.c-button.b-60 .fa { position: relative; top: 2px; font-size: 20px; margin-right: 5px; }

.c-button.full { width: 100%; padding-left: 5px; padding-right: 5px; }

.c-button.custom-icon .img-hov { display: none; }

.c-button.custom-icon:hover .img-hide { display: none; }

.c-button.custom-icon:hover .img-hov { display: inline; }

.c-button.bg-aqua { color: #fff; border: 2px solid #ff6600; }
.c-button.bg-aqua:hover {background: none; border: 2px solid #fff;}
.c-button.bg-white { color: #2d3e50; border: 2px solid #fff; }

.c-button.bg-green { color: #fff; border: 2px solid #66BB6A; text-transform: uppercase; }

.c-button.bg-red { color: #fff; border: 2px solid #EF4836; }

.c-button.bg-sea { color: #fff; border: 2px solid #00e5ff; }

.c-button.bg-sea-t { color: #222; border: 2px solid #00e5ff; background: transparent; }

.c-button.bg-grey-2 { color: #bebebe; border: 2px solid #f8f8f8; }

.c-button.bg-grey-3-t { background: transparent; color: #eee; border: 2px solid #eee; }

.c-button.bg-grey-3-t1 { background: transparent; color: #bebebe; border: 1px solid #bebebe; }

.c-button.bg-grey-5-t { background: transparent; color: #a4a4a4; border: 2px solid #eaeaea; }

.c-button.bg-blue { color: #fff; border: 2px solid #23b0e8; }

.c-button.bg-blue-t { background: transparent; color: #23b0e8; border: 2px solid #23b0e8; }

.c-button.bg-blue-2 { color: #fff; border: 2px solid #1593d0; }

.c-button.bg-blue-3 { color: #fff; border: 2px solid #206ab0; }

.c-button.bg-blue-7 { color: #fff; border: 2px solid #1e4389; }

.c-button.bg-blue-8 { color: #fff; border: 2px solid #28a9e2; }

.c-button.bg-dr-blue { color: #fff; border: 2px solid #2D3E50; border: 2px solid #f44336;
    background-color: #f44336; }

.c-button.bg-dr-blue-2 { color: #fff; border: 2px solid #022C54; }

.c-button.bg-tr-1 { color: #fff; border: 2px solid rgba(255, 255, 255, 0.33); }

.c-button.bg-red-3 { color: #fff; border: 2px solid #d73240; }

.c-button.bg-orange { color: #fff; border: 2px solid #FF6600; }

.c-button.color-grey-3 { color: #bebebe; }

.c-button.color-dark-2 { color: #222; }

.c-button.color-dr-blue { color: #2D3E50; }

.c-button.transparent { background: transparent; }

.c-button.brd-grey { border: 2px solid #dedede; }

.c-button.hv-aqua:hover { background: #ff6600; color: #fff; border-color: #ff6600; }

.c-button.hv-aqua-o:hover { background: transparent; color: #ff6600; }

.c-button.hv-white:hover { color: #222; background: #fff; border-color: #fff; }

.c-button.hv-white-o:hover { background: transparent; color: #fff; }

.c-button.hv-green:hover { background: #66BB6A; color: #fff; border-color: #66BB6A; }

.c-button.hv-green-o:hover { background: transparent; color: #66BB6A; }

.c-button.hv-red:hover { background: #EF4836; color: #fff; border-color: #EF4836; }

.c-button.hv-red-o:hover { background: transparent; color: #EF4836; border-color: #EF4836; }

.c-button.hv-sea-t:hover { background: #00e5ff; color: #fff; }

.c-button.hv-sea:hover { background: #00e5ff; color: #fff; border-color: #00e5ff; }

.c-button.hv-sea-o:hover { background: transparent; color: #00e5ff; }

.c-button.hv-grey-3-t:hover { background: #bebebe; color: #fff; }

.c-button.hv-grey-5-t:hover { background: #eaeaea; color: #fff; }

.c-button.hv-blue:hover { background: #23b0e8; color: #fff; border-color: #23b0e8; }

.c-button.hv-blue-o:hover { background: transparent; color: #23b0e8; border-color: #23b0e8; }

.c-button.hv-blue-2:hover { background: #1593d0; color: #fff; border-color: #1593d0; }

.c-button.hv-blue-2-o:hover { background: transparent; color: #1593d0; }

.c-button.hv-blue-3-o:hover { background: transparent; color: #206ab0; }

.c-button.hv-blue-3-f:hover { background: #206ab0; color: #fff; border-color: #206ab0; }

.c-button.hv-blue-7-o:hover { background: transparent; color: #1e4389; }

.c-button.hv-blue-8-o:hover { background: transparent; color: #28a9e2; }

.c-button.hv-dr-blue:hover { background: #2D3E50; color: #fff; border-color: #2D3E50; }

.c-button.hv-dr-blue-o:hover { background: transparent; color: #2D3E50; }

.c-button.hv-dr-blue-2:hover { background: #022C54; color: #fff; }

.c-button.hv-dr-blue-2-o:hover { background: transparent; color: #022C54; }

.c-button.hv-red-3:hover { background: #d73240; color: #fff; border-color: #d73240; }

.c-button.hv-red-3-o:hover { background: transparent; color: #d73240; }

.c-button.hv-orange:hover { background: #FF6600; color: #fff; border-color: #FF6600; }

.c-button.hv-orange-o:hover { background: transparent; color: #FF6600; }

.c-button.hv-transparent:hover { background: transparent; }

.c-button.hv-o:hover { opacity: 0.6; }

.c-button.b-1 { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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(../img/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%; }




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - TABS PANEL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.baner-tabs { position: absolute; left: 0px; bottom: -4px; width: 100%; z-index: 50; }

.nav-tabs { position: relative; text-align: center; float: none; display: inline-block; border-bottom: 0px none; }

.nav-tabs > li { float: left; position: relative; display: inline-block; }

.tabs-style-1.nav-tabs > li > a { font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.3); padding: 18px 25px; -moz-border-radius: 0px; border-radius: 0px; margin: 0px; position: relative; float: left; display: block; border-bottom: 0px none; letter-spacing: 1px; }

.tabs-style-1.nav-tabs > li > a:hover { background: rgba(0, 3, 5, 0.2); border: 1px solid rgba(0, 3, 5, 0); border-bottom: 0px none; }

.tpl-tabs-cont { background: rgba(0, 3, 5, 0.2); min-height: 225px; border: 0px none; position: relative; display: inline-block; width: 100%; margin-top: -3px; padding: 60px 0px 65px; border-radius: 5px;}

.t-con-style-1.tab-content > .tab-pane { display: none; visibility: hidden; opacity: 0; }

.t-con-style-1.tab-content > .active { display: block; visibility: visible; opacity: 1; }

.tab-pane.active { display: block; visibility: visible; opacity: 1; }

.tabs-style-1.nav-tabs > li.active > a, .tabs-style-1.nav-tabs > li.active > a:focus, .tabs-style-1.nav-tabs > li.active > a:hover { background: rgba(0, 3, 5, 0.2); border: 1px solid rgba(0, 3, 5, 0); border-bottom: 0px none; color: #fff; }

.tabs-block { position: relative; float: left; width: 100%; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 12px; }

.tabs-block h5 { padding-bottom: 40px; }

.input-style { position: relative; float: left; width: 100%; font-size: 14px; color: rgba(255, 255, 255, 0.6); }

.input-style img { vertical-align: middle; position: absolute; left: 0px; }

.input-style input { background: none; width: 100%; padding-left: 23px; }

.baner-tabs.style-2 .tabs-style-1.nav-tabs > li.active > a, .baner-tabs.style-2 .tabs-style-1.nav-tabs > li.active > a:focus, .baner-tabs.style-2 .tabs-style-1.nav-tabs > li.active > a:hover { background: #022c54; }

.baner-tabs.style-2 .tabs-style-1.nav-tabs > li > a:hover { background: #022c54; }

.baner-tabs.style-2 .tpl-tabs-cont { background: url(../img/home_9/bg-tab.jpg) repeat; }

.baner-tabs.style-2 .tab-pane .c-button { margin-top: 58px; }

.baner-tabs.style-2 .tabs-block { padding-bottom: 12px; border-bottom: none; }

.baner-tabs.style-2 .input-style-1 input { border-color: rgba(255, 255, 255, 0.3); }

.baner-tabs.style-2 .drop-wrap-s-3 { border-color: rgba(255, 255, 255, 0.3); }
.drop-wrap-s-3 .drop span {top: 58px;}
.world-city {border-radius: 5px;}

.drop-wrap { position: relative; float: left; width: 100%; display: block; height: 19px; transition: all ease .2s;}

.drop-wrap-rect{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.drop { position: absolute; display: block; left: 0px; top: 0px; width: 100%; color: rgba(255, 255, 255, 0.6); font-size: 13px; font-weight: 400; height: 100%; cursor: pointer; }

.drop b { position: relative; float: left; text-transform: capitalize; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color:#ffffff; }

.drop .drop-list { position: absolute; font-size: 13px; top: 0px; right: 0px; padding-left: 10px; }

.drop span { position: absolute; left: 0; top: 31px; width: calc(100% + 2px); display: none; z-index: 50; border: 1px solid rgba(255, 255, 255, 0.6); margin: 0; margin-left: -1px; background: #fff; padding: 10px 0px; min-width: 100px; border: 1px solid rgba(219, 219, 219, 0.6); border-top: none;}

.drop-list.act { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); z-index: 51; margin-top: 3px; color: #777; }

.drop span { -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); }

.drop span a { display: block; font-family: 'Open Sans', sans-serif; float: left; position: relative; width: 100%; text-decoration: none; text-align: left; line-height: 20px; color: #777; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 52; text-transform: capitalize; padding: 6px 18px; }

.drop span a:hover { background: #f8f8f8; color: #222; }

.drop-wrap-s-2 { height: 40px; border: 1px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 5px; border-radius: 5px; }

.drop-wrap-s-2 .drop { font-size: 16px; padding: 9px 20px; }

.drop-wrap-s-2 .drop .drop-list { font-size: 16px; }

.drop-wrap-s-3 { height: 60px; border: 1px solid #91d8f4; -moz-border-radius: 25px; border-radius: 25px; line-height: 60px; }
.contact-form .drop-wrap-s-3 .drop {font-size: 16px;}
.drop-wrap-s-3 .drop { font-size: 13px; line-height: 60px; font-weight: 400; color: rgba(255, 255, 255, 0.6); padding: 0px 20px; }

.drop-wrap-s-3 .drop .drop-list { right: 20px; }

.drop-wrap-s-4 { height: 50px; -moz-border-radius: 25px; border-radius: 25px; line-height: 50px; }

.drop-wrap-s-4 .drop { font-size: 14px; padding: 0px 20px; }
.drop-wrap-s-5 .drop {font-size: 16px;}

.drop-wrap-s-4 .drop .drop-list { right: 20px; }

.drop-wrap.color-2 { border: 1px solid rgba(219, 219, 219, 0.6); }

.drop-wrap.color-2 .drop { color: rgba(34, 34, 34, 0.6); opacity: 1; }

.drop-wrap.color-2 .drop-list { color: #1593d0; }

.drop-wrap.color-3 { border: 1px solid #2D3E50; }

.drop-wrap.color-3 .drop { opacity: 1; }

.drop-wrap.color-3 .drop b { color: #2D3E50; }

.drop-wrap.color-3 .drop-list { color: #2D3E50; }

.drop-wrap.color-4 { background: #fff; border: 1px solid #fff; }

.drop-wrap.color-4 .drop { color: #b9b9b9; opacity: 1; }

.drop-wrap.color-5 { background: #f8f8f8; border: 1px solid #f8f8f8; }

.drop-wrap.color-5 .drop { color: #b9b9b9; opacity: 1; }

.drop-wrap.color-5 .drop span { background: #f8f8f8; }

.drop-wrap.color-5 .drop span a:hover { background: #8b8b8b; }

.drop-wrap.color-5 .drop-list { color: #022c54; }

.tab-pane .c-button { margin-top: 30px; }

.drop-tabs b { display: none; }

.arrow-down { display: none; }

.arrow-down.act { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); }

.main-wraper { position: relative; width: 100%; overflow: hidden; display: block;}

.main-wraper.color-2 .second-title h2 { color: #fff; }

.second-title { position: relative; text-align: center; padding-top: 110px; padding-bottom: 65px; }

.second-title h2 { padding-bottom: 24px; letter-spacing: 6px; }

.second-title h4 { font-weight: 700; letter-spacing: 2px; margin-bottom: 7px; }

.second-title h4.underline { margin-bottom: 20px; }

.second-title p { padding-bottom: 65px; }

.second-title > *:last-child { padding-bottom: 0px; }

.second-title.style-2 h2 { padding-bottom: 72px; }

.second-title.style-2 > *:last-child { padding-bottom: 0px; }

.second-title.style-3 { padding-top: 0px; text-align: left; }

.second-title.style-3 h2 { line-height: 40px; }

.second-title.style-3 > *:last-child { padding-bottom: 0px; }

.second-description { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; margin-bottom: 30px; }

.radius-mask .tour-layer { -moz-border-radius: 5px; border-radius: 5px; }

.radius-mask .bg { -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.photo-block { text-align: center; color: #fff; position: relative; width: 100%; }

.photo-block img { width: 100%; height: auto; display: block; }

.photo-block h3 { padding-bottom: 10px; }

.photo-block h4 { padding-bottom: 10px; -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); opacity: 0; }

.photo-block h5 { -o-transform: translateY(20px); transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); opacity: 0; }

.photo-block:hover h4, .photo-block:hover h5 { -o-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); opacity: 1; }

.photo-block:hover .tour-layer { opacity: 1; }

.offers-block { position: relative; width: 100%; min-height: 450px; color: #fff; float: left; display: inline-block; }

.offers-slider .swiper-slide { padding: 0px 15px; width: 33.333%; }

.offers-block .vertical-top { padding: 30px; }

.offers-block .vertical-top .rate { padding-bottom: 10px; }

.offers-block .vertical-bottom { padding: 0px 10px 30px 30px; }

.offers-block .vertical-bottom p { padding-bottom: 25px; font-size: 14px; line-height: 22px; }

.offers-info { width: 100%; position: relative; padding-bottom: 20px; display: inline-block; }

.offers-info li { font-size: 12px; font-weight: 700; text-transform: uppercase; position: relative; float: left; padding: 0px 10px 0px 20px; border-right: 1px solid rgba(255, 255, 255, 0.5); line-height: 24px; }

.offers-info li:first-child { padding-left: 0px; }

.offers-info li:last-child { border-right: 0px none; padding-right: 0px; }

.offers-info li b { font-size: 24px; padding-right: 10px; }

.offers-block:hover .tour-layer { opacity: 1; }

.offers-block:hover h3 { color: #ff6600; }

.offers-block.style-2 { min-height: 429px; }

.offers-block.style-2 .vertical-top { padding: 20px 30px; }

.offers-block.style-2 .rate span { font-size: 9px; padding: 0px 1.5px; }

.offers-block.style-2 .vertical-bottom { padding: 0px 10px 0px 30px; }

.offers-block.style-2 .offet-title { font-size: 16px; line-height: 20px; font-weight: 700; color: #fff; margin-bottom: 10px; }

.offers-block.style-2 p { opacity: 0.6; }

.underline { position: relative; display: inline-block; }

.underline:after { content: ''; width: 100%; background: #FFF; height: 5px; position: relative; display: block; float: none; margin: 13px 0 0px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.underline:before { width: 0%; right: 0px; background: #F60; height: 5px; position: absolute; display: block; float: none; content: ''; bottom: 0px; -webkit-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1); -moz-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1); -o-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1); transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1); }

.underline-block:hover .underline:before { width: 100%; z-index: 1; }

.underline.m94:before, .underline.m94:after { max-width: 94px; left: 0px; right: auto; }

.underline.color-blue-2:after { background: #1593d0; }

.underline.color-red-3:after { background: #D73240; }

.underline.color-dr-blue-2:after { background: #022c54; }

.popular-img { position: relative; width: 100%; min-height: 280px; color: #fff; margin-bottom: 30px; }

.popular-img .vertical-bottom { padding: 0px 0px 22px 30px; }

.popular-img h4 { font-weight: 700; letter-spacing: 3px; padding-bottom: 10px; }

.popular-img h5 { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }

.popular-img:hover .tour-layer { opacity: 1; }

.popular-img:hover a { color: #ff6600; }

.popular-desc { position: relative; width: 100%; min-height: 430px; }

.bg-contain.bg-bg-chrome { -moz-background-size: contain; background-size: contain; }

.popular-desc h3 { padding-bottom: 20px; }

.popular-desc p { padding-bottom: 30px; }

.popular-desc h4 { font-weight: 700; letter-spacing: 2px; padding-bottom: 20px; }

.popular-desc ul { position: relative; width: 100%; list-style-type: disc; color: #bebebe; list-style-position: inside; }

.popular-desc ul li { font-size: 14px; line-height: 24px; }

.popular-desc ul li a:hover { color: #777; }

.popular-desc .c-button { margin-top: 35px; }

.popular-desc .c-button:hover { color: #ff6600; }



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - TOUR-BLOCK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.tour-block { position: relative; float: left; width: 100%; min-height: 350px; margin-bottom: 30px; }

.tour-block:hover h3 { color: #ff6600; }

.tour-block:hover .border-line-top:before { height: 100%; }

.tour-block:hover .border-line-top:after { width: 100%; }

.tour-block:hover .border-line-bottom:before { height: 100%; }

.tour-block:hover .border-line-bottom:after { width: 100%; }

.tour-caption { width: 100%; text-align: center; color: #fff; }

.tour-caption h3 { padding-bottom: 10px; letter-spacing: 4px; 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; }

.tour-caption h3.underline { padding-bottom: 0px; }

.tour-caption .rate { padding-bottom: 9px; }

.tour-caption .rate span { font-size: 12px; }

.tour-caption .vertical-bottom { padding: 0px 30px 30px; text-align: left; text-transform: uppercase; }

.tour-caption .vertical-align { margin-top: -40px; }

.tour-caption .c-button.b-50 { padding: 0 19px; font-size: 11px; }

.rate span { font-size: 14px; padding: 0px 3px; display: inline-block; }

.tour-info { display: block; font-size: 12px; text-transform: uppercase; padding-bottom: 15px; }

.tour-info:last-child { padding-bottom: 0px; }

.tour-info span { padding-left: 10px; font-size: 11px;}

.tour-info img { vertical-align: bottom; }
.hotel-small .tour-layer {border-radius: 5px;}  
.tour-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}

.tour-block:hover .tour-layer { opacity: 1; }

.slider-tour { position: relative; width: 100%; text-align: center; color: #fff; }

.slider-tour .rate { padding-bottom: 25px; }

.slider-tour .rate span { font-size: 12px; }

.slider-tour h2 { padding-bottom: 22px; letter-spacing: 6px; }

.slider-tour h3 { font-size: 20px; text-transform: uppercase; padding-bottom: 16px; display: inline-block; letter-spacing: 2px; }

.slider-tour h5 { text-transform: uppercase; letter-spacing: 0px; }

.slider-tour.style-2 h2 { letter-spacing: 6.3px; padding-bottom: 20px; }

.slider-tour.style-2 h3 { display: block; font-weight: 400; padding-bottom: 12px; }

.slider-tour.style-2 h3 strong { font-weight: 700; }

.slider-tour.style-2 h4 { font-size: 14px; line-height: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; }

.slider-tour.style-2 .rate-wrap { width: auto; padding: 4px 0px 0px; }

.slider-tour.style-2 .rate-wrap i { font-size: 14px; line-height: 26px; letter-spacing: 1px; }

.slider-tour.style-2 .rate { padding-bottom: 20px; }

.slider-tour.style-2 .tour-info { display: inline-block; margin-right: 37px; }

.slider-tour.style-2 .tour-info:last-child { margin-right: 0px; }

.slider-tour.style-2 .tour-info-line { margin-bottom: 21px; }

.slider-tour.style-2 .c-button { margin-bottom: 38px; }

.slider-tour.style-2 p { font-family: 'Open Sans', sans-serif; }

.weth-icon b { font-size: 16px; padding-left: 7px; letter-spacing: 1px; }

.weth-icon img { vertical-align: middle; }

.weth-icon.style-2 { margin-top: 80px; margin-right: 50px; width: 108px; padding-top: 23px; padding-bottom: 18px; text-align: center; }

.weth-icon.style-2 img { display: block; margin: 0 auto 12px auto; }

.weth-icon.style-2 b { display: inline-block; font-size: 18px; line-height: 22px; font-weight: 700; padding-left: 0px; margin-bottom: 3px; }

.weth-icon.style-2 sup { font-size: 15px; }

.weth-icon.style-2 .weth-city { font-size: 10px; line-height: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - HOTEL-CHOOSE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.hotel-choose { position: relative; width: 100%; -moz-border-radius: 5px; border-radius: 5px; background: #fff; padding: 30px; display: inline-block; margin: 100px 0px; }

.hotel-choose.hotel-hidden { display: none; }

.hotel-choose .swiper-container { width: 100%; }

.hotel-choose .title { padding-left: 30px; color: #222; }

.hotel-choose .title p { color: #bebebe; font-size: 14px; line-height: 24px; display: inline-block; }

.hotel-choose .title p span { position: relative; float: left; display: inline-block; }

.hotel-choose .title .c-button { margin-top: 18px; text-decoration:none; }

.hotel-sm { position: relative; float: left; height: 100px; width: 100%; }

.hotel-sm-slide .tour-block { min-height: 100px; margin: 0px 0px 0px; }

.hotel-sm-slide.swiper-slide { padding: 0px 15px; }

.hotel-sm-slide h6 b { padding-bottom: 8px; display: inline-block; }

.arrows-3 .swiper-arrow-left, .arrows-3 .swiper-arrow-right { margin-top: 0px; }

.arrows-3 .swiper-arrow-left { left: -35px; background-color: #f44336; }

.arrows-3 .swiper-arrow-right { right: -35px; background-color: #f44336; }

.choose-hotel { position: relative; width: 100%; margin: 100px 0px; display: inline-block; }

.choose-hotel .drop-wrap { max-width: 260px; margin-right: 30px; }

.choose-hotel .drop-wrap:last-child { margin-right: 0px; }

.choose-hotel .drop-wrap-s-2 .drop .drop-list { right: 20px; top: 10px; }

body[data-color="theme-1"] .offers-arrow {
    background: #ff6600;
}
