@font-face {
     font-family: 'AvantGardeCE-Light';
     src: url('../font/FONTS/AvantGardeCE-Light.eot');
     src: url('../font/FONTS/AvantGardeCE-Light.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Light.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Light.ttf') format('truetype');
 }
 
 @font-face {
     font-family: 'AvantGardeCE-Book';
     src: url('../font/FONTS/AvantGardeCE-Book.eot');
     src: url('../font/FONTS/AvantGardeCE-Book.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Book.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Book.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Demi';
     src: url('../font/FONTS/AvantGardeCE-Demi.eot');
     src: url('../font/FONTS/AvantGardeCE-Demi.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Demi.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Demi.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Medium';
     src: url('../font/FONTS/AvantGardeCE-Medium.eot');
     src: url('../font/FONTS/AvantGardeCE-Medium.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Medium.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Medium.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeGothic-Demi';
     src: url('../font/FONTS/AvantGardeGothic-Demi.eot');
     src: url('../font/FONTS/AvantGardeGothic-Demi.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeGothic-Demi.woff') format('woff'), url('../font/FONTS/AvantGardeGothic-Demi.ttf') format('truetype');
 }

 section.content {
     padding-top: 70px;
     padding-bottom: 40px;
 }

 .com-intro {
     margin-bottom: 30px;
     margin-top: 30px;
     line-height: 170%;
 }

 .com-product {
     padding: 40px 20px 70px 20px;
 }

 .com-product .product {
     margin-bottom: 15px;
 }

 .com-product .title {
     margin-bottom: 15px;
 }

 .com-line {
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .com-row.vertical {
     padding: 100px 0;
 }

 .com-row.vertical2 {
     padding: 100px 0;
     margin: 20px 0;
 }

 .com-row.vertical2 .copy {
     padding-left: 45px;
 }

 .com-row.horizontal {
     padding: 50px 0;
     margin: 10px 0;
 }

 .com-row.horizontal2 {
     padding: 50px 0 90px 0;
     margin: 10px 0;
 }

 .com-lg-swiper {
     padding: 50px 0 100px 0;
 }

 .com-lg-swiper .swiper-slide:first-child {
     opacity: 0;
 }

 .com-tab {
     padding: 70px 0 60px 0;
 }

 .com-store a {
     margin-right: 10px;
 }

 @media (max-width: 991px) and (min-width: 576px) {
     section.content {
         padding-top: 20px;
     }

     .com-product {
         padding: 30px 20px 50px 20px;
     }

     .com-row.vertical {
         padding: 70px 0;
     }

     .com-row.vertical2 {
         padding: 30px 0 40px 0;
     }

     .com-row.horizontal {
         padding: 30px 0;
     }

     .com-row.horizontal2 {
         padding: 30px 0 60px 0;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .com-lg-swiper {
         padding: 50px 0;
     }

     .com-row.vertical2 .copy {
         padding-left: 20px;
     }
 }

 @media (max-width: 767px) {
     .com-row.vertical2 .row {
         -webkit-box-direction: reverse;
         -moz-box-direction: reverse;
         -webkit-box-orient: vertical;
         -moz-box-orient: vertical;
         -webkit-flex-direction: column-reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
     }

     .com-row.vertical2 .copy {
         padding-left: 0;
         padding-right: 0;
     }
 }

 @media (min-width: 576px) and (max-width: 767px) {
     .com-row .copy {
         margin-bottom: 80px;
     }

     .com-row.vertical2 .copy {
         margin-bottom: 80px;
     }

     .com-video {
         padding: 50px 0;
     }

     .com-lg-swiper {
         padding: 50px 0 30px 0;
     }
 }

 @media (max-width: 575px) {
     .com-intro {
         margin-top: 20px;
         margin-bottom: 30px;
     }

     .com-line {
         margin-top: 20px;
     }

     .com-row.vertical {
         margin: 50px 0 70px 0;
         padding: 0;
     }

     .com-row.vertical .btn.outline {
         margin-bottom: 20px;
     }

     .com-row.horizontal {
         margin: 10px 0 30px 0;
         padding: 0;
     }

     .com-row.horizontal2 {
         margin: 20px 0 50px 0;
         padding: 0;
     }

     .com-row.vertical2 {
         padding: 20px 0 70px 0;
         margin: 10px 0;
     }

     section.content {
         padding-top: 20px;
         padding-bottom: 50px;
     }

     .com-product {
         padding: 10px 20px 30px 20px;
     }

     .com-tab {
         padding-bottom: 0;
     }

     .com-lg-swiper {
         padding-bottom: 30px;
     }
 }