@charset "UTF-8";
/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Lychee.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 27-06-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - FONTS */
/* 02 - RESET STYLES */
/* 03 - LOADING */
/* 04 - BACKGROUND */
/* 05 - TEXT STYLE */
/* 06 - BUTTON STYLE */
/* 07 - HEADER */

/* 08 - SWIPER SLIDER */

/* 09 - HOMEPAGE == 1 */
/* 10 - TABS PANEL */
/* 11 - HOMEPAGE == 2 */
/* 12 - HOMEPAGE == 3 */
/* 13 - FOOTER */
/* 14 - FOOTER  BG-WHITE*/
/* 15 - AJAX LOADER */
/* MEDIA QUERIES == HOMEPAGE-1 */
/* MEDIA QUERIES == HOMEPAGE-2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

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