/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%; overflow: hidden; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; }
/*#cboxLoadedContent{overflow:hidden !important; -webkit-overflow-scrolling: touch;}*/
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: #000; opacity: 0.5!important}
#colorbox{outline:0;}
#cboxLoadedContent { }
#cboxContent{margin-top:32px; background:#fff;}
.cboxIframe{background:#000;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadingGraphic{background:url('../../images/loader.gif') no-repeat center center;}
#cboxLoadingOverlay{background:#fff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {outline:0;}
#cboxPrevious:focus,
#cboxNext:focus { outline: none; }
#cboxClose:focus { outline: 0; }

/* ==========================================================================
    #custom styles
========================================================================== */
#cboxTitle { position:absolute; bottom: -30px; left: 0; right: 0; padding: 0 10px; font-family: inherit; font-size: 18px; line-height: 22px; color: #284053; text-align: center; text-transform: uppercase; }

#cboxPrevious,
#cboxNext { position: absolute; top: 50%; opacity: .7; width: 50px; height: 50px; margin: -15px 0 0; outline: none; background-color: transparent; background-repeat: no-repeat; background-position: center; }

#cboxPrevious:hover,
#cboxNext:hover { opacity: 1; }

#cboxPrevious { left: 0; background-image: url('../../images/prev.png'); }
#cboxNext { right: 0; background-image: url('../../images/next.png'); }

#cboxClose { top: -40px; right: -40px; opacity: .7; width: 50px; height: 50px; background-color: transparent; background-image: url('../../images/close.png'); background-repeat: no-repeat; background-position: center; }
#cboxClose:hover { opacity: 1; }
#cboxClose:hover {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
/**
 * Swiper 3.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: January 10, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    /*border-radius: 5px;*/
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../../images/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
/* -----------------------------------
 * Slidebars
 * Version 0.10.3
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */

html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
	content: ' ';
	display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: both;
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
}

.sb-slidebar, .sb-slidebar * {
	-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute;  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 70%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transform: translate( 0px );
	   -moz-transform: translate( 0px );
	     -o-transform: translate( 0px );
	        transform: translate( 0px );
	
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}
/* =========================================================================
	#Reset
========================================================================= */
* { margin: 0; padding: 0; outline: 0; }

/* =========================================================================
	#Base
========================================================================= */
/*html,
body { height: 100%; }*/

body { background: #eee; font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 1; color: #2c3e50; }

::-moz-selection {
	background: #eee;
}
::selection {
	background: #eee;
}

a { color: #3f87b1; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:focus { outline: 0; }

img { border: 0; vertical-align: middle; }
img {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

ol,
ul { list-style-position: inside; }

[class^="btn"],
label:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover { cursor: pointer; }
textarea { overflow: auto; resize: none; }

/* =========================================================================
	#Helpers
========================================================================= */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.show { display: block; }
.showCSS { opacity: 1; visibility: visible; }
.hide { display: none; }
.hideCSS { opacity: 0; visibility: hidden; }
.center { text-align: center; }

.cols { overflow: hidden; }
.col { float: left; }

/* ==========================================================================
	#Default input styles
========================================================================== */
select,
.field input,
textarea {
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box;
}

input,
select,
textarea {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;	
}

input,
textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.field input,
textarea { display: block; width: 100%; height: 40px; border: 1px solid transparent; border-radius: 2px; padding: 7px 25px; background: #fff; font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 24px; color: #2c3e50; }
textarea { height: 96px; }

.field input[type="file"] { height: auto; }

/* placeholders */
textarea::-webkit-input-placeholder,
.field input::-webkit-input-placeholder {
	
}
textarea::-moz-placeholder,
.field input::-moz-placeholder {
	
}
textarea:-ms-input-placeholder,
.field input:-ms-input-placeholder {
	
}
textarea:-moz-placeholder,
.field input:-moz-placeholder {
	
}

.noTouch .field input:hover,
.noTouch textarea:hover { border-color: #ccc; }

.field input:focus,
textarea:focus { border-color: #252525; }

/* errors */
.field { position: relative; }
.fieldError textarea,
.fieldError input { position: relative; border-color: #e21b00; color: #e21b00; }
.fieldError:after { content: '!'; position: absolute; top: 50%; left: 10px; margin-top: -10px; font-size: 20px; color: #e21b00; font-weight: bold; }
.fieldSuccess textarea,
.fieldSuccess input { position: relative; border-color: #27ae60; color: #27ae60; }
.fieldSuccess:after { content: ''; position: absolute; top: 50%; left: 5px; margin-top: -10px; width: 16px; height: 20px; background: url('../../images/iconCheck.png') 0 0 no-repeat; font-size: 20px; color: #27ae60; font-weight: bold; }

/* ==========================================================================
	#General
========================================================================== */
.logo img { width: 100%; height: auto; }

.more a,
.more a:after {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.more { margin: 5px 0; }
.more a { font-size: 14px; line-height: 25px; color: #cb2229; text-decoration: underline; }
.noTouch .more a:hover { text-decoration: none; }

.tooltip { overflow: hidden; font-size: 100%; line-height: 1.35; white-space: nowrap; }

.date { margin: 15px 0; font-size: 14px; line-height: 20px; color: #6e6e6e; font-weight: bold; text-align: center; }
.date i { margin: 2px 10px 0 0; }

/* popups */
.popup { display: none; }
#cboxLoadedContent .popup { display: block; }

.popupMsg { width: 300px; height: auto; padding: 20px; }

/* ==========================================================================
	#Icons
========================================================================== */
[class^="icon"] { display: inline-block; vertical-align: -0.15em; }
i {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

.iconHome { width: 15px; height: 12px; background: url('../../images/iconHome.png') 0 0 no-repeat; }
.iconDate { width: 14px; height: 16px; background: url('../../images/iconDate.png') 0 0 no-repeat; }

/* ==========================================================================
	#Btns
========================================================================== */
[class^="btn"] { display: inline-block; vertical-align: top; border: none; background: none; }
[class^="btn"] {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
button { cursor: pointer; }
button {
	-webkit-box-sizing: content-box; 
       -moz-box-sizing: content-box; 
            box-sizing: content-box;
}
.btns { display: block; cursor: auto; }

#btnMenu { display: none; position: relative; overflow: hidden; width: 25px; height: 20px; }
#btnMenu span,
#btnMenu:before,
#btnMenu:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 4px; background: #fff; }
#btnMenu span,
#btnMenu:before,
#btnMenu:after {
    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
         -o-transition: all 0.4s;
            transition: all 0.4s;
}
#btnMenu span { top: 50%; margin-top: -2px; }
#btnMenu:after { top: auto; bottom: 0px; }

.btnSearch { width: 18px; height: 18px; background: url('../../images/btnSearch.png') 0 0 no-repeat; }
.noTouch .btnSearch:focus,
.noTouch .btnSearch:hover {
	-webkit-transform: rotate(20deg);
	   -moz-transform: rotate(20deg);
	    -ms-transform: rotate(20deg);
	     -o-transform: rotate(20deg);
	        transform: rotate(20deg);	
}

.btnWhite { overflow: hidden; height: 50px; border-radius: 2px; padding: 0 10px; background: #fff; font-size: 16px; line-height: 50px; color: #ae0d39; text-align: center; text-transform: uppercase; }
.noTouch .btnWhite:hover { background: #ae0d39; color: #fff; text-decoration: none; }

.btnSubscribe { width: 118px; height: 30px; border-radius: 2px; background: #fff; font-size: 14px; line-height: 25px; color: #ae0d39; font-weight: bold; }
.noTouch .btnSubscribe:focus,
.noTouch .btnSubscribe:hover { background: #2c3e50; color: #fff; text-decoration: none; }

.btnArticle,
.btnBlue { min-width: 260px; height: 50px; border: 1px solid #ae0d39; border-radius: 2px; padding: 0 10px; background: #fff; font-size: 16px; line-height: 50px; color: #ae0d39; text-transform: uppercase; text-align: center; }
.noTouch .btnArticle:hover,
.noTouch .btnBlue:focus,
.noTouch .btnBlue:hover { background: #ae0d39; color: #fff; text-decoration: none; }

.btnBlueDark { min-width: 220px; height: 30px; border-radius: 2px; padding: 0 10px; background: #2c3e50; font-size: 14px; line-height: 30px; color: #fff; text-transform: uppercase; text-align: center; }
.noTouch .btnBlueDark:focus,
.noTouch .btnBlueDark:hover { background: #ae0d39; text-decoration: none; }

/* =========================================================================
	#Containers
========================================================================= */
.container { position: relative; min-height: 100%; overflow: hidden; }
.wrapper { width: 1200px; margin: 0 auto; }

/* ==========================================================================
	#article
========================================================================== */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 { margin-bottom: 10px; color: #2c3e50; }

.article h1 { font-size: 35px; line-height: 40px; font-weight: bold; }
.article h2 { font-size: 28px; line-height: 30px; font-weight: normal; }
.article h3 { font-size: 25px; line-height: 30px; font-weight: normal; }
.article h4 { font-size: 23px; line-height: 30px; font-weight: normal; }
.article h5 { font-size: 20px; line-height: 25px; font-weight: bold; }
.article h6 { font-size: 16px; line-height: 25px; font-weight: bold; text-transform: uppercase; }

.article { overflow: hidden; font-size: 16px; line-height: 25px; color: #2c3e50; }
.article * { max-width: 100%; }
.article hr { display: inline-block; border: none; width: 100%; height: 1px; margin: 10px 0; background: #d8d8d8; }
.article a { color: #ae0d39; text-decoration: underline; }
.article a {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.noTouch .article a:hover { text-decoration: none; }

.article .btnArticle { color: #ae0d39; text-decoration: none; }

.article p { padding-bottom: 10px; }
.article ul { list-style: none; }
.article ul li { padding: 0 0 10px 20px; background: url('../../images/bullet.png') 0 10px no-repeat; }
.article ul ul { padding: 10px 0 0; }
.article ul ul li:last-child { padding-bottom: 0; }
.article ol { }
.article ol li { padding: 0 0 10px 5px; }
.article table { max-width: 100%; margin-bottom: 10px; }
.article blockquote { overflow: hidden; display: block; padding: 14px 100px 3px 100px; margin: 15px 0; background: #f7e6eb url('../../images/quote.png') 0 0 no-repeat; font-size: 20px; line-height: 35px; color: #2c3e50; text-transform: uppercase; font-style: italic; }

.article .tableMain { overflow: hidden; width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; font-size: 14px; line-height: 25px; color: #2c3e50; text-align: center; }
.article .tableMain th,
.article .tableMain td { padding: 8px; }
.article .tableMain th { border-bottom: 2px solid #2c3e50; font-size: 16px; text-transform: uppercase; }
.article .tableMain td { border-bottom: 1px solid #bfc5ca; }

.article .tableGrid,
.article .tableGrid thead,
.article .tableGrid tbody,
.article .tableGrid tr,
.article .tableGrid th,
.article .tableGrid td {
	-webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box;
}
.article .tableGrid { }
.article .tableGrid td { vertical-align: top; }

.articleSearch ul a { color: #2c3e50; text-decoration: none; }
.noTouch .articleSearch ul a:hover { color: #ae0d39; text-decoration: underline; }

/* ==========================================================================
	#socials
========================================================================== */
.socials { font-size: 0; line-height: 0; }
.socialsItem { display: inline-block; vertical-align: top; }
.socialsItem {
	-webkit-transition: all 0.8s;
	   -moz-transition: all 0.8s;
	    -ms-transition: all 0.8s;
	     -o-transition: all 0.8s;
	        transition: all 0.8s;
	-webkit-transform: rotateY(0);
	   -moz-transform: rotateY(0);
	    -ms-transform: rotateY(0);
	     -o-transform: rotateY(0);
	        transform: rotateY(0);
}

.socialsFooter { margin: 10px 0; }
.socialsFooter .socialsItem { width: 24px; height: 24px; background-image: url('../../images/socialsFooter.png'); background-repeat: no-repeat; background-position: center; }
.socialsFooter .socialsItem + .socialsItem { margin-left: 10px; }
.noTouch .socialsFooter .socialsItem:hover {
	-webkit-transform: rotateY(360deg);
	   -moz-transform: rotateY(360deg);
	    -ms-transform: rotateY(360deg);
	     -o-transform: rotateY(360deg);
	        transform: rotateY(360deg);	
}
.socialsFooter .facebook { background-position: 0 0; }
.socialsFooter .twitter { background-position: -34px 0; }
.socialsFooter .google { background-position: -68px 0; }
.socialsFooter .pinterest { background-position: -102px 0; }
.socialsFooter .linkedin { background-position: -136px 0; }
.socialsFooter .youtube { background-position: -170px 0; }
.socialsFooter .instagram { background-position: -200px 0; }

.shareBar { overflow: hidden; clear: both; border-width: 1px 0; border-style: solid; border-color: #dcdcdc; margin: 20px 0; padding: 20px 0; }
.shareBar p { float: left; padding-right: 14px; font-size: 14px; line-height: 24px; color: #333; color: #2c3e50; }
.socialsShare { float: left; }
.socialsShare .socialsItem { position: relative; width: 24px; height: 24px; background-image: url('../../images/socialsShare.png'); background-repeat: no-repeat; background-position: center; }
.socialsShare .socialsItem:after { content: ''; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-image: url('../../images/socialsFooter.png'); background-repeat: no-repeat; background-position: center; }
.socialsShare .socialsItem:after {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: rotateX(90deg) scale(0.3);
	   -moz-transform: rotateX(90deg) scale(0.3);
	    -ms-transform: rotateX(90deg) scale(0.3);
	     -o-transform: rotateX(90deg) scale(0.3);
	        transform: rotateX(90deg) scale(0.3);
}
.socialsShare .socialsItem + .socialsItem { margin-left: 10px; }
.noTouch .socialsShare .socialsItem:hover:after { opacity: 1; visibility: visible; }
.noTouch .socialsShare .socialsItem:hover:after {
	-webkit-transform: rotateX(0) scale(1);
	   -moz-transform: rotateX(0) scale(1);
	    -ms-transform: rotateX(0) scale(1);
	     -o-transform: rotateX(0) scale(1);
	        transform: rotateX(0) scale(1);
}
.socialsShare .facebook:after,
.socialsShare .facebook { background-position: 0 0; }
.socialsShare .twitter:after,
.socialsShare .twitter { background-position: -34px 0; }
.socialsShare .google:after,
.socialsShare .google { background-position: -68px 0; }
.socialsShare .pinterest:after,
.socialsShare .pinterest { background-position: -102px 0; }
.socialsShare .linkedin:after,
.socialsShare .linkedin { background-position: -136px 0; }
.socialsShare .youtube:after,
.socialsShare .youtube { background-position: -170px 0; }

/* ==========================================================================
	#breadcrumbs
========================================================================== */
.breadcrumbs ul li a,
.breadcrumbs ul li {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

.breadcrumbs { border-bottom: 1px solid #e8e8e8; padding: 12px 0; background: #fff; }
.breadcrumbs ul { width: 1200px; margin: 0 auto; font-size: 0; line-height: 0; list-style: none; }
.breadcrumbs ul li { position: relative; display: inline-block; vertical-align: top; padding-right: 8px; font-size: 12px; line-height: 25px; color: #2c3e50; }
.breadcrumbs ul li + li { padding-left: 13px; }
.breadcrumbs ul li + li:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 5px; height: 25px; background: url('../../images/breadcrumbs.png') 0 center no-repeat; }
.breadcrumbs ul li a { color: #838383; }
.noTouch .breadcrumbs ul li a:hover { color: #01354b; text-decoration: none; }

/* ==========================================================================
	#paging
========================================================================== */
.paging ul li a:after,
.paging li,
.paging a {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.paging { padding: 50px 0 10px; }
.paging ul { font-size: 0; line-height: 0; list-style: none; text-align: center; }
.paging ul li { display: inline-block; vertical-align: top; width: 28px; height: 28px; border: 1px solid #dadada; margin: 0 1px; font-size: 16px; line-height: 28px; color: #bababa; text-align: center; }
.paging ul li a { position: relative; display: block; border-radius: 2px; color: #bababa; }
.paging ul li a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #ae0d39; opacity: 0; visibility: hidden; }
.paging ul .selected a,
.noTouch .paging ul li a:hover { color: #ae0d39; text-decoration: none; font-weight: bold; }
.paging ul .selected a:after,
.noTouch .paging ul li a:hover:after { opacity: 1; visibility: visible; }

.paging .prev,
.paging .next { width: 28px; }
.paging .prev a,
.paging .next a { height: 100%; background-color: #dadada; background-repeat: no-repeat; background-position: center; }
.paging .prev a { background-image: url('../../images/pagePrev.png'); }
.paging .next a { background-image: url('../../images/pageNext.png'); }
.noTouch .paging .prev a:hover,
.noTouch .paging .next a:hover { background-color: #ae0d39; }

.paging .prev a { border-right-color: #555; }
.paging .next a { border-left-color: #555; }

/* ==========================================================================
	#forms
========================================================================== */
.msg { padding: 10px 0; font-size: 14px; line-height: 18px; font-weight: normal; font-style: italic; }
.msgSuccess { color: #27ae60; }
.msgError { color: #e21b00; }
.textError { padding: 5px 0; font-size: 14px; line-height: 16px; color: #e21b00; }

.form .title { margin: 20px 0; font-size: 28px; line-height: 30px; color: #2c3e50; }
.form label { display: block; padding: 3px 0; font-size: 16px; line-height: 25px; color: #2c3e50; }
.form .formRow { margin-bottom: 10px; }
.form #captcha { display: inline-block; vertical-align: top; margin: 10px 0 20px; }

#formSearch { position: relative; width: 193px; }
#formSearch .field input { height: 30px; padding: 2px 35px 2px 10px; }
#formSearch .btnSearch { position: absolute; top: 50%; right: 10px; margin-top: -9px; }

#formSubscribe { width: 640px; padding: 23px 0 23px; margin: 0 auto; text-align: center; }
#formSubscribe .note { margin-bottom: 12px; font-size: 16px; line-height: 25px; color: #fff; }
#formSubscribe form { overflow: hidden; display: inline-block; }
#formSubscribe .field { position: relative; width: 380px; float: left; }
#formSubscribe .field label { position: absolute; top: 0; left: 20px; display: none; padding: 0; font-size: 14px; line-height: 30px; color: #909090; }
#formSubscribe .field input { height: 30px; padding: 2px 20px 2px 20px; }
#formSubscribe .btnSubscribe { float: left; margin-left: 1px; }
#formSubscribe .msg { width: 300px; border-radius: 4px; padding: 5px 10px; margin: 5px auto; background: #fff; }

#formCareers { width: 448px; margin: 10px auto; padding: 16px 70px 30px; background: #efeeee; text-align: center; }
#formCareers .formRow { text-align: left; }

#formContacts { padding: 16px 70px 30px; background: #efeeee; text-align: center; }
#formContacts .formRow { text-align: left; }

/* ==========================================================================
	#navigations
========================================================================== */
nav a {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
nav ul { list-style: none; }

/* navLang */
.navLang { position: relative; font-size: 13px; line-height: 25px; color: #fff; }
.navLangHead { padding-right: 15px; background: url('../../images/langArrow.png') right center no-repeat; color: #fff; }
.navLangHead:hover { color: #ae0d39; text-decoration: none; }
.navLangBody { position: absolute; top: 100%; left: 0; right: 0; display: none; background: #eee; text-align: center; }
.navLangBody a { display: block; padding: 5px; font-size: 13px; line-height: 20px; color: #000; }
.navLangBody a:hover { background: #ae0d39; color: #fff; text-decoration: none; }
.navLangBody .selected { display: none; }

/* navMain */
.navMain { clear: both; font-size: 14px; line-height: 16px; }
.navMain ul { font-size: 0; line-height: 0; }
.navMain ul li { position: relative; }
.navMain a { display: block; font-size: 14px; line-height: 16px; color: #efeeee; }
.navMain a i { margin-top: 2px; }

.navMain > ul > li { display: inline-block; vertical-align: top; padding: 0 20px; }
.navMain > ul > li:first-child { padding-left: 0; }
.navMain > ul > li > a { position: relative; overflow: hidden; padding: 27px 0; text-transform: uppercase; }
.navMain > ul > li > a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #efeeee; }
.navMain > ul > li > a:after {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
    -webkit-transform: translateY(3px);
	   -moz-transform: translateY(3px);
	    -ms-transform: translateY(3px);
	     -o-transform: translateY(3px);
	        transform: translateY(3px);
}
.noTouch .navMain > ul > li > a:hover { text-decoration: none; }
.navMain > ul > .selected > a:after,
.noTouch .navMain > ul > li:hover > a:after {
	    -webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);	
}
.navMain > ul > li:hover > .dropdown { opacity: 1; visibility: visible; }
.navMain > ul > li:hover > .dropdown {
	    -webkit-transform: rotateX(0);
		   -moz-transform: rotateX(0);
		    -ms-transform: rotateX(0);
		     -o-transform: rotateX(0);
		        transform: rotateX(0);
}

.navMain .dropdown { position: absolute; top: 100%; left: -20px; right: -20px; opacity: 0; visibility: hidden; background: #252525; }
.navMain .dropdown {
	-webkit-transition: all 0.3s 0.3s;
	   -moz-transition: all 0.3s 0.3s;
	    -ms-transition: all 0.3s 0.3s;
	     -o-transition: all 0.3s 0.3s;
	        transition: all 0.3s 0.3s;
    -webkit-transform-origin: 50% 0%;
	   -moz-transform-origin: 50% 0%;
	    -ms-transform-origin: 50% 0%;
	     -o-transform-origin: 50% 0%;
	        transform-origin: 50% 0%;
    -webkit-transform: rotateX(90deg);
	   -moz-transform: rotateX(90deg);
	    -ms-transform: rotateX(90deg);
	     -o-transform: rotateX(90deg);
	        transform: rotateX(90deg);
}
.navMain .dropdown li + li { border-top: 1px solid #fff; }
.navMain .dropdown a { padding: 10px; color: #fff; }
.noTouch .navMain .dropdown a:hover { background: #ae0d39; color: #fff; text-decoration: none; }

/* navAside */
.navAside { overflow: hidden; }
.navAside .dropdown > li > a:before,
.navAside .dropdown > li > a:after {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

.navAside a { position: relative; display: block; padding: 13px 30px; font-size: 15px; line-height: 20px; color: #2c3e50; }
.noTouch .navAside a:hover { text-decoration: none; }

.navAside > ul > li { display: block; border-bottom: 1px solid #fff; background: #efeeee; }
.navAside > ul > .selected > a,
.noTouch .navAside > ul > li > a:hover { background: #ae0d39; color: #fff; }

.navAside .dropdown { display: none; list-style: none; }
.navAside .selected .dropdown { display: block; }
.navAside .dropdown > li > a { padding: 8px 30px 8px 50px; }
.navAside .dropdown > .selected > a { color: #ae0d39; font-weight: bold; }
.noTouch .navAside .dropdown > li > a:hover { color: #ae0d39; }
.navAside .dropdown > li > a:before { content: ''; position: absolute; top: 12px; left: 37px; opacity: 0; visibility: hidden; width: 7px; height: 7px; background: url('../../images/navAsideDecoration.png') 0 0 no-repeat; }
.navAside .dropdown > li > a:before {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.navAside .dropdown > li > a:after { content: ''; position: absolute; top: 12px; right: 0; opacity: 0; visibility: hidden; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent #fff transparent transparent; }
.navAside .dropdown > .selected > a:before,
.noTouch .navAside .dropdown > li > a:hover:before,
.navAside .dropdown > .selected > a:after,
.noTouch .navAside .dropdown > li > a:hover:after { opacity: 1; visibility: visible; }
.navAside .dropdown > .selected > a:before,
.noTouch .navAside .dropdown > li > a:hover:before {
	-webkit-transform: rotate(0);
	   -moz-transform: rotate(0);
	    -ms-transform: rotate(0);
	     -o-transform: rotate(0);
	        transform: rotate(0);
}

/* =========================================================================
	#header
========================================================================= */
#header { position: relative; z-index: 20; }
#header .logo { float: left; display: block; width: 145px; }
.headerTop { position: relative; z-index: 2; padding: 13px 0; background: #252525; }
.headerTop .article { max-width: 80%; float: left; color: #fff; }
.headerTop .article *:last-child { padding-bottom: 0; }
.headerTop .navLang { float: right; }
.headerBottom { position: relative; z-index: 1; background: #ae0d39; }
.headerBottom #formSearch { float: right; margin-top: 59px; }

.logo { float: left; width: 100px; }
.logo img { width: 100%; height: auto; }

/* =========================================================================
	#sliders
========================================================================= */

/* sliderMain */
#sliderMain { position: relative; z-index: 10; height: 500px; background: #fff; }
#sliderMain .slide { position: relative; background-color: #fff; }
#sliderMain .slide > a { display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
#sliderMain .slide .description { display: none; }
#sliderMainPaging .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; }
#sliderMainPaging .swiper-pagination-bullet.selected,
#sliderMainPaging .swiper-pagination-bullet:hover { opacity: 1; }

/* ==========================================================================
	#gallery
========================================================================== */
#galleryMain { float: left; width: 447px; }
#galleryMain .galleryPhoto { display: block; }
#galleryMain .galleryPhoto img { width: 100%; height: auto; }
#galleryMain .lSGallery .active a img { opacity: .7; }

.lSAction > a { top: auto; bottom: 0; opacity: .8; width: 35px; height: 35px; background-color: rgba(255, 255, 255, .4); background-repeat: no-repeat; }
.lSAction > .lSPrev { left: 0; background-image: url('../../images/sliderPrev.png'); background-position: center; }
.lSAction > .lSNext { right: 0; background-image: url('../../images/sliderNext.png'); background-position: center; }

/* ==========================================================================
	#Accents
========================================================================== */
.accents { position: relative; z-index: 11; background: #fff; }
.accentTitle { font-size: 35px; line-height: 40px; color: #ae0d39; font-weight: bold; text-align: center; }
.accent .wrapper { overflow: hidden; }

.accentAbout { padding: 50px 0; }

.accentBanners { padding: 60px 0 103px; background-image: url('../../images/accentBanners.jpg'); background-position: center; background-size: cover; }
.accentBanners .accentTitle { margin-bottom: 58px; }

.accentNews { padding: 20px 0; }

/* ==========================================================================
	#module
========================================================================== */
.moduleHead { overflow: hidden; padding: 20px 0 10px; }
.moduleHead .title { float: left; font-size: 28px; line-height: 30px; color: #2c3e50; }
.moduleHead .more { float: right; }
.moduleHead .more a { font-size: 16px; line-height: 30px; color: #ae0d39; }
.noTouch .moduleHead .more a:hover { color: #2c3e50; }

/* moduleRelated */
.moduleRelated { clear: both; }
.moduleRelated .box .text { max-height: 60px; }

/* moduleText */
.moduleText { margin-bottom: 40px; }

/* ==========================================================================
	#Main
========================================================================== */
#main { position: relative; z-index: 10; overflow: hidden; padding-bottom: 50px; background: #fff; }

.mainBody { padding-top: 30px; }
.mainContent { float: right; width: 894px; }
.mainContent.full { float: none; width: auto; }
.mainContent.full .titleMain { text-align: center; }
.mainContent > .article { max-width: 894px; margin: 0 auto 20px; }
.sidebar { float: right; width: 262px; margin-right: 44px; }

.titleMain { margin-bottom: 30px; font-size: 35px; line-height: 40px; color: #ae0d39; }
.titleAside { margin-bottom: 20px; font-size: 18px; line-height: 20px; color: #ae0d39; font-weight: bold; }
.titleSub { margin-bottom: 22px; font-size: 28px; line-height: 30px; color: #2c3e50; }
.titleArticle { font-size: 16px; line-height: 25px; color: #2c3e50; font-weight: bold; text-transform: uppercase; }

/* banners */
.bannerMain { height: 250px; background-repeat: no-repeat; background-position: center; }

/* productDescription */
.productDescription { float: right; width: 420px; }
.refNumber { padding: 5px 0 15px 0; font-size: 14px; line-height: 25px; color: #2c3e50; font-style: italic; }
.productDescription .productPrice { padding: 15px 0; font-size: 22px; line-height: 25px; color: #ae0d39; font-weight: bold; text-transform: uppercase; }
.productDescription .btns { padding-top: 20px; }

/* maps */
.mapContacts { width: 100%; height: 340px; margin-bottom: 40px; background: #eee; }
.mapDistributors { width: 100%; height: 300px; margin: 20px 0; background: #eee; }

/* colsContacts */
.colsContacts .col { width: 588px; }
.colsContacts .col + .col { margin-left: 24px; }

/* ==========================================================================
	#boxes
========================================================================== */
.box .title,
.box .text,
.box .more,
.box .photo {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

.boxes { font-size: 0; left: 0; margin: 0 -12px; }
.box { position: relative; display: inline-block; vertical-align: top; width: 282px; margin: 12px; }
.box .photo { position: relative; z-index: 2; overflow: hidden; display: block; width: 100%; height: 211px; background-repeat: no-repeat; background-position: center; }

.box .photo:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(174, 13, 57, .4); opacity: 0; visibility: hidden; }
.box .photo:before {
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
	     -o-transition: all 0.4s;
	        transition: all 0.4s;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}
.box .photo:after { content: ''; position: absolute; top: 50%; left: 50%; width: 44px; height: 35px; margin: -17px 0 0 -22px; background: url('../../images/iconDots.png') center center no-repeat; }
.box .photo:after {
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
	     -o-transition: all 0.4s;
	        transition: all 0.4s;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}
.noTouch .box:hover .photo:before { opacity: 1; visibility: visible; }
.noTouch .box:hover .photo:before {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}
.noTouch .box:hover .photo:after { opacity: 1; visibility: visible; }
.noTouch .box:hover .photo:after {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

.box .content { padding: 17px 0 7px; }
.box .date { margin: 5px 0 15px; text-align: left; }
.box .title { overflow: hidden; max-height: 50px; margin-bottom: 10px; font-size: 16px; line-height: 25px; color: #2c3e50; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.box .title a { color: #2c3e50; }
.box .title a:hover { color: #ae0d39; text-decoration: none; }
.box .text { overflow: hidden; max-height: 60px; font-size: 14px; line-height: 20px; color: #3c3e50; }

/* boxWide */
.boxWide {
		-webkit-box-sizing: border-box; 
	       -moz-box-sizing: border-box; 
	            box-sizing: border-box;
}
.box.boxWide { overflow: hidden; width: 100%; min-height: 211px; margin: 0 0 12px; border: 1px solid #eaeaea; }
.boxWide:before { width: 282px; }
.boxWide .photo { float: left; width: 282px; }
.boxWide .content { float: none; overflow: hidden; padding: 17px 20px 7px; }
.boxWide .content .text { max-height: none; }

.boxesCareers { padding-top: 20px; }
.boxesCareers .boxWide { min-height: auto; margin-bottom: 24px; }
.boxesCareers .boxWide:before { display: none; }
.boxesCareers .boxWide .content { float: left; padding-right: 300px; }
.boxesCareers .boxWide .content .title { margin-bottom: 0; }
.boxesCareers .boxWide .content .refNumber { padding: 5px 0; }
.boxesCareers .boxWide .btns { position: absolute; top: 50%; right: 0; padding: 0 20px; margin-top: -15px; }

/* boxesAccent */
.boxAccent .content,
.boxAccent .photo {
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
	     -o-transition: all 0.4s;
	        transition: all 0.4s;
}

.boxesAccent { font-size: 0; line-height: 0; margin: 0 -12px; }
.boxAccent { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 282px; height: 332px; margin: 12px 12px 0; }
.boxAccent .photo { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }
.boxAccent .content { position: absolute; bottom: 0; left: 20px; right: 20px; padding: 14px 20px 10px; background: #fff; text-align: center; }
.noTouch .boxAccent:hover .content {
	-webkit-transform: translateY(-20px);
	   -moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
	     -o-transform: translateY(-20px);
	        transform: translateY(-20px);	
}
.boxAccent .content .title { overflow: hidden; max-height: 50px; margin-bottom: 6px; font-size: 16px; line-height: 25px; color: #2c3e50; font-weight: bold; text-transform: uppercase; }
.boxAccent .content .title a { color: #2c3e50; }
.boxAccent .content .title a:hover { color: #ae0d39; text-decoration: none; }
.boxAccent .content .text { overflow: hidden; max-height: 75px; font-size: 14px; line-height: 25px; color: #3c3e50; }

/* boxesGallery */
.boxesGallery .box .photo:after { background: url('../../images/iconEye.png') center center no-repeat; }

/* boxesNews */
.boxesNews { margin: 0; }

/* boxesPartners */
.boxesPartners .box .text { max-height: none; }

/* ==========================================================================
	#tabs
========================================================================== */
.tabsNav a,
.tabsNav a:after {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}

.tabsNav { margin-bottom: -1px; }
.tabsNav ul { list-style: none; font-size: 0; line-height: 0; }
.tabsNav ul li { display: inline-block; vertical-align: top; }
.tabsNav ul li + li { margin-left: 2px; }
.tabsNav a { position: relative; display: block; height: 48px; border: 1px solid #efeeee; border-bottom-color: #dcdcdc; padding: 0 30px; background: #efeeee; font-size: 16px; line-height: 48px; color: #2c3e50; text-transform: uppercase; }
.tabsNav a:after { content: ''; position: absolute; top: -1px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 2px; background: #ae0d39; }
.tabsNav .selected a,
.noTouch .tabsNav a:hover { border-bottom-color: #fff; background: #fff; color: #ae0d39; text-decoration: none; }
.tabsNav .selected a:after,
.noTouch .tabsNav a:hover:after { opacity: 1; visibility: visible; }

.tabsContent { border: 1px solid #dcdcdc; padding: 30px; }

.productTabs { overflow: hidden; clear: both; padding-top: 60px; }

/* ==========================================================================
	#widgets
========================================================================== */
.widgetGallery { max-width: none; margin: 10px -12px; font-size: 0; left: 0; }
.widgetGallery .galleryImage { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 282px; margin: 12px; }
.widgetGallery .galleryImage img { width: 100%; height: auto; }
.widgetGallery .galleryImage:before { content: ''; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: #6cc; background: rgba(48, 151, 209, .5); }
.widgetGallery .galleryImage:before {
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
	     -o-transition: all 0.5s;
	        transition: all 0.5s;
	-webkit-transform-origin: center;
	   -moz-transform-origin: center;
		-ms-transform-origin: center;
	     -o-transform-origin: center;
	        transform-origin: center;
	-webkit-transform: scale(0.3);
	   -moz-transform: scale(0.3);
		-ms-transform: scale(0.3);
	     -o-transform: scale(0.3);
	        transform: scale(0.3);
}
.widgetGallery .galleryImage:after { content: ''; position: absolute; top: 50%; left: 50%; width: 44px; height: 35px; margin: -17px 0 0 -22px; background: url('../../images/iconEye.png') center center no-repeat; }
.widgetGallery .galleryImage:after {
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
	     -o-transition: all 0.5s;
	        transition: all 0.5s;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}
.widgetGallery .galleryImage:hover:before { opacity: 1; visibility: visible; }
.widgetGallery .galleryImage:hover:before {
	-webkit-transform: rotate(0) scale(0.95);
	   -moz-transform: rotate(0) scale(0.95);
		-ms-transform: rotate(0) scale(0.95);
	     -o-transform: rotate(0) scale(0.95);
	        transform: rotate(0) scale(0.95);
}
.widgetGallery .galleryImage:hover:after { opacity: 1; visibility: visible; }
.widgetGallery .galleryImage:hover:after {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

/* ==========================================================================
	#areaSubscribe
========================================================================== */
.areaSubscribe { min-height: 120px; background: #ae0d39; }

/* ==========================================================================
	#footer
========================================================================== */
#footer { position: relative; z-index: 30; background: #eee; font-size: 12px; line-height: 20px; color: #8b8b8b; }
#footer h6 { font-size: 16px; line-height: 25px; color: #2c3e50; font-weight: bold; text-transform: uppercase; }
#footer .cols { margin: 0 -1%; }
#footer .col { width: 23%; margin: 0 1%; }

.footerTop { padding: 30px 0 20px; }
.footerBottom { overflow: hidden; padding-bottom: 10px; }
.footerBottom .wrapper { overflow: hidden; border-top: 1px solid #d8d8d8; }
.footerBottom a { color: #ae0d39; text-decoration: underline; }
.footerBottom a {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.noTouch .footerBottom a:hover { color: #8b8b8b; text-decoration: none; }

.copy { float: left; width: 280px; padding-top: 20px; }
.copy a { display: inline-block; margin-left: 2px; }

#blockFooter { float: left; width: 640px; padding-top: 15px; font-size: 12px; line-height: 20px; color: #8b8b8b; }

.stenik { float: right; padding-top: 20px; }
.stenik img { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; }
.stenik p { display: inline-block; vertical-align: top; }
.stenik p a { display: inline-block; vertical-align: top; margin-left: 3px; }
/* ==========================================================================
	#TABLET
========================================================================== */

/* max-width: 1200px */
@media screen and (min-width: 0) and (max-width: 1200px) {
	.wrapper { width: 1000px; padding: 0; }

	/* header */
	.headerBottom { padding: 15px 0; }

	/* footer */
	.footerBottom { text-align: center; }
	.copy { float: none; width: auto; }
	#blockFooter { float: none; width: auto; }
	.stenik { float: none; }

	.socialsFooter { text-align: center; }
	.socialsFooter a { margin: 5px; }

	/* navigations */
	#btnMenu { display: block; float: right; margin: 65px 15px 5px; }

	.navMain { display: none; }

	.sb-slidebar { background: #252525; }

	#menu { padding-top: 20px; }
	#menu ul li { display: block; padding: 0 15px; }
	#menu ul li a { display: block; padding: 10px 10px 13px; font-size: 16px; line-height: 18px; color: #efeeee; font-weight: bold; }
	#menu ul .selected > a,
	#menu ul li a:hover { background: #ae0d39; text-decoration: none; }
	#menu ul ul { padding-left: 15px; }
	#menu ul ul li { padding: 0; }

	/* sliders */
	#sliderMain .slide .description { width: 400px; margin: 0 0 0 -240px; padding: 0 20px 20px; text-align: center; }

	/* accents */
	.accentBanners { padding-top: 30px; }
	.accentBanners .accentTitle { margin-bottom: 28px; }
	
	/* main */
	#main { margin-top: 0; }
	.mainContent { float: none; width: auto; }
	.sidebar { float: none; width: auto; margin-right: 0; }
	.titleMain { font-size: 31px; text-align: center; }
	
	/* breadcrumbs */
	.breadcrumbs ul { width: 1000px; }

	/* boxes */
	.boxes { margin: 0 41px; }

	/* modules */
	.moduleRelated .moduleHead { text-align: center; }
	.moduleRelated .moduleHead .title { float: none; }
	.moduleRelated .moduleHead .more { float: none; }

	/* colsContacts*/
	.colsContacts .col { float: none; width: auto; }
	.colsContacts .col + .col { margin-left: 0; }
}

/* max-width: 1023px */
@media screen and (min-width: 0) and (max-width: 1023px) {
	.wrapper { width: 750px; }

	/* breadcrumbs */
	.breadcrumbs ul { width: 750px; }

	/* accentAbout */
	.accentAbout .article .tableGrid td { display: block; }
	.accentAbout .article .tableGrid td[style] { display: block; width: 100% !important; }

	/* boxes */
	.boxes { margin: 0 69px; }

	/* gallery */
	#galleryMain { float: none; margin: 0 auto; }
	.productDescription { float: none; width: auto; margin-top: 10px; }

	/* widgetGallery */
	.widgetGallery .galleryImage { width: 234px; }
}

/* max-width: 767px */
@media screen and (min-width: 0) and (max-width: 767px) {
	.wrapper { width: 540px; }

	/* header */
	.headerTop { padding: 5px 0; }

	/* footer */
	#footer .col { width: 98%; }
	#footer .colArticle { display: none; }
	#footer h6 { text-align: center; }

	/* article */
	.article .tableGrid td[style] { display: block; width: 100% !important; }

	/* sliders */
	#sliderMain { height: 300px; }
	#sliderMain .slide .description { display: none; }

	/* breadcrumbs */
	.breadcrumbs ul { width: 540px; }

	/* boxes */
	.boxes { margin: 0; text-align: center; }
	.boxAccent,
	.box { width: 246px; text-align: left; }

	/* forms */
	#formSubscribe { width: auto; text-align: center; }
	#formSubscribe form { display: block; }
	#formSubscribe .field { float: none; width: 100%; text-align: left; }
	#formSubscribe .btnSubscribe { float: none; margin-top: 10px; }

	#formCareers { width: auto; }

	/* tabs */
	.tabsNav ul li { display: block; }
	.tabsNav ul li + li { margin-left: 0; }
	.tabsContent { padding: 15px; }

	/* widgetGallery */
	.widgetGallery .galleryImage { width: 258px; }
}

/* ==========================================================================
	#PHONE
========================================================================== */

@media screen and (min-width: 0) and (max-width: 550px) {
	.wrapper { width: 460px; }

	/* breadcrumbs */
	.breadcrumbs ul { width: 460px; }

	/* boxes */
	.boxAccent,
	.box { width: 282px; }

	.box.boxWide { width: 282px; }
	.box.boxWide .photo { float: none; }
	.boxesCareers .boxWide .content { float: none; padding-right: 20px; }
	.boxesCareers .boxWide .btns { position: static; top: auto; right: auto; margin: 20px 0; }

	/* gallery */
	#galleryMain { width: auto; }

	/* widgetGallery */
	.widgetGallery .galleryImage { width: 218px; }
}

/* max-width: 479px */
@media screen and (min-width: 0) and (max-width: 479px) {
	.wrapper { width: 350px; }

	/* header */
	#header .logo { float: none; margin: 0 auto 20px; }
	#header #formSearch { float: left; width: 80%; margin-top: 15px; }
	#header #btnMenu { margin-top: 20px; }

	/* breadcrumbs */
	.breadcrumbs ul { width: 350px; }

	/* forms */
	#formSubscribe .msg { width: 280px; }

	#formCareers { padding: 16px 15px 30px; }

	#formContacts { padding: 16px 15px 30px; }

	/* maps */
	.mapContacts { height: 250px; }

	/* widgetGallery */
	.widgetGallery .galleryImage { width: 160px; }

	/* colorbox */
	#cboxClose { top: 0; right: 0; }

}

/* max-width: 359px */
@media screen and (min-width: 0) and (max-width: 359px) {
	.wrapper { width: 300px; }

	/* breadcrumbs */
	.breadcrumbs ul { width: 300px; }

	/* forms */
	.form .btnBlue { min-width: 250px; }
	.form #captcha { display: block; }
	.form #captcha {
		-webkit-transform-origin: 0 0;
		   -moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
		     -o-transform-origin: 0 0;
		        transform-origin: 0 0;
		-webkit-transform: scale(0.85);
		   -moz-transform: scale(0.85);
			-ms-transform: scale(0.85);
		     -o-transform: scale(0.85);
		        transform: scale(0.85);
	}

	/* widgetGallery */
	.widgetGallery .galleryImage { width: 137px; }
}