/* font call */
/* @import url(../fonts/fonts.css); */
@import url(../fonts/fonts.css);

body {
    line-height: 1.42857143;
    background-color: #fff;
    color: #2D3436;
    margin: 0;
    font-family: 'product_sans';
    font-size: 14px;
    font-weight: 300;
}
h1, h2{ font-family: 'metropolis';}
/* font call */

a:hover,
a:focus,
button:hover,
button:focus {
    text-decoration: none;
    outline: none;
}




.text-d-red {
    color: #EA4335;
}

.bg-d-red {
    background-color: #EA4335;
}

.text-white {
    color: #ffffff;
}

.bg-white {
    background-color: #ffffff;
}

.bg-grey-light {
    background-color: #f8f8f8
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* body style End */

.clearfix {
    clear: both
}

.clearfix:after {
    clear: both;
    content: '';
    display: table
}

.vh {
    visibility: hidden
}

.hv-100 {
    height: 100vh;
}
.mr-8{
    margin-right: 8px;
}
.underline {
    text-decoration: underline
}

.cursor-pointer {
    cursor: pointer
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.nowrap {
    white-space: nowrap
}

.fw300 {
    font-weight: 300
}

.fw400 {
    font-weight: 400
}

.fw500 {
    font-weight: 500
}
.fw600 {
    font-weight: 600
}

.fw700 {
    font-weight: 700
}

.fw900 {
    font-weight: 900
}
.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.overflow-hidden {
    overflow: hidden
}

.max-width-100 {
    max-width: 100%
}

.no-padding {
    padding: 0!important
}

.pos-fix {
    position: fixed
}

.pos-abs {
    position: absolute
}

.pos-rel {
    position: relative
}

.pos-in {
    position: inherit
}

.display-inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.display-block {
    display: block
}

.display-flex {
    display: flex
}

.display-none,
.hide {
    display: none!important
}

.flex-1 {
    flex: 1
}

.display-grid {
    display: grid
}

.align-self-start {
    align-self: flex-start
}

.align-self-center {
    align-self: center
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-column {
    flex-direction: column
}

.flex-center {
    display: flex;
    align-items: center
}

.justify-content-around {
    justify-content: space-around
}

.justify-space-between {
    justify-content: space-between
}

.justify-content-center {
    justify-content: center
}

.justify-content-end {
    justify-content: flex-end
}

.display-center {
    align-items: center;
    justify-content: center;
    display: flex
}

.fs8 {
    font-size: 8px
}

.fs9 {
    font-size: 9px
}

.fs10 {
    font-size: 10px
}

.fs11 {
    font-size: 11px
}

.fs12 {
    font-size: 12px
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px
}

.fs15 {
    font-size: 15px
}

.fs16 {
    font-size: 16px
}

.fs17 {
    font-size: 17px
}

.fs18 {
    font-size: 18px
}

.fs19 {
    font-size: 19px
}

.fs20 {
    font-size: 20px
}

.fs21 {
    font-size: 21px
}

.fs22 {
    font-size: 22px
}

.fs23 {
    font-size: 23px
}

.fs24 {
    font-size: 24px
}

.fs25 {
    font-size: 25px
}

.fs26 {
    font-size: 26px
}

.fs27 {
    font-size: 27px
}

.fs28 {
    font-size: 28px
}

.fs29 {
    font-size: 29px
}

.fs30 {
    font-size: 30px
}

.fs31 {
    font-size: 31px
}

.fs32 {
    font-size: 32px
}

.fs33 {
    font-size: 33px
}

.fs34 {
    font-size: 34px
}

.fs35 {
    font-size: 35px
}

.fs36 {
    font-size: 36px
}

.fs37 {
    font-size: 37px
}

.fs38 {
    font-size: 38px
}

.fs39 {
    font-size: 39px
}

.lh-12 {
    line-height: 12px
}

.lh-13 {
    line-height: 13px
}

.lh-14 {
    line-height: 14px
}

.lh-15 {
    line-height: 15px
}

.lh-16 {
    line-height: 16px
}

.lh-17 {
    line-height: 17px
}

.lh-18 {
    line-height: 18px
}

.lh-19 {
    line-height: 19px
}

.lh-20 {
    line-height: 20px
}

.lh-21 {
    line-height: 21px
}

.lh-22 {
    line-height: 22px
}

.lh-23 {
    line-height: 23px
}

.lh-24 {
    line-height: 24px
}

.lh-25 {
    line-height: 25px
}

.lh-26 {
    line-height: 26px
}

.lh-27 {
    line-height: 27px
}

.lh-28 {
    line-height: 28px
}

.lh-29 {
    line-height: 29px
}


@media (max-width: 767px) {
    .fsm8 {
        font-size: 8px
    }
    .fsm9 {
        font-size: 9px
    }
    .fsm10 {
        font-size: 10px
    }
    .fsm11 {
        font-size: 11px
    }
    .fsm12 {
        font-size: 12px
    }
    .fsm13 {
        font-size: 13px
    }
    .fsm14 {
        font-size: 14px
    }
    .fsm15 {
        font-size: 15px
    }
    .fsm16 {
        font-size: 16px
    }
    .fsm17 {
        font-size: 17px
    }
    .fsm18 {
        font-size: 18px
    }
    .fsm19 {
        font-size: 19px
    }
    .fsm20 {
        font-size: 20px
    }
    .fsm21 {
        font-size: 21px
    }
    .fsm22 {
        font-size: 22px
    }
    .fsm23 {
        font-size: 23px
    }
    .fsm24 {
        font-size: 24px
    }
    .fsm25 {
        font-size: 25px
    }
    .fsm26 {
        font-size: 26px
    }
    .fsm27 {
        font-size: 27px
    }
    .fsm28 {
        font-size: 28px
    }
    .fsm29 {
        font-size: 29px
    }
    .fsm30 {
        font-size: 30px
    }
    .fsm31 {
        font-size: 31px
    }
    .fsm32 {
        font-size: 32px
    }
    .fsm33 {
        font-size: 33px
    }
    .fsm34 {
        font-size: 34px
    }
    .fsm35 {
        font-size: 35px
    }
    .fsm36 {
        font-size: 36px
    }
    .fsm37 {
        font-size: 37px
    }
    .fsm38 {
        font-size: 38px
    }
    .fsm39 {
        font-size: 39px
    }
    .fsm40 {
        font-size: 40px
    }
    .fsm41 {
        font-size: 41px
    }
    .fsm42 {
        font-size: 42px
    }
    .fsm43 {
        font-size: 43px
    }
    .fsm44 {
        font-size: 44px
    }
    .fsm45 {
        font-size: 45px
    }
    .fsm46 {
        font-size: 46px
    }
    .fsm47 {
        font-size: 47px
    }
    .fsm48 {
        font-size: 48px
    }

    .hide-mobile {
        display: none
    }
    .pd-0 {
        padding: 0
    }
    .pd-l0 {
        padding-left: 0
    }
    .pd-t0 {
        padding-top: 0
    }
    .pd-r0 {
        padding-right: 0
    }
    .pd-b0 {
        padding-bottom: 0
    }
    .mr-0 {
        margin: 0
    }
    .mr-r0 {
        margin-right: 0
    }
    .mr-t0 {
        margin-top: 0
    }
    .mr-b0 {
        margin-bottom: 0
    }
    .mr-l0 {
        margin-left: 0
    }
    .pd-1 {
        padding: 1px
    }
    .pd-l1 {
        padding-left: 1px
    }
    .pd-t1 {
        padding-top: 1px
    }
    .pd-r1 {
        padding-right: 1px
    }
    .pd-b1 {
        padding-bottom: 1px
    }
    .mr-1 {
        margin: 1px
    }
    .mr-r1 {
        margin-right: 1px
    }
    .mr-t1 {
        margin-top: 1px
    }
    .mr-b1 {
        margin-bottom: 1px
    }
    .mr-l1 {
        margin-left: 1px
    }
    .pd-2 {
        padding: 2px
    }
    .pd-l2 {
        padding-left: 2px
    }
    .pd-t2 {
        padding-top: 2px
    }
    .pd-r2 {
        padding-right: 2px
    }
    .pd-b2 {
        padding-bottom: 2px
    }
    .mr-2 {
        margin: 2px
    }
    .mr-r2 {
        margin-right: 2px
    }
    .mr-t2 {
        margin-top: 2px
    }
    .mr-b2 {
        margin-bottom: 2px
    }
    .mr-l2 {
        margin-left: 2px
    }
    .pd-3 {
        padding: 3px
    }
    .pd-l3 {
        padding-left: 3px
    }
    .pd-t3 {
        padding-top: 3px
    }
    .pd-r3 {
        padding-right: 3px
    }
    .pd-b3 {
        padding-bottom: 3px
    }
    .mr-3 {
        margin: 3px
    }
    .mr-r3 {
        margin-right: 3px
    }
    .mr-t3 {
        margin-top: 3px
    }
    .mr-b3 {
        margin-bottom: 3px
    }
    .mr-l3 {
        margin-left: 3px
    }
    .pd-4 {
        padding: 4px
    }
    .pd-l4 {
        padding-left: 4px
    }
    .pd-t4 {
        padding-top: 4px
    }
    .pd-r4 {
        padding-right: 4px
    }
    .pd-b4 {
        padding-bottom: 4px
    }
    .mr-4 {
        margin: 4px
    }
    .mr-r4 {
        margin-right: 4px
    }
    .mr-t4 {
        margin-top: 4px
    }
    .mr-b4 {
        margin-bottom: 4px
    }
    .mr-l4 {
        margin-left: 4px
    }
    .pd-5 {
        padding: 5px
    }
    .pd-l5 {
        padding-left: 5px
    }
    .pd-t5 {
        padding-top: 5px
    }
    .pd-r5 {
        padding-right: 5px
    }
    .pd-b5 {
        padding-bottom: 5px
    }
    .mr-5 {
        margin: 5px
    }
    .mr-r5 {
        margin-right: 5px
    }
    .mr-t5 {
        margin-top: 5px
    }
    .mr-b5 {
        margin-bottom: 5px
    }
    .mr-l5 {
        margin-left: 5px
    }
    .pd-6 {
        padding: 6px
    }
    .pd-l6 {
        padding-left: 6px
    }
    .pd-t6 {
        padding-top: 6px
    }
    .pd-r6 {
        padding-right: 6px
    }
    .pd-b6 {
        padding-bottom: 6px
    }
    .mr-6 {
        margin: 6px
    }
    .mr-r6 {
        margin-right: 6px
    }
    .mr-t6 {
        margin-top: 6px
    }
    .mr-b6 {
        margin-bottom: 6px
    }
    .mr-l6 {
        margin-left: 6px
    }
    .pd-7 {
        padding: 7px
    }
    .pd-l7 {
        padding-left: 7px
    }
    .pd-t7 {
        padding-top: 7px
    }
    .pd-r7 {
        padding-right: 7px
    }
    .pd-b7 {
        padding-bottom: 7px
    }
    .mr-7 {
        margin: 7px
    }
    .mr-r7 {
        margin-right: 7px
    }
    .mr-t7 {
        margin-top: 7px
    }
    .mr-b7 {
        margin-bottom: 7px
    }
    .mr-l7 {
        margin-left: 7px
    }
    .pd-8 {
        padding: 8px
    }
    .pd-l8 {
        padding-left: 8px
    }
    .pd-t8 {
        padding-top: 8px
    }
    .pd-r8 {
        padding-right: 8px
    }
    .pd-b8 {
        padding-bottom: 8px
    }
    .mr-8 {
        margin: 8px
    }
    .mr-r8 {
        margin-right: 8px
    }
    .mr-t8 {
        margin-top: 8px
    }
    .mr-b8 {
        margin-bottom: 8px
    }
    .mr-l8 {
        margin-left: 8px
    }
    .pd-9 {
        padding: 9px
    }
    .pd-l9 {
        padding-left: 9px
    }
    .pd-t9 {
        padding-top: 9px
    }
    .pd-r9 {
        padding-right: 9px
    }
    .pd-b9 {
        padding-bottom: 9px
    }
    .mr-9 {
        margin: 9px
    }
    .mr-r9 {
        margin-right: 9px
    }
    .mr-t9 {
        margin-top: 9px
    }
    .mr-b9 {
        margin-bottom: 9px
    }
    .mr-l9 {
        margin-left: 9px
    }
    .pd-10 {
        padding: 10px
    }
    .pd-l10 {
        padding-left: 10px
    }
    .pd-t10 {
        padding-top: 10px
    }
    .pd-r10 {
        padding-right: 10px
    }
    .pd-b10 {
        padding-bottom: 10px
    }
    .mr-10 {
        margin: 10px
    }
    .mr-r10 {
        margin-right: 10px
    }
    .mr-t10 {
        margin-top: 10px
    }
    .mr-b10 {
        margin-bottom: 10px
    }
    .mr-l10 {
        margin-left: 10px
    }
    .pd-11 {
        padding: 11px
    }
    .pd-l11 {
        padding-left: 11px
    }
    .pd-t11 {
        padding-top: 11px
    }
    .pd-r11 {
        padding-right: 11px
    }
    .pd-b11 {
        padding-bottom: 11px
    }
    .mr-11 {
        margin: 11px
    }
    .mr-r11 {
        margin-right: 11px
    }
    .mr-t11 {
        margin-top: 11px
    }
    .mr-b11 {
        margin-bottom: 11px
    }
    .mr-l11 {
        margin-left: 11px
    }
    .pd-12 {
        padding: 12px
    }
    .pd-l12 {
        padding-left: 12px
    }
    .pd-t12 {
        padding-top: 12px
    }
    .pd-r12 {
        padding-right: 12px
    }
    .pd-b12 {
        padding-bottom: 12px
    }
    .mr-12 {
        margin: 12px
    }
    .mr-r12 {
        margin-right: 12px
    }
    .mr-t12 {
        margin-top: 12px
    }
    .mr-b12 {
        margin-bottom: 12px
    }
    .mr-l12 {
        margin-left: 12px
    }
    .pd-13 {
        padding: 13px
    }
    .pd-l13 {
        padding-left: 13px
    }
    .pd-t13 {
        padding-top: 13px
    }
    .pd-r13 {
        padding-right: 13px
    }
    .pd-b13 {
        padding-bottom: 13px
    }
    .mr-13 {
        margin: 13px
    }
    .mr-r13 {
        margin-right: 13px
    }
    .mr-t13 {
        margin-top: 13px
    }
    .mr-b13 {
        margin-bottom: 13px
    }
    .mr-l13 {
        margin-left: 13px
    }
    .pd-14 {
        padding: 14px
    }
    .pd-l14 {
        padding-left: 14px
    }
    .pd-t14 {
        padding-top: 14px
    }
    .pd-r14 {
        padding-right: 14px
    }
    .pd-b14 {
        padding-bottom: 14px
    }
    .mr-14 {
        margin: 14px
    }
    .mr-r14 {
        margin-right: 14px
    }
    .mr-t14 {
        margin-top: 14px
    }
    .mr-b14 {
        margin-bottom: 14px
    }
    .mr-l14 {
        margin-left: 14px
    }
    .pd-15 {
        padding: 15px
    }
    .pd-l15 {
        padding-left: 15px
    }
    .pd-t15 {
        padding-top: 15px
    }
    .pd-r15 {
        padding-right: 15px
    }
    .pd-b15 {
        padding-bottom: 15px
    }
    .mr-15 {
        margin: 15px
    }
    .mr-r15 {
        margin-right: 15px
    }
    .mr-t15 {
        margin-top: 15px
    }
    .mr-b15 {
        margin-bottom: 15px
    }
    .mr-l15 {
        margin-left: 15px
    }
    .pd-16 {
        padding: 16px
    }
    .pd-l16 {
        padding-left: 16px
    }
    .pd-t16 {
        padding-top: 16px
    }
    .pd-r16 {
        padding-right: 16px
    }
    .pd-b16 {
        padding-bottom: 16px
    }
    .mr-16 {
        margin: 16px
    }
    .mr-r16 {
        margin-right: 16px
    }
    .mr-t16 {
        margin-top: 16px
    }
    .mr-b16 {
        margin-bottom: 16px
    }
    .mr-l16 {
        margin-left: 16px
    }
    .pd-17 {
        padding: 17px
    }
    .pd-l17 {
        padding-left: 17px
    }
    .pd-t17 {
        padding-top: 17px
    }
    .pd-r17 {
        padding-right: 17px
    }
    .pd-b17 {
        padding-bottom: 17px
    }
    .mr-17 {
        margin: 17px
    }
    .mr-r17 {
        margin-right: 17px
    }
    .mr-t17 {
        margin-top: 17px
    }
    .mr-b17 {
        margin-bottom: 17px
    }
    .mr-l17 {
        margin-left: 17px
    }
    .pd-18 {
        padding: 18px
    }
    .pd-l18 {
        padding-left: 18px
    }
    .pd-t18 {
        padding-top: 18px
    }
    .pd-r18 {
        padding-right: 18px
    }
    .pd-b18 {
        padding-bottom: 18px
    }
    .mr-18 {
        margin: 18px
    }
    .mr-r18 {
        margin-right: 18px
    }
    .mr-t18 {
        margin-top: 18px
    }
    .mr-b18 {
        margin-bottom: 18px
    }
    .mr-l18 {
        margin-left: 18px
    }
    .pd-19 {
        padding: 19px
    }
    .pd-l19 {
        padding-left: 19px
    }
    .pd-t19 {
        padding-top: 19px
    }
    .pd-r19 {
        padding-right: 19px
    }
    .pd-b19 {
        padding-bottom: 19px
    }
    .mr-19 {
        margin: 19px
    }
    .mr-r19 {
        margin-right: 19px
    }
    .mr-t19 {
        margin-top: 19px
    }
    .mr-b19 {
        margin-bottom: 19px
    }
    .mr-l19 {
        margin-left: 19px
    }
    .pd-20 {
        padding: 20px
    }
    .pd-l20 {
        padding-left: 20px
    }
    .pd-t20 {
        padding-top: 20px
    }
    .pd-r20 {
        padding-right: 20px
    }
    .pd-b20 {
        padding-bottom: 20px
    }
    .mr-20 {
        margin: 20px
    }
    .mr-r20 {
        margin-right: 20px
    }
    .mr-t20 {
        margin-top: 20px
    }
    .mr-b20 {
        margin-bottom: 20px
    }
    .mr-l20 {
        margin-left: 20px
    }
    .pd-21 {
        padding: 21px
    }
    .pd-l21 {
        padding-left: 21px
    }
    .pd-t21 {
        padding-top: 21px
    }
    .pd-r21 {
        padding-right: 21px
    }
    .pd-b21 {
        padding-bottom: 21px
    }
    .mr-21 {
        margin: 21px
    }
    .mr-r21 {
        margin-right: 21px
    }
    .mr-t21 {
        margin-top: 21px
    }
    .mr-b21 {
        margin-bottom: 21px
    }
    .mr-l21 {
        margin-left: 21px
    }
    .pd-22 {
        padding: 22px
    }
    .pd-l22 {
        padding-left: 22px
    }
    .pd-t22 {
        padding-top: 22px
    }
    .pd-r22 {
        padding-right: 22px
    }
    .pd-b22 {
        padding-bottom: 22px
    }
    .mr-22 {
        margin: 22px
    }
    .mr-r22 {
        margin-right: 22px
    }
    .mr-t22 {
        margin-top: 22px
    }
    .mr-b22 {
        margin-bottom: 22px
    }
    .mr-l22 {
        margin-left: 22px
    }
    .pd-23 {
        padding: 23px
    }
    .pd-l23 {
        padding-left: 23px
    }
    .pd-t23 {
        padding-top: 23px
    }
    .pd-r23 {
        padding-right: 23px
    }
    .pd-b23 {
        padding-bottom: 23px
    }
    .mr-23 {
        margin: 23px
    }
    .mr-r23 {
        margin-right: 23px
    }
    .mr-t23 {
        margin-top: 23px
    }
    .mr-b23 {
        margin-bottom: 23px
    }
    .mr-l23 {
        margin-left: 23px
    }
    .pd-24 {
        padding: 24px
    }
    .pd-l24 {
        padding-left: 24px
    }
    .pd-t24 {
        padding-top: 24px
    }
    .pd-r24 {
        padding-right: 24px
    }
    .pd-b24 {
        padding-bottom: 24px
    }
    .mr-24 {
        margin: 24px
    }
    .mr-r24 {
        margin-right: 24px
    }
    .mr-t24 {
        margin-top: 24px
    }
    .mr-b24 {
        margin-bottom: 24px
    }
    .mr-l24 {
        margin-left: 24px
    }
    .pd-25 {
        padding: 25px
    }
    .pd-l25 {
        padding-left: 25px
    }
    .pd-t25 {
        padding-top: 25px
    }
    .pd-r25 {
        padding-right: 25px
    }
    .pd-b25 {
        padding-bottom: 25px
    }
    .mr-25 {
        margin: 25px
    }
    .mr-r25 {
        margin-right: 25px
    }
    .mr-t25 {
        margin-top: 25px
    }
    .mr-b25 {
        margin-bottom: 25px
    }
    .mr-l25 {
        margin-left: 25px
    }
    .pd-26 {
        padding: 26px
    }
    .pd-l26 {
        padding-left: 26px
    }
    .pd-t26 {
        padding-top: 26px
    }
    .pd-r26 {
        padding-right: 26px
    }
    .pd-b26 {
        padding-bottom: 26px
    }
    .mr-26 {
        margin: 26px
    }
    .mr-r26 {
        margin-right: 26px
    }
    .mr-t26 {
        margin-top: 26px
    }
    .mr-b26 {
        margin-bottom: 26px
    }
    .mr-l26 {
        margin-left: 26px
    }
    .pd-27 {
        padding: 27px
    }
    .pd-l27 {
        padding-left: 27px
    }
    .pd-t27 {
        padding-top: 27px
    }
    .pd-r27 {
        padding-right: 27px
    }
    .pd-b27 {
        padding-bottom: 27px
    }
    .mr-27 {
        margin: 27px
    }
    .mr-r27 {
        margin-right: 27px
    }
    .mr-t27 {
        margin-top: 27px
    }
    .mr-b27 {
        margin-bottom: 27px
    }
    .mr-l27 {
        margin-left: 27px
    }
    .pd-28 {
        padding: 28px
    }
    .pd-l28 {
        padding-left: 28px
    }
    .pd-t28 {
        padding-top: 28px
    }
    .pd-r28 {
        padding-right: 28px
    }
    .pd-b28 {
        padding-bottom: 28px
    }
    .mr-28 {
        margin: 28px
    }
    .mr-r28 {
        margin-right: 28px
    }
    .mr-t28 {
        margin-top: 28px
    }
    .mr-b28 {
        margin-bottom: 28px
    }
    .mr-l28 {
        margin-left: 28px
    }
    .pd-29 {
        padding: 29px
    }
    .pd-l29 {
        padding-left: 29px
    }

}

@media (min-width: 768px) {
    .hide-desktop {
        display: none
    }
    .padding-0 {
        padding: 0
    }
    .padding-l0 {
        padding-left: 0
    }
    .padding-t0 {
        padding-top: 0
    }
    .padding-r0 {
        padding-right: 0
    }
    .padding-b0 {
        padding-bottom: 0
    }
    .margin-0 {
        margin: 0
    }
    .margin-r0 {
        margin-right: 0
    }
    .margin-t0 {
        margin-top: 0
    }
    .margin-b0 {
        margin-bottom: 0
    }
    .margin-l0 {
        margin-left: 0
    }
    .padding-1 {
        padding: 1px
    }
    .padding-l1 {
        padding-left: 1px
    }
    .padding-t1 {
        padding-top: 1px
    }
    .padding-r1 {
        padding-right: 1px
    }
    .padding-b1 {
        padding-bottom: 1px
    }
    .margin-1 {
        margin: 1px
    }
    .margin-r1 {
        margin-right: 1px
    }
    .margin-t1 {
        margin-top: 1px
    }
    .margin-b1 {
        margin-bottom: 1px
    }
    .margin-l1 {
        margin-left: 1px
    }
    .padding-2 {
        padding: 2px
    }
    .padding-l2 {
        padding-left: 2px
    }
    .padding-t2 {
        padding-top: 2px
    }
    .padding-r2 {
        padding-right: 2px
    }
    .padding-b2 {
        padding-bottom: 2px
    }
    .margin-2 {
        margin: 2px
    }
    .margin-r2 {
        margin-right: 2px
    }
    .margin-t2 {
        margin-top: 2px
    }
    .margin-b2 {
        margin-bottom: 2px
    }
    .margin-r20{
        margin-right: 20px;
    }
    .margin-l20{
        margin-left: 20px;
    }
    .margin-l2 {
        margin-left: 2px
    }
    .padding-3 {
        padding: 3px
    }
    .padding-l3 {
        padding-left: 3px
    }
    .padding-t3 {
        padding-top: 3px
    }
    .padding-r3 {
        padding-right: 3px
    }
    .padding-b3 {
        padding-bottom: 3px
    }
    .margin-3 {
        margin: 3px
    }
    .margin-r3 {
        margin-right: 3px
    }
    .margin-t3 {
        margin-top: 3px
    }
    .margin-b3 {
        margin-bottom: 3px
    }
    .margin-l3 {
        margin-left: 3px
    }
    .padding-4 {
        padding: 4px
    }
    .padding-l4 {
        padding-left: 4px
    }
    .padding-t4 {
        padding-top: 4px
    }
    .padding-r4 {
        padding-right: 4px
    }
    .padding-b4 {
        padding-bottom: 4px
    }
    .margin-4 {
        margin: 4px
    }
    .margin-r4 {
        margin-right: 4px
    }
    .margin-t4 {
        margin-top: 4px
    }
    .margin-b4 {
        margin-bottom: 4px
    }
    .margin-l4 {
        margin-left: 4px
    }
    .padding-5 {
        padding: 5px
    }
    .padding-l5 {
        padding-left: 5px
    }
    .padding-t5 {
        padding-top: 5px
    }
    .padding-r5 {
        padding-right: 5px
    }
    .padding-b5 {
        padding-bottom: 5px
    }
    .margin-5 {
        margin: 5px
    }
    .margin-r5 {
        margin-right: 5px
    }
    .margin-t5 {
        margin-top: 5px
    }
    .margin-b5 {
        margin-bottom: 5px
    }
    .margin-l5 {
        margin-left: 5px
    }
    .padding-6 {
        padding: 6px
    }
    .padding-l6 {
        padding-left: 6px
    }
    .padding-t6 {
        padding-top: 6px
    }
    .padding-r6 {
        padding-right: 6px
    }
    .padding-b6 {
        padding-bottom: 6px
    }
    .margin-6 {
        margin: 6px
    }
    .margin-r6 {
        margin-right: 6px
    }
    .margin-t6 {
        margin-top: 6px
    }
    .margin-b6 {
        margin-bottom: 6px
    }
    .margin-l6 {
        margin-left: 6px
    }
    .padding-7 {
        padding: 7px
    }
    .padding-l7 {
        padding-left: 7px
    }
    .padding-t7 {
        padding-top: 7px
    }
    .padding-r7 {
        padding-right: 7px
    }
    .padding-b7 {
        padding-bottom: 7px
    }
    .margin-7 {
        margin: 7px
    }
    .margin-r7 {
        margin-right: 7px
    }
    .margin-t7 {
        margin-top: 7px
    }
    .margin-b7 {
        margin-bottom: 7px
    }
    .margin-l7 {
        margin-left: 7px
    }
    .padding-8 {
        padding: 8px
    }
    .padding-l8 {
        padding-left: 8px
    }
    .padding-t8 {
        padding-top: 8px
    }
    .padding-r8 {
        padding-right: 8px
    }
    .padding-b8 {
        padding-bottom: 8px
    }
    .margin-8 {
        margin: 8px
    }
    .margin-r8 {
        margin-right: 8px
    }
    .margin-t8 {
        margin-top: 8px
    }
    .margin-b8 {
        margin-bottom: 8px
    }
    .margin-l8 {
        margin-left: 8px
    }
    .padding-9 {
        padding: 9px
    }
    .padding-l9 {
        padding-left: 9px
    }
    .padding-t9 {
        padding-top: 9px
    }
    .padding-r9 {
        padding-right: 9px
    }
    .padding-b9 {
        padding-bottom: 9px
    }
    .margin-9 {
        margin: 9px
    }
    .margin-r9 {
        margin-right: 9px
    }
    .margin-t9 {
        margin-top: 9px
    }
    .margin-b9 {
        margin-bottom: 9px
    }
    .margin-l9 {
        margin-left: 9px
    }
    .padding-10 {
        padding: 10px
    }
    .padding-l10 {
        padding-left: 10px
    }
    .padding-t10 {
        padding-top: 10px
    }
    .padding-r10 {
        padding-right: 10px
    }
    .padding-b10 {
        padding-bottom: 10px
    }
    .margin-10 {
        margin: 10px
    }
    .margin-r10 {
        margin-right: 10px
    }
    .margin-t10 {
        margin-top: 10px
    }
    .margin-b10 {
        margin-bottom: 10px
    }
    .margin-l10 {
        margin-left: 10px
    }
    .padding-11 {
        padding: 11px
    }
    .padding-l11 {
        padding-left: 11px
    }
    .padding-t11 {
        padding-top: 11px
    }
    .padding-r11 {
        padding-right: 11px
    }
    .padding-b11 {
        padding-bottom: 11px
    }
    .margin-11 {
        margin: 11px
    }
    .margin-r11 {
        margin-right: 11px
    }
    .margin-t11 {
        margin-top: 11px
    }
    .margin-b11 {
        margin-bottom: 11px
    }
    .margin-l11 {
        margin-left: 11px
    }
    .padding-12 {
        padding: 12px
    }
    .padding-l12 {
        padding-left: 12px
    }
    .padding-t12 {
        padding-top: 12px
    }
    .padding-r12 {
        padding-right: 12px
    }
    .padding-b12 {
        padding-bottom: 12px
    }
    .margin-12 {
        margin: 12px
    }
    .margin-r12 {
        margin-right: 12px
    }
    .margin-t12 {
        margin-top: 12px
    }
    .margin-b12 {
        margin-bottom: 12px
    }
    .margin-l12 {
        margin-left: 12px
    }
    .padding-13 {
        padding: 13px
    }
    .padding-l13 {
        padding-left: 13px
    }
    .padding-t13 {
        padding-top: 13px
    }
    .padding-r13 {
        padding-right: 13px
    }
    .padding-b13 {
        padding-bottom: 13px
    }
    .margin-13 {
        margin: 13px
    }
    .margin-r13 {
        margin-right: 13px
    }
    .margin-t13 {
        margin-top: 13px
    }
    .margin-b13 {
        margin-bottom: 13px
    }
    .margin-l13 {
        margin-left: 13px
    }
    .padding-14 {
        padding: 14px
    }
    .padding-l14 {
        padding-left: 14px
    }
    .padding-t14 {
        padding-top: 14px
    }
    .padding-r14 {
        padding-right: 14px
    }
    .padding-b14 {
        padding-bottom: 14px
    }
    .margin-14 {
        margin: 14px
    }
    .margin-r14 {
        margin-right: 14px
    }
    .margin-t14 {
        margin-top: 14px
    }
    .margin-b14 {
        margin-bottom: 14px
    }
    .margin-l14 {
        margin-left: 14px
    }
    .padding-15 {
        padding: 15px
    }
    .padding-l15 {
        padding-left: 15px
    }
    .padding-t15 {
        padding-top: 15px
    }
    .padding-r15 {
        padding-right: 15px
    }
    .padding-b15 {
        padding-bottom: 15px
    }
    .margin-15 {
        margin: 15px
    }
    .margin-r15 {
        margin-right: 15px
    }
    .margin-t15 {
        margin-top: 15px
    }
    .margin-b15 {
        margin-bottom: 15px
    }
    .margin-l15 {
        margin-left: 15px
    }
    .padding-16 {
        padding: 16px
    }
    .padding-l16 {
        padding-left: 16px
    }
    .padding-t16 {
        padding-top: 16px
    }
    .padding-r16 {
        padding-right: 16px
    }
    .padding-b16 {
        padding-bottom: 16px
    }
    .margin-16 {
        margin: 16px
    }
    .margin-r16 {
        margin-right: 16px
    }
    .margin-t16 {
        margin-top: 16px
    }
    .margin-b16 {
        margin-bottom: 16px
    }
    .margin-l16 {
        margin-left: 16px
    }
    .padding-17 {
        padding: 17px
    }
    .padding-l17 {
        padding-left: 17px
    }
    .padding-t17 {
        padding-top: 17px
    }
    .padding-r17 {
        padding-right: 17px
    }
    .padding-b17 {
        padding-bottom: 17px
    }
    .margin-17 {
        margin: 17px
    }
    .margin-r17 {
        margin-right: 17px
    }
    .margin-t17 {
        margin-top: 17px
    }
    .margin-b17 {
        margin-bottom: 17px
    }
    .margin-l17 {
        margin-left: 17px
    }
    .padding-18 {
        padding: 18px
    }
    .padding-l18 {
        padding-left: 18px
    }
    .padding-t18 {
        padding-top: 18px
    }
    .padding-r18 {
        padding-right: 18px
    }
    .padding-b18 {
        padding-bottom: 18px
    }
    .margin-18 {
        margin: 18px
    }
    .margin-r18 {
        margin-right: 18px
    }
    .margin-t18 {
        margin-top: 18px
    }
    .margin-b18 {
        margin-bottom: 18px
    }
    .margin-l18 {
        margin-left: 18px
    }
    .padding-19 {
        padding: 19px
    }
    .padding-l19 {
        padding-left: 19px
    }
    .padding-t19 {
        padding-top: 19px
    }
    .padding-r19 {
        padding-right: 19px
    }
    .padding-b19 {
        padding-bottom: 19px
    }
    .margin-19 {
        margin: 19px
    }
 
    
    .margin-t27 {
        margin-top: 27px
    }
    .margin-b27 {
        margin-bottom: 27px
    }
    .margin-l27 {
        margin-left: 27px
    }
    .padding-28 {
        padding: 28px
    }
    .padding-l28 {
        padding-left: 28px
    }
    .padding-t28 {
        padding-top: 28px
    }
    .padding-r28 {
        padding-right: 28px
    }
    .padding-b28 {
        padding-bottom: 28px
    }
    .margin-28 {
        margin: 28px
    }