body{
   background: url(../img/body-bg.png) repeat #b7b7b7;
   color: #333333;
}
ul{
   list-style: none;
   margin: 0;
   padding: 0;
}
.justify {
   font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
   text-align: justify;
   line-height: 0;
   font-size: 1px;
   text-justify: newspaper;
   zoom: 1;
   text-align-last: justify;
}
.justify:after {
   width: 100%;
   height: 0px;
   visibility: hidden;
   overflow: hidden;
   content: '';
   display: inline-block;
}
.justify li {
   display: inline-block;
   text-align: left;
   line-height: normal;
   font-size: 14px;
   vertical-align: top;
}
.header-wrap{
   background: #fdfefe;
   padding: 10px 0 20px;
   box-shadow: 0px 2px 2px rgba(0,0,0,.2);
}
.glyphicon{
   color: #0066cc;
}
.top-nav li {
   display: inline-block;
   margin-right: 30px;
   font-size: 18px;
   padding: 13px 0;
}
a {
   color: #333333;
   text-decoration: none;
   outline: none;
}
a:hover{
   color: #0066cc;
   outline: none;
}
a:focus,
a:visited{
   outline: none;
}
img {
   max-width: 100%;
   outline: none;
}
div{
   outline: none;
}
.top-address-wrap {
   margin-top: 8px;
}
.top-address {
   background: #f2f2f2;
   padding: 13px 17px;
   display: inline-block;
   margin-top: 11px;
   box-shadow: 1px 1px 0px rgba(0,0,0,.1);
}
.top-phone{
   font-size: 24px;
   text-align: right;
   margin-top: 5px;
}
.top-phone i{
    font-size: 16px;
    /*vertical-align: top;*/
 }
.top-phone span{
   vertical-align: middle;
}
.work-time{
   font-size: 18px;
   text-align: right;
   margin-top: 16px;
}
.work-time span{
   color: #0066cc;
   font-style: italic;
}
.main-slider-wrap{
   margin-top: 32px;
}
.main-slider-block{
   position: relative;
   border: 1px solid rgba(181, 180, 180, 0.5);
}
.main-slider{
   background: #fff;
   position: relative;
   padding-top: 250px;
}
.slick-slide img {
   display: inline-block;
}
.slide-nav-btn{
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 99;
   cursor: pointer;
}
.slide-prev{
   left: 20px;
}
.slide-next{
   right: 20px;
}
.slick-dots li {
   position: relative;
   display: inline-block;
   width: 11px;
   height: 11px;
   margin: 0 2px;
   padding: 0;
   cursor: pointer;
}
.slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   width: 11px;
   height: 11px;
   padding: 0;
   cursor: pointer;
   color: transparent;
   border: 2px solid #cccccc;
   background: transparent;
   border-radius: 50%;
}
.slick-dots li.slick-active button{
   background: #cccccc;
}
.slick-dots li button:before {
   display: none;
}
.slick-dots {
   bottom: 12px;
}
.slide-title {
   font-size: 30px;
   margin-left: 5px;
}
.slide-list {
   font-size: 18px;
   margin-left: 5px;
   margin-top: 15px;
}
.blue-arrow-style li span {
   display: inline-block;
   padding-left: 11px;
   margin-bottom: 5px;
   background: url(../img/blue-list-arrow.png) left 7px no-repeat;
}
.slide-button a{
   background: #636365;
   display: inline-block;
   padding: 12px 50px;
   color: #fff;
   font-size: 18px;
   margin-top: 19px;
}
.slide-button .glyphicon {
   color: #fff;
   padding-right: 10px;
   font-size: 24px;
   vertical-align: sub;
}
.accessories-wrap{
   background: #fff;
}
.blue-head{
   background: #0066cc;
   color: #fff;
   font-size: 18px;
   padding: 11px 10px 9px;
   text-align: center;
}
.accessories ul li {
   /*padding: 20px 20px;*/
   border-bottom: 1px solid #d0d0d0;
   position: relative;
}
.accessories a {
   display: block;
   width: 100%;
   padding: 20px 20px;
   font-size: 24px;
   color: #626161;
   background: #bfd9f2;
   transition: background 1s;
}
.accessories a:hover{
   background: #ffffff;
}
.accessories a div{
   position: relative;
   width: 70%;
   margin: 0 auto;
}
.icon-right{
   text-align: right;
}
.accessories span {
   position: absolute;
   right: 0;
   top: 50%;
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}

.accessories .icon-right span{
   left: 0;
   right: initial;
}
#instagram {
   margin:0;
   padding:0;
   overflow:hidden;
   float: right;
}

#instagram li {
   list-style:none;
   float:left;
   margin:0 20px 20px 0;
}
.instagram-block {
   background: #fff;
   padding: 21px 0 0 0;
   margin-bottom: 30px;
}
.inst-labels {
   text-align: right;
   padding-top: 29px;
}
.instatitle a{
   color: #0066cc;
   font-size: 24px;
   display: inline-block;
   border-bottom: 1px dotted;
}
.instatitle a:hover,.instatitle a:visited,.instatitle a:focus{
   text-decoration: none;
}
.last-reviews {
   background: #fff;
   padding-bottom: 20px;
}
.otzyv{
   background: #e8e8e8;
   box-shadow: 0px 1px 1px 0px rgba(0,0,0,.4);
   margin: 34px 30px 0;
   position: relative;
   padding: 20px 21px 16px 66px;
}
.otzyv-box {
   background: #fff;
   padding: 10px 17px;
   position: relative;
}
.otzyv-icon{
   position: absolute;
   left: -50px;
   top: 0;
}
.otzyv-name {
   color: #cccccc;
}
.otzyv-text {
   margin-top: 8px;
}
.otzyv-box:after {
   right: 100%;
   top: 31px;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(255, 255, 255, 0);
   border-right-color: #ffffff;
   border-width: 15px;
   margin-top: -15px;
}
.otzyvy-buttons {
   padding: 0 29px;
   color: #626161;
   margin-top: 49px;
}
.otzyvy-buttons a {
   display: inline-block;
   padding: 11px 20px;
   background: #e8e8e8;
   width: 96%;
   text-align: center;
}
.footer-wrap {
   background: #333333;
   margin-top: 30px;
   padding: 30px 0 20px;
}
.footer-nav-title{
   color: #fff;
   font-size: 24px;
}
.footer-nav ul {
   margin-left: 12px;
   margin-top: 5px;
}
.footer-nav li{
   padding-left: 3px;
   position: relative;
}
.footer-nav li:after {
   right: 100%;
   top: 6px;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(255, 255, 255, 0);
   border-left-color: #5f5e5e;
   border-width: 6px;
   margin-top: 0;
}
.footer-nav a{
   color: #999999;
   font-size: 18px;
}
.copyright-wrap{
   background: #666666;
   padding: 23px 0;
   color: #999999;
}
/*CONTACTS*/
.garanty {
   background: #fff;
   padding: 20px;
   line-height: 1.3;
   font-weight: bold;
}
.garanty ul {
   margin-left: 51px;
   margin-top: 54px;
   margin-bottom: 59px;
}
.garanty ul li {
   margin-bottom: 44px;
   position: relative;
}
.garanty ul li:before {
   content: " ";
   width: 13px;
   height: 13px;
   border-radius: 50%;
   background: #0066cc;
   position: absolute;
   right: 100%;
   margin-right: 18px;
   top: 3px;
}
.block-title {
   font-size: 24px;
   color: #fff;
   text-align: center;
   background: #0066CC;
   padding: 17px 0;
}
.how-we-work-wrap {
   margin-top: 25px;
}
.how-we-work {
   background: #fff;
   padding-bottom: 57px;
}
.garanty-with-reviews {
   margin-top: 25px;
}
.work-steps .justify {
   width: 83%;
   margin: 47px auto 0;
}
.work-steps .justify li {
   text-align: center;
   width: 20%;
   text-align-last: center;
   direction: ltr;
}
.work-steps .justify li.step-plus {
   /*width: 13%;*/
}
ul.justify.rtl-list {
   direction: rtl;
}
.step-img {
   min-height: 100px;
   position: relative;
}
.step-img img{
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}
.work-steps span {
   font-size: 18px;
   font-weight: bold;
   margin-top: 10px;
   display: inline-block;
}
.map-block{
   position: relative;
}
#map,#map2 {
   width: 100%;
   min-height: 500px;
}
.map2{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}
.hide-map {
   opacity: 0;
}
.choose-map {
   background: #c7c8c7;
   display: inline-block;
   padding: 4px 37px;
   font-size: 18px;
   color: #fff;
   cursor: pointer;
   margin-left: 25px;
}
.active-map{
   background: #d42a2a;
}
.map-head {
   text-align: center;
   background: #fff;
   padding: 11px 0 20px;
}
.map-wrap {
   margin-top: 20px;
}
.map-title{
   font-size: 24px;
   display: inline-block;
   padding-right: 20px;
   font-weight: bold;
}
.map-address {
   background: #fff;
   padding: 50px 0;
}
.address-list{
   margin-top: 20px;
   font-size: 18px;
   color: #525252;
}
.map-contacts{
   color: #646363;
   font-size: 18px;
   text-align: right;
   line-height: 1.2;
}
.map-contacts strong{
   color: #000;
   display: block;
}
.map-contacts > div {
   margin-top: 12px;
}
.right-left-text{
   text-align: right;
}
.padding-null{
   padding-right: 0;
}
.step-img img.step-arrow {
   display: inline-block;
   position: absolute;
   top: 93%;
   left: 90%;
   -ms-transform: none;
   -webkit-transform: none;
   transform: none;
   /* right: 0; */
   /* bottom: 0; */
}
.footer-btn {
   text-align: right;
}
.footer-btn a {
   background: #0066cc;
   display: inline-block;
   padding: 12px 40px;
   color: #fff;
   font-size: 18px;
   margin-top: 0;
   box-shadow: 1px 1px 1px rgba(0,0,0, 0.7);
}
.footer-btn .glyphicon {
   color: #fff;
}
.blue-head{
   background:#0066cc;
   color: #fff;
   padding: 11px 16px;
   text-align: center;
}
.catalog-menu{
   box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.cat-menu-title {
   font-size: 24px;
   font-weight: 100;
}
.catalog-list {
   background: #fff;
   padding: 18px 0;
}
.catalog-list a {
   display: block;
   padding: 7px 20px;
   font-size: 18px;
   color: #0066cc;
   transition: background 0.5s;
   font-weight: 100;
}
.catalog-list a:hover {
   text-decoration: none;
   color: #fff;
   background: #0066cc;
}
.catalog-list li{
   position: relative;
}
.catalog-list li:after {
   right: 5px;
   top: 50%;
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(255, 255, 255, 0);
   border-left-color: #7fb2e5;
   border-width: 6px;
   margin-top: 0;
}
.catalog-wrap {
   margin-top: 25px;
}
.card-price{
   position: relative;
   font-size: 18px;
   color: #cccccc;
   margin-top: 10px;
   padding-bottom: 16px;
}
.card-price span{
   font-size: 24px;
   color: #0066cc;
   font-weight: bold;
}
.card-price span.old-price{
   vertical-align: super;
   font-size: 14px;
   text-decoration: line-through;
}
.catalog-ul li {
   width: 30%;
   text-align: center;
   text-align-last: center;
   margin-bottom: 34px;
}
.catalog-card {
   background: #fff;
   box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.card-img {
   min-height: 150px;
   overflow: hidden;
   padding-top: 10px;
}
.card-title {
   min-height: 50px;
}
.card-title a {
   font-size: 18px;
   padding: 12px 0;
   color: #0066cc;
   text-decoration: underline;
}
.bottom-message-wrap{
   background: #0066cc;
}
.bottom-message{
   padding: 34px 20px;
   color: #fff;
   font-size: 24px;
   text-align: center;
   font-family: serif;
}
.bottom-message span{
   color: #0066cc;
   background: #fff;
   display: inline-block;
   border-radius: 4px;
   padding: 7px 20px;
   margin-left: 23px;
   font-weight: bold;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.bottom-message .glyphicon{

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
   #instagram li {
      margin: 0 4px 19px 0;
   }
   .work-time {
      font-size: 17px;
   }
   .accessories a div {
      position: relative;
      width: 94%;
      margin: 0 auto;
   }
   .card-title {
      padding: 0 10px;
   }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
   .main-slider {
      padding-top: 61px;
   }
   .slide-next {
       right: 2px;
    }
   .slide-prev {
       left: 2px;
    }
   .blue-arrow-style li span {
      display: inline;
      padding-left: 11px;
      margin-bottom: 5px;
      background: url(../img/blue-list-arrow.png) left 4px no-repeat;
   }
   #instagram {
      margin: 0 auto;
      padding: 0;
      overflow: hidden;
      float: none;
      text-align: center;
   }
   .inst-labels {
      text-align: center;
      padding-top: 0;
   }
   #instagram li {
      width: 25%;
      text-align: center;
      margin: 11px 0;
   }
   .accessories a div {
      width: 58%;
   }
   .last-reviews {
      margin-top: 20px;
   }
   .map-address {
      background: #fff;
      padding: 24px 20px;
   }
   .garanty-wrap {
      margin-top: 20px;
   }
   .catalog-goods-wrap {
      margin-top: 20px;
   }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   .main-slider {
      padding-top: 61px;
   }
   .slide-next {
      right: 2px;
   }
   .slide-prev {
      left: 2px;
   }
   .blue-arrow-style li span {
      display: inline;
      padding-left: 11px;
      margin-bottom: 5px;
      background: url(../img/blue-list-arrow.png) left 4px no-repeat;
   }
   #instagram {
      margin: 0 auto;
      padding: 0;
      overflow: hidden;
      float: none;
      text-align: center;
   }
   .inst-labels {
      text-align: center;
      padding-top: 0;
   }
   #instagram li {
      width: 50%;
      text-align: center;
      margin: 5px 0;
   }
   .accessories a div {
      width: 95%;
   }
   .last-reviews {
      margin-top: 20px;
   }
   ul.slick-dots {
      position: relative;
      bottom: 4px;
   }
   .otzyvy-buttons {
      width: 90%;
      text-align: right;
      margin: 29px auto 0;
   }
   .otzyvy-buttons a {
      margin-bottom: 7px;
   }
   .footer-logo {
      text-align: center;
      margin-bottom: 21px;
   }
   .work-steps span {
      font-size: 14px;
      font-weight: bold;
      margin-top: 10px;
      display: inline-block;
   }

}
@media only screen and (max-width : 610px) {
   .catalog-ul li {
      width: 48%;
   }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
   .otzyv {
      background: #e8e8e8;
      box-shadow: 0px 1px 1px 0px rgba(0,0,0,.4);
      margin: 24px 4px 0;
      position: relative;
      padding: 15px 6px 13px 55px;
   }
   .work-steps .justify li {
      width: 100%;
   }
   .choose-map {
      display: block;
      margin-left: 25px;
      margin-right: 25px;
   }
   .step-img img.step-arrow{
      display: none;
   }
}
@media only screen and (max-width : 400px) {
   .catalog-ul li {
      width: 100%;
   }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
   .top-nav li {
      display: inline-block;
      margin-right: 24px;
      font-size: 16px;
      padding: 5px 0;
   }
   .slide-nav-btn {
      display: none;
   }
   .main-slider {
      padding-top: 10px;
   }
   .accessories a div {
      width: 100%;
   }
   .accessories span {
      position: relative;
      padding-left: 15px;
   }
   .icon-right {
      text-align: left;
   }
   .accessories a {
      font-size: 16px;
   }
   .otzyv {
      background: #e8e8e8;
      box-shadow: 0px 1px 1px 0px rgba(0,0,0,.4);
      margin: 24px 4px 0;
      position: relative;
      padding: 15px 6px 13px 55px;
   }
}