.container {
  position: relative;
  max-width: 1027px;
  min-width: 220px;
  margin: 0 auto;
  padding: 0 2%;
}

/*MAIN BEGIN*/
/*SCHEME BEGIN*/
.scheme {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  margin-bottom: 20px;
  min-width: 220px;
}

.scheme_bg {
  background: url(../../../images/schemes/scheme_bg.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  padding-top: 10px;
}

.horizontal_line {
  background: #fbc30f;
  width: 100%;
}

.horizontal_line_text {
  margin: 0;
  padding: 5px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
  .scheme_imges {
    text-align: center;
    margin-top: 20px;
  }

  .scheme_imges img {
    width: 70%;
  }

.scheme_list {
  list-style-type: disc;
  line-height: 1.5;
  padding-left: 23px;
  margin: 20px 0;
}

.scheme_color_img {
  width: 30%;
  margin-right: 5%;
  display: inline-block;
  vertical-align: top;
}

.scheme_color_img img {
  width: 100%;
  height: auto;
}

.scheme_tth {
  width: 64%;
  display: inline-block;
  vertical-align: top;
  margin-top: 40px;
}

.scheme_tth p {
  overflow: hidden;
  margin: 0;
  line-height: 1.5;
}

.scheme_tth_name {
  float: left
}

.scheme_tth_value {
  float: right
}

@media only screen and (max-width: 991px) {
  .scheme {
    font-size: 17px;
  }
}
@media only screen and (max-width: 870px) {
  .scheme {
    font-size: 16px;
  }

  .horizontal_line_text {
    margin: 0;
    padding: 4px;
    font-size: 20px;
  }

  .scheme_tth {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 650px) {
  .scheme_bg {
    background-size: 170% 100%;
    background-position: center center;
  }

  .scheme_imges {
    margin: 5px auto -5px;
  }

  .scheme_color_img {
    display: table;
    width: 45%;
    margin: -20px auto -10px;
  }

  .scheme_tth {
    display: table;
    width: 98%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  .scheme {
    font-size: 14px;
  }

  .horizontal_line_text {
    padding: 3px;
    font-size: 16px;
  }

  .scheme_color_img {
    width: 60%;
  }

  .scheme_tth {
    width: 96%;
  }

  .scheme_tth_name {
    width: 75%;
  }

  .scheme_tth_value {
    width: 20%;
  }
}
@media only screen and (max-width: 360px) {
  .scheme {
    font-size: 11.9px;
  }
}
@media only screen and (max-width: 300px) {
  .scheme {
    font-size: 10px;
  }

  .horizontal_line_text {
    padding: 3px;
    font-size: 14px;
  }
}
/*SCHEME END*/

/*WARENTY BEGIN*/
.warenty {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  margin-bottom: 30px;
  min-width: 220px;
}

.warenty_bg {
  background: url(../../../images/schemes/warenty_bg.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 40px 0;
}

.warenty_bg h5 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
}

.warenty_list {
  margin: 0 auto;
  width: 945px;
  padding: 0 100px;
  box-sizing: border-box;
  overflow: hidden;
}

.list {
  list-style: none;
  margin-top: 60px;
  float: left;
  padding-left: 0;
}

.list li span {
  display: inline-block;
  background: #030303;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  width: 24px;
  height: 24px;
  color: #ede0d0;
  text-align: center;
  border: 2px solid #FFF;
  border-radius: 50%;
  outline: 0;
  margin-right: 5px;
}

.like {
  float: right;
  width: 200px;
  margin-top: 20px;
}

.like img {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .warenty_list {
    margin: 0 auto;
    width: 725px;
    padding: 0;
  }

  .list {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 870px) {
  .warenty {
    font-size: 16px;
  }

  .warenty_bg {
    padding: 30px 0;
  }

  .warenty_bg h5 {
    font-size: 16px;
  }

  .warenty_list {
    margin: 0 auto;
    width: 610px;
    padding: 0;
  }

  .list {
    margin-right: 0px;
  }

  .like img {
    width: 95%;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 650px) {
  .warenty_bg {
    background-size: 170% 100%;
    background-position: center center;
  }

  .warenty_list {
    margin: 0 auto;
    width: 445px;
    padding: 0;
  }

  .list {
    float: none;
    display: table;
    margin: 20px auto;
  }

  .like {
    display: table;
    float: none;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  .warenty {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .warenty_bg {
    padding: 20px 0;
  }

  .warenty_list {
    width: 90%;
  }

  .warenty_bg h5 {
    font-size: 14px;
  }

  .list li span {
    font-size: 10px;
    line-height: 20px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 360px) {
  .warenty_list {
    width: 280px;
  }

  .warenty {
    font-size: 12px;
  }

  .warenty_bg h5 {
    font-size: 12px;
  }

  .like img {
    width: 80%;
  }
}
@media only screen and (max-width: 300px) {
  .warenty {
    font-size: 10px;
  }

  .warenty_bg h5 {
    font-size: 10px;
  }

  .warenty_list {
    width: 90%;
  }

  .list li span {
    font-size: 8px;
    line-height: 17px;
    width: 16px;
    height: 16px;
  }

  .like img {
    width: 70%;
  }
}
/*WARENTY END*/
/*MAIN END*/

/*ABOUT_US BEGIN*/
.container {
  position: relative;
  max-width: 1027px;
  min-width: 220px;
  margin: 0 auto;
  padding: 0 2%;
}

.about_company {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  background: url(../../../images/about_us/about_us_bg.jpg) 50% 0 no-repeat;
  background-size: 100% 100%;
  padding-top: 30px !important;
  padding-bottom: 100px !important;
}

.about_company_title {
  background: url(../../../images/about_us/about_us_title_bg.png) 0 0 no-repeat; 
  background-size: contain;
  padding: 9px 0px 9px 17px;
  font-size: 26px;
  margin-top: 10px;
}

.about_company_wrap {
  padding: 20px;
  text-indent: 30px;
  line-height: 1.5;
  text-align: justify;
}

.articleForActivity {
  display: -webkit-flex; 
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
  position: relative;
}

.imgForActivity {
  background: url(../../../images/about_us/zavod.jpg) no-repeat;
  background-size: cover;
  width: 215px;
  height: 210px;
  border: 2px solid #3F3F3F;
  box-sizing: border-box;
  margin-right: 5%;
}

.textForActivity {
  width: 70%;
}

.articleForCertificaty {
  display: -webkit-flex; 
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}

.imgForCertificaty {
  background: url(../../../images/about_us/iconCertificaty.jpg) no-repeat;
  background-size: cover;
  width: 215px;
  height: 210px;
  border: 2px solid #3F3F3F;
  box-sizing: border-box;
  margin-right: 5%;
}

.textForCertificaty {
  width: 70%;
  position: relative;
}

.moreActivity,
.moreCertificaty {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px 0;
  background: linear-gradient(#FBA704, #FEE406);
}

.moreActivity:hover,
.moreCertificaty:hover {
 background: linear-gradient(#FEE406, #FBA704);
  cursor: pointer;
}

.moreActivity a,
.moreCertificaty a {
  display: block;
  color: #000!important;
  padding-right: 25px;
}

@media only screen and (max-width: 870px) {
  .about_company {
    font-size: 16px;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    margin-bottom: 50px!important;
  }

  .about_company_title {
    padding: 8px 0px 8px 16px;
    font-size: 23px;
  }

  .about_company_wrap {
    padding: 10px;
  }

  .imgForActivity {
  width: 170px;
  height: 160px;
  }

  .imgForActivity,
  .imgForCertificaty {
  width: 170px;
  height: 160px;
  }

  .moreActivity,
  .moreCertificaty {
    bottom: -45px;
  }
}

  @media only screen and (max-width: 480px) {
  .about_company {
    font-size: 14px;
    padding-top: 10px!important;
    background-size: 100% 70%;
  }

  .about_company_title {
    padding: 7px 0px 7px 14px;
    font-size: 20px;
  }

  .about_company_article p {
    margin-bottom: 10px;
    text-indent: 20px;
    line-height: 1.4;
  }

  .articleForActivity,
  .articleForCertificaty {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }

  .imgForActivity,
  .imgForCertificaty {
    background-size: contain;
    width: 250px;
    height: 250px;
    margin: 0 auto 20px;
  }

  .textForActivity,
  .textForCertificaty {
    width: 100%;
  }

  .moreActivity a,
  .moreCertificaty a {
    text-indent: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 360px) {
  .about_company {
    font-size: 12px;
    padding-top: 10px !important;
    margin-bottom: 40px;
  }

  .about_company_title {
    padding: 6px 0px 6px 12px;
    font-size: 17px;
  }

  .articleForActivity {
  margin-bottom: 70px;
  }

  .imgForActivity,
  .imgForCertificaty {
    width: 180px;
    height: 180px;
  }
}

@media only screen and (max-width: 300px) {
  .about_company {
    font-size: 10px;
  }

  .about_company_title {
    padding: 5px 0px 5px 10px;
    font-size: 14px;
  }

  .imgForActivity,
  .imgForCertificaty {
    width: 160px;
    height: 160px;
  }
}
/*ABOUT_US END*/

/*ACTIVITY BEGIN*/
.activity {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  background: url(../../../images/about_us/activity/activity_bg.jpg) no-repeat;
  background-size: 100% 100%;
  padding-top: 30px !important;
  padding-bottom: 50px !important;
}

.activity_title {
  background: url(../../../images/about_us/activity/activity_title_bg.png) 0 0 no-repeat; 
  background-size: contain;
  padding: 9px 0px 9px 17px;
  font-size: 26px;
  margin-top: 10px;
}

.activity_wrap {
  padding: 20px;
}

.articleActivity {
  display: -webkit-flex; 
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}

.articleActivity__left,
.articleActivity__right {
  width: 48%;
  text-align: justify;
}

.articleActivity__left p,
.articleActivity__right p {
  margin-top: 0;
  margin-bottom: 20px;
  text-indent: 30px;
  line-height: 1.5;
}

.imgActivity {
  display: -webkit-flex; 
  -webkit-justify-content: flex-start;
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}

.zavod {
  width: 250px;
  height: 250px;
  background: url(../../../images/about_us/activity/zavod.jpg) no-repeat;
  background-size: cover;
  border: 2px solid #3F3F3F;
}

.zavod2 {
  width: 250px;
  height: 250px;
  background: url(../../../images/about_us/activity/zavod2.jpg) no-repeat;
  background-size: cover;
  border: 2px solid #3F3F3F;
}

@media only screen and (max-width: 991px) {
  .activity {
    padding-bottom: 50px!important;
  }
}

@media only screen and (max-width: 870px) {
  .activity {
    font-size: 16px;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .activity_title {
    padding: 8px 0px 8px 16px;
    font-size: 23px;
  }

  .activity_wrap {
    padding: 10px;
  }

  .articleActivity {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }

  .articleActivity__left,
  .articleActivity__right {
      width: 100%;
      padding: 10px;
      padding-top: 0;
      padding-bottom: 0;
  }

  .articleActivity__left p:last-child,
  .articleActivity__right p:last-child {
    margin-bottom: 0;
  }

  .zavod,
  .zavod2 {
    width: 200px;
    height: 200px;
  }
}

  @media only screen and (max-width: 480px) {
  .activity {
    font-size: 14px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }

  .activity_title {
    padding: 7px 0px 7px 14px;
    font-size: 20px;
  }

  .articleActivity__left p,
  .articleActivity__right p {
    margin-bottom: 10px;
    text-indent: 20px;
    line-height: 1.4;
  }

  .imgActivity {
    -webkit-flex-flow: row wrap;
    -webkit-align-content: space-around; 
    flex-flow: row wrap;
    align-content: space-around;
  }

  .zavod,
  .zavod2 {
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }

  .zavod {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .activity {
    font-size: 12px;
    padding-top: 10px !important;
  }

  .activity_title {
    padding: 6px 0px 6px 12px;
    font-size: 17px;
  }

  .articleActivity__left p,
  .articleActivity__right p {
    margin-bottom: 5px;
    text-indent: 15px;
  }

  .articleActivity__left,
  .articleActivity__right {
    padding: 5px;
  }

  .zavod,
  .zavod2 {
    width: 200px;
    height: 200px;
  }
}

@media only screen and (max-width: 300px) {
  .activity {
    font-size: 10px;
  }

  .activity_title {
    padding: 5px 0px 5px 10px;
    font-size: 14px;
  }

  .articleActivity__left,
  .articleActivity__right {
    padding: 2px;
  }

  .zavod,
  .zavod2 {
    width: 180px;
    height: 180px;
  }
}
/*ACTIVITY END*/

/*CERTIFICATY BEGIN*/
.certificaty {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  background: url(../../../images/about_us/certificaty/certificaty_bg.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.certificaty_title {
  background: url(../../../images/about_us/certificaty/certificaty_title_bg.png) 0 0 no-repeat; 
  background-size: contain;
  padding: 9px 0px 9px 17px;
  font-size: 26px;
  margin-top: 10px;
}

.certificaty_wrap {
  padding: 20px;
  text-indent: 30px;
  line-height: 1.5;
  text-align: justify;
}

.articleFirstCertificaty,
.articleSecondCertificaty,
.articleThirdCertificaty {
  display: -webkit-flex; 
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.articleThirdCertificaty {
  margin-bottom: 0;
}

.textFirstCertificaty,
.textSecondCertificaty,
.textThirdCertificaty {
display: -webkit-flex; /
-webkit-align-items: center;
display: flex;
align-items: center;
width: 70%;
}

.imgCenter {
  width: 200px!important;
  height: auto;
  margin-right: 5%;
  display: -webkit-flex; /
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}

.imgFirstCertificaty {
  background: url(../../../images/about_us/certificaty/imgFirstCertificaty.png) no-repeat;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.imgSecondCertificaty {
  background: url(../../../images/about_us/certificaty/imgSecondCertificaty.png) no-repeat;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.imgThirdCertificaty {
  background: url(../../../images/about_us/certificaty/imgThirdCertificaty.png) no-repeat;
  background-size: cover;
  width: 200px;
  height: 200px;
}

@media only screen and (max-width: 870px) {
  .certificaty {
    font-size: 16px;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .certificaty_title {
    padding: 8px 0px 8px 16px;
    font-size: 23px;
  }

  .certificaty_wrap {
    padding: 10px;
  }

  .imgFirstCertificaty,
  .imgSecondCertificaty,
  .imgThirdCertificaty {
  width: 170px;
  height: 170px;
  }
}

  @media only screen and (max-width: 480px) {
  .certificaty {
    font-size: 14px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }

  .certificaty_title {
    padding: 7px 0px 7px 14px;
    font-size: 20px;
  }

  .articleFirstCertificaty,
  .articleSecondCertificaty,
  .articleThirdCertificaty {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
            margin-bottom: 20px;
  }

  .articleThirdCertificaty {
    margin-bottom: 0;
  }

  .imgCenter {
    width: 250px!important;
    margin: 0 auto;
  }

  .imgFirstCertificaty,
  .imgSecondCertificaty,
  .imgThirdCertificaty {
    width: 250px;
    height: 250px;
    margin-bottom: 10px;
  }

  .textFirstCertificaty,
  .textSecondCertificaty,
  .textThirdCertificaty {
    width: 100%;
  }
}

@media only screen and (max-width: 360px) {
  .certificaty {
    font-size: 12px;
    padding-top: 10px !important;
  }

  .certificaty_wrap {
    text-indent: 15px;
  }

  .certificaty_title {
    padding: 6px 0px 6px 12px;
    font-size: 17px;
  }

 .imgCenter {
    width: 180px!important;
  }

  .imgFirstCertificaty,
  .imgSecondCertificaty,
  .imgThirdCertificaty {
    width: 180px;
    height: 180px;
  }
}

@media only screen and (max-width: 300px) {
  .certificaty {
    font-size: 10px;
  }

  .certificaty_title {
    padding: 5px 0px 5px 10px;
    font-size: 14px;
  }

  .imgCenter {
    width: 180px!important;
  }

  .imgFirstCertificaty,
  .imgSecondCertificaty,
  .imgThirdCertificaty {
    width: 180px;
    height: 180px;
  }
}
/*CERTIFICATY END*/

/*PRODUCT BEGIN*/
.container {
  position: relative;
  max-width: 1027px;
  min-width: 220px;
  margin: 0 auto;
  padding: 0 2%;
}

.product {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.product_title {
  background: url(../../../images/product/product_title_bg.png) 0 0 no-repeat;
  background-size: contain;
  padding: 9px 0 9px 17px;
  font-size: 26px;
  margin-top: 10px;
}

.product_wrap {
  padding: 20px;
}

.articleProduct__text {
  text-align: justify;
  text-indent: 30px;
  line-height: 1.5;
}

.text__list {
  text-indent: 0;
  text-align: left;
  padding-left: 50px;
  list-style: circle;
}

.airs {
  text-indent: 0;
  text-align: center;
}

.airs img {
  width: 60%;
}

.articleProduct__img {
  display: -webkit-flex;
  -webkit-justify-content: center;
  display: flex;
  justify-content: center;
  margin: 30px 0;
}

.articleProduct__img p {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
  color: #465B8C;
}

.articleProduct__img i {
  color: #fbc30f;
}

.forTruck p {
  margin-top: 10px;
}

.forTruck {
  margin-right: 25px;
  cursor: pointer;
  text-align: center;
}

.forTruck img {
  margin-top: 40px;
}

.forTrailler {
  margin-left: 25px;
  cursor: pointer;
  text-align: center;
}

@media only screen and (max-width: 870px) {
  .product {
    font-size: 16px;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .product_title {
    padding: 8px 0px 8px 16px;
    font-size: 23px;
  }

  .product_wrap {
    padding: 10px;
  }

  .forCab {
    margin-right: 12px;
  }

  .forTrailer {
    margin-left: 12px;
  }
}

@media only screen and (max-width: 670px) {

  .articleProduct__img {
    display: block;
  }

  .forTruck {
    margin-bottom: 50px;
  }

  .forTruck img {
    margin-top: 0;
  }

  .forTruck p {
    margin-top: 0;
  }

  .airs img {
    width: 80%;
  }
}

@media only screen and (max-width: 480px) {
  .product {
    font-size: 14px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }

  .product_title {
    padding: 7px 0 7px 14px;
    font-size: 20px;
  }

  .airs img {
    width: 100%;
  }

  .forTruck {
    margin-right: 0;
  }

  .forTrailler {
    margin-left: 0;
  }
}

@media only screen and (max-width: 360px) {
  .product {
    font-size: 12px;
    padding-top: 10px!important;
  }

  .product_title {
    padding: 6px 0 6px 12px;
    font-size: 17px;
  }

  .articleProduct__text {
    text-indent: 15px;
    line-height: 1.4;
  }

  .text__list {
    padding-left: 30px;
  }

  .articleProduct__img img {
    width: 80%;
  }

  .articleProduct__img p {
    font-size: 16px;
  }

  .forTruck {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 300px) {
  .product {
    font-size: 10px;
  }

  .product_title {
    padding: 5px 0 5px 10px;
    font-size: 14px;
  }

  .articleProduct__img p {
    font-size: 12px;
  }

  .articleProduct__img {
    margin: 15px 0;
  }
}
/*PRODUCT END*/

/*TRUCK BEGIN*/
.container {
  position: relative;
  max-width: 1027px;
  min-width: 220px;
  margin: 0 auto;
  padding: 0 2%;
}

.truck {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  padding-top: 30px !important;
  padding-bottom: 50px !important;
}

.truck_title {
  background: url(../../../images/product/truck/truck_title_bg.png) 0 0 no-repeat;
  background-size: contain;
  padding: 9px 0 9px 17px;
  font-size: 26px;
  margin-top: 10px;
}

.truck_wrap {
  padding: 20px;
  text-indent: 30px;
  line-height: 1.5;
  text-align: justify;
}

.imgForTruck {
  display: -webkit-flex;
  -webkit-justify-content: center;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 50px;
  font-weight: 600;
}

.imgForTruck__typeA {
  width: 250px;
  height: 250px;
  border: 2px solid #3F3F3F;
  text-indent: 0;
  text-align: center;
  margin-right: 30px;
}

.imgForTruck__typeB {
  width: 357px;
  height: 250px;
  border: 2px solid #3F3F3F;
  text-indent: 0;
  margin-left: 30px;
  text-align: center;
}

.imgForTruck__typeA img,
.imgForTruck__typeB img {
  width: 100%;
}

.textForTruck span,
.imgForTruck i {
  color: #fbc30f;
  font-weight: 600;
}

@media only screen and (max-width: 870px) {
  .truck {
    font-size: 16px;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .truck_title {
    padding: 8px 0 8px 16px;
    font-size: 23px;
  }

  .truck_wrap {
    padding: 10px;
  }

  .imgForTruck__typeA {
    width: 161px;
    height: 161px;
    margin-right: 15px;
  }

  .imgForTruck__typeA img {
    width: 100%;
  }

  .imgForTruck__typeB {
    width: 240px;
    height: 161px;
    margin-left: 15px;
  }

  .imgForTruck__typeB img {
    width: 96%;
  }
}

@media only screen and (max-width: 480px) {
  .truck {
    font-size: 14px;
    padding-top: 10px!important;
    background-size: 100% 70%;
  }

  .truck_title {
    padding: 7px 0px 7px 14px;
    font-size: 20px;
  }

  .truck_article p {
    margin-bottom: 10px;
    text-indent: 20px;
    line-height: 1.4;
  }

  .imgForTruck {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin-top: 10px;
  }

  .imgForTruck__typeA {
    width: 220px;
    height: 220px;
    margin-right: 0;
    margin-bottom: 50px;
    margin-top: 20px;
  }

  .imgForTruck__typeB {
    width: 220px;
    height: 389px;
    margin-left: 0px;
  }

  .imgForTruck__typeB img {
    width: 97%;
  }
}

@media only screen and (max-width: 360px) {
  .truck {
    font-size: 12px;
    padding-top: 10px !important;
    margin-bottom: 40px;
  }

  .truck_title {
    padding: 6px 0 6px 12px;
    font-size: 17px;
  }

  .truck_wrap {
    text-indent: 15px;
  }

  .imgForTruck {
    font-size: 14px;
  }
}

@media only screen and (max-width: 300px) {
  .truck {
    font-size: 10px;
  }

  .truck_title {
    padding: 5px 0px 5px 10px;
    font-size: 14px;
  }

  .imgForTruck {
    font-size: 12px;
  }

  .imgForTruck__typeA {
    width: 180px;
    height: 180px;
  }

  .imgForTruck__typeB {
    width: 180px;
    height: 317px;
  }
}
/*TRUCK END*/

/*TRAILLER BEGIN*/
.container {
  position: relative;
  max-width: 1027px;
  min-width: 220px;
  margin: 0 auto;
  padding: 0 2%;
}

.trailler {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  padding-top: 30px !important;
  padding-bottom: 100px !important;
}

.trailler_title {
  background: url(../../../images/product/trailler/trailler_title_bg.png) 0 0 no-repeat;
  background-size: contain;
  padding: 9px 0 9px 17px;
  font-size: 26px;
  margin-top: 10px;
}

.trailler_wrap {
  padding: 20px;
  text-indent: 30px;
  line-height: 1.5;
  text-align: justify;
}

.articleForTrailler {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.imgForTrailler {
  width: 250px;
  height: 250px;
  margin-right: 5%;
}

.imgForTrailler img {
  text-indent: 0;
  margin-left: -30px;
  width: 100%;
  border: 2px solid #3F3F3F;
}

.textForTrailler {
  width: 80%;
}

.textForTrailler p:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 870px) {
  .trailler {
    font-size: 16px;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  .trailler_title {
    padding: 8px 0px 8px 16px;
    font-size: 23px;
  }

  .trailler_wrap {
    padding: 10px;
  }

  .imgForTrailler {
    width: 160px;
    height: 160px;
  }

  .textForTrailler {
    width: 70%;
  }
}

@media only screen and (max-width: 480px) {
  .trailler {
    font-size: 14px;
    padding-top: 10px!important;
    background-size: 100% 70%;
  }

  .trailler_title {
    padding: 7px 0px 7px 14px;
    font-size: 20px;
  }

  .trailler_article p {
    margin-bottom: 10px;
    text-indent: 20px;
    line-height: 1.4;
  }

  .articleForTrailler {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }

  .imgForTrailler {
    background-size: contain;
    width: 210px;
    height: 210px;
    margin: 20px auto 30px;
  }

  .textForTrailler {
    width: 100%;
  }
}

@media only screen and (max-width: 360px) {
  .trailler {
    font-size: 12px;
    padding-top: 10px !important;
    margin-bottom: 40px;
  }

  .trailler_title {
    padding: 6px 0 6px 12px;
    font-size: 17px;
  }

  .trailler_wrap {
    text-indent: 15px;
  }

  .imgForTrailler img {
    text-indent: 0;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 300px) {
  .trailler {
    font-size: 10px;
  }

  .trailler_title {
    padding: 5px 0px 5px 10px;
    font-size: 14px;
  }

  .imgForTrailler {
    width: 180px;
    height: 180px;
  }
}
/*TRAILLER END*/

/*GALLERY BEGIN*/
.galary__underVideo {
  width: 90%;
  margin: 0 5%;
  margin-bottom: 50px;
}

@media only screen and (max-width: 870px) {
  .galary__underVideo {
   width: 100%;
   margin: 0;
   padding: 0 15px;
   box-sizing: border-box;
   margin-bottom: 10px;
 }
}
/*GALLERY END*/

/*CONTACT BEGIN*/
.pageContact {
  padding-top: 30px !important;
  font-family: Helvetica, sans-serif;
}

.pageContact__title {
  background: url(../../../images/contact/pageContact__titleBg.png) 0 0 no-repeat;
  background-size: contain;
  padding: 9px 0px 9px 17px;
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pageContent__wrap {
  padding: 20px;
}

.pageContact__rowFirst {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 50px
}

.rowFirst__contact {
  width: 27%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around;
}

.contact__adress,
.contact__mail {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center
}

.contact__mail img {
 /* margin-right: 8%;*/
}

.adressText,
.mailText {
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  text-align: center;
  line-height: 1.5;
}

.rowFirst__imgs {
  width: 73%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around
}

.img1 {
  background: url(../../../images/contact/imgsImg_1.jpg) 0 0 no-repeat;
  background-size: cover;
}

.img2 {
  background: url(../../../images/contact/imgsImg_2.jpg) 0 0 no-repeat;
  background-size: cover;
}

.img1,
.img2 {
  width: 47%;
  border: 4px solid #fbc30f;
}

.pageContact__rowSecond {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between
}

.rowSecond__mapIcon {
  width: 27%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center
}

.rowSecond__mapIcon img {
  width: 90%;
}

/*.map*/
.moduletable {
  width: 73%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center
}

#wrap-contact-form109,
#wrap-contact-form112,
#wrap-contact-form113 {
  width: 100%;
}

.sscf-form .sscf-input {
  border: 1px solid #282828;
}

@media only screen and (max-width: 991px) {
  .pageContact {
    padding-top: 30px !important;
  }

  .adressText,
  .mailText {
    font-size: 14px;
  }
}

@media only screen and (max-width: 800px) {
  .contact__mail img {
   /* margin-right: 5%;*/
  }
}

@media only screen and (max-width: 870px) {
  .pageContact {
    padding-top: 20px !important;
  }

  .pageContact__title {
    padding: 8px 0px 8px 16px;
    font-size: 23px;
  }

  .pageContent__wrap {
    padding: 10px;
  }

  .pageContact__rowFirst {
    /*display: block;*/
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
  }

  .rowFirst__imgs {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
  }

  .rowFirst__contact {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .contact__adress,
  .contact__mail {
    width: 50%;
  }

  .contact__mail img {
   /* margin-right: 0;*/
  }
}

@media only screen and (max-width: 480px) {
  .pageContact {
    padding-top: 10px !important;
  }

  .pageContact__title {
    padding: 7px 0px 7px 14px;
    font-size: 20px;
  }

  .pageContent__wrap {
    padding: 10px;
  }

  .rowFirst__imgs {
   /* display: block;*/
     -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
     height: 525px;
     margin-bottom: 0;
  }

  .rowFirst__imgs .img1,
  .rowFirst__imgs .img2 {
    width: 100%;
    height: 250px;
  }

  .rowFirst__contact {
    /*display: block;*/
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
  }

  .contact__adress,
  .contact__mail {
    width: 100%;
    margin-top: 15px;
  }

  .pageContact__rowFirst {
    margin-bottom: 25px;
  }

  .contact__adress img,
  .contact__mail img {
    width: 65px;
    height: 65px;
  }

    .contact__mail img {
   /* margin-right: 6%;*/
  }

  .adressText,
  .mailText {
    font-size: 13px;
  }

  .pageContact__rowSecond {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
  }

  .rowSecond__mapIcon {
    width: 100%;
    margin-bottom: 30px;
  }

  .rowSecond__mapIcon img {
    width: 60%;
  }

/*.map*/
  .moduletable {
    width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .pageContact__title {
    padding: 6px 0px 6px 12px;
    font-size: 17px;
    margin-bottom: 20px;
  }

  .pageContent__wrap {
    padding: 5px;
  }

  .contact__adress img,
  .contact__mail img {
    width: 60px;
    height: 60px;
  }

  .adressText,
  .mailText {
    font-size: 12px;
  }
}
@media only screen and (max-width: 360px) {
  .pageContact__title {
    padding: 5px 0px 5px 10px;
    font-size: 14px;
  }

  .pageContent__wrap {
    padding: 2px;
  }
}

#wrap-contact-form109 .rf_submit,
#wrap-contact-form112 .rf_submit,
#wrap-contact-form113 .rf_submit {
  background: #fbc30f!important;
}

#wrap-contact-form109 .rf_submit:hover,
#wrap-contact-form112 .rf_submit:hover,
#wrap-contact-form113 .rf_submit:hover {
  background: #000!important;
}

.rf_submit {
  font-family: Helvetica, sans-serif;
  font-weight: 600;
  color: #000!important;
}

.rf_submit:hover {
  color: #fbc30f!important;
}

@media only screen and (max-width: 870px) {
  #wrap-contact-form109 .rf_submit,
  #wrap-contact-form112 .rf_submit,
  #wrap-contact-form113 .rf_submit {
    border-radius: 4px!important;
  }
}


@media only screen and (max-width: 480px) {
  .sscf-form .fl_label {
    font-size: 12px;
  }

  .rf_submit {
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  #wrap-contact-form109 .rf_submit,
  #wrap-contact-form112 .rf_submit,
  #wrap-contact-form113 .rf_submit {
    width: 100%;
  }
}
/*CONTACT END*/

/*ANIMATION BEGIN*/
.like img {
  cursor: pointer;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  animation-duration: 2s;
}

.js-animation {
  cursor: pointer;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
  animation-duration: 1s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  animation-duration: 2s;
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  animation-duration: 2s;
}
/*ANIMATION END*/

/*# sourceMappingURL=styles.css.map */