@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.about-video .video-box figure img {
    max-width: 572px;
}

.accordion-list {
    margin-bottom: 30px;
}

.accordion-header a {
    text-decoration: none;
    color: #000;
    margin-bottom: 5px;
    border-bottom:1px solid #606060
}

.accordion-header h5 {
    font-weight: 500;
    font-size: 1.3vw;
    margin-bottom:1vw;
}

.accordion-header i {
    margin-right: 15px;
}

.accordion-body {
    color: #606060;
    line-height: 1.7;
    margin-bottom: 2.5vw;
    font-size: 1.1vw;
}

.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f146";
    float: right;
    color: inherit;
}
.accordion-header .collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f0fe";
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 15px;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #fff;
}

.separator:not(:empty)::before {
  margin-right: .55em;
  margin-left: 30%;
}

.separator:not(:empty)::after {
  margin-left: .55em;
  margin-right: 30%;
}

.btn-contact-white {
    background-color: #fff !important;
    color: #20356E !important;
}
.btn-contact-white:hover {
    background-color: #fff;
    color: #20356E;
}




.border-radius-15 {
    border-radius: 15px;
}


.border-radius-25 {
    border-radius: 25px;
}

.text-black {
    color: #000;
}

.kelebihan {
    position: absolute;
    bottom: 45px;
    left: 75px;
    color: #fff;
}

.cover-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.kelebihan h6 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

.card-capai {
    background: transparent;
    border: none;
    margin-top: -60px;
    text-align: center;
}

.card-capai h1 {
    color: #1F4389;
    font-weight: 700;
}

.card-capai span {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

.card-katalog {
    background-color: #20356E;
    border-radius: 10px;
}
.card-katalog:hover{
    width: calc(100% + 15px);
}
.card-katalog:hover .title{
    font-size: 1.8vw;
}

.card-katalog .img-top {
    position: relative;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.card-katalog .title {
    position: absolute;
    left: 20px;
    color: #fff;
    bottom: 20px;
    font-weight: 600;
    font-size: 1.3vw;
}

.card-katalog .card-body {
    text-align: left;
}

.card-body.katalog span {
    font-size: 1.5vh;
    font-weight: 600;
}

.card-solution {
    padding: 5px 20px;
    height: 13rem;
    background-color: #F1F9FF;
    border-radius: 15px;
    border: none;
    position: relative;
}

.card-solution-mobile {
    padding: 5px 20px;
    /* height: 13rem; */
    background-color: #F1F9FF;
    border-radius: 15px;
    border: none;
    position: relative;
}

.divider-right {
    position: absolute;
    width: 7px;
    height: 90%;
    background-color: #20356E;
    left: 0;
    border-radius: 15px;
    bottom: 10px;
}

.divider-bottom {
    position: absolute;
    width: 95%;
    height: 4px;
    background-color: #20356E;
    left: 7px;
    border-radius: 15px;
    bottom: 0px;
}

.card-solution .solution-info {
    font-size: 24px;
    font-weight: 600;
}

.card-solution-mobile .solution-info-mobile {
    font-size: 18px;
    font-weight: 600;
}

.card-solution .info {
    font-size: 22px;
    font-weight: 500;
    color: #686868;
}

.card-solution .card-footer,
.card-solution-mobile .card-footer {
    background-color: transparent;
    border: none;
    padding: 1.25rem;
}

.card-solution .card-footer a {
    float: right;
}

.bullet-rounded {
    border-radius: 50%;
}

.icon-img {
    position: relative;
}

.icon-img .icon-kutip {
    position: absolute;
    right: -5px;
    bottom: 25px;
}

.card-testimonial {
    width: 100%;
    padding: 100px 35px;
    border: none;
    background-color: #F1F9FF;
    border-radius: 25px;
}

.object-fit-cover {
  object-fit: cover;
}

body {
    font-family: poppins;
}

.row--0 {
    margin-left: -0px;
    margin-right: -0px;
}

.row--0>[class*="col"] {
    padding-left: 0px;
    padding-right: 0px;
}

.pt-6 {
    padding-top: 5rem !important;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.fullWidth {
    width: 100%;
}

.margin-top-image-header {
    margin-top: 90px;
}


/* NAVBAR STICKY */
.navbar-sticky {
    background: white;
    box-shadow: 0 1px 10px -2px black;
    -webkit-box-shadow: 0 1px 10px -2px black;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 1px 10px -2px black;
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}


/* NAVBAR */
.navbar-center ul li {
    margin: 10px;
}

.navbar-light .navbar-nav .nav-link {
    color: #1D4388;
    text-transform:capitalize;
    font-size: 1.2vw;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link.active {
    font-weight: 700;
    color: #1D4388;
}

.navbar-transparent .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:hover {
    font-weight: 700;
    color: #1D4388;
}


.navbar-expand-md {
    padding-top: 15px;
}


/* navbar about */
.navbar-transparent {
    background-color: transparent;
    border: none;
    color: white;
    z-index: 999;
    margin-top: 0px;
}

.navbar-transparent .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
}

.navbar-transparent .form-search {
    background-color: transparent;
}

.btn {
    background-color: #1F4389;
    border: none;
    color: white;
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer;
}

/* Darker background on mouse-over */
.btn-contact:hover {
    background-color: #386BCF;
    color: #fff;
}

.form-search {
    text-align: center;
    height: 3vw;
    position: relative;
    width: 100%;
    /*max-width: 450px;*/

    overflow: hidden;
    background-color: transparent;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0;
}

.form-search input {
    position: relative;
    font-weight: 400;
    line-height: 50px;
    border: 0.15vw solid #204288;
    outline: none;
    background-color: #FFF;
    margin-bottom: 0;
    text-transform: inherit;
    font-size: 16px;
    display: inline-block;
    appearance: none;
    border-radius: 50px;
    padding: 10px 10px 10px 20px;
    width: 100%;
}

.form-search input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCE0FD;
    opacity: 1;
    /* Firefox */
    font-size: 1vw
}

.form-search input:focus {
    border: 1px solid #3A6FB6 !important;
    outline: none !important;
}

.form-search button {
    position: absolute;
    top: 0.3vw;
    right: 0.4vw;
    background: linear-gradient(0deg, #025F92 0%, #1D4388 100%);
    color: #FFF;
    border-radius: 50%;
    font-size: 1.5vw;
    cursor: pointer;
    border: none;
    width: 2.5vw;
}




/* HEADER */

.section-banner {
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
    left: 0;
}
.owl-nav button.owl-next {
    right: 0;
}

.hero-label{
    background: linear-gradient(90deg, #025F92 0%, #023681 100%);
}
.hero-label-content.highlighted-box {
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 1.5vw 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.3vw;
}
.hero-label-content .highlighted-box-title p {
    color: #FFF;
    margin-bottom:0;
}

.img-hero{
    height: 40vw;
    background-size: cover;
    border-radius: 45px;
}
.img-hero.suggest {
    min-height: 33vw;
    height: auto;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.section-title{
    color: #204288;
    font-size: 2.5vw;
    font-weight: 600;
    margin-bottom:2vw;
}
.section-title.white{
    color: #FFF;
}
.section-content-title{
    font-size: 2.2vw;
    font-weight: 600;
    line-height: 3vw;
    margin-bottom: 1.5vw;
    margin-top:4vw;
}
.section-content-description{
    font-size: 1.2vw;
    color: #000;
    line-height: 2.2vw;
    margin-bottom:5vw;
    width:35vw;
    font-weight: 400;
}
.section-cta{
    background-color: #23B33A;
    border-radius: 50px;
    padding: 0.7vw 1.3vw;
    font-size: 1vw;
}
.section-btn{
    background: linear-gradient(90deg, #025F92 0%, #023681 100%);
    border-radius: 50px;
    padding: 0.7vw 3vw;
    font-size: 1vw;
}
.section-testimony{
    background: linear-gradient(90deg, #025F92 0%, #023681 100%);
    height:100vh;
    padding:8vw 0;
}

.product-title {
    color: #204288;
    text-align: center;
    margin-top: 1vw;
    font-size: 1.5vw;
    font-weight: 500;
}
.swiper-slide:hover .product-title{
    font-weight: 600;
}
/*.swiper-slide:hover .cover-background{*/
/*    height:calc(40vw + 15px) !important;*/
/*}*/
.pointer{
    cursor: pointer;
}

.btn-prev-product:after,
.btn-prev-katalog:after{
    font-family:'FontAwesome';
    content:"\f0d9";
    color:#3A6FB5;
    font-size: 3vw;
}
.btn-next-product:after,
.btn-next-katalog:after{
    font-family:'FontAwesome';
    content:"\f0da";
    color:#3A6FB5;
    font-size: 3vw;
}
.btn-prev-product,
.btn-prev-katalog{
    left: -30px !important;
}
.btn-next-product,
.btn-next-katalog{
    right: -30px !important;
}

.content-banner-text h1 {
    font-size: 36px;
    font-weight: bold;
}

.content-banner-text h2 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 30px;
}


/* SECTION PRODUCT */
.section-product-content {
    position: relative;
}

.filter-product {
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 35px;
    margin: 0 auto 24px;
    z-index: 30;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter-product i {
    margin-right: 5px;
}



/* SECTION IMAGE CATEGORY */



.section-product-content span {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 999;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.slider-header-content h6 {
    color: #3A6FB6;
    font-size: 28px;
    font-weight: bold;
}

.swiper-button-next {
    right: -50px;
    border: none;
}

.swiper-button-prev {
    left: -50px;
    border-color: transparent;
}

.childHover {
    -webkit-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 0.5) !important;
    -o-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 0.5) !important;
    transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 0.5) !important;
    width: 100%;
}

.bottomShadow {
    -webkit-box-shadow: inset 0 -150px 90px -50px rgba(0, 0, 0, 1) !important;
    box-shadow: inset 0 -80px 30px -50px rgba(0, 0, 0, 1) !important;
}

.style-image {
    background-size: cover !important;
    background-position: center;
    padding-bottom: 100%;
    width: 100%;
    position: relative;
}

.swiper-container-image-lg,
.swiper-container-image-md,
.swiper-container-image-sm {
    overflow: hidden;
}

.swiper-container-image-lg .swiper-slide span,
.swiper-container-image-md .swiper-slide span,
.swiper-container-image-sm .swiper-slide span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px 10px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 1vw;
}


.section-image-slider {
    margin-bottom: 150px;
}

.section-pricelist {
    background-color: #3A6FB6;
    height: 280px;
}

.pricelist-content img {
    margin-top: -110px;
}

.heading-content-pricelist {
    color: #fff;
    font-weight: bold;
    font-size: 2vw;
    margin-bottom: 15px;
}
.btn-pricelist {
    background: linear-gradient(90deg, #025F92 0%, #1D4388 100%);
    border-radius: 50px;
    font-size: 1.2vw !important;
    font-weight: 500 !important;
    width: 12vw !important;
    height: 3vw !important;
}

.content-pricelist {
    width: 100%;
}

.input-control {
    width: 100%;
    padding: .375rem .75rem;
    /*margin-bottom: 5%;*/
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-right: 15px;
}

.input-control:focus {
    border: 1px solid #3A6FB6 !important;
    outline: none !important;
    /*text-align: center;*/
}

.input-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCE0FD;
    opacity: 1;
    /* Firefox */
    font-size: 16px;
    /*text-align: center;*/
}

.btn-download {
    height: 40px;
    width: 150px;
    padding: 0 0 0 0;
    font-size: 12px;
    font-weight: bold;
}

.content-testimonial {
    padding-left: 15%;
    padding-top: 15%;
    width: 100%;
}

.content-testimonial p {
    width: 85%;
}

.swiper-container-testimonial {
    overflow: hidden;
    color: #000;
}

.swiper-container-testimonial h5 {
    font-size: 14px;
    font-weight: bold;
}

.swiper-container-testimonial h6 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 25px;
}

.swiper-container-testimonial p {
    font-size: 14px;
    font-weight: 300;
}

.swiper-pagination {
    top: 88%;
}

.swiper-pagination-bullet {
    padding: 1px;
    margin-right: 15px;
}

.swiper-pagination-bullet-active:before {
    background-color: #3A6FB6;
    border: #3A6FB6;
    border-radius: 50%;
}

.swiper-pagination-bullet-active {
    background-color: #3A6FB6;
    border: #3A6FB6;
}

.heading-menu {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 20px;
}
.section-footer{
    background: linear-gradient(90deg, #025F92 0%, #023681 100%);
    color: #FFF;
    padding-top: 8vw;
}
.section-footer .heading-menu {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top:15px;
}
.footer-desc{
    color:#FFF;
}
.ft-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #FFF;
}

.ft-menu-list li a {
    color: #FFF;
}

.list-menu-social li {
    margin-right: 20px;
}

.list-menu-social li a i {
    font-size: 24px;
    color: #3A6FB6;
}

.list-menu-social li a i:hover {
    color: #1F4389;
}

.flow-img img {
    background-size: cover;
    background-position: center;
    object-fit: cover;
    width: 100%;
}

.header-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}


/* MENU */


.dropdown-menu {
    width: 100%;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1F4389;
    color: #fff;
    border: none;
}

/*.dropdown:hover .dropdown-menu {
  -moz-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  z-index: 100;
  display: block;
}*/

.dropdown .dropdown-menu .dropdown-item {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 15px 10px;
    border-radius: 0;
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #386BCF;
}

@media only screen and (min-width: 992px) {
    .navbar-nav>li.has-dropdown>ul.dropdown-menu {
        width: 190px;
        min-width: 190px;
        padding: 10px 0;
        background-color: white;
        margin: 0;
    }
}

.navbar-nav>li>.menu-item:before {
    display: block;
}

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

    .navbar-nav>li>a.dropdown-toggle:after {
        content: "+";
        display: inline-block;
        margin: 0;
        padding: 0;
        border: none;
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 16px;
        font-weight: 400;
    }
}




/* breadcrumb */

.breadcrumb {
    background-color: #1F4389;
    width: 100%;
    border-radius: 0;
}

.breadcrumb-inner {
    position: relative;
    height: 300px;
}

.breadcrumb-inner .product-list-content-lg img {
    left: 710px;
    top: 30px;
    position: absolute;
}

.breadcrumb-inner .product-list-content-lg h1 {
    color: #fff;
    font-size: 242px;
    font-weight: bold;
    position: absolute;
    top: 105px;
    left: -150px;
    opacity: 0.1;
}




/* Product List */

.responsive {
    width: 100%;
    height: auto;
}

.pr-sidebar .widget-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.pr-sidebar .category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pr-sidebar .category-list li {
    color: #000;
}

.pr-sidebar .category-list li a {
    color: #000;
}

.pr-sidebar .category-list li a:hover {
    color: #3A6FB6;
    text-decoration: none;
}

.pr-sidebar .category-list li a.active {
    color: #3A6FB6;
}

/* PRODUCT CATEGORY */
.header-product {
    font-size: 32px;
    font-weight: bold;
}


/* PRODUCT DETAILS */

.product-details {
    margin-top: 120px;
}

.product-grid h6 a {
    color: #1F4389;
}

.btn-perfect {
    background-color: #fff;
    border: 1px solid #3A6FB6;
    border-radius: 7px;
    padding: .375rem .75rem;
    color: #000;
    font-size: 14px;
    pointer-events: none !important;
}

.product-perfect h6 {
    color: #000;
    font-weight: bold;
}

.product-details .product-title h2 {
    color: #1F4389;
    font-weight: bold;
    font-size: 42px;
}

.product-details .product-desc {
    color: #000;
    font-size: 14px;
}

.products-gallery-carousel {
    position: relative;
}

.products-gallery-carousel-1 .products-slider {
    padding-right: 50px;
}


.owl-carousel {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.owl-carousel,
.owl-carousel .owl-item,
.owl-theme .owl-controls {
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-item {
    width: 100%;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.products-gallery-carousel .owl-carousel .owl-item img {
    width: auto;
    margin: auto;
    max-width: 100%;
}

.owl-carousel .owl-item img {
    width: 100%;
}

.owl-nav.disabled {
    display: none;
}

.products-gallery-carousel-1 .owl-thumbs {
    position: absolute;
    top: 0;
    right: 45px;
    z-index: 3;
    max-width: 50px;
}

.products-gallery-carousel-1 .owl-thumbs .owl-thumb-item {
    display: block;
    margin-bottom: 15px;
}

.owl-thumbs .owl-thumb-item {
    padding: 0;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    opacity: 0.7;
    cursor: pointer;
    margin-left: 18px;
}

.owl-thumbs .owl-thumb-item img {
    max-width: 80px;
}

.size-comparison-title h2 {
    color: #1F4389;
    font-weight: bold;
    font-size: 32px;
}

.size-comparison-content img {
    width: 100%;
}


/* new css */
:root {
    --primary-text: #192a4e;
    --secondary-text: #d4b754;
    --white-text-white: #ffffff;
    --black-text-black: #000000;
    /* --gray-text: #464646;
      --light-white: #c8c8c8; */
  }
.testimonial-wrapper .swiper-wrapper {
    align-items: center;
}
.testimonial-wrapper .swiper-slide {
    background-position: center;
    background-size: cover;
    /* width: 40vw !important; */
    height: 20vw;
    position: relative;
}
.testimonial-wrapper .swiper-slide:not(.swiper-slide-active) {
    filter: contrast(1) blur(2px);
    width: 100%;
    min-height: 23vw;
    height: auto;
    object-fit: cover;
}
.testimonial-wrapper .swiper-slide-active {
    filter: contrast(1) blur(0px) !important;
    margin-right: 2vw;
}
.testimonial-wrapper .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    display: flex;
    gap:5vw;
    margin-top:2vw;
}

.section-testimony .section-title{
    margin-bottom:3vw !important;
}
.section-testimony .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .section-testimony .swiper-slide {
    height: auto;
    text-align: center;
    border-radius: 40px;
    padding: 5vw 4vw 3vw 4vw;
    background: #FFF;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    min-height: 23vw;
}   
  
.section-testimony .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
.section-testimony .swiper.testimonial-wrapper {
    padding-top: 59px;
    padding-bottom: 60px;
}
  
.testimonial-items .testimonial-text {
    color: #000;
    text-align: left;
    font-size: 1.3vw;
    font-weight: normal;
    font-style: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5;
}
  
.testimonial-items .testimonial-title {
    color: #1D4388;
    text-align: left;
    font-size: 1.3vw;
    /* font-family: "Outfit"; */
    font-weight: bold;
    font-style: normal;
    margin-bottom: 35px;
    position: relative;
}
.testimonial-title .testimonial-desc{
    color:#888888;
    font-size: 1vw;
}

.testimonial-items .testimonial-title::before {
    content: "";
    position: absolute;
    left: -23px;
    top: 9px;
    width: 20px;
    height: 1px;
    background-color: var(--white-text-white);
}

.testimonial-profile{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.testimonial-profile .testimonial-title {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 1.5vw;
}
.testimonial-profile h3.testimonial-title {
    display: flex;
    flex-direction: column;
}
.testimonial-profile h3.testimonial-title span {
    font-weight: 400;
    font-size: 1.3vw;
    margin-top: 0.5vw;
}
.review-stars i {
    font-size: 1.5vw;
    color:#FFDD00;
}
.testimonial-content {
    min-height: 15vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    height: auto;
    justify-content: space-between;
}
  
.testimonial-img {
    position: relative;
} 
.testimonial-img::before {
    content: "";
    position: absolute;
    transform: translate(0vw, -8vw);
    width: 7vw;
    height: 7vw;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.swiper-slide.testimonial-items.swiper-slide-active .testimonial-img::before {
    content: "";
    position: absolute;
    transform: translate(0vw, -8.5vw);
}
.swiper-slide.testimonial-items.swiper-slide-active .testimonial-text{


}
.testimonial-img.tm-img-1::before {
    background-image: url(https://w7.pngwing.com/pngs/646/829/png-transparent-avatar-man-ico-icon-cartoon-little-boy-avatar-cartoon-character-png-material-child-thumbnail.png);
}

.quote-1{
    position:absolute;
    right:0;
    top:-2vw;
}
.quote-2{
    position:absolute;
    left:0;
    top:20vw;
}

.footer-brand .navbar-brand img{
    width: 15vw;
}
.footer-desc{
    font-size: 1.2vw;
}
.section-footer .heading-menu {
    font-size: 1.2vw;
}
.footer-menu .ft-menu-list{
    margin-top:0.5vw;
}
.footer-menu .ft-menu-list li{
    font-size: 1.2vw;
    font-weight: 300;
}
.footer-menu .ft-menu-list li i{
    width: 1vw;
}

#onload-modal img{
    display: block;
    max-width: 100%;
    height: auto;
    margin:auto;
    padding:0px;
}
.jquery-modal.blocker{
    z-index: 99999;
}
/* new css */



.product-same-title h2 {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
}

.product-same {
    margin-bottom: 280px;
}

.product-same-bg {
    background-color: #3A6FB6;
    height: 230px;
}

.product-same-all {
    /*position: relative;*/
    padding-top: 50px;
    padding-right: 0px;
    padding-left: 0px;
}

.product-same-content {
    width: 100%;
}

.swiper-container-product-same,
.swiper-container-product-same-md,
.swiper-container-product-same-sm {
    display: flex;
    overflow: hidden;
}


.swiper-container-product-same .entry--title h6 a,
.swiper-container-product-same-md .entry--title h6 a,
.swiper-container-product-same-sm .entry--title h6 a {
    color: #1F4389;
    font-weight: bold;
}

.product-header {
    font-weight: bold;
    font-size: 24px;
}

.product-same-title {
    padding-left: 21%;
}




/* ABOUT */

.section-about {
    padding-top: 250px;
    margin-top: -100px;
    background-color: #3A6FB6;
    padding-bottom: 180px;
    color: #fff;
}

.section-about .about-info {
    z-index: 99;
}

.logo-labelbox {
    background-image: url(../images/logo-labelbox.png);
    background-repeat: no-repeat;
    /*background-size: 500px;*/
    background-position: 125%, -25%;
}

.section-about .about-info h6 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.section-about .about-info h1 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
}

.section-about .about-info p {
    font-size: 14px;
}

.logo-label {
    top: -20px;
    left: 380px;
    position: absolute;
    width: 70%;
    /*max-width: 250px;*/
}

.about-video {
    position: absolute;
    top: 200px;
}

.about-video .video-box {
    position: relative;
}

.video-box .play-now {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -60%);
    -moz-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
}

.video-box .play-now .icon {
    background-color: #ffffff;
    color: #353535;
    padding-left: 0;
    font-size: 44px;
    -webkit-animation: pulse 2s infinite;
    -moz-animation: pulse 2s infinite;
    -ms-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.play-now .icon {
    position: relative;
    display: inline-block;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background-color: #040025;
    color: #ffffff;
    z-index: 1;
    padding-left: 5px;
    font-size: 24px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.play-now .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.section-find h1 {
    font-size: 18px;
    font-weight: bold;
    color: #1F4389;
}

.section-find .socials-media a {
    font-size: 24px;
    color: #3A6FB6;
    padding-right: 2%;
}

.section-find {
    margin-bottom: 150px !important;
}



/* BTN WA FIXED */
.btn-wa-fixed {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
}
.input-pricelist {
    border-radius: 50px;
    height: 3vw;
}




/*==============================
    Margin
================================*/

.margin-half-all {
    margin: .5%
}

.margin-one-all {
    margin: 1%
}

.margin-one-half-all {
    margin: 1.5%
}

.margin-two-all {
    margin: 2%
}

.margin-two-half-all {
    margin: 2.5%
}

.margin-three-all {
    margin: 3%
}

.margin-three-half-all {
    margin: 3.5%
}

.margin-four-all {
    margin: 4%
}

.margin-four-half-all {
    margin: 4.5%
}

.margin-five-all {
    margin: 5%
}

.margin-five-half-all {
    margin: 5.5%
}

.margin-six-all {
    margin: 6%
}

.margin-six-half-all {
    margin: 6.5%
}

.margin-seven-all {
    margin: 7%
}

.margin-seven-half-all {
    margin: 7.5%
}

.margin-eight-all {
    margin: 8%
}

.margin-eight-half-all {
    margin: 8.5%
}

.margin-nine-all {
    margin: 9%
}

.margin-nine-half-all {
    margin: 9.5%
}

.margin-ten-all {
    margin: 10%
}

.margin-ten-half-all {
    margin: 10.5%
}

.margin-eleven-all {
    margin: 11%
}

.margin-eleven-half-all {
    margin: 11.5%
}

.margin-twelve-all {
    margin: 12%
}

.margin-twelve-half-all {
    margin: 12.5%
}

.margin-thirteen-all {
    margin: 13%
}

.margin-thirteen-half-all {
    margin: 13.5%
}

.margin-fourteen-all {
    margin: 14%
}

.margin-fourteen-half-all {
    margin: 14.5%
}

.margin-fifteen-all {
    margin: 15%
}

.margin-fifteen-half-all {
    margin: 15.5%
}

.margin-sixteen-all {
    margin: 16%
}

.margin-sixteen-half-all {
    margin: 16.5%
}

.margin-seventeen-all {
    margin: 17%
}

.margin-seventeen-half-all {
    margin: 17.5%
}

.margin-eighteen-all {
    margin: 18%
}

.margin-eighteen-half-all {
    margin: 18.5%
}

.margin-nineteen-all {
    margin: 19%
}

.margin-nineteen-half-all {
    margin: 19.5%
}

.margin-twenty-all {
    margin: 20%
}

.margin-twenty-half-all {
    margin: 20.5%
}

.margin-twenty-one-all {
    margin: 21%
}

.margin-twenty-one-half-all {
    margin: 21.5%
}

.margin-twenty-two-all {
    margin: 22%
}

.margin-twenty-two-half-all {
    margin: 22.5%
}

.margin-twenty-three-all {
    margin: 23%
}

.margin-twenty-three-half-all {
    margin: 23.5%
}

.margin-twenty-four-all {
    margin: 24%
}

.margin-twenty-four-half-all {
    margin: 24.5%
}

.margin-twenty-five-all {
    margin: 25%
}

.margin-5px-all {
    margin: 5px
}

.margin-10px-all {
    margin: 10px
}

.margin-15px-all {
    margin: 15px
}

.margin-20px-all {
    margin: 20px
}

.margin-25px-all {
    margin: 25px
}

.margin-30px-all {
    margin: 30px
}

.margin-35px-all {
    margin: 35px
}

.margin-40px-all {
    margin: 40px
}

.margin-45px-all {
    margin: 45px
}

.margin-50px-all {
    margin: 50px
}

.margin-55px-all {
    margin: 55px
}

.margin-60px-all {
    margin: 60px
}

.margin-65px-all {
    margin: 65px
}

.margin-70px-all {
    margin: 70px
}

.margin-75px-all {
    margin: 75px
}

.margin-80px-all {
    margin: 80px
}

.margin-85px-all {
    margin: 85px
}

.margin-90px-all {
    margin: 90px
}

.margin-95px-all {
    margin: 95px
}

.margin-100px-all {
    margin: 100px
}

.no-margin {
    margin: 0 !important
}

.no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.margin-auto {
    margin: 0 auto !important;
}

/* margin top */
.margin-one-top {
    margin-top: 1%
}

.margin-one-half-top {
    margin-top: 1.5%
}

.margin-two-top {
    margin-top: 2%
}

.margin-two-half-top {
    margin-top: 2.5%
}

.margin-three-top {
    margin-top: 3%
}

.margin-three-half-top {
    margin-top: 3.5%
}

.margin-four-top {
    margin-top: 4%
}

.margin-four-half-top {
    margin-top: 4.5%
}

.margin-five-top {
    margin-top: 5%
}

.margin-five-half-top {
    margin-top: 5.5%
}

.margin-six-top {
    margin-top: 6%
}

.margin-six-half-top {
    margin-top: 6.5%
}

.margin-seven-top {
    margin-top: 7%
}

.margin-seven-half-top {
    margin-top: 7.5%
}

.margin-eight-top {
    margin-top: 8%
}

.margin-eight-half-top {
    margin-top: 8.5%
}

.margin-nine-top {
    margin-top: 9%
}

.margin-nine-half-top {
    margin-top: 9.5%
}

.margin-ten-top {
    margin-top: 10%
}

.margin-ten-half-top {
    margin-top: 10.5%
}

.margin-eleven-top {
    margin-top: 11%
}

.margin-eleven-half-top {
    margin-top: 11.5%
}

.margin-twelve-top {
    margin-top: 12%
}

.margin-twelve-half-top {
    margin-top: 12.5%
}

.margin-thirteen-top {
    margin-top: 13%
}

.margin-thirteen-half-top {
    margin-top: 13.5%
}

.margin-fourteen-top {
    margin-top: 14%
}

.margin-fourteen-half-top {
    margin-top: 14.5%
}

.margin-fifteen-top {
    margin-top: 15%
}

.margin-fifteen-half-top {
    margin-top: 15.5%
}

.margin-sixteen-top {
    margin-top: 16%
}

.margin-sixteen-half-top {
    margin-top: 16.5%
}

.margin-seventeen-top {
    margin-top: 17%
}

.margin-seventeen-half-top {
    margin-top: 17.5%
}

.margin-eighteen-top {
    margin-top: 18%
}

.margin-eighteen-half-top {
    margin-top: 18.5%
}

.margin-nineteen-top {
    margin-top: 19%
}

.margin-nineteen-half-top {
    margin-top: 19.5%
}

.margin-twenty-top {
    margin-top: 20%
}

.margin-twenty-half-top {
    margin-top: 20.5%
}

.margin-twenty-one-top {
    margin-top: 21%
}

.margin-twenty-one-half-top {
    margin-top: 21.5%
}

.margin-twenty-two-top {
    margin-top: 22%
}

.margin-twenty-two-half-top {
    margin-top: 22.5%
}

.margin-twenty-three-top {
    margin-top: 23%
}

.margin-twenty-three-half-top {
    margin-top: 23.5%
}

.margin-twenty-four-top {
    margin-top: 24%
}

.margin-twenty-four-half-top {
    margin-top: 24.5%
}

.margin-twenty-five-top {
    margin-top: 25%
}

.margin-5px-top {
    margin-top: 5px
}

.margin-10px-top {
    margin-top: 10px
}

.margin-15px-top {
    margin-top: 15px
}

.margin-20px-top {
    margin-top: 20px
}

.margin-25px-top {
    margin-top: 25px
}

.margin-30px-top {
    margin-top: 30px
}

.margin-35px-top {
    margin-top: 35px
}

.margin-40px-top {
    margin-top: 40px
}

.margin-45px-top {
    margin-top: 45px
}

.margin-50px-top {
    margin-top: 50px
}

.margin-55px-top {
    margin-top: 55px
}

.margin-60px-top {
    margin-top: 60px
}

.margin-65px-top {
    margin-top: 65px
}

.margin-70px-top {
    margin-top: 70px
}

.margin-75px-top {
    margin-top: 75px
}

.margin-80px-top {
    margin-top: 80px
}

.margin-90px-top {
    margin-top: 90px
}

.margin-100px-top {
    margin-top: 100px
}

/* margin bottom */
.margin-one-bottom {
    margin-bottom: 1%
}

.margin-one-half-bottom {
    margin-bottom: 1.5%
}

.margin-two-bottom {
    margin-bottom: 2%
}

.margin-two-half-bottom {
    margin-bottom: 2.5%
}

.margin-three-bottom {
    margin-bottom: 3%
}

.margin-three-half-bottom {
    margin-bottom: 3.5%
}

.margin-four-bottom {
    margin-bottom: 4%
}

.margin-four-half-bottom {
    margin-bottom: 4.5%
}

.margin-five-bottom {
    margin-bottom: 5%
}

.margin-five-half-bottom {
    margin-bottom: 5.5%
}

.margin-six-bottom {
    margin-bottom: 6%
}

.margin-six-half-bottom {
    margin-bottom: 6.5%
}

.margin-seven-bottom {
    margin-bottom: 7%
}

.margin-seven-half-bottom {
    margin-bottom: 7.5%
}

.margin-eight-bottom {
    margin-bottom: 8%
}

.margin-eight-half-bottom {
    margin-bottom: 8.5%
}

.margin-nine-bottom {
    margin-bottom: 9%
}

.margin-nine-half-bottom {
    margin-bottom: 9.5%
}

.margin-ten-bottom {
    margin-bottom: 10%
}

.margin-ten-half-bottom {
    margin-bottom: 10.5%
}

.margin-eleven-bottom {
    margin-bottom: 11%
}

.margin-eleven-half-bottom {
    margin-bottom: 11.5%
}

.margin-twelve-bottom {
    margin-bottom: 12%
}

.margin-twelve-half-bottom {
    margin-bottom: 12.5%
}

.margin-thirteen-bottom {
    margin-bottom: 13%
}

.margin-thirteen-half-bottom {
    margin-bottom: 13.5%
}

.margin-fourteen-bottom {
    margin-bottom: 14%
}

.margin-fourteen-half-bottom {
    margin-bottom: 14.5%
}

.margin-fifteen-bottom {
    margin-bottom: 15%
}

.margin-fifteen-half-bottom {
    margin-bottom: 15.5%
}

.margin-sixteen-bottom {
    margin-bottom: 16%
}

.margin-sixteen-half-bottom {
    margin-bottom: 16.5%
}

.margin-seventeen-bottom {
    margin-bottom: 17%
}

.margin-seventeen-half-bottom {
    margin-bottom: 17.5%
}

.margin-eighteen-bottom {
    margin-bottom: 18%
}

.margin-eighteen-half-bottom {
    margin-bottom: 18.5%
}

.margin-nineteen-bottom {
    margin-bottom: 19%
}

.margin-nineteen-half-bottom {
    margin-bottom: 19.5%
}

.margin-twenty-bottom {
    margin-bottom: 20%
}

.margin-twenty-half-bottom {
    margin-bottom: 20.5%
}

.margin-twenty-one-bottom {
    margin-bottom: 21%
}

.margin-twenty-one-half-bottom {
    margin-bottom: 21.5%
}

.margin-twenty-two-bottom {
    margin-bottom: 22%
}

.margin-twenty-two-half-bottom {
    margin-bottom: 22.5%
}

.margin-twenty-three-bottom {
    margin-bottom: 23%
}

.margin-twenty-three-half-bottom {
    margin-bottom: 23.5%
}

.margin-twenty-four-bottom {
    margin-bottom: 24%
}

.margin-twenty-four-half-bottom {
    margin-bottom: 24.5%
}

.margin-twenty-five-bottom {
    margin-bottom: 25%
}

.margin-5px-bottom {
    margin-bottom: 5px
}

.margin-10px-bottom {
    margin-bottom: 10px
}

.margin-15px-bottom {
    margin-bottom: 15px
}

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

.margin-25px-bottom {
    margin-bottom: 25px
}

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

.margin-35px-bottom {
    margin-bottom: 35px
}

.margin-40px-bottom {
    margin-bottom: 40px
}

.margin-45px-bottom {
    margin-bottom: 45px
}

.margin-50px-bottom {
    margin-bottom: 50px
}

.margin-55px-bottom {
    margin-bottom: 55px
}

.margin-60px-bottom {
    margin-bottom: 60px
}

.margin-65px-bottom {
    margin-bottom: 65px
}

.margin-70px-bottom {
    margin-bottom: 70px
}

.margin-75px-bottom {
    margin-bottom: 75px
}

.margin-80px-bottom {
    margin-bottom: 80px
}

.margin-85px-bottom {
    margin-bottom: 85px
}

.margin-90px-bottom {
    margin-bottom: 90px
}

.margin-95px-bottom {
    margin-bottom: 95px
}

.margin-100px-bottom {
    margin-bottom: 100px
}

/* margin right */
.margin-one-right {
    margin-right: 1%
}

.margin-one-half-right {
    margin-right: 1.5%
}

.margin-two-right {
    margin-right: 2%
}

.margin-two-half-right {
    margin-right: 2.5%
}

.margin-three-right {
    margin-right: 3%
}

.margin-three-half-right {
    margin-right: 3.5%
}

.margin-four-right {
    margin-right: 4%
}

.margin-four-half-right {
    margin-right: 4.5%
}

.margin-five-right {
    margin-right: 5%
}

.margin-five-half-right {
    margin-right: 5.5%
}

.margin-six-right {
    margin-right: 6%
}

.margin-six-half-right {
    margin-right: 6.5%
}

.margin-seven-right {
    margin-right: 7%
}

.margin-seven-half-right {
    margin-right: 7.5%
}

.margin-eight-right {
    margin-right: 8%
}

.margin-eight-half-right {
    margin-right: 8.5%
}

.margin-nine-right {
    margin-right: 9%
}

.margin-nine-half-right {
    margin-right: 9.5%
}

.margin-ten-right {
    margin-right: 10%
}

.margin-ten-half-right {
    margin-right: 10.5%
}

.margin-eleven-right {
    margin-right: 11%
}

.margin-eleven-half-right {
    margin-right: 11.5%
}

.margin-twelve-right {
    margin-right: 12%
}

.margin-twelve-half-right {
    margin-right: 12.5%
}

.margin-thirteen-right {
    margin-right: 13%
}

.margin-thirteen-half-right {
    margin-right: 13.5%
}

.margin-fourteen-right {
    margin-right: 14%
}

.margin-fourteen-half-right {
    margin-right: 14.5%
}

.margin-fifteen-right {
    margin-right: 15%
}

.margin-fifteen-half-right {
    margin-right: 15.5%
}

.margin-sixteen-right {
    margin-right: 16%
}

.margin-sixteen-half-right {
    margin-right: 16.5%
}

.margin-seventeen-right {
    margin-right: 17%
}

.margin-seventeen-half-right {
    margin-right: 17.5%
}

.margin-eighteen-right {
    margin-right: 18%
}

.margin-eighteen-half-right {
    margin-right: 18.5%
}

.margin-nineteen-right {
    margin-right: 19%
}

.margin-nineteen-half-right {
    margin-right: 19.5%
}

.margin-twenty-right {
    margin-right: 20%
}

.margin-twenty-half-right {
    margin-right: 20.5%
}

.margin-twenty-right {
    margin-right: 21%
}

.margin-twenty-one-half-right {
    margin-right: 21.5%
}

.margin-twenty-two-right {
    margin-right: 22%
}

.margin-twenty-two-half-right {
    margin-right: 22.5%
}

.margin-twenty-three-right {
    margin-right: 23%
}

.margin-twenty-three-half-right {
    margin-right: 23.5%
}

.margin-twenty-four-right {
    margin-right: 24%
}

.margin-twenty-four-half-right {
    margin-right: 24.5%
}

.margin-twenty-five-right {
    margin-right: 25%
}

.margin-5px-right {
    margin-right: 5px
}

.margin-10px-right {
    margin-right: 10px
}

.margin-15px-right {
    margin-right: 15px
}

.margin-20px-right {
    margin-right: 20px
}

.margin-25px-right {
    margin-right: 25px
}

.margin-30px-right {
    margin-right: 30px
}

.margin-35px-right {
    margin-right: 35px
}

.margin-40px-right {
    margin-right: 40px
}

.margin-45px-right {
    margin-right: 45px
}

.margin-50px-right {
    margin-right: 50px
}

.margin-55px-right {
    margin-right: 55px
}

.margin-60px-right {
    margin-right: 60px
}

.margin-65px-right {
    margin-right: 65px
}

.margin-70px-right {
    margin-right: 70px
}

.margin-75px-right {
    margin-right: 75px
}

.margin-80px-right {
    margin-right: 80px
}

.margin-85px-right {
    margin-right: 85px
}

.margin-90px-right {
    margin-right: 90px
}

.margin-95px-right {
    margin-right: 95px
}

.margin-100px-right {
    margin-right: 100px
}

/* margin left */
.margin-one-left {
    margin-left: 1%
}

.margin-one-half-left {
    margin-left: 1.5%
}

.margin-two-left {
    margin-left: 2%
}

.margin-two-half-left {
    margin-left: 2.5%
}

.margin-three-left {
    margin-left: 3%
}

.margin-three-half-left {
    margin-left: 3.5%
}

.margin-four-left {
    margin-left: 4%
}

.margin-four-half-left {
    margin-left: 4.5%
}

.margin-five-left {
    margin-left: 5%
}

.margin-five-half-left {
    margin-left: 5.5%
}

.margin-six-left {
    margin-left: 6%
}

.margin-six-half-left {
    margin-left: 6.5%
}

.margin-seven-left {
    margin-left: 7%
}

.margin-seven-half-left {
    margin-left: 7.5%
}

.margin-eight-left {
    margin-left: 8%
}

.margin-eight-half-left {
    margin-left: 8.5%
}

.margin-nine-left {
    margin-left: 9%
}

.margin-nine-half-left {
    margin-left: 9.5%
}

.margin-ten-left {
    margin-left: 10%
}

.margin-ten-half-left {
    margin-left: 10.5%
}

.margin-eleven-left {
    margin-left: 11%
}

.margin-eleven-half-left {
    margin-left: 11.5%
}

.margin-twelve-left {
    margin-left: 12%
}

.margin-twelve-half-left {
    margin-left: 12.5%
}

.margin-thirteen-left {
    margin-left: 13%
}

.margin-thirteen-half-left {
    margin-left: 13.5%
}

.margin-fourteen-left {
    margin-left: 14%
}

.margin-fourteen-half-left {
    margin-left: 14.5%
}

.margin-fifteen-left {
    margin-left: 15%
}

.margin-fifteen-half-left {
    margin-left: 15.5%
}

.margin-sixteen-left {
    margin-left: 16%
}

.margin-sixteen-half-left {
    margin-left: 16.5%
}

.margin-seventeen-left {
    margin-left: 17%
}

.margin-seventeen-half-left {
    margin-left: 17.5%
}

.margin-eighteen-left {
    margin-left: 18%
}

.margin-eighteen-half-left {
    margin-left: 18.5%
}

.margin-nineteen-left {
    margin-left: 19%
}

.margin-nineteen-half-left {
    margin-left: 19.5%
}

.margin-twenty-left {
    margin-left: 20%
}

.margin-twenty-half-left {
    margin-left: 20.5%
}

.margin-twenty-one-left {
    margin-left: 21%
}

.margin-twenty-one-half-left {
    margin-left: 21.5%
}

.margin-twenty-two-left {
    margin-left: 22%
}

.margin-twenty-two-half-left {
    margin-left: 22.5%
}

.margin-twenty-three-left {
    margin-left: 23%
}

.margin-twenty-three-half-left {
    margin-left: 23.5%
}

.margin-twenty-four-left {
    margin-left: 24%
}

.margin-twenty-four-half-left {
    margin-left: 24.5%
}

.margin-twenty-five-left {
    margin-left: 25%
}

.margin-5px-left {
    margin-left: 5px
}

.margin-10px-left {
    margin-left: 10px
}

.margin-15px-left {
    margin-left: 15px
}

.margin-20px-left {
    margin-left: 20px
}

.margin-25px-left {
    margin-left: 25px
}

.margin-30px-left {
    margin-left: 30px
}

.margin-35px-left {
    margin-left: 35px
}

.margin-40px-left {
    margin-left: 40px
}

.margin-45px-left {
    margin-left: 45px
}

.margin-50px-left {
    margin-left: 50px
}

.margin-55px-left {
    margin-left: 55px
}

.margin-60px-left {
    margin-left: 60px
}

.margin-65px-left {
    margin-left: 65px
}

.margin-70px-left {
    margin-left: 70px
}

.margin-75px-left {
    margin-left: 75px
}

.margin-80px-left {
    margin-left: 80px
}

.margin-85px-left {
    margin-left: 85px
}

.margin-90px-left {
    margin-left: 90px
}

.margin-95px-left {
    margin-left: 95px
}

.margin-100px-left {
    margin-left: 100px
}

/* margin left and right */
.margin-one-lr {
    margin-left: 1%;
    margin-right: 1%;
}

.margin-one-half-lr {
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.margin-two-lr {
    margin-left: 2%;
    margin-right: 2%;
}

.margin-two-half-lr {
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.margin-three-lr {
    margin-left: 3%;
    margin-right: 3%;
}

.margin-three-half-lr {
    margin-left: 3.5%;
    margin-right: 3.5%;
}

.margin-four-lr {
    margin-left: 4%;
    margin-right: 4%;
}

.margin-four-half-lr {
    margin-left: 4.5%;
    margin-right: 4.5%;
}

.margin-five-lr {
    margin-left: 5%;
    margin-right: 5%;
}

.margin-five-half-lr {
    margin-left: 5.5%;
    margin-right: 5.5%;
}

.margin-six-lr {
    margin-left: 6%;
    margin-right: 6%;
}

.margin-six-half-lr {
    margin-left: 6.5%;
    margin-right: 6.5%;
}

.margin-seven-lr {
    margin-left: 7%;
    margin-right: 7%;
}

.margin-seven-half-lr {
    margin-left: 7.5%;
    margin-right: 7.5%;
}

.margin-eight-lr {
    margin-left: 8%;
    margin-right: 8%;
}

.margin-eight-half-lr {
    margin-left: 8.5%;
    margin-right: 8.5%;
}

.margin-nine-lr {
    margin-left: 9%;
    margin-right: 9%;
}

.margin-nine-half-lr {
    margin-left: 9.5%;
    margin-right: 9.5%;
}

.margin-ten-lr {
    margin-left: 10%;
    margin-right: 10%;
}

.margin-ten-half-lr {
    margin-left: 10.5%;
    margin-right: 10.5%;
}

.margin-eleven-lr {
    margin-left: 11%;
    margin-right: 11%;
}

.margin-eleven-half-lr {
    margin-left: 11.5%;
    margin-right: 11.5%;
}

.margin-twelve-lr {
    margin-left: 12%;
    margin-right: 12%;
}

.margin-twelve-half-lr {
    margin-left: 12.5%;
    margin-right: 12.5%;
}

.margin-thirteen-lr {
    margin-left: 13%;
    margin-right: 13%;
}

.margin-thirteen-half-lr {
    margin-left: 13.5%;
    margin-right: 13.5%;
}

.margin-fourteen-lr {
    margin-left: 14%;
    margin-right: 14%;
}

.margin-fourteen-half-lr {
    margin-left: 14.5%;
    margin-right: 14.5%;
}

.margin-fifteen-lr {
    margin-left: 15%;
    margin-right: 15%;
}

.margin-fifteen-half-lr {
    margin-left: 15.5%;
    margin-right: 15.5%;
}

.margin-sixteen-lr {
    margin-left: 16%;
    margin-right: 16%;
}

.margin-sixteen-half-lr {
    margin-left: 16.5%;
    margin-right: 16.5%;
}

.margin-seventeen-lr {
    margin-left: 17%;
    margin-right: 17%;
}

.margin-seventeen-half-lr {
    margin-left: 17.5%;
    margin-right: 17.5%;
}

.margin-eighteen-lr {
    margin-left: 18%;
    margin-right: 18%;
}

.margin-eighteen-half-lr {
    margin-left: 18.5%;
    margin-right: 18.5%;
}

.margin-nineteen-lr {
    margin-left: 19%;
    margin-right: 19%;
}

.margin-nineteen-half-lr {
    margin-left: 19.5%;
    margin-right: 19.5%;
}

.margin-twenty-lr {
    margin-left: 20%;
    margin-right: 20%;
}

.margin-twenty-half-lr {
    margin-left: 20.5%;
    margin-right: 20.5%;
}

.margin-twenty-one-lr {
    margin-left: 21%;
    margin-right: 21%;
}

.margin-twenty-one-half-lr {
    margin-left: 21.5%;
    margin-right: 21.5%;
}

.margin-twenty-two-lr {
    margin-left: 22%;
    margin-right: 22%;
}

.margin-twenty-two-half-lr {
    margin-left: 22.5%;
    margin-right: 22.5%;
}

.margin-twenty-three-lr {
    margin-left: 23%;
    margin-right: 23%;
}

.margin-twenty-three-half-lr {
    margin-left: 23.5%;
    margin-right: 23.5%;
}

.margin-twenty-four-lr {
    margin-left: 24%;
    margin-right: 24%;
}

.margin-twenty-four-half-lr {
    margin-left: 24.5%;
    margin-right: 24.5%;
}

.margin-twenty-five-lr {
    margin-left: 25%;
    margin-right: 25%;
}

.margin-5px-lr {
    margin-left: 5px;
    margin-right: 5px;
}

.margin-10px-lr {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-15px-lr {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-20px-lr {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-25px-lr {
    margin-left: 25px;
    margin-right: 25px;
}

.margin-30px-lr {
    margin-left: 30px;
    margin-right: 30px;
}

.margin-35px-lr {
    margin-left: 35px;
    margin-right: 35px;
}

.margin-40px-lr {
    margin-left: 40px;
    margin-right: 40px;
}

.margin-45px-lr {
    margin-left: 45px;
    margin-right: 45px;
}

.margin-50px-lr {
    margin-left: 50px;
    margin-right: 50px;
}

.margin-55px-lr {
    margin-left: 55px;
    margin-right: 55px;
}

.margin-60px-lr {
    margin-left: 60px;
    margin-right: 60px;
}

.margin-65px-lr {
    margin-left: 65px;
    margin-right: 65px;
}

.margin-70px-lr {
    margin-left: 70px;
    margin-right: 70px;
}

.margin-75px-lr {
    margin-left: 75px;
    margin-right: 75px;
}

.margin-80px-lr {
    margin-left: 80px;
    margin-right: 80px;
}

.margin-85px-lr {
    margin-left: 85px;
    margin-right: 85px;
}

.margin-90px-lr {
    margin-left: 90px;
    margin-right: 90px;
}

.margin-95px-lr {
    margin-left: 95px;
    margin-right: 95px;
}

.margin-100px-lr {
    margin-left: 100px;
    margin-right: 100px;
}

/* margin top and bottom */
.margin-one-tb {
    margin-top: 1%;
    margin-bottom: 1%;
}

.margin-one-half-tb {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
}

.margin-two-tb {
    margin-top: 2%;
    margin-bottom: 2%;
}

.margin-two-half-tb {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}

.margin-three-tb {
    margin-top: 3%;
    margin-bottom: 3%;
}

.margin-three-half-tb {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
}

.margin-four-tb {
    margin-top: 4%;
    margin-bottom: 4%;
}

.margin-four-half-tb {
    margin-top: 4.5%;
    margin-bottom: 4.5%;
}

.margin-five-tb {
    margin-top: 5%;
    margin-bottom: 5%;
}

.margin-five-half-tb {
    margin-top: 5.5%;
    margin-bottom: 5.5%;
}

.margin-six-tb {
    margin-top: 6%;
    margin-bottom: 6%;
}

.margin-six-half-tb {
    margin-top: 6.5%;
    margin-bottom: 6.5%;
}

.margin-seven-tb {
    margin-top: 7%;
    margin-bottom: 7%;
}

.margin-seven-half-tb {
    margin-top: 7.5%;
    margin-bottom: 7.5%;
}

.margin-eight-tb {
    margin-top: 8%;
    margin-bottom: 8%;
}

.margin-eight-half-tb {
    margin-top: 8.5%;
    margin-bottom: 8.5%;
}

.margin-nine-tb {
    margin-top: 9%;
    margin-bottom: 9%;
}

.margin-nine-half-tb {
    margin-top: 9.5%;
    margin-bottom: 9.5%;
}

.margin-ten-tb {
    margin-top: 10%;
    margin-bottom: 10%;
}

.margin-ten-half-tb {
    margin-top: 10.5%;
    margin-bottom: 10.5%;
}

.margin-eleven-tb {
    margin-top: 11%;
    margin-bottom: 11%;
}

.margin-eleven-half-tb {
    margin-top: 11.5%;
    margin-bottom: 11.5%;
}

.margin-twelve-tb {
    margin-top: 12%;
    margin-bottom: 12%;
}

.margin-twelve-half-tb {
    margin-top: 12.5%;
    margin-bottom: 12.5%;
}

.margin-thirteen-tb {
    margin-top: 13%;
    margin-bottom: 13%;
}

.margin-thirteen-half-tb {
    margin-top: 13.5%;
    margin-bottom: 13.5%;
}

.margin-fourteen-tb {
    margin-top: 14%;
    margin-bottom: 14%;
}

.margin-fourteen-half-tb {
    margin-top: 14.5%;
    margin-bottom: 14.5%;
}

.margin-fifteen-tb {
    margin-top: 15%;
    margin-bottom: 15%;
}

.margin-fifteen-half-tb {
    margin-top: 15.5%;
    margin-bottom: 15.5%;
}

.margin-sixteen-tb {
    margin-top: 16%;
    margin-bottom: 16%;
}

.margin-sixteen-half-tb {
    margin-top: 16.5%;
    margin-bottom: 16.5%;
}

.margin-seventeen-tb {
    margin-top: 17%;
    margin-bottom: 17%;
}

.margin-seventeen-half-tb {
    margin-top: 17.5%;
    margin-bottom: 17.5%;
}

.margin-eighteen-tb {
    margin-top: 18%;
    margin-bottom: 18%;
}

.margin-eighteen-half-tb {
    margin-top: 18.5%;
    margin-bottom: 18.5%;
}

.margin-nineteen-tb {
    margin-top: 19%;
    margin-bottom: 19%;
}

.margin-nineteen-half-tb {
    margin-top: 19.5%;
    margin-bottom: 19.5%;
}

.margin-twenty-tb {
    margin-top: 20%;
    margin-bottom: 20%;
}

.margin-twenty-half-tb {
    margin-top: 20.5%;
    margin-bottom: 20.5%;
}

.margin-twenty-one-tb {
    margin-top: 21%;
    margin-bottom: 21%;
}

.margin-twenty-one-half-tb {
    margin-top: 21.5%;
    margin-bottom: 21.5%;
}

.margin-twenty-two-tb {
    margin-top: 22%;
    margin-bottom: 22%;
}

.margin-twenty-two-half-tb {
    margin-top: 22.5%;
    margin-bottom: 22.5%;
}

.margin-twenty-three-tb {
    margin-top: 23%;
    margin-bottom: 23%;
}

.margin-twenty-three-half-tb {
    margin-top: 23.5%;
    margin-bottom: 23.5%;
}

.margin-twenty-four-tb {
    margin-top: 24%;
    margin-bottom: 24%;
}

.margin-twenty-four-half-tb {
    margin-top: 24.5%;
    margin-bottom: 24.5%;
}

.margin-twenty-five-tb {
    margin-top: 25%;
    margin-bottom: 25%;
}

.margin-5px-tb {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-10px-tb {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-15px-tb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-20px-tb {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-25px-tb {
    margin-top: 25px;
    margin-bottom: 25px;
}

.margin-30px-tb {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-35px-tb {
    margin-top: 35px;
    margin-bottom: 35px;
}

.margin-40px-tb {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-45px-tb {
    margin-top: 45px;
    margin-bottom: 45px;
}

.margin-50px-tb {
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin-55px-tb {
    margin-top: 55px;
    margin-bottom: 55px;
}

.margin-60px-tb {
    margin-top: 60px;
    margin-bottom: 60px;
}

.margin-65px-tb {
    margin-top: 65px;
    margin-bottom: 65px;
}

.margin-70px-tb {
    margin-top: 70px;
    margin-bottom: 70px;
}

.margin-75px-tb {
    margin-top: 75px;
    margin-bottom: 75px;
}

.margin-80px-tb {
    margin-top: 80px;
    margin-bottom: 80px;
}

.margin-85px-tb {
    margin-top: 85px;
    margin-bottom: 85px;
}

.margin-90px-tb {
    margin-top: 90px;
    margin-bottom: 90px;
}

.margin-95px-tb {
    margin-top: 95px;
    margin-bottom: 95px;
}

.margin-100px-tb {
    margin-top: 100px;
    margin-bottom: 100px;
}

/*===============================
    Padding
=================================*/

.no-padding {
    padding: 0 !important
}

.no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.padding-one-all {
    padding: 1%;
}

.padding-one-half-all {
    padding: 1.5%;
}

.padding-two-all {
    padding: 2%;
}

.padding-two-half-all {
    padding: 2.5%;
}

.padding-three-all {
    padding: 3%;
}

.padding-three-half-all {
    padding: 3.5%;
}

.padding-four-all {
    padding: 4%;
}

.padding-four-half-all {
    padding: 4.5%;
}

.padding-five-all {
    padding: 5%;
}

.padding-five-half-all {
    padding: 5.5%;
}

.padding-six-all {
    padding: 6%;
}

.padding-six-half-all {
    padding: 6.5%;
}

.padding-seven-all {
    padding: 7%;
}

.padding-seven-half-all {
    padding: 7.5%;
}

.padding-eight-all {
    padding: 8%;
}

.padding-eight-half-all {
    padding: 8.5%;
}

.padding-nine-all {
    padding: 9%;
}

.padding-nine-half-all {
    padding: 9.5%;
}

.padding-ten-all {
    padding: 10%;
}

.padding-ten-half-all {
    padding: 10.5%;
}

.padding-eleven-all {
    padding: 11%;
}

.padding-eleven-half-all {
    padding: 11.5%;
}

.padding-twelve-all {
    padding: 12%;
}

.padding-twelve-half-all {
    padding: 12.5%;
}

.padding-thirteen-all {
    padding: 13%;
}

.padding-thirteen-half-all {
    padding: 13.5%;
}

.padding-fourteen-all {
    padding: 14%;
}

.padding-fourteen-half-all {
    padding: 14.5%;
}

.padding-fifteen-all {
    padding: 15%;
}

.padding-fifteen-half-all {
    padding: 15.5%;
}

.padding-sixteen-all {
    padding: 16%;
}

.padding-sixteen-half-all {
    padding: 16.5%;
}

.padding-seventeen-all {
    padding: 17%;
}

.padding-seventeen-half-all {
    padding: 17.5%;
}

.padding-eighteen-all {
    padding: 18%;
}

.padding-eighteen-half-all {
    padding: 18.5%;
}

.padding-nineteen-all {
    padding: 19%;
}

.padding-nineteen-half-all {
    padding: 19.5%;
}

.padding-twenty-all {
    padding: 20%;
}

.padding-twenty-half-all {
    padding: 20.5%;
}

.padding-twenty-one-all {
    padding: 21%;
}

.padding-twenty-one-half-all {
    padding: 21.5%;
}

.padding-twenty-two-all {
    padding: 22%;
}

.padding-twenty-two-half-all {
    padding: 22.5%;
}

.padding-twenty-three-all {
    padding: 23%;
}

.padding-twenty-three-half-all {
    padding: 23.5%;
}

.padding-twenty-four-all {
    padding: 24%;
}

.padding-twenty-four-half-all {
    padding: 24.5%;
}

.padding-twenty-five-all {
    padding: 25%;
}

.padding-twenty-five-half-all {
    padding: 25.5%;
}

.padding-5px-all {
    padding: 5px;
}

.padding-10px-all {
    padding: 10px;
}

.padding-15px-all {
    padding: 15px;
}

.padding-20px-all {
    padding: 20px;
}

.padding-25px-all {
    padding: 25px;
}

.padding-30px-all {
    padding: 30px;
}

.padding-35px-all {
    padding: 35px;
}

.padding-40px-all {
    padding: 40px;
}

.padding-45px-all {
    padding: 45px;
}

.padding-50px-all {
    padding: 50px;
}

.padding-55px-all {
    padding: 55px;
}

.padding-60px-all {
    padding: 60px;
}

.padding-65px-all {
    padding: 65px;
}

.padding-70px-all {
    padding: 70px;
}

.padding-75px-all {
    padding: 75px;
}

.padding-80px-all {
    padding: 80px;
}

.padding-85px-all {
    padding: 85px;
}

.padding-90px-all {
    padding: 90px;
}

.padding-95px-all {
    padding: 95px;
}

.padding-100px-all {
    padding: 100px;
}

/* padding top */
.padding-one-top {
    padding-top: 1%;
}

.padding-one-half-top {
    padding-top: 1.5%;
}

.padding-two-top {
    padding-top: 2%;
}

.padding-two-half-top {
    padding-top: 2.5%;
}

.padding-three-top {
    padding-top: 3%;
}

.padding-three-half-top {
    padding-top: 3.5%;
}

.padding-four-top {
    padding-top: 4%;
}

.padding-four-half-top {
    padding-top: 4.5%;
}

.padding-five-top {
    padding-top: 5%;
}

.padding-five-half-top {
    padding-top: 5.5%;
}

.padding-six-top {
    padding-top: 6%;
}

.padding-six-half-top {
    padding-top: 6.5%;
}

.padding-seven-top {
    padding-top: 7%;
}

.padding-seven-half-top {
    padding-top: 7.5%;
}

.padding-eight-top {
    padding-top: 8%;
}

.padding-eight-half-top {
    padding-top: 8.5%;
}

.padding-nine-top {
    padding-top: 9%;
}

.padding-nine-half-top {
    padding-top: 9.5%;
}

.padding-ten-top {
    padding-top: 10%;
}

.padding-ten-half-top {
    padding-top: 10.5%;
}

.padding-eleven-top {
    padding-top: 11%;
}

.padding-eleven-half-top {
    padding-top: 11.5%;
}

.padding-twelve-top {
    padding-top: 12%;
}

.padding-twelve-half-top {
    padding-top: 12.5%;
}

.padding-thirteen-top {
    padding-top: 13%;
}

.padding-thirteen-half-top {
    padding-top: 13.5%;
}

.padding-fourteen-top {
    padding-top: 14%;
}

.padding-fourteen-half-top {
    padding-top: 14.5%;
}

.padding-fifteen-top {
    padding-top: 15%;
}

.padding-fifteen-half-top {
    padding-top: 15.5%;
}

.padding-sixteen-top {
    padding-top: 16%;
}

.padding-sixteen-half-top {
    padding-top: 16.5%;
}

.padding-seventeen-top {
    padding-top: 17%;
}

.padding-seventeen-half-top {
    padding-top: 17.5%;
}

.padding-eighteen-top {
    padding-top: 18%;
}

.padding-eighteen-half-top {
    padding-top: 18.5%;
}

.padding-nineteen-top {
    padding-top: 19%;
}

.padding-nineteen-half-top {
    padding-top: 19.5%;
}

.padding-twenty-top {
    padding-top: 20%;
}

.padding-twenty-half-top {
    padding-top: 20.5%;
}

.padding-twenty-one-top {
    padding-top: 21%;
}

.padding-twenty-one-half-top {
    padding-top: 21.5%;
}

.padding-twenty-two-top {
    padding-top: 22%;
}

.padding-twenty-two-half-top {
    padding-top: 22.5%;
}

.padding-twenty-two-top {
    padding-top: 22%;
}

.padding-twenty-two-half-top {
    padding-top: 22.5%;
}

.padding-twenty-three-top {
    padding-top: 23%;
}

.padding-twenty-three-half-top {
    padding-top: 23.5%;
}

.padding-twenty-four-top {
    padding-top: 24%;
}

.padding-twenty-four-half-top {
    padding-top: 24.5%;
}

.padding-twenty-five-top {
    padding-top: 25%;
}

.padding-5px-top {
    padding-top: 5px;
}

.padding-10px-top {
    padding-top: 10px;
}

.padding-15px-top {
    padding-top: 15px;
}

.padding-20px-top {
    padding-top: 20px;
}

.padding-25px-top {
    padding-top: 25px;
}

.padding-30px-top {
    padding-top: 30px;
}

.padding-35px-top {
    padding-top: 35px;
}

.padding-40px-top {
    padding-top: 40px;
}

.padding-45px-top {
    padding-top: 45px;
}

.padding-50px-top {
    padding-top: 50px;
}

.padding-55px-top {
    padding-top: 55px;
}

.padding-60px-top {
    padding-top: 60px;
}

.padding-65px-top {
    padding-top: 65px;
}

.padding-70px-top {
    padding-top: 70px;
}

.padding-75px-top {
    padding-top: 75px;
}

.padding-80px-top {
    padding-top: 80px;
}

.padding-85px-top {
    padding-top: 85px;
}

.padding-90px-top {
    padding-top: 90px;
}

.padding-95px-top {
    padding-top: 95px;
}

.padding-100px-top {
    padding-top: 100px;
}

/* padding bottom */
.padding-one-bottom {
    padding-bottom: 1%;
}

.padding-one-half-bottom {
    padding-bottom: 1.5%;
}

.padding-two-bottom {
    padding-bottom: 2%;
}

.padding-two-half-bottom {
    padding-bottom: 2.5%;
}

.padding-three-bottom {
    padding-bottom: 3%;
}

.padding-three-half-bottom {
    padding-bottom: 3.5%;
}

.padding-four-bottom {
    padding-bottom: 4%;
}

.padding-four-half-bottom {
    padding-bottom: 4.5%;
}

.padding-five-bottom {
    padding-bottom: 5%;
}

.padding-five-half-bottom {
    padding-bottom: 5.5%;
}

.padding-six-bottom {
    padding-bottom: 6%;
}

.padding-six-half-bottom {
    padding-bottom: 6.5%;
}

.padding-seven-bottom {
    padding-bottom: 7%;
}

.padding-seven-half-bottom {
    padding-bottom: 7.5%;
}

.padding-eight-bottom {
    padding-bottom: 8%;
}

.padding-eight-half-bottom {
    padding-bottom: 8.5%;
}

.padding-nine-bottom {
    padding-bottom: 9%;
}

.padding-nine-half-bottom {
    padding-bottom: 9.5%;
}

.padding-ten-bottom {
    padding-bottom: 10%;
}

.padding-ten-half-bottom {
    padding-bottom: 10.5%;
}

.padding-eleven-bottom {
    padding-bottom: 11%;
}

.padding-eleven-half-bottom {
    padding-bottom: 11.5%;
}

.padding-twelve-bottom {
    padding-bottom: 12%;
}

.padding-twelve-half-bottom {
    padding-bottom: 12.5%;
}

.padding-thirteen-bottom {
    padding-bottom: 13%;
}

.padding-thirteen-half-bottom {
    padding-bottom: 13.5%;
}

.padding-fourteen-bottom {
    padding-bottom: 14%;
}

.padding-fourteen-half-bottom {
    padding-bottom: 14.5%;
}

.padding-fifteen-bottom {
    padding-bottom: 15%;
}

.padding-fifteen-half-bottom {
    padding-bottom: 15.5%;
}

.padding-sixteen-bottom {
    padding-bottom: 16%;
}

.padding-sixteen-half-bottom {
    padding-bottom: 16.5%;
}

.padding-seventeen-bottom {
    padding-bottom: 17%;
}

.padding-seventeen-half-bottom {
    padding-bottom: 17.5%;
}

.padding-eighteen-bottom {
    padding-bottom: 18%;
}

.padding-eighteen-half-bottom {
    padding-bottom: 18.5%;
}

.padding-nineteen-bottom {
    padding-bottom: 19%;
}

.padding-nineteen-half-bottom {
    padding-bottom: 19.5%;
}

.padding-twenty-bottom {
    padding-bottom: 20%;
}

.padding-twenty-half-bottom {
    padding-bottom: 20.5%;
}

.padding-twenty-one-bottom {
    padding-bottom: 21%;
}

.padding-twenty-one-half-bottom {
    padding-bottom: 21.5%;
}

.padding-twenty-two-bottom {
    padding-bottom: 22%;
}

.padding-twenty-two-half-bottom {
    padding-bottom: 22.5%;
}

.padding-twenty-three-bottom {
    padding-bottom: 23%;
}

.padding-twenty-three-half-bottom {
    padding-bottom: 23.5%;
}

.padding-twenty-four-bottom {
    padding-bottom: 24%;
}

.padding-twenty-four-half-bottom {
    padding-bottom: 24.5%;
}

.padding-twenty-five-bottom {
    padding-bottom: 25%;
}

.padding-5px-bottom {
    padding-bottom: 5px;
}

.padding-10px-bottom {
    padding-bottom: 10px;
}

.padding-15px-bottom {
    padding-bottom: 15px;
}

.padding-20px-bottom {
    padding-bottom: 20px;
}

.padding-25px-bottom {
    padding-bottom: 25px;
}

.padding-30px-bottom {
    padding-bottom: 30px;
}

.padding-35px-bottom {
    padding-bottom: 35px;
}

.padding-40px-bottom {
    padding-bottom: 40px;
}

.padding-45px-bottom {
    padding-bottom: 45px;
}

.padding-50px-bottom {
    padding-bottom: 50px;
}

.padding-55px-bottom {
    padding-bottom: 55px;
}

.padding-60px-bottom {
    padding-bottom: 60px;
}

.padding-65px-bottom {
    padding-bottom: 65px;
}

.padding-70px-bottom {
    padding-bottom: 70px;
}

.padding-75px-bottom {
    padding-bottom: 75px;
}

.padding-80px-bottom {
    padding-bottom: 80px;
}

.padding-85px-bottom {
    padding-bottom: 85px;
}

.padding-90px-bottom {
    padding-bottom: 90px;
}

.padding-95px-bottom {
    padding-bottom: 95px;
}

.padding-100px-bottom {
    padding-bottom: 100px;
}

/* padding right */
.padding-one-right {
    padding-right: 1%;
}

.padding-one-half-right {
    padding-right: 1.5%;
}

.padding-two-right {
    padding-right: 2%;
}

.padding-two-half-right {
    padding-right: 2.5%;
}

.padding-three-right {
    padding-right: 3%;
}

.padding-three-half-right {
    padding-right: 3.5%;
}

.padding-four-right {
    padding-right: 4%;
}

.padding-four-half-right {
    padding-right: 4.5%;
}

.padding-five-right {
    padding-right: 5%;
}

.padding-five-half-right {
    padding-right: 5.5%;
}

.padding-six-right {
    padding-right: 6%;
}

.padding-six-half-right {
    padding-right: 6.5%;
}

.padding-seven-right {
    padding-right: 7%;
}

.padding-seven-half-right {
    padding-right: 7.5%;
}

.padding-eight-right {
    padding-right: 8%;
}

.padding-eight-half-right {
    padding-right: 8.5%;
}

.padding-nine-right {
    padding-right: 9%;
}

.padding-nine-half-right {
    padding-right: 9.5%;
}

.padding-ten-right {
    padding-right: 10%;
}

.padding-ten-half-right {
    padding-right: 10.5%;
}

.padding-eleven-right {
    padding-right: 11%;
}

.padding-eleven-half-right {
    padding-right: 11.5%;
}

.padding-twelve-right {
    padding-right: 12%;
}

.padding-twelve-half-right {
    padding-right: 12.5%;
}

.padding-thirteen-right {
    padding-right: 13%;
}

.padding-thirteen-half-right {
    padding-right: 13.5%;
}

.padding-fourteen-right {
    padding-right: 14%;
}

.padding-fourteen-half-right {
    padding-right: 14.5%;
}

.padding-fifteen-right {
    padding-right: 15%;
}

.padding-fifteen-half-right {
    padding-right: 15.5%;
}

.padding-sixteen-right {
    padding-right: 16%;
}

.padding-sixteen-half-right {
    padding-right: 16.5%;
}

.padding-seventeen-right {
    padding-right: 17%;
}

.padding-seventeen-half-right {
    padding-right: 17.5%;
}

.padding-eighteen-right {
    padding-right: 18%;
}

.padding-eighteen-half-right {
    padding-right: 18.5%;
}

.padding-nineteen-right {
    padding-right: 19%;
}

.padding-nineteen-half-right {
    padding-right: 19.5%;
}

.padding-twenty-right {
    padding-right: 20%;
}

.padding-twenty-half-right {
    padding-right: 20.5%;
}

.padding-twenty-one-right {
    padding-right: 21%;
}

.padding-twenty-one-half-right {
    padding-right: 21.5%;
}

.padding-twenty-two-right {
    padding-right: 22%;
}

.padding-twenty-two-half-right {
    padding-right: 22.5%;
}

.padding-twenty-three-right {
    padding-right: 23%;
}

.padding-twenty-three-half-right {
    padding-right: 23.5%;
}

.padding-twenty-four-right {
    padding-right: 24%;
}

.padding-twenty-four-half-right {
    padding-right: 24.5%;
}

.padding-twenty-five-right {
    padding-right: 25%;
}

.padding-5px-right {
    padding-right: 5px;
}

.padding-10px-right {
    padding-right: 10px;
}

.padding-15px-right {
    padding-right: 15px;
}

.padding-20px-right {
    padding-right: 20px;
}

.padding-25px-right {
    padding-right: 25px;
}

.padding-30px-right {
    padding-right: 30px;
}

.padding-35px-right {
    padding-right: 35px;
}

.padding-40px-right {
    padding-right: 40px;
}

.padding-45px-right {
    padding-right: 45px;
}

.padding-50px-right {
    padding-right: 50px;
}

.padding-55px-right {
    padding-right: 55px;
}

.padding-60px-right {
    padding-right: 60px;
}

.padding-65px-right {
    padding-right: 65px;
}

.padding-70px-right {
    padding-right: 70px;
}

.padding-75px-right {
    padding-right: 75px;
}

.padding-80px-right {
    padding-right: 80px;
}

.padding-85px-right {
    padding-right: 85px;
}

.padding-90px-right {
    padding-right: 90px;
}

.padding-95px-right {
    padding-right: 95px;
}

.padding-100px-right {
    padding-right: 100px;
}

/* padding left */
.padding-one-left {
    padding-left: 1%;
}

.padding-one-half-left {
    padding-left: 1.5%;
}

.padding-two-left {
    padding-left: 2%;
}

.padding-two-half-left {
    padding-left: 2.5%;
}

.padding-three-left {
    padding-left: 3%;
}

.padding-three-half-left {
    padding-left: 3.5%;
}

.padding-four-left {
    padding-left: 4%;
}

.padding-four-half-left {
    padding-left: 4.5%;
}

.padding-five-left {
    padding-left: 5%;
}

.padding-five-half-left {
    padding-left: 5.5%;
}

.padding-six-left {
    padding-left: 6%;
}

.padding-six-half-left {
    padding-left: 6.5%;
}

.padding-seven-left {
    padding-left: 7%;
}

.padding-seven-half-left {
    padding-left: 7.5%;
}

.padding-eight-left {
    padding-left: 8%;
}

.padding-eight-half-left {
    padding-left: 8.5%;
}

.padding-nine-left {
    padding-left: 9%;
}

.padding-nine-half-left {
    padding-left: 9.5%;
}

.padding-ten-left {
    padding-left: 10%;
}

.padding-ten-half-left {
    padding-left: 10.5%;
}

.padding-eleven-left {
    padding-left: 11%;
}

.padding-eleven-half-left {
    padding-left: 11.5%;
}

.padding-twelve-left {
    padding-left: 12%;
}

.padding-twelve-half-left {
    padding-left: 12.5%;
}

.padding-thirteen-left {
    padding-left: 13%;
}

.padding-thirteen-half-left {
    padding-left: 13.5%;
}

.padding-fourteen-left {
    padding-left: 14%;
}

.padding-fourteen-half-left {
    padding-left: 14.5%;
}

.padding-fifteen-left {
    padding-left: 15%;
}

.padding-fifteen-half-left {
    padding-left: 15.5%;
}

.padding-sixteen-left {
    padding-left: 16%;
}

.padding-sixteen-half-left {
    padding-left: 16.5%;
}

.padding-seventeen-left {
    padding-left: 17%;
}

.padding-seventeen-half-left {
    padding-left: 17.5%;
}

.padding-eighteen-left {
    padding-left: 18%;
}

.padding-eighteen-half-left {
    padding-left: 18.5%;
}

.padding-nineteen-left {
    padding-left: 19%;
}

.padding-nineteen-half-left {
    padding-left: 19.5%;
}

.padding-twenty-left {
    padding-left: 20%;
}

.padding-twenty-half-left {
    padding-left: 20.5%;
}

.padding-twenty-one-left {
    padding-left: 21%;
}

.padding-twenty-one-half-left {
    padding-left: 21.5%;
}

.padding-twenty-two-left {
    padding-left: 22%;
}

.padding-twenty-two-half-left {
    padding-left: 22.5%;
}

.padding-twenty-three-left {
    padding-left: 23%;
}

.padding-twenty-three-half-left {
    padding-left: 23.5%;
}

.padding-twenty-four-left {
    padding-left: 24%;
}

.padding-twenty-four-half-left {
    padding-left: 24.5%;
}

.padding-twenty-five-left {
    padding-left: 25%;
}

.padding-5px-left {
    padding-left: 5px;
}

.padding-10px-left {
    padding-left: 10px;
}

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

.padding-20px-left {
    padding-left: 20px;
}

.padding-25px-left {
    padding-left: 25px;
}

.padding-30px-left {
    padding-left: 30px;
}

.padding-35px-left {
    padding-left: 35px;
}

.padding-40px-left {
    padding-left: 40px;
}

.padding-45px-left {
    padding-left: 45px;
}

.padding-50px-left {
    padding-left: 50px;
}

.padding-55px-left {
    padding-left: 55px;
}

.padding-60px-left {
    padding-left: 60px;
}

.padding-65px-left {
    padding-left: 65px;
}

.padding-70px-left {
    padding-left: 70px;
}

.padding-75px-left {
    padding-left: 75px;
}

.padding-80px-left {
    padding-left: 80px;
}

.padding-85px-left {
    padding-left: 85px;
}

.padding-90px-left {
    padding-left: 90px;
}

.padding-95px-left {
    padding-left: 95px;
}

.padding-100px-left {
    padding-left: 100px;
}

/* padding top and bottom */
.padding-one-tb {
    padding-top: 1%;
    padding-bottom: 1%;
}

.padding-one-half-tb {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

.padding-two-tb {
    padding-top: 2%;
    padding-bottom: 2%;
}

.padding-two-half-tb {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}

.padding-three-tb {
    padding-top: 3%;
    padding-bottom: 3%;
}

.padding-three-half-tb {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}

.padding-four-tb {
    padding-top: 4%;
    padding-bottom: 4%;
}

.padding-four-half-tb {
    padding-top: 4.5%;
    padding-bottom: 4.5%;
}

.padding-five-tb {
    padding-top: 5%;
    padding-bottom: 5%;
}

.padding-five-half-tb {
    padding-top: 5.5%;
    padding-bottom: 5.5%;
}

.padding-six-tb {
    padding-top: 6%;
    padding-bottom: 6%;
}

.padding-six-half-tb {
    padding-top: 6.5%;
    padding-bottom: 6.5%;
}

.padding-seven-tb {
    padding-top: 7%;
    padding-bottom: 7%;
}

.padding-seven-half-tb {
    padding-top: 7.5%;
    padding-bottom: 7.5%;
}

.padding-eight-tb {
    padding-top: 8%;
    padding-bottom: 8%;
}

.padding-eight-half-tb {
    padding-top: 8.5%;
    padding-bottom: 8.5%;
}

.padding-nine-tb {
    padding-top: 9%;
    padding-bottom: 9%;
}

.padding-nine-half-tb {
    padding-top: 9.5%;
    padding-bottom: 9.5%;
}

.padding-ten-tb {
    padding-top: 10%;
    padding-bottom: 10%;
}

.padding-ten-half-tb {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
}

.padding-eleven-tb {
    padding-top: 11%;
    padding-bottom: 11%;
}

.padding-eleven-half-tb {
    padding-top: 11.5%;
    padding-bottom: 11.5%;
}

.padding-twelve-tb {
    padding-top: 12%;
    padding-bottom: 12%;
}

.padding-twelve-half-tb {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
}

.padding-thirteen-tb {
    padding-top: 13%;
    padding-bottom: 13%;
}

.padding-thirteen-half-tb {
    padding-top: 13.5%;
    padding-bottom: 13.5%;
}

.padding-fourteen-tb {
    padding-top: 14%;
    padding-bottom: 14%;
}

.padding-fourteen-half-tb {
    padding-top: 14.5%;
    padding-bottom: 14.5%;
}

.padding-fifteen-tb {
    padding-top: 15%;
    padding-bottom: 15%;
}

.padding-fifteen-half-tb {
    padding-top: 15.5%;
    padding-bottom: 15.5%;
}

.padding-sixteen-tb {
    padding-top: 16%;
    padding-bottom: 16%;
}

.padding-sixteen-half-tb {
    padding-top: 16.5%;
    padding-bottom: 16.5%;
}

.padding-seventeen-tb {
    padding-top: 17%;
    padding-bottom: 17%;
}

.padding-seventeen-half-tb {
    padding-top: 17.5%;
    padding-bottom: 17.5%;
}

.padding-eighteen-tb {
    padding-top: 18%;
    padding-bottom: 18%;
}

.padding-eighteen-half-tb {
    padding-top: 18.5%;
    padding-bottom: 18.5%;
}

.padding-nineteen-tb {
    padding-top: 19%;
    padding-bottom: 19%;
}

.padding-nineteen-half-tb {
    padding-top: 19.5%;
    padding-bottom: 19.5%;
}

.padding-twenty-tb {
    padding-top: 20%;
    padding-bottom: 20%;
}

.padding-twenty-half-tb {
    padding-top: 20.5%;
    padding-bottom: 20%;
}

.padding-twenty-one-tb {
    padding-top: 21%;
    padding-bottom: 21%;
}

.padding-twenty-one-half-tb {
    padding-top: 21.5%;
    padding-bottom: 21.5%;
}

.padding-twenty-two-tb {
    padding-top: 22%;
    padding-bottom: 22%;
}

.padding-twenty-two-half-tb {
    padding-top: 22.5%;
    padding-bottom: 22.5%;
}

.padding-twenty-three-tb {
    padding-top: 23%;
    padding-bottom: 23%;
}

.padding-twenty-three-half-tb {
    padding-top: 23.5%;
    padding-bottom: 23.5%;
}

.padding-twenty-four-tb {
    padding-top: 24%;
    padding-bottom: 24%;
}

.padding-twenty-four-half-tb {
    padding-top: 24.5%;
    padding-bottom: 24.5%;
}

.padding-twenty-five-tb {
    padding-top: 25%;
    padding-bottom: 25%;
}

.padding-thirty-tb {
    padding-top: 30%;
    padding-bottom: 30%;
}

.padding-5px-tb {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-10px-tb {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-15px-tb {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-20px-tb {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-25px-tb {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padding-30px-tb {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-35px-tb {
    padding-top: 35px;
    padding-bottom: 35px;
}

.padding-40px-tb {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-45px-tb {
    padding-top: 45px;
    padding-bottom: 45px;
}

.padding-50px-tb {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-55px-tb {
    padding-top: 55px;
    padding-bottom: 55px;
}

.padding-60px-tb {
    padding-top: 60px;
    padding-bottom: 60px;
}

.padding-65px-tb {
    padding-top: 65px;
    padding-bottom: 65px;
}

.padding-70px-tb {
    padding-top: 70px;
    padding-bottom: 70px;
}

.padding-75px-tb {
    padding-top: 75px;
    padding-bottom: 75px;
}

.padding-80px-tb {
    padding-top: 80px;
    padding-bottom: 80px;
}

.padding-85px-tb {
    padding-top: 85px;
    padding-bottom: 85px;
}

.padding-90px-tb {
    padding-top: 90px;
    padding-bottom: 90px;
}

.padding-95px-tb {
    padding-top: 95px;
    padding-bottom: 95px;
}

.padding-100px-tb {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* padding left and right */
.padding-one-lr {
    padding-left: 1%;
    padding-right: 1%;
}

.padding-one-half-lr {
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.padding-two-lr {
    padding-left: 2%;
    padding-right: 2%;
}

.padding-two-half-lr {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.padding-three-lr {
    padding-left: 3%;
    padding-right: 3%;
}

.padding-three-half-lr {
    padding-left: 3.5%;
    padding-right: 3.5%;
}

.padding-four-lr {
    padding-left: 4%;
    padding-right: 4%;
}

.padding-four-half-lr {
    padding-left: 4.5%;
    padding-right: 4.5%;
}

.padding-five-lr {
    padding-left: 5%;
    padding-right: 5%;
}

.padding-five-half-lr {
    padding-left: 5.5%;
    padding-right: 5.5%;
}

.padding-six-lr {
    padding-left: 6%;
    padding-right: 6%;
}

.padding-six-half-lr {
    padding-left: 6.5%;
    padding-right: 6.5%;
}

.padding-seven-lr {
    padding-left: 7%;
    padding-right: 7%;
}

.padding-seven-half-lr {
    padding-left: 7.5%;
    padding-right: 7.5%;
}

.padding-eight-lr {
    padding-left: 8%;
    padding-right: 8%;
}

.padding-eight-half-lr {
    padding-left: 8.5%;
    padding-right: 8.5%;
}

.padding-nine-lr {
    padding-left: 9%;
    padding-right: 9%;
}

.padding-nine-half-lr {
    padding-left: 9.5%;
    padding-right: 9.5%;
}

.padding-ten-lr {
    padding-left: 10%;
    padding-right: 10%;
}

.padding-ten-half-lr {
    padding-left: 10.5%;
    padding-right: 10.5%;
}

.padding-eleven-lr {
    padding-left: 11%;
    padding-right: 11%;
}

.padding-eleven-half-lr {
    padding-left: 11.5%;
    padding-right: 11.5%;
}

.padding-twelve-lr {
    padding-left: 12%;
    padding-right: 12%;
}

.padding-twelve-half-lr {
    padding-left: 12.5%;
    padding-right: 12.5%;
}

.padding-thirteen-lr {
    padding-left: 13%;
    padding-right: 13%;
}

.padding-thirteen-half-lr {
    padding-left: 13.5%;
    padding-right: 13.5%;
}

.padding-fourteen-lr {
    padding-left: 14%;
    padding-right: 14%;
}

.padding-fourteen-half-lr {
    padding-left: 14.5%;
    padding-right: 14.5%;
}

.padding-fifteen-lr {
    padding-left: 15%;
    padding-right: 15%;
}

.padding-fifteen-half-lr {
    padding-left: 15.5%;
    padding-right: 15.5%;
}

.padding-sixteen-lr {
    padding-left: 16%;
    padding-right: 16%;
}

.padding-sixteen-half-lr {
    padding-left: 16.5%;
    padding-right: 16.5%;
}

.padding-seventeen-lr {
    padding-left: 17%;
    padding-right: 17%;
}

.padding-seventeen-half-lr {
    padding-left: 17.5%;
    padding-right: 17.5%;
}

.padding-eighteen-lr {
    padding-left: 18%;
    padding-right: 18%;
}

.padding-eighteen-half-lr {
    padding-left: 18.5%;
    padding-right: 18.5%;
}

.padding-nineteen-lr {
    padding-left: 19%;
    padding-right: 19%;
}

.padding-nineteen-half-lr {
    padding-left: 19.5%;
    padding-right: 19.5%;
}

.padding-twenty-lr {
    padding-left: 20%;
    padding-right: 20%;
}

.padding-twenty-half-lr {
    padding-left: 20.5%;
    padding-right: 20.5%;
}

.padding-twenty-one-lr {
    padding-left: 21%;
    padding-right: 21%;
}

.padding-twenty-one-half-lr {
    padding-left: 21.5%;
    padding-right: 21.5%;
}

.padding-twenty-two-lr {
    padding-left: 22%;
    padding-right: 22%;
}

.padding-twenty-two-half-lr {
    padding-left: 22.5%;
    padding-right: 22.5%;
}

.padding-twenty-three-lr {
    padding-left: 23%;
    padding-right: 23%;
}

.padding-twenty-three-half-lr {
    padding-left: 23.5%;
    padding-right: 23.5%;
}

.padding-twenty-four-lr {
    padding-left: 24%;
    padding-right: 24%;
}

.padding-twenty-four-half-lr {
    padding-left: 24.5%;
    padding-right: 24.5%;
}

.padding-twenty-five-lr {
    padding-left: 25%;
    padding-right: 25%;
}

.padding-5px-lr {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-10px-lr {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-15px-lr {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-20px-lr {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-25px-lr {
    padding-left: 25px;
    padding-right: 25px;
}

.padding-30px-lr {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-35px-lr {
    padding-left: 35px;
    padding-right: 35px;
}

.padding-40px-lr {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-45px-lr {
    padding-left: 45px;
    padding-right: 45px;
}

.padding-50px-lr {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-55px-lr {
    padding-left: 55px;
    padding-right: 55px;
}

.padding-60px-lr {
    padding-left: 60px;
    padding-right: 60px;
}

.padding-65px-lr {
    padding-left: 65px;
    padding-right: 65px;
}

.padding-70px-lr {
    padding-left: 70px;
    padding-right: 70px;
}

.padding-75px-lr {
    padding-left: 75px;
    padding-right: 75px;
}

.padding-80px-lr {
    padding-left: 80px;
    padding-right: 80px;
}

.padding-85px-lr {
    padding-left: 85px;
    padding-right: 85px;
}

.padding-90px-lr {
    padding-left: 90px;
    padding-right: 90px;
}

.padding-95px-lr {
    padding-left: 95px;
    padding-right: 95px;
}

.padding-100px-lr {
    padding-left: 100px;
    padding-right: 100px;
}