* {
outline:none!important;
}
// CSS Reset
@import "../../../media/jui/less/reset.less";

// Core variables and mixins
@import "variables.less"; // Custom for this template
@import "../../../media/jui/less/mixins.less";

// Grid system and page structure
@import "../../../media/jui/less/scaffolding.less";
@import "../../../media/jui/less/grid.less";
@import "../../../media/jui/less/layouts.less";

// Base CSS
@import "../../../media/jui/less/type.less";
@import "../../../media/jui/less/code.less";
@import "../../../media/jui/less/forms.less";
@import "../../../media/jui/less/tables.less";

// Components: common
// @import "../../../media/jui/less/sprites.less";
@import "../../../media/jui/less/dropdowns.less";
@import "../../../media/jui/less/wells.less";
@import "../../../media/jui/less/component-animations.less";
@import "../../../media/jui/less/close.less";

// Components: Buttons & Alerts
@import "../../../media/jui/less/buttons.less";
@import "../../../media/jui/less/button-groups.less";
@import "../../../media/jui/less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

// Components: Nav
@import "../../../media/jui/less/navs.less";
@import "../../../media/jui/less/navbar.less";
@import "../../../media/jui/less/breadcrumbs.less";
@import "../../../media/jui/less/pagination.less";
@import "../../../media/jui/less/pager.less";

// Components: Popovers
@import "../../../media/jui/less/modals.less";
@import "../../../media/jui/less/tooltip.less";
@import "../../../media/jui/less/popovers.less";

// Components: Misc
@import "../../../media/jui/less/thumbnails.less";
@import "../../../media/jui/less/labels-badges.less";
@import "../../../media/jui/less/progress-bars.less";
@import "../../../media/jui/less/accordion.less";
@import "../../../media/jui/less/carousel.less";
@import "../../../media/jui/less/hero-unit.less";

// Utility classes
@import "../../../media/jui/less/utilities.less";

// RESPONSIVE CLASSES
// ------------------

@import "../../../media/jui/less/responsive-utilities.less";


// MEDIA QUERIES
// ------------------

// Phones to portrait tablets and narrow desktops
@import "../../../media/jui/less/responsive-767px-max.less";

// Tablets to regular desktops
@import "../../../media/jui/less/responsive-768px-979px.less";

// Large desktops
@import "../../../media/jui/less/responsive-1200px-min.less";


// RESPONSIVE NAVBAR
// ------------------

// From 979px and below, show a button to toggle navbar contents
@import "../../../media/jui/less/responsive-navbar.less";

// Extended for JUI
@import "../../../media/jui/less/bootstrap-extended.less"; // Has to be last to override when necessary
// div.modal (instead of .modal)
@import "../../../media/jui/less/modals.joomla.less";
@import "../../../media/jui/less/responsive-767px-max.joomla.less";

// Icon Font
@import "icomoon.less";
@import "chosen.less";
@import "animate.less";
@import "magnific-popup.less";
@import "owl.carousel.less";
@import "font-awesome.less";
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
  width: auto;
}

* {
  box-sizing: border-box;
}

/* Site Body Styles */
.thumbnail {
	margin-bottom:0.9rem;
}
.accordion-group {
	background:#fff;
}
/* Site Title (if no logo) */
.site-title {
	font-size: 4rem;
	line-height: 4.8rem;
	font-weight: bold;
}
.brand {
	color: darken(@linkColor, 20%);
	.transition(color .5s linear);
}
.brand:hover {
	color: @linkColor;
	text-decoration: none;
}
/* Header */
.header{
	margin-bottom: 1rem;
}
.header .finder {
	margin-top: 1.4rem;
}
.header .finder .btn{
	margin-top: 0;
}
/* Nav */
.navigation{
	padding: 0.5rem 0;
	border-top: 1px solid rgba(0, 0, 0, 0.075);
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);
	margin-bottom: 1rem;
}
.navigation .nav-pills{
	margin-bottom: 0;
}
/* Hero Banner Unit */
.hero-unit{
	background-color: #08C;
}
.hero-unit > *{
	color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Container */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: auto;
  max-width: 1200px;
  padding: 0 1rem;
}
/* Wells */
.well .page-header{
	margin: 0px 0px 0.5rem 0px;
}
/* Headings */

h1, h2, h3, h4, h5, h6 {
  margin: 1rem 0;
  line-height: 1.2;
}
h1 { font-size: 2.8rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2.0rem; }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.7rem; }
h6 { font-size: 1.5rem; }
/* Module */
.module-header {
	padding-bottom: 1.7rem;
	margin: 2rem 0 1.8rem 0;
	border-bottom: 1px solid #eeeeee;
}
/* Single Item */
.item-title {
	margin-bottom:0.9rem;
}
.item-content {
	margin:18px 0;
}
.item-subtitle {
	margin-bottom:0.9rem;
}
.pull-right.item-image {
	margin:0 0 1.8rem 2rem;
}
.pull-left.item-image {
	margin:0 2rem 1.8rem 0;
}
.header .nav > li:last-child > .dropdown-menu,
.item-actions .dropdown-menu,
.item-comment .dropdown-menu {
	left:initial;
	right:0;
}
.article-index {
	margin:0 0 1rem 1rem;
}
/* List */
.list-item-title {
	margin-bottom:0.9rem;
}
.list-item-content {
	margin:1.8rem 0;
}
.list-item-subtitle {
	margin-bottom:0.9rem;
}
/* More Items */
.items-more,
.content-links {
	padding: 1.5rem 0;
}
/* Breadcrumbs */
.breadcrumb {
	margin: 1.0rem 0;
}
/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}
/* New captions */
figure {
	display: table;
}
figure.pull-center,
img.pull-center {
	margin-left: auto;
	margin-right: auto;
}
figcaption {
	display: table-caption;
	caption-side: bottom;
}
/* Aside Subnavs */
#aside .nav .nav-child {
	border-left: 2px solid @tableBorder;
	padding-left: 0.5rem;
}
/* Navigation Submenus */
// The dropdown menu (ul)
// ----------------------
.navigation {
	.nav-child {
		position: absolute;
		top: 125%;
		left: 0;
    text-align: left;
		z-index: 1000;
		display: block;
		float: left;
		min-width: 16rem;
		padding: 0.5rem 0;
		margin: 0; // override default ul
		list-style: none;
		background-color: #fff;
		border: 1px solid #ccc;

    opacity: 0;
    visibility: hidden;

    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;

		a {
			display: block;
			padding: 0.3rem 2rem;
			clear: both;
			font-size: 1.6rem;
			font-weight: normal;
			line-height: 2rem;
			color: @dropdownLinkColor;
			white-space: nowrap;
		}
	}
	.nav > li {
		position: relative;
	}
	.nav > li:hover > .nav-child,
	.nav > li > a:focus + .nav-child {
		display: block;
    top: 100%;
    opacity: 1;
    visibility: visible;

    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	}
}

@media (max-width: 480px) {
	.item-info > span {
		display:block;
	}
	.blog-item .pull-right.item-image {
		margin:0 0 1.8rem 0;
	}
	.blog-item .pull-left.item-image {
		margin:0 0 1.8rem 0;
		float:none;
	}
}
@media (max-width: 768px) {
	body {
		padding-top: 0;
	}
	.header .brand {
		float:none;
		display:block;
		text-align:center;
	}
	.header .nav.pull-right,
	.header-search {
		float:none;
		display:block;
	}
	.header-search form {
		margin: 0;
	}
	.header-search .search-query {
		width: 90%;
	}
	.header .nav-pills > li > a {
		border: 1px solid @tableBorder;
		border-bottom:0;
		margin:0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-right: 0;
	}
	.header .nav-pills > li:first-child > a {
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	.header .nav-pills > li:last-child > a {
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		border-bottom:1px solid @tableBorder;
	}
	.modal.fade {
		top:-100%;
	}
	.nav-tabs {
		border-bottom: 0;
	}
	.nav-tabs > li {
		float: none;
	}
	.nav-tabs > li > a {
		border: 1px solid @tableBorder;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-right: 0;
	}
	.nav-tabs > li:first-child > a {
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	.nav-tabs > li:last-child > a, .nav-tabs > .active:last-child > a {
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		border-bottom:1px solid @tableBorder;
	}
	.nav-tabs > li > a:hover {
		border-color: @tableBorder;
		z-index: 2;
	}
	.nav-tabs.nav-dark > li > a {
		border: 1px solid @grayDark;
	}
	.nav-tabs > li:last-child > a, .nav-tabs > .active:last-child > a {
		border-bottom:1px solid @grayDark;
	}
	.nav-tabs.nav-dark > li > a:hover {
		border-color: @grayDark;
	}
	.nav-pills > li {
		float: none;
	}
	.nav-pills > li > a {
		margin-right: 0;
	}
	.nav-pills > li > a {
		margin-bottom: 3px;
	}
	.nav-pills  > li:last-child > a {
		margin-bottom: 1px;
	}
	.form-search > .pull-left,
	.form-search > .pull-right {
		float:none;
		display:block;
		margin-bottom:0.9rem;
	}
}
@media (max-width: 980px) {
	.navbar-fixed-top {
		margin-bottom:0!important;
	}
	.item-comment .item-image{
		display:none;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#login-form .input-small {
		width: 62rem;
	}
}

//============================================
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap&subset=cyrillic');
//font-family: 'Open Sans', sans-serif;
html {
  font-size: 62.5%;
  min-height: 100vh;
}
body {
font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.fieldset {
  min-width:0;
}
.body {
  flex-grow: 1;
}
a {
  color: #1199ff;
  transition: all ease 0.3s;
  &:hover, &:focus {
    color: lighten(#1199ff, 20%);
  }
}
li {
  line-height: inherit;
}
[class^="icon-"], [class*=" icon-"] {
  background-image: none;
  width: auto;
  height: auto;
  line-height: inherit;
  font-size: inherit;
  margin: 0;
  vertical-align: baseline;
}
p {
  margin-bottom: 1rem;
}
.navigation {
  background: transparent;
  margin:0;
  padding: 0;
  border: 0;
  ul.nav {
    .clearfix;
    margin:0;
    padding: 0;
    text-align: center;
    & > li + li {
     
    }
	li:first-child {
	a {
		border-left:1px solid #5499be;
	}
	}
    & > li {
      display: inline-block;
      
      & > a,
      & > span.separator {
        display: block;
        cursor: pointer;
        font-size: 1.5rem;
        color: #fff;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
      
        background: transparent;
		padding-top:1rem;
		padding-bottom:1rem;
		padding-left: 6rem;
padding-right: 6rem;
		border-right:1px solid #5499be;
        &:hover, &:focus, &.cur {
          background: #186793;
          color: #fff;
        }
      }
      &.active {
        & > a,
        & > span.separator {
         background: #186793;
          color: #fff;
          &:hover, &:focus, &.cur {
           background: #186793;
          color: #fff;
          }
        }
      }
      &.current {
        & > a,
        & > span.separator, &.cur {
         background: #186793;
          color: #fff;
          &:hover, &:focus  {
           background: #186793;
          color: #fff;
          }
        }
      }
      &.active.current {
        & > a,
        & > span.separator, &.cur {
     background: #186793;
          color: #fff;
          &:hover, &:focus  {
            background: #186793;
          color: #fff;
          }
        }
      }
      &.deeper {
        & > a,
        & > span.separator {
          position: relative;
          &:before {
            display: block;
            vertical-align: baseline;
            border-left: 0.4rem solid transparent;
            border-right: 0.4rem solid transparent;
            border-top: 0.4rem solid #404548;
            right: 0.0rem;
            top: 1.4rem;
            content: "";
            height: 0;
            position: absolute;
            width: 0;
          }
          &:after {
            display: block;
            vertical-align: baseline;
            border-left: 0.4rem solid transparent;
            border-right: 0.4rem solid transparent;
            border-top: 0.4rem solid #fff;
            right: 0.0rem;
            top: 1.2rem;
            content: "";
            height: 0;
            position: absolute;
            width: 0;
          }
          &:hover:before {
            border-top-color: #f72323;
          }
        }
        &.active > a,
        &.active > span.separator {
          &:before {
            border-top-color: #f72323;
          }
        }
      }
      .nav-child {
        background-color: #f72323;
        .border-radius(0);
        &::after {
          position: absolute;
          top: -6px;
          left: 10px;
          display: inline-block;
          border-right: 6px solid transparent;
          border-bottom: 6px solid #f72323;
          border-left: 6px solid transparent;
          content: '';
        }

        & > li {
          & > a {
            color: #fff;
            padding: 1rem 2rem;
            font-size: 1.4rem;
            &:hover,
            &:focus {
              background: #fff;
              color: #f72323;
            }
          }
          &.current > a, &.active > a,
          &:hover > a {
            background: #fff;
            color: #f72323;
          }
        }
      }
    }
  }
}
.owl-dots {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0;
  text-align: center;
  .owl-dot {
    display: inline-block;
    padding: 0;
    width: 1rem;
    height: 1rem;
    margin: 0.5rem;
    background: transparent;
    border: 1px solid #cecece;
    border-radius: 50%;

    &:hover, &:focus, &:active, &.active {
      background: #cecece;
      border: 1px solid #cecece;
    }
  }
}
.owl-carousel .owl-item img {
    width: auto;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  display: block;
  position: absolute;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  top: 50%;
  font-size: 1.6rem;
  line-height: 1;
  height: 1.6rem;
  width: 1.6rem;
  transform: translateY(-50%);
  color: #cecece;
  &.disabled {
    opacity: 0.6;
    cursor: default;
  }
  &:hover, &:focus, &:active {
    color: #333;
  }
}
.owl-carousel .owl-item img {
  max-width: 100%;
}
.owl-carousel .owl-nav .owl-prev { left: 0; text-align: left}
.owl-carousel .owl-nav .owl-next { right: 0; text-align: right}

.page-header {
  padding: 0;
  margin: 0;
}
div.itemHeader h1.itemTitle,
div.catItemHeader h1.catItemTitle,
div.itemListCategory h1,
.page-header h1,
h1.page-header,
h1.componentheading,
.jshop > form > h1 {
  padding: 0;
  margin: 0;
  margin-bottom: 3rem;
  font-family: 'Open Sans', sans-serif;
  color: #1c1c1c;
  font-weight: 700;
  background: transparent;
  font-size: 3.6rem;
  line-height: 1.2;
  padding-top: 0;
  text-align: center;
  .not_first_word {
    background: #1199ff;
    color: #fff;
    padding: 0.3rem 0.5rem;
  }
}
div.itemBody {
  padding: 0;
  margin: 0;
}


#k2Container.itemListView {
  .catItemView {
    h3.catItemTitle {
      font-size: 2.6rem;
    }
  }
}
.moduletable > h3,
h3.ModalLabel {
  font-family: 'Open Sans', sans-serif;
  color: #1c1c1c;
  font-size: 2.4rem;
  font-weight: 700;

  background: transparent;
  padding:1rem;
  text-align: center;
  .not_first_word {
    background: #1199ff;
    color: #fff;
    padding: 0.3rem 0.5rem;
  }
}
div.itemListCategory {
  padding: 0;
  border: 0;
  background: none;
}
div.catItemIntroText {
  padding: 0;
}
div.catItemView {
  margin-bottom: 1rem;
  padding-bottom: 0;
  border-bottom: 1px dotted #cecece;
}
div.catItemBody {
  .clearfix;
  div.catItemImageBlock {
    float: left;
    padding: 0.6rem;
    margin-bottom: 0.5rem;
  }
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: auto;
  width: 100%;
  display: inline-block;
  border: 1px solid #eaeaea;
 font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 1rem 2rem;
  margin: 0;
  border-radius: 3px;
  box-sizing:border-box;
  &:focus {
    border: 1px solid #d3d3d3;
  }
}
textarea { resize: vertical; }
.rsform-block-submit {
  text-align: center;
  #submit {
    background: #0b0b0b;
    color: #fff;
    border: transparent;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 700;
    padding: 1.4rem 2rem;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;

    transition: background 0.3s ease, color 0.3s ease;

    &:hover, &:focus, &:active {
      background: #3d3d3d;
      color: #fff;
      transition: background 0.3s ease, color 0.3s ease;
    }
  }
}
.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
  height: auto;
}
.formResponsive .formHorizontal .rsform-block {
  margin: 0;
}
.formResponsive .formHorizontal .formControlLabel,
.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
  margin-bottom: 0.5rem;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
#fancybox-wrap {
  box-sizing: initial;
}
span.catItemImage img {
  width: auto !important;
  border: none;
  padding: 0;
}
div.catItemBody div.catItemImageBlock {
  //float: none;
}
div.itemImageBlock {
  float: left;
  padding: 1rem;
}
.jsn-themegrid-container {
  overflow: auto !important;
}
@-moz-keyframes fade {
  from { opacity: 0; }
  to { opacity: 1 }
}
@-webkit-keyframes fade {
  from { opacity: 0; }
  to { opacity: 1 }
}
@keyframes fade {
  from { opacity: 0; }
  to { opacity: 1 }
}
.rsform-block-captcha > div > div > div {
  margin: 0 auto;
}
.productfull #list_product_image_thumb .img_thumb {
  display: inline-block;
  width: 100px;
}
.productfull .image_middle {
  width: auto;
}
.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.row-fluid [class*="span"] {
  min-height: 1px;
}
.main-wrapper > .row-fluid > [class*="span"] {
  min-height: 0;
}
div.pp_default .pp_content_container .pp_details {
  position: relative;
  z-index: 2000;
}
.pagination {
  text-align: center;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 2rem;
  width: auto;
  max-width: 500px;
  margin: 2rem auto;
}
.mfp-title {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 300;
  color: #3d4043;
  margin-bottom: 3rem;
  padding: 0 4.4rem;
}
.mfp-close:active {
  top: 0;
}
.mfp-close-btn-in .mfp-inline-holder .mfp-close {
  width: 4.4rem;
  height: 4.4rem;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 4.4rem;
  font-family: monospace;
  background: #3d4043;
  color: #fff;
  opacity: 1;
  border: 1px solid #3d4043;
  transition: background-color 0.3s ease, color 0.3s ease;
  
  &:hover, &:focus, &:active {
    background: #fff;
    color: #3d4043;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
}
.rsfp_thankyou_popup_outer {
  text-align: center;

  &::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .rsfp_thankyou_popup_inner {
    position: relative;
    display: inline-block;
    background: #FFF;
    padding: 2rem 5rem;
    width: auto;
    max-width: 500px;
    margin: 2rem auto !important;
  }

  .rsfp_thankou_popup_close_btn {
    width: 4.4rem;
    height: 4.4rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.4rem;
    font-family: monospace;
    background: #3d4043;
    color: #fff;
    opacity: 1;
    border: 1px solid #3d4043;
    transition: background-color 0.3s ease, color 0.3s ease;
    top:0;
    right: 0;

    &:hover, &:focus, &:active {
      background: #fff;
      color: #3d4043;
      transition: background-color 0.3s ease, color 0.3s ease;
    }
  }
}
.chosen-container {
  width: 100% !important;
}
.chosen-container-single .chosen-single {
  margin-bottom: 0;
  width: 100%;
  display: block;
  height: auto;
  padding: 0 2rem;
 font-family: 'Open Sans', sans-serif;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: none;
	border: 1px solid #e5e5e5;
	color: #adadad;
	font-size: 1.4rem;
	font-weight: 300;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	line-height:1.6rem;
}

.chosen-container-single .chosen-single > span {
  margin-right: 4rem;
}
.chosen-container-single .chosen-single div {
  width: 4rem;
	background: #4D4D4D;
}
.chosen-container-single .chosen-single div b {
  position:absolute;
  background: transparent;
	width: 1.1rem;
	height: 1rem;
	background-size: contain;
	top: 50%;
	left: 50%;
	margin-top: -0.55rem;
	margin-left: -0.5rem;
	&:before {
    display: block;
		font: normal normal normal 14px/1 FontAwesome;
		color: inherit;
		font-size: 1rem;
		line-height: 1rem;
		text-rendering: auto;
		content: "\f078";
	}
}
.chosen-container-active.chosen-with-drop .chosen-single {
	margin-bottom: 0;
	width: 100%;
	display: block;
	height: auto;
	padding: 0 2rem;
font-family: 'Open Sans', sans-serif;
	border-radius: 3px;
	background: #ffffff;
	box-shadow: none;
	border: 1px solid #e5e5e5;
	color: #adadad;
	font-size: 1.4rem;
	font-weight: 300;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	line-height:1.6rem;
}
.chosen-container .chosen-drop {
  border: 1px solid #e5e5e5;
  background: rgba(255,255,255,1.0);
  .chosen-results {
    padding: 0;
    margin: 0;
  }
}
.chosen-container .chosen-results li.active-result {
	font-size: 1.4rem;
	color: #adadad;
	line-height:1.6rem;
  padding: 0 2rem;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
  &.highlighted {
    background: #f1f1f1;
  }
}
.chosen-container-active.chosen-with-drop .chosen-single div {
	background: #4D4D4D;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
	background: transparent;
	width: 1.1rem;
	height: 1rem;
	background-size: contain;
	top: 50%;
	left: 50%;
	margin-top: -0.55rem;
	margin-left: -0.5rem;
	transform: rotate(180deg);
}
.sf_panel .asc, .sf_panel .desc {
  border-left: 4px solid rgba(0, 0, 0, 0);
}
.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -10;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.jq-checkbox,
.jq-radio {
  vertical-align: -4px;
  width: 1.2rem;
  height: 1.2rem;
  min-width: 10px;
  min-height: 10px;
  margin: 0 0.6rem 0 0;
  border: 1px solid #1a1a1a;
  background: #fff;
  cursor: pointer;
  position: relative;

  &.focused {
    border: 1px solid #000;
  }
}
.jq-checkbox.disabled,
.jq-radio.disabled {
  opacity: .55;
}
.jq-checkbox {
  border-radius: 3px;
}
.jq-checkbox.checked .jq-checkbox__div {
  width: auto;
  height: auto;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  background: #1a1a1a;
  border-radius: 2px;
}
.jq-radio {
  border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
  width: auto;
  height: auto;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border-radius: 50%;
  background: #1a1a1a;
}
.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em;
}
.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jq-file {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.jq-file input {
  cursor: pointer;
}
.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 3.4rem;
  padding: 0 8rem 0 1rem;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #FFF;
  box-shadow: inset 1px 1px #F1F1F1;
  line-height: 3.2rem;
}
.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 1rem;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
  line-height: 3.2rem;
  cursor: pointer;
}
.jq-file:hover .jq-file__browse {
  background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.focused .jq-file__name {
  border: 1px solid #5794BF;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}
.header {
margin:0;
padding-top:1.8rem;
padding-bottom:1.8rem;
}

.header-logo, .footer-logo {
a, .header-slogan {
display:inline-block;
vertical-align:middle;
}
 .header-slogan {
 margin-left:0.8rem;
 font-size:1.2rem;
 }
img {
max-width:20rem;
}
}

.header-btn, .footer-btn {
text-align:right;
a {
display:inline-block;
font-size:1.3rem;
color:#fff;
background: #217fb3; /* Old browsers */
background: -moz-linear-gradient(left, #217fb3 0%, #1d73a3 50%, #1d73a3 51%, #186793 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217fb3', endColorstr='#186793',GradientType=1 ); /* IE6-9 */
  box-shadow: 0px 3px 6.86px 0.14px rgba(0, 26, 41, 0.24);
padding-left:3.5rem;
padding-right:3.5rem;
padding-top:0.6rem;
padding-bottom:0.6rem;
border:2px solid transparent;
&:hover, &:focus {
text-decoration:none;
border:2px solid #217fb3;
color:#040404;
background:#ffffff;
}
}
}

.header-contacts, .footer-contacts {
color:#3b3b3b;
font-size:1.5rem;
a {
color:#3b3b3b;
}
}

.header-phone {
padding-left:2.3rem;
position:relative;
&:before {
position:absolute;
left:0;
top:0.2rem;
content:"";
display:block;
background:url('../images/phone-icon.png')no-repeat center center;
background-size:100% 100%;
width:1.3rem;
height:1.3rem;
}
}
.header-email {
padding-left:2.3rem;
position:relative;
margin-top:0.5rem;
&:before {
position:absolute;
left:0;
top:0.5rem;
content:"";
display:block;
background:url('../images/mail-icon.png')no-repeat center center;
background-size:100% 100%;
width:1.28rem;
height:0.96rem;
}
}

.header-search {
#jshop_search {
font-size:1.2rem;
color:#9a9a9a;
background:#f7f7f7;
border:0;
border-radius:0;
box-shadow:none;
padding-top:0.6rem;
padding-bottom:0.6rem;
padding-right:4rem;
  box-shadow: 0px 0px 6.86px 0.14px rgba(0, 70, 113, 0.15);


}
form {
position:relative;
max-width:40rem;
button {
position:absolute;
right:1.3rem;
top:0;
bottom:0;
background:none;
border:0;
}
}
}

.header-menu-wrapper {
background:#217fb3;
}
.header-search {
margin-top:2.3rem;
}
.header-contacts {
margin-top: 2rem;
}
.header-btn {
margin-top:2.3rem;
}

.footer {
background:#f3f3f3;
padding-top:2.9rem;
padding-bottom:4.5rem;
}

.footer-menu1, .footer-menu2, .footer-menu3 {
.nav {
li {
margin-bottom:0.9rem;
&:last-child {
margin-bottom:0;
}
a {
font-weight:600;
color:#000;
font-size:1.3rem;
&:hover, &:focus {
background:none;
text-decoration:underline;
}
}
}
}
}
.korabli-karuselka-item-left {
background:#e8f3f7;
padding-left:1.4rem;
padding-top:1.8rem;
padding-bottom:1.8rem;
padding-right:5.4rem;
height:31.4rem;
}
.korabli-karuselka-item-image {
width:100%;
height:31.4rem;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.ships-carousel-wrapper {
margin-top:1.5rem;
.owl-dots {
position: absolute;
right: 52%;
bottom: 2rem;
.owl-dot {
border:0;
background:#acd0e2;
&.active {
background:#217fb3;
}
}
}
}
.korabli-karuselka-item-title {
font-weight:700;
color:#3b3b3b;
margin-bottom:1.5rem;
font-size:1.5rem;

}
.korabli-karuselka-item-left-zagolovlok {
display:inline-block;
vertical-align:top;
font-size:1.5rem;
font-weight:600;
color:#010101;
width:30%;
}
.korabli-karuselka-item-left-znachenie {
display:inline-block;
vertical-align:top;
font-size:1.4rem;
color:#3b3b3b;
width:70%;
}
.korabli-karuselka-item-left {
font-size:0;
}

.korabli-karuselka-item-year, .korabli-karuselka-item-deadweight, .korabli-karuselka-item-class, .korabli-karuselka-item-desc, .korabli-karuselka-item-price{
margin-bottom:1.2rem;
}
.korabli-karuselka-item-details {
margin-top:2.5rem;
a {
display: inline-block;
font-size: 1.3rem;


box-shadow: 0px 3px 6.86px 0.14px rgba(0,26,41,0.24);
padding-left: 3.5rem;
padding-right: 3.5rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
border:2px solid #217fb3;
background:#ffffff;
color:#040404;
&:hover, &:focus {

background: #217fb3; /* Old browsers */
background: -moz-linear-gradient(left, #217fb3 0%, #1d73a3 50%, #1d73a3 51%, #186793 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217fb3', endColorstr='#186793',GradientType=1 ); /* IE6-9 */
border:2px solid transparent;

text-decoration:none;

color: #fff;

}
}
}

.korabli-karuselka-item-price {
.korabli-karuselka-item-left-znachenie {
font-weight:700;
color:#3b3b3b;
}
}

.ships-carousel-wrapper {
margin-bottom:3.8rem;
}
.korabli-kolonka-item-wrapper {
display:inline-block;
width:33.3333333%;
padding-left:0.5rem;
padding-right:0.5rem;
margin-bottom:3rem;
}
.korabli-kolonki {
font-size:0;

}

.korabli-karuselka-item-image.no-car-image {
height:18rem;
}

.korabli-kolonka-item-inner {
.korabli-karuselka-item-title {
margin-top:1.4rem;
margin-bottom:0.5rem;
}
}
.korabli-no-car-item-desc {
font-size:1.4rem;
font-weight:400;
color:#3b3b3b;
}
.mainpage-about-left {
background:#f6f8fa;
padding-left:1.5rem;
padding-top:2rem;
padding-bottom:3.5rem;
padding-right:2.5rem;
}
.footer {
margin-top:5rem;
}

.about-block-text {
font-size:1.4rem;
margin-top:1.4rem;
color:#3b3b3b;
}
.about-block-header {
font-weight:600;
color:#3b3b3b;
font-size:1.9rem;
}
.mainpage-about-right-image{
height:35.7rem;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.mainpage-about-right {
margin-left:0.3rem;
}
.mainpage-about-left {
margin-right:0.3rem;
}
.korabli-kolonki {
margin-left:-0.5rem;
margin-right:-0.5rem;
margin-top:-1rem;
}

.ships-carousel {
.korabli-karuselka-item-details {
a {
background: #217fb3; /* Old browsers */
background: -moz-linear-gradient(left, #217fb3 0%, #1d73a3 50%, #1d73a3 51%, #186793 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217fb3', endColorstr='#186793',GradientType=1 ); /* IE6-9 */
border:2px solid transparent;

text-decoration:none;

color: #fff;

&:hover, &:focus {
background:#fff;
color:#040404;
border:2px solid #217fb3;
}
}
}
}

.sidebar-banner {

  box-shadow: 0px 2px 4.9px 0.1px rgba(114, 114, 114, 0.24);

}

.sidebar-banner-image {
width:100%;
height:13rem;
background-position:center center;
background-size:cover;
}

.sidebar-banner-title {
padding:1rem;
padding-top:1.5rem;
padding-bottom:1.5rem;
text-align:center; 
a {
display:inline-block;
font-weight:700;
font-size:1.5rem;
color:#003552;
position:relative;
padding-left:2.5rem;
&:before {
content:"";
display:block;
position:absolute;
left:0;
top:50%;
background:url('/images/money-icons.png')no-repeat center center;
background-size:100% 100%;
width:1.6rem;
height:1.6rem;
margin-top:-0.8rem;
}
}
}
#sidebar {
padding-right:2.3rem;
}

.sidebar-nav {

  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.11);

.moduletable > h3 {
margin:0;
padding:0;
padding-top:2rem;
padding-bottom:1.7rem;
border-bottom:1px solid #b3c9d6;
text-align:left;
padding-left:5.6rem;
padding-right:1.7rem;
font-size:1.6rem;
color:#fff;
position:relative;
background:#217fb3;
&:before {
content:"";
display:block;
position:absolute;
left:1.9rem;
top:50%;
width:1.8rem;
height:1.8rem;
background:url('../images/yakor-icon.png')no-repeat center center;
background-size:100% 100%;
margin-top:-0.9rem;
}
}
}

.sidebar-nav {
.nav {
li {
a {
padding-top:1.2rem;
padding-bottom:1.2rem;
background:none;
padding-left:2rem;
padding-right:2rem;
color:#000;
position:relative;
font-size:1.4rem;
&:after {
transition: all ease 0.3s;
}
&:hover, &:focus {
background:#217fb3;
color:#fff;
&:after {
display:block;
content:"";
position:absolute;
left:100%;
top:0;
right:0;
height:100%;
width:0.7rem;
background:url('../images/treugol.png');
background-size:100% 100%;
transition: all ease 0.3s;
}
}
}
&.active, &.current {
a {
background:#217fb3;
color:#fff;
&:after {
display:block;
content:"";
position:absolute;
left:100%;
top:0;
right:0;
height:100%;
width:0.7rem;
background:url('../images/treugol.png');
background-size:100% 100%;
transition: all ease 0.3s;
}
}
}
}
}
}
#sort_count {
display:none;
}
.breadcrumb {
margin:0;
padding:0;
background:none;
a.pathway {
color:#3b3b3b;
font-size:1.3rem;
border-bottom:1px solid #4b7796;
&:hover {
border-bottom:1px solid transparent;
text-decoration:none;
}
}
}
.breadcrumbs-wrapper {
margin-bottom:1.8rem;
}
.divider.icon-location {
display:none;
}
.breadcrumb > li > .divider {
color:#3b3b3b;
font-size:1.3rem;
}
.breadcrumb > .active {
color:#3b3b3b;
font-size:1.3rem;
}

.jshop h1 {
font-weight:600;
color:#3b3b3b;
font-size:1.8rem;
margin-bottom:1.8rem;
}
.category_description {
color:#3b3b3b;
font-size:1.4rem;
margin-bottom:2rem;
}
.pagination_result_counter {
display:none;
}

.product-in-list-right {
background:#f3f8fa;
padding-top:2rem;
padding-left:2rem;
padding-bottom:3.4rem;
padding-right:4.5rem;
h2 {
margin:0;
padding:0;
font-weight: 700;
color: #3b3b3b;
margin-bottom: 1.5rem;
font-size: 1.5rem;
}
.korabli-karuselka-item-details {

a {
background: #217fb3; /* Old browsers */
background: -moz-linear-gradient(left, #217fb3 0%, #1d73a3 50%, #1d73a3 51%, #186793 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217fb3', endColorstr='#186793',GradientType=1 ); /* IE6-9 */
border:2px solid transparent;

text-decoration:none;

color: #fff;

&:hover, &:focus {
background:#fff;
color:#040404;
border:2px solid #217fb3;
}
}
}
}
.product-in-list-left {
padding-right:0.5rem;
.product-in-list-image {
height:17rem;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
}

.product-in-list-right {
.korabli-karuselka-item-year, .korabli-karuselka-item-deadweight, .korabli-karuselka-item-class, .korabli-karuselka-item-desc, .korabli-karuselka-item-price{
font-size:0;
}
}
.pagination {
text-align:right;
ul > li > a{
background:none;
border-radius:0;
border:0;
color:#000;
font-size:1.4rem;
}
ul {
box-shadow:none;
}
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
background:none;
}
.jshop.productfull {

  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.11);

padding-top:2.5rem;
padding-left:2rem;
padding-right:3rem;
padding-bottom:2rem;
}
.jshop > form > h1 {
text-align:left;
font-size:2rem;
color:#3b3b3b;
margin:0;
padding:0;
margin-bottom:1.7rem;
}

.product-page-left {
padding-right:1rem;
}
.product-page-right {
padding-left:1rem;
}
.product-page-left-image {
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
height:19.6rem;
}
.product-page-right-blue {
background:#f3f8fa;
padding-top:1.5rem;
padding-left:2rem;
padding-bottom:2rem;
padding-right:2rem;
margin-bottom:1rem;
}

.korabli-karuselka-item-year, .korabli-karuselka-item-deadweight, .korabli-karuselka-item-class, .korabli-karuselka-item-price {
font-size:0;
}

.product-page-description {
margin-top:1.5rem;
.product-page-description-zagolovlok {
font-size: 1.5rem;

font-weight: 600;

color: #010101;
margin-bottom:0.7rem;
}
.product-page-description-text {
font-size: 1.4rem;

color: #3b3b3b;
}
}

.product_page_btn {
a {
display: inline-block;
font-size: 1.3rem;
color: #fff;
background: #217fb3;
background: -moz-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: -webkit-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: linear-gradient(to right,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#217fb3',endColorstr='#186793',GradientType=1);
box-shadow: 0px 3px 6.86px 0.14px rgba(0,26,41,0.24);
padding-left: 3.5rem;
padding-right: 3.5rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
border: 2px solid transparent;
&:hover, &:focus {
text-decoration: none;
border: 2px solid #217fb3;
color: #040404;
background: #ffffff;
}
}
}

.mfp-close-btn-in .mfp-inline-holder .mfp-close {
background:none;
border:0;
text-shadow:none;
color:#217fb3;
}
.mfp-title {
text-align:center;
}
.jq-checkbox {
vertical-align:middle;
margin-top:-0.2rem;
}
.jq-checkbox.checked .jq-checkbox__div {
background:#217fb3;
}

.white-popup {
.control-group.rsform-block.rsform-block-agree {
.controls.formControls {
text-align:center;
}
}
.rsform-block-submit #submit {
display: inline-block;
font-size: 1.3rem;
color: #fff;
background: #217fb3;
background: -moz-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: -webkit-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: linear-gradient(to right,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#217fb3',endColorstr='#186793',GradientType=1);
box-shadow: 0px 3px 6.86px 0.14px rgba(0,26,41,0.24);
padding-left: 3.5rem;
padding-right: 3.5rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
border: 2px solid transparent;
font-weight:400;
border-radius:0;
&:hover, &:focus {
text-decoration: none;
border: 2px solid #217fb3;
color: #040404;
background: #ffffff;
}
}
}

.sidebar-nav {
li.parent ul.nav-child  {
display:none;
position:absolute;
left:100%;
top:0;
z-index:3;
background:#fff;
width:23rem;
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.11);
li {
a {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
background: none;
padding-left: 2rem;
padding-right: 2rem;
color: #000;
position: relative;
font-size: 1.4rem;
display:block; 
&:after {
display:none;
}
&:hover {
background: #217fb3;
text-decoration:none;
color:#fff;
&:after {
display:block;
}
}
}
}
}
li.parent {
position:relative;
&:hover {
ul.nav-child  {
display:block;
}
}
}
}

.jshop.list_category{
display:none;
}

.contacts-feedback-content {
padding-left:2rem;
}
.contacts-feedback-form {
.rsform-block-submit #submit {
display: inline-block;
font-size: 1.3rem;
color: #fff;
background: #217fb3;
background: -moz-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: -webkit-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: linear-gradient(to right,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#217fb3',endColorstr='#186793',GradientType=1);
box-shadow: 0px 3px 6.86px 0.14px rgba(0,26,41,0.24);
padding-left: 3.5rem;
padding-right: 3.5rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
border: 2px solid transparent;
font-weight:400;
border-radius:0;
&:hover {
text-decoration: none;
border: 2px solid #217fb3;
color: #040404;
background: #ffffff;
}
}
}

.product-page-extra-extra {
margin-top:2rem;
font-size:1.5rem;
}

.product-page-extra-extra-row {
font-size:0;
margin-bottom:1rem;
.product-page-extra-extra-name {
display:inline-block;
width:30%;
font-size:1.5rem;
font-weight:600;
}
.product-page-extra-extra-value {
display:inline-block;
width:70%;
font-size:1.5rem;
}
}

.header-and-menu-wrapper {
background:url('../images/header-and-menu-bg.jpg')no-repeat center top;
background-size:cover;
padding-bottom:20rem;
margin-bottom: -10rem;
}
.header {
position:relative;
&:before {
background:rgba(255,255,255,0.75);
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
content:"";
display:block;
}
} 

.header-logo, .header-search, .header-contacts, .header-btn {
position:relative;
}
.korabli-kolonka-item-inner {
border:1px solid transparent;
padding:1rem;
padding-bottom:2rem;
&:hover, &:focus {
border:1px solid #0080b6;
}
}

.sidebar-services {
margin-top:1.5rem;
}

.sidebar-services-inner {
background:url('/images/sidebar-services.jpg')no-repeat center center;
background-size:cover;
padding-top:3rem;
padding-bottom:3rem;
text-align:center;
a {
color:#fff;
}
position:relative;
&:before {
background:rgba(3,96,138,0.5);
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
content:"";
display:block;
}
&:after {
border:1px solid #fff;
position:absolute;
content:"";
display:block;
left:1rem;
top:1rem;
right:1rem;
bottom:1rem;
}
}
.sidebar-lorem-inner {
background:url('/images/sidebar-lorem.jpg')no-repeat center center;
background-size:cover;
padding-top:5rem;
padding-bottom:3rem;
text-align:center;
a {
color:#fff;
}
position:relative;
&:before {
background:rgba(3,96,138,0.5);
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
content:"";
display:block;
}
&:after {
border:1px solid #fff;
position:absolute;
content:"";
display:block;
left:1rem;
top:1rem;
right:1rem;
bottom:1rem;
}
}
.sidebar-lorem {
margin-top:1.5rem;
}

.sidebar-services, .sidebar-lorem {

a {
color:#fff;
&:hover, &:focus {
text-decoration:none;
}
}
}

.sidebar-services-text {
margin-top:1.2rem;
font-weight:700;
font-size:2.4rem;
position:relative;
}

.sidebar-lorem-text {
margin-top:1.2rem;
font-weight:700;
font-size:2.4rem;
position:relative;
}
.sidebar-services-icon {
position:relative;
}

.sidebar-lorem-icon {
position:relative;
}

.digits-wrapper {
min-height: 20rem;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
background-image: url('/images/digits/digits-paralax.jpg');
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
margin-top:6rem;
position:relative;
&:before {
content:"";
background:rgba(33,127,179,0.5);
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
content:"";
display:block;
}
}
.digits-inner {
position:relative;
}
.digits-item-text {
color:#fff;
font-weight:300;
font-size:1.4rem;
margin-top:2rem;
}

.digits-item-digit {
span {
font-weight:900;
color:#fff;
font-size:4.8rem;
margin-left:1.2rem;
display:inline-block;
vertical-align:middle;
}
img {
display:inline-block;
vertical-align:middle;
}
}

.under-digits-sailor-image{
width: 100%;
height: 13rem;
background-position: center center;
background-size: cover;
background-image:url('/images/moryak.jpg');
}
.under-digits-sailor {
box-shadow: 0px 2px 4.9px 0.1px rgba(114,114,114,0.24);
}
.under-digits-block {
margin-top:5rem;
.sidebar-banner-title a {
padding-left:3.5rem;
}
.sidebar-banner-title a::before {
background: url('/images/korabl-icon.png') no-repeat center center;
width: 3rem;
height: 2.3rem;
background-size: 100% 100%;
margin-top:-1.15rem;
}
}

.under-digits-text {
font-size:1.4rem;
font-weight:300;
color:#383838; 
line-height:1.4;
.moduletable > h3 {
padding:0;
margin:0;
text-align:left;
font-weight:600;
color:#383838;
margin-bottom:2rem;
font-size:1.5rem;

}

}

.news-item-intro {
font-size: 1.4rem;

font-weight: 300;

color: #383838;

line-height: 1.4;
}
.news-item-image {
margin-bottom:3rem;
}
.under-digits-news-wrapper {
padding-right:4rem;
}
.under-digits-sailor-wrapper {
padding-right: 2.3rem;
}
.under-digits-news-wrapper {
.moduletable > h3 {
font-weight:600;
text-align:left;
margin:0;
padding:0;
margin-bottom:1rem;
color:#383838;
}
}

.news-module-link {
margin-bottom:1rem;
a {
display:inline-block;
color:#007eb4;
font-weight:300;
}
}
.news-item-header-date {
margin-bottom:1.8rem; 
}
.news-item-intro {
padding-right:3rem;
}
.news-item-readmore {
a {
display: inline-block;
font-size: 1.3rem;

padding-left: 3.5rem;
padding-right: 3.5rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
border: 2px solid #217fb3;
background: #fff;
color: #040404;
&:hover, &:focus {
background: #217fb3;
background: -moz-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: -webkit-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: linear-gradient(to right,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#217fb3',endColorstr='#186793',GradientType=1);
border: 2px solid transparent;
text-decoration: none;
color: #fff;
}
}
}

.news-item-date {
font-size:1.4rem;
color:#007eb4;
position:relative;
padding-left:1.7rem;
&:before {
content: "\f073";
display: inline-block;

font: normal normal normal 14px/1 FontAwesome;


font-size: inherit;

text-rendering: auto;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;
position:absolute;
left:0;
top:19%;
}
}

.news-carousel {
.owl-nav .owl-prev {
i {
display:none;
}
width:3.8rem;
height:3.8rem;
background-image:url('../images/left-arrow-sprite.png');
background-repeat:no-repeat;
background-size:100%;
background-position:center top;
&:hover, &:focus {
background-position:center bottom;
}
bottom:100%;
top:auto;
right:3.8rem;
left:auto;
}
.owl-nav .owl-next {
i {
display:none;
}
width:3.8rem;
height:3.8rem;
background-image:url('../images/right-arrow-sprite.png');
background-repeat:no-repeat;
background-size:100%;
background-position:center top;
&:hover, &:focus {
background-position:center bottom;
}
bottom:100%;
top:auto;
right:0;
}

}
.catnewskartinki {
text-align:center;
.catnewskartinka {
display:inline-block;
vertical-align:middle;
}
}

h2.catItemTitle {
a {
color: #1c1c1c;
}
font-size:1.5rem;
font-weight:600;
}
.news-item-header {
font-size: 1.5rem;
color: #383838;
font-weight: 600;
}

div.catItemHeader span.catItemDateCreated, div.itemHeader span.itemDateCreated {
font-size: 1.4rem;
color: #007eb4;
position: relative;
padding-left: 1.7rem;
&:before {
content: "\f073";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: 19%;
}
}

div.catItemReadMore a {
display: inline-block;
font-size: 1.3rem;
padding-left: 3.5rem;
padding-right: 3.5rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
border: 2px solid #217fb3;
background: #fff;
color: #040404;
&:hover, &:focus {
background: #217fb3;
background: -moz-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: -webkit-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
background: linear-gradient(to right,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#217fb3',endColorstr='#186793',GradientType=1);
border: 2px solid transparent;
text-decoration: none;
color: #fff;
}
}
div.catItemReadMore {
margin-bottom:1rem;
display:block;
}
div.itemIntroText {
font-weight:400;
font-size:1.6rem;
line-height:1.2;
}

.product-page-extra-extra-header {
text-transform:uppercase;
font-weight:700;
margin-bottom:1rem;
margin-top:1rem;
}

.product-page-extra-extra-header-top, .product-page-description-zagolovlok {
text-transform:uppercase;
font-weight:700;
margin-bottom:1rem;
margin-top:1rem;
}

#list_product_image_thumb {
margin-top:1rem;
}
img.jshop_img_thumb {
margin:0;
}
.header-app {
position:relative;
text-align:center;
a {
display:block;
}
img {
max-width:10rem; 
}
}

@import "custom.less";




@media (min-width: 768px) {
  .row-fluid .span5th {
    width: 18.297872%
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
  
  .product-page-extra-extra-row .product-page-extra-extra-name {
  width:100%;
  display:block;
  }
  .product-page-extra-extra-row .product-page-extra-extra-value {
    width:100%;
   display:block;
  }
  .navigation ul.nav > li {
    width: auto;
    display: block;
  }
  .header, .footer {
    text-align: center;
  }
  .rsform-block-captcha {
    max-width: 100%;
    overflow: hidden;
  }
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
	.btn-menu {
		border: none;
		box-shadow: none;
		text-shadow: none;
		border-radius: 0;
		background: #217fb3;
		background: -moz-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
		background: -webkit-linear-gradient(left,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
		background: linear-gradient(to right,#217fb3 0%,#1d73a3 50%,#1d73a3 51%,#186793 100%);
		border: 2px solid transparent;
		color: #fff;

		&:hover, &:focus, &:active {
			color: #fff;
		}
	}
  .header-phone {
    display: inline-block;
    font-size: 1.5rem;
    a {
      color: #3b3b3b;
    }
  }
  .header-email {
    display: inline-block;
  }
  .header-btn {
    text-align: center;
  }
  .korabli-karuselka-item-left-zagolovlok,
  .korabli-karuselka-item-left-znachenie {
    width: 100%;
  }
  .korabli-karuselka-item-left {
    height: auto;
    padding-right: 1.4rem;
  }
  .korabli-karuselka-item-details {
    text-align: center;
  }
  .ships-carousel-wrapper .owl-dots {
    position: static;
  }
  .header-search form {
    margin: 0 auto;
  }
  #sidebar {
    padding-right: 0;
  }
  .sidebar-nav {
    max-width: 24rem;
    margin: 0 auto;
    display: none;
  }
  .sidebar-banner {
    max-width: 24rem;
    margin: 0 auto 2.5rem;
  }
  .korabli-kolonki {
    text-align: center;
  }
  .korabli-kolonka-item-wrapper {
    width: 100%;
    max-width: 30rem;
    text-align: left;
  }
  .footer-btn {
    margin-top: 2rem;
    text-align: center;
  }
  .footer-menu1, .footer-menu2, .footer-menu3 {
    display: none;
  }
  .footer {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .footer-logo {
    margin-bottom: 2rem;
  }
  .jshop_list_product .block_product {
    border: none;
    padding: 0;
    border-radius: 0;
  }
  .product-in-list-left {
    padding-right: 0;
  }
  .product-in-list-left .product-in-list-image {
    max-width: 32rem;
    margin: 0 auto;
  }
  .product-page-left {
    padding-right: 0;
  }
  .product-page-right {
    padding-left: 0;
  }
  #services {
    text-align: center;
    font-size: 0;

    .service-item {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      max-width: 29.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }

  .under-digits-sailor-wrapper {
    padding-right: 0;
    margin-bottom: 2.2rem;
  }
  .under-digits-news-wrapper {
    padding-right: 0;
    margin-bottom: 2.2rem;
  }
  .news-item-images {
    .news-item-image {
      display: inline-block;
      padding: 0 0.5rem;
    }
  }
  .header-logo {
    padding-bottom: 1.2rem;
  }
  .header .container {
    display: flex;
    flex-direction: column;
  }
  .header-contacts {
    order: 1;
    .moduletable {
      text-align: left;
      display: inline-block;
    }
  }
  .header-btn {
    order: 2;
  }
  .header-search {
    order: 3;
  }
  .mobile-header {
		background: url('../images/header-and-menu-bg.jpg') no-repeat center top;
		position: relative;
    z-index: 100;
    font-size: 0;
    text-align: center;

		&:before {
			background: rgba(255,255,255,0.75);
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			content: "";
			display: block;
			z-index: 1;
		}

		.container {
			position: relative;
			z-index: 2;

      display: flex;
      justify-content: space-between;
      align-items: center;

      &:before, &:after {content: none;}
		}

    .mobile-menu-button, .mobile-header-address {
      display: inline-block;
      vertical-align: middle;
      padding: 0.5rem;
    }
		&.fixed {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
      box-shadow: 0 0 0.5rem 1px rgba(0,0,0,0.5);
		}
  }
	.mobile-menu {
		width: 28rem;
		position: fixed;
		left: -28rem;
		top: 0;
    bottom: 0;
		height: 100vh;
		overflow: auto;
		padding: 0.5rem;
		background: rgba(255, 255, 255, 0.95);
		color: #333;
		background-size: cover;
    z-index: 1001;

    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
	}
	.openNav .site {
		position: relative;
		overflow: hidden;

    .mobile-menu {
      -webkit-transform: translate3d(28rem, 0, 0);
      -moz-transform: translate3d(28rem, 0, 0);
      -ms-transform: translate3d(28rem, 0, 0);
      -o-transform: translate3d(28rem, 0, 0);
      transform: translate3d(28rem, 0, 0);
      -webkit-transition: -webkit-transform 500ms ease;
      -moz-transition: -moz-transform 500ms ease;
      -o-transition: -o-transform 500ms ease;
      transition: transform 500ms ease;
    }

		.openNav-overlay {
			content: "";
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(0, 0, 0, 0.75);
			z-index: 1000;
		}
	}
}
@media (max-width: 480px) {
  html {
    font-size: 62.5% !important;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  html {
    font-size: 62.5% !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  html {
    font-size: 40% !important;
  }
  .nav-pills > li {
    float: left;
  }
  .nav-tabs > li {
    float: left;
  }
  .navbar {
    margin-bottom: 0;
    .btn-navbar {
      display: none;
    }
  }
  .nav-collapse {
    height: auto;
  }
}
@media (min-width: 980px) and (max-width: 1023px) {
  html {
    font-size: 51.04166667% !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  html {
    font-size: 53.125% !important;
  }
}
//============================================

// Page break
dl.tabs {
	float: left;
	margin-bottom: -1px;
}
dl.tabs dt.tabs {
	float: left;
	margin-left: 0.3rem;
	padding: 0.4rem 1rem;
	background-color: #F0F0F0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
dl.tabs dt:hover {
	background-color: #F9F9F9;
}
dl.tabs dt.open {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}
dl.tabs dt.tabs h3 {
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
}
dl.tabs dt.tabs h3 a {
	color: #0088CC;
}
dl.tabs dt.tabs h3 a:hover {
	color: #005580;
	text-decoration: none;
}
dl.tabs dt.open h3 a {
	color: #000;
	text-decoration: none;
}
div.current dd.tabs {
	margin: 0;
	padding: 1rem;
	clear: both;
	border: 1px solid #CCC;
	background-color: #FFF;
}

/* Help site refresh button*/
#helpsite-refresh {
	vertical-align: top;
}

/*Print pop-up*/
#pop-print {
	float: right;
	margin: 1rem;
}

/*Code white space*/
code {
	white-space: pre-wrap;
}

/*Search filter*/
#filter-search {
	vertical-align: top;
}

/*Fix for editor buttons having a stupid height*/
.editor {
	overflow: hidden;
	position: relative;
}

/* Com_search highlighting */
.search span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:0.1rem 0.4rem;
}