/*

Theme Name: shiptrans

*/
@charset "UTF-8";
/*************************************

    [TABLE OF CONTENTS]

    General settings:
      General
      Typography
      Custom Grid

    Layouts:
      = Header
      = Section
      = Pages
      = Services
      = About Us
      = Contacts
      = Tetimonials
      = Gallery
      = Blog
      = Pricing
      = Account
      = Sidebar
      = Footer

    Modules:
      = Buttons
      = Breadcrumbs
      = Panels
      = Controls
      = Forms
      = Components
      = Catolog elements
      = Media Queries

    Universal styles
                                   */
html {
  font-size: 10px;
}

/**************************************
      = General
                                     */
body {
  /*font-family: "Roboto Slab", Helvetica, Arial, sans-serif;*/
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline-width: 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

figure {
  margin: 0;
}

a {
  display: inline-block;
  color: #000;
}

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

a.link-accent, .blog-tags > li a, a.post-comment__reply, .list-overview > li a {
  display: inline;
  line-height: 1.4;
  color: #c70c14;
  border-bottom: 1px solid;
}

a.link-accent:hover, .blog-tags > li a:hover, a.post-comment__reply:hover, .list-overview > li a:hover {
  color: #333333;
}

a.link-accent:focus, .blog-tags > li a:focus, a.post-comment__reply:focus, .list-overview > li a:focus {
  color: #888888;
}

a.link-title:hover, a.link-title:focus {
  color: #c70c14;
}

img, svg, .icon {
  display: inline-block;
  line-height: 1;
}

figcaption {
  margin: 0.625em 0 1.25em;
}

hr {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #cccccc;
}

.img-filter,
.svg-filter {
  display: block;
  opacity: 1;
}

.img-filter {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.svg-filter {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.svg-filter image {
  -webkit-filter: url("#svg-filter");
          filter: url("#svg-filter");
}

html[data-agent*="Trident"] .svg-filter {
  display: block;
}

[data-toggle="collapse"] {
  cursor: pointer;
}

.bg-init,
.animsition-overlay {
  background-color: #c70c14;
}

/**        ¬ preloader start window hero         **/
#preloader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c70c14;
  z-index: 9999999;
}

#preloader img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 125px;
  height: 125px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/**************************************
      = Typography
                                     */
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small {
  font-weight: normal;
  line-height: 1;
  color: #888888;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small {
  font-size: 53.33%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 1.25em;
  margin-bottom:1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

/**        ¬ UI Kit headings         **/
h1, .h1 {
  margin-bottom: 0.90278em;
  font-weight: 700;
  font-size: 4.5em;
  line-height: 1.1;
}

h2, .h2 {
  margin: 1.625em 0 0.75em;
  font-size: 2.5em;
  line-height: 1.35;
}

h3, .h3 {
  margin: 0 0 0.75em;
  font-size: 1.5em;
  line-height: 1.6;
  font-weight: 700;
}

h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 80%;
}

h4, .h4,
h5, .h5 {
  font: 700 1.2em/1.85 "Raleway", Helvetica, Arial, sans-serif;
}

h6, .h6 {
  font: 700 12px/2.33 "Raleway", Helvetica, Arial, sans-serif;
}

p {
  margin-bottom: 1.25em;
}

small,
.small {
  display: block;
  width: 100%;
  font-weight: 300;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

time,
.time {
  color: #888888;
}

blockquote {
  padding: 1.5em 30px;
  margin: 0 0 1em;
  font-size: 1.25em;
  line-height: 1.75;
  background-color: #fafafa;
  border-left-width: 0;
}

blockquote p:nth-last-of-type(1), blockquote ul:nth-last-of-type(1), blockquote ol:nth-last-of-type(1) {
  margin-bottom: 0;
}

blockquote footer {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

blockquote footer:before {
  font-weight: 700;
}

blockquote footer cite {
  font-style: normal;
  font-weight: 700;
}

.bg-darker {
  background-color: #222222;
}

.bg-danger {
  background-color: #c70c14;
}

.text-danger {
  color: #c70c14;
}

/**************************************
      = Helper classes

        @bootstrap component
                                     */
.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.dropdown-menu.pull-right {
  left: auto !important;
  right: 0;
}

.dropdown-menu.pull-left {
  left: 0;
  right: auto !important;
}

@media (max-width: 767px) {
  .dropdown-menu.pull-left, .dropdown-menu.pull-right {
    float: none !important;
  }
}

/**************************************
      = Custom grid
                                     */
/**         masonry settings column        **/
.grid-sizer {
  min-height: 0;
  padding: 0;
  margin: 0;
}

/**        masonry fix container         **/
.grid-row,
.grid-gallery {
  overflow: hidden;
}

.grid-gallery-link {
  position: relative;
  display: block;
}

.grid-gallery-link img {
  width: 100%;
}

.row.no-pad {
  margin: 0;
}

.row.no-pad > [class^=col] {
  padding: 0;
}

/**        ¬ reset columns         **/
@media (max-width: 479px) {
  .col-rs {
    float: none !important;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
}

/**        ¬ table layout         **/
@media (min-width: 992px) {
  .table-row {
    display: table;
  }
  .table-row:after, .table-row:before {
    display: none;
  }
  .table-row > [class*=col] {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}

/**************************************
      = Header
        ¬ navbar
        ¬ navbar repair
        ¬ navbar tuning
        ¬ navbar retailer
        ¬ navbar top
        ¬ navbar themes
        ¬ navbar media

                                     */
.page-header,
.navbar {
  margin: 0;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  height: 120px;
}

/**        ¬ navbar         **/
.navbar {
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  /*height: 195px;*/
  height:240px;
}

.navbar form {
  margin-bottom: 0;
}

.navbar .navbar-header {
/*  background-color: #c70c14;*/
  color: #fff;
}

.navbar .navbar-header .container {
  height: 100%;
}

.navbar .navbar-brand {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100px;
  padding: 0;
  font-size: 1em;
  color: inherit;
  background-color: inherit;
}

.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: inherit;
  background-color: inherit;
}

.navbar .navbar-brand__image {
  width: 40px;
  height: 30px;
  text-align: center;
  margin-bottom: 10px;
}

.navbar .navbar-brand__image .logo-font {
  font-size: 2.8125em;
  line-height: 30px;
  vertical-align: middle;
  color: #fff;
}

.navbar .navbar-brand__image img {
  width: 100%;
  height: 100%;
}

.navbar .navbar-brand__text {
  font: 700 13px/1 'Roboto Slab', serif;
  color: #fff;
}

.navbar .navbar-toggle {
  margin-right: 0;
  border-width: 0;
  background-color: transparent;
}

.navbar .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
  background-color: transparent;
}

.navbar .fa-caret-down {
  font-size: 0.75em;
  width: 1.33333em;
  height: 1.33333em;
  line-height: 1.33333em;
  letter-spacing: 0;
  text-align: center;
  vertical-align: top;
}

.navbar .navbar-form {
  padding: 0;
  margin: 0;
  border-width: 0;
}

.navbar .navbar-nav > li > a {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
}

.navbar .navbar-nav > li > a,
.navbar .navbar-nav .dropdown > a,
.navbar .navbar-nav .dropdown > .dropdown-menu > li > a {
  background-color: inherit;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  color: inherit;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav .dropdown > a:hover,
.navbar .navbar-nav .dropdown > a:focus,
.navbar .navbar-nav .dropdown > .dropdown-menu > li > a:hover,
.navbar .navbar-nav .dropdown > .dropdown-menu > li > a:focus {
  background-color: inherit;
  color: inherit;
}

.navbar .navbar-nav .dropdown > .dropdown-menu {
  background-color: #fafafa;
}

.navbar .navbar-nav .dropdown > .dropdown-menu > li > a {
  padding: 0.9375em 0;
}

.navbar .navbar-nav .dropdown > .dropdown-menu > li > a:hover, .navbar .navbar-nav .dropdown > .dropdown-menu > li > a:focus {
  background-color: inherit;
  color: #c70c14;
}

.navbar .navbar-menu > li > a:hover, .navbar .navbar-menu > li > a:focus,
.navbar .navbar-menu .dropdown > a:hover,
.navbar .navbar-menu .dropdown > a:focus {
  /*background-color: #fafafa;*/
}

.navbar .dropdown-menu {
  min-width: 170px;
  padding: 0.875em 30px;
  font-size: 1em;
  color: #000;
  background-color: #fafafa;
  border-radius: 0;
  border: none;
  border-top: 1px solid #f8f8f8;
  box-shadow: 0 -1px 0 #fdfdfd, -2px 2px 5px rgba(51, 51, 51, 0.3), 2px 2px 5px rgba(51, 51, 51, 0.3);
}

.navbar .dropdown-menu > li > a {
  border-bottom: 1px solid #e3e3e3;
  font-weight: 300;
  color: inherit;
  line-height: 1;
}

.navbar .dropdown-menu > li:last-child > a {
  border-bottom-width: 0;
}

.page-header {
  position: relative;
}

@media (min-width: 768px) {
  .page-header .collapse {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .page-header .navbar-menu {
    padding: 15px 0;
  }
  .page-header .collapse {
    padding: 0;
  }
}

.navbar-top .dropdown-menu,
.navbar-nav-user .dropdown-menu {
  position: absolute !important;
  display: block !important;
  top: 117%;
  height: auto !important;
  padding: 0.875em 30px !important;
  visibility: hidden;
  opacity: 0;
  transition: opacity 100ms linear, top 250ms linear, visibility 100ms linear;
}

.navbar-top .open > .dropdown-menu,
.navbar-nav-user .open > .dropdown-menu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.navbar-top .dropdown-menu {
  left: -15px;
  min-width: auto;
}

.navbar-top .open > .dropdown-menu {
  left: -15px;
}

@media (min-width: 768px) {
  .navbar-repair .navbar-menu,
  .navbar-tuning .navbar-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar-repair .navbar-menu > li,
  .navbar-repair .navbar-menu > li > a,
  .navbar-tuning .navbar-menu > li,
  .navbar-tuning .navbar-menu > li > a {
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .navbar-repair .navbar-menu > li,
  .navbar-tuning .navbar-menu > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar-repair .navbar-menu > li > a,
  .navbar-tuning .navbar-menu > li > a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 118px;
  }
  .navbar-repair .navbar-menu .dropdown-menu,
  .navbar-tuning .navbar-menu .dropdown-menu {
    display: block !important;
    top: 117%;
    height: auto !important;
    padding: 0.875em 30px !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 100ms linear, top 250ms linear, visibility 100ms linear;
  }
  .navbar-repair .navbar-menu .open > .dropdown-menu,
  .navbar-tuning .navbar-menu .open > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .navbar-retailer .navbar-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar-retailer .navbar-menu > li,
  .navbar-retailer .navbar-menu > li > a {
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .navbar-retailer .navbar-menu > li {
    min-height: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar-retailer .navbar-menu > li > a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
  .navbar-retailer .navbar-menu .dropdown-menu {
    display: block !important;
    top: 117%;
    height: auto !important;
    padding: 0.875em 30px !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 100ms linear, top 250ms linear, visibility 100ms linear;
  }
  .navbar-retailer .navbar-menu .open > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
  }
}

/**        ¬ navbar repair         **/
@media (min-width: 768px) {
  .navbar-repair .collapse {
    margin: 0 -15px;
  }
  .navbar-repair [class*=col] {
    padding: 0;
  }
  .navbar-repair .navbar-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
   /* width: 100%;*/
  }
  .navbar-repair .navbar-menu.navbar-right {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .navbar-repair .navbar-header {
    position: absolute;
    left: 45.5%;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    height: 100%;
	margin-top:16px;
  }
  .navbar-repair .navbar-header .container {
    display: inline-block;
    width: auto;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .navbar-repair .navbar-collapse > *:last-child .navbar-menu {
    padding-top: 0;
    margin-top: -15px;
  }
}

/**        ¬ navbar tuning         **/
@media (min-width: 768px) {
  .navbar-tuning .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-tuning .container .navbar-brand {
    margin-left: 0;
  }
  .navbar-tuning .navbar-collapse {
    margin: 0 -15px;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .navbar-tuning .navbar-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 900px;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .navbar-tuning .navbar-header .container {
    width: 100%;
    padding: 0;
  }
  .navbar-tuning .navbar-collapse {
    padding-left: 7.89474%;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-tuning .navbar-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .navbar-tuning .navbar-collapse {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .navbar-tuning .navbar-header {
    margin-left: -15px !important;
  }
}

/**        ¬ navbar retailer         **/
.btn-row {
  margin: 0 -10px;
}

.btn-row [class^=col] {
  padding: 0 10px;
  margin-bottom: 1.25em;
}

.btn-row .btn {
  padding: 18px 25px;
  margin: 0;
}

.navbar-retailer .navbar-header {
  background-color: #fff !important;
}

.navbar-retailer .navbar-brand {
  height: 100px;
  background-color: #c70c14;
}

.navbar-retailer .navbar-brand * {
  color: #fff !important;
}

.navbar-retailer .navbar-brand:hover, .navbar-retailer .navbar-brand:focus {
  background-color: #c70c14;
}

.navbar-retailer .navbar-nav-user {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0;
  color: #000;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-width: 0;
}

.navbar-retailer .navbar-nav-user .navbar-toggle .icon-bar {
  background-color: #222;
}

.navbar-retailer .navbar-nav-user > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-retailer .navbar-nav-user > li > a {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 7px;
  height: 49px;
  letter-spacing: normal;
}

.navbar-retailer .navbar-nav-user > li.actived .user-login {
  display: none;
}

.navbar-retailer .navbar-nav-user > li.actived .user-profile {
  display: block;
}

.navbar-retailer .navbar-nav-user .dropdown-toggle {
  position: relative;
}

.navbar-retailer .navbar-nav-user .dropdown-toggle .qty {
  display: block;
  position: absolute;
  top: 0;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  background-color: #c70c14;
  border-radius: 50%;
  z-index: 2;
}

.navbar-retailer .navbar-nav-user .btn {
  width: 100%;
}

.navbar-retailer .navbar-nav-user > li > .dropdown-menu {
  padding: 2.8125em 15px;
}

.navbar-retailer .navbar-nav-user .dropdown-menu-account .btn {
  margin: 1.5625em 0 1.25em;
}

@media (min-width: 480px) {
  .navbar-retailer .navbar-nav-user > li > .dropdown-menu {
    padding: 2.8125em 30px 30px;
  }
  .navbar-retailer .navbar-nav-user .dropdown-menu-cart {
    min-width: 465px;
    width: 100%;
  }
}

.navbar-retailer .user-login {
  width: 100%;
}

.navbar-retailer .user-login .form-group {
  display: block;
  position: relative;
}

.navbar-retailer .user-login .form-group:nth-last-of-type(n+2) {
  margin-bottom: 1em;
}

.navbar-retailer .user-login .label-control {
  color: #000;
}

.navbar-retailer .user-login .form-control {
  width: 100%;
}

@media (min-width: 480px) {
  .navbar-retailer .user-login {
    min-width: 355px;
  }
}

.navbar-retailer .user-profile {
  display: none;
}

@media (min-width: 1200px) {
  .navbar-retailer {
    min-height: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
  .navbar-retailer:before, .navbar-retailer:after {
    display: none;
  }
  .navbar-retailer .navbar-nav {
    height: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
  .navbar-retailer .navbar-nav:before, .navbar-retailer .navbar-nav:after {
    display: none;
  }
  .navbar-retailer .navbar-nav > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .navbar-retailer .navbar-nav > li > a {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
  }
  .navbar-retailer .navbar-header {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .navbar-retailer .container {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .navbar-retailer .container,
  .navbar-retailer .collapse {
    padding: 0;
  }
  .navbar-retailer .navbar-menu {
    width: 100%;
    float: none;
    margin: auto;
  }
  .navbar-retailer .navbar-menu > li > a {
    height: 100%;
    padding: 8px  24px;
    white-space: nowrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-retailer .navbar-nav-user {
    padding: 0 50px 0 35px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) and (max-width: 1539px) {
  .navbar-retailer {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .navbar-retailer .navbar-header {
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    padding-left: 45px;
  }
  .navbar-retailer .navbar-header,
  .navbar-retailer .navbar-nav-user {
    border-left-width: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .navbar-retailer .container {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .navbar-retailer .navbar-menu {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: none;
    height: auto;
    padding: 0 50px 0 40px;
  }
  .navbar-retailer .navbar-menu > li {
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

@media (max-width: 1539px) {
  .navbar-retailer .container {
    width: 100%;
  }
  .navbar-retailer .navbar-brand__image {
    width: auto;
  }
}

@media (max-width: 1199px) {
  .navbar-retailer {
    display: block;
  }
  .navbar-retailer .navbar-header {
    display: none;
    position: relative;
    z-index: 1;
    padding: 0 15px;
  }
  .navbar-retailer .navbar-collapse {
    padding: 0;
    margin: 0 -15px;
  }
  .navbar-retailer .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-retailer .navbar-collapse.collapse.in {
    display: block !important;
  }
  .navbar-retailer .navbar-toggle {
    display: block;
  }
  .navbar-retailer .navbar-menu {
    float: none;
    display: block;
    padding: 15px 0;
    text-align: center;
  }
  .navbar-retailer .navbar-menu > li {
    float: none;
  }
  .navbar-retailer .navbar-menu > li > a {
    padding: 15px;
  }
  .navbar-retailer .navbar-menu .dropdown-menu {
    float: none;
    position: static;
    min-width: auto;
    text-align: center;
    border: none !important;
    box-shadow: none !important;
  }
  .navbar-retailer .navbar-menu .dropdown-menu > li > a {
    line-height: 20px;
    padding: 10px 0 !important;
  }
  .navbar-retailer .navbar-nav-user {
    display: block;
    width: 100%;
    padding: 0 15px;
    border-top-width: 1px;
  }
  .navbar-retailer .navbar-nav-user > li {
    float: left;
  }
  .navbar-retailer .navbar-nav-user > li,
  .navbar-retailer .navbar-nav-user > li > a {
    position: static;
  }
  .navbar-retailer .navbar-nav-user .dropdown-menu {
    position: absolute;
    margin-top: 0;
    left: 0;
    right: auto;
    box-shadow: 0 -1px 0 #fdfdfd, -2px 2px 5px rgba(51, 51, 51, 0.3), 2px 2px 5px rgba(51, 51, 51, 0.3) !important;
  }
  .navbar-retailer .navbar-nav-user .dropdown-menu-cart {
    max-width: 480px;
    width: 100%;
  }
}

/**        ¬ navbar top         **/
.navbar-top {
  background-color: #222222;
}

.navbar-top .navbar-collapse {
  padding: 0;
}

.navbar-top .navbar-header {
  height: auto !important;
}

.navbar-top .navbar-header .navbar-toggle {
  float: left;
  height: 50px;
  padding: 10px 15px;
  margin: 0;
  font-size: 20px;
}

.navbar-top .navbar-nav {
  margin: 0;
}

.navbar-top .navbar-nav > li > a {
  padding: 0;
}

.navbar-top .navbar-nav li a {
  font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

.navbar-top .navbar-nav > li > *:not(.dropdown-menu) {
  display: inline-block;
  vertical-align: middle;
  line-height: 28px !important;
}

.navbar-top .fa-caret-down {
  vertical-align: middle;
  line-height: 1;
  margin-left: 3px;
}

.navbar-top .navbar-header {
  background-color: #222222 !important;
}

.navbar-top .navbar-address {
  color: #cccccc;
  padding: 11px 15px;
}

.navbar-top .navbar-address > li {
  margin-right: 30px;
  white-space: nowrap;
}

.navbar-top .navbar-address > li > * {
  white-space: normal;
}

.navbar-top .navbar-address > li .icon {
  margin-right: 7px;
}

.navbar-top__current > [class^='col'] {
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.navbar-top__current .navbar-nav > li > a {
  padding: 11px 15px;
}

@media (min-width: 768px) {
  .navbar-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-top:before, .navbar-top:after {
    display: none;
  }
  .navbar-top .navbar-header {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-right: 2px;
  }
}

@media (max-width: 767px) {
  .navbar-top {
    padding-right: 10px;
  }
}

/**        ¬ navbar media         **/
@media (max-width: 1199px) {
  .navbar {
    font-size: 1.37rem;
  }
}

@media (max-width: 991px) {
  .navbar .navbar-header {
    float: none;
    height: 50px;
    background-color: #c70c14;
  }
  .navbar .navbar-brand {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar .navbar-brand__image {
    margin: 0 10px 0 0;
  }
}

@media (max-width: 767px) {
  .navbar .navbar-collapse {
    border-width: 0;
  }
  .navbar .navbar-menu {
    text-align: center;
    margin: 0;
  }
  .navbar .navbar-menu > li > a {
    padding: 15px;
  }
  .navbar .navbar-menu .open > .dropdown-menu > li > a {
    padding: 10px 0;
  }
}

@media (max-width: 479px) {
  .navbar .navbar-menu .dropdown-menu {
    padding: 0.875em 15px;
  }
}

/**        ¬ navbar themes         **/
.navbar-accent {
  background-color: #c70c14;
  color: #fff;
}

.navbar-accent .navbar-brand {
  color: #c70c14;
}

.navbar-accent .navbar-brand:hover, .navbar-accent .navbar-brand:focus {
  color: #c70c14;
}

.navbar-accent .navbar-toggle .icon-bar {
  background-color: #c70c14;
}

.navbar-accent .navbar-header,
.navbar-accent .navbar-menu .dropdown > .dropdown-menu {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.navbar-accent .navbar-menu > li > a:hover, .navbar-accent .navbar-menu > li > a:focus,
.navbar-accent .navbar-menu .dropdown > a:hover,
.navbar-accent .navbar-menu .dropdown > a:focus {
  color: #000;
}

.navbar-accent .navbar-menu .dropdown-menu {
  box-shadow: -2px 2px 5px rgba(51, 51, 51, 0.3), 2px 2px 5px rgba(51, 51, 51, 0.3);
}

.navbar-accent .navbar-menu .dropdown-menu > li > a {
  border-bottom-color: #e5e5e5;
}

.navbar-dark {
  background-color: #222222;
  color: #fff;
}

.navbar-dark .navbar-menu li > a:hover, .navbar-dark .navbar-menu li > a:focus,
.navbar-dark .navbar-menu .dropdown > a:hover,
.navbar-dark .navbar-menu .dropdown > a:focus {
  color: #000;
}

.navbar-dark .navbar-menu .dropdown .dropdown-menu {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
  box-shadow: -2px 2px 5px rgba(51, 51, 51, 0.3), 2px 2px 5px rgba(51, 51, 51, 0.3);
}

.navbar-dark .navbar-menu .dropdown .dropdown-menu > li > a {
  border-bottom-color: #808080;
}

.navbar-dark .navbar-menu .dropdown .dropdown-menu > li > a:hover, .navbar-dark .navbar-menu .dropdown .dropdown-menu > li > a:focus {
  background-color: #333333;
}

/**************************************

      = Section
        ¬ section intro
        ¬ section row
        ¬ section row number
        ¬ section row header
        ¬ section headings
        ¬ section reservation
        ¬ page-content-wrapper
        ¬ section inner page
        ¬ intro pages
        ¬ section maintenance
        ¬ parallax
        ¬ parallax pattern
        ¬ section overlays
        ¬ page 404

                                     */
/**        ¬ section intro         **/
.section-intro {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.section-intro .container {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100vh - 100px);
  padding-top: 90px;
  padding-bottom: 90px;
  color: #fff;
  text-align: center;
  z-index: 1;
}

@media (max-width: 767px) {
  .section-intro .container {
    width: 100%;
  }
}

.section-intro .h5, .section-intro h1 {
  margin: 0;
  line-height: 1;
}

.section-intro p {
  color: #f1f1f1;
  margin-bottom: 0.625em;
}

.section-intro p a {
  color: inherit;
}

.section-intro .btn,
.section-intro .form-modul {
  margin-top: 2.1875em;
}

.intro-retailer.bg-dark:after {
  opacity: 0.7;
}

.intro-retailer .container {
  min-height: 600px !important;
}

.catalog-intro-page__content {
  position: relative;
  margin: 70px 0;
  z-index: 1;
}

.catalog-intro-page__content h1 {
  margin: 0;
}

/**        ¬ divider title         **/
.divider-decor {
  display: inline-block;
  width: 6.25em;
  border-top: 2px solid #c70c14;
  margin: 5px 0 1em;
}

.divider-decor > * {
  border-top: 2px solid #c70c14;
  margin: 5px auto 0;
}

.divider-decor > *:first-child {
  width: 62%;
}

.divider-decor > *:last-child {
  width: 40%;
}

/**        ¬ section row         **/
.section-row {
  position: relative;
  margin-top: 110px;
}

.section-row__intro {
  margin-bottom: 1.875em;
}

.section-row .btn-wrapper {
  margin-top: 50px;
}

.section-content:nth-last-of-type(2) {
  margin-bottom: 5em;
}

/**        ¬ section row number         **/
.section-row-number:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  margin-top: 2.1875em;
  border: 1px solid #c70c14;
  z-index: 0;
}

.section-row-number h1 {
  position: relative;
  display: inline-block;
  padding: 0 2.63158%;
  margin-top: 0;
  margin-left: -2.63158%;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  font-size:54px;
  text-transform:uppercase;
  margin-bottom:70px;
  background-color: #fff;
  z-index: 1;
}

.section-row-number span.number {
  color: #cccccc;
}

/**        ¬ section row header         **/
.section-row-header {
  max-width: 555px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 4.375em;
}

.section-row-header h1, .section-row-header h2 {
  margin: 0;
  line-height: 1;
}

.section-row-header .divider-decor {
  display: block;
  margin: 1.25em auto;
}

.section-row-header h2 {
  margin-bottom: 0.25em;
}

/**        ¬ section headings         **/
.section-header {
  margin-top: 0;
  /*margin-bottom: 2.5em;*/
}

.page-home .section-header {
 /* margin-top: 4.375em;*/
}

.section-inner .section-header {
  margin-top: 4.375em;
}

.section-header h1,
.contacts-panel-header h1 {
  margin-bottom: 0.41667em;
}

.section-header h2,
.contacts-panel-header h2 {
  position: relative;
  top: -4px;
  margin: 0;
  line-height: 1.1;
}

.section-header .divider,
.contacts-panel-header .divider {
  font-size: 0.0625em;
  line-height: 1;
  margin: 14em 0;
}

.section-header .divider:after,
.contacts-panel-header .divider:after {
  content: '';
  display: inline-block;
  width: 60px;
  border: 1px solid #c70c14;
}

.section-header--white .divider:after,
.contacts-panel-header--white .divider:after {
  border-color: #fff;
}

/**        ¬ section reservation         **/
.reservation {
  padding-bottom: 5em;
}

.tuning-reservation {
  margin-top: 5em;
  padding-bottom: 5em;
}

/**        ¬ page-content-wrapper         **/
.page-content-wrapper {
  margin-top: 0;
}

.page-content-wrapper > .container {
  margin-bottom:3em;
  margin-top:3em;
}

/**        ¬ section inner page         **/
.inner-page .navbar {
  position: relative;
}

.content-inner {
  margin-bottom: 5em;
}

/**        ¬ intro pages         **/
.intro-page__content-wrapper {
  position: relative;
  margin: 110px 0;
  text-align: center;
  z-index: 1;
}

.intro-page h1 {
  margin: 0;
}

.intro-page-tuning {
  background-position: 50% !important;
  color: #fff;
  overflow: hidden;
}

.intro-page-tuning:before, .intro-page-tuning:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .7;
  z-index: -1;
}

.intro-page-tuning:before {
  background-color: #222222;
}

.intro-page-tuning:after {
  left: 50%;
  background-color: #c70c14;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: skewX(-11deg);
          transform: skewX(-11deg);
}

/**        ¬ section maintenance         **/
.section-maintenance {
  padding:35px 0;
}

@media (min-width: 768px) {
  .section-maintenance .container > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
  .section-maintenance .container > .row:after, .section-maintenance .container > .row:before {
    display: none;
  }
}

.section-maintenance h2 {
  margin: 0;
  font-size: 2.375em;
  line-height: 1.26316em;
}

@media (max-width: 767px) {
  .section-maintenance .btn {
    margin-top: 40px;
  }
}

/**        ¬ parallax         **/
.parallax,
.no-parallax {
  position: relative;
  background-position: 50%;
  z-index: 1;
}

/**        ¬ parallax pattern         **/
.parallax-repeat {
  position: relative;
  color: #fff;
  background-position: 0 0;
  background-repeat: repeat;
  z-index: 0;
}

.parallax-repeat:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.parallax-repeat.dark:before {
  /*background-color: #222222;
  opacity: 0.985;*/
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.parallax-repeat.accent:before {
  background-color: #c70c14;
  opacity: 0.96;
}

/**        ¬ section overlays         **/
.bg-dark,
.bg-accent {
  position: relative;
}

.bg-dark:before,
.bg-accent:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity:0;
}

.bg-dark:before {
  background-color: #000;
}

.bg-accent:before {
  background-color: #c70c14;
}

.blog-list-post__bottom, .blog-grid-post__bottom {
  background-color: rgba(0, 0, 0, 0.8);
}

/**************************************

    = Pages
      ¬ Page repair
        ¬ section quote
        ¬ section statistic
        ¬ section contacts

      ¬ Page tuning
       ¬ tuning-row-feature
       ¬ section blog

      ¬ Page 404
                                     */
/**        ¬ section quote         **/
.section-quote {
  padding-top: 0px;
  position: relative;
  color: #fff;
  overflow-x: hidden;
}

.section-quote__content {
  padding: 65px 0 65px;
}

.section-quote__title {
  margin-top: 0;
}

.section-quote p {
  margin-bottom: 1em;
}

.section-quote__man {
  position: absolute;
  width: 100%;
  left: 100%;
  bottom: 0;
  margin-left: 30px;
}

.section-quote__accent-over {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 4096px;
  margin-left: 120px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: skewX(-12deg);
          transform: skewX(-12deg);
  background-color: rgba(243, 53, 68, 0.7);
}

/**        ¬ section statistic         **/
.section-stats {
  padding: 6.875em 0 2.1875em;
}

.section-stats .container {
  overflow: hidden;
}

.section-stats__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -16px;
  margin-right: -15px;
}

.section-stats .stats-item {
  float: none;
  border-left: 1px solid #555555;
  margin-bottom: 4.6875em;
}

.section-stats .stats-item__counter {
  margin: 0;
  line-height: .8;
  margin-bottom: 0.20833em;
}

.section-stats .stats-item .divider-decor {
  margin-bottom: 0.625em;
}

.section-stats .stats-item__title {
  margin-top: 0;
  margin-bottom: -0.9375em;
  white-space: nowrap;
}

.section-stats .stats-item__title span {
  display: block;
  width: 100%;
}

/**        ¬ section contacts         **/
.section-contacts__inner {
  background-color: #c70c14;
  padding: 3.125em 0 0;
  color: #fff;
}

.section-contacts .contacts-list__item {
  margin-bottom: 3.125em;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .section-contacts .contacts-list__item {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/**        ¬ tuning-row-feature         **/
.section-banner {
  color: #fff;
  padding: 115px 0;
}

.section-banner header h1, .section-banner header h2 {
  margin: 0;
}

.section-banner header h1 {
  margin-bottom: 25px;
}

.section-banner header h2 {
  margin-bottom: 15px;
}

.section-banner p:nth-last-of-type(1) {
  margin-bottom: 0;
}

.section-banner .btn-wrapper {
  max-width: 300px;
}

/**        = Page 404         **/
.page-404 .page-content {
  text-align: center;
  margin: 150px 0 220px;
}

.page-404 .page-content p:nth-last-child(1) {
  margin-bottom: 0;
}

.page-404 .page-content .btn-wrapper {
  max-width: 360px;
  width: 100%;
  margin: 2.8125em auto 0;
}

.page-404 h1 {
  margin: 0;
  line-height: 1;
  font-size: 200px;
  color: #cccccc;
}

@media (max-width: 479px) {
  .page-404 .page-content {
    margin: 31.31524vw 0 45.92902vw;
  }
  .page-404 h1 {
    font-size: 41.75365vw;
  }
}

/**************************************

      = Services
        ¬ repair service
        ¬ services list
        ¬ services features
        ¬ section maintenance
        ¬ tuning row service
        ¬ tuning services
        ¬ tuning service details

                                     */
/**        ¬ repair service         **/
.repair-row-service-list {
  overflow: hidden;
}

.repair-row-service-list .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.repair-row-service-list .row:after, .repair-row-service-list .row:before {
  display: none;
}

.repair-row-service .item {
  margin-bottom: -1px;
  padding: 1.875em 3.75% 1.5625em;
  border: 1px solid #e5e5e5;
  border-top-width: 0;
  border-left-width: 0;
}

.repair-row-service .item h5 {
  /*white-space: nowrap;*/
  margin: 0;
}

.repair-row-service .item p {
  max-width: 480px;
  margin: 0 auto;
}

.repair-row-service .item .divider-decor {
  margin: 1em 0;
}

.repair-row-service h2,
.services-features h2 {
  margin: 0 auto 0.5em;
  line-height: 1;
}

.repair-row-service .img-wrap,
.services-features .img-wrap {
  max-width: 65px;
  max-height: 65px;
  margin: 0 auto 1.25em;
}

.repair-row-service .img-wrap .icon,
.services-features .img-wrap .icon {
  width: 100%;
  font-size: 6rem;
  vertical-align: top;
  color: #c70c14;
}

.repair-row-service .img-wrap .icon:before,
.services-features .img-wrap .icon:before {
  font-size: inherit;
  margin-left: 0;
  vertical-align: top;
}

/**        ¬ services list         **/
.services-list {
  color: #fff;
  margin-bottom: 2.5em;
}

.services-list__item {
  padding: 78px 0;
  margin-bottom: 30px;
  text-align: center;
  overflow: hidden;
}

.services-list__item.over-dark:after {
  z-index: 1;
}

.services-list__item .expand-title {
  position: relative;
  z-index: 2;
}

.services-list__heading {
  display: inline-block;
}

/**        ¬ services features         **/
.services-features {
  overflow: hidden;
  text-align: center;
  margin-bottom: -1.875em;
}

.services-features__item {
  border-right: 1px solid #e5e5e5;
  margin-bottom: 1.875em;
}

.services-features__caption {
  margin-bottom: -5px;
}

/**        ¬ tuning row service         **/
.tuning-row-service {
  border-bottom: 1px solid #e5e5e5;
}

.tuning-row-service .row {
  margin: 0;
}

.tuning-row-service [class^=col] {
  padding: 0;
}

.tuning-row-service .service-panel {
  height: 320px;
}

.tuning-row-service .service-panel [class^=col] {
  height: 100%;
}

.tuning-row-service .service-panel--column, .tuning-row-service .service-panel--column-bg {
  height: 640px;
}

.tuning-row-service .service-panel--column [class^=col] {
  height: 50%;
}

.tuning-row-service .service-panel--column-bg .expand-title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  color: #fff;
}

@media (max-width: 767px) and (orientation: portrait) {
  .tuning-row-service .service-panel--column-bg .service-panel__link {
    height: 100vh;
    height: 100vmax;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .tuning-row-service .service-panel--column-bg .service-panel__link {
    height: 100vmin;
  }
}

.tuning-row-service .service-panel__link {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.tuning-row-service .service-panel__link img {
  max-width: none;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.tuning-row-service .service-panel-body {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.875em 15px;
}

.tuning-row-service .service-panel-body__inner {
  max-width: 360px;
  width: 100%;
}

.tuning-row-service .service-panel-body:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-width: 15px;
  z-index: 3;
}

.tuning-row-service .service-panel-body--left:before {
  left: -28px;
  border-color: transparent #fff transparent transparent;
}

.tuning-row-service .service-panel-body--right:before {
  right: -28px;
  border-color: transparent transparent transparent #fff;
}

.tuning-row-service .service-panel-body--bottom:before {
  top: -28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-color: transparent transparent #fff transparent;
}

@media (max-width: 767px) {
  .tuning-row-service .service-panel {
    height: auto;
  }
  .tuning-row-service .service-panel [class^=col] {
    left: auto;
    right: auto;
    width: 100%;
  }
  .tuning-row-service .service-panel img {
    max-width: 100%;
    width: 100%;
  }
  .tuning-row-service .service-panel-body:before {
    top: 100%;
    left: 50%;
    right: auto;
    margin-top: -1px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-color: #fff transparent transparent transparent;
  }
  .tuning-row-service .service-panel-body--bottom:before {
    top: -28px;
    border-color: transparent transparent #fff transparent;
  }
}

@media (min-width: 2540px) {
  .tuning-row-service .service-panel img {
    width: 100%;
  }
}

/**        ¬ tuning services         **/
.tuning-services {
  margin: 5em -15px;
}

.tuning-services .service-panel.row {
  margin: 0;
}

.tuning-services .service-panel.row > [class^=col] {
  padding: 0;
}

.tuning-services .service-panel__body, .tuning-services .service-panel__link {
  height: 50vh;
  height: 50vmax;
}

@media (orientation: landscape) {
  .tuning-services .service-panel__body, .tuning-services .service-panel__link {
    height: 70vh;
    height: 50vmax;
  }
}

.tuning-services .service-panel__body {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 640px;
  width: 100%;
  padding: 30px 15px;
  margin: 0 auto;
  background-color: #fafafa;
}

.tuning-services .service-panel__body:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: -1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 15px solid transparent;
  border-top-color: #fafafa;
  z-index: 1;
}

.tuning-services .service-panel__body-inner {
  max-width: 430px;
  width: 100%;
}

.tuning-services .service-panel__link {
  position: relative;
  overflow: hidden;
}

.tuning-services .service-panel__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: none;
}

@media (min-width: 768px) {
  .tuning-services .service-panel__body, .tuning-services .service-panel__link {
    height: 380px;
  }
  .tuning-services .service-panel__body {
    position: relative;
    padding: 50px;
  }
  .tuning-services .service-panel__body:before {
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 15px solid transparent;
    border-left-color: #fafafa;
    z-index: 3;
  }
  .tuning-services .service-panel__body--right:before {
    left: -28px;
    border-left-color: transparent;
    border-right-color: #fafafa;
  }
}

@media (max-width: 767px) {
  .tuning-services {
    margin: 0 -15px;
  }
  .tuning-services.row [class^=col] {
    padding: 0;
  }
}

/**        ¬ tuning service details         **/
.tuning-details-thumbs.row {
  margin: 0 -5px;
  margin-bottom: 2.5em;
}

.tuning-details-thumbs.row [class^=col] {
  padding: 0 5px;
}

.tuning-details .services-features > .row {
  margin-top: -1px;
}

.tuning-details .services-features__item {
  padding: 30px 15px;
  margin-bottom: 0;
  border-top: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .tuning-details .services-features__item:nth-child(1) {
    padding-top: 0;
  }
}

.tuning-details .btn-wrapper {
  max-width: 280px;
  width: 100%;
  margin-top: 50px;
}

.tuning-details .btn-wrapper .btn {
  display: block;
}

@media (max-width: 991px) {
  .tuning-details .btn-wrapper {
    max-width: 100%;
  }
  .tuning-details .services-features {
    margin-top: 5em;
  }
}

/**************************************

      = About Us
        ¬ about row panel
        ¬ about page gallery
        ¬ tuning row team
        ¬ tuning row latest blog

                                     */
/**        ¬ about row panel         **/
.section-about__gallery {
  position: relative;
}

.section-about__gallery-row {
  position: relative;
}

@media (min-width: 768px) {
  .section-about__panel {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
  }
}

.section-about .about-panel {
  position: relative;
  max-width: 555px;
  z-index: 2;
}

.section-about .about-panel .panel__title {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .section-about__carousel-contain {
    position: relative;
  }
  .section-about .about-panel {
    max-width: none;
    margin-bottom: 1.875em;
  }
}

@media (max-width: 991px) {
  .section-about__repair {
    position: static;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 30px;
  }
}

/**        ¬ tuning row team         **/
.team-row {
  margin-bottom: -1.5625em;
}

.team-row-intro {
  width: 100%;
  margin-bottom: -1px;
  border: 1px solid #cccccc;
  z-index: -1;
}

.team-row-intro__inner {
  padding: 30px 75px 0 15px;
  position: relative;
  max-width: 480px;
}

.team-row-intro__img {
  left: 0;
}

.team-row-intro__title {
  float: right;
  margin: 0;
}

@media (min-width: 480px) {
  .team-row-intro__inner {
    padding: 155px 15px;
    padding-right: 30px;
  }
  .team-row-intro__img {
    position: absolute;
    top: 25px;
  }
}

@media (max-width: 479px) {
  .team-row-intro__title {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.team-row__img {
  display: inline-block;
  margin-bottom: 0.9375em;
  background-color: #cccccc;
}

.team-row__img img {
  position: relative;
  top: 10px;
  left: 10px;
  width: 100%;
  border: 1px solid #cccccc;
}

.team-row__title {
  margin-bottom: 1.25em;
}

/**        ¬ tuning row latest blog         **/
.blog-row__news {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.blog-row__news:before, .blog-row__news:after {
  display: none;
}

.blog-row .blog-new {
  max-width: 480px;
  margin: 0 auto;
  margin-bottom: 30px;
  border: 1px solid #cccccc;
}

.blog-row .blog-new__img {
  position: relative;
  margin: -1px -1px 0;
}

.blog-row .blog-new__img img {
  width: 100%;
}

.blog-row .blog-new__inner {
  position: relative;
  padding: 50px 30px 20px;
}

.blog-row .blog-new__inner:after {
  content: ' ';
  position: absolute;
  top: -28px;
  left: 50%;
  border: 15px solid #fff;
  border-color: transparent transparent #fff transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}

.blog-row .blog-new__meta {
  margin: 0 0 25px;
  padding: 8px 0;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}

.blog-row .blog-new__meta > [class^=col] {
  padding: 0;
}

.blog-row .blog-new .link-accent, .blog-row .blog-new .blog-tags > li a, .blog-tags > li .blog-row .blog-new a, .blog-row .blog-new .post-comment__reply, .blog-row .blog-new .list-overview > li a, .list-overview > li .blog-row .blog-new a {
  border-width: 0;
}

.blog-row .btn-wrapper {
  margin-top: 20px;
  max-width: 480px;
}

/**************************************

      = Contacts
        ¬ contacts list
        ¬ maps
        ¬ tuning contacts page

                                     */
/**        ¬ contacts list         **/
.contacts-list a {
  color: inherit;
}

.contacts-list__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1.875em;
  float: left;
}

.contacts-list .icon {
  max-width: 1em;
  width: 100%;
  margin-right: 0.21667em;
  font-size: 3.75em;
  text-align: center;
  color: #fff;
}

/**        ¬ maps         **/
.contacts-map,
.section-map {
  height: 380px;
}

.contacts-map {
  border: 1px solid #cccccc;
  margin-bottom: 5em;
}

/**        ¬ tuning contacts page         **/
.tuning-contacts-content {
  position: relative;
  margin: 5em 0;
}

.tuning-contacts-content.row > [class^=col] {
  padding: 0;
}

.tuning-contacts-content .panel {
  margin: 0;
}

.tuning-contacts-content .contacts-map {
  margin: 0;
  border-width: 0;
}

@media (min-width: 992px) {
  .tuning-contacts-content.row {
    margin-right: 0;
    margin-left: 0;
  }
  .tuning-contacts-content.row > [class^=col] {
    height: 100%;
  }
  .tuning-contacts-content.row > [class^=col] > * {
    height: 100%;
  }
  .tuning-contacts-content .map-col {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .tuning-contacts-content .contacts-map {
    height: auto;
  }
}

@media (max-width: 767px) {
  .tuning-contacts-content.row {
    margin: 0 -15px;
  }
}

/**************************************

      = Testimonials
        ¬ testimonials carousel items
        ¬ testimonials post

                                     */
/**        ¬ testimonials carousel items         **/
.testimonials-panel {
  position: relative;
  /*padding-top: 50px;*/
  margin:65px 0px;
}

.testimonials-panel__inner {
  padding: 50px 30px 25px;
  background-color: #fafafa;
}

.testimonials-panel__avatar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.testimonials-panel__avatar img {
  border: 4px solid #cccccc;
  border-radius: 50%;
  background:#fff;
}

.testimonials-panel__heading {
  line-height: 1;
  margin: 18px 0px;
}

.testimonials-panel__title {
  margin: 20px 0;
  line-height: 1;
}

/**        ¬ testimonials post         **/
.testimonials-post {
  padding: 1.875em 2.70125% 1px;
  margin:30px 0px;
  border-radius: 1px;
  background-color: #fafafa;
}

.testimonials-post__heading {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 0.9375em;
}

.testimonials-post__img {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.testimonials-post__img img {
  border: 4px solid #cccccc;
  border-radius: 50%;
  width: 100%;
}

.testimonials-post__title,
.testimonials-post .social-list {
  margin-bottom: 0;
}

.testimonials-post__date {
  position: absolute;
  top: 0;
  right: 0;
}

/**************************************

      = Galleries
        ¬ gallery wrapper
        ¬ gallery grid
        ¬ blog gallery
        ¬ brands row

      = thumbnail
                                     */
/**        ¬ gallery wrapper         **/
.gallery-content-inner {
  padding: 5px;
  background-color: #888888;
}

.gallery-content-inner > .row {
  margin: 0;
}

/**        ¬ gallery grid         **/
.grid-gallery {
  margin: 0;
}

.grid-gallery--20 .col-lg-1 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .grid-gallery--20 .col-lg-1 {
    float: left;
    width: 5%;
  }
}

.grid-gallery--20 .col-lg-4 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .grid-gallery--20 .col-lg-4 {
    float: left;
    width: 20%;
  }
}

.grid-gallery--20 .col-lg-6 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .grid-gallery--20 .col-lg-6 {
    float: left;
    width: 30%;
  }
}

.grid-gallery--20 .col-lg-3 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .grid-gallery--20 .col-lg-3 {
    float: left;
    width: 15%;
  }
}

.grid-gallery .grid-item {
  padding: 5px;
}

.grid-gallery .grid-item img {
  width: 100%;
}

/**        ¬ brands row         **/
.brands-row {
  padding-bottom: 80px;
  background-color: #222222;
  color: #fff;
}

.brands-carousel .owl-stage {
  margin-left: 1px;
}

.brands-carousel__slide {
  border-right: 1px solid #555555;
}

/**        = thumbnail         **/
.thumb {
  border: 1px solid #cccccc;
}

/**************************************

      = Blog
        ¬ blog list post
        ¬ blog grid post
        ¬ blog gallery
        ¬ blog post filter
        ¬ post date
        ¬ date latest blog
        ¬ blog-post-nav
        ¬ blog-tags
        ¬ share-list
        ¬ post comments

                                     */
/**        ¬ blog list post         **/
.blog-list-post {
  position: relative;
  padding-top: 240px;
  margin-bottom: 3.125em;
  color: #fff;
  border: 1px solid #cccccc;
  background-position: 50%;
}

.blog-list-post__bottom {
  padding: 22px 50px;
}

.blog-list-post__title {
  position: relative;
  margin: 0;
  z-index: 2;
}

.blog-list-post:hover .blog-list-post__bottom {
  background-color: transparent;
}

/**        ¬ blog grid post         **/
.blog-grid-post {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: relative;
  height: 555px;
  margin-bottom: 30px;
  color: #fff;
  border: 1px solid #cccccc;
  background-position: 50%;
  text-align: center;
}

.blog-grid-post .flag-date {
  left: 50%;
  margin-left: -32px;
}

.blog-grid-post__title {
  position: relative;
  margin: 0;
  z-index: 2;
}

.blog-grid-post__bottom {
  padding: 22px 9.02527%;
}

.blog-grid-post:hover .blog-grid-post__bottom {
  background-color: transparent;
}

@media (max-width: 991px) {
  .blog-grid-post {
    height: 360px;
  }
}

/**        ¬ blog gallery         **/
.blog-gallery .grid-gallery {
  margin: 0 -5px;
}

.blog-gallery section p:nth-last-of-type(1) {
  margin-bottom: 0;
}

/**        ¬ blog post filter         **/
.blog-post-filter {
  padding: 23px 0;
  margin-bottom: 5em;
  background-color: #222222;
  color: #fff;
}

.blog-post-filter ul {
  margin-left: -4.03509%;
}

.blog-post-filter ul > li {
  display: inline-block;
  margin-left: 4.03509%;
}

.blog-post-filter ul > li a {
  color: inherit;
  font-size: 1.25em;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .blog-post-filter {
    text-align: center;
  }
}

/**        ¬ post date         **/
.flag-date {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 50px;
  width: 64px;
  padding: 15px 0;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #c70c14;
  z-index: 2;
}

.flag-date:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  border: 10px solid #c70c14;
  border-width: 10px 32px;
  border-bottom-color: transparent !important;
}

.flag-date span {
  display: inline-block;
  width: 100%;
}

.flag-date__day {
  font-size: 30px;
}

/**        ¬ date latest blog         **/
.date-latest-blog {
  margin-top: 30px;
  padding: 8px 0;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}

.date-latest-blog [class^=link] {
  border-width: 0;
}

/**        ¬ blog-post-nav         **/
.blog-post-nav {
  padding: 0.5em 0;
  margin-top: 2.875em;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}

.blog-post-nav > .row {
  margin-bottom: -1.25em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-post-nav > .row:before, .blog-post-nav > .row:after {
  display: none;
}

@media (max-width: 479px) {
  .blog-post-nav > .row > * {
    text-align: left;
  }
}

/**        ¬ blog-tags         **/
.blog-tags {
  margin-bottom: 1.25em;
}

.blog-tags > li {
  display: inline-block;
  margin-right: 12px;
}

.blog-tags > li a {
  border-bottom: none !important;
}

/**        ¬ share-list         **/
.share-list {
  margin-bottom: 1.25em;
  white-space: nowrap;
}

.share-list > * {
  vertical-align: middle;
}

.share-list__title {
  display: inline-block;
  margin-right: 12px;
}

.share-list ul {
  display: inline-block;
  margin-right: -4px;
  margin-bottom: -6px;
}

.share-list ul > li {
  display: inline-block;
  margin-right: 4px;
}

/**        ¬ post comments         **/
.post-comment {
  padding: 30px;
  margin-bottom: 30px;
  background-color: #fafafa;
}

.post-comment:last-child {
  margin-bottom: 0;
}

.post-comment__heading {
  margin-bottom: 1em;
}

.post-comment__title {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 0;
  line-height: 1;
}

.post-comment__reply {
  vertical-align: top;
  border-bottom: none !important;
}

.post-comment__body p:nth-last-of-type(1) {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .post-comment__heading > * {
    text-align: left;
  }
}

/**************************************
      = Pricing
        ¬ table custom
        ¬ sections price
        ¬ table pricing
        ¬ total panel
        ¬ table order
        ¬ price cart

                                     */
/**        ¬ table custom         **/
.table {
  border-collapse: collapse;
  margin-bottom: 1.875em;
}

.table-responsive {
  border-width: 0;
  margin-bottom: 0;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 0.47em 15px;
  line-height: 1.88;
  vertical-align: top;
  border-width: 0;
  vertical-align: middle;
}

.table > tbody {
  border: 1px solid #cccccc;
}

/**        ¬ sections price         **/
.section-pricing__list {
  color: #fff;
  text-align: center;
  margin-bottom: -31px;
}

.section-pricing__list .grid-item {
  margin-bottom: 31px;
}

.section-pricing__list .img-responsive {
  width: 100%;
}

.section-pricing__list .cost {
  font-weight: 700;
  color: #c70c14;
}

.section-pricing__list .pricing-banner {
  position: relative;
}

.section-pricing__list .pricing-banner__top {
  position: relative;
}

.section-pricing__list .pricing-banner .over-hover-link {
  height: calc(100% - 2.75em);
}

.section-pricing__list .pricing-banner__info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8125em 3% 0.75em;
  background-color: #222222;
  z-index: 2;
}

.section-pricing__list .pricing-card {
  position: relative;
}

.section-pricing__list .pricing-card .over-hover-link .over {
  background-color: #c70c14;
}

.section-pricing__list .pricing-card__body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
  border: 1px solid #888888;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.section-pricing__list .pricing-card .expand-title span {
  display: inline-block;
  width: 100%;
}

.section-pricing__list .pricing-banner,
.section-pricing__list .pricing-card {
  overflow: hidden;
}

.section-pricing .btn-wrapper-center {
  margin-top: 1.25em;
}

/**        ¬ table pricing         **/
.table-pricing .table > tbody > tr > th:first-child,
.table-pricing .table > tbody > tr > td:first-child,
.table-pricing .table > thead > tr > th:first-child,
.table-pricing .table > thead > tr > td:first-child {
  text-align: center;
}

.table-pricing .table > thead {
  border: 1px solid #222222;
}

.table-pricing .table > thead > tr {
  background-color: #222222;
  color: #fff;
}

.table-pricing .table > tbody > tr:nth-of-type(even) {
  background-color: #fafafa;
}

@media (max-width: 767px) {
  .table-pricing {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
  }
}

/**        ¬ total panel         **/
.total-panel {
  padding: 45px 0;
  font-size: 1.25em;
  font-weight: 700;
}

.total-panel-caption {
  white-space: nowrap;
}

.total-panel-sum {
  display: block;
  text-align: right;
}

/**        ¬ table order         **/
.table-order > thead > tr {
  background-color: #fafafa;
}

.table-order > tbody {
  border-width: 0;
}

.table-order > tbody > tr:nth-last-child(n+2) {
  border-bottom: 1px solid #e5e5e5;
}

.table-order > tbody > tr > td {
  padding: 1.5em 15px;
}

.table-order > tbody > tr > td p {
  width: 100%;
}

.table-order > tbody > tr > td p:nth-last-child(1) {
  margin-bottom: 0;
}

.table-order > tbody > tr > td .form-group {
  margin-bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.table-order .btn-close {
  margin-left: 10px;
}

/**        ¬ price cart         **/
.price-cart-shipping {
  background-color: #fafafa;
  padding: 30px 0;
}

.price-cart-shipping .form-group {
  margin-bottom: 10px;
}

.price-cart-shipping .label-control {
  color: inherit;
}

.price-cart-shipping .cost-total {
  display: block;
  text-align: right;
}

@media (min-width: 768px) {
  .price-cart-shipping {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    margin: 0;
  }
  .price-cart-shipping:after, .price-cart-shipping:before {
    display: none;
  }
  .price-cart-shipping > * {
    -webkit-flex: 2 0 auto;
        -ms-flex: 2 0 auto;
            flex: 2 0 auto;
  }
  .price-cart-shipping .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    margin-bottom: 0;
  }
  .price-cart-shipping .label-control {
    width: auto;
    margin: 0 15px 0 0;
  }
  .price-cart-shipping .select2 {
    -webkit-flex: 2 0 auto;
        -ms-flex: 2 0 auto;
            flex: 2 0 auto;
    width: 50px !important;
  }
  .price-cart-shipping .cost-total {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .price-cart-total {
    padding: 45px 15px;
  }
  .price-cart-total .total-panel-sum {
    text-align: left;
  }
}

/**************************************

      = Account
        ¬ panel account
        ¬ address form
        ¬ checkout order
        ¬ account settings

                                     */
/**        ¬ panel account        **/
.panel-account {
  max-width: 475px;
  width: 100%;
  margin: 0 auto;
}

.panel-account button[type='submit'],
.panel-account .btn {
  margin-bottom: 2.75em;
}

/**        ¬ address form         **/
.address-form section h2 {
  margin-top: 0;
  line-height: 1;
}

.address-form .order-1 {
  margin-bottom: 30px;
}

.address-form .order-2 {
  margin-bottom: 20px;
}

.address-form-row {
  margin: 0 -10px;
}

.address-form-row > [class^=col] {
  padding: 0 10px;
}

.address-form .btn {
  margin-top: 0;
}

/**        ¬ checkout order         **/
.checkout-order__panels {
  overflow-x: auto;
}

.checkout-order__panels > * {
  min-width: 380px;
  padding: 0 30px;
}

.checkout-order__list {
  background-color: #fafafa;
}

.checkout-order__mod {
  position: relative;
  top: -1px;
  background-color: #fff;
  z-index: 1;
}

.checkout-order .order-panel {
  padding: 1.5em 0;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}

.checkout-order .order-panel .order-descr:nth-last-child(1) {
  margin-bottom: 0;
}

.checkout-order .order-panel .media-right {
  padding-left: 0;
  vertical-align: middle;
}

.checkout-order .order-panel .media-object {
  width: 90px;
  text-align: right;
}

.checkout-order .order-panel-reserv {
  padding: 2.5em 0;
}

.checkout-order .total-panel {
  padding: 45px 30px;
  margin: 0;
}

@media (min-width: 992px) {
  .checkout-order .order-panel .media-object {
    width: 135px;
  }
}

@media (max-width: 479px) {
  .checkout-order {
    margin: 0 -15px;
  }
  .checkout-order__panels {
    padding: 0;
  }
}

/**        ¬ account settings         **/
.account-settings-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.account-settings-inner .order:nth-last-child(n+2) {
  margin-bottom: 50px;
}

.account-settings-inner .order--left {
  border: 1px solid #e5e5e5;
  border-width: 0 1px 0 0;
}

@media (max-width: 1199px) {
  .account-settings-inner {
    margin: 0;
  }
  .account-settings-inner .order {
    padding: 0;
    padding-bottom: 50px;
  }
  .account-settings-inner .order--left {
    border-width: 0 0 1px 0;
  }
}

/**************************************
      = Sidebar
        ¬ sidebar panel
        ¬ sidebar panel categories
        ¬ sidebar panel banner
        ¬ sidebar panel finder
        ¬ sidebar panel adjust
        ¬ sidebar form
                                     */
@media (max-width: 991px) {
  .sidebar--md-left {
    margin-top: 50px;
  }
  .sidebar--md-right {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .sidebar--sm-right {
    margin-bottom: 50px;
  }
}

/**        ¬ sidebar panel         **/
.sidebar-panel {
  position: relative;
  padding: 10px;
  background-color: #fafafa;
}

.sidebar-panel:nth-last-child(n+2) {
  margin-bottom: 30px;
}

.sidebar-panel__inner {
  border: 1px solid #cccccc;
  padding: 10px 30px 50px;
}

.sidebar-panel h4 {
  margin-top: 2.5em;
}

.sidebar-panel .social-list {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .sidebar-panel__inner {
    padding: 10px 30px 50px;
  }
}

@media (max-width: 479px) {
  .sidebar-panel {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/**        ¬ sidebar panel categories         **/
.sidebar-panel-categories .list-category > li > ul {
  display: none;
  margin-top: 5px;
}

.sidebar-panel-categories .list-category > li.active > a {
  color: #333333;
}

.sidebar-panel-categories .list-category > li.active > ul {
  display: block;
}

/**        ¬ sidebar panel finder         **/
.sidebar-panel-finder .form-group:nth-last-of-type(1) {
  margin-bottom: 0;
}

.sidebar-panel-finder button[type="submit"] {
  padding: 18px 0;
  margin-top: 30px;
}

/**        ¬ sidebar panel adjust         **/
.sidebar-panel-adjust .form-group {
  margin: 0;
}

.sidebar-panel-adjust button[type="submit"] {
  margin-top: 50px;
}

/**        ¬ sidebar banner         **/
.sidebar-banner__tab-title {
  margin: 0;
  color: #fff;
}

.sidebar-banner .panel__headings h1 {
  margin-bottom: 0.27778em;
}

.sidebar-banner .panel__inner {
  padding: 50px 15px 50px;
}

/**        ¬ sidebar form         **/
.sidebar-form .label-control {
  color: inherit;
}

.price-slider .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px 22px;
}

.price-slider .row:before, .price-slider .row:after {
  display: none;
}

.price-slider .row > [class^=col] {
  position: relative;
  padding: 0 10px;
}

.price-slider .separate {
  position: absolute;
  top: 50%;
  right: -15px;
}

@media (max-width: 1199px) {
  .sidebar {
    font-size: 14px;
  }
  .sidebar-panel__inner {
    padding: 10px 15px 50px;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .sidebar-panel__inner {
    padding: 10px 30px 50px;
  }
}

/**************************************

      = Footer
        ¬ instagram list

                                     */
.page-footer {
  background-color: #001a39;
  color: #fff;
  padding: 60px 0px;
}

.page-footer .item {
  margin-bottom: 50px;
}

.page-footer h4, .page-footer .title {
  margin-top: 0;
  font-size:20px;
  color: #fff;
  margin-bottom:30px;
}

.page-footer p {
  margin-bottom: 0.625em;
}

.page-footer__working > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.375em;
  padding-left:20px;
  background:url('images/icon-arrow.png') left 50% no-repeat;
}
.page-footer__working > li > a{ color:#FFFFFF;}
.page-footer__working > li > a:hover{ color:#c70c14;}
.page-footer__working > li > span {
  display: block;
}

.page-footer__subscribe p {
  margin-bottom: 1.25em;
  line-height:1.9em;
   color:#FFFFFF;
}

.page-footer__subscribe .label-control {
  color: #fff;
}

@media (max-width: 1199px) and (min-width: 480px) {
  .page-footer__subscribe {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
  }
  .page-footer__subscribe .form-control {
    text-align: center;
  }
}

.page-footer__social,.page-footer__instagram{ color:#FFFFFF;}
.page-footer__social .list-title {
  margin-bottom: 5px;
}

@media (min-width: 480px) and (max-width: 1199px) {
  .page-footer .item-1 {
    padding-right: 25px;
  }
  .page-footer .item-2 {
    padding-left: 25px;
  }
}

@media (min-width: 1200px) {
  .page-footer .item:nth-last-child(n+2) {
   /* padding: 0 35px 0 15px;*/
  }
}

/**        ¬ instagram list         **/
.instagram-list {
  font-size: 0;
  margin-right: -15px;
}

.instagram-list > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 15px 0;
}

.instagram-list__link {
  width: 77px;
  display: block;
}

/**************************************
      = Buttons
        ¬ buttons custom
        ¬ btn close
        ¬ btn count
        ¬ buttons theme
                                     */
.btn {

  color: #fff;
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  outline-width: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
font-weight: 700;
font-size: 15px;
line-height: 17px;          
}

.btn-wrapper {
  text-align: center;
}

@media (max-width: 767px) {
  .btn-wrapper .btn {
    display: block;
  }
}

.btn i {
  color: #fff;
}

.btn:hover, .btn:focus, .btn:active, .btn:active:focus {
  background-color: transparent;
  box-shadow: none;
  outline-width: 0;
}

.btn:hover i, .btn:focus i, .btn:active i, .btn:active:focus i {
  color: #fff;
}

.btn.btn-block {
  padding-left: 0;
  padding-right: 0;
}

/**        ¬ buttons custom         **/
.btn-regular {
  position: relative;
  height: 52px;
  padding: 18px 50px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.btn-regular .btn-over {
  position: absolute;
  top: 0;
  left: 5px;
  width: calc(100% - 10px);
  height: 100%;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  overflow: hidden;
}

.btn-regular .btn-over:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 13%;
  height: 30px;
  border-radius: 50%;
  background: #333333;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 3, 1);
          transform: scale3d(1, 3, 1);
  z-index: -1;
  transition: all 0.3s cubic-bezier(0.7, 0, 0.9, 1);
}

.btn-text {
  display: inline-block;
  position: relative;
  min-height: 16px;
  color: #fff;
  z-index: 1;
}

/**        ¬ buttons theme         **/
.btn-accent .btn-over {
  background-color: #c70c14;
}

.btn-accent .btn-text {
  color: #fff;
}

.btn-dark .btn-over {
  background-color: #222222;
}

.btn-light .btn-text {
  color: #000;
}

.btn-light .btn-over {
  background-color: #fff;
}

.btn-accent:hover .btn-text, .btn-dark:hover .btn-text, .btn-light:hover .btn-text {
  color: #fff;
}

.btn-accent:hover .btn-over:before, .btn-dark:hover .btn-over:before, .btn-light:hover .btn-over:before {
  -webkit-transform: scale3d(10.2, 10.2, 1);
          transform: scale3d(10.2, 10.2, 1);
}

.btn-lg {
  width: 100%;
  padding: 18px 0;
}

/**        ¬ btn close         **/
.btn-close {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  opacity: 1;
}

.btn-close__bar {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 19px;
  height: 1px;
  margin-top: 9px;
  background-color: #c70c14;
}

.btn-close__bar:last-child {
  height: 19px;
  width: 1px;
  margin-top: 0;
  margin-left: 9px;
}

.btn-close:hover span {
  background-color: #333333;
}

.btn-close.order-1 {
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.modal .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal .btn-close span {
  background-color: #fff;
}

.modal .btn-close:hover span {
  background-color: #cccccc;
}

/**        ¬ btn count         **/
.btn-count {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background-color: #222222 !important;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.btn-count:hover {
  background-color: #333333 !important;
}

.btn-count:hover ~ .form-control-count {
  border-color: #333333;
}

.btn-count span {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 1px;
  margin-top: 9px;
  margin-left: 4px;
  background-color: #fff;
}

.btn-count--plus {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.btn-count--plus span:last-child {
  width: 1px;
  height: 11px;
  margin-top: 4px;
  margin-left: 9px;
}

/**************************************
      = Breadcrumbs
                                     */
.breadcrumbs-wrapper {
  padding: 1.4375em 0;
  background-color: #fafafa;
  border-bottom: 1px solid #cccccc;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li a {
  color: #c70c14;
}

.breadcrumb > li a:hover {
  color: #333333;
}

.breadcrumb > li a:focus {
  color: #888888;
}

.breadcrumb > li + li:before {
  /*content: "/ ";*/
  padding: 0 11px;
  color: #cccccc;
}

.breadcrumb > .active {
  color: #000;
}

.breadcrumbs-catalog {
  padding: 1.8125em 0;
  position: relative;
}

.breadcrumbs-catalog .container {
  position: relative;
}

.breadcrumbs-catalog .breadcrumb {
  padding: 7px 0;
  padding-right: 275px;
}

@media (max-width: 767px) {
  .breadcrumbs-catalog .container {
    position: static;
  }
  .breadcrumbs-catalog .breadcrumb {
    padding-right: 57px;
  }
}

/**************************************

      = Panels
        ¬ custom panel
        ¬ cross elem
        ¬ question panel
        ¬ contacts panel
        ¬ pricing panels
        ¬ panel reservation
        ¬ tuning contacts panel

                                     */
/**        ¬ custom panel         **/
.panel {
  position: relative;
  padding: 10px;
  margin-bottom: 0;
  color: #fff;
  background-color: #222222;
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
}

.panel__inner {
  position: relative;
  padding: 100px 30px 100px;
  border: 1px solid rgba(238, 238, 238, 0.5);
}

.panel__heading {
  padding-bottom: 1.5625em;
  line-height: 1;
}

.panel__tab-title {
  color: #888888;
  margin: 0;
}

.panel__title {
  margin: 0 0 15px;
  line-height: 1;
}

.panel__footer {
  margin-bottom: 1.25em;
}

.panel__footer p {
  margin-bottom: 0;
}

.panel .divider-decor {
  display: inline-block;
  margin: 0;
}

.panel--accent {
  background-color: #c70c14;
}

.panel--dark {
  background-color: #222222;
  color: #fff;
}

@media (max-width: 479px) {
  .panel {
    margin-right: -15px;
    margin-left: -15px;
  }
}

/**        ¬ cross elem          **/
.panel-cross {
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 25px;
  height: 25px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.panel-cross:before, .panel-cross:after {
  content: '';
  position: absolute;
  margin-top: 12px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.panel-cross:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

/**        ¬ question panel         **/
.question-panel {
  background-color: #fafafa;
  margin-bottom: 15px;
  padding: 0;
  color: #000;
}

.question-panel__heading {
  position: relative;
  color: #fff;
  background-color: transparent;
  z-index: 1;
}

.question-panel__heading .panel-tab {
  display: block;
  background-color: #c70c14;
  color: inherit;
  min-height: 56px;
  line-height: 1.4em;
  padding: 14px 70px 14px 30px;
}

.question-panel__heading .panel-tab.collapsed {
  background-color: #222222;
}

.question-panel__heading .panel-tab.collapsed:hover {
  background-color: #333333;
}

.question-panel__heading .panel-tab.collapsed > .panel-cross:after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.question-panel__title {
  line-height: 1;
  margin: 0;
}

.question-panel__body {
  padding: 1.5625em 30px;
  border: 1px solid #cccccc;
}

/**        ¬ contacts panel         **/
.contacts-panel__inner {
  padding: 3.125em 50px;
}

/**        ¬ pricing panels         **/
.pricing-panel {
  max-width: 390px;
  margin: 0 auto;
}

.pricing-panel__inner {
  position: relative;
  min-height: 560px;
  padding: 4.375em 30px 130px;
}

.pricing-panel .panel__title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pricing-panel .panel__footer {
  position: absolute;
  left: 0;
  bottom: 78px;
  width: 100%;
  padding: 0 30px;
  margin: 0;
}

.pricing-panel .panel__footer .btn {
  width: 100%;
}

.pricing-panels-group {
  margin-right: 0;
}

.pricing-panels-group .item {
  padding-right: 0;
}

@media (max-width: 991px) {
  .pricing-panels-group .item {
    margin-bottom: 15px;
  }
  .pricing-panels-group .item.order-2 {
    clear: both;
  }
}

@media (min-width: 992px) {
  .pricing-panels-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pricing-panels-group .item.order-2 .panel > .panel__inner {
    min-height: calc(560px + 30px);
  }
  .div#n2-ss-2 .n2-ss-layer .n2-font-1304-paragraph{display:none;}
}

/**        ¬ panel reservation         **/
.modal-reservation .modal-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-reservation .modal-content-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 100vh;
}

.modal-reservation .panel {
  width: 100%;
}

.modal-reservation .section-header {
  max-width: 750px;
  margin: 0 auto;
}

@media (max-width: 479px) {
  .modal-reservation .form-group {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .modal-reservation .modal-dialog {
    max-width: 750px;
    width: 100%;
  }
}

/**        ¬ tuning contacts panel         **/
.tuning-contacts-panel {
  width: 100%;
  padding: 0;
  z-index: 1;
}

.tuning-contacts-panel .panel__title {
  margin-bottom: 0;
}

.tuning-contacts-panel .panel__inner {
  border-width: 0;
}

.tuning-contacts-panel .contacts-list {
  margin-top: 2.5em;
}

/**************************************

      = Controls
        ¬ btn-controls
        ¬ carousel control
        ¬ carousel track
        ¬ lightbox controls
        ¬ page pagination
        ¬ panel navbar gallery
        ¬ range slider
                                     */
/**        ¬ btn-controls         **/
.btn-control.prev, .btn-control.next {
  width: 48px;
  height: 48px;
  color: #fff;
  background-color: #c70c14;
}

.btn-control.prev > .fa, .btn-control.next > .fa {
  font-size: 28px;
  line-height: 48px;
  vertical-align: top;
}

/**        ¬ carousel control         **/
.control-carousel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.125em;
}

.control-carousel .next {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.control-carousel .prev, .control-carousel .next {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.control-carousel__dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 5px;
}

.control-carousel__dots > div {
  -webkit-flex: 0 0 4.375em;
      -ms-flex: 0 0 4.375em;
          flex: 0 0 4.375em;
  padding: 0.25em 0.3125em;
}

.control-carousel__dots > div > span {
  display: block;
  width: 100%;
  height: 0.625em;
  background-color: #cccccc;
  cursor: pointer;
}

.control-carousel__dots > div > span:hover {
  background-color: #333333;
}

.control-carousel__dots > div > span:focus,
.control-carousel__dots > div.active > span {
  background-color: #c70c14;
}

@media (max-width: 767px) {
  .control-carousel__dots {
    display: none;
  }
}

@media (max-width: 479px) {
  .control-carousel__dots {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .control-carousel__dots > div {
    -webkit-flex-basis: 2.8125em;
        -ms-flex-preferred-size: 2.8125em;
            flex-basis: 2.8125em;
  }
  .control-carousel__dots > div > span {
    height: 5px;
  }
}

/**        ¬ carousel track         **/
.carousel-track {
  margin-top: 1.875em;
}

.carousel-track__item {
  position: relative;
  display: block;
}

.carousel-track__item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  z-index: 3;
}

.carousel-track .center .carousel-track__item:before {
  border-color: #c70c14;
  border-width:4px;
}

.carousel-track .center .img-filter {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.carousel-track .center .svg-filter {
  opacity: 0;
}

/**        ¬ lightbox controls         **/
.blueimp-gallery > .close {
  position: absolute !important;
  font: normal 42px/42px "Roboto Slab", Helvetica, Arial, sans-serif;
  width: 42px;
  height: 42px;
  top: 0;
  right: 0;
  margin: 16px 16px 0 0;
  padding: 0;
  background-color: #c70c14;
  vertical-align: middle;
  text-shadow: none;
  border-width: 0;
  border-radius: 0;
  opacity: 1;
}

.blueimp-gallery .slide-content {
  background-size: cover !important;
}

.blueimp-gallery > .slides > .slide-loading {
  background: url("../images/three-dots.svg") no-repeat center;
}

.gallery-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1em;
  margin-bottom: 1em;
  visibility: hidden;
}

.gallery-controls .indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery-controls .indicator > li {
  position: relative;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  height: 100px;
  margin: 0;
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-position: 50%;
  background-size: cover;
  opacity: 1;
}

.gallery-controls .indicator > li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
}

.gallery-controls .indicator > li:hover,
.gallery-controls .indicator > li.active {
  background-color: transparent;
}

.gallery-controls .indicator > li.active:after {
  border-color: #c70c14;
}

.gallery-controls .btn {
  height: 42px;
  padding: 13px 16px;
  text-align: center;
  white-space: nowrap;
}

.gallery-controls .btn .icon {
  vertical-align: middle;
  line-height: 1;
  color: inherit;
}

.gallery-controls .btn:hover:before {
  -webkit-transform: scale3d(8.5, 8.5, 1) !important;
          transform: scale3d(8.5, 8.5, 1) !important;
}

.gallery-controls .btn-text {
  display: none;
  color: inherit;
}

@media (max-width: 479px) {
  .gallery-controls .btn-text {
    text-indent: -9999px;
  }
}

.gallery-controls .play-pause {
  position: static;
  opacity: 1;
}

.gallery-controls .play {
  display: block;
}

.gallery-controls .pause {
  display: none;
}

.blueimp-gallery-controls .gallery-controls {
  visibility: visible;
}

.blueimp-gallery-controls .btn-text {
  display: inline-block;
}

.blueimp-gallery-playing .play {
  display: none;
}

.blueimp-gallery-playing .pause {
  display: block;
}

.scrollbar {
  width: 100%;
  margin: 0 0 1em 0;
  height: 2px;
  background: #fff;
  line-height: 0;
  opacity: .9;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #222222;
  cursor: pointer;
}

.scrollbar .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

/**        ¬ page pagination         **/
.pagination-page {
  margin: 50px 0 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #cccccc;
}

.pagination {
  display: block;
  width: 100%;
  padding-left: 0;
  margin: 0;
  font-size: 1.25em;
  border-width: 0;
  border-radius: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  text-align: center;
}

.pagination > li {
  display: inline-block;
  margin-left: -0.24em;
}

.pagination > li > a,
.pagination > li > span {
  float: none;
  display: block;
  position: relative;
  padding: 0 17px;
  height: 46px;
  line-height: 46px;
  color: #c70c14;
  background-color: transparent;
  border-width: 0;
}

.pagination > li .fa {
  line-height: 46px;
  vertical-align: top;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #333333;
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}

/**        ¬ panel navbar gallery         **/
.panel-nav-gallery {
  background-color: #222222;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery-filter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 50px 15px 51px 16px;
  margin: 0;
}

.gallery-filter > li {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  margin-left: -1px;
  margin-bottom: -1px;
  padding: 0;
}

.gallery-filter > li > a {
  position: relative;
  display: block;
  padding: 17px 15px;
  font: normal 1em/1 "Raleway", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #c70c14;
  letter-spacing: 0.35em;
  border: 1px solid #c70c14;
  z-index: 0;
}

.gallery-filter > li > a:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
  z-index: 1;
}

.gallery-filter > li > a:focus, .gallery-filter > li > a:active {
  color: #fff;
  background-color: #c70c14;
  border-color: #c70c14;
}

@media (min-width: 768px) {
  .gallery-filter {
    width: auto;
  }
  .gallery-filter > li {
    width: auto;
  }
  .gallery-filter > li > a {
    padding: 17px 50px;
  }
}

/**        ¬ range slider         **/
.price-slider .noUi-target {
  height: 4px;
  background: #cccccc;
  border-radius: 0;
  border: none;
  box-shadow: none;
  cursor: pointer;
}

.price-slider .noUi-handle {
  width: 18px;
  height: 18px;
  top: -7px;
  left: -9px;
  border: 4px solid #c70c14;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
}

.price-slider .noUi-handle:before, .price-slider .noUi-handle:after {
  display: none;
}

.price-slider .noUi-connect {
  background: #c70c14;
  box-shadow: none;
  transition: background 300ms;
  cursor: pointer;
}

/**************************************

      = Forms
        ¬ reservation form
        ¬ contacts-form
        ¬ comment-form
        ¬ validation styles
        ¬ subscribe
        ¬ search
        ¬ datepicker
        ¬ timepicker
        ¬ select2

                                     */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .form-control {
    -webkit-appearance: none;
  }
}

.label-control {
  margin-bottom: 12px;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

.form-group {
  margin-bottom: 15px;
}

.form-control {
  height: 42px;
  padding: 6px 15px;
  font-size: inherit;
  line-height: 28px;
  vertical-align: top;
  color: #000;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  transition: all 0.3s ease-in-out;
}

.form-control::-moz-placeholder {
  color: #000;
}

.form-control:-ms-input-placeholder {
  color: #000;
}

.form-control::-webkit-input-placeholder {
  color: #000;
}

.form-control[disabled], .form-control[readonly] {
  background-color: #000;
  color: #000;
}

.form-control:focus {
  border-color: #333333;
  box-shadow: none;
  outline: none;
}

.form-control.input-xs {
  padding: 6px 7px;
  text-align: center;
}

.check-wrap .fa, .radio-input .label-control > i:before, .check-color .input-color {
  transition: all .2s;
}

.check-wrap,
.check-color,
.radio-input {
  position: relative;
}

.check-wrap .label-control,
.check-color .label-control,
.radio-input .label-control {
  margin-bottom: 0;
  line-height: inherit;
  color: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  white-space: normal;
}

.check-wrap .form-checkbox,
.check-wrap .form-radio,
.check-color .form-checkbox,
.check-color .form-radio,
.radio-input .form-checkbox,
.radio-input .form-radio {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

.check-wrap,
.radio-input {
  padding-left: 20px;
  margin-right: 8px;
}

.check-wrap:nth-last-of-type(n+2),
.radio-input:nth-last-of-type(n+2) {
  margin-bottom: 0.375em;
}

.check-wrap .label-control,
.radio-input .label-control {
  line-height: 28px;
  vertical-align: top;
}

.check-wrap .fa {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 14px;
  height: 14px;
  vertical-align: top;
  font-size: 0.875em;
  line-height: 1;
  text-align: center;
  color: transparent;
  border: 1px solid #cccccc;
}

.check-wrap .fa::before {
  font-size: 14px;
}

.check-wrap .form-checkbox:hover + .fa, .check-wrap .form-checkbox:focus + .fa {
  border-color: #333333;
}

.check-wrap .form-checkbox:checked + .fa {
  color: #c70c14;
}

@media (max-width: 991px) {
  .check-wrap {
    display: inline-block;
  }
}

.radio-input .label-control > i {
  position: absolute;
  top: 0.4375em;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

.radio-input .label-control > i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: transparent;
}

.radio-input .label-control .form-radio + i,
.radio-input .label-control .form-radio + i:before {
  border-radius: 50%;
}

.radio-input .label-control .form-radio:checked + i:before {
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  background-color: #c70c14;
}

.check-color {
  width: 45px;
  height: 30px;
  padding-left: 15px;
  margin-bottom: 15px;
}

.check-color:nth-last-of-type(n+2) {
  margin-bottom: 8px;
}

.check-color .label-control,
.check-color .input-color {
  display: block;
  height: 100%;
}

.check-color .label-control {
  width: 30px;
}

.check-color .input-color {
  border: 1px solid #cccccc;
}

.check-color .form-checkbox:checked + .input-color {
  border-color: #333333;
}

.separate {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
  width: 11px;
  height: 1px;
  background-color: #888888;
}

textarea.form-control {
  height: auto;
  min-height: 200px;
}

.input-wrap {
  position: relative;
  background-color: transparant;
}

.input-wrap .input-icon {
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: #000;
  z-index: 1;
}

.input-wrap [class*=caret] {
  left: auto;
  right: 12px;
}

.input-wrap--icon-left .form-control {
  padding-left: 15px;
}

button[type="submit"] {
  width: 100%;
}

button[type="submit"].disabled {
  opacity: 1;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

.form-inner {
  margin: 0 -10px;
}

.form-inner > [class^=col] {
  padding: 0 10px;
}

.form-inner button[type="submit"] {
  margin-top: 15px;
}

/**        ¬ reservation form         **/
.reservation-form {
  position: relative;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  color: #000;
  z-index: 1;
}

.reservation-form__center-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin: 0 -10px;
}

.reservation-form .item-1, .reservation-form .item-2 {
  width: 235px;
}

.reservation-form .item-3 {
  width: 180px;
}

.reservation-form .item-4 {
  width: 120px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.reservation-form .form-group {
  padding: 0 10px;
}

.reservation-form button[type="submit"] {
  margin-top: 20px;
}

.form-light .label-control {
  color: #000;
}

/**        ¬ validation styles         **/
.has-error {
  color: #c70c14;
}

.has-error .form-control,
.has-error .input-icon {
  color: inherit;
}

.has-error .form-control {
  border-color: #c70c14;
  box-shadow: none;
}

.has-error .form-control::-moz-placeholder {
  color: inherit;
}

.has-error .form-control:-ms-input-placeholder {
  color: inherit;
}

.has-error .form-control::-webkit-input-placeholder {
  color: inherit;
}

.has-error .form-control[disabled], .has-error .form-control[readonly] {
  background-color: inherit;
  color: inherit;
}

.has-error .form-control:focus {
  border-color: #c70c14;
  box-shadow: none;
}

.has-error .select2-selection {
  border-color: inherit;
}

.has-error .select2-selection * {
  color: inherit !important;
}

.has-error .select2-selection .select2-selection__arrow b {
  border-top-color: inherit !important;
}

/**        ¬ subscribe         **/
.form-modul .input-wrap {
  position: relative;
}

.form-modul .form-control {
  padding-right: 57px;
}

.form-modul .form-modul-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  background-color: #c70c14;
  color: #fff;
}

.sidebar .form-modul .label-control {
  color: #000;
}

.form-modul button[type="submit"] {
  position: absolute !important;
  margin-top: 0;
}

.form-modul-search {
  max-width: 360px;
  width: 100%;
}

.form-modul-search .form-control {
  padding-left: 15px;
}

.catalog-mdl-search {
  position: absolute;
  top: 0;
  right: 15px;
  width: 260px;
  bottom: 0;
  background-color: #fafafa;
}

.catalog-mdl-search__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px !important;
  height: 40px;
  line-height: 40px;
  margin-top: 1px;
  margin-right: 1px;
  background-color: #fff;
}

.catalog-mdl-search__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  top: 50%;
  margin-top: -21px;
  border: 1px solid #cccccc;
  z-index: 2;
  color: #000;
  background-color: #fff;
}

.catalog-mdl-search__toggle [class*=icon] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.catalog-mdl-search__toggle .icon-close {
  display: none;
  font-size: 28px;
  color: #c70c14;
}

.catalog-mdl-search__form {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -21px;
  z-index: 2;
}

@media (min-width: 768px) {
  .catalog-mdl-search__form {
    display: block;
  }
}

@media (max-width: 767px) {
  .catalog-mdl-search {
    width: 42px;
  }
  .catalog-mdl-search.active {
    width: calc(100% - 30px);
  }
  .catalog-mdl-search.active .catalog-mdl-search__toggle {
    margin-top: -21px;
    border-width: none;
  }
  .catalog-mdl-search.active .icon-search {
    display: none;
  }
  .catalog-mdl-search.active .icon-close {
    display: block;
  }
  .catalog-mdl-search.active .catalog-mdl-search__form {
    width: calc(100% - 40px);
  }
}

/**        ¬ datepicker         **/
.datepicker {
  font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-width: 0;
}

.datepicker .prev, .datepicker .next {
  font-family: FontAwesome;
  text-indent: -9999px;
  background-color: #c70c14;
}

.datepicker .prev:after, .datepicker .next:after {
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}

.datepicker .prev:hover, .datepicker .next:hover {
  background: #c70c14;
}

.datepicker .prev:hover:before, .datepicker .next:hover:before {
  -webkit-transform: scale3d(10.3, 10.3, 1);
          transform: scale3d(10.3, 10.3, 1);
}

.datepicker .prev:hover:after, .datepicker .next:hover:after {
  color: #fff;
}

.datepicker .prev:after {
  content: "\f104";
}

.datepicker .next:after {
  content: "\f105";
}

@media (max-width: 767px) {
  .bootstrap-datetimepicker-widget {
    left: 15px !important;
    right: 15px !important;
    width: auto;
  }
  .bootstrap-datetimepicker-widget .datepicker {
    left: 0;
    right: auto;
    width: 100%;
  }
}

/**        ¬ timepicker dropdown time         **/
.ui-timepicker-wrapper {
  height: 210px;
  width: 100px;
  border: 1px solid #c70c14;
  border-width: 0;
}

.ui-timepicker-list li {
  padding: 7px 15px;
}

.ui-timepicker-list li:hover, .ui-timepicker-list li:focus,
.ui-timepicker-list li.ui-timepicker-selected:hover,
.ui-timepicker-list li.ui-timepicker-selected:focus {
  background-color: #c70c14;
  color: #fff;
}

.ui-timepicker-list li.ui-timepicker-selected {
  background-color: #c70c14;
  color: #fff;
}

/**        ¬ select2         **/
.select2-container .select2-selection--single {
  height: 42px;
  padding: 6px 15px;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  outline-color: transparent;
}

.select2-container .select2-selection--single:hover {
  border-color: #333333;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 20px;
  color: #000;
}

.select2-container .select2-selection--single .select2-selection__rendered > * {
  color: #000;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  height: 42px;
  top: 0;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  left: auto;
  right: 15px;
  border-color: #222222 transparent transparent transparent;
}

.select2-container.select2-container--open .select2-selection--single {
  border-color: #c70c14;
}

.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 4px 0 4px;
  border-color: #c70c14 transparent transparent transparent;
}

.select2-container.select2-container--open .select2-selection--single:hover {
  border-color: #c70c14;
}

.select2-container .select2-dropdown {
  top: -1px;
  border: 1px solid #c70c14;
  border-radius: 0;
}

.select2-container .select2-dropdown--above {
  top: 1px;
  margin-top: 1px;
  border-bottom-width: 0;
}

.select2-container .select2-dropdown--below {
  border-top-width: 0;
}

.select2-container .select2-dropdown .select2-search__field {
  border-color: #cccccc;
  outline: none;
}

.select2-container .select2-dropdown .select2-search__field:hover {
  border-color: #333333;
}

.select2-container .select2-dropdown .select2-search__field:focus {
  border-color: #c70c14;
}

.select2-container .select2-results__option {
  padding-left: 15px;
}

.select2-container .select2-results__option[aria-selected=true] {
  background-color: #fff;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
  color: #fff;
  background-color: #c70c14;
}

/**************************************

      = Components
        ¬ thumbnail overlay
        ¬ list default
        ¬ list overview
        ¬ contacts list regular
        ¬ social list
        ¬ video
        ¬ tooltips
        ¬ animation settings
        ¬ over catalog
        ¬ animation hover
        ¬ transition regular
        ¬ isi effect for buttons
        ¬ raiting stars
                                     */
.instagram-list__link {
  position: relative;
}

.instagram-list__link:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c70c14;
  opacity: 0;
}

.instagram-list__link:hover:after {
  opacity: .8;
}

/**        ¬ list default title         **/
.list-type__title {
  margin-bottom: 0;
  line-height: inherit;
}

/**        ¬ list default         **/
.list-default {
  margin-bottom: 0.75em;
}

.list-default > li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 0.5em;
}

.list-default > li:before {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: 0.75em;
  background-color: #c70c14;
}

.list-default > li > a {
  display: inline;
  border-bottom: 1px solid;
  color: #c70c14;
}

.list-default > li > a:hover {
  color: #333333;
}

.list-default > li > a:focus {
  color: #888888;
}

.list-default--accent li:before {
  background-color: #fff;
}

/**        ¬ list overview         **/
.list-overview > li:nth-last-child(n+2) {
  margin-bottom: 10px;
}

.list-overview > li a {
  white-space: nowrap;
}

@media (max-width: 991px) {
  .list-overview > li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 8px;
  }
}

.list-overview--block {
  max-width: 180px;
  width: 100%;
}

.list-overview--block > li {
  white-space: nowrap;
}

/**        ¬ list-category         **/
.list-category {
  margin: -7px 0;
}

.list-category > li {
  padding: 7px 0;
  margin-bottom: 0;
}

.list-category > li:nth-child(n+2) {
  border-top: 1px solid #e3e3e3;
}

.list-category > li > a {
  text-decoration: none;
  color: #c70c14;
}

.list-category > li > a:hover {
  color: #333333;
}

.list-category > li > a:focus {
  color: #888888;
}

.list-category.under > li > a {
  display: inline;
  border-bottom: 1px solid;
}

/**        ¬ contacts list regular         **/
.contacts-list-regular {
  margin-bottom: 1.25em;
}

.contacts-list-regular > li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 0.5em;
}

.contacts-list-regular > li .icon {
  position: absolute;
  left:0;
  font-size: 1.5em;
  line-height:1.3em;
  vertical-align: top;
  color: #c70c14;
}

.contacts-list-regular > li > a {
  color: inherit;
}
.contacts-list-regular > li > a:hover {
  color: #c70c14;
}

.contacts-list-regular.-white {
  color: #f1f1f1;
}

/**        ¬ social list         **/
.social-list {
  margin-right: -6px;
  margin-bottom: 6px;
  font-size: 0;
  line-height: 1;
}

.social-list > li {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}

.social-list > li a {
  display: block;
  font-size: 16px;
  color: #c70c14;
}

.social-list > li a .fa:last-child {
  color: #fff;
}

.social-list > li a:hover, .social-list > li a:focus {
  color: #333333;
}

.social-list > li a:hover .fa:last-child, .social-list > li a:focus .fa:last-child {
  color: #fff;
}

/**        ¬ video         **/
.video-contain {
  position: relative;
  max-height: 500px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.video-contain .embed-responsive {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}

.video-contain .embed-responsive:after {
  content: '';
  display: block;
  height: 0;
  padding-bottom: 56.25%;
}

.video-contain__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.video-contain.hover .video-contain__bg:after {
  background-color: #c70c14;
}

.video-contain.active .video-contain__bg {
  visibility: hidden;
  opacity: 0;
}

.btn-play {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  z-index: 10;
}

.btn-play:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -10px;
  border-style: solid;
  border-width: 22px 28px;
  border-color: transparent transparent transparent #c70c14;
}

/**        ¬ tooltips         **/
.tooltip {
  opacity: 0;
}

.tooltip-inner {
  padding: 8px 15px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #222222;
  border-radius: 0;
}

.tooltip.top {
  padding: 7px 0;
}

.tooltip.top .tooltip-arrow {
  margin-left: -7px;
  border-width: 7px 7px 0;
  border-top-color: #222222;
}

.tooltip.bottom .tooltip-arrow {
  margin-left: -7px;
  border-width: 0 7px 7px;
  border-bottom-color: #222222;
}

/**        ¬ animation settings        **/
.over-hover-link,
.over-fade-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0s ease .6s;
}

.over-hover-link .icon,
.over-fade-link .icon {
  position: absolute;
  font-size: 52px;
  top: 120%;
  left: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
}

.over-hover-link .over {
  display: block;
  position: absolute;
  top: 100%;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(243, 53, 68, 0.8);
  transition: all 0.3s ease;
}

.over-hover-link .icon {
  transition: opacity .3s ease 0s, top .3s ease .10s;
}

.over-fade-link {
  opacity: 0;
  background-color: rgba(243, 53, 68, 0.8);
  transition: all 0.3s;
}

.over-fade-link .icon {
  transition: opacity 0.6s ease 0s, top 0.6s ease 0s;
}

.expand-title {
  position: relative;
  top: 0;
  opacity: 1;
  transition: opacity 0.6s ease 0.2s, top 0.6s ease 0s;
}

/**        ¬ over catalog         **/
.over-catalog {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  z-index: 2;
  transition: opacity 300ms, top 300ms, left 0s linear 300ms;
}

.over-catalog__panel {
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  z-index: 1;
  transition: opacity 0.6s ease 0s, top 0.6s ease 0s;
}

.over-catalog__panel > li {
  margin: 5px 10px;
}

.over-catalog__panel > li > a {
  display: block;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-size: 20px;
  line-height: 40px;
  background-color: #c70c14;
  text-align: center;
}

.over-catalog__panel .icon {
  vertical-align: middle;
  color: #fff;
}

/**        ¬ animation hover         **/
.hover-anim {
  overflow: hidden;
  position: relative;
}

.hover-anim:hover .expand-title {
  top: -150px;
  opacity: 0;
  transition: opacity 0.3s ease 0s, top 0.6s ease 0s;
}

.hover-anim:hover .flag-date {
  background-color: #333333;
}

.hover-anim:hover .flag-date:after {
  border-color: #333333;
}

.hover-anim:hover .over-fade-link {
  opacity: 1;
}

.hover-anim:hover .over-fade-link .icon {
  top: 50%;
  opacity: 1;
}

.hover-anim:hover .over-hover-link {
  opacity: 1;
  transition: opacity 0s ease 0s;
}

.hover-anim:hover .over-hover-link .icon {
  top: 50%;
  opacity: 1;
  transition: opacity .3s ease .10s, top .3s ease 0s;
}

.hover-anim:hover .over-hover-link .over {
  top: 0;
  left: 0;
}

.hover-anim:hover .over-catalog {
  opacity: 1;
  left: 0;
  transition: opacity 300ms ease 0s, top 300ms ease 0s;
}

.hover-anim:hover .over-catalog__panel {
  top: 50%;
  opacity: 1;
}

/**        ¬ transition regular         **/
a.link-accent, .blog-tags > li a, a.post-comment__reply, .list-overview > li a, a.link-title, .img-filter,
.svg-filter, .page-header .navbar-menu > li > a, .bg-dark:before,
.bg-accent:before, .blog-list-post__bottom, .blog-grid-post__bottom, .flag-date, .flag-date:after, .btn i, .btn-regular, .btn-text, .btn-close__bar, .breadcrumb > li a, .panel-cross:before, .panel-cross:after, .question-panel__heading .panel-tab, .control-carousel__dots > div > span, .carousel-track__item:before, .pagination > li > a,
.pagination > li > span, .gallery-filter > li > a, .catalog-mdl-search__toggle, .datepicker .prev:after, .datepicker .next:after, .select2-container .select2-selection--single, .select2-container .select2-selection--single .select2-selection__arrow b, .select2-container .select2-dropdown .select2-search__field, .select2-container .select2-results__option, .label-control,
.form-control,
.input-icon,
.ui-timepicker-list > li, .instagram-list__link:after, .list-default > li > a, .list-category > li > a, .social-list > li a, .social-list > li a .fa:last-child, .video-contain__bg, .btn-play:after, .br-theme-fontawesome-stars .br-widget a:after, .media-counter .form-control-count, .catalog-list-item .catalog-item-panel, .catalog-list-item .catalog-item-panel__img, .catalog-list-item .catalog-item-panel__body, .product-tabs .nav-tabs > li > a, .catalog-search-switcher .result-clean, .catalog-sort-panel__list > li > a {
  transition: all 0.3s ease-in-out;
}

/**        ¬ isi effect for buttons         **/
.btn-control.prev, .btn-control.next, .blueimp-gallery > .close, .gallery-controls .btn, .form-modul button[type="submit"], .datepicker .prev, .datepicker .next {
  position: relative;
  overflow: hidden;
  color: #fff;
}

.btn-control.prev > *, .btn-control.next > *, .blueimp-gallery > .close > *, .gallery-controls .btn > *, .form-modul button[type="submit"] > *, .datepicker .prev > *, .datepicker .next > * {
  position: relative;
  z-index: 2;
}

.btn-control.prev:before, .btn-control.next:before, .blueimp-gallery > .close:before, .gallery-controls .btn:before, .form-modul button[type="submit"]:before, .datepicker .prev:before, .datepicker .next:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -8px 0 0 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #333333;
  z-index: 1;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
          transform: scale3d(1, 2, 1);
  transition: -webkit-transform 0.19s;
  transition: transform 0.19s;
  transition: transform 0.19s, -webkit-transform 0.19s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.btn-control.prev:hover, .btn-control.next:hover, .blueimp-gallery > .close:hover, .gallery-controls .btn:hover, .form-modul button[type="submit"]:hover, .datepicker .prev:hover, .datepicker .next:hover {
  color: #fff;
}

.btn-control.prev:hover:before, .btn-control.next:hover:before, .blueimp-gallery > .close:hover:before, .gallery-controls .btn:hover:before, .form-modul button[type="submit"]:hover:before, .datepicker .prev:hover:before, .datepicker .next:hover:before {
  -webkit-transform: scale3d(5, 5, 1);
          transform: scale3d(5, 5, 1);
}

/**        ¬ raiting stars         **/
.br-theme-fontawesome-stars .br-widget {
  height: auto;
  line-height: 1;
}

.br-theme-fontawesome-stars .br-widget a {
  font: normal normal normal 18px/1 FontAwesome;
  margin-right: 8px;
}

.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f005';
}

/**        ¬ raiting stars         **/
.br-theme-fontawesome-stars .br-widget a:after {
  color: #000;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #c70c14;
}

.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #c70c14;
}

/**************************************

      = Catolog elements
        ¬ panel cart
        ¬ cart product
        ¬ media footer
        ¬ cost-row
        ¬ media counter
        ¬ navbar categories
        ¬ retailer home catalog
        ¬ catalog item panel
        ¬ catalog grid & list
        ¬ catalog front page
        ¬ catalog details
        ¬ catalog compare
        ¬ product info
        ¬ catalog search switcher
        ¬ catalog sort panel
        ¬ refine search
        ¬ control bar
        ¬ catalog pagination
                                     */
/**        ¬ panel-cart         **/
.panel-cart-list {
  margin-bottom: 20px;
}

.panel-cart-list > li:nth-last-of-type(n+2) {
  border-bottom: 1px solid #e3e3e3;
}

.panel-cart-total {
  padding: 8px 0;
  margin-bottom: 30px;
  border: 1px solid #e3e3e3;
  border-width: 1px 0;
}

.panel-cart-total .h3 {
  margin-bottom: 0;
}

/**        ¬ cart product         **/
.cart-product {
  padding: 10px 0;
}

.cart-product .media {
  margin-bottom: 0.625em;
  overflow: visible;
}

.cart-product .media > * {
  vertical-align: middle;
}

.cart-product .media p {
  margin-bottom: 0;
}

.cart-product .media p:nth-last-of-type(n+2) {
  margin-bottom: 0.625em;
}

.cart-product .media-footer {
  margin-bottom: 0;
}

.cart-product .media-left {
  padding-right: 15px;
}

.cart-product .img-wrap {
  vertical-align: middle;
}

.cart-product .media-object {
  width: 64px;
  height: 64px;
}

/**        ¬ media footer         **/
.media-footer .media-left.cost-row {
  width: 50%;
}

.media-footer .media-right.cost-row {
  text-align: right;
}

/**        ¬ cost-row         **/
.cost-row span.small {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.cost-current {
  color: #c70c14;
}

.cost-special {
  position: relative;
  padding: 0 3px;
  margin-left: 15px;
  vertical-align: middle;
  color: #888888;
}

.cost-special:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c70c14;
}

.cost-current,
.cost-total {
  font-size: 1.25em;
  font-weight: 700;
  vertical-align: middle;
}

/**        ¬ media counter         **/
.media-counter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.media-counter .order-1 {
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.media-counter--right {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.media-counter .btn-close {
  margin-right: 15px;
}

.media-counter .form-control-count {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 8px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #cccccc;
}

/**        ¬ navbar categories         **/
.navbar-panel {
  box-shadow: none;
}

.navbar-panel.navbar-accent .navbar-header {
  background-color: #c70c14;
}

.navbar-panel .navbar-header .navbar-toggle {
  padding: 18px 15px;
  margin: 0;
  margin-right: 10px;
  border-radius: 0;
}

.navbar-panel .navbar-header .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-panel .navbar-collapse {
  padding: 0;
  border-width: 0;
}

.navbar-panel .navbar-nav {
  position: relative;
  width: 100%;
  margin: 0;
}

.navbar-panel .navbar-nav .dropdown {
  position: static;
}

.navbar-panel .navbar-nav .dropdown > a {
  padding-top: 1.35em;
  padding-bottom: 1.35em;
  font-size: 1.25em;
  line-height: 1;
  font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
}

.navbar-panel .navbar-nav .dropdown .fa {
  margin-top: 1px;
  text-align: right;
}

.navbar-panel .navbar-nav .dropdown.open {
  z-index: 1001;
}

.navbar-panel .navbar-nav .dropdown-menu {
  width: 100%;
}

.navbar-panel .navbar-nav .dropdown-menu > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}

.navbar-panel .navbar-nav .dropdown-menu .list-default {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 190px;
  padding: 0 15px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .navbar-panel {
    margin: 0;
  }
  .navbar-panel .navbar-header {
    display: none;
  }
  .navbar-panel .collapse {
    margin: 0 -15px;
  }
  .navbar-panel .navbar-nav .dropdown-menu {
    left: 15px;
    width: calc(100% - 30px);
  }
}

@media (min-width: 992px) {
  .navbar-panel .navbar-nav .dropdown {
    position: relative;
  }
  .navbar-panel .navbar-nav .dropdown .dropdown-menu {
    min-width: 420px;
  }
}

/**        ¬ retailer home catalog         **/
.catalog-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.catalog-row:before, .catalog-row:after {
  display: none;
}

.catalog-row > [class^=col] {
  margin-bottom: 30px;
}

.catalog-row-wrapper {
  margin-bottom: -30px;
}

.catalog-row-wrapper .pagination-page,
.catalog-row-wrapper .btn-wrapper {
  margin-top: 20px;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .catalog-row {
    margin: 0 -10px;
  }
  .catalog-row > [class^=col] {
    padding: 0 10px;
  }
}

/**        ¬ catalog item panel        **/
.catalog-item-panel {
  background-color: #fafafa;
  width: 100%;
}

.catalog-item-panel__img {
  position: relative;
  display: table;
  max-height: 263px;
  margin-bottom: 1.5em;
  background-color: #fff;
}

.catalog-item-panel__img img {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.catalog-item-panel__body {
  padding: 0 30px 30px;
}

.catalog-item-panel__body p {
  min-height: 7em;
}

.catalog-item-panel .btn {
  max-width: 200px;
  width: 100%;
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1199px) {
  .catalog-item-panel__body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .catalog-item-panel .btn {
    max-width: 100%;
  }
}

/**        ¬ catalog grid & list        **/
.catalog-list-item {
  width: 100%;
}

.catalog-list-item .catalog-item-panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: none;
  height: 263px;
  margin: 0;
  overflow-y: hidden;
  border: 1px solid #cccccc;
}

.catalog-list-item .catalog-item-panel__img {
  display: block;
  padding: 0;
  margin: 0;
  width: 263px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.catalog-list-item .catalog-item-panel__img img {
  width: 263px;
  height: 263px;
  max-width: none;
  border-width: 0;
}

.catalog-list-item .catalog-item-panel__body {
  width: 450px;
  overflow: auto;
  padding: 51px 30px;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.catalog-list-item .catalog-item-panel__body p {
  min-height: auto;
}

.catalog-list-item .catalog-item-panel .media-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.catalog-list-item .catalog-item-panel .media-footer .order-1 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-shrink: 2px;
      -ms-flex-negative: 2px;
          flex-shrink: 2px;
}

.catalog-list-item .catalog-item-panel .media-body {
  width: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.catalog-list-item .catalog-item-panel .btn {
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.catalog-list-item .catalog-item-panel:hover {
  border-color: #000;
}

@media (max-width: 767px) {
  .catalog-list-item .catalog-item-panel__body {
    width: 290px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .catalog-list-item .catalog-item-panel .btn {
    max-width: 200px;
    margin-left: auto;
    margin-top: 10px;
    width: 100%;
    display: block;
  }
}

.catalog-grid-item .catalog-item-panel {
  margin: 0 auto;
}

.catalog-grid-item .catalog-item-panel.row > * {
  width: 100%;
}

.catalog-grid-item .catalog-item-panel__img {
  padding: 0;
}

.catalog-grid-item .catalog-item-panel .media-body {
  vertical-align: middle;
}

.catalog-grid-item .catalog-item-panel .cost-row > * {
  display: block;
}

.catalog-grid-item .catalog-item-panel .media-footer > * {
  width: 100%;
}

/**        ¬ catalog front page         **/
.catalog-front {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: -1px 0 0 -1px;
  overflow: hidden;
}

.catalog-front:before, .catalog-front:after {
  display: none;
}

.catalog-front:nth-last-of-type(n+2) {
  border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
  .catalog-front:nth-of-type(1) h2 {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .catalog-front-inner {
    margin-top: 3.125em;
  }
}

.catalog-front__title {
  margin-top: 1em;
  margin-bottom: 0.675em;
  line-height: 1;
  white-space: nowrap;
}

.catalog-front > [class^=col] {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  left: 1px;
  top: 1px;
  padding: 0;
  border: 1px solid #e5e5e5;
  border-width: 0 1px 1px 0;
}

.catalog-front > [class^=col] .list-default {
  margin-bottom: 0;
}

.catalog-front > [class^=col] .list-default:nth-of-type(1) {
  margin-top: 0.5em;
}

.catalog-front > [class^=col] .list-default > li:last-child {
  margin-bottom: 0;
}

.catalog-front:nth-last-of-type(n+2) > [class^=col] {
  padding-bottom: 2.5em;
}

@media (max-width: 767px) {
  .catalog-front:nth-last-of-type(1) > [class^=col]:nth-last-of-type(n+2) {
    padding-bottom: 2.5em;
  }
}

/**        ¬ catalog details         **/
.main-product__carousel-row {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

.main-product__carousel-row .control-carousel {
  margin: 0;
  height: 0;
}

.main-product__carousel-row .control-carousel .btn-control {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 10000;
}

.main-product__carousel-row .control-carousel .prev {
  left: 0;
}

.main-product__carousel-row .control-carousel .next {
  right: 0;
}

.main-product-sidebar {
  margin-top: -6px;
}

.main-product-sidebar h4 {
  margin-top: 0;
}

.main-product-sidebar > section:nth-last-child(n+2) {
  margin-bottom: 2.5em;
}

.main-product__price {
  padding: 1.5625em 30px 1.875em;
  margin: 0;
  background-color: #fafafa;
  overflow: auto;
}

.main-product__price .cost-current {
  font-size: 2em;
}

.main-product__price .cost-current + .cost-total {
  font-size: 2em;
}

.main-product__price .cost-row-caption {
  font-size: 1.25em;
  font-weight: 700;
}

.main-product__price .cost-row {
  margin-bottom: 2em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  line-height: 1;
}

.main-product__price .cost-row:before, .main-product__price .cost-row:after {
  display: none;
}

.main-product__price .media-left {
  vertical-align: middle;
  padding-right: 30px;
}

.main-product .label-title {
  margin-bottom: 8px;
}

.main-product-pallete {
  margin-left: -15px;
  margin-bottom: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.main-product-pallete .check-color:nth-child(1) .input-color {
  background-color: #ff4040;
}

.main-product-pallete .check-color:nth-child(2) .input-color {
  background-color: #ffeec5;
}

.main-product-pallete .check-color:nth-child(3) .input-color {
  background-color: #c5d6ff;
}

.main-product-pallete .check-color:nth-child(4) .input-color {
  background-color: #b9b9b9;
}

@media (max-width: 767px) {
  .main-product__price {
    margin-bottom: 5em;
  }
}

/**        ¬ catalog compare         **/
.compare-container {
  max-width: 1170px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto 80px;
}

@media (max-width: 379px) {
  .compare-container {
    padding-left: 0;
  }
}

.compare-table {
  display: table;
  table-layout: fixed;
  min-width: 380px;
  width: 100%;
}

.compare-table-row {
  display: table-row;
  margin: 0;
}

.compare-table-row > * {
  display: table-cell;
  float: none;
  padding-left: 1.31579%;
  padding-right: 1.31579%;
}

@media (max-width: 639px) {
  .compare-table-row > * {
    width: 50%;
  }
  .compare-table-row > *:nth-child(n+3) {
    display: none;
  }
}

.compare-top__btn-group > * {
  padding: 0;
}

.compare-top__btn-group .btn-close {
  width: 100%;
  height: 50px;
  -webkit-transform: none;
          transform: none;
}

.compare-top__btn-group .btn-close__bar {
  left: 50%;
  width: 1px;
  height: 19px;
  margin: 0;
  margin-top: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.compare-top__btn-group .btn-close__bar:last-child {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.compare-top__header {
  background-color: #fafafa;
}

.compare-top__header > * {
  min-height: 45px;
  padding: 10px 15px;
}

.compare-top__header h3 {
  margin: 0;
  line-height: 25px;
}

.compare-top .item-thumb {
  position: relative;
  max-width: 260px;
  width: 100%;
  padding: 0 10px;
  margin: 30px auto;
  overflow: visible;
}

.compare-section {
  margin-bottom: 20px;
}

.compare-section__header {
  padding: 0 0 15px;
}

@media (max-width: 379px) {
  .compare-section__header {
    padding-left: 15px;
  }
}

.compare-section__header h3 {
  margin: 0;
  line-height: 1;
  color: #888888;
}

.compare-section .compare-table-row > * {
  padding-top: 15px;
  border-top: 1px solid #cccccc;
}

.compare-bottom .compare-table-row > * {
  padding: 35px 2.19298%;
  background-color: #fafafa;
}

.compare-raiting {
  margin-bottom: 5px;
}

/**        ¬ product tabs         **/
.product-tabs {
  margin-top: 50px;
}

.product-tabs .nav-tabs {
  border-bottom: 1px solid #cccccc;
}

.product-tabs .nav-tabs > li {
  margin-left: -1px;
  margin-right: 0;
}

.product-tabs .nav-tabs > li:first-child {
  margin-left: 0;
}

.product-tabs .nav-tabs > li > a {
  padding: 17px 30px;
  margin-right: 0;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  border-color: #cccccc;
  border-radius: 0;
}

.product-tabs .nav-tabs > li > a:hover {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}

.product-tabs .nav-tabs > li.active > a, .product-tabs .nav-tabs > li.active > a:hover, .product-tabs .nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.product-tabs .tab-content {
  padding: 50px 30px;
  border: 1px solid #cccccc;
  border-top-width: 0;
}

.product-tabs .tab-pane p:last-child {
  margin-bottom: 0;
}

.product-tabs .comment-form button[type="submit"] {
  margin-top: 15px;
}

@media (max-width: 479px) {
  .product-tabs .nav-tabs > li {
    float: none;
    margin-left: 0;
  }
  .product-tabs .nav-tabs > li > a {
    padding: 17px 15px;
  }
  .product-tabs .tab-content {
    padding: 30px 15px 50px;
  }
  .product-tabs .post-comment {
    padding: 30px 15px;
    margin: -30px -15px 30px;
  }
}

/**        ¬ catalog search switcher         **/
.catalog-search-switcher {
  position: relative;
  padding: 8px 0;
  margin-bottom: 50px;
  border: 1px solid #e3e3e3;
  border-width: 1px 0 1px 0;
}

.catalog-search-switcher > * {
  vertical-align: middle;
}

.catalog-search-switcher .media-object {
  width: 115px;
  margin-left: 0;
}

.catalog-search-switcher .count-search,
.catalog-search-switcher .input-search-result {
  font-weight: 700;
  line-height: inherit;
}

.catalog-search-switcher .result-clean {
  padding: 0;
  cursor: pointer;
}

.catalog-search-switcher .result-clean:hover {
  color: #000;
}

/**        ¬ catalog sort panel         **/
.catalog-sort-panel {
  position: relative;
  padding: 0 60px;
  margin-bottom: 50px;
}

.catalog-sort-panel__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  margin-right: -60px;
}

.catalog-sort-panel__list > li {
  margin-right: 60px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.catalog-sort-panel__list > li > a {
  font-size: 40px;
  line-height: 1;
  color: #cccccc;
}

.catalog-sort-panel__list > li > a:hover {
  color: #000;
}

.catalog-sort-panel__list > li.active > a {
  color: #000;
}

@media (max-width: 479px) {
  .catalog-sort-panel__list > li > a {
    font-size: 7.14286vw;
  }
}

.catalog-sort-panel .btn-control {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -24px;
}

.catalog-sort-panel .btn-control.next {
  left: auto;
  right: 0;
}

/**        ¬ refine search         **/
.refine-search {
  margin-top: -6px;
  margin-bottom: 40px;
}

.refine-search h4 {
  margin-top: 0;
}

/**        ¬ control bar         **/
.control-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 50px;
}

.control-bar-sort {
  margin: 0 -10px;
}

.control-bar-sort .label-control {
  display: block;
  color: #000;
}

.control-bar-sort .form-group {
  padding: 0 10px;
}

.control-bar-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.control-bar-grid__btn {
  display: block;
  width: 42px;
  height: 42px;
  padding: 11px;
  margin: 0 0 15px 10px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
}

.control-bar-grid__btn .icon {
  display: block;
}

.control-bar-grid > li.active .control-bar-grid__btn {
  background-color: #222222;
  color: #fff;
}

/**        ¬ catalog pagination         **/
.catalog-pagination {
  margin-top: 20px;
}

.catalog-pagination .pagination-page {
  margin-top: 0;
}

/**************************************

      = Media Queries
        ¬ lg <= 1199px;
        ¬ md <= 991px;
        ¬ sm <= 767px;
        ¬ xs <= 479px;

                                     */
/**        ¬ lg <= 1199px;         **/
@media (max-width: 1199px) {
  .section-intro .container {
    min-height: calc(100vh - 86px);
  }
  .services-features__caption {
    font-size: 14px;
  }
  .page-footer .item-3, .page-footer .item-4 {
    text-align: center;
  }
  .contacts-map,
  .section-map {
    height: 50vmax;
  }
}

/**        ¬ md <= 991px;         **/
@media (max-width: 991px) {
  body {
    font-size: 1.4rem;
  }
  .section-intro .container {
    min-height: calc(100vh - 136px);
  }
  .team-intro-panel {
    margin-bottom: 1.875em;
  }
}

/**        ¬ sm <= 767px;         **/
@media (max-width: 767px) {
  .navbar .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none !important;
    border: none !important;
  }
  .navbar .navbar-menu .dropdown-menu {
    text-align: center;
  }
  .navbar-panel .navbar-nav {
    text-align: center;
  }
  .navbar-panel .navbar-header {
    border-bottom: 1px solid #e5e5e5;
  }
  .section-intro .container {
    min-height: calc(100vh - 50px);
  }
  .section-row {
    margin-top: 14.34159vw;
  }
  .section-row-number:before {
    margin-top: 3.91134vw;
  }
  .section-row-number h1 {
    font-size: 8.08344vw;
    margin-bottom: 8.47458vw;
  }
  .reservation-form {
    font-size: 14px;
  }
  .reservation-form__center-wrapper {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .reservation-form .item-1, .reservation-form .item-2 {
    width: 50%;
  }
  .reservation-form .item-3 {
    width: 60%;
  }
  .reservation-form .item-4 {
    width: 40%;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .datepicker,
  .ui-timepicker-wrapper {
    font-size: 14px;
  }
  .datepicker {
    left: 16px !important;
    right: auto;
    width: calc(100% - 26px);
  }
  .ui-timepicker-wrapper {
    max-width: none;
    left: auto !important;
    right: 16px !important;
    width: calc(40% - 26px);
  }
}

/**        ¬ xs <= 479px;         **/
@media (max-width: 479px) {
	body, html {
    overflow-x: hidden !important;
}
  .intro-page__content-wrapper {
    margin: 22.91667vw 0;
  }
  h1 {
    font-size: 12.91667vw;
  }
  h2,
  .main-product__price .cost-current,
  .main-product__price .cost-current + .cost-total {
    font-size: 8.33333vw !important;
  }
  h3 {
    font-size: 4.16667vw;
  }
  blockquote {
    font-size: 1.125em;
  }
  .section-row-header {
    margin-bottom: 14.61378vw;
  }
  .section-row-number:before {
    margin-top: 5.21512vw !important;
  }
 .section-row-number h1 {
    font-size: 8.691vw;
    width: 100% !important;
    text-align: center;
}
	.repair-row-service {
    margin-top: 30px !important;
    margin-left: 10px;
    margin-right: 10px;
}
.textwidget.custom-html-widget {
    padding-bottom: 30px !important;
}
.section-quote__content {
    padding: 35px 0 35px !important;
}
.section-quote__title {
    margin-top: 0;
    text-align: center;
    font-size: 25px !important;
}
.section-schedual {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.treatbox-first {
    width: 100% !important;
    height: 150px !important;
}
.treatbox {
    width: 100% !important;
    margin-right: 20px;
    margin-bottom: 0px !important;
    background: #f7f7f7;
    padding: 25px;
    display: inline-block;
    float: left;
    margin-top: 15px !important;
}
.testimonials {
    padding: 20px 0 !important;
    background: #f7f7f7;
}
#sliderTestimonials {
    overflow: inherit !important;
}
.section-contacts {
    margin-top: 330px !important;
}
.testimonials .section-row-number h1 {
    background-color: #f7f7f7 !important;
    font-size: 4.591vw !important;
}
.section-row1 testimonials .section-row-number::before {
    margin-top: 3.215vw !important;
}
	.breadcrumb > li + li::before {
/*     content: "/Â "; */
    padding: 0 5px !important;
    color: #cccccc;
}
	ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: grid !important;
}
	.menu-header-left-menu-container li {
    float: left;
    margin: 0px 10px;
    padding-top: 15px;
    display: block !important;
}
	.menu-header-right-menu-container li {
    float: left;
    display: inline-block;
    margin: 0 40px;
    padding-top: 15px !important;
}
	.menu-header-left-menu-container li {
    float: left;
    display: inline-block;
    margin: 0 10px !important;
    padding-top: 15px !important;
}
	.menu-header-right-menu-container li {
    float: left;
    margin: 0 40px;
    padding-top: 15px;
    padding-left: 0px !important;
}
.foot1 {
    width: 100% !important;
    float: left;
    margin-right: 0px;
}
.foot2 {
    width: 100% !important;
    float: left;
}
.foot3 {
    width: 100% !important;
    float: left;
}
.foot4 {
    width: 100% !important;
    float: right;
}
.page-footer {
    background-color: #001a39;
    color: #fff;
    padding: 25px 0px;
}
h2.widgettitle {
    color: #fff;
    padding-bottom: 18px;
    font: 700 1.2em/1.85 "Raleway", Helvetica, Arial, sans-serif;
        font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    font-size: 5.333vw !important;
}
.ftr-icon {
    text-align: center;
}
	span.wpcf7-list-item.first {
    margin-left: 0px !important;
}
/* #menu-item-976 {
    float: right;
    margin-top: -78px;
    margin-left: 200px !important;
}
#menu-item-977 {
    float: right;
    margin-top: -51px;
   margin-left: 200px !important;
}
#menu-item-603 {
    float: right;
    margin-top: -26px;
    margin-left: 200px !important;
    margin-bottom: 20px !important;
} */
	.breadcrumb > .active {
    color: #000;
    margin-top: 0px !important;
    margin-left: 0px !important;
    display: contents;
}
	.blogbox {
    width: 100% !important;
    float: left;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 30px;
}
.col-sm-7 {
    height: 220px;
}
	.col-sm-7.col-md-9 {
    height: 150px;
}
	.page-content-wrapper {
    margin-top: -50px;
}
.section-quote {
    padding-top: 0px;
    position: relative;
    color: #fff;
    overflow-x: hidden;
    height:auto !important;
}
.websitetxt {
    font-size: 12px !important;
}
.footerbottom div {
    float: none !important;
    text-align: center;
    font-size: 14px;
}
	.quotetit {
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 35px !important;
    text-transform: uppercase;
    margin-top: -20px !important;
}
	
  .reservation-form__center-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .reservation-form .form-group {
    width: 100%;
  }
  .ui-timepicker-wrapper {
    left: 16px !important;
    width: auto;
  }
  .testimonials-post__heading {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: center;
  }
  .btn-regular {
    padding: 18px 10.43841vw;
  }
  .btn-regular .btn-text {
    font-size: 3.34029vw;
  }
  .panel__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .question-panel {
    font-size: 0.875em;
  }
  .question-panel .panel-tab {
    padding-left: 15px;
    padding-right: 55px;
  }
  .question-panel__body {
    padding: 15px;
  }
  .question-panel .panel-cross {
    right: 15px;
  }
  .gallery-controls .indicator > li {
    width: 70px;
    height: 70px;
  }
  .gallery-controls .indicator > li:after {
    border-width: 2px;
  }
}

/*# sourceMappingURL=style.css.map */

.footericonphone{ background:url('images/icon-phone.png') left 50% no-repeat;}
.footericonfax{ background:url('images/icon-fax.png') left 50% no-repeat;}
.widgettitle{ margin:0px !important;}
.wysija-input{ border:none; width:230px; height:42px;}
.wysija-submit{background:url('images/btnsubmit.png') left top no-repeat; font-size:0px; border:none; width:42px; height:42px; margin:0px !important; cursor:pointer;}
.wysija-paragraph{ float:left !important;}

.footerbottom{ /*line-height:50px;*/ background:#000f22; width:100%; color:#FFFFFF; padding:11px 0px; font-size:15px;}
.websitetxt{ float:right; color:#FFFFFF;}
.websitetxt a{ color:#FFFFFF;}
.websitetxt a:hover,.navbar .navbar-nav > li > a:hover,.navbar .navbar-nav > li > a:active,.repair-row-service .item h5 a:hover{ color:#c70c14;}

h1.bannertxt{ font-size:62px !important; text-transform:uppercase; font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
letter-spacing: 2px !important; line-height:1.3 !important; color:#fff !important;}
h3.subbannertxt{ font-size:43px !important; text-transform:uppercase; line-height:1 !important; color:#fff !important; font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 2px !important;}
.brand-contain{ padding:55px 0px; text-align:center;}
.logo-wrap{ display:inline-block; width:160px; margin:19px 17px; border:1px solid #cccccc;}
.logo-wrap a{ display:block;}

@media (max-width:1100px){.navbar .navbar-header img{width:80px}button, input, select, textarea{-webkit-appearance: none; border-radius:0px;}}
@media (max-width:620px){.footerbottom div{float:none !important; text-align:center;}.footerbottom{ line-height:25px;}}
@media (max-width:330px){.wysija-paragraph{ float:none; display:inline-block; font-size:0px;}.wysija-input{ width:200px;}.widget_wysija{ text-align:center;}}

.section-about__carousel-contain{height:570px !important; overflow:hidden !important;}
.video-tour{margin-top:130px;}
.clientsec{background-color:#e4e9ef !important; margin-top:60px; background-image:none !important;}

.assobutton{margin-top:30px;}

.owl-item {width:360px; margin-right:30px; display: inline-flex;}
.testimonials-panel {
    position: relative;
    padding-top: 50px;
}

.testimonials-panel__avatar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.testimonials-panel__inner {
    padding: 50px 30px 25px;
    background-color: #fafafa;
	height:315px;
}

.testimonials-panel__heading {
    line-height: 1;
}

.testimonials-panel__title {
    margin: 10px 0;
    line-height: 1;
}

.owl-carousel{display:block !important;}

.testimonials li{
    width: 360px;
    margin-right: 30px;
    display: inline-block;
}

.client_pic{
    position: relative;
    padding-top: 50px;
}

.client_pic img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100%;
    border:3px solid #cccacd;
}

.client_desc  {
	padding: 50px 30px 25px;
   background-color: #fafafa;
}  

#sliderTestimonials .client_desc  {
	padding: 0 !important;
	width:100%;
	height: 251px;
    overflow: hidden !important;
}  

#sliderTestimonials .client_desc img{
    width:100%;
    height:auto;
}

.client_nm{
	margin: 20px 0;
   line-height: 1;
   font-size: 1.25em;
   font-weight: 700;
   color: #000;
   text-align:center;  text-transform:uppercase;
}
.testleft{
	width:30%;
	float:left;
	border:1px solid #ccc;
}

.testright{
	width:67%;
	float:right;
}

.resleft{
	width:72%;
	float:left;
}

.resright{
	width:25%;
	float:right;
	border: 1px solid #ccc;
}

.resleft1{
	width:25%;
	float:left;
	margin-bottom:28px;
	border: 1px solid #ccc;
}

.resright1{
	width:72%;
	float:right;
}

.resright img, .resleft1 img{width:100%;}

.Restit{
   line-height: 1;
   font-size: 1.25em;
   font-weight: 700;
   color: #000;
	margin-bottom:15px
}

.qualitysub .owl-item{width: 570px !important;}
.qualitysub .testimonials-panel__inner {height:372px;}
.foogall{margin:50px 0px;}
.navbar-repair .navbar-menu > li, .navbar-tuning .navbar-menu > li{margin-top: 52px;}

input[type=checkbox], input[type=radio] {
    margin: 0px 7px 0px 38px !important;
}

span.wpcf7-list-item.first{margin-left:-36px !important;}

.conic .icon{color:#c70c14;}

.intro-page {  height:370px;  background-size:cover !important;  background-position:center !important;}

.section-content ul li {
    list-style-type: disc;
    margin-left: 25px;
}

.section-content ul{margin-bottom:15px;}

.foo-gal{margin:60px 0px;}

.grop .testimonials-panel__inner{width:365px; height: 584px;}

.clear{clear:both;}

.testis_sec{margin:60px 0px; width: 1208px;
    margin: auto;
    margin-top: 60px !important;
    margin-bottom:60px;
}

.test_img img{width:100%;}

.section-about__carousel-contain .owl-stage-outer .owl-item {
    width:750px !important;
    margin-right:20px !important;
}

.contacts-list__item ul li{list-style-type: none; margin-left: 0px;}

#testi_ul li{margin-bottom:30px;}
.grop{margin-top:-110px;}

.ichome{
background-image: url(https://unitygroups.co.in/wp-content/uploads/2018/07/home.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}

.icabout{
background-image: url(https://unitygroups.co.in/wp-content/uploads/2018/07/about.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 22px;
background-size: 20%;
padding-top: 11px;
}

.icgroup{
background-image: url(https://unitygroups.co.in/wp-content/uploads/2018/07/group.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 22px;
background-size: 25%;
padding-top: 11px;
}

.iccus{
background-image: url(https://unitygroups.co.in/wp-content/uploads/2018/07/consumer.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 18px;
background-size: 17%;
padding-top: 11px;
}

.icgall{
background-image: url(https://unitygroups.co.in/wp-content/uploads/2018/07/gallery.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 22px;
background-size: 23%;
padding-top: 11px;
}

.iccont{
background-image: url(https://unitygroups.co.in/wp-content/uploads/2018/07/contact.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
    background-size: 15%;
    padding-top: 11px;
}

ul.prod_titles {
    margin: 0px 0 50px;
    padding: 0px;
    text-align: center;
    list-style: none;
}

ul.prod_titles li {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #212121;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 0px;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear, ease-in;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: all;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property: all;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: linear, ease-in;
    position: relative;
    padding-bottom: 1px;
   border: 2px solid #1f2734;
    padding: 5px 15px;
}

ul.prod_titles li:hover{
  border:2px solid #c70c14;
  color:#c70c14;
}

ul.prod_titles li:last-child {
    margin-right: 0px;
}

ul.prod_titles li.active {
  border:2px solid #c70c14;
  color:#c70c14;
}

.intro-page{height:350px;}
.intro-repair{height:480px !important;}
.page_gallery{margin-top:50px; display:none;}
/*.compphi{margin-top:-75px;}*/
.leftme .navbar-menu > li {margin-right:27px !important;}
.repair-row-service{margin-bottom:70px;}

.conph{width:26%;}
.conad2{width:37%;}
.conadd{width: 34%; margin-right: 27px;}
.foogallery .fg-caption{background-color: transparent !important;}
h3.testimonials-panel__title a:hover {
    color: #c70c14;
}

.unit-group{background-color:#c70c14; width:100%; margin:auto; height:110px;}
.grouping{margin-top:27px;}
.Unit-tit{
	 color: #fff;
    font-size: 25px;
    background-image: url(https://unitygroups.co.in/wp-content/uploads/2018/07/unitbg.jpg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 76px;
    float: left;
    line-height: 56px;
    font-weight: bold;
    border-right: 1px solid #fff;
    margin-right: 86px;
    padding-right: 86px;
}

.lstchi{border: none;
    padding-right: 0px;
    margin-right: 0px;
 }
 
.Unit-tit a{color:#fff;}
.Unit-tit a:hover{color:#fff;}
.testi_client{font-weight:bold; padding-top:12px;}

.section-intro .container{padding-top:38px !important;}
.home-unity{margin-top:110px;}

.websitetxt a:hover{color:#fff;}

.page-footer__working a {color:#f1f1f1;}
.page-footer__working a:hover {color:#c70c14;}

.page-footer__working li{
  background-image:url(https://unitygroups.co.in/wp-content/themes/polemiti-spares/images/icon-arrow.png);
  background-repeat:no-repeat;
  background-position:left 10px;
  padding-left:15px  
}
.box1{width:35%;}
.box2{width:17%;}
.box3{width:29%;}
.box4{width:19%;}

.opti{
width: 100%;
background: #fff;
color: #111;
height: 42px;
padding-left:25px
}

.icabout:hover{color:#c70c14}

.hom-ab{
    background-repeat: no-repeat;
    background-size: cover;
    height:485px;
    background-position: center;
}


@media (max-width: 1100px) {
    .conadd{width:45%;}
    .conad2{width:45%;}
    .conph{width:40%;}
    .box1{width:36%;}
    .box2{width:25%;}
    .box3{width:35%;}
    .box4{width:100%; text-align:left !important;}
    
	.testimonials-panel__inner{height:auto;}
    .grop .owl-item{width:30%; margin-right: 2%;}
    .grop .testimonials-panel__inner{width:100%;}
	.section-mission .owl-item{width:30%; margin-right: 2%;}
	.section-mission .testimonials-panel__inner{width:100%;} 
	
	.testis_sec{width:96%; margin:auto;}
	
	.slidesContainer{width:auto !important;}
	.testimonials li{width:45% !important;}
	.repair-row-service .item{border-right:none !important;}
	
	.bx-wrapper{max-width: 84% !important;}
	
	.navbar-repair .navbar-menu > li, .navbar-tuning .navbar-menu > li{margin-top:0px;}
	.navbar{height:auto;}
	
	.page-header, .navbar{height:auto;}
	.navbar .navbar-header{height:105px; background-color:#fff;}
	.ichome, .icabout, .icgroup, .iccus, .icgall, .iccont{background-image:none !important;}
	.navbar .navbar-toggle .icon-bar{background-color:#000 !important;}
	.navbar .navbar-toggle{margin-top:30px;}
	
	.leftme .navbar-menu > li{margin-right:0px !important;}
	
	.prodo{margin-left:0px !important; margin-right:20px !important;}
	.disclimer1{width:96% !important;}
	.fbx-modal .fbx-1 .fbx-rounded .fbx-light .fbx-firefox .fbx-phone .fbx-portrait .fbx-error .fbx-show{width:96% !important; margin:auto !important;}
	.fbx-inner .fbx-inner-shadow{margin-left:0px !important; margin-top:5px; width:100% !important; height:auto !important;}
	.fbx-item .fbx-item-image{width:95% !important; top: 141px !important; position: fixed !important; z-index: 99999999999 !important; margin: auto !important;}
}   

@media (max-width: 950px) {
	.unit-group{height:auto; padding-bottom: 18px;}
	.Unit-tit{width: 100%; background-size: 7%; margin-bottom: 8px; border:none;}
	.grop .testimonials-panel__inner{height:auto;}
	div#n2-ss-2 .n2-ss-layer .n2-font-1304-paragraph{display:none !important;}
	.log img{width: 75px !important;
    padding-left: 0px !important;
    padding-top: 5px !important;}
}    

@media (max-width: 770px) {
    input[type=checkbox], input[type=radio]{width:14px; height:14px; border:1px solid #fff;}
    .box1, .box2, .box3, .box4{width:100%; float:left !important; text-align:left !important;}
    .testimonials-panel{width:100%; text-align:center; margin:30px 0px;}
	.section-mission .owl-item{width:100%;}
	.qualitysub .owl-item{width:100% !important;}
	.testleft{width:100%;}
	.testright{width:100%; padding-top:20px;}
	.resleft1{width:100%; margin-top:13px;}
	.resright1{width:100%;}
	.resleft{width:100%;}
	.resright{width:100%;}
	.hom-ab {
    background-color: #222 !important;
    background-image: none !important;
    height: auto !important;
}
	.section-quote p{width:100%;}
	ul.prod_titles li{margin-bottom:12px;}
	.section-quote__content{width:100%; float:left;}
}    

@media (max-width: 650px) {
	.testimonials li{width:100% !important; margin-right:0px !important;}
	.bx-wrapper{max-width: 79% !important;}
	.numericControls{display:none;}
}	

@media (max-width: 550px) {
    .conadd{width:100%;}
    .conad2{width:100%;}
    .conph{width:100%;}
    h3.subbannertxt, .bannertxt, .section-intro .btn{display:none !important;}
    .Unit-tit{font-size:18px !important;}
    .bx-wrapper img{max-width:93% !important;}
    div#n2-ss-2 .n2-ss-slider-1{height:190px !important;}
    .intro-page{width:100%; height:auto !important;}
   .contacts-map, .section-map {
    height: 60vmax;}
}    

@media (max-width: 400px) {
 .foogallery.fg-light.fg-shadow-outline .fg-item-inner{width:98% !important;}
 .fg-masonry.fg-masonry-fixed .fg-image{width:100% !important;}
 .foogallery.fg-masonry .fg-item{width:100% !important;}
 .foogallery.fg-border-thin .fg-column-width{width:100% !important;}
 .fg-thumb .fbx-link{width:100% !important; height:auto !important;}
}    

.unit-cont{text-align:center;}
.unit-cont ul{list-style: none;}
.unit-cont ul li{display: inline-block; margin-right: 25px; margin-left: 0px;}
.proimg{
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #cccccc;
    margin:auto;
}

.proimg img{width:auto; height:100%;}
.prod-sub h5{text-align:center; margin-top:20px !important;}
.prod-sub .repair-row-service .item{height:350px;}
.prod-sub .repair-row-service .item{border:1px solid #eee !important;}
.prod-sub.repair-row-service .item:nth-last-child(4){border-right:1px solid #eee !important;}
.prod-sub.repair-row-service .item:nth-last-child(1){border-right:1px solid #eee !important;}

div#n2-ss-2 .n2-ss-layers-container {
    width: 800px !important;
    margin: 0px auto !important;
}

div#n2-ss-2 .n2-ss-layer .n2-font-1304-paragraph{
 text-align: center !important;
 margin-top: 25px !important;   
}    

div#n2-ss-2 .n2-ss-layer .n2-font-1304-paragraph a, div#n2-ss-2 .n2-ss-layer .n2-font-1304-paragraph a:FOCUS{
    height: 23px !important;
    font-size: 16px !important;
}



.repair-row-service .item:nth-last-child(3n+1){border-right:none }
/*.repair-row-service .item:nth-last-child(1){border-right:none }*/

.nams-file {
    background-color: #c70c14;
    height: 36px;
    color: #fff;
    padding-top: 5px;
    display:none;
}

.docs-file {
    text-align: right;
    margin-right: 49px;
}

.pro_titles {
    background: none;
    padding-left: 17px;
    padding-top: 7px;
    padding-bottom: 8px;
    margin-bottom: 1px;
    margin-right: 6px;
    border: 1px solid #eee;
    margin-left: -15px;
    margin-top:4px;
}

.prodo{
    background: #c70c14;
    padding-left: 0;
    padding-top: 7px;
    padding-bottom: 8px;
    margin-bottom: 1px;
    margin-right: 0;
    border: 1px solid #eee;
    margin-left: -14px;
    padding-right: 53px;
    color: #fff !important;
    text-align: center;
    margin-top:4px;
    padding-left:45px;
}

.prodo:hover{background-color:#1f2734; color#000 !important}
.prodo a{color:#fff}

.reser{margin-top:20px;}
.repair-row-service{margin-top:70px !important; margin-left: 10px;
    margin-right: 10px;}
.prod-sub{margin-top:40px}
.gall-tit{
 font-weight: bold;
    margin-top: -23px;
    margin-bottom: 37px;
    margin-left: 9px;   
}    

.quotetab{padding:70px 0;}

.log img{width:100%; padding-left:21px;}
.disclimer1{width: 1235px; margin: auto; padding-top:7px;}
.pull-me{
color: #fff;
font-weight: 400;
cursor: pointer;
font-size: 13px;
display:block;
}

.panel-txt{
line-height: 17px;
font-size: 13px; 
display:none;
}

.wysija-input{color:#000 !important; padding-left:7px !important;}
.screen-reader-response{display:none;}

.quotefrm input{
height: 42px;
padding: 6px 15px;
font-size: 15px;
line-height: 28px;
vertical-align: top;
color: #444;
background-color: #fff;
border: 1px solid #cccccc;
border-radius: 0;
box-shadow: none;
outline: none;
width: 100%;
text-transform: uppercase;
font-weight: 400;
}

.blogbox{
width:31%;
float:left;
display:inline-block;
margin-right:39px;	
margin-bottom: 30px;	
}

.blogbox:nth-last-child(3n+2){margin-right:0;}

.blogimg img{width:100%;}

.blogimg{height:240px; overflow:hidden;}
.blog_date{padding-top:18px; color: #c70c14; font-size: 14px;}

.blogbox h2.title a:hover{color:#c70c14;}

.blogbox h2.title{
margin-top: 10px;
font-size: 20px;
font-weight: 600;
color: #111;	
}

.newsbox{width:100% !important;}
.newsbox .blog-outer{background: #fff; padding: 0 10px 10px 15px;}

.testimonials{padding:80px 0; background: #f7f7f7;}

.testimonials .section-row-number h1{background-color: #f7f7f7 !important;}
.section-contacts{margin-top:60px;}

.topbar{
background: #204071;
color: #fff; 
padding-top: 10px;
height: 45px;
}

.top-left{float:left; width:50%;}
.top-right{float:right;}
.top-phone{float:left;}
.ftr-social{float:right;}
.ftr-social .fa{color:#fff; font-size:16px; margin-left:18px;}

.menu-header-left-menu-container li{float: left; display: inline-block; margin: 0 40px; padding-top: 43px;}

.menu-header-left-menu-container li a{color:#000; text-transform: uppercase; font-weight: 700; font-size: 17px;}

.menu-header-left-menu-container{margin-left:30px;}

.menu-header-right-menu-container li{float: left; display: inline-block; margin: 0 40px; padding-top: 43px;}

.menu-header-right-menu-container li a{color:#000; text-transform: uppercase; font-weight: 700; font-size: 17px;}

.navbar-repair .navbar-header{margin-top:3px; left: 46%;}

.menu-header-left-menu-container li a:hover, .menu-header-right-menu-container li a:hover{color:#c70c14;}

.foot1{width:30%; float:left; margin-right:71px;}
.foot2{width:31%; float:left;}
.foot3{width:19%; float:left;}
.foot4{width:14%; float:right;}

.ftr-icon .fa{float:left; margin-right:20px; margin-top:22px;}

h2.widgettitle {
color: #fff;
padding-bottom: 18px;
font: 700 1.2em/1.85 "Raleway", Helvetica, Arial, sans-serif;
text-transform: uppercase;    
}

.socicon a{
width: 30px;
height: 30px;
background: transparent;
border-radius: 50%;
border: 1px solid #fff;
color: #fff;
text-align: center;
font-size: 15px;
padding-top: 2px;
margin-right: 15px;
margin-bottom: 12px;    
}

.foot2 ul li{margin-bottom:10px;}
.foot2 ul li .fa{padding-right:8px;}

.foot3 ul li{
background-image: url(https://georgeg20.sg-host.com/wp-content/uploads/2020/05/arrow.png);
background-repeat: no-repeat;
background-position: left 6px;
padding-left: 19px;    
}

.page-footer a{color:#fff;}
.page-footer a:hover{color:#c70c14;}

.treatbox{
width: 32%;
margin-right: 20px;
margin-bottom: 20px;
background: #f7f7f7;
padding: 25px;
display: inline-block;
float: left;   
}

.sched-tit{
height: 60px;
font-size: 21px;
color: #111;
font-weight: 600;
}

.sched-date{color: #e20605; font-weight: 500;}

.tab{
padding-top: 19px;
padding-bottom: 38px;    
}

.footable-filtering{display:none;}

#footable_992 th, #footable_1011 th{font-weight:400 !important;}

#footable_992 .ninja_column_0, #footable_1011 .ninja_column_0{font-weight: 700 !important;}

.semantic_ui .ui.table {
    font-size: 16px !important;
}

.tabpart{font-weight:600;}

.wpcf7-list-item{color: #fff; float: left;}
input[type="checkbox"], input[type="radio"]{float: left; display: inline-block; width: 10px;}
.wpcf7-list-item-label{float: right; display: inline-block; padding-top: 8px; font-weight:300;}

.materia{
width: 14%;
float: left;
display: inline-block;
padding-top: 8px;
color: #fff;
}

.quotit{
color: #fff;
margin-bottom: 18px;
display: block; 
margin-top: 8px;
}

.treatbox-first{
width: 30%;
float: left;  
overflow:hidden;
margin-right: 27px;
position:relative;
}

.treatbox-first img{width:auto; height:100%;}

.schdul_hover{
position: absolute;
top: 25px;
left: 21px;
}

.schdul_hover .sched-tit {height:auto;}
.schdul_hover .sched-tit a{ color:#fff;}
.schdul_hover .sched-date{color:#fff; padding-top:12px;}

.section-schedual{margin-top: 70px; margin-bottom: 70px;}

.quotetit{
font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
color: #fff;
font-weight: 700;
text-align: center;
font-size: 40px; 
text-transform:uppercase;
}

.quotesub{
font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
color: #fff;
font-weight: 500;
text-align: center;
font-size: 16px; 
margin-top:22px;
margin-bottom:40px;
}

.wpcf7-not-valid-tip{color:#fff; font-size:12px;}
.wpcf7-response-output{color:#fff;}
.captcha{
margin-top: 30px !important;
width: 100%;
float: left;    
}

.servmain{margin-top: 30px !important; margin-bottom: 30px;}

.weekly h2.title{margin-top: 0; padding-top: 15px;}
#weekly li{margin-right: 18px !important;}

.quotefrm select {
    height: 42px;
    padding: 6px 15px;
    font-size: 15px;
    line-height: 28px;
    vertical-align: top;
    color: #444;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
}

.enve2{margin-top:-30px;}