/* ------------------------------------------------------------ *\
	#plugins
\* ------------------------------------------------------------ */
/*
    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;
}
#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;
  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/cboxPrev.svg');
}
#cboxNext {
  right: 0;
  background-image: url('../images/cboxNext.svg');
}
#cboxClose {
  top: -40px;
  right: -40px;
  opacity: .7;
  width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: url('../images/cboxClose.svg');
  background-repeat: no-repeat;
  background-position: center;
}
#cboxClose:hover {
  opacity: 1;
}
#cboxClose:hover {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/**
 * 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 {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -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;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      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 {
  -ms-flex-align: start;
  align-items: flex-start;
  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;
  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;
  transition: 300ms;
  -ms-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%;
  -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%;
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -ms-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 {
  -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 {
  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 {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* 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 {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* 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 {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* 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 {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* 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;
  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;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -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;
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  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;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  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%;
  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");
}
@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;
  -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;
  margin-bottom: 15px;
}
.lSSlideWrapper > .lightSlider:after {
  clear: both;
}
.lSSlideWrapper .lSSlide {
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  transition-property: transform,height;
  transition-duration: 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;
  transition-delay: 0s;
  transition-duration: inherit !important;
  transition-property: opacity;
  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;
  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;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  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;
  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 */
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  animation: rightEnd 0.3s;
  position: relative;
}
.lSSlideOuter .leftEnd {
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .rightEnd {
  animation: topEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .leftEnd {
  animation: bottomEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
  animation: rightEnd 0.3s;
  position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-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;
  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 {
  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. */
}
/* ------------------------------------------------------------ *\
	#theme partials
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	#fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	#colors
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	#responsive
\* ------------------------------------------------------------ */
* {
  margin: 0;
  padding: 0;
  outline: 0;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/BebasNeueRegular.woff2') format('woff2'), url('../fonts/BebasNeueRegular.woff') format('woff'), url('../fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/BebasNeueBold.woff2') format('woff2'), url('../fonts/BebasNeueBold.woff') format('woff'), url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Bulgarian';
  src: url('../fonts/arialbg_0-webfont.woff2') format('woff2'), url('../fonts/arialbg_0-webfont.woff') format('woff'), url('../fonts/arialbg_0-webfont.ttf') format('truetype'), url('../fonts/arialbg_0-webfont.svg#arial_bulgarianregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Bulgarian';
  src: url('../fonts/arialbgi_0-webfont.woff2') format('woff2'), url('../fonts/arialbgi_0-webfont.woff') format('woff'), url('../fonts/arialbgi_0-webfont.ttf') format('truetype'), url('../fonts/arialbgi_0-webfont.svg#arial_bulgarianitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Arial Bulgarian';
  src: url('../fonts/arialbgb_0-webfont.woff2') format('woff2'), url('../fonts/arialbgb_0-webfont.woff') format('woff'), url('../fonts/arialbgb_0-webfont.ttf') format('truetype'), url('../fonts/arialbgb_0-webfont.svg#arial_bulgarianbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Bulgarian';
  src: url('../fonts/arialbgz_0-webfont.woff2') format('woff2'), url('../fonts/arialbgz_0-webfont.woff') format('woff'), url('../fonts/arialbgz_0-webfont.ttf') format('truetype'), url('../fonts/arialbgz_0-webfont.svg#arial_bulgarianbold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
html {
  height: auto;
  overflow: auto;
}
body {
  position: relative;
  min-height: auto;
  height: auto;
  overflow: auto;
  font-family: 'Arial Bulgarian', sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #333;
}
body.loaded {
  display: block;
  background: #eee;
}
body.loaded .container {
  opacity: 1;
  visibility: visible;
}
body.loaded .spinner {
  opacity: 0;
  visibility: hidden;
}
html.sb-active,
html.sb-active body {
  overflow: hidden;
}
* {
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
}
::-moz-selection {
  background: #e1e1e1;
  color: #34addc;
}
::selection {
  background: #e1e1e1;
  color: #34addc;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'BebasNeue', sans-serif;
}
a {
  color: #34addc;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
a:active,
a:focus {
  outline: 0;
}
*::-moz-focus-inner {
  border: 0;
}
img {
  border: 0;
  vertical-align: middle;
  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;
}
.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;
}
.logo img {
  width: 100%;
  height: auto;
}
.title,
.titleSub,
.accentTitle {
  font-family: 'BebasNeue', sans-serif;
}
.more a,
.more a:after {
  transition: all 0.3s;
}
.more {
  margin: 5px 0;
}
.more a {
  font-size: 14px;
  line-height: 25px;
  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;
}
.container {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
.wrapper {
  width: 1200px;
  margin: 0 auto;
}
select,
.field input,
textarea {
  box-sizing: border-box;
}
input,
select,
textarea {
  transition: all 0.3s;
}
.field input,
.field textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: 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: 14px;
  line-height: 24px;
  color: #333;
}
textarea {
  height: 96px;
}
.field input[type="file"] {
  height: auto;
}
/* placeholders */
textarea::-webkit-input-placeholder,
.field input::-webkit-input-placeholder {
  opacity: 1;
}
textarea:-moz-placeholder,
.field input:-moz-placeholder {
  opacity: 1;
}
textarea::-moz-placeholder,
.field input::-moz-placeholder {
  opacity: 1;
}
textarea:-ms-input-placeholder,
.field input:-ms-input-placeholder {
  opacity: 1;
}
.noTouch .field input:hover,
.noTouch textarea:hover {
  border-color: #333;
}
.field input:focus,
textarea:focus {
  border-color: #34addc;
}
/* 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;
}
.fieldSuccess:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -10px;
  width: 16px;
  height: 20px;
  background: url('../images/iconCheck.svg') 0 0 no-repeat;
  font-size: 20px;
  color: #27ae60;
  font-weight: bold;
}
/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url('../images/blue.png') no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-blue {
  background-position: 0 0;
}
.icheckbox_square-blue.hover {
  background-position: -24px 0;
}
.icheckbox_square-blue.checked {
  background-position: -48px 0;
}
.icheckbox_square-blue.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-blue.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-blue {
  background-position: -120px 0;
}
.iradio_square-blue.hover {
  background-position: -144px 0;
}
.iradio_square-blue.checked {
  background-position: -168px 0;
}
.iradio_square-blue.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-blue.checked.disabled {
  background-position: -216px 0;
}
.check {
  overflow: hidden;
  margin-bottom: 10px;
}
.check .icheckbox_square-blue {
  float: left;
}
.check label {
  float: left;
  max-width: 85%;
  padding: 0 8px;
  font-size: 13px;
  line-height: 22px;
  color: #2c3e50;
}
@keyframes swipe {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
[class^="icon"] {
  display: inline-block;
  vertical-align: -0.15em;
}
.iconSVG,
i {
  transition: all 0.3s;
}
.iconHome {
  width: 15px;
  height: 12px;
  background: url('../images/iconHome.png') 0 0 no-repeat;
}
.iconSearch {
  width: 26px;
  height: 25px;
  fill: #34addc;
}
.iconDate {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  fill: #666;
}
.iconSwipe {
  width: 30px;
  height: 30px;
  fill: #34addc;
}
[class^="btn"] {
  display: inline-block;
  vertical-align: top;
  border: none;
  background: none;
  transition: all 0.3s;
}
button {
  cursor: pointer;
  box-sizing: content-box;
}
.btns {
  display: block;
  cursor: auto;
}
#btnMenu span,
#btnMenu:before,
#btnMenu:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4px;
  background: #333;
  transition: all 0.4s;
}
#btnMenu {
  display: none;
  position: relative;
  overflow: hidden;
  width: 25px;
  height: 20px;
}
#btnMenu:after {
  top: auto;
  bottom: 0px;
}
#btnMenu span {
  top: 50%;
  margin-top: -2px;
}
.btnSearch {
  width: 25px;
  height: 26px;
}
.noTouch .btnSearch:focus,
.noTouch .btnSearch:hover {
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
}
.btnSecondary {
  overflow: hidden;
  height: 50px;
  border-radius: 2px;
  padding: 0 10px;
  background: #fff;
  font-size: 16px;
  line-height: 50px;
  color: #34addc;
  text-align: center;
}
.noTouch .btnSecondary:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}
.btnSubscribe {
  width: 118px;
  height: 30px;
  background: #34addc;
  line-height: 25px;
  color: #fff;
  font-weight: bold;
}
.noTouch .btnSubscribe:focus,
.noTouch .btnSubscribe:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}
.btnArticle,
.btnPrimary {
  min-width: 260px;
  height: 50px;
  border-radius: 2px;
  padding: 0 10px;
  background: #34addc;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  text-align: center;
}
.noTouch .btnArticle:focus,
.noTouch .btnArticle:hover,
.noTouch .btnPrimary:focus,
.noTouch .btnPrimary:hover {
  background: #333;
  text-decoration: none;
}
.btnPrimaryWide {
  min-width: 220px;
  height: 30px;
  border-radius: 2px;
  padding: 0 10px;
  background: #34addc;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.noTouch .btnPrimaryWide:focus,
.noTouch .btnPrimaryWide:hover {
  background: #333;
  text-decoration: none;
}
.toast-success {
  background-color: #27ae60;
}
.toast-error {
  background-color: #e21b00;
}
.toast-info {
  background-color: #ecc838;
}
.toast-warning {
  background-color: #2d2d6d;
}
#toast-container > div {
  opacity: 1;
}
.toast-progress {
  opacity: .6;
  height: 3px;
  background-color: #fff;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin-bottom: 10px;
  font-family: 'BebasNeue', sans-serif;
  color: #333;
}
.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: 15px;
  line-height: 22px;
  color: #333;
}
.article * {
  max-width: 100%;
}
.article hr {
  display: inline-block;
  border: none;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background: #d8d8d8;
}
.article a {
  color: #34addc;
  text-decoration: underline;
  transition: all 0.3s;
}
.article p {
  padding-bottom: 10px;
}
.article ul {
  list-style: none;
}
.article ul li {
  position: relative;
  padding: 0 0 10px 20px;
}
.article ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #34addc;
}
.article ul ul {
  padding: 10px 0 0;
}
.article ul ul li:last-child {
  padding-bottom: 0;
}
.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: #eee url('../images/quote.png') 0 0 no-repeat;
  font-size: 20px;
  line-height: 35px;
  color: #333;
  font-style: italic;
}
.article .tableWrap .iconSwipe {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 10px;
  left: 20px;
  animation-duration: 1.3s;
  animation-name: swipe;
  animation-iteration-count: infinite;
}
.article .tableMain {
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 25px;
  color: #333;
  text-align: center;
  table-layout: fixed;
}
.article .tableMain th,
.article .tableMain td {
  padding: 8px;
}
.article .tableMain tr:first-child td,
.article .tableMain th {
  border-bottom: 2px solid #333;
  font-size: 16px;
  text-transform: uppercase;
}
.article .tableMain td {
  border-bottom: 1px solid #bfc5ca;
}
@media (max-width: 1200px) {
  .article .tableWrap {
    position: relative;
    overflow: scroll;
  }
  .article .tableWrap .tableMain {
    max-width: none;
    width: 768px;
    margin: 0 auto;
  }
  .article .tableWrap .iconSwipe {
    opacity: 1;
    visibility: visible;
  }
}
.article .tableGrid,
.article .tableGrid thead,
.article .tableGrid tbody,
.article .tableGrid tr,
.article .tableGrid th,
.article .tableGrid td {
  box-sizing: border-box;
}
.article .tableGrid td {
  vertical-align: top;
}
.article .btnContacts,
.article .btnArticle,
.article .btnPrimary {
  color: #fff;
  text-decoration: none;
}
.article .btnPDF {
  display: inline-block;
  color: #333;
  padding-left: 40px;
  line-height: 30px;
  text-decoration: none;
  background: url('../images/iconPDF.png') left top no-repeat;
}
.article .btnPDF:hover {
  color: #34addc;
}
.noTouch .article a:hover {
  text-decoration: none;
}
.articleSearch ul a {
  color: #333;
  text-decoration: none;
}
.noTouch .articleSearch ul a:hover {
  color: #34addc;
  text-decoration: underline;
}
.breadcrumbs ul li a,
.breadcrumbs ul li {
  transition: all 0.3s;
}
.breadcrumbs {
  margin-top: 121px;
  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: #333;
}
.breadcrumbs ul li a {
  color: #838383;
}
.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/iconArrowRight.svg') 0 center no-repeat;
}
.noTouch .breadcrumbs ul li a:hover {
  color: #01354b;
  text-decoration: none;
}
.paging ul li a:after,
.paging li,
.paging a {
  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: #34addc;
  opacity: 0;
  visibility: hidden;
}
.paging ul .selected a,
.noTouch .paging ul li a:hover {
  color: #34addc;
  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;
  background-size: 60% 60%;
}
.paging .prev a {
  background-image: url('../images/cboxPrev.svg');
}
.paging .next a {
  background-image: url('../images/cboxNext.svg');
}
.noTouch .paging .prev a:hover,
.noTouch .paging .next a:hover {
  background-color: #34addc;
}
.paging .prev a {
  border-right-color: #555;
}
.paging .next a {
  border-left-color: #555;
}
.socials {
  font-size: 0;
  line-height: 0;
}
.socialsItem {
  display: inline-block;
  vertical-align: top;
  transition: all 0.8s;
  transform: rotateY(0);
}
.socialsItem .iconSVG {
  width: 24px;
  height: 24px;
}
.socialsFooter {
  margin: 10px 0;
}
.socialsFooter .socialsItem {
  width: 24px;
  height: 24px;
}
.socialsFooter .socialsItem + .socialsItem {
  margin-left: 10px;
}
.socialsFooter .iconSVG {
  fill: #fff;
}
.noTouch .socialsFooter .socialsItem:hover {
  transform: rotateY(360deg);
}
.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;
}
.socialsShare {
  float: left;
}
.socialsShare .socialsItem {
  position: relative;
  width: 24px;
  height: 24px;
}
.socialsShare .socialsItem .iconSVG {
  fill: #c1c1c1;
}
.socialsShare .socialsItem + .socialsItem {
  margin-left: 10px;
}
.noTouch .socialsShare .facebook:hover .iconSVG {
  fill: #3b5998;
}
.noTouch .socialsShare .twitter:hover .iconSVG {
  fill: #55acee;
}
.noTouch .socialsShare .google:hover .iconSVG {
  fill: #dd4b39;
}
.noTouch .socialsShare .pinterest:hover .iconSVG {
  fill: #cb2027;
}
.noTouch .socialsShare .linkedin:hover .iconSVG {
  fill: #007bb5;
}
.noTouch .socialsShare .instagram:hover .iconSVG {
  fill: #125688;
}
.noTouch .socialsShare .youtube:hover .iconSVG {
  fill: #bb0000;
}
.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: #333;
}
.form label {
  display: block;
  padding: 3px 0;
  font-size: 16px;
  line-height: 25px;
  color: #333;
}
.form .formRow {
  margin-bottom: 10px;
}
.form #captcha {
  display: inline-block;
  vertical-align: top;
  margin: 10px 0 20px;
}
#formSearch {
  position: relative;
}
#formSearch #searchForm {
  float: left;
}
#formSearch .field {
  margin-left: 10px;
  float: left;
  width: 0;
  position: relative;
  transition: all 0.3s;
  opacity: 0;
}
#formSearch .field input {
  border: 1px solid #34addc;
  height: 44px;
  padding: 2px 35px 2px 10px;
}
#formSearch.open-search .field {
  width: 200px;
  opacity: 1;
}
#formSearch .btnSearch {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}
#formSubscribe {
  width: 640px;
  padding: 23px 0 23px;
  margin: 0 auto;
  text-align: center;
}
#formSubscribe .note {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 25px;
}
#formSubscribe form {
  overflow: hidden;
  display: inline-block;
}
#formSubscribe label {
  position: absolute;
  top: 0;
  left: 20px;
  display: none;
  padding: 0;
  font-size: 14px;
  line-height: 30px;
  color: #909090;
}
#formSubscribe .field {
  position: relative;
  width: 380px;
  float: left;
}
#formSubscribe .field input {
  height: 40px;
  border-radius: none;
  padding: 2px 20px 2px 20px;
}
#formSubscribe .btnSubscribe {
  float: left;
  width: 150px;
  height: 40px;
  border-radius: none;
  font-weight: normal;
  font-size: 14px;
  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: #eee;
  text-align: center;
}
#formCareers .formRow {
  text-align: left;
}
#formContacts {
  padding: 16px 70px 30px;
  background: #eee;
  text-align: center;
}
#formContacts .formRow {
  text-align: left;
}
nav a {
  transition: all 0.3s;
}
nav ul {
  list-style: none;
}
/* navLang */
.navLang {
  position: relative;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
}
.navLangHead {
  display: inline-block;
  position: relative;
  padding: 0 12px;
  line-height: 44px;
  background: #34addc;
  color: #fff;
  text-decoration: none;
}
.navLangHead:hover {
  background: #333;
  text-decoration: none;
}
.navLangBody {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #333;
  text-align: center;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  -ms-transform-origin: center top;
      transform-origin: center top;
  -ms-transform: scaleY(0);
      transform: scaleY(0);
}
.navLangBody a {
  display: block;
  padding: 0 5px;
  font-size: 18px;
  line-height: 44px;
  color: #fff;
}
.navLangBody a:hover {
  background: #34addc;
  color: #fff;
  text-decoration: none;
}
.navLangBody .selected {
  display: none;
}
.navLang.isActive .navLangBody {
  opacity: 1;
  visibility: visible;
  -ms-transform: scaleY(1);
      transform: scaleY(1);
}
/* navMain */
.navMain {
  position: relative;
  z-index: 1;
  float: right;
  font-size: 14px;
  line-height: 16px;
  font-family: 'BebasNeue', sans-serif;
}
.navMain ul {
  font-size: 0;
  line-height: 0;
}
.navMain ul li {
  position: relative;
}
.navMain a {
  display: block;
  font-size: 24px;
  line-height: 26px;
  color: #000;
}
.navMain a i {
  margin-top: 2px;
}
.navMain > ul {
  margin: 0 auto;
}
.navMain > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}
.navMain > ul > li:first-child {
  padding-left: 0;
}
.navMain > ul > li.highlight:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  left: -5px;
  background: #333;
}
.navMain > ul > li > a {
  position: relative;
  overflow: hidden;
  padding: 25px 15px;
}
.navMain > ul > li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #34addc;
  transition: all 0.3s;
  -ms-transform: translateY(5px);
      transform: translateY(5px);
}
.noTouch .navMain > ul > li > a:hover {
  text-decoration: none;
}
.navMain > ul > .selected > a:after,
.noTouch .navMain > ul > li:hover > a:after {
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.navMain > ul > li:hover > .dropdown {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
}
.navMain .dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 210px;
  margin-left: -105px;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  transition: all 0.3s 0.3s;
  -ms-transform-origin: 50% 0%;
      transform-origin: 50% 0%;
  transform: rotateX(90deg);
  font-family: 'Arial Bulgarian', sans-serif;
}
.navMain .dropdown a {
  font-size: 13px;
  line-height: 16px;
  padding: 10px 15px;
  color: #000;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
.navMain .dropdown .morelight a {
  color: #34addc;
  padding-right: 15px;
  background: url('../images/next-blue.svg') no-repeat right 20px center;
}
.noTouch .navMain .dropdown a:hover {
  background: #f0f0f0 url('../images/next-blue.svg') no-repeat right 20px center;
  text-decoration: none;
  color: #000;
}
/* navAside */
.navAside {
  overflow: hidden;
}
.navAside .dropdown > li > a:before,
.navAside .dropdown > li > a:after {
  transition: all 0.3s;
}
.navAside {
  margin-bottom: 20px;
}
.navAside a {
  position: relative;
  display: block;
  padding: 13px 30px;
  font-size: 15px;
  line-height: 20px;
  color: #333;
}
.navAside > ul > li {
  display: block;
  border-bottom: 1px solid #fff;
  background: #eee;
}
.navAside .dropdown {
  display: none;
  list-style: none;
}
.navAside .dropdown > li > a {
  padding: 8px 30px 8px 50px;
}
.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;
  -ms-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 {
  color: #34addc;
  font-weight: bold;
}
.navAside .selected .dropdown {
  display: block;
}
.noTouch .navAside a:hover {
  text-decoration: none;
}
.noTouch .dropdown > li > a:hover {
  color: #34addc;
}
.navAside > ul > .selected > a,
.noTouch .navAside > ul > li > a:hover {
  background: #34addc;
  color: #fff;
}
.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 {
  -ms-transform: rotate(0);
      transform: rotate(0);
}
.secondaryMenu {
  float: right;
}
.secondaryMenu li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 30px;
  line-height: 44px;
}
.secondaryMenu li a {
  display: inline-block;
  font-size: 18px;
  color: #1b1b1b;
  font-family: 'BebasNeue', sans-serif;
}
.secondaryMenu li.selected a {
  color: #34addc;
}
/* sliderMain */
#sliderMain {
  margin-top: 121px;
  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 > a.videoPopUp {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  margin-left: -25px;
  height: 40px;
  margin-top: -20px;
  z-index: 200;
}
#sliderMain .slide > a.videoPopUp .youTubeButton {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url('../images/youTubeIconWhite.png') no-repeat center center;
  opacity: 0.8;
}
#sliderMain .slide .description {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 520px;
  border-radius: 2px;
  padding: 0 40px 40px;
  margin: 0 0 0 -600px;
  background-color: rgba(255, 255, 255, 0.8);
}
#sliderMain .slide .description .title {
  overflow: hidden;
  max-height: 120px;
  margin: 33px 0 18px;
  font-size: 52px;
  line-height: 60px;
  color: #333;
  font-family: 'BebasNeue', sans-serif;
  font-weight: bold;
}
#sliderMain .slide .description .title a {
  position: relative;
  display: inline-block;
  color: #333;
}
#sliderMain .slide .description .text {
  overflow: hidden;
  max-height: 64px;
  font-size: 18px;
  line-height: 32px;
  color: #333;
}
#sliderMain .slide .description .btns {
  padding-top: 20px;
}
#sliderMain .slide .description .btnSecondary {
  min-width: 262px;
}
#sliderMain #sliderPrev.swiper-button-disabled,
#sliderMain #sliderNext.swiper-button-disabled {
  opacity: .4;
}
#sliderMain #sliderPrev,
#sliderMain #sliderNext {
  position: absolute;
  top: 47px;
  left: 50%;
  opacity: 1;
  width: 35px;
  height: 35px;
  margin-top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%;
  border: 1px solid #fff;
  transition: all 0.3s;
}
#sliderMain #sliderPrev {
  margin-left: -600px;
  background-image: url('../images/cboxPrev.svg');
}
#sliderMain #sliderNext {
  margin-left: -564px;
  background-image: url('../images/cboxNext.svg');
}
#sliderMain.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 35px;
}
#sliderMain .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #FFF;
}
#sliderMain .swiper-pagination-bullet.selected {
  background: #34addc;
}
.noTouch #sliderMain .slide .description .title a:hover {
  text-decoration: none;
}
.noTouch #sliderMain #sliderPrev:hover,
.noTouch #sliderMain #sliderNext:hover {
  border-color: #34addc;
}
.noTouch #sliderMain #sliderPrev:hover {
  background-image: url('../images/cboxPrev2.svg');
}
.noTouch #sliderMain #sliderNext:hover {
  background-image: url('../images/cboxNext2.svg');
}
/* galleryMain */
#galleryMain {
  float: left;
  width: 447px;
}
#galleryMain ul {
  list-style: none outside none;
}
#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: #34addc;
  background-color: rgba(52, 173, 220, 0.6);
  background-repeat: no-repeat;
  background-size: 60% 60%;
}
.lSAction > .lSPrev {
  left: 0;
  background-image: url('../images/cboxPrev.svg');
  background-position: center;
}
.lSAction > .lSNext {
  right: 0;
  background-image: url('../images/cboxNext.svg');
  background-position: center;
}
.box .title,
.box .text,
.box .more,
.box .photo {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  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 .content {
  padding: 17px 0 7px;
  transition: all 0.6s;
}
.box .date {
  margin: 5px 0 15px;
  text-align: left;
}
.box .title {
  overflow: hidden;
  max-height: 50px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 25px;
  color: #333;
  letter-spacing: 1px;
}
.box .title a {
  color: #333;
}
.box .title a:hover {
  text-decoration: none;
}
.box .text {
  overflow: hidden;
  max-height: 60px;
  font-size: 14px;
  line-height: 20px;
  color: #3c3e50;
}
/* boxWide */
.box.boxWide {
  overflow: hidden;
  width: 100%;
  min-height: 211px;
  margin: 0 0 12px;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.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;
}
.noTouch .boxWide:hover .content {
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.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 .photo:after,
.boxAccent .content,
.boxAccent .photo {
  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: 373px;
  margin: 12px 17px 40px;
}
.boxAccent .photo {
  display: block;
  width: 100%;
  height: 223px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: relative;
}
.boxAccent .photo:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #fff;
  transition: all 0.4s;
  -ms-transform: scale(0);
      transform: scale(0);
}
.boxAccent .content .title {
  overflow: hidden;
  max-height: 48px;
  font-size: 24px;
  line-height: 25px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}
.boxAccent .content .title a {
  color: #333;
}
.boxAccent .content .title a:hover {
  text-decoration: none;
}
.noTouch .boxAccent:hover .photo::after {
  opacity: 1;
  visibility: visible;
  -ms-transform: scale(1);
      transform: scale(1);
}
/* boxesGallery */
.boxesGallery .box:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background: #34addc;
}
.boxesGallery .box:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.boxesGallery .box.photo:after {
  bottom: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  background: url('../images/iconPreview.svg') center center no-repeat;
}
.boxesGallery .box.video:after {
  bottom: 15px;
  left: 15px;
  width: 30px;
  height: 30px;
  background: url('../images/iconPlay.svg') center center no-repeat;
}
.boxesGallery .box img {
  width: 100%;
  height: auto;
}
.noTouch .boxesBrands .box:hover .photo:before,
.noTouch .boxesPartners .box:hover .photo:before,
.noTouch .boxesBrands .box:hover .photo:after,
.noTouch .boxesPartners .box:hover .photo:after {
  display: none;
}
/* boxesPartners */
.accentPartners .box {
  width: 200px;
  margin: 0 0 20px;
}
.accentPartners .box:hover .photo {
  opacity: 0.7;
}
.boxesPartners .box {
  text-align: center;
}
.boxesPartners .box:hover .photo {
  opacity: 0.7;
}
/* boxesNews */
.accentNews.accent .wrapper {
  overflow: visible;
}
.accentNews .box {
  background: #FFF;
  height: 500px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}
.accentNews .box .photo {
  position: relative;
}
.accentNews .box .photo:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5a5a5a;
  background: rgba(52, 173, 220, 0.6);
  opacity: 0;
  visibility: hidden;
  -ms-transform: scale(0) translateY(100%);
      transform: scale(0) translateY(100%);
  transition: all 0.3s;
}
.accentNews .box .content {
  padding: 20px 25px;
  background: #FFF;
}
.accentNews .box .content .title {
  font-size: 24px;
  font-weight: bold;
}
.accentNews .box .content .text {
  max-height: 100px;
  font-size: 15px;
}
.accentNews .box .content .read-more {
  display: inline-block;
  font-size: 18px;
  font-family: 'BebasNeue', sans-serif;
  color: #34addc;
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  left: 25px;
  padding-right: 15px;
  background: url('../images/next-blue.svg') no-repeat right center;
}
.accentNews .box .content .read-more:hover {
  text-decoration: underline;
}
.accentNews .box:hover .content .title a {
  color: #34addc;
}
.noTouch .accentNews .box:hover .photo::before {
  opacity: 1;
  visibility: visible;
  -ms-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0);
}
.accents {
  position: relative;
  z-index: 11;
  background: #fff;
}
.accentTitle {
  font-size: 35px;
  line-height: 40px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.accent .wrapper {
  overflow: hidden;
}
.accentAbout {
  padding: 90px 0;
  background: url('../images/text-background.png');
}
.accentAbout h1 {
  overflow: hidden;
  padding-bottom: 10px;
  position: relative;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 50px;
}
.accentAbout h1:after {
  content: "";
  width: 145px;
  height: 5px;
  background: #34addc;
  position: absolute;
  bottom: 0;
  left: 0;
}
.accentBanners {
  padding: 40px 0 10px;
}
.bannersAccent {
  overflow: hidden;
  margin: 0 -12px;
  font-size: 0;
  line-height: 0;
}
.bannersAccentItem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 12px;
}
.bannersAccentItem img {
  display: block;
  width: 100%;
  height: auto;
}
.bannersAccentItem.small {
  width: 384px;
}
.bannersAccentItem.medium {
  width: 792px;
}
.bannersAccentItem.big {
  width: 1200px;
}
.bannersAccentItem .photo {
  display: block;
}
.bannersAccentItem .label {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 5px;
  padding: 5px 10px;
  background: #333;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.bannersAccentItem .label.gold {
  background: #ffd700;
}
.bannersAccentItem .label.purple {
  background: #736ba6;
}
.bannersAccentItem .label.red {
  background: #ab2719;
}
.bannersAccentItem .label.label-type-1 {
  background: #736ba6;
}
.bannersAccentItem .label.label-type-2 {
  background: #ffd700;
}
.bannersAccentItem .label.label-type-3 {
  background: #ab2719;
}
.bannersAccentItem .content {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  height: 141px;
  padding: 10px 20px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
.bannersAccentItem .content .title {
  overflow: hidden;
  max-height: 50px;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 25px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}
.bannersAccentItem .content .title a {
  color: inherit;
}
.bannersAccentItem .content .title a:hover {
  color: #34addc;
  text-decoration: none;
}
.bannersAccentItem .content .text {
  overflow: hidden;
  max-height: 50px;
  font-size: 14px;
  line-height: 25px;
  color: #3c3e50;
}
.bannersAccentItem .content .more a {
  font-size: 14px;
  line-height: 25px;
}
.accentFeatured {
  height: 850px;
  padding: 80px 0;
  box-sizing: border-box;
  position: relative;
  background-color: #f6f5f5;
  background-image: url('../images/products-bckg.png');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.accentFeatured .accentTitle {
  font-size: 48px;
  line-height: 48px;
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
}
.accentFeatured .accentTitle:after {
  content: "";
  width: 145px;
  height: 5px;
  background: #34addc;
  position: absolute;
  bottom: 0;
  left: 0;
}
.accentNews {
  padding: 20px 0;
  background: url('../images/novini-background.png');
}
/* widgetAccordion */
.accordionItem {
  margin-bottom: 10px;
}
.accordionItem .head {
  position: relative;
  padding: 7px 10px 7px 50px;
  background: #34addc;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
}
.noTouch .accordionItem .head:hover {
  cursor: pointer;
}
.accordionItem .head:before,
.accordionItem .head:after {
  content: '';
  position: absolute;
  border-radius: 1px;
  background: #fff;
}
.accordionItem .head:before {
  top: 50%;
  width: 18px;
  height: 3px;
  margin: -2px 0 0 -40px;
}
.accordionItem .head:after {
  top: 50%;
  left: 18px;
  width: 3px;
  height: 18px;
  margin-top: -9px;
}
.accordionItem .head:after {
  transition: all 0.6s;
}
.accordionItem.selected .head:after {
  opacity: 0;
  visibility: hidden;
}
.accordionItem .head p {
  padding: 0;
}
.accordionItem .body {
  transition: all 0.6s;
}
.accordionItem .body {
  overflow: hidden;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.accordionItem.selected .body {
  opacity: 1;
  visibility: visible;
}
#mainContent .accordionItem .body .article {
  padding: 17px 20px 10px;
  font-size: 14px;
  line-height: 20px;
}
.accordionItem .body {
  background: #f0f0f0;
}
.accordionItem .body .article {
  padding: 20px;
}
.widgetAccordionMessages .accordionItem {
  border-color: #fff;
  margin-bottom: 0;
  background: #222;
}
.widgetAccordionMessages .accordionItem .barInfo {
  font-size: 13px;
  line-height: 21px;
  color: #fff;
}
.widgetAccordionMessages .accordionItem .barInfo .decorationCheck {
  display: none;
}
.widgetAccordionMessages .accordionItem .barInfo .iconCheck {
  position: relative;
  top: -2px;
  width: 15px;
  height: 15px;
}
.widgetAccordionMessages .accordionItem .head {
  padding: 36px 40px;
  background-color: transparent;
}
.widgetAccordionMessages .accordionItem .head:before {
  right: 40px;
}
.widgetAccordionMessages .accordionItem .head:after {
  right: 47px;
  left: auto;
}
.widgetAccordionMessages .accordionItem .head .title {
  font-family: 'GloberSemiBold', sans-serif;
  font-size: 28px;
  line-height: 40px;
  color: #fff;
}
.widgetAccordionMessages .accordionItem .body {
  background-color: transparent;
}
.widgetAccordionMessages .accordionItem .body .article {
  color: #fff;
}
#mainContent .accordionItem .body .article {
  padding: 0 40px 30px;
}
.widgetAccordionMessages .accordionItem.done {
  background: #c2c2c2;
}
.widgetAccordionMessages .accordionItem.done .barInfo .decorationCheck {
  display: inline;
}
.tabsNav a,
.tabsNav a:after {
  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;
  padding: 0;
}
.tabsNav ul li:before {
  width: 0;
  height: 0;
}
.tabsNav ul li + li {
  margin-left: 2px;
}
.tabsNav a {
  position: relative;
  display: block;
  border: 1px solid #efeeee;
  border-bottom-color: #dcdcdc;
  padding: 14px 30px;
  background: #eee;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  text-transform: uppercase;
  text-decoration: none;
}
.tabsNav a:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 2px;
  background: #34addc;
}
.tabsNav .selected a,
.noTouch .tabsNav a:hover {
  border-bottom-color: #fff;
  background: #fff;
  color: #34addc;
  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;
}
.widgetTabs .content {
  border: 1px solid #efeeee;
  padding: 20px;
}
#header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}
#header .logo {
  float: left;
  width: 254px;
  display: block;
  margin: 10px 0 0;
}
#header .logo img {
  width: 100%;
  height: auto;
}
.headerTop {
  position: relative;
  z-index: 3;
  background: #f9f9f9;
}
.headerTop .navLang {
  float: right;
}
.headerTop #formSearch {
  float: right;
  height: 44px;
}
.headerTop #formSearch .search-button {
  float: right;
  display: inline-block;
  width: 58px;
  height: 44px;
  text-align: center;
  cursor: pointer;
  line-height: 44px;
  position: relative;
  z-index: 10;
}
.headerTop #formSearch .search-button .iconSearch {
  vertical-align: middle;
}
.headerBottom {
  position: relative;
  z-index: 2;
  background: #fff;
}
#footer {
  position: relative;
  z-index: 30;
  background: #222;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
#footer .cols {
  margin: 0 -1%;
}
#footer .col {
  width: 23%;
  margin: 0 1%;
}
#footer .col p {
  color: #fff;
}
#footer .col h5 {
  padding-right: 130px;
  margin-bottom: 15px;
  font-size: 24px;
  color: #FFF;
  position: relative;
}
#footer .col h5:after {
  content: "";
  width: 120px;
  height: 4px;
  background: #393939;
  position: absolute;
  top: 10px;
  right: 0;
}
#footer .col li {
  padding-left: 0;
}
#footer .col li:before {
  width: 0;
}
#footer .col a {
  color: #FFF;
  text-decoration: none;
}
#footer .col a:hover {
  color: #34addc;
}
#footer .col .btnContacts {
  font-size: 14px;
  color: #34addc;
  text-transform: uppercase;
}
#footer .col .btnContacts:hover {
  text-decoration: underline;
}
.footerTop .wrapper {
  min-height: 280px;
  padding: 30px 0;
  box-sizing: border-box;
  background: url('../images/Solitech-globe.png') no-repeat right 40px top 10px;
}
.footerTop .article p {
  padding-bottom: 3px;
}
.footerBottom {
  border-top: 1px solid #4a4a4a;
  overflow: hidden;
  line-height: 60px;
}
.footerBottom .wrapper {
  overflow: hidden;
}
.footerBottom a {
  color: #fff;
  text-decoration: underline;
  transition: all 0.3s;
}
.noTouch .footerBottom a:hover {
  color: #34addc;
  text-decoration: none;
}
.copy {
  float: left;
  width: 280px;
}
.copy a {
  display: inline-block;
  margin-left: 2px;
}
#blockFooter {
  float: left;
  width: 640px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.stenik {
  float: right;
}
.stenik img {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 0;
}
.stenik .iconSVG {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  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;
}
/* ------------------------------------------------------------ *\
	#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: #333;
}
.titleAside {
  border-width: 1px 0;
  border-style: solid;
  border-color: #34addc;
  padding: 13px 0;
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 22px;
  color: #333;
  font-weight: bold;
  text-align: center;
  font-family: 'BebasNeue', sans-serif;
}
.titleSub {
  margin-bottom: 22px;
  font-size: 28px;
  line-height: 30px;
  color: #333;
}
.titleArticle {
  font-size: 16px;
  line-height: 25px;
  color: #333;
  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: #333;
  font-style: italic;
}
.productDescription .productPrice {
  padding: 15px 0;
  font-size: 22px;
  line-height: 25px;
  color: #34addc;
  font-weight: bold;
}
.productDescription .btns {
  padding-top: 20px;
}
/* brandDescription */
.brandDescription {
  margin: 20px 0;
}
.brandDescription .btns {
  margin: 10px 0;
}
.barTitle {
  overflow: hidden;
}
.barTitle .titleMain {
  float: left;
}
.barTitle img {
  float: right;
  width: 100px;
  height: auto;
}
.featuredPhoto {
  overflow: hidden;
  margin: 20px 0 10px;
  text-align: center;
}
.featuredPhoto img {
  max-width: 100%;
  height: auto;
}
/* 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;
}
/* ------------------------------------------------------------ *\
	#modules
\* ------------------------------------------------------------ */
.module {
  clear: both;
}
.moduleHead {
  overflow: hidden;
  padding: 20px 0 10px;
}
.moduleHead .title {
  float: left;
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  color: #333;
  position: relative;
  padding-bottom: 10px;
}
.moduleHead .title:after {
  content: "";
  width: 145px;
  height: 5px;
  background: #34addc;
  position: absolute;
  bottom: 0;
  left: 0;
}
.moduleHead .more {
  float: right;
}
.moduleHead .more a {
  display: inline-block;
  padding-right: 25px;
  font-size: 18px;
  line-height: 48px;
  font-family: 'BebasNeue', sans-serif;
  text-decoration: none;
  background: url('../images/next-blue.svg') no-repeat right center;
}
.moduleHead .more a:hover {
  text-decoration: underline;
}
/* moduleRelated */
.moduleRelated .box .text {
  max-height: 60px;
}
/* moduleText */
.moduleText {
  margin-bottom: 40px;
}
/* moduleProdctView */
.moduleProductView {
  overflow: hidden;
}
.moduleProductView.moduleFull .gallery {
  display: none;
}
.moduleProductView.moduleFull .productDescription {
  float: none;
  width: auto;
}
/* ------------------------------------------------------------ *\
	#areaSubscribe
\* ------------------------------------------------------------ */
.areaSubscribe {
  min-height: 120px;
  background: #f9f9f9;
}
.areaSubscribe .wrapper {
  border-bottom: 1px solid #fbfbfb;
}
/* ------------------------------------------------------------ *\
	#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;
}
/* ------------------------------------------------------------ *\
	#popups
\* ------------------------------------------------------------ */
/* popupSurvey */
.popupSurvey {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  display: block;
  width: 210px;
  padding: 40px 20px 20px;
  background: #333;
  transition: all 0.3s;
  -ms-transform: translateX(100%);
      transform: translateX(100%);
}
.popupSurvey.is-open {
  -ms-transform: translateX(0);
      transform: translateX(0);
}
.popupSurvey p {
  padding: 0 0 10px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.popupSurvey h5 {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 20px;
  color: #ff972f;
  text-transform: uppercase;
}
.popupSurvey .btnSecondary {
  position: relative;
  overflow: hidden;
  display: block;
  height: 37px;
  padding: 0 60px 0 35px;
  border-radius: 5px;
  background: #fff;
  font-size: 14px;
  line-height: 37px;
  color: #000;
  text-decoration: none;
  text-transform: none;
}
.popupSurvey .btnSecondary:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 37px;
  width: 7px;
  height: 10px;
  margin-top: -4px;
  background: url('../images/iconArrowRight.svg') 0 0 no-repeat;
}
.popupSurvey .btnSecondary:hover {
  background: #eee;
  color: #000;
}
.popupSurvey .btns {
  text-align: center;
}
.popupSurvey .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  background: #bcbcbc;
}
.popupSurvey .btnClose:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  background: url('../images/cboxClose.svg') 0 0 no-repeat;
}
.popupSurvey .btnClose:hover {
  background: #494949;
}
/* ==========================================================================
	#TABLET
========================================================================== */
/* min-width: 1200px */
@media screen and (min-width: 1200px) {
  #menu {
    display: none;
  }
  #menu {
    -ms-transform: translate(0) !important;
    transform: translate(0) !important;
  }
}
@media (max-width: 1200px) {
  .wrapper {
    width: 1000px;
    padding: 0;
  }
  /* iOS scroll fix and recaptcha position bug */
  html.iOS.sb-active,
  html.iOS.sb-active body {
    height: 100%;
  }
  a:hover {
    text-decoration: none;
  }
  /* 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: 15px 10px 5px 25px;
  }
  .navMain {
    display: none;
  }
  .sb-slidebar {
    background: #333;
  }
  #menu {
    padding: 20px 0;
  }
  #menu ul li {
    display: block;
    padding: 0 15px;
  }
  #menu ul .hasDropdown {
    position: relative;
    padding-right: 50px;
    cursor: pointer;
  }
  #menu ul .hasDropdown:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 2;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
  }
  #menu ul .hasDropdown .dropdown {
    display: none;
  }
  #menu ul .hasDropdown.isActive .dropdown {
    display: block;
  }
  #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: #34addc;
    text-decoration: none;
  }
  #menu ul ul {
    padding-left: 15px;
  }
  #menu ul ul li {
    padding: 0;
  }
  /* article */
  .article blockquote {
    padding: 15px 10px 5px;
    font-size: 15px;
    line-height: 20px;
  }
  /* sliders */
  #sliderMain .slide .description {
    width: 400px;
    margin: 0 0 0 -220px;
    padding: 0 20px 20px;
    text-align: center;
  }
  /* accents */
  .accentFeatured {
    height: auto;
    padding: 30px 0;
  }
  .accentFeatured .boxes {
    margin: 0;
  }
  .boxAccent {
    width: 30%;
    margin: 0 1.5% 20px;
  }
  .accentBanners {
    text-align: center;
  }
  .bannersAccentItem {
    max-width: calc(76%);
  }
  .accentFeatured {
    padding-top: 30px;
  }
  .accentFeatured .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: 32px;
    text-align: center;
  }
  /* paging */
  .paging {
    padding: 20px 0;
  }
  /* breadcrumbs */
  .breadcrumbs ul {
    width: auto;
    padding: 0 10px;
  }
  .breadcrumbs ul li {
    display: inline;
    line-height: 18px;
  }
  .breadcrumbs ul li + li:before {
    height: 18px;
  }
  /* boxes */
  .boxes {
    margin: 0 41px;
  }
  /* modules */
  /* colsContacts*/
  .colsContacts .col {
    float: none;
    width: auto;
  }
  .colsContacts .col + .col {
    margin-left: 0;
  }
  /* barTitle */
  .barTitle {
    text-align: center;
  }
  .barTitle .titleMain {
    float: none;
  }
  .barTitle img {
    float: none;
  }
}
@media (max-width: 1023px) {
  .wrapper {
    width: 750px;
  }
  /* boxes */
  .boxes {
    margin: 0 69px;
  }
  .boxAccent {
    width: 47%;
    margin: 0 1.5% 20px;
  }
  /* gallery */
  #galleryMain {
    float: none;
    margin: 0 auto;
  }
  .productDescription {
    float: none;
    width: auto;
    margin-top: 10px;
  }
  /* widgetGallery */
  .widgetGallery .galleryImage {
    width: 234px;
  }
}
@media (max-width: 767px) {
  .wrapper {
    width: 540px;
  }
  /* header */
  .headerBottom .navLang {
    margin-left: 0;
  }
  /* footer */
  .footerTop .wrapper {
    min-height: 0;
    background: none;
    padding: 20px 0 0;
  }
  #footer .col {
    width: 98%;
    margin-bottom: 20px;
  }
  #footer .article ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
  }
  .footerBottom {
    line-height: 40px;
  }
  /* article */
  .article .tableGrid td[style] {
    display: block;
    width: 100% !important;
  }
  /* sliders */
  #sliderMain {
    height: 300px;
  }
  #sliderMain .slide .description {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    margin: 0;
  }
  #sliderMain .slide .description .title {
    max-height: 60px;
    font-size: 28px;
    line-height: 30px;
  }
  #sliderMain .slide .description .text {
    max-height: 60px;
    font-size: 15px;
    line-height: 20px;
  }
  /* accents */
  .accentBanners {
    display: none;
  }
  /* 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 (max-width: 550px) {
  .wrapper {
    width: 460px;
  }
  .titleMain {
    margin-bottom: 20px;
    font-size: 31px;
    line-height: 32px;
  }
  /* 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;
  }
}
@media (max-width: 479px) {
  .wrapper {
    width: 350px;
  }
  /* header */
  #btnMenu {
    margin-top: -30px;
  }
  #header .logo {
    float: none;
    max-width: 180px;
    margin: 0 auto;
  }
  #header #formSearch {
    float: left;
  }
  #formSearch .field {
    left: 0;
  }
  .secondaryMenu {
    display: none;
  }
  .accentAbout {
    padding: 30px 0;
  }
  .accentAbout p {
    margin: 0 0 20px !important;
    text-align: center !important;
  }
  .accentFeatured .accentTitle {
    font-size: 26px;
    line-height: 26px;
  }
  .accentFeatured .accentTitle::after {
    width: 105px;
  }
  .moduleRelated .moduleHead .title {
    float: left;
    font-size: 26px;
    line-height: 26px;
  }
  .accentPartners .box {
    width: 47%;
    margin: 0 1.5%;
  }
  .accentPartners .box .photo {
    height: 100px;
  }
  /* 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;
  }
  /* popups */
  .popupSurvey {
    padding: 40px 10px 10px;
  }
}
@media (max-width: 359px) {
  .wrapper {
    width: 300px;
  }
  /* forms */
  .form .btnBlue {
    min-width: 250px;
  }
  .form #captcha {
    display: block;
  }
  .form #captcha {
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    -ms-transform: scale(0.85);
        transform: scale(0.85);
  }
  /* widgetGallery */
  .widgetGallery .galleryImage {
    width: 137px;
  }
}
/*# sourceMappingURL=build.css.map */