/*------------------------------------*\
    #Align
\*------------------------------------*/

address,
blockquote,
dd,
dl,
fieldset,
form,
ol,
p,
pre,
table,
ul {
    margin-bottom: $baseline;
}

section {
    padding-top: 130px;
    padding-bottom: 130px;
    overflow: hidden;
    background-color: $color-white;
    z-index: 1;
    position: relative;
}

/* All margin */

.m-0 {
    margin: 0 !important
}

.m-xs {
    margin: ($baseline/2);
}

.m-sm {
    margin: $baseline;
}

.m-md {
    margin: $baseline*2;
}

.m-lg {
    margin: $baseline*4;
}

/* top margin */

.mt-0 {
    margin-top: 0 !important;
}

.mt-xs {
    margin-top: ($baseline/2);
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

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

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-120 {
    margin-top: 120px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-220 {
    margin-top: 220px;
}

/* bottom margin */

.mb-0 {
    margin-bottom: 0 !important;
}

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

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-110 {
    margin-bottom: 110px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.mb-130 {
    margin-bottom: 130px !important;
}

.mb-140 {
    margin-bottom: 140px !important;
}

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

.mb-160 {
    margin-bottom: 160px !important;
}

.mb-180 {
    margin-bottom: 180px !important;
}

.mb-220 {
    margin-bottom: 220px !important;
}

.mb-300 {
    margin-bottom: 300px !important;
}

/* right margin */

.mr-0 {
    margin-right: 0;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

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

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

.mr-150 {
    margin-right: 150px;
}

/* left margin */

.ml-0 {
    margin-left: 0;
}

.ml-xs {
    margin-left: ($baseline/2);
}

.ml-sm {
    margin-left: $baseline;
}

.ml-md {
    margin-left: $baseline*2;
}

.ml-lg {
    margin-left: $baseline*4;
}

.ml-30 {
    margin-left: 30px !important;
}

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

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

.ml-150 {
    margin-left: 150px;
}
.mtop-100{
    margin-top: -100px!important;
}
.mtop-150{
    margin-top: -150px!important;
}
/* All padding */

.p-0 {
    padding: 0 !important;
}

.p-xs {
    padding: ($baseline/2);
}

.p-sm {
    padding: $baseline;
}

.p-md {
    padding: $baseline*2;
}

.p-lg {
    padding: $baseline*4;
}

/* top padding */

.pt-0 {
    padding-top: 0 !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-110 {
    padding-top: 110px !important;
}

@media only screen and (min-width : 992px) {
    .pt-120 {
        padding-top: 120px !important;
    }
    
    .pt-130 {
        padding-top: 130px !important;
    }
    
    .pt-140 {
        padding-top: 140px !important;
    }
    
    .pt-150 {
        padding-top: 150px !important;
    }
    
    .pt-160 {
        padding-top: 160px !important;
    }
    
    .pt-180 {
        padding-top: 180px;
    }
    
    .pt-190 {
        padding-top: 180px;
    }
    
    .pt-200 {
        padding-top: 200px;
    }
    
    .pt-210 {
        padding-top: 210px;
    }
    
    .pt-260 {
        padding-top: 260px;
    }
    
}

/* bottom padding */

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-20 {
    padding-bottom: 20px!important;
}

.pb-30 {
    padding-bottom: 30px!important;
}

.pb-40 {
    padding-bottom: 40px!important;
}
.pb-50 {
    padding-bottom: 50px!important;
}

.pb-60 {
    padding-bottom: 60px!important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-110 {
    padding-bottom: 110px !important;
}

.pb-120 {
    padding-bottom: 120px !important;
}

.pb-130 {
    padding-bottom: 130px !important;
}

.pb-140 {
    padding-bottom: 140px !important;
}

.pb-150 {
    padding-bottom: 150px !important;
}

.pb-160 {
    padding-bottom: 160px !important;
}

.pb-170 {
    padding-bottom: 170px !important;
}

.pb-180 {
    padding-bottom: 180px !important;
}

.pb-190 {
    padding-bottom: 190px !important;
}

.pb-200 {
    padding-bottom: 200px !important;
}

.pb-320 {
    padding-bottom: 320px;
}

.pb-410 {
    padding-bottom: 410px;
}

.pb-450 {
    padding-bottom: 450px;
}

/* right padding */

.pr-0 {
    padding-right: 0;
}

.pr-xs {
    padding-right: ($baseline/2);
}

.pr-sm {
    padding-right: $baseline;
}

.pr-md {
    padding-right: $baseline*2;
}

.pr-lg {
    padding-right: $baseline*4;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-100 {
    padding-right: 100px !important;
}

.pr-150 {
    padding-right: 150px;
}

/* left padding */

.pl-0 {
    padding-left: 0;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-150 {
    padding-left: 150px;
}

/* Postions */

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.static {
    position: static;
}

/* Zindex*/

.zindex-1 {
    z-index: 1;
}

.zindex-2 {
    z-index: 2;
}

.zindex-3 {
    z-index: 3;
}

/* Borders */

.border-all {
    border: 1px solid $color-theme;
}

.border-top {
    border-top: 1px solid $color-theme;
}

.border-bottom {
    border-bottom: 1px solid $color-theme;
}

.border-right {
    border-right: 1px solid $color-theme;
}

.border-left {
    border-left: 1px solid $color-theme;
}
.border-none{
    border: none !important;
}
/* Display */

.inline {
    display: inline;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block !important;
}

.hide {
    display: none;
}

.flex {
    display: flex;
}

@media only screen and (max-width: 767px) {
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-150 {
        padding-bottom: 60px !important;
    }
    
    .text-center-xs {
        text-align: center !important;
    }
    .text-left-xs{
        text-align: left !important;
    }
    .pull-none-xs {
        float: none !important;
        text-align: center !important;
    }
    .mr-0-xs{
        margin-right: 0 !important;
    }
    .mb-0-xs {
        margin-bottom: 0 !important;
    }
    .mb-15-xs {
        margin-bottom: 15px;
    }

    .mb-30-xs {
        margin-bottom: 30px !important;
    }

    .mb-50-xs {
        margin-bottom: 50px !important;
    }

    .mb-60-xs {
        margin-bottom: 60px !important;
    }
    .p-0-xs{
        padding: 0 !important;
    }
    .pt-60-xs{
        padding-top: 60px !important;
    }
    .pb-60-xs{
        padding-bottom: 60px !important;
    }
    .p-none-xs {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .pl-15-xs {
        padding-left: 15px !important;
    }
    .pr-15-xs {
        padding-right: 15px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    section {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .pb-150 {
        padding-bottom: 90px !important;
    }
    .text-center-sm {
        text-align: center !important;
    }
    .text-left-sm {
        text-align: left!important;
    }
    .mr-0-sm{
        margin-right: 0 !important;
    }
    .mb-0-sm {
        margin-bottom: 0;
    }

    .mb-15-sm {
        margin-bottom: 15px;
    }

    .mb-30-sm {
        margin-bottom: 30px !important;
    }

    .mb-50-sm {
        margin-bottom: 50px !important;
    }

    .mb-60-sm {
        margin-bottom: 60px;
    }

    .pb-15-sm {
        padding-bottom: 15px;
    }

    .pb-30-sm {
        padding-bottom: 30px;
    }

    .pb-50-sm {
        padding-bottom: 50px;
    }

    .pb-60-sm {
        padding-bottom: 60px;
    }
    .p-0-sm{
        padding: 0 !important;
    }

    .p-none-sm {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .pull-none-sm {
        float: none !important;
        text-align: center !important;
    }
    
}

.text-content-right{
    text-align:right;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .text-content-right{
        text-align:center;
    }
}

