.model .img img, .pro-img .slick-slide img, .md-review .ct .layer img, .pro-thumb .slick-slide img, .module .c-img img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}
.hv-over{display:block;position:relative;}
.hv-over:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.hv-over:hover:after{background:rgba(255, 255, 255, 0.3);}
.hv-scale{overflow:hidden;display:block;}
.hv-scale img{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.hv-scale:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.hv-light{display:inline-block;vertical-align:top;position:relative;overflow:hidden;background:#fff;}
.hv-light:before, .hv-light:after{content:'';position:absolute;top:0;left:0;z-index:1;pointer-events:none;}
.hv-light:before{right:0;bottom:0;background:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.hv-light:after{width:100%;height:100%;background:rgba(255, 255, 255, 0.3);-webkit-transition:0.75s ease-in-out;transition:0.75s ease-in-out;-webkit-transform:scale3d(2, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);transform:scale3d(2, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);}
.hv-light:hover:before{background:rgba(242, 211, 0, 0.2);}
.hv-light:hover:after{-webkit-transform:scale3d(2, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);transform:scale3d(2, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);}
.banner {
  position: relative;
  margin-bottom: 50px;
  font-family: "Roboto"; }
  .banner img {
    display: block;
    width: 100%;
    min-height: 70px; }
  .banner .breadcrumbs {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    color: #fff; }
    .banner .breadcrumbs li {
      display: inline-block; }
      .banner .breadcrumbs li:not(:last-child):after {
        content: '>';
        margin-left: 8px;
        margin-right: 2px; }
      .banner .breadcrumbs li a:hover {
        color: #f9a61a; }
    .banner .breadcrumbs .title {
      color: #fff;
      font-size: 30px;
      font-weight: bold;
      line-height: 30px;
      margin-bottom: 3px; }
  .banner.v2 .breadcrumbs {
    text-align: center;
    bottom: 50%;
    margin-bottom: -27px; }
    .banner.v2 .breadcrumbs li {
      display: inline-block;
      color: #f9a61a; }
      .banner.v2 .breadcrumbs li:not(:last-child):after {
        content: '/';
        margin-left: 8px;
        margin-right: 2px;
        color: #fff; }
      .banner.v2 .breadcrumbs li a {
        color: #fff; }
        .banner.v2 .breadcrumbs li a:hover {
          color: #f9a61a; }

.single {
  font-family: "Roboto"; }
  .single .s-title {
    font-weight: 600;
    /*text-transform: uppercase;*/
    font-size: 27px;
    color: #2e2e2e;
    margin-bottom: 20px; }
    .single .s-title:after {
      content: '';
      display: block;
      height: 2px;
      background: #f9a61a;
      width: 75px;
      margin-top: 9px; }
  .single time {
    color: #999999;
    font-size: 12px;
    font-style: italic;
    display: block;
    margin-bottom: 12px; }
    .single time i {
      margin-right: 3px; }
  .single .s-content {
    font-weight: 300;
    line-height: 2;
    color: #666666;
    border-bottom: solid 1px #dbdbdb;
    padding-bottom: 2px; }
    .single .s-content td { padding: 10px !important; }
    .single .s-content p {
      margin-bottom: 28px; }
    .single .s-content img {
      margin-top: 3px;
      margin-bottom: 45px; }
  .single .s-social {
    margin-top: 29px;
    margin-bottom: 28px; }
    .single .s-social .text {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      font-weight: 300;
      margin-top: -3px;
      margin-right: 4px; }
    .single .s-social .ctrl {
      display: inline-block;
      vertical-align: middle; }

.sidebar {
  margin-left: 20px;
  font-family: "Roboto"; }

.bor-box {
  border-left: solid 1px #e2e2e2;
  position: relative;
  padding-left: 27px;
  padding-top: 2px; }
  .bor-box:before {
    content: '';
    position: absolute;
    left: -1px;
    width: 3px;
    background: #f9a61a;
    height: 50px; }
  .bor-box .i-title {
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 20px; }
    .bor-box .i-title:after {
      content: '';
      display: block;
      height: 1px;
      width: 50px;
      margin-top: 10px;
      background: #2d2d2d; }

.lpost-box li {
  margin-bottom: 18px; }
  .lpost-box li:last-child {
    margin-bottom: 0; }
  .lpost-box li a {
    position: relative;
    padding-left: 19px;
    font-size: 16px;
    color: #999999;
    display: inline-block;
    vertical-align: middle; }
    .lpost-box li a:before {
      content: '';
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: solid 2px #999999;
      position: absolute;
      left: 0;
      top: 6px; }
    .lpost-box li a:after {
      content: '';
      position: absolute;
      width: 4px;
      height: 4px;
      top: 10px;
      left: 4px;
      border-radius: 50%; }
    .lpost-box li a:hover {
      color: #f9a61a;
      text-decoration: underline; }
      .lpost-box li a:hover:before {
        border-color: #f9a61a; }
      .lpost-box li a:hover:after {
        background: #f9a61a; }

.cate-box {
  padding-bottom: 16px;
  margin-bottom: 32px;
  margin-top: 7px; }
  .cate-box .i-title {
    margin-bottom: 34px; }
  .cate-box li a {
    font-size: 16px;
    color: #777777;
    display: block;
    padding-bottom: 14px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 10px; }
    .cate-box li a:hover {
      color: #f9a61a; }
  .cate-box li:last-child a {
    border-bottom: none;
    margin-bottom: 5px; }

.post-box {
  padding-bottom: 34px; }
  .post-box .i-title {
    margin-bottom: 27px; }

.sb-post {
  padding-top: 1px;
  padding-bottom: 25px;
  border-bottom: solid 1px #e8e8e8;
  margin-bottom: 26px; }
  .sb-post .img {
    width: 80px;
    float: left;
    display: block;
    border-radius: 3px;
    overflow: hidden; }
    .sb-post .img img {
      display: block;
      width: 100%; }
  .sb-post .title {
    margin-left: 93px;
    color: #555555;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    margin-top: -5px; }
    .sb-post .title a:hover {
      color: #f9a61a; }
  .sb-post:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0; }

.sb-hotline {
  background: #192653;
  text-align: center;
  margin-top: 13px;
  color: #fff;
  padding: 22px 5px 12px 5px; }
  .sb-hotline.v2 {
    margin-top: 24px; }
  .sb-hotline .logo {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 25px; }
    .sb-hotline .logo img {
      display: block; }
  .sb-hotline .img {
    margin-bottom: 14px; }
  .sb-hotline .phone {
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    font-weight: 600; }
    .sb-hotline .phone:hover {
      color: #f9a61a; }

.pcate-title {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: bold;
  border-bottom: solid 1px #c0c0c0;
  margin-bottom: 31px;
  margin-top: 2px; }
  .pcate-title span {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -2px;
    border-bottom: solid 3px #f9a61a;
    padding-bottom: 8px; }

.product2 {
  font-family: "Roboto";
  overflow: hidden;
  background: #f9f9f9;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0 auto 30px auto;
  max-width: 280px; }
  .product2 .img {
    display: block;
    position: relative;
    border-radius: 5px 5px 0 0;
    overflow: hidden; }
    .product2 .img img {
      display: block;
      width: 100%; }
    .product2 .img:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(51, 51, 51, 0.8);
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .product2 .img .more {
      color: #fff;
      position: absolute;
      width: 87px;
      height: 35px;
      top: 50%;
      left: 50%;
      margin-top: -17px;
      margin-left: -43px;
      text-align: center;
      line-height: 35px;
      font-weight: 600;
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .product2 .img .more:after, .product2 .img .more:before {
        content: '';
        position: absolute;
        -webkit-transition: inherit;
        transition: inherit;
        width: 0;
        height: 0; }
      .product2 .img .more:before {
        bottom: 0;
        left: 0;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff; }
      .product2 .img .more:after {
        top: 0;
        right: 0;
        border-top: solid 1px #fff;
        border-right: solid 1px #fff; }
  .product2 .ct {
    border-top: dashed 1px #d7d7d7;
    text-align: center;
    padding: 13px 5px 13px 5px;
    border-radius: 0 5px 5px 0; }
    .product2 .ct .title {
      color: #5d5d5d;
      line-height: 22px;
      height: 22px;
      overflow: hidden;
      margin-bottom: 4px; }
      .product2 .ct .title a:hover {
        color: #f9a61a; }
    .product2 .ct sup {
      font-size: 65%; }
    .product2 .ct .price {
      font-weight: bold;
      font-size: 18px;
      color: #f9a61a;
      line-height: 1.2; }
    .product2 .ct .old-price {
      color: #666666;
      text-decoration: line-through; }
  .product2:hover {
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1); }
    .product2:hover .img:before {
      opacity: 1; }
    .product2:hover .img .more {
      opacity: 1; }
      .product2:hover .img .more:after, .product2:hover .img .more:before {
        width: 55px;
        height: 15px; }
      .product2:hover .img .more:hover:after, .product2:hover .img .more:hover:before {
        width: 100%;
        height: 100%; }

.pro-break {
  margin-top: -30px; }

.te-pagination {
  font-size: 0; }
  .te-pagination span, .te-pagination a {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    border: solid 1px;
    color: #666666;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    margin: 0 4px;
    font-family: arial; }
  .te-pagination a:hover, .te-pagination span {
    color: #f9a61a; }

.pro-gallery {
  float: left;
  display: block;
  width: 344px; }

.pro-detail {
  font-family: "Roboto";
  margin-left: 380px; }
  .pro-detail .title {
    font-size: 18px;
    color: #2c2c2c;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8px; }
  .pro-detail .des {
    line-height: 22px;
    color: #999999;
    font-weight: 600;
    margin-bottom: 10px; }
  .pro-detail .price {
    margin-bottom: 16px; }
    .pro-detail .price strong {
      color: #f9a61a;
      font-size: 36px;
      font-weight: 800; }
      .pro-detail .price strong small {
        font-size: 66.666%; }
    .pro-detail .price del {
      text-decoration: line-through;
      font-size: 16px;
      color: #666; }
      .pro-detail .price del small {
        font-size: 75%; }
  .pro-detail .buy-now {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: #333;
    padding: 0 29px 0 31px;
    line-height: 43px; }
    .pro-detail .buy-now:hover {
      background: #f9a61a; }
    .pro-detail .buy-now i {
      margin-left: 3px; }
  .pro-detail .p-social {
    margin-top: 38px; }
    .pro-detail .p-social a {
      color: #999999;
      margin-right: 20px;
      display: inline-block; }
      .pro-detail .p-social a i {
        margin-right: 2px; }
      .pro-detail .p-social a:hover {
        color: #f9a61a; }

.pro-img {
  padding-bottom: 17px;
  border-bottom: solid 1px #e9e9e9;
  margin-bottom: 20px; }
  .pro-img img {
    display: block;
    width: 100%; }

.pro-thumb .slick-list {
  margin: 0 -7px; }
  .pro-thumb .slick-list .slick-slide {
    margin: 14px 7px; }
.pro-thumb img {
  display: block;
  width: 100%; }
/*.pro-thumb .slick-arrow {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  color: #999999;
  border: solid 1px #999999;
  text-align: center;
  line-height: 18px;
  top: 50%;
  margin-top: -10px; }
  .pro-thumb .slick-arrow.prev {
    left: 5px; }
  .pro-thumb .slick-arrow.next {
    right: 5px; }
  .pro-thumb .slick-arrow:hover {
    background: #f9a61a;
    border-color: #f9a61a;
    color: #fff; }
*/
.pro-info-tab {
  margin-top: 65px;
  border-bottom: solid 1px #d8d8d8;
  font-family: "Roboto";
  font-size: 0; }
  .pro-info-tab li {
    font-size: 14px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle; }
    .pro-info-tab li a {
      display: block;
      font-size: 16px;
      color: #666666;
      line-height: 42px;
      padding: 0 23px;
      border-radius: 3px 3px 0 0;
      background: #f0f0f0;
      margin-bottom: -1px;
      position: relative;
      z-index: 1; }
    .pro-info-tab li.active a {
      background: #333;
      color: #fff; }

.pro-info-ct {
  font-family: "Roboto";
  margin-top: 31px;
  padding-bottom: 21px;
  border-bottom: solid 1px #d8d8d8;
  margin-bottom: 20px; }
  .pro-info-ct .s-content {
    line-height: 36px;
    color: #999999; }
    .pro-info-ct .s-content strong {
      font-weight: 600;
      color: #666; }

.comments {
  border-bottom: solid 1px #d8d8d8;
  margin-bottom: 38px;
  overflow: hidden;
  padding-bottom: 35px; }

.pro-related .slick-arrow {
  width: 32px;
  height: 32px;
  color: #c4c4c4;
  border: solid 1px #c4c4c4;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  top: 50%;
  margin-top: -16px; }
  .pro-related .slick-arrow.prev {
    left: 14px; }
  .pro-related .slick-arrow.next {
    right: 14px; }
  .pro-related .slick-arrow:hover {
    background: #f9a61a;
    color: #fff;
    border-color: #f9a61a; }
.pro-related .product2 {
  margin-bottom: 0; }

@media all and (max-width: 1199px) {
  .banner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3); }

  .sb-hotline .phone {
    font-size: 20px; } }
@media all and (max-width: 991px) {
  .sidebar {
    margin-left: 0px; }

  .cate-box {
    margin-top: 40px; }

  .pro-break {
    display: none; } }
@media all and (max-width: 767px) {
  .product2 {
    margin-bottom: 10px; }

  .single .s-title {
    font-size: 24px; }

  .bor-box {
    padding-left: 15px; }

  .banner .breadcrumbs .title {
    font-size: 22px; }

  .post2 {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto; }
    .post2 .img {
      float: none;
      width: auto;
      margin-bottom: 20px; }
    .post2 .ct {
      margin-left: 0px; }

  .pro-gallery {
    float: none;
    margin: 0 auto 30px auto;
    width: 344px;
    max-width: 100%; }

  .pro-detail {
    font-family: "Roboto";
    margin-left: 0px; }

  .pro-related .slick-list {
    margin: 0 -5px; }
    .pro-related .slick-list .slick-slide {
      margin: 0 5px; } }


.btn-call{
    position: fixed;
    bottom: 100px;
    left: 40px;
    z-index: 9999;
}
.btn-call strong{
    background: #044e7f;
    display: inline-block;
    border-radius: 8px 0 0 8px;
    color: #fff;
    font-size: 20px;
    font-family: "OpenSans";
    position: absolute;
    right: 72px;
    top: 50%;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    margin-right: 15px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    min-width: 160px;
    text-align: center;

    font-weight: normal;
}
.btn-call strong:after{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 10px solid #044e7f;
    border-bottom: 20px solid transparent;
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
}
.btn-call:hover strong{
    opacity: 1;
    pointer-events: all;
    margin-right: 0px;
}
.btn-call span{
    display: block;
    font-size: 42px;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50% !important;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    background: #044e7f;
    position: relative;
}
.btn-call span i{
    animation-name: lac;
    -webkit-animation-name: lac;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-call span:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: solid 1px rgba(4, 78, 127, 0.6);
    animation-name: zoomin;
    -webkit-animation-name: zoomin;

    animation-name: zoomin;
    -webkit-animation-name: zoomin;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-call span:after{
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: rgba(4, 78, 127, 0.6);
    z-index: -1;

    animation-name: zoomout;
    -webkit-animation-name: zoomout;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes lac {
    0% {transform: rotate(0deg);}
    10% {transform: rotate(-25deg);}
    20% {transform: rotate(25deg);}
    30% {transform: rotate(-25deg);}
    40% {transform: rotate(25deg);}
    50% {transform: rotate(0deg);}
    100% {transform: rotate(0deg);}
}
@-webkit-keyframes lac {
    0% {-webkit-transform: rotate(0deg);}
    10% {-webkit-transform: rotate(-25deg);}
    20% {-webkit-transform: rotate(25deg);}
    30% {-webkit-transform: rotate(-25deg);}
    40% {-webkit-transform: rotate(25deg);}
    50% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@keyframes zoomin{
    0%{transform: scale(.8);opacity: 1;}
    100%{transform: scale(2.2);opacity: .1;}
}
@-webkit-keyframes zoomin{
    0%{-webkit-transform: scale(.8);opacity: 1;}
    100%{-webkit-transform: scale(2.2);opacity: .1;}
}
@keyframes zoomout{
    0%{transform: scale(0.8);opacity: 1;}
    100%{transform: scale(1.1);opacity: .3}
}
@-webkit-keyframes zoomout{
    0%{-webkit-transform: scale(0.8);opacity: 1;}
    100%{-webkit-transform: scale(1.1);opacity: .3;}
}

#list .b-post .img { margin-bottom: 15px !important; }
.pro-detail{margin-left:10px;}
.pro-detail .title{text-transform:uppercase;font-weight:bold;font-size:30px;color:#000;margin-bottom:15px;}
.pro-detail p{font-size:14px;color:#848484;margin-bottom:15px;}
.pro-detail .price{text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: #333;
    padding: 0 29px 0 31px;
    line-height: 43px;
    width: 46%;
    text-align: center;}
.pro-detail .price:hover {
    background: #faa418;
}
.pro-detail .color{margin-bottom:45px;}
.pro-detail .color label{display:inline-block;vertical-align:middle;cursor:pointer;margin-right:10px;}
.pro-detail .color label i{display:block;width:40px;height:40px;border-radius:50%;-webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.5);box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.5);font-style:normal;text-align:center;font-size:24px;color:#fff;line-height:42px;}
.pro-detail .color label input{display:none;}
.pro-detail .color label input:checked + i:after{content:'\2714';}
.pro-detail .ctrl{width:100%;max-width:210px;height:40px;text-transform:uppercase;display:inline-block;vertical-align:middle;text-align:center;line-height:40px;border-radius:40px;}
.pro-detail .ctrl.v1{color:#fff;background:#da222b;font-size:20px;}
.pro-detail .ctrl.v2{color:#4a4a4a;font-weight:500;border:solid 1px #555;}
.pro-detail .ctrl.v2:hover{background:#da222b;color:#fff;border-color:#da222b;}
.pro-detail .table{max-width:450px;}
.pro-imgs{position:relative;padding-left:155px;}
.pro-imgs .pro-thumb{position:absolute;left:0;top:0;}
.pro-img .slick-list{margin:0;}
.pro-img .slick-list .slick-slide{margin:0;}
.pro-img .slick-slide{position:relative;height:429px;border:solid 1px #d7d7d7;}
.pro-thumb{width:130px;}
.pro-thumb .slick-list{margin:-13px 0;}
.pro-thumb .slick-slide{border:solid 1px #d7d7d7;position:relative;height:88px;margin:13px 0;cursor:pointer;}
.pro-thumb .slick-slide img{max-width:96%;max-height:96%;}
.pro-thumb .slick-arrow{left:50%;margin-left:-8px;font-size:24px;color: #faa45f;}
.pro-thumb .slick-arrow.prev{top:0;}
.pro-thumb .slick-arrow.next{bottom:0;}
.s-single{background:#f5f5f5;}
.s-single .title{font-size:30px;color:#010101;font-weight:300;border-bottom:solid 1px #d7d7d7;margin-bottom:14px;padding-bottom:8px;padding-top: 10px;}
.s-single .s-content{font-size:14px;line-height:22px;color:#848484;}
.s-single .s-content p{margin-bottom:19px;}
.s-single .s-content img{margin-bottom:29px;}
.related-model{margin-top:20px;}
.related-model .i-title{text-align:center;color:#1a1a1a;font-size:30px;text-transform:uppercase;margin-bottom:40px;}
.related-cas{margin-bottom:0;}
.related-cas .model { margin: 0 auto 0 auto; }
.related-cas .slick-list{margin:0 -4px;}
.related-cas .slick-list .slick-slide{margin:0 4px;}
.related-cas .slick-arrow{width:54px;height:54px;color:#fff;top:30%;margin-top:-27px;background:#da222b;text-align:center;font-size:35px;line-height:54px;}
.related-cas .slick-arrow.prev{left:-100px;}
.related-cas .slick-arrow.next{right:-100px;}
@media all and (max-width:1199px){.main-nav > ul > li{margin:0;}
.main-nav > ul > li > a{padding:15px 22px;}
.service{background:rgba(255, 255, 255, 0.07);color:#fff;padding:20px 25px 12px 25px;margin-bottom:30px;}
.service .title{text-transform:uppercase;font-size:20px;margin-bottom:10px;}
.service .title:hover{color:#da222b;}
.service p{line-height:23px;font-weight:300;margin-bottom:0;height:125px;overflow:hidden;}
.social a{margin-right:10px;}
.related-cas .slick-arrow{width:42px;height:42px;margin-top:-21px;font-size:28px;line-height:42px;background:rgba(218, 34, 43, 0.5);}
.related-cas .slick-arrow.prev{left:-10px;}
.related-cas .slick-arrow.next{right:-10px;}
.related-cas .slick-arrow:hover{background:#da222b;}
}
.model{color:#fff;text-align:center;max-width:315px;margin:0 auto 30px auto;}
.model .img{display:block;position:relative;height:260px;margin-bottom:15px;}
.model .img img{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.model .title{text-transform:uppercase;font-size:20px;font-weight:bold;margin-bottom:8px;}
.model .title a:hover{color:#faa418;}
.model p{line-height:21px;margin-bottom:9px;height: 65px;overflow: hidden;}
.model .price{font-size:18px;font-weight:300;}
.model:hover .img img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.model.v2{color:#313131;}
.model.v2 .price{color:#da222b;}
.btn-inline {
  display: inline-block;
  vertical-align: middle;
  background: #054d7f;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  padding: 12px 21px;
  border-radius: 3px;
}
.mmap { margin-top: 40px; }
.mmap p { margin-bottom: 0; line-height: 0; }


/*Back to top*/
.gamba-circles {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 80px;
    height: 80px;
    margin: 0 auto;

    -webkit-transform: translate3D(-50%, -50%, 0);
       -moz-transform: translate3D(-50%, -50%, 0);
        -ms-transform: translate3D(-50%, -50%, 0);
         -o-transform: translate3D(-50%, -50%, 0);
            transform: translate3D(-50%, -50%, 0);
}

.gamba-circles .circle {
    position: absolute;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    border: 1px solid transparent;
    border-radius: 92% 110% 132% 88%;
}

.gamba-circles .circle:nth-child(1) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin1 6s linear infinite;
            animation: spin1 6s linear infinite;

    border-color: #c7c7c7;
}

.gamba-circles .circle:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin2 6s linear infinite;
            animation: spin2 6s linear infinite;

    border-color: #c7c7c7;
}

.gamba-circles .circle:nth-child(3) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin3 6s linear infinite;
            animation: spin3 6s linear infinite;

    border-color: #c7c7c7;
}

.gamba-circles .circle:nth-child(4) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin4 6s linear infinite;
            animation: spin4 6s linear infinite;

    border-color: #c7c7c7;
}

#back-top .gamba-circles {
    font-size: 24px;
    line-height: 50px;
    position: fixed;
    z-index: 100;
    top: auto;
    right: 20px;
    bottom: 50px;
    left: auto;
    visibility: hidden;
    width: 35px;
    height: 35px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
    opacity: 0;
    color: #f9a61a;
}
#back-top .gamba-circles i{
    font-size: 20px;
    top: 7px;
    left: 0;
    right: 0;
    position: absolute;
}
#back-top .gamba-circles .circle {
    top: 0;
    left: 0;
    border-color: #f9a61a;
    mix-blend-mode: screen;
}

#back-top .gamba-circles.show-btn {
    visibility: visible;

    opacity: 1;
}
@-webkit-keyframes spin1 {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes spin1 {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    0% {
        -webkit-transform: rotate(72deg);
                transform: rotate(72deg);
    }
    100% {
        -webkit-transform: rotate(-288deg);
                transform: rotate(-288deg);
    }
}

@keyframes spin2 {
    0% {
        -webkit-transform: rotate(72deg);
                transform: rotate(72deg);
    }
    100% {
        -webkit-transform: rotate(-288deg);
                transform: rotate(-288deg);
    }
}

@-webkit-keyframes spin3 {
    0% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
    100% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
}

@keyframes spin3 {
    0% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
    100% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
}

@-webkit-keyframes spin4 {
    0% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
    100% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
}

@keyframes spin4 {
    0% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
    100% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
}