/*!
 * Doddy v1.0 (Our framework - All EIB websites)
 * Copyright 2017 Business & Decision Luxembourg S.A
 * Licensed under OMM Team - B&D Luxembourg S.A
 */

/********************************************************************************
*                                                                               *
*  [*] Generic Classes                                                          *
*  [µ] Technique to select the class name by contains                           *
*  [#] Screen size: xs,sm,md,lg                                                 *
*                                                                               *
*-------------------------------------------------------------------------------*
*                                                                               *
* Tutorial CSS                                                                  *
*                                                                               *
*  [µ] https://www.w3schools.com/css/css_attribute_selectors.asp                *
*                                                                               *
********************************************************************************/

/* [*] Display ************************************************/

    .display-block {display:block;}
    .display-none {display:none;}
    .display-inherit {display: inherit;}
    .display-initial {display: initial;}
    .display-inline {display:inline;}
    .display-inline-block {display:inline-block;}
    .display-table {display:table;}
    .display-table-cell {display:table-cell;}
    .display-flex {display:flex;}


/* [*] White space ************************************************/

    .no-white-space {white-space: inherit;}


/* [*] Column ************************************************/

    @media (min-width: 768px) {
        .column{padding:0;}
    }

    @media (max-width: 767px) {
        #menu .column{ padding:0; }
    }

/* [*] Container Columns sizes (8 & 10)***********************/

    /* [#] sm screen */
    @media (min-width: 768px) {
        .container-col-8 {
           padding:0 100px;
        }

        .container-col-10 {
           padding:0 15px;
        }
    }

    /* [#] md screen */
    @media (min-width: 992px) {
        .container-col-8 {
           padding:0 200px;
        }

        .container-col-10 {
           padding:0 100px;
        }
    }

    /* [#] lg screen */
    @media (min-width: 1200px) {
        .container-col-8 {
           padding:0 200px;
        }

        .container-col-10 {
           padding:0 100px;
        }
    }

    @media (min-width: 1480px) {
        .col-xl-12 {
           width: 100%;
        }
        .col-xl-11 {
           width: 91.666667%;
        }
        .col-xl-10 {
           width: 83.333333%;
        }
        .col-xl-9 {
           width: 75%;
        }
        .col-xl-8 {
           width: 66.666667%;
        }
        .col-xl-7 {
           width: 58.333333%;
        }
        .col-xl-6 {
           width: 50%;
        }
        .col-xl-5 {
           width: 41.666667%;
        }
        .col-xl-4 {
           width: 33.333333%;
        }
        .col-xl-3 {
           width: 25%;
        }
        .col-xl-2 {
           width: 16.666667%;
        }
        .col-xl-1 {
           width: 8.333333%;
        }
        .col-xl-0 {
           width: 0%;
        }

        .col-xl-offset-0 {
            margin-left: 0%;
        }
        .col-xl-offset-1 {
            margin-left: 8.333333%;
        }
        .col-xl-offset-2 {
            margin-left: 16.666667%;
        }
        .col-xl-offset-3 {
            margin-left: 25%;
        }
        .col-xl-offset-4 {
            margin-left: 33.333333%;
        }
        .col-xl-offset-5 {
            margin-left: 41.666667%;
        }
        .col-xl-offset-6 {
            margin-left: 50%;
        }
        .col-xl-offset-7 {
            margin-left: 58.333333%;
        }
        .col-xl-offset-8 {
            margin-left: 66.666667%;
        }
        .col-xl-offset-9 {
            margin-left: 75%;
        }
        .col-xl-offset-10 {
            margin-left: 83.333333%;
        }
        .col-xl-offset-11 {
            margin-left: 91.666667%;
        }
    }


/* Visible & hidden media queries */

    /* [#] xs screen */
    @media (max-width: 767px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] sm screen */
    @media (min-width: 768px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] md screen */
    @media (min-width: 992px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] lg screen */
    @media (min-width: 1200px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] xl screen */
    @media (min-width: 1480px) {
      .visible-xl {
          display: block !important;
      }
      .hidden-xl {
          display: none !important;
      }
    }


/* [*] Float columns (outsite) for the blog with 8 columns grid */

    [class*="content-left"], [class*="content-right"], [class*="float-col-"] {
        position:relative;
    }

    /* [#] md screen */
    @media (min-width: 992px) {
        [class*="float-col-"] {
            float:left;
        }

        [class*="content-left"] {
            float:left;
            padding-right:15px;
        }

        [class*="content-right"] {
            float:right;
            padding-left:15px;
        }

        .float-col-md-1200 {
            width: 1200px;
        }

        .float-col-md-1000 {
            width: 1000px;
        }

        .float-col-md-800 {
            width: 800px;
        }

        .float-col-md-600 {
            width: 600px;

        }

        .float-col-md-400 {
            width:400px;
        }

        .float-col-md-320 {
            width:320px;
        }

        .float-col-md-pull-400 {
            margin-left: -400px;
        }

        .float-col-md-pull-300 {
            margin-left: -300px;
        }

        .float-col-md-pull-200 {
            margin-left: -200px;
        }

        .float-col-md-pull-100 {
            margin-left: -100px;
        }

        .float-col-md-push-400 {
            margin-right: -400px;
        }

        .float-col-md-push-300 {
            margin-right: -300px;
        }

        .float-col-md-push-200 {
            margin-right: -200px;
        }

        .float-col-md-push-100 {
            margin-right: -100px;
        }

        /*figure.full-content-left > img {
            width:1000px
        }*/


    }

    /*@media (min-width: 992px) and (max-width: 1280px) {
        figure.full-content-left {
            width: 100%;
            margin-left: -50%;
            float:left;
        }

    }

    @media (min-width: 1281px) {
        figure.full-content-left {
            width: 123%;
            margin-left: -74%;
            float:left;
        }
    }*/

/* [*] 5 Columns ************************************************/

    .col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 {
      float: left;
    }
    .col-xs-5th-5 {
      float: left;
      width: 100%;
    }
    .col-xs-5th-4{
      width: 80%;
    }
    .col-xs-5th-3{
      width: 60%;
    }
    .col-xs-5th-2{
      width: 40%;
    }
    .col-xs-5th-1{
      width: 20%;
    }
    .col-xs-5th-pull-5{
      right: 100%;
    }
    .col-xs-5th-pull-4{
      right: 80%;
    }
    .col-xs-5th-pull-3{
      right: 60%;
    }
    .col-xs-5th-pull-2{
      right: 40%;
    }
    .col-xs-5th-pull-1{
      right: 20%;
    }
    .col-xs-5th-pull-0{
      right: auto;
    }
    .col-xs-5th-push-5{
      left: 100%;
    }
    .col-xs-5th-push-4{
      left: 80%;
    }
    .col-xs-5th-push-3{
      left: 60%;
    }
    .col-xs-5th-push-2{
      left: 40%;
    }
    .col-xs-5th-push-1{
      left: 20%;
    }
    .col-xs-5th-push-0{
      left: auto;
    }
    .col-xs-5th-offset-5{
      margin-left: 100%;
    }
    .col-xs-5th-offset-4{
      margin-left: 80%;
    }
    .col-xs-5th-offset-3{
      margin-left: 60%;
    }
    .col-xs-5th-offset-2{
      margin-left: 40%;
    }
    .col-xs-5th-offset-1{
      margin-left: 20%;
    }
    .col-xs-5th-offset-0{
      margin-left: 0%;
    }

    /* [#] sm screen */
    @media (min-width: 768px) {
      .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4{
        float: left;}
      .col-sm-5th-5{
        float: left;
        width: 100%;}
      .col-sm-5th-4{
        width: 80%;}
      .col-sm-5th-3{
        width: 60%;}
      .col-sm-5th-2{
        width: 40%;}
      .col-sm-5th-1{
        width: 20%;}
      .col-sm-5th-pull-5{
        right: 100%;}
      .col-sm-5th-pull-4{
        right: 80%;}
      .col-sm-5th-pull-3{
        right: 60%;}
      .col-sm-5th-pull-2{
        right: 40%;}
      .col-sm-5th-pull-1{
        right: 20%;}
      .col-sm-5th-pull-0{
        right: auto;}
      .col-sm-5th-push-5{
        left: 100%;}
      .col-sm-5th-push-4{
        left: 80%;}
      .col-sm-5th-push-3{
        left: 60%;}
      .col-sm-5th-push-2{
        left: 40%;}
      .col-sm-5th-push-1{
        left: 20%;}
      .col-sm-5th-push-0{
        left: auto;}
      .col-sm-5th-offset-5{
        margin-left: 100%;}
      .col-sm-5th-offset-4{
        margin-left: 80%;}
      .col-sm-5th-offset-3{
        margin-left: 60%;}
      .col-sm-5th-offset-2{
        margin-left: 40%;}
      .col-sm-5th-offset-1{
        margin-left: 20%;}
      .col-sm-5th-offset-0{
        margin-left: 0%;}
    }

    /* [#] md screen */
    @media (min-width: 992px){
      .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4{
        float: left;}
      .col-md-5th-5{
        float: left;
        width: 100%;}
      .col-md-5th-4{
        width: 80%;}
      .col-md-5th-3{
        width: 60%;}
      .col-md-5th-2{
        width: 40%;}
      .col-md-5th-1{
        width: 20%;}
      .col-md-5th-pull-5{
        right: 100%;}
      .col-md-5th-pull-4{
        right: 80%;}
      .col-md-5th-pull-3{
        right: 60%;}
      .col-md-5th-pull-2{
        right: 40%;}
      .col-md-5th-pull-1{
        right: 20%;}
      .col-md-5th-pull-0{
        right: auto;}
      .col-md-5th-push-5{
        left: 100%;}
      .col-md-5th-push-4{
        left: 80%;}
      .col-md-5th-push-3{
        left: 60%;}
      .col-md-5th-push-2{
        left: 40%;}
      .col-md-5th-push-1{
        left: 20%;}
      .col-md-5th-push-0{
        left: auto;}
      .col-md-5th-offset-5{
        margin-left: 100%;}
      .col-md-5th-offset-4{
        margin-left: 80%;}
      .col-md-5th-offset-3{
        margin-left: 60%;}
      .col-md-5th-offset-2{
        margin-left: 40%;}
      .col-md-5th-offset-1{
        margin-left: 20%;}
      .col-md-5th-offset-0{
        margin-left: 0%;}
    }

    /* [#] lg screen */
    @media (min-width: 1200px){
      .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 {
        float: left;}
      .col-lg-5th-5{
        float: left;
        width: 100%;}
      .col-lg-5th-4{
        width: 80%;}
      .col-lg-5th-3{
        width: 60%;}
      .col-lg-5th-2{
        width: 40%;}
      .col-lg-5th-1{
        width: 20%;}
      .col-lg-5th-pull-5{
        right: 100%;}
      .col-lg-5th-pull-4{
        right: 80%;}
      .col-lg-5th-pull-3{
        right: 60%;}
      .col-lg-5th-pull-2{
        right: 40%;}
      .col-lg-5th-pull-1{
        right: 20%;}
      .col-lg-5th-pull-0{
        right: auto;}
      .col-lg-5th-push-5{
        left: 100%;}
      .col-lg-5th-push-4{
        left: 80%;}
      .col-lg-5th-push-3{
        left: 60%;}
      .col-lg-5th-push-2{
        left: 40%;}
      .col-lg-5th-push-1{
        left: 20%;}
      .col-lg-5th-push-0{
        left: auto;}
      .col-lg-5th-offset-5{
        margin-left: 100%;}
      .col-lg-5th-offset-4{
        margin-left: 80%;}
      .col-lg-5th-offset-3{
        margin-left: 60%;}
      .col-lg-5th-offset-2{
        margin-left: 40%;}
      .col-lg-5th-offset-1{
        margin-left: 20%;}
      .col-lg-5th-offset-0{
        margin-left: 0%;}
    }

/* [*] Row *********************************************************************/

    .row-0 {
        margin:0;
    }

    .row-0:after, .row:before {
        display: table;
        content: " ";
    }

    .row-0:after {
        clear:both;
    }

/* [*] Inverse column in Mobile ************************************************/

    /* [#] xs screen */
    @media (max-width: 767px) {

        .reorder-xs::before, .reorder-xs::after {
            display: table;
            content: " ";
            clear: both;
        }

        .reorder-xs {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            direction:rtl;
        }

        .reorder-xs > [class*="col-"], .reorder-xs > a.video-youtube > [class*="col-"] {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            direction:ltr;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {

        .reorder-sm::before, .reorder-sm::after {
            display: table;
            content: " ";
            clear: both;
        }

        .reorder-sm {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            direction:rtl;
        }

        .reorder-sm > [class*="col-"], .reorder-sm > a.video-youtube > [class*="col-"] {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            direction:ltr;
        }
    }


/* [*] Position ************************************************/

    .position-static {position:static;}
    .position-absolute {position:absolute;}
    .position-fixed {position:fixed;}
    .position-relative {position:relative;}
    .position-initial {position:initial;}
    .position-inherit {position:inherit}

/* [*] Background style ***************************************/

    /* background color */
    .bg-color-white { background-color: #ffffff !important;}
    .bg-color-black { background-color:#000000 !important;}
    .bg-color-111111 { background-color:#111111 !important;}
    .bg-color-222222 { background-color:#222222 !important;}
    .bg-color-333333 { background-color:#333333 !important;}
    .bg-color-light-grey {background-color:#f3f3f3 !important;}
    .bg-color-494949 { background-color:#494949 !important;} /* light black */
    .bg-color-cccccc { background-color:#CCCCCC !important;} /* normal grey */
   /* .bg-color-blue { background-color:#00529E;}
    .bg-color-cyan { background-color:#9CAFD6;}*/

    .bg-color-blue { background-color:#00529E !important;}
    .bg-color-dark-blue {background-color: #0E2031 !important;}
    .bg-color-cyan { background-color:#0092BD !important;}
    .bg-color-orange { background-color:#D8810A !important;}
    .bg-color-azure { background-color: #007B9F !important;}
    .bg-color-green { background-color: #468641 !important;}
    .bg-color-light-green { background-color: #aece76 !important;}
    .bg-color-yellow { background-color: #FFCC00 !important;}
    .bg-color-red { background-color: #8B183E !important;}
    .bg-color-blue-second{background-color: #2F80ED !important;}

    /* background position */
    .bg-position-center-center {background-position:center center!important;}

    /* background size */
    .bg-size-cover {background-size:cover !important;}
    .bg-size-contain {background-size:contain !important;}

    /* background attachment */
    .bg-attachment-fixed {background-attachment:fixed;}

    /* background repeat */
    .bg-repeat-no-repeat {background-repeat:no-repeat;}


/* [*] Border  color ***************************************/

    /* border color color */
    .border-top-color-white { border-top: 1px solid #ffffff;}
    .border-top-color-black { border-top: 1px solid #000000;}
    .border-top-color-111111 { border-top: 1px solid #111111;}
    .border-top-color-222222 { border-top: 1px solid #222222;}
    .border-top-color-333333 { border-top: 1px solid #333333;}
    .border-top-color-light-grey {border-top: 1px solid #f3f3f3;}
    .border-top-color-494949 { border-top: 1px solid #494949;}
    .border-top-color-cccccc { border-top: 1px solid #CCCCCC;}

    .border-top-color-light-grey-darker {border-top: 1px solid #CCC;}


/* [*] Color Text *********************************************/

    .color-white {color: #ffffff !important;}
    .color-black {color: #333333 !important;}
    .color-dark-black {color: #000000 !important;}
    .color-111111 { color:#111111 !important;}
    .color-222222 { color:#222222 !important;}
    .color-333333 { color:#333333 !important;}
    .color-black-eib { color:#4f4f4f !important;}

    .color-blue { color:#00529E !important;}
    .color-cyan { color:#0092BD !important;}
    .color-orange { color:#D8810A !important;}
    .color-azure { color: #007B9F !important;}
    .color-green { color: #468641 !important;}
    .color-light-green { color: #aece76 !important;}
    .color-yellow { color: #FFCC00 !important;}
    .color-red { color: #8B183E !important;}


    div.color-white a{color: inherit;}
    div.color-black a{color: inherit;}
    div.color-111111 a{ color:inherit;}
    div.color-222222 a{ color:inherit;}
    div.color-333333 a{ color:inherit;}


/* [*] Border *************************************************/

    .border-none {border:none;}
    /* border style */
    .border-style-solid {border-style:solid;}
    .border-style-dotted {border-style:dotted;}
    .border-style-dashed {border-style:dashed;}

    /* border width */
    .border-width-1 { border-width:1px; } .border-width-2 { border-width:2px; } .border-width-3 { border-width:3px; } .border-width-4 { border-width:4px; } .border-width-5 { border-width:5px; } .border-width-6 { border-width:6px; }
    .border-width-7 { border-width:7px; } .border-width-8 { border-width:8px; } .border-width-9 { border-width:9px; } .border-width-10 { border-width:10px; } .border-width-11 { border-width:11px; } .border-width-12 { border-width:12px; }
    .border-width-13 { border-width:13px; } .border-width-14 { border-width:15px; } .border-width-16 { border-width:16px; } .border-width-17 { border-width:17px; } .border-width-18 { border-width:18px; } .border-width-19 { border-width:19px; } .border-width-20 { border-width:20px; }

    /* border color */
    .border-color-white {border-color:#ffffff; }
    .border-color-black {border-color:#000000;}
    .border-color-black-1 { border-color:#111111;}
    .border-color-black-2 { border-color:#222222;}
    .border-color-black-3 { border-color:#333333;}
    .border-color-blue { border-color:#00529E;}
    .border-color-cyan { border-color:#0092BD;}
    /* border radius */
    .border-radius-btn{border-radius:4px;}

    /* shadow */
    .box-shadow{box-shadow:2px 7px 20px rgba(0,0,0,0.3); -webkit-box-shadow:2px 7px 20px rgba(0,0,0,0.3); }
    .box-shadow:hover{box-shadow:1px 1px 5px rgba(199, 199, 199, 0.5); -webkit-box-shadow:1px 1px 5px rgba(199, 199, 199, 0.5); }


/* [*] Font style **********************************************/

    .bold, .font-weight-bold {font-weight:bold;}
    .font-weight-normal {font-weight:normal;}
    .font-weight-800 {font-weight:800;}
    .font-weight-700 {font-weight:700;}
    .font-weight-600 {font-weight:600;}
    .font-weight-500 {font-weight:500;}
    .font-weight-400 {font-weight:400;}
    .font-weight-300 {font-weight:300;}

    .font-size-10 {font-size: 10px;}
    .font-size-11 {font-size: 11px;}
    .font-size-12 {font-size: 12px;}
    .font-size-13 {font-size: 13px;}
    .font-size-14 {font-size: 14px;}
    .font-size-15 {font-size: 15px;}
    .font-size-16 {font-size: 16px;}


/* [*] Padding ************************************************/

    /* For all screens size */
    .padding-0 {padding:0;} .padding-10 { padding:10px; } .padding-15 { padding:15px; } .padding-20 { padding:20px; } .padding-30 { padding:30px; } .padding-40 { padding:40px; } .padding-50 { padding:50px; } .padding-60 { padding:60px; } .padding-70 { padding:70px; }
    .padding-80 { padding:80px; } .padding-90 { padding:90px;} .padding-100 { padding:100px; }

    .padding-top-0 {padding-top:0;} .padding-top-10 { padding-top:10px; } .padding-top-20 { padding-top:20px; } .padding-top-30 { padding-top:30px; } .padding-top-40 { padding-top:40px; } .padding-top-50 { padding-top:50px; } .padding-top-60 { padding-top:60px; } .padding-top-70 { padding-top:70px; }
    .padding-top-80 { padding-top:80px; } .padding-top-90 { padding-top:90px; } .padding-top-100 { padding-top:100px; } .padding-top-110 { padding-top:110px; } .padding-top-120 { padding-top:120px; } .padding-top-130 { padding-top:130px; } .padding-top-140 { padding-top:140px;}
    .padding-top-150 { padding-top:150px; } .padding-top-160 { padding-top:160px; } .padding-top-170 { padding-top:170px; } .padding-top-180 { padding-top:180px; } .padding-top-190 { padding-top:190px; } .padding-top-200 { padding-top:200px; }

    .row-padding-top-small { padding-top: 5px; } .row-padding-top-medium { padding-top: 50px; } .row-padding-top-big { padding-top: 75px; }

    .padding-bottom-0 {padding-bottom:0;} .padding-bottom-10 { padding-bottom:10px; } .padding-bottom-20 { padding-bottom:20px; } .padding-bottom-30 { padding-bottom:30px; } .padding-bottom-40 { padding-bottom:40px; } .padding-bottom-50 { padding-bottom:50px; } .padding-bottom-60 { padding-bottom:60px; } .padding-bottom-70 { padding-bottom:70px; }
    .padding-bottom-80 { padding-bottom:80px; } .padding-bottom-90 { padding-bottom:90px; } .padding-bottom-100 { padding-bottom:100px; } .padding-bottom-110 { padding-bottom:110px; } .padding-bottom-120 { padding-bottom:120px; } .padding-bottom-130 { padding-bottom:130px; } .padding-bottom-140 { padding-bottom:140px;}
    .padding-bottom-150 { padding-bottom:150px; } .padding-bottom-160 { padding-bottom:160px; } .padding-bottom-170 { padding-bottom:170px; } .padding-bottom-180 { padding-bottom:180px; } .padding-bottom-190 { padding-bottom:190px; } .padding-bottom-200 { padding-bottom:200px; }

    .row-padding-bottom-small { padding-bottom: 5px; } .row-padding-bottom-medium { padding-bottom: 50px; } .row-padding-bottom-big { padding-bottom: 75px; }

    .padding-left-0 { padding-left:0px; } .padding-left-10 { padding-left:10px; } .padding-left-20 { padding-left:20px; } .padding-left-30 { padding-left:30px; } .padding-left-40 { padding-left:40px; } .padding-left-50 { padding-left:50px; } .padding-left-60 { padding-left:60px; } .padding-left-70 { padding-left:70px; }
    .padding-left-80 { padding-left:80px; } .padding-left-90 { padding-left:90px; } .padding-left-100 { padding-left:100px; } .padding-left-110 { padding-left:110px; } .padding-left-120 { padding-left:120px; } .padding-left-130 { padding-left:130px; } .padding-left-140 { padding-left:140px;}
    .padding-left-150 { padding-left:150px; } .padding-left-160 { padding-left:160px; } .padding-left-170 { padding-left:170px; } .padding-left-180 { padding-left:180px; } .padding-left-190 { padding-left:190px; } .padding-left-200 { padding-left:200px; } .padding-left-400 { padding-left: 380px;}

    .padding-right-0 { padding-right:0px; } .padding-right-10 { padding-right:10px; } .padding-right-20 { padding-right:20px; } .padding-right-30 { padding-right:30px; } .padding-right-40 { padding-right:40px; } .padding-right-50 { padding-right:50px; } .padding-right-60 { padding-right:60px; } .padding-right-70 { padding-right:70px; }
    .padding-right-80 { padding-right:80px; } .padding-right-90 { padding-right:90px; } .padding-right-100 { padding-right:100px; } .padding-right-110 { padding-right:110px; } .padding-right-120 { padding-right:120px; } .padding-right-130 { padding-right:130px; } .padding-right-140 { padding-right:140px;}
    .padding-right-150 { padding-right:150px; } .padding-right-160 { padding-right:160px; } .padding-right-170 { padding-right:170px; } .padding-right-180 { padding-right:180px; } .padding-right-190 { padding-right:190px; } .padding-right-200 { padding-right:200px; } .padding-right-400 { padding-right:380px;}


    /* [#] xs screen */
    @media (max-width: 767px) {
    .padding-xs-0 {padding:0;} .padding-xs-10 { padding:10px; } .padding-xs-20 { padding:20px; } .padding-xs-30 { padding:30px; } .padding-xs-40 { padding:40px; } .padding-xs-50 { padding:50px; } .padding-xs-60 { padding:60px; } .padding-xs-70 { padding:70px; }
    .padding-xs-80 { padding:80px; } .padding-xs-90 { padding:90px;} .padding-xs-100 { padding:100px; }

    .padding-top-xs-0 {padding-top:0;} .padding-top-xs-10 { padding-top:10px; } .padding-top-xs-20 { padding-top:20px; } .padding-top-xs-30 { padding-top:30px; } .padding-top-xs-40 { padding-top:40px; } .padding-top-xs-50 { padding-top:50px; } .padding-top-xs-60 { padding-top:60px; } .padding-top-xs-70 { padding-top:70px; }
    .padding-top-xs-80 { padding-top:80px; } .padding-top-xs-90 { padding-top:90px; } .padding-top-xs-100 { padding-top:100px; } .padding-top-xs-110 { padding-top:110px; } .padding-top-xs-120 { padding-top:120px; } .padding-top-xs-130 { padding-top:130px; } .padding-top-xs-140 { padding-top:140px;}
    .padding-top-xs-150 { padding-top:150px; } .padding-top-xs-160 { padding-top:160px; } .padding-top-xs-170 { padding-top:170px; } .padding-top-xs-180 { padding-top:180px; } .padding-top-xs-190 { padding-top:190px; } .padding-top-xs-200 { padding-top:200px; }

    .padding-bottom-xs-0 {padding-bottom:0;} .padding-bottom-xs-10 { padding-bottom:10px; } .padding-bottom-xs-20 { padding-bottom:20px; } .padding-bottom-xs-30 { padding-bottom:30px; } .padding-bottom-xs-40 { padding-bottom:40px; } .padding-bottom-xs-50 { padding-bottom:50px; } .padding-bottom-xs-60 { padding-bottom:60px; } .padding-bottom-xs-70 { padding-bottom:70px; }
    .padding-bottom-xs-80 { padding-bottom:80px; } .padding-bottom-xs-90 { padding-bottom:90px; } .padding-bottom-xs-100 { padding-bottom:100px; } .padding-bottom-xs-110 { padding-bottom:110px; } .padding-bottom-xs-120 { padding-bottom:120px; } .padding-bottom-xs-130 { padding-bottom:130px; } .padding-bottom-xs-140 { padding-bottom:140px;}
    .padding-bottom-xs-150 { padding-bottom:150px; } .padding-bottom-xs-160 { padding-bottom:160px; } .padding-bottom-xs-170 { padding-bottom:170px; } .padding-bottom-xs-180 { padding-bottom:180px; } .padding-bottom-xs-190 { padding-bottom:190px; } .padding-bottom-xs-200 { padding-bottom:200px; }

    .padding-left-xs-0 { padding-left:0px; } .padding-left-xs-10 { padding-left:10px; } .padding-left-xs-20 { padding-left:20px; } .padding-left-xs-30 { padding-left:30px; } .padding-left-xs-40 { padding-left:40px; } .padding-left-xs-50 { padding-left:50px; } .padding-left-xs-60 { padding-left:60px; } .padding-left-xs-70 { padding-left:70px; }
    .padding-left-xs-80 { padding-left:80px; } .padding-left-xs-90 { padding-left:90px; } .padding-left-xs-100 { padding-left:100px; } .padding-left-xs-110 { padding-left:110px; } .padding-left-xs-120 { padding-left:120px; } .padding-left-xs-130 { padding-left:130px; } .padding-left-xs-140 { padding-left:140px;}
    .padding-left-xs-150 { padding-left:150px; } .padding-left-xs-160 { padding-left:160px; } .padding-left-xs-170 { padding-left:170px; } .padding-left-xs-180 { padding-left:180px; } .padding-left-xs-190 { padding-left:190px; } .padding-left-xs-200 { padding-left:200px; }

    .padding-right-xs-0 { padding-right:0px; } .padding-right-xs-10 { padding-right:10px; } .padding-right-xs-20 { padding-right:20px; } .padding-right-xs-30 { padding-right:30px; } .padding-right-xs-40 { padding-right:40px; } .padding-right-xs-50 { padding-right:50px; } .padding-right-xs-60 { padding-right:60px; } .padding-right-xs-70 { padding-right:70px; }
    .padding-right-xs-80 { padding-right:80px; } .padding-right-xs-90 { padding-right:90px; } .padding-right-xs-100 { padding-right:100px; } .padding-right-xs-110 { padding-right:110px; } .padding-right-xs-120 { padding-right:120px; } .padding-right-xs-130 { padding-right:130px; } .padding-right-xs-140 { padding-right:140px;}
    .padding-right-xs-150 { padding-right:150px; } .padding-right-xs-160 { padding-right:160px; } .padding-right-xs-170 { padding-right:170px; } .padding-right-xs-180 { padding-right:180px; } .padding-right-xs-190 { padding-right:190px; } .padding-right-xs-200 { padding-right:200px; }
    }


    /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {
    .padding-sm-0 {padding:0;} .padding-sm-10 { padding:10px; } .padding-sm-20 { padding:20px; } .padding-sm-30 { padding:30px; } .padding-sm-40 { padding:40px; } .padding-sm-50 { padding:50px; } .padding-sm-60 { padding:60px; } .padding-sm-70 { padding:70px; }
    .padding-sm-80 { padding:80px; } .padding-sm-90 { padding:90px;} .padding-sm-100 { padding:100px; }

    .padding-top-sm-0 {padding-top:0;} .padding-top-sm-10 { padding-top:10px; } .padding-top-sm-20 { padding-top:20px; } .padding-top-sm-30 { padding-top:30px; } .padding-top-sm-40 { padding-top:40px; } .padding-top-sm-50 { padding-top:50px; } .padding-top-sm-60 { padding-top:60px; } .padding-top-sm-70 { padding-top:70px; }
    .padding-top-sm-80 { padding-top:80px; } .padding-top-sm-90 { padding-top:90px; } .padding-top-sm-100 { padding-top:100px; } .padding-top-sm-110 { padding-top:110px; } .padding-top-sm-120 { padding-top:120px; } .padding-top-sm-130 { padding-top:130px; } .padding-top-sm-140 { padding-top:140px;}
    .padding-top-sm-150 { padding-top:150px; } .padding-top-sm-160 { padding-top:160px; } .padding-top-sm-170 { padding-top:170px; } .padding-top-sm-180 { padding-top:180px; } .padding-top-sm-190 { padding-top:190px; } .padding-top-sm-200 { padding-top:200px; }

    .padding-bottom-sm-0 {padding-bottom:0;} .padding-bottom-sm-10 { padding-bottom:10px; } .padding-bottom-sm-20 { padding-bottom:20px; } .padding-bottom-sm-30 { padding-bottom:30px; } .padding-bottom-sm-40 { padding-bottom:40px; } .padding-bottom-sm-50 { padding-bottom:50px; } .padding-bottom-sm-60 { padding-bottom:60px; } .padding-bottom-sm-70 { padding-bottom:70px; }
    .padding-bottom-sm-80 { padding-bottom:80px; } .padding-bottom-sm-90 { padding-bottom:90px; } .padding-bottom-sm-100 { padding-bottom:100px; } .padding-bottom-sm-110 { padding-bottom:110px; } .padding-bottom-sm-120 { padding-bottom:120px; } .padding-bottom-sm-130 { padding-bottom:130px; } .padding-bottom-sm-140 { padding-bottom:140px;}
    .padding-bottom-sm-150 { padding-bottom:150px; } .padding-bottom-sm-160 { padding-bottom:160px; } .padding-bottom-sm-170 { padding-bottom:170px; } .padding-bottom-sm-180 { padding-bottom:180px; } .padding-bottom-sm-190 { padding-bottom:190px; } .padding-bottom-sm-200 { padding-bottom:200px; }

    .padding-left-sm-0 { padding-left:0px; } .padding-left-sm-10 { padding-left:10px; } .padding-left-sm-20 { padding-left:20px; } .padding-left-sm-30 { padding-left:30px; } .padding-left-sm-40 { padding-left:40px; } .padding-left-sm-50 { padding-left:50px; } .padding-left-sm-60 { padding-left:60px; } .padding-left-sm-70 { padding-left:70px; }
    .padding-left-sm-80 { padding-left:80px; } .padding-left-sm-90 { padding-left:90px; } .padding-left-sm-100 { padding-left:100px; } .padding-left-sm-110 { padding-left:110px; } .padding-left-sm-120 { padding-left:120px; } .padding-left-sm-130 { padding-left:130px; } .padding-left-sm-140 { padding-left:140px;}
    .padding-left-sm-150 { padding-left:150px; } .padding-left-sm-160 { padding-left:160px; } .padding-left-sm-170 { padding-left:170px; } .padding-left-sm-180 { padding-left:180px; } .padding-left-sm-190 { padding-left:190px; } .padding-left-sm-200 { padding-left:200px; }

    .padding-right-sm-0 { padding-right:0px; } .padding-right-sm-10 { padding-right:10px; } .padding-right-sm-20 { padding-right:20px; } .padding-right-sm-30 { padding-right:30px; } .padding-right-sm-40 { padding-right:40px; } .padding-right-sm-50 { padding-right:50px; } .padding-right-sm-60 { padding-right:60px; } .padding-right-sm-70 { padding-right:70px; }
    .padding-right-sm-80 { padding-right:80px; } .padding-right-sm-90 { padding-right:90px; } .padding-right-sm-100 { padding-right:100px; } .padding-right-sm-110 { padding-right:110px; } .padding-right-sm-120 { padding-right:120px; } .padding-right-sm-130 { padding-right:130px; } .padding-right-sm-140 { padding-right:140px;}
    .padding-right-sm-150 { padding-right:150px; } .padding-right-sm-160 { padding-right:160px; } .padding-right-sm-170 { padding-right:170px; } .padding-right-sm-180 { padding-right:180px; } .padding-right-sm-190 { padding-right:190px; } .padding-right-sm-200 { padding-right:200px; }
    }


    /* [#] md screen */
    @media (min-width: 992px) and (max-width: 1199px) {
    .padding-md-0 {padding:0;} .padding-md-10 { padding:10px; } .padding-md-20 { padding:20px; } .padding-md-30 { padding:30px; } .padding-md-40 { padding:40px; } .padding-md-50 { padding:50px; } .padding-md-60 { padding:60px; } .padding-md-70 { padding:70px; }
    .padding-md-80 { padding:80px; } .padding-md-90 { padding:90px;} .padding-md-100 { padding:100px; }

    .padding-top-md-0 {padding-top:0;} .padding-top-md-10 { padding-top:10px; } .padding-top-md-20 { padding-top:20px; } .padding-top-md-30 { padding-top:30px; } .padding-top-md-40 { padding-top:40px; } .padding-top-md-50 { padding-top:50px; } .padding-top-md-60 { padding-top:60px; } .padding-top-md-70 { padding-top:70px; }
    .padding-top-md-80 { padding-top:80px; } .padding-top-md-90 { padding-top:90px; } .padding-top-md-100 { padding-top:100px; } .padding-top-md-110 { padding-top:110px; } .padding-top-md-120 { padding-top:120px; } .padding-top-md-130 { padding-top:130px; } .padding-top-md-140 { padding-top:140px;}
    .padding-top-md-150 { padding-top:150px; } .padding-top-md-160 { padding-top:160px; } .padding-top-md-170 { padding-top:170px; } .padding-top-md-180 { padding-top:180px; } .padding-top-md-190 { padding-top:190px; } .padding-top-md-200 { padding-top:200px; }

    .padding-bottom-md-0 {padding-bottom:0;} .padding-bottom-md-10 { padding-bottom:10px; } .padding-bottom-md-20 { padding-bottom:20px; } .padding-bottom-md-30 { padding-bottom:30px; } .padding-bottom-md-40 { padding-bottom:40px; } .padding-bottom-md-50 { padding-bottom:50px; } .padding-bottom-md-60 { padding-bottom:60px; } .padding-bottom-md-70 { padding-bottom:70px; }
    .padding-bottom-md-80 { padding-bottom:80px; } .padding-bottom-md-90 { padding-bottom:90px; } .padding-bottom-md-100 { padding-bottom:100px; } .padding-bottom-md-110 { padding-bottom:110px; } .padding-bottom-md-120 { padding-bottom:120px; } .padding-bottom-md-130 { padding-bottom:130px; } .padding-bottom-md-140 { padding-bottom:140px;}
    .padding-bottom-md-150 { padding-bottom:150px; } .padding-bottom-md-160 { padding-bottom:160px; } .padding-bottom-md-170 { padding-bottom:170px; } .padding-bottom-md-180 { padding-bottom:180px; } .padding-bottom-md-190 { padding-bottom:190px; } .padding-bottom-md-200 { padding-bottom:200px; }

    .padding-left-md-0 { padding-left:0px; } .padding-left-md-10 { padding-left:10px; } .padding-left-md-20 { padding-left:20px; } .padding-left-md-30 { padding-left:30px; } .padding-left-md-40 { padding-left:40px; } .padding-left-md-50 { padding-left:50px; } .padding-left-md-60 { padding-left:60px; } .padding-left-md-70 { padding-left:70px; }
    .padding-left-md-80 { padding-left:80px; } .padding-left-md-90 { padding-left:90px; } .padding-left-md-100 { padding-left:100px; } .padding-left-md-110 { padding-left:110px; } .padding-left-md-120 { padding-left:120px; } .padding-left-md-130 { padding-left:130px; } .padding-left-md-140 { padding-left:140px;}
    .padding-left-md-150 { padding-left:150px; } .padding-left-md-160 { padding-left:160px; } .padding-left-md-170 { padding-left:170px; } .padding-left-md-180 { padding-left:180px; } .padding-left-md-190 { padding-left:190px; } .padding-left-md-200 { padding-left:200px; }

    .padding-right-md-0 { padding-right:0px; } .padding-right-md-10 { padding-right:10px; } .padding-right-md-20 { padding-right:20px; } .padding-right-md-30 { padding-right:30px; } .padding-right-md-40 { padding-right:40px; } .padding-right-md-50 { padding-right:50px; } .padding-right-md-60 { padding-right:60px; } .padding-right-md-70 { padding-right:70px; }
    .padding-right-md-80 { padding-right:80px; } .padding-right-md-90 { padding-right:90px; } .padding-right-md-100 { padding-right:100px; } .padding-right-md-110 { padding-right:110px; } .padding-right-md-120 { padding-right:120px; } .padding-right-md-130 { padding-right:130px; } .padding-right-md-140 { padding-right:140px;}
    .padding-right-md-150 { padding-right:150px; } .padding-right-md-160 { padding-right:160px; } .padding-right-md-170 { padding-right:170px; } .padding-right-md-180 { padding-right:180px; } .padding-right-md-190 { padding-right:190px; } .padding-right-md-200 { padding-right:200px; }
    }


    /* [#] lg screen */
    @media (min-width: 1200px) {
    .padding-lg-0 {padding:0;} .padding-lg-10 { padding:10px; } .padding-lg-20 { padding:20px; } .padding-lg-30 { padding:30px; } .padding-lg-40 { padding:40px; } .padding-lg-50 { padding:50px; } .padding-lg-60 { padding:60px; } .padding-lg-70 { padding:70px; }
    .padding-lg-80 { padding:80px; } .padding-lg-90 { padding:90px;} .padding-lg-100 { padding:100px; }

    .padding-top-lg-0 {padding-top:0;} .padding-top-lg-10 { padding-top:10px; } .padding-top-lg-20 { padding-top:20px; } .padding-top-lg-30 { padding-top:30px; } .padding-top-lg-40 { padding-top:40px; } .padding-top-lg-50 { padding-top:50px; } .padding-top-lg-60 { padding-top:60px; } .padding-top-lg-70 { padding-top:70px; }
    .padding-top-lg-80 { padding-top:80px; } .padding-top-lg-90 { padding-top:90px; } .padding-top-lg-100 { padding-top:100px; } .padding-top-lg-110 { padding-top:110px; } .padding-top-lg-120 { padding-top:120px; } .padding-top-lg-130 { padding-top:130px; } .padding-top-lg-140 { padding-top:140px;}
    .padding-top-lg-150 { padding-top:150px; } .padding-top-lg-160 { padding-top:160px; } .padding-top-lg-170 { padding-top:170px; } .padding-top-lg-180 { padding-top:180px; } .padding-top-lg-190 { padding-top:190px; } .padding-top-lg-200 { padding-top:200px; }

    .padding-bottom-lg-0 {padding-bottom:0;} .padding-bottom-lg-10 { padding-bottom:10px; } .padding-bottom-lg-20 { padding-bottom:20px; } .padding-bottom-lg-30 { padding-bottom:30px; } .padding-bottom-lg-40 { padding-bottom:40px; } .padding-bottom-lg-50 { padding-bottom:50px; } .padding-bottom-lg-60 { padding-bottom:60px; } .padding-bottom-lg-70 { padding-bottom:70px; }
    .padding-bottom-lg-80 { padding-bottom:80px; } .padding-bottom-lg-90 { padding-bottom:90px; } .padding-bottom-lg-100 { padding-bottom:100px; } .padding-bottom-lg-110 { padding-bottom:110px; } .padding-bottom-lg-120 { padding-bottom:120px; } .padding-bottom-lg-130 { padding-bottom:130px; } .padding-bottom-lg-140 { padding-bottom:140px;}
    .padding-bottom-lg-150 { padding-bottom:150px; } .padding-bottom-lg-160 { padding-bottom:160px; } .padding-bottom-lg-170 { padding-bottom:170px; } .padding-bottom-lg-180 { padding-bottom:180px; } .padding-bottom-lg-190 { padding-bottom:190px; } .padding-bottom-lg-200 { padding-bottom:200px; }

    .padding-left-lg-0 { padding-left:0px; } .padding-left-lg-10 { padding-left:10px; } .padding-left-lg-20 { padding-left:20px; } .padding-left-lg-30 { padding-left:30px; } .padding-left-lg-40 { padding-left:40px; } .padding-left-lg-50 { padding-left:50px; } .padding-left-lg-60 { padding-left:60px; } .padding-left-lg-70 { padding-left:70px; }
    .padding-left-lg-80 { padding-left:80px; } .padding-left-lg-90 { padding-left:90px; } .padding-left-lg-100 { padding-left:100px; } .padding-left-lg-110 { padding-left:110px; } .padding-left-lg-120 { padding-left:120px; } .padding-left-lg-130 { padding-left:130px; } .padding-left-lg-140 { padding-left:140px;}
    .padding-left-lg-150 { padding-left:150px; } .padding-left-lg-160 { padding-left:160px; } .padding-left-lg-170 { padding-left:170px; } .padding-left-lg-180 { padding-left:180px; } .padding-left-lg-190 { padding-left:190px; } .padding-left-lg-200 { padding-left:200px; }

    .padding-right-lg-0 { padding-right:0px; } .padding-right-lg-10 { padding-right:10px; } .padding-right-lg-20 { padding-right:20px; } .padding-right-lg-30 { padding-right:30px; } .padding-right-lg-40 { padding-right:40px; } .padding-right-lg-50 { padding-right:50px; } .padding-right-lg-60 { padding-right:60px; } .padding-right-lg-70 { padding-right:70px; }
    .padding-right-lg-80 { padding-right:80px; } .padding-right-lg-90 { padding-right:90px; } .padding-right-lg-100 { padding-right:100px; } .padding-right-lg-110 { padding-right:110px; } .padding-right-lg-120 { padding-right:120px; } .padding-right-lg-130 { padding-right:130px; } .padding-right-lg-140 { padding-right:140px;}
    .padding-right-lg-150 { padding-right:150px; } .padding-right-lg-160 { padding-right:160px; } .padding-right-lg-170 { padding-right:170px; } .padding-right-lg-180 { padding-right:180px; } .padding-right-lg-190 { padding-right:190px; } .padding-right-lg-200 { padding-right:200px; }
    }

    /* [#] xl screen */
    @media (min-width: 1480px) {
    .padding-xl-0 {padding:0;} .padding-xl-10 { padding:10px; } .padding-xl-20 { padding:20px; } .padding-xl-30 { padding:30px; } .padding-xl-40 { padding:40px; } .padding-xl-50 { padding:50px; } .padding-xl-60 { padding:60px; } .padding-xl-70 { padding:70px; }
    .padding-xl-80 { padding:80px; } .padding-xl-90 { padding:90px;} .padding-xl-100 { padding:100px; }

    .padding-top-xl-0 {padding-top:0;} .padding-top-xl-10 { padding-top:10px; } .padding-top-xl-20 { padding-top:20px; } .padding-top-xl-30 { padding-top:30px; } .padding-top-xl-40 { padding-top:40px; } .padding-top-xl-50 { padding-top:50px; } .padding-top-xl-60 { padding-top:60px; } .padding-top-xl-70 { padding-top:70px; }
    .padding-top-xl-80 { padding-top:80px; } .padding-top-xl-90 { padding-top:90px; } .padding-top-xl-100 { padding-top:100px; } .padding-top-xl-110 { padding-top:110px; } .padding-top-xl-120 { padding-top:120px; } .padding-top-xl-130 { padding-top:130px; } .padding-top-xl-140 { padding-top:140px;}
    .padding-top-xl-150 { padding-top:150px; } .padding-top-xl-160 { padding-top:160px; } .padding-top-xl-170 { padding-top:170px; } .padding-top-xl-180 { padding-top:180px; } .padding-top-xl-190 { padding-top:190px; } .padding-top-xl-200 { padding-top:200px; }.padding-top-xl-250 { padding-top:250px; }
    .padding-top-xl-300 { padding-top:300px; } .padding-top-xl-350 { padding-top:350px; }  .padding-top-xl-400 { padding-top:400px; } .padding-top-xl-450 { padding-top:450px; }  .padding-top-xl-500 { padding-top:500px; }

    .padding-bottom-xl-0 {padding-bottom:0;} .padding-bottom-xl-10 { padding-bottom:10px; } .padding-bottom-xl-20 { padding-bottom:20px; } .padding-bottom-xl-30 { padding-bottom:30px; } .padding-bottom-xl-40 { padding-bottom:40px; } .padding-bottom-xl-50 { padding-bottom:50px; } .padding-bottom-xl-60 { padding-bottom:60px; } .padding-bottom-xl-70 { padding-bottom:70px; }
    .padding-bottom-xl-80 { padding-bottom:80px; } .padding-bottom-xl-90 { padding-bottom:90px; } .padding-bottom-xl-100 { padding-bottom:100px; } .padding-bottom-xl-110 { padding-bottom:110px; } .padding-bottom-xl-120 { padding-bottom:120px; } .padding-bottom-xl-130 { padding-bottom:130px; } .padding-bottom-xl-140 { padding-bottom:140px;}
    .padding-bottom-xl-150 { padding-bottom:150px; } .padding-bottom-xl-160 { padding-bottom:160px; } .padding-bottom-xl-170 { padding-bottom:170px; } .padding-bottom-xl-180 { padding-bottom:180px; } .padding-bottom-xl-190 { padding-bottom:190px; }.padding-bottom-xl-200 { padding-bottom:200px; } .padding-bottom-xl-250 { padding-bottom:250px; }
    .padding-bottom-xl-300 { padding-bottom:300px; } .padding-bottom-xl-350 { padding-bottom:350px; }  .padding-bottom-xl-400 { padding-bottom:400px; } .padding-bottom-xl-450 { padding-bottom:450px; }  .padding-bottom-xl-500 { padding-bottom:500px;}

    .padding-left-xl-0 { padding-left:0px; } .padding-left-xl-10 { padding-left:10px; } .padding-left-xl-20 { padding-left:20px; } .padding-left-xl-30 { padding-left:30px; } .padding-left-xl-40 { padding-left:40px; } .padding-left-xl-50 { padding-left:50px; } .padding-left-xl-60 { padding-left:60px; } .padding-left-xl-70 { padding-left:70px; }
    .padding-left-xl-80 { padding-left:80px; } .padding-left-xl-90 { padding-left:90px; } .padding-left-xl-100 { padding-left:100px; } .padding-left-xl-110 { padding-left:110px; } .padding-left-xl-120 { padding-left:120px; } .padding-left-xl-130 { padding-left:130px; } .padding-left-xl-140 { padding-left:140px;}
    .padding-left-xl-150 { padding-left:150px; } .padding-left-xl-160 { padding-left:160px; } .padding-left-xl-170 { padding-left:170px; } .padding-left-xl-180 { padding-left:180px; } .padding-left-xl-190 { padding-left:190px; } .padding-left-xl-200 { padding-left:200px; } .padding-left-xl-250 { padding-left:250px; }
    .padding-left-xl-300 { padding-left:300px; } .padding-left-xl-350 { padding-left:350px; }  .padding-left-xl-400 { padding-left:400px; } .padding-left-xl-450 { padding-left:450px; }  .padding-left-xl-500 { padding-left:500px; }

    .padding-right-xl-0 { padding-right:0px; } .padding-right-xl-10 { padding-right:10px; } .padding-right-xl-20 { padding-right:20px; } .padding-right-xl-30 { padding-right:30px; } .padding-right-xl-40 { padding-right:40px; } .padding-right-xl-50 { padding-right:50px; } .padding-right-xl-60 { padding-right:60px; } .padding-right-xl-70 { padding-right:70px; }
    .padding-right-xl-80 { padding-right:80px; } .padding-right-xl-90 { padding-right:90px; } .padding-right-xl-100 { padding-right:100px; } .padding-right-xl-110 { padding-right:110px; } .padding-right-xl-120 { padding-right:120px; } .padding-right-xl-130 { padding-right:130px; } .padding-right-xl-140 { padding-right:140px;}
    .padding-right-xl-150 { padding-right:150px; } .padding-right-xl-160 { padding-right:160px; } .padding-right-xl-170 { padding-right:170px; } .padding-right-xl-180 { padding-right:180px; } .padding-right-xl-190 { padding-right:190px; } .padding-right-xl-200 { padding-right:200px; } .padding-right-xl-250 { padding-right:250px; }
    .padding-right-xl-300 { padding-right:300px; } .padding-right-xl-350 { padding-right:350px; }  .padding-right-xl-400 { padding-right:400px; } .padding-right-xl-450 { padding-right:450px; }  .padding-right-xl-500 { padding-right:500px; }

    }

/* [*] Margin *************************************************/

    /* For all screens size */
    .margin-auto {margin:auto;}
    .margin-0 {margin:0;} .margin-10 { margin:10px; } .margin-20 { margin:20px; } .margin-30 { margin:30px; } .margin-40 { margin:40px; } .margin-50 { margin:50px; } .margin-60 { margin:60px; } .margin-70 { margin:70px; }
    .margin-80 { margin:80px; } .margin-90 { margin:90px;} .margin-100 { margin:100px; }

    .margin-top-0 {margin-top:0;} .margin-top-10 { margin-top:10px; } .margin-top-20 { margin-top:20px; } .margin-top-30 { margin-top:30px; } .margin-top-40 { margin-top:40px; } .margin-top-50 { margin-top:50px; } .margin-top-60 { margin-top:60px; } .margin-top-70 { margin-top:70px; }
    .margin-top-80 { margin-top:80px; } .margin-top-90 { margin-top:90px; } .margin-top-100 { margin-top:100px; } .margin-top-110 { margin-top:110px; } .margin-top-120 { margin-top:120px; } .margin-top-130 { margin-top:130px; } .margin-top-140 { margin-top:140px;}
    .margin-top-150 { margin-top:150px; } .margin-top-160 { margin-top:160px; } .margin-top-170 { margin-top:170px; } .margin-top-180 { margin-top:180px; } .margin-top-190 { margin-top:190px; } .margin-top-200 { margin-top:200px; }

    .row-margin-top-small { margin-top: 6px; } .row-margin-top-medium { margin-top: 50px; } .row-margin-top-big { margin-top: 75px; }

    .margin-bottom-0 {margin-bottom:0;} .margin-bottom-6 {margin-bottom:6px;} .margin-bottom-10 { margin-bottom:10px; } .margin-bottom-20 { margin-bottom:20px; } .margin-bottom-30 { margin-bottom:30px; } .margin-bottom-40 { margin-bottom:40px; } .margin-bottom-50 { margin-bottom:50px; } .margin-bottom-60 { margin-bottom:60px; } .margin-bottom-70 { margin-bottom:70px; }
    .margin-bottom-80 { margin-bottom:80px; } .margin-bottom-90 { margin-bottom:90px; } .margin-bottom-100 { margin-bottom:100px; } .margin-bottom-110 { margin-bottom:110px; } .margin-bottom-120 { margin-bottom:120px; } .margin-bottom-130 { margin-bottom:130px; } .margin-bottom-140 { margin-bottom:140px;}
    .margin-bottom-150 { margin-bottom:150px; } .margin-bottom-160 { margin-bottom:160px; } .margin-bottom-170 { margin-bottom:170px; } .margin-bottom-180 { margin-bottom:180px; } .margin-bottom-190 { margin-bottom:190px; } .margin-bottom-200 { margin-bottom:200px; }

    .row-margin-bottom-small { margin-bottom: 6px; } .row-margin-bottom-medium { margin-bottom: 50px; } .row-margin-bottom-big { margin-bottom: 75px; }
    .margin-left-auto {margin-left:auto; } .margin-left-0 { margin-left:0px; } .margin-left-10 { margin-left:10px; } .margin-left-20 { margin-left:20px; } .margin-left-30 { margin-left:30px; } .margin-left-40 { margin-left:40px; } .margin-left-50 { margin-left:50px; } .margin-left-60 { margin-left:60px; } .margin-left-70 { margin-left:70px; }
    .margin-left-80 { margin-left:80px; } .margin-left-90 { margin-left:90px; } .margin-left-100 { margin-left:100px; } .margin-left-110 { margin-left:110px; } .margin-left-120 { margin-left:120px; } .margin-left-130 { margin-left:130px; } .margin-left-140 { margin-left:140px;}
    .margin-left-150 { margin-left:150px; } .margin-left-160 { margin-left:160px; } .margin-left-170 { margin-left:170px; } .margin-left-180 { margin-left:180px; } .margin-left-190 { margin-left:190px; } .margin-left-200 { margin-left:200px; }

    .margin-right-auto {margin-right:auto; } .margin-right-0 { margin-right:0px; } .margin-right-10 { margin-right:10px; } .margin-right-20 { margin-right:20px; } .margin-right-30 { margin-right:30px; } .margin-right-40 { margin-right:40px; } .margin-right-50 { margin-right:50px; } .margin-right-60 { margin-right:60px; } .margin-right-70 { margin-right:70px; }
    .margin-right-80 { margin-right:80px; } .margin-right-90 { margin-right:90px; } .margin-right-100 { margin-right:100px; } .margin-right-110 { margin-right:110px; } .margin-right-120 { margin-right:120px; } .margin-right-130 { margin-right:130px; } .margin-right-140 { margin-right:140px;}
    .margin-right-150 { margin-right:150px; } .margin-right-160 { margin-right:160px; } .margin-right-170 { margin-right:170px; } .margin-right-180 { margin-right:180px; } .margin-right-190 { margin-right:190px; } .margin-right-200 { margin-right:200px; }

    /* [#] xs screen */
    @media (max-width: 767px) {
    .margin-xs-0 {margin:0;} .margin-xs-10 { margin:10px; } .margin-xs-20 { margin:20px; } .margin-xs-30 { margin:30px; } .margin-xs-40 { margin:40px; } .margin-xs-50 { margin:50px; } .margin-xs-60 { margin:60px; } .margin-xs-70 { margin:70px; }
    .margin-xs-80 { margin:80px; } .margin-xs-90 { margin:90px;} .margin-xs-100 { margin:100px; }

    .margin-top-xs-0 {margin-top:0;} .margin-top-6 {margin-top:6px;} .margin-top-xs-10 { margin-top:10px; } .margin-top-xs-20 { margin-top:20px; } .margin-top-xs-30 { margin-top:30px; } .margin-top-xs-40 { margin-top:40px; } .margin-top-xs-50 { margin-top:50px; } .margin-top-xs-60 { margin-top:60px; } .margin-top-xs-70 { margin-top:70px; }
    .margin-top-xs-80 { margin-top:80px; } .margin-top-xs-90 { margin-top:90px; } .margin-top-xs-100 { margin-top:100px; } .margin-top-xs-110 { margin-top:110px; } .margin-top-xs-120 { margin-top:120px; } .margin-top-xs-130 { margin-top:130px; } .margin-top-xs-140 { margin-top:140px;}
    .margin-top-xs-150 { margin-top:150px; } .margin-top-xs-160 { margin-top:160px; } .margin-top-xs-170 { margin-top:170px; } .margin-top-xs-180 { margin-top:180px; } .margin-top-xs-190 { margin-top:190px; } .margin-top-xs-200 { margin-top:200px; }

    .margin-bottom-xs-0 {margin-bottom:0;} .margin-bottom-xs-10 { margin-bottom:10px; } .margin-bottom-xs-20 { margin-bottom:20px; } .margin-bottom-xs-30 { margin-bottom:30px; } .margin-bottom-xs-40 { margin-bottom:40px; } .margin-bottom-xs-50 { margin-bottom:50px; } .margin-bottom-xs-60 { margin-bottom:60px; } .margin-bottom-xs-70 { margin-bottom:70px; }
    .margin-bottom-xs-80 { margin-bottom:80px; } .margin-bottom-xs-90 { margin-bottom:90px; } .margin-bottom-xs-100 { margin-bottom:100px; } .margin-bottom-xs-110 { margin-bottom:110px; } .margin-bottom-xs-120 { margin-bottom:120px; } .margin-bottom-xs-130 { margin-bottom:130px; } .margin-bottom-xs-140 { margin-bottom:140px;}
    .margin-bottom-xs-150 { margin-bottom:150px; } .margin-bottom-xs-160 { margin-bottom:160px; } .margin-bottom-xs-170 { margin-bottom:170px; } .margin-bottom-xs-180 { margin-bottom:180px; } .margin-bottom-xs-190 { margin-bottom:190px; } .margin-bottom-xs-200 { margin-bottom:200px; }

    .margin-left-xs-0 { margin-left:0px; } .margin-left-xs-10 { margin-left:10px; } .margin-left-xs-20 { margin-left:20px; } .margin-left-xs-30 { margin-left:30px; } .margin-left-xs-40 { margin-left:40px; } .margin-left-xs-50 { margin-left:50px; } .margin-left-xs-60 { margin-left:60px; } .margin-left-xs-70 { margin-left:70px; }
    .margin-left-xs-80 { margin-left:80px; } .margin-left-xs-90 { margin-left:90px; } .margin-left-xs-100 { margin-left:100px; } .margin-left-xs-110 { margin-left:110px; } .margin-left-xs-120 { margin-left:120px; } .margin-left-xs-130 { margin-left:130px; } .margin-left-xs-140 { margin-left:140px;}
    .margin-left-xs-150 { margin-left:150px; } .margin-left-xs-160 { margin-left:160px; } .margin-left-xs-170 { margin-left:170px; } .margin-left-xs-180 { margin-left:180px; } .margin-left-xs-190 { margin-left:190px; } .margin-left-xs-200 { margin-left:200px; }

    .margin-right-xs-0 { margin-right:0px; } .margin-right-xs-10 { margin-right:10px; } .margin-right-xs-20 { margin-right:20px; } .margin-right-xs-30 { margin-right:30px; } .margin-right-xs-40 { margin-right:40px; } .margin-right-xs-50 { margin-right:50px; } .margin-right-xs-60 { margin-right:60px; } .margin-right-xs-70 { margin-right:70px; }
    .margin-right-xs-80 { margin-right:80px; } .margin-right-xs-90 { margin-right:90px; } .margin-right-xs-100 { margin-right:100px; } .margin-right-xs-110 { margin-right:110px; } .margin-right-xs-120 { margin-right:120px; } .margin-right-xs-130 { margin-right:130px; } .margin-right-xs-140 { margin-right:140px;}
    .margin-right-xs-150 { margin-right:150px; } .margin-right-xs-160 { margin-right:160px; } .margin-right-xs-170 { margin-right:170px; } .margin-right-xs-180 { margin-right:180px; } .margin-right-xs-190 { margin-right:190px; } .margin-right-xs-200 { margin-right:200px; }
    }


    /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {
    .margin-sm-0 {margin:0;} .margin-sm-10 { margin:10px; } .margin-sm-20 { margin:20px; } .margin-sm-30 { margin:30px; } .margin-sm-40 { margin:40px; } .margin-sm-50 { margin:50px; } .margin-sm-60 { margin:60px; } .margin-sm-70 { margin:70px; }
    .margin-sm-80 { margin:80px; } .margin-sm-90 { margin:90px;} .margin-sm-100 { margin:100px; }

    .margin-top-sm-0 {margin-top:0;} .margin-top-sm-10 { margin-top:10px; } .margin-top-sm-20 { margin-top:20px; } .margin-top-sm-30 { margin-top:30px; } .margin-top-sm-40 { margin-top:40px; } .margin-top-sm-50 { margin-top:50px; } .margin-top-sm-60 { margin-top:60px; } .margin-top-sm-70 { margin-top:70px; }
    .margin-top-sm-80 { margin-top:80px; } .margin-top-sm-90 { margin-top:90px; } .margin-top-sm-100 { margin-top:100px; } .margin-top-sm-110 { margin-top:110px; } .margin-top-sm-120 { margin-top:120px; } .margin-top-sm-130 { margin-top:130px; } .margin-top-sm-140 { margin-top:140px;}
    .margin-top-sm-150 { margin-top:150px; } .margin-top-sm-160 { margin-top:160px; } .margin-top-sm-170 { margin-top:170px; } .margin-top-sm-180 { margin-top:180px; } .margin-top-sm-190 { margin-top:190px; } .margin-top-sm-200 { margin-top:200px; }

    .margin-bottom-sm-0 {margin-bottom:0;} .margin-bottom-sm-10 { margin-bottom:10px; } .margin-bottom-sm-20 { margin-bottom:20px; } .margin-bottom-sm-30 { margin-bottom:30px; } .margin-bottom-sm-40 { margin-bottom:40px; } .margin-bottom-sm-50 { margin-bottom:50px; } .margin-bottom-sm-60 { margin-bottom:60px; } .margin-bottom-sm-70 { margin-bottom:70px; }
    .margin-bottom-sm-80 { margin-bottom:80px; } .margin-bottom-sm-90 { margin-bottom:90px; } .margin-bottom-sm-100 { margin-bottom:100px; } .margin-bottom-sm-110 { margin-bottom:110px; } .margin-bottom-sm-120 { margin-bottom:120px; } .margin-bottom-sm-130 { margin-bottom:130px; } .margin-bottom-sm-140 { margin-bottom:140px;}
    .margin-bottom-sm-150 { margin-bottom:150px; } .margin-bottom-sm-160 { margin-bottom:160px; } .margin-bottom-sm-170 { margin-bottom:170px; } .margin-bottom-sm-180 { margin-bottom:180px; } .margin-bottom-sm-190 { margin-bottom:190px; } .margin-bottom-sm-200 { margin-bottom:200px; }

    .margin-left-sm-0 { margin-left:0px; } .margin-left-sm-10 { margin-left:10px; } .margin-left-sm-20 { margin-left:20px; } .margin-left-sm-30 { margin-left:30px; } .margin-left-sm-40 { margin-left:40px; } .margin-left-sm-50 { margin-left:50px; } .margin-left-sm-60 { margin-left:60px; } .margin-left-sm-70 { margin-left:70px; }
    .margin-left-sm-80 { margin-left:80px; } .margin-left-sm-90 { margin-left:90px; } .margin-left-sm-100 { margin-left:100px; } .margin-left-sm-110 { margin-left:110px; } .margin-left-sm-120 { margin-left:120px; } .margin-left-sm-130 { margin-left:130px; } .margin-left-sm-140 { margin-left:140px;}
    .margin-left-sm-150 { margin-left:150px; } .margin-left-sm-160 { margin-left:160px; } .margin-left-sm-170 { margin-left:170px; } .margin-left-sm-180 { margin-left:180px; } .margin-left-sm-190 { margin-left:190px; } .margin-left-sm-200 { margin-left:200px; }

    .margin-right-sm-0 { margin-right:0px; } .margin-right-sm-10 { margin-right:10px; } .margin-right-sm-20 { margin-right:20px; } .margin-right-sm-30 { margin-right:30px; } .margin-right-sm-40 { margin-right:40px; } .margin-right-sm-50 { margin-right:50px; } .margin-right-sm-60 { margin-right:60px; } .margin-right-sm-70 { margin-right:70px; }
    .margin-right-sm-80 { margin-right:80px; } .margin-right-sm-90 { margin-right:90px; } .margin-right-sm-100 { margin-right:100px; } .margin-right-sm-110 { margin-right:110px; } .margin-right-sm-120 { margin-right:120px; } .margin-right-sm-130 { margin-right:130px; } .margin-right-sm-140 { margin-right:140px;}
    .margin-right-sm-150 { margin-right:150px; } .margin-right-sm-160 { margin-right:160px; } .margin-right-sm-170 { margin-right:170px; } .margin-right-sm-180 { margin-right:180px; } .margin-right-sm-190 { margin-right:190px; } .margin-right-sm-200 { margin-right:200px; }
    }


    /* [#] md screen */
    @media (min-width: 992px) and (max-width: 1199px) {
    .margin-md-0 {margin:0;} .margin-md-10 { margin:10px; } .margin-md-20 { margin:20px; } .margin-md-30 { margin:30px; } .margin-md-40 { margin:40px; } .margin-md-50 { margin:50px; } .margin-md-60 { margin:60px; } .margin-md-70 { margin:70px; }
    .margin-md-80 { margin:80px; } .margin-md-90 { margin:90px;} .margin-md-100 { margin:100px; }

    .margin-top-md-0 {margin-top:0;} .margin-top-md-10 { margin-top:10px; } .margin-top-md-20 { margin-top:20px; } .margin-top-md-30 { margin-top:30px; } .margin-top-md-40 { margin-top:40px; } .margin-top-md-50 { margin-top:50px; } .margin-top-md-60 { margin-top:60px; } .margin-top-md-70 { margin-top:70px; }
    .margin-top-md-80 { margin-top:80px; } .margin-top-md-90 { margin-top:90px; } .margin-top-md-100 { margin-top:100px; } .margin-top-md-110 { margin-top:110px; } .margin-top-md-120 { margin-top:120px; } .margin-top-md-130 { margin-top:130px; } .margin-top-md-140 { margin-top:140px;}
    .margin-top-md-150 { margin-top:150px; } .margin-top-md-160 { margin-top:160px; } .margin-top-md-170 { margin-top:170px; } .margin-top-md-180 { margin-top:180px; } .margin-top-md-190 { margin-top:190px; } .margin-top-md-200 { margin-top:200px; }

    .margin-bottom-md-0 {margin-bottom:0;} .margin-bottom-md-10 { margin-bottom:10px; } .margin-bottom-md-20 { margin-bottom:20px; } .margin-bottom-md-30 { margin-bottom:30px; } .margin-bottom-md-40 { margin-bottom:40px; } .margin-bottom-md-50 { margin-bottom:50px; } .margin-bottom-md-60 { margin-bottom:60px; } .margin-bottom-md-70 { margin-bottom:70px; }
    .margin-bottom-md-80 { margin-bottom:80px; } .margin-bottom-md-90 { margin-bottom:90px; } .margin-bottom-md-100 { margin-bottom:100px; } .margin-bottom-md-110 { margin-bottom:110px; } .margin-bottom-md-120 { margin-bottom:120px; } .margin-bottom-md-130 { margin-bottom:130px; } .margin-bottom-md-140 { margin-bottom:140px;}
    .margin-bottom-md-150 { margin-bottom:150px; } .margin-bottom-md-160 { margin-bottom:160px; } .margin-bottom-md-170 { margin-bottom:170px; } .margin-bottom-md-180 { margin-bottom:180px; } .margin-bottom-md-190 { margin-bottom:190px; } .margin-bottom-md-200 { margin-bottom:200px; }

    .margin-left-md-0 { margin-left:0px; } .margin-left-md-10 { margin-left:10px; } .margin-left-md-20 { margin-left:20px; } .margin-left-md-30 { margin-left:30px; } .margin-left-md-40 { margin-left:40px; } .margin-left-md-50 { margin-left:50px; } .margin-left-md-60 { margin-left:60px; } .margin-left-md-70 { margin-left:70px; }
    .margin-left-md-80 { margin-left:80px; } .margin-left-md-90 { margin-left:90px; } .margin-left-md-100 { margin-left:100px; } .margin-left-md-110 { margin-left:110px; } .margin-left-md-120 { margin-left:120px; } .margin-left-md-130 { margin-left:130px; } .margin-left-md-140 { margin-left:140px;}
    .margin-left-md-150 { margin-left:150px; } .margin-left-md-160 { margin-left:160px; } .margin-left-md-170 { margin-left:170px; } .margin-left-md-180 { margin-left:180px; } .margin-left-md-190 { margin-left:190px; } .margin-left-md-200 { margin-left:200px; }

    .margin-right-md-0 { margin-right:0px; } .margin-right-md-10 { margin-right:10px; } .margin-right-md-20 { margin-right:20px; } .margin-right-md-30 { margin-right:30px; } .margin-right-md-40 { margin-right:40px; } .margin-right-md-50 { margin-right:50px; } .margin-right-md-60 { margin-right:60px; } .margin-right-md-70 { margin-right:70px; }
    .margin-right-md-80 { margin-right:80px; } .margin-right-md-90 { margin-right:90px; } .margin-right-md-100 { margin-right:100px; } .margin-right-md-110 { margin-right:110px; } .margin-right-md-120 { margin-right:120px; } .margin-right-md-130 { margin-right:130px; } .margin-right-md-140 { margin-right:140px;}
    .margin-right-md-150 { margin-right:150px; } .margin-right-md-160 { margin-right:160px; } .margin-right-md-170 { margin-right:170px; } .margin-right-md-180 { margin-right:180px; } .margin-right-md-190 { margin-right:190px; } .margin-right-md-200 { margin-right:200px; }
    }


    /* [#] lg screen */
    @media (min-width: 1200px) {
    .margin-lg-0 {margin:0;} .margin-lg-10 { margin:10px; } .margin-lg-20 { margin:20px; } .margin-lg-30 { margin:30px; } .margin-lg-40 { margin:40px; } .margin-lg-50 { margin:50px; } .margin-lg-60 { margin:60px; } .margin-lg-70 { margin:70px; }
    .margin-lg-80 { margin:80px; } .margin-lg-90 { margin:90px;} .margin-lg-100 { margin:100px; }

    .margin-top-lg-0 {margin-top:0;} .margin-top-lg-10 { margin-top:10px; } .margin-top-lg-20 { margin-top:20px; } .margin-top-lg-30 { margin-top:30px; } .margin-top-lg-40 { margin-top:40px; } .margin-top-lg-50 { margin-top:50px; } .margin-top-lg-60 { margin-top:60px; } .margin-top-lg-70 { margin-top:70px; }
    .margin-top-lg-80 { margin-top:80px; } .margin-top-lg-90 { margin-top:90px; } .margin-top-lg-100 { margin-top:100px; } .margin-top-lg-110 { margin-top:110px; } .margin-top-lg-120 { margin-top:120px; } .margin-top-lg-130 { margin-top:130px; } .margin-top-lg-140 { margin-top:140px;}
    .margin-top-lg-150 { margin-top:150px; } .margin-top-lg-160 { margin-top:160px; } .margin-top-lg-170 { margin-top:170px; } .margin-top-lg-180 { margin-top:180px; } .margin-top-lg-190 { margin-top:190px; } .margin-top-lg-200 { margin-top:200px; }

    .margin-bottom-lg-0 {margin-bottom:0;} .margin-bottom-lg-10 { margin-bottom:10px; } .margin-bottom-lg-20 { margin-bottom:20px; } .margin-bottom-lg-30 { margin-bottom:30px; } .margin-bottom-lg-40 { margin-bottom:40px; } .margin-bottom-lg-50 { margin-bottom:50px; } .margin-bottom-lg-60 { margin-bottom:60px; } .margin-bottom-lg-70 { margin-bottom:70px; }
    .margin-bottom-lg-80 { margin-bottom:80px; } .margin-bottom-lg-90 { margin-bottom:90px; } .margin-bottom-lg-100 { margin-bottom:100px; } .margin-bottom-lg-110 { margin-bottom:110px; } .margin-bottom-lg-120 { margin-bottom:120px; } .margin-bottom-lg-130 { margin-bottom:130px; } .margin-bottom-lg-140 { margin-bottom:140px;}
    .margin-bottom-lg-150 { margin-bottom:150px; } .margin-bottom-lg-160 { margin-bottom:160px; } .margin-bottom-lg-170 { margin-bottom:170px; } .margin-bottom-lg-180 { margin-bottom:180px; } .margin-bottom-lg-190 { margin-bottom:190px; } .margin-bottom-lg-200 { margin-bottom:200px; }

    .margin-left-lg-0 { margin-left:0px; } .margin-left-lg-10 { margin-left:10px; } .margin-left-lg-20 { margin-left:20px; } .margin-left-lg-30 { margin-left:30px; } .margin-left-lg-40 { margin-left:40px; } .margin-left-lg-50 { margin-left:50px; } .margin-left-lg-60 { margin-left:60px; } .margin-left-lg-70 { margin-left:70px; }
    .margin-left-lg-80 { margin-left:80px; } .margin-left-lg-90 { margin-left:90px; } .margin-left-lg-100 { margin-left:100px; } .margin-left-lg-110 { margin-left:110px; } .margin-left-lg-120 { margin-left:120px; } .margin-left-lg-130 { margin-left:130px; } .margin-left-lg-140 { margin-left:140px;}
    .margin-left-lg-150 { margin-left:150px; } .margin-left-lg-160 { margin-left:160px; } .margin-left-lg-170 { margin-left:170px; } .margin-left-lg-180 { margin-left:180px; } .margin-left-lg-190 { margin-left:190px; } .margin-left-lg-200 { margin-left:200px; }

    .margin-right-lg-0 { margin-right:0px; } .margin-right-lg-10 { margin-right:10px; } .margin-right-lg-20 { margin-right:20px; } .margin-right-lg-30 { margin-right:30px; } .margin-right-lg-40 { margin-right:40px; } .margin-right-lg-50 { margin-right:50px; } .margin-right-lg-60 { margin-right:60px; } .margin-right-lg-70 { margin-right:70px; }
    .margin-right-lg-80 { margin-right:80px; } .margin-right-lg-90 { margin-right:90px; } .margin-right-lg-100 { margin-right:100px; } .margin-right-lg-110 { margin-right:110px; } .margin-right-lg-120 { margin-right:120px; } .margin-right-lg-130 { margin-right:130px; } .margin-right-lg-140 { margin-right:140px;}
    .margin-right-lg-150 { margin-right:150px; } .margin-right-lg-160 { margin-right:160px; } .margin-right-lg-170 { margin-right:170px; } .margin-right-lg-180 { margin-right:180px; } .margin-right-lg-190 { margin-right:190px; } .margin-right-lg-200 { margin-right:200px; }
    }


    /* [#] xl screen */
    @media (min-width: 1480px) {
    .margin-xl-0 {margin:0;} .margin-xl-10 { margin:10px; } .margin-xl-20 { margin:20px; } .margin-xl-30 { margin:30px; } .margin-xl-40 { margin:40px; } .margin-xl-50 { margin:50px; } .margin-xl-60 { margin:60px; } .margin-xl-70 { margin:70px; }
    .margin-xl-80 { margin:80px; } .margin-xl-90 { margin:90px;} .margin-xl-100 { margin:100px; }

    .margin-top-xl-0 {margin-top:0;} .margin-top-xl-10 { margin-top:10px; } .margin-top-xl-20 { margin-top:20px; } .margin-top-xl-30 { margin-top:30px; } .margin-top-xl-40 { margin-top:40px; } .margin-top-xl-50 { margin-top:50px; } .margin-top-xl-60 { margin-top:60px; } .margin-top-xl-70 { margin-top:70px; }
    .margin-top-xl-80 { margin-top:80px; } .margin-top-xl-90 { margin-top:90px; } .margin-top-xl-100 { margin-top:100px; } .margin-top-xl-110 { margin-top:110px; } .margin-top-xl-120 { margin-top:120px; } .margin-top-xl-130 { margin-top:130px; } .margin-top-xl-140 { margin-top:140px;}
    .margin-top-xl-150 { margin-top:150px; } .margin-top-xl-160 { margin-top:160px; } .margin-top-xl-170 { margin-top:170px; } .margin-top-xl-180 { margin-top:180px; } .margin-top-xl-190 { margin-top:190px; } .margin-top-xl-200 { margin-top:200px; }.margin-top-xl-250 { margin-top:250px; }
    .margin-top-xl-300 { margin-top:300px; } .margin-top-xl-350 { margin-top:350px; }  .margin-top-xl-400 { margin-top:400px; } .margin-top-xl-450 { margin-top:450px; }  .margin-top-xl-500 { margin-top:500px; }

    .margin-bottom-xl-0 {margin-bottom:0;} .margin-bottom-xl-10 { margin-bottom:10px; } .margin-bottom-xl-20 { margin-bottom:20px; } .margin-bottom-xl-30 { margin-bottom:30px; } .margin-bottom-xl-40 { margin-bottom:40px; } .margin-bottom-xl-50 { margin-bottom:50px; } .margin-bottom-xl-60 { margin-bottom:60px; } .margin-bottom-xl-70 { margin-bottom:70px; }
    .margin-bottom-xl-80 { margin-bottom:80px; } .margin-bottom-xl-90 { margin-bottom:90px; } .margin-bottom-xl-100 { margin-bottom:100px; } .margin-bottom-xl-110 { margin-bottom:110px; } .margin-bottom-xl-120 { margin-bottom:120px; } .margin-bottom-xl-130 { margin-bottom:130px; } .margin-bottom-xl-140 { margin-bottom:140px;}
    .margin-bottom-xl-150 { margin-bottom:150px; } .margin-bottom-xl-160 { margin-bottom:160px; } .margin-bottom-xl-170 { margin-bottom:170px; } .margin-bottom-xl-180 { margin-bottom:180px; } .margin-bottom-xl-190 { margin-bottom:190px; }.margin-bottom-xl-200 { margin-bottom:200px; } .margin-bottom-xl-250 { margin-bottom:250px; }
    .margin-bottom-xl-300 { margin-bottom:300px; } .margin-bottom-xl-350 { margin-bottom:350px; }  .margin-bottom-xl-400 { margin-bottom:400px; } .margin-bottom-xl-450 { margin-bottom:450px; }  .margin-bottom-xl-500 { margin-bottom:500px;}

    .margin-left-xl-0 { margin-left:0px; } .margin-left-xl-10 { margin-left:10px; } .margin-left-xl-20 { margin-left:20px; } .margin-left-xl-30 { margin-left:30px; } .margin-left-xl-40 { margin-left:40px; } .margin-left-xl-50 { margin-left:50px; } .margin-left-xl-60 { margin-left:60px; } .margin-left-xl-70 { margin-left:70px; }
    .margin-left-xl-80 { margin-left:80px; } .margin-left-xl-90 { margin-left:90px; } .margin-left-xl-100 { margin-left:100px; } .margin-left-xl-110 { margin-left:110px; } .margin-left-xl-120 { margin-left:120px; } .margin-left-xl-130 { margin-left:130px; } .margin-left-xl-140 { margin-left:140px;}
    .margin-left-xl-150 { margin-left:150px; } .margin-left-xl-160 { margin-left:160px; } .margin-left-xl-170 { margin-left:170px; } .margin-left-xl-180 { margin-left:180px; } .margin-left-xl-190 { margin-left:190px; } .margin-left-xl-200 { margin-left:200px; } .margin-left-xl-250 { margin-left:250px; }
    .margin-left-xl-300 { margin-left:300px; } .margin-left-xl-350 { margin-left:350px; }  .margin-left-xl-400 { margin-left:400px; } .margin-left-xl-450 { margin-left:450px; }  .margin-left-xl-500 { margin-left:500px; }

    .margin-right-xl-0 { margin-right:0px; } .margin-right-xl-10 { margin-right:10px; } .margin-right-xl-20 { margin-right:20px; } .margin-right-xl-30 { margin-right:30px; } .margin-right-xl-40 { margin-right:40px; } .margin-right-xl-50 { margin-right:50px; } .margin-right-xl-60 { margin-right:60px; } .margin-right-xl-70 { margin-right:70px; }
    .margin-right-xl-80 { margin-right:80px; } .margin-right-xl-90 { margin-right:90px; } .margin-right-xl-100 { margin-right:100px; } .margin-right-xl-110 { margin-right:110px; } .margin-right-xl-120 { margin-right:120px; } .margin-right-xl-130 { margin-right:130px; } .margin-right-xl-140 { margin-right:140px;}
    .margin-right-xl-150 { margin-right:150px; } .margin-right-xl-160 { margin-right:160px; } .margin-right-xl-170 { margin-right:170px; } .margin-right-xl-180 { margin-right:180px; } .margin-right-xl-190 { margin-right:190px; } .margin-right-xl-200 { margin-right:200px; } .margin-right-xl-250 { margin-right:250px; }
    .margin-right-xl-300 { margin-right:300px; } .margin-right-xl-350 { margin-right:350px; }  .margin-right-xl-400 { margin-right:400px; } .margin-right-xl-450 { margin-right:450px; }  .margin-right-xl-500 { margin-right:500px; }

    }

    .margin-small {
        margin: 5px
    }
    
    .margin-bottom-small {
        margin-bottom: 5px
    }
    
    .margin-top-small {
        margin-top: 5px
    }
    
    .margin-right-small {
        margin-right: 5px
    }
    
    .margin-left-small {
        margin-left: 5px
    }
    
    .margin-medium {
        margin: 10px
    }
    
    .margin-bottom-medium {
        margin-bottom: 10px
    }
    
    .margin-top-medium {
        margin-top: 10px
    }
    
    .margin-right-medium {
        margin-right: 10px
    }
    
    .margin-left-medium {
        margin-left: 10px
    }
    
    .margin-large {
        margin: 15px
    }
    
    .margin-bottom-large {
        margin-bottom: 15px
    }
    
    .margin-top-large {
        margin-top: 15px
    }
    
    .margin-right-large {
        margin-right: 15px
    }
    
    .margin-left-large {
        margin-left: 15px
    }
    
    .margin-x-large {
        margin: 20px
    }
    
    .margin-bottom-x-large {
        margin-bottom: 20px
    }
    
    .margin-top-x-large {
        margin-top: 20px
    }
    
    .margin-right-x-large {
        margin-right: 20px
    }
    
    .margin-left-x-large {
        margin-left: 20px
    }
    
    .no-margin-bottom {
        margin-bottom: 0 !important
    }
    
    .no-margin-top {
        margin-top: 0 !important
    }
    
    .no-margin-right {
        margin-right: 0 !important
    }
    
    .no-margin-left {
        margin-left: 0 !important
    }
    
    .no-margin {
        margin: 0 !important
    }
    
    .padding-small {
        padding: 5px
    }
    
    .padding-bottom-small {
        padding-bottom: 5px
    }
    
    .padding-top-small {
        padding-top: 5px
    }
    
    .padding-right-small {
        padding-right: 5px
    }
    
    .padding-left-small {
        padding-left: 5px
    }
    
    .padding-medium {
        padding: 10px
    }
    
    .padding-bottom-medium {
        padding-bottom: 10px
    }
    
    .padding-top-medium {
        padding-top: 10px
    }
    
    .padding-right-medium {
        padding-right: 10px
    }
    
    .padding-left-medium {
        padding-left: 10px
    }
    
    .padding-large {
        padding: 15px
    }
    
    .padding-bottom-large {
        padding-bottom: 15px
    }
    
    .padding-top-large {
        padding-top: 15px
    }
    
    .padding-right-large {
        padding-right: 15px
    }
    
    .padding-left-large {
        padding-left: 15px
    }
    
    .padding-x-large {
        padding: 20px
    }
    
    .padding-bottom-x-large {
        padding-bottom: 20px
    }
    
    .padding-top-x-large {
        padding-top: 20px
    }
    
    .padding-right-x-large {
        padding-right: 20px
    }
    
    .padding-left-x-large {
        padding-left: 20px
    }
    
    .no-padding-bottom {
        padding-bottom: 0 !important
    }
    
    .no-padding-top {
        padding-top: 0 !important
    }
    
    .no-padding-right {
        padding-right: 0 !important
    }
    
    .no-padding-left {
        padding-left: 0 !important
    }
    
    .no-padding {
        padding: 0 !important
    }
    
    .no-margin-padding {
        margin: 0 !important;
        padding: 0 !important
    }
    
    .padding-small-section {
        padding: 40px 0 40px 0
    }
    
    .padding-medium-section {
        padding: 60px 0 60px 0
    }
    
    .padding-normal-section {
        padding: 60px 0 60px 0
    }
    
    .padding-large-section {
        padding: 80px 0 80px 0
    }
    
    .padding-extra-large-section {
        padding: 100px 0 100px 0
    }
/* [*] Float **************************************************/

    .float-none {float:none;}
    .float-left {float:left;}
    .float-right {float:right;}
    .float-initial {float:initial;}
    .float-inherit {float:inherit;}


/* [*] Overlay layer ******************************************/


    /* Gradient Overlay **********************************************/

    .dark-gradient--top-bottom:before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        /*background:linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.1) 15%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.2) 100%);
        background:-webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.2) 100%);
        background:-moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.2) 100%);*/
        background:linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
        background:-webkit-linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
        background:-moz-linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0);
    }

    .dark-gradient--bottom:before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#00000000',GradientType=1);
    }

    .dark-gradient--top:before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#00000000',GradientType=1);
    }





    /* [µ] it selects all elements with a class attribute value that contains '-overlay' */
    [class*="-overlay"]::before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display:block;
    }


    /* dark overlay */

    /* generic class for the overlay, default value is set to 0.7 */
    .dark-overlay::before {
       background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.6) 100%);
    }

    .dark-overlay-10::before {
        background-color: rgba(0,0,0,0.1);
    }
    .dark-overlay-20::before {
        background-color: rgba(0,0,0,0.2);
    }
    .dark-overlay-30::before {
        background-color: rgba(0,0,0,0.3);
    }
    .dark-overlay-40::before {
        background-color: rgba(0,0,0,0.4);
    }
    .dark-overlay-50::before {
        background-color: rgba(0,0,0,0.5);
    }
    .dark-overlay-60::before {
        background-color: rgba(0,0,0,0.6);
    }
    .dark-overlay-70::before {
        background-color: rgba(0,0,0,0.7);
    }
    .dark-overlay-80::before {
        background-color: rgba(0,0,0,0.8);
    }
    .dark-overlay-90::before {
        background-color: rgba(0,0,0,0.9);
    }


    /* light overlay */

    /* generic class for the overlay, default value is set to 0.7 */
    .light-overlay::before {
        background-color: rgba(255,255,255,0.5);
    }

    .light-overlay-10::before {
        background-color: rgba(255,255,255,0.1);
    }
    .light-overlay-20::before {
        background-color: rgba(255,255,255,0.2);
    }
    .light-overlay-30::before {
        background-color: rgba(255,255,255,0.3);
    }
    .light-overlay-40::before {
        background-color: rgba(255,255,255,0.4);
    }
    .light-overlay-50::before {
        background-color: rgba(255,255,255,0.5);
    }
    .light-overlay-60::before {
        background-color: rgba(255,255,255,0.6);
    }
    .light-overlay-70::before {
        background-color: rgba(255,255,255,0.7);
    }
    .light-overlay-80::before {
        background-color: rgba(255,255,255,0.8);
    }
    .light-overlay-90::before {
        background-color: rgba(255,255,255,0.9);
    }



/* [*] Title underline **********************************************/

    .title-underline {display: inline-block;}

    .title-underline:after {
        content: "";
        height: 3px;
        display: block;
        position: relative;
        width: 80%;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .title-underline.underline-white:after {background-color: #ffffff;}
    .title-underline.underline-black:after {background-color: #000000;}


/* [*] min-height, height, width, etc.. sizes *******************************/

    .min-height-0 {min-height:0;} .min-height-10 { min-height:10px; } .min-height-20 { min-height:20px; } .min-height-30 { min-height:30px; } .min-height-40 { min-height:40px; } .min-height-50 { min-height:50px; } .min-height-60 { min-height:60px; } .min-height-70 { min-height:70px; }
    .min-height-80 { min-height:80px; } .min-height-90 { min-height:90px; } .min-height-100 { min-height:100px; } .min-height-110 { min-height:110px; } .min-height-120 { min-height:120px; } .min-height-130 { min-height:130px; } .min-height-140 { min-height:140px;}
    .min-height-150 { min-height:150px; } .min-height-160 { min-height:160px; } .min-height-170 { min-height:170px; } .min-height-180 { min-height:180px; } .min-height-190 { min-height:190px; } .min-height-200 { min-height:200px; }.min-height-250 {min-height:250px;} .min-height-300 {min-height:300px;}
    .min-height-350 {min-height:350px;} .min-height-400 {min-height:400px;} .min-height-450 {min-height:450px;} .min-height-500 {min-height:500px;} .min-height-600 {min-height:600px;} .min-height-700 {min-height:700px;}.min-height-750 {min-height:750px;}.min-height-800 {min-height:800px;}.min-height-900 {min-height:900px;}

    .max-height-0 {max-height:0;} .max-height-10 { max-height:10px; } .max-height-20 { max-height:20px; } .max-height-30 { max-height:30px; } .max-height-40 { max-height:40px; } .max-height-50 { max-height:50px; } .max-height-60 { max-height:60px; } .max-height-70 { max-height:70px; }
    .max-height-80 { max-height:80px; } .max-height-90 { max-height:90px; } .max-height-100 { max-height:100px; } .max-height-110 { max-height:110px; } .max-height-120 { max-height:120px; } .max-height-130 { max-height:130px; } .max-height-140 { max-height:140px;}
    .max-height-150 { max-height:150px; } .max-height-160 { max-height:160px; } .max-height-170 { max-height:170px; } .max-height-180 { max-height:180px; } .max-height-190 { max-height:190px; } .max-height-200 { max-height:200px; }.max-height-250 {max-height:250px;} .max-height-300 {max-height:300px;}
    .max-height-350 {max-height:350px;} .max-height-400 {max-height:400px;} .max-height-450 {max-height:450px;} .max-height-500 {max-height:500px;}

    .height-0 {height:0;} .height-10 { height:10px; } .height-20 { height:20px; } .height-30 { height:30px; } .height-40 { height:40px; } .height-50 { height:50px; } .height-60 { height:60px; } .height-70 { height:70px; }
    .height-80 { height:80px; } .height-90 { height:90px; } .height-100 { height:100px; } .height-110 { height:110px; } .height-120 { height:120px; } .height-130 { height:130px; } .height-140 { height:140px;}
    .height-150 { height:150px; } .height-160 { height:160px; } .height-170 { height:170px; } .height-180 { height:180px; } .height-190 { height:190px; } .height-200 { height:200px; }.height-230{height:230px;}.height-250 {height:250px;} .height-300 {height:300px;}
    .height-350 {height:350px;} .height-400 {height:400px;} .height-450 {height:450px;} .height-500 {height:500px;}

    .height-full {height:100%;}

    .width-0 {width:0;} .width-10 { width:10px; } .width-20 { width:20px; } .width-30 { width:30px; } .width-40 { width:40px; } .width-50 { width:50px; } .width-60 { width:60px; } .width-70 { width:70px; }
    .width-80 { width:80px; } .width-90 { width:90px; } .width-100 { width:100px; } .width-110 { width:110px; } .width-120 { width:120px; } .width-130 { width:130px; } .width-140 { width:140px;}
    .width-150 { width:150px; } .width-160 { width:160px; } .width-170 { width:170px; } .width-180 { width:180px; } .width-190 { width:190px; } .width-200 { width:200px; }.width-250 {width:250px;} .width-300 {width:300px;}
    .width-350 {width:350px;} .width-400 {width:400px;} .width-450 {width:450px;} .width-500 {width:500px;}

    .min-width-0 {min-width:0;} .min-width-10 { min-width:10px; } .min-width-20 { min-width:20px; } .min-width-30 { min-width:30px; } .min-width-40 { min-width:40px; } .min-width-50 { min-width:50px; } .min-width-60 { min-width:60px; } .min-width-70 { min-width:70px; }
    .min-width-80 { min-width:80px; } .min-width-90 { min-width:90px; } .min-width-100 { min-width:100px; } .min-width-110 { min-width:110px; } .min-width-120 { min-width:120px; } .min-width-130 { min-width:130px; } .min-width-140 { min-width:140px;}
    .min-width-150 { min-width:150px; } .min-width-160 { min-width:160px; } .min-width-170 { min-width:170px; } .min-width-180 { min-width:180px; } .min-width-190 { min-width:190px; } .min-width-200 { min-width:200px; }.min-width-250 {min-width:250px;} .min-width-300 {min-width:300px;}
    .min-width-350 {min-width:350px;} .min-width-400 {min-width:400px;} .min-width-450 {min-width:450px;} .min-width-500 {min-width:500px;}

    .max-width-0 {max-width:0;} .max-width-10 { max-width:10px; } .max-width-20 { max-width:20px; } .max-width-30 { max-width:30px; } .max-width-40 { max-width:40px; } .max-width-50 { max-width:50px; } .max-width-60 { max-width:60px; } .max-width-70 { max-width:70px; }
    .max-width-80 { max-width:80px; } .max-width-90 { max-width:90px; } .max-width-100 { max-width:100px; } .max-width-110 { max-width:110px; } .max-width-120 { max-width:120px; } .max-width-130 { max-width:130px; } .max-width-140 { max-width:140px;}
    .max-width-150 { max-width:150px; } .max-width-160 { max-width:160px; } .max-width-170 { max-width:170px; } .max-width-180 { max-width:180px; } .max-width-190 { max-width:190px; } .max-width-200 { max-width:200px; }.max-width-250 {max-width:250px;} .max-width-300 {max-width:300px;}
    .max-width-350 {max-width:350px;} .max-width-400 {max-width:400px;} .max-width-450 {max-width:450px;} .max-width-500 {max-width:500px;}

    .width-full {width: 100%;}

    @media (max-width: 767px) {
        .min-height-xs-0 {min-height:0;} .min-height-xs-10 { min-height:10px; } .min-height-xs-20 { min-height:20px; } .min-height-xs-30 { min-height:30px; } .min-height-xs-40 { min-height:40px; } .min-height-xs-50 { min-height:50px; } .min-height-xs-60 { min-height:60px; } .min-height-xs-70 { min-height:70px; }
        .min-height-xs-80 { min-height:80px; } .min-height-xs-90 { min-height:90px; } .min-height-xs-100 { min-height:100px; } .min-height-xs-110 { min-height:110px; } .min-height-xs-120 { min-height:120px; } .min-height-xs-130 { min-height:130px; } .min-height-xs-140 { min-height:140px;}
        .min-height-xs-150 { min-height:150px; } .min-height-xs-160 { min-height:160px; } .min-height-xs-170 { min-height:170px; } .min-height-xs-180 { min-height:180px; } .min-height-xs-190 { min-height:190px; } .min-height-xs-200 { min-height:200px; }.min-height-xs-250 {min-height:250px;} .min-height-xs-300 {min-height:300px;}
        .min-height-xs-350 {min-height:350px;} .min-height-xs-400 {min-height:400px;} .min-height-xs-450 {min-height:450px;} .min-height-xs-500 {min-height:500px;} .min-height-xs-600 {min-height:600px;} .min-height-xs-700 {min-height:700px;}.min-height-xs-750 {min-height:750px;}.min-height-xs-800 {min-height:800px;}.min-height-xs-900 {min-height:900px;}

        .max-height-xs-0 {max-height:0;} .max-height-xs-10 { max-height:10px; } .max-height-xs-20 { max-height:20px; } .max-height-xs-30 { max-height:30px; } .max-height-xs-40 { max-height:40px; } .max-height-xs-50 { max-height:50px; } .max-height-xs-60 { max-height:60px; } .max-height-xs-70 { max-height:70px; }
        .max-height-xs-80 { max-height:80px; } .max-height-xs-90 { max-height:90px; } .max-height-xs-100 { max-height:100px; } .max-height-xs-110 { max-height:110px; } .max-height-xs-120 { max-height:120px; } .max-height-xs-130 { max-height:130px; } .max-height-xs-140 { max-height:140px;}
        .max-height-xs-150 { max-height:150px; } .max-height-xs-160 { max-height:160px; } .max-height-xs-170 { max-height:170px; } .max-height-xs-180 { max-height:180px; } .max-height-xs-190 { max-height:190px; } .max-height-xs-200 { max-height:200px; }.max-height-xs-250 {max-height:250px;} .max-height-xs-300 {max-height:300px;}
        .max-height-xs-350 {max-height:350px;} .max-height-xs-400 {max-height:400px;} .max-height-xs-450 {max-height:450px;} .max-height-xs-500 {max-height:500px;}

        .height-xs-0 {height:0;} .height-xs-10 { height:10px; } .height-xs-20 { height:20px; } .height-xs-30 { height:30px; } .height-xs-40 { height:40px; } .height-xs-50 { height:50px; } .height-xs-60 { height:60px; } .height-xs-70 { height:70px; }
        .height-xs-80 { height:80px; } .height-xs-90 { height:90px; } .height-xs-100 { height:100px; } .height-xs-110 { height:110px; } .height-xs-120 { height:120px; } .height-xs-130 { height:130px; } .height-xs-140 { height:140px;}
        .height-xs-150 { height:150px; } .height-xs-160 { height:160px; } .height-xs-170 { height:170px; } .height-xs-180 { height:180px; } .height-xs-190 { height:190px; } .height-xs-200 { height:200px; }.height-xs-250 {height:250px;} .height-xs-300 {height:300px;}
        .height-xs-350 {height:350px;} .height-xs-400 {height:400px;} .height-xs-450 {height:450px;} .height-xs-500 {height:500px;}

        .height-xs-full {height:100%;}
        .width-xs-full {width: 100%;}
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .min-height-sm-0 {min-height:0;} .min-height-sm-10 { min-height:10px; } .min-height-sm-20 { min-height:20px; } .min-height-sm-30 { min-height:30px; } .min-height-sm-40 { min-height:40px; } .min-height-sm-50 { min-height:50px; } .min-height-sm-60 { min-height:60px; } .min-height-sm-70 { min-height:70px; }
        .min-height-sm-80 { min-height:80px; } .min-height-sm-90 { min-height:90px; } .min-height-sm-100 { min-height:100px; } .min-height-sm-110 { min-height:110px; } .min-height-sm-120 { min-height:120px; } .min-height-sm-130 { min-height:130px; } .min-height-sm-140 { min-height:140px;}
        .min-height-sm-150 { min-height:150px; } .min-height-sm-160 { min-height:160px; } .min-height-sm-170 { min-height:170px; } .min-height-sm-180 { min-height:180px; } .min-height-sm-190 { min-height:190px; } .min-height-sm-200 { min-height:200px; }.min-height-sm-250 {min-height:250px;} .min-height-sm-300 {min-height:300px;}
        .min-height-sm-350 {min-height:350px;} .min-height-sm-400 {min-height:400px;} .min-height-sm-450 {min-height:450px;} .min-height-sm-500 {min-height:500px;} .min-height-sm-600 {min-height:600px;} .min-height-sm-700 {min-height:700px;}.min-height-sm-750 {min-height:750px;}.min-height-sm-800 {min-height:800px;}.min-height-sm-900 {min-height:900px;}

        .max-height-sm-0 {max-height:0;} .max-height-sm-10 { max-height:10px; } .max-height-sm-20 { max-height:20px; } .max-height-sm-30 { max-height:30px; } .max-height-sm-40 { max-height:40px; } .max-height-sm-50 { max-height:50px; } .max-height-sm-60 { max-height:60px; } .max-height-sm-70 { max-height:70px; }
        .max-height-sm-80 { max-height:80px; } .max-height-sm-90 { max-height:90px; } .max-height-sm-100 { max-height:100px; } .max-height-sm-110 { max-height:110px; } .max-height-sm-120 { max-height:120px; } .max-height-sm-130 { max-height:130px; } .max-height-sm-140 { max-height:140px;}
        .max-height-sm-150 { max-height:150px; } .max-height-sm-160 { max-height:160px; } .max-height-sm-170 { max-height:170px; } .max-height-sm-180 { max-height:180px; } .max-height-sm-190 { max-height:190px; } .max-height-sm-200 { max-height:200px; }.max-height-sm-250 {max-height:250px;} .max-height-sm-300 {max-height:300px;}
        .max-height-sm-350 {max-height:350px;} .max-height-sm-400 {max-height:400px;} .max-height-sm-450 {max-height:450px;} .max-height-sm-500 {max-height:500px;}

        .height-sm-0 {height:0;} .height-sm-10 { height:10px; } .height-sm-20 { height:20px; } .height-sm-30 { height:30px; } .height-sm-40 { height:40px; } .height-sm-50 { height:50px; } .height-sm-60 { height:60px; } .height-sm-70 { height:70px; }
        .height-sm-80 { height:80px; } .height-sm-90 { height:90px; } .height-sm-100 { height:100px; } .height-sm-110 { height:110px; } .height-sm-120 { height:120px; } .height-sm-130 { height:130px; } .height-sm-140 { height:140px;}
        .height-sm-150 { height:150px; } .height-sm-160 { height:160px; } .height-sm-170 { height:170px; } .height-sm-180 { height:180px; } .height-sm-190 { height:190px; } .height-sm-200 { height:200px; }.height-sm-250 {height:250px;} .height-sm-300 {height:300px;}
        .height-sm-350 {height:350px;} .height-sm-400 {height:400px;} .height-sm-450 {height:450px;} .height-sm-500 {height:500px;}

        .height-sm-full {height:100%;}
        .width-sm-full {width: 100%;}
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .min-height-md-0 {min-height:0;} .min-height-md-10 { min-height:10px; } .min-height-md-20 { min-height:20px; } .min-height-md-30 { min-height:30px; } .min-height-md-40 { min-height:40px; } .min-height-md-50 { min-height:50px; } .min-height-md-60 { min-height:60px; } .min-height-md-70 { min-height:70px; }
        .min-height-md-80 { min-height:80px; } .min-height-md-90 { min-height:90px; } .min-height-md-100 { min-height:100px; } .min-height-md-110 { min-height:110px; } .min-height-md-120 { min-height:120px; } .min-height-md-130 { min-height:130px; } .min-height-md-140 { min-height:140px;}
        .min-height-md-150 { min-height:150px; } .min-height-md-160 { min-height:160px; } .min-height-md-170 { min-height:170px; } .min-height-md-180 { min-height:180px; } .min-height-md-190 { min-height:190px; } .min-height-md-200 { min-height:200px; }.min-height-md-250 {min-height:250px;} .min-height-md-300 {min-height:300px;}
        .min-height-md-350 {min-height:350px;} .min-height-md-400 {min-height:400px;} .min-height-md-450 {min-height:450px;} .min-height-md-500 {min-height:500px;} .min-height-md-600 {min-height:600px;} .min-height-md-700 {min-height:700px;}.min-height-md-750 {min-height:750px;}.min-height-md-800 {min-height:800px;}.min-heigh-mdt-900 {min-height:900px;}

        .max-height-md-0 {max-height:0;} .max-height-md-10 { max-height:10px; } .max-height-md-20 { max-height:20px; } .max-height-md-30 { max-height:30px; } .max-height-md-40 { max-height:40px; } .max-height-md-50 { max-height:50px; } .max-height-md-60 { max-height:60px; } .max-height-md-70 { max-height:70px; }
        .max-height-md-80 { max-height:80px; } .max-height-md-90 { max-height:90px; } .max-height-md-100 { max-height:100px; } .max-height-md-110 { max-height:110px; } .max-height-md-120 { max-height:120px; } .max-height-md-130 { max-height:130px; } .max-height-md-140 { max-height:140px;}
        .max-height-md-150 { max-height:150px; } .max-height-md-160 { max-height:160px; } .max-height-md-170 { max-height:170px; } .max-height-md-180 { max-height:180px; } .max-height-md-190 { max-height:190px; } .max-height-md-200 { max-height:200px; }.max-height-md-250 {max-height:250px;} .max-height-md-300 {max-height:300px;}
        .max-height-md-350 {max-height:350px;} .max-height-md-400 {max-height:400px;} .max-height-md-450 {max-height:450px;} .max-height-md-500 {max-height:500px;}

        .height-md-0 {height:0;} .height-md-10 { height:10px; } .height-md-20 { height:20px; } .height-md-30 { height:30px; } .height-md-40 { height:40px; } .height-md-50 { height:50px; } .height-md-60 { height:60px; } .height-md-70 { height:70px; }
        .height-md-80 { height:80px; } .height-md-90 { height:90px; } .height-md-100 { height:100px; } .height-md-110 { height:110px; } .height-md-120 { height:120px; } .height-md-130 { height:130px; } .height-md-140 { height:140px;}
        .height-md-150 { height:150px; } .height-md-160 { height:160px; } .height-md-170 { height:170px; } .height-md-180 { height:180px; } .height-md-190 { height:190px; } .height-md-200 { height:200px; }.height-md-250 {height:250px;} .height-md-300 {height:300px;}
        .height-md-350 {height:350px;} .height-md-400 {height:400px;} .height-md-450 {height:450px;} .height-md-500 {height:500px;}

        .height-md-full {height:100%;}
        .width-md-full {width: 100%;}
    }

    @media (min-width: 1200px) {
        .min-height-lg-0 {min-height:0;} .min-height-lg-10 { min-height:10px; } .min-height-lg-20 { min-height:20px; } .min-height-lg-30 { min-height:30px; } .min-height-lg-40 { min-height:40px; } .min-height-lg-50 { min-height:50px; } .min-height-lg-60 { min-height:60px; } .min-height-lg-70 { min-height:70px; }
        .min-height-lg-80 { min-height:80px; } .min-height-lg-90 { min-height:90px; } .min-height-lg-100 { min-height:100px; } .min-height-lg-110 { min-height:110px; } .min-height-lg-120 { min-height:120px; } .min-height-lg-130 { min-height:130px; } .min-height-lg-140 { min-height:140px;}
        .min-height-lg-150 { min-height:150px; } .min-height-lg-160 { min-height:160px; } .min-height-lg-170 { min-height:170px; } .min-height-lg-180 { min-height:180px; } .min-height-lg-190 { min-height:190px; } .min-height-lg-200 { min-height:200px; }.min-height-lg-250 {min-height:250px;} .min-height-lg-300 {min-height:300px;}
        .min-height-lg-350 {min-height:350px;} .min-height-lg-400 {min-height:400px;} .min-height-lg-450 {min-height:450px;} .min-height-lg-500 {min-height:500px;} .min-height-lg-600 {min-height:600px;} .min-height-lg-700 {min-height:700px;}.min-height-lg-750 {min-height:750px;}.min-height-lg-800 {min-height:800px;}.min-height-lg-900 {min-height:900px;}

        .max-height-lg-0 {max-height:0;} .max-height-lg-10 { max-height:10px; } .max-height-lg-20 { max-height:20px; } .max-height-lg-30 { max-height:30px; } .max-height-lg-40 { max-height:40px; } .max-height-lg-50 { max-height:50px; } .max-height-lg-60 { max-height:60px; } .max-height-lg-70 { max-height:70px; }
        .max-height-lg-80 { max-height:80px; } .max-height-lg-90 { max-height:90px; } .max-height-lg-100 { max-height:100px; } .max-height-lg-110 { max-height:110px; } .max-height-lg-120 { max-height:120px; } .max-height-lg-130 { max-height:130px; } .max-height-lg-140 { max-height:140px;}
        .max-height-lg-150 { max-height:150px; } .max-height-lg-160 { max-height:160px; } .max-height-lg-170 { max-height:170px; } .max-height-lg-180 { max-height:180px; } .max-height-lg-190 { max-height:190px; } .max-height-lg-200 { max-height:200px; }.max-height-lg-250 {max-height:250px;} .max-height-lg-300 {max-height:300px;}
        .max-height-lg-350 {max-height:350px;} .max-height-lg-400 {max-height:400px;} .max-height-lg-450 {max-height:450px;} .max-height-lg-500 {max-height:500px;}

        .height-lg-0 {height:0;} .height-lg-10 { height:10px; } .height-lg-20 { height:20px; } .height-lg-30 { height:30px; } .height-lg-40 { height:40px; } .height-lg-50 { height:50px; } .height-lg-60 { height:60px; } .height-lg-70 { height:70px; }
        .height-lg-80 { height:80px; } .height-lg-90 { height:90px; } .height-lg-100 { height:100px; } .height-lg-110 { height:110px; } .height-lg-120 { height:120px; } .height-lg-130 { height:130px; } .height-lg-140 { height:140px;}
        .height-lg-150 { height:150px; } .height-lg-160 { height:160px; } .height-lg-170 { height:170px; } .height-lg-180 { height:180px; } .height-lg-190 { height:190px; } .height-lg-200 { height:200px; }.height-lg-250 {height:250px;} .height-lg-300 {height:300px;}
        .height-lg-350 {height:350px;} .height-lg-400 {height:400px;} .height-lg-450 {height:450px;} .height-lg-500 {height:500px;}

        .height-lg-full {height:100%;}
        .width-lg-full {width: 100%;}
    }

/* [*] top, bottom, left, right */

    /* For all screens size */
    .top-0 {top:0;} .top-10 { top:10px; } .top-20 { top:20px; } .top-30 { top:30px; } .top-40 { top:40px; } .top-50 { top:50px; } .top-60 { top:60px; } .top-70 { top:70px; } .top-80 { top:80px; } .top-90 { top:90px; } .top-100 { top:100px; }
    .bottom-0 {bottom:0;} .bottom-10 { bottom:10px; } .bottom-20 { bottom:20px; } .bottom-30 { bottom:30px; } .bottom-40 { bottom:40px; } .bottom-50 { bottom:50px; } .bottom-60 { bottom:60px; } .bottom-70 { bottom:70px; } .bottom-80 { bottom:80px; } .bottom-90 { bottom:90px; } .bottom-100 { bottom:100px; }
    .left-0 {left:0;} .left-10 { left:10px; } .left-20 { left:20px; } .left-30 { left:30px; } .left-40 { left:40px; } .left-50 { left:50px; } .left-60 { left:60px; } .left-70 { left:70px; } .left-80 { left:80px; } .left-90 { left:90px; } .left-100 { left:100px; }
    .right-0 {right:0;} .right-10 { right:10px; } .right-20 { right:20px; } .right-30 { right:30px; } .right-40 { right:40px; } .right-50 { right:50px; } .right-60 { right:60px; } .right-70 { right:70px; } .right-80 { right:80px; } .right-90 { right:90px; } .right-100 { right:100px; }

    /* [#] xs screen */
    @media (max-width: 767px) {
    .top-xs-0 {top:0;} .top-xs-10 { top:10px; } .top-xs-20 { top:20px; } .top-xs-30 { top:30px; } .top-xs-40 { top:40px; } .top-xs-50 { top:50px; } .top-xs-60 { top:60px; } .top-xs-70 { top:70px; } .top-xs-80 { top:80px; } .top-xs-90 { top:90px; } .top-xs-100 { top:100px; }
    .bottom-0 {bottom:0;} .bottom-10 { bottom:10px; } .bottom-20 { bottom:20px; } .bottom-30 { bottom:30px; } .bottom-40 { bottom:40px; } .bottom-50 { bottom:50px; } .bottom-60 { bottom:60px; } .bottom-70 { bottom:70px; } .bottom-80 { bottom:80px; } .bottom-90 { bottom:90px; } .bottom-100 { bottom:100px; }
    .left-xs-0 {left:0;} .left-xs-10 { left:10px; } .left-xs-20 { left:20px; } .left-xs-30 { left:30px; } .left-xs-40 { left:40px; } .left-xs-50 { left:50px; } .left-xs-60 { left:60px; } .left-xs-70 { left:70px; } .left-xs-80 { left:80px; } .left-xs-90 { left:90px; } .left-xs-100 { left:100px; }
    .right-xs-0 {right:0;} .right-xs-10 { right:10px; } .right-xs-20 { right:20px; } .right-xs-30 { right:30px; } .right-xs-40 { right:40px; } .right-xs-50 { right:50px; } .right-xs-60 { right:60px; } .right-xs-70 { right:70px; } .right-xs-80 { right:80px; } .right-xs-90 { right:90px; } .right-xs-100 { right:100px; }
    }


    /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {
    .top-sm-0 {top:0;} .top-sm-10 { top:10px; } .top-sm-20 { top:20px; } .top-sm-30 { top:30px; } .top-sm-40 { top:40px; } .top-sm-50 { top:50px; } .top-sm-60 { top:60px; } .top-sm-70 { top:70px; } .top-sm-80 { top:80px; } .top-sm-90 { top:90px; } .top-sm-100 { top:100px; }
    .bottom-0 {bottom:0;} .bottom-10 { bottom:10px; } .bottom-20 { bottom:20px; } .bottom-30 { bottom:30px; } .bottom-40 { bottom:40px; } .bottom-50 { bottom:50px; } .bottom-60 { bottom:60px; } .bottom-70 { bottom:70px; } .bottom-80 { bottom:80px; } .bottom-90 { bottom:90px; } .bottom-100 { bottom:100px; }
    .left-sm-0 {left:0;} .left-sm-10 { left:10px; } .left-sm-20 { left:20px; } .left-sm-30 { left:30px; } .left-sm-40 { left:40px; } .left-sm-50 { left:50px; } .left-sm-60 { left:60px; } .left-sm-70 { left:70px; } .left-sm-80 { left:80px; } .left-sm-90 { left:90px; } .left-sm-100 { left:100px; }
    .right-sm-0 {right:0;} .right-sm-10 { right:10px; } .right-sm-20 { right:20px; } .right-sm-30 { right:30px; } .right-sm-40 { right:40px; } .right-sm-50 { right:50px; } .right-sm-60 { right:60px; } .right-sm-70 { right:70px; } .right-sm-80 { right:80px; } .right-sm-90 { right:90px; } .right-sm-100 { right:100px; }
    }


    /* [#] md screen */
    @media (min-width: 992px) and (max-width: 1199px) {
    .top-md-0 {top:0;} .top-md-10 { top:10px; } .top-md-20 { top:20px; } .top-md-30 { top:30px; } .top-md-40 { top:40px; } .top-md-50 { top:50px; } .top-md-60 { top:60px; } .top-md-70 { top:70px; } .top-md-80 { top:80px; } .top-md-90 { top:90px; } .top-md-100 { top:100px; }
    .bottom-0 {bottom:0;} .bottom-10 { bottom:10px; } .bottom-20 { bottom:20px; } .bottom-30 { bottom:30px; } .bottom-40 { bottom:40px; } .bottom-50 { bottom:50px; } .bottom-60 { bottom:60px; } .bottom-70 { bottom:70px; } .bottom-80 { bottom:80px; } .bottom-90 { bottom:90px; } .bottom-100 { bottom:100px; }
    .left-md-0 {left:0;} .left-md-10 { left:10px; } .left-md-20 { left:20px; } .left-md-30 { left:30px; } .left-md-40 { left:40px; } .left-md-50 { left:50px; } .left-md-60 { left:60px; } .left-md-70 { left:70px; } .left-md-80 { left:80px; } .left-md-90 { left:90px; } .left-md-100 { left:100px; }
    .right-md-0 {right:0;} .right-md-10 { right:10px; } .right-md-20 { right:20px; } .right-md-30 { right:30px; } .right-md-40 { right:40px; } .right-md-50 { right:50px; } .right-md-60 { right:60px; } .right-md-70 { right:70px; } .right-md-80 { right:80px; } .right-md-90 { right:90px; } .right-md-100 { right:100px; }
    }

    /* [#] lg screen */
    @media (min-width: 1200px) {
    .top-lg-0 {top:0;} .top-lg-10 { top:10px; } .top-lg-20 { top:20px; } .top-lg-30 { top:30px; } .top-lg-40 { top:40px; } .top-lg-50 { top:50px; } .top-lg-60 { top:60px; } .top-lg-70 { top:70px; } .top-lg-80 { top:80px; } .top-lg-90 { top:90px; } .top-lg-100 { top:100px; }
    .bottom-0 {bottom:0;} .bottom-10 { bottom:10px; } .bottom-20 { bottom:20px; } .bottom-30 { bottom:30px; } .bottom-40 { bottom:40px; } .bottom-50 { bottom:50px; } .bottom-60 { bottom:60px; } .bottom-70 { bottom:70px; } .bottom-80 { bottom:80px; } .bottom-90 { bottom:90px; } .bottom-100 { bottom:100px; }
    .left-lg-0 {left:0;} .left-lg-10 { left:10px; } .left-lg-20 { left:20px; } .left-lg-30 { left:30px; } .left-lg-40 { left:40px; } .left-lg-50 { left:50px; } .left-lg-60 { left:60px; } .left-lg-70 { left:70px; } .left-lg-80 { left:80px; } .left-lg-90 { left:90px; } .left-lg-100 { left:100px; }
    .right-lg-0 {right:0;} .right-lg-10 { right:10px; } .right-lg-20 { right:20px; } .right-lg-30 { right:30px; } .right-lg-40 { right:40px; } .right-lg-50 { right:50px; } .right-lg-60 { right:60px; } .right-lg-70 { right:70px; } .right-lg-80 { right:80px; } .right-lg-90 { right:90px; } .right-lg-100 { right:100px; }
    }


/* [*] Link **********************************************/

    a i {
        opacity:1;
        -webkit-transition: opacity .15s ease-in-out;
           -moz-transition: opacity .15s ease-in-out;
            -ms-transition: opacity .15s ease-in-out;
             -o-transition: opacity .15s ease-in-out;
                transition: opacity .15s ease-in-out;
    }

    a img {
        opacity:1;
        /*-webkit-transition: opacity .25s ease-in-out;
           -moz-transition: opacity .25s ease-in-out;
            -ms-transition: opacity .25s ease-in-out;
             -o-transition: opacity .25s ease-in-out;
                transition: opacity .25s ease-in-out;*/
    }

    a i:hover {opacity: .5;}
    a img:hover {opacity: .7;}

/** Opacity control */

.opacity-0 {
    opacity: 0;
}

/** END Opacity control */


/* [*] Thumbnail figure ************************************/

    .thumbnail {background-color: transparent;}

    .thumbnail > figure > div a img, .thumbnail > figure > div img {
        margin-right: auto;
        margin-left: auto;
    }

/* [*] Lineal gradient ************************************/
    .gradient-line {
        display:block;
        border:none;
        height:1px;
        background:black;
        background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#bbb), to(#eee));
    }

/* [*] Divider ************************************************/
    @media (min-width: 768px) {
        .divider::before {
            position: absolute;
            content: '';
            bottom: -5px;
            margin: 20px -20px;
        }

           /* After: divider */
                .divider-after::after {
                    position: absolute;
                    content: '';
                    bottom: 20px;
                    margin: 20px 0px;
                    right: 0;
                }
            /* End of After: divider */

        /* height size divider */
            .divider--height-50::before {
                height: 50%;
            }
            .divider--height-60::before {
                height: 60%;
            }
            .divider--height-70::before {
                height: 70%;
            }
            .divider--height-90::before {
                height: 90%;
            }
            .divider--height-100::before {
                height: 100%;
            }

            .divider--height-70-fixed::before {
                height: 70px !important;
                top: -5px !important;
                bottom: 0 !important;
            }
            .divider--height-100-fixed::before {
                height: 100px !important;
                top: -5px !important;
                bottom: 0 !important;
            }
            .divider--height-200-fixed::before {
                height: 200px !important;
                top: -5px !important;
                bottom: 0 !important;
            }
            .divider--height-300-fixed::before {
                height: 300px !important;
                top: -5px !important;
                bottom: 0 !important;
            }
            .divider--height-400-fixed::before {
                height: 400px !important;
                top: -5px !important;
                bottom: 0 !important;
            }

            /* After: divider height */

                .divider-after--height-50::after {
                    height: 50%;
                }
                .divider-after--height-60::after {
                    height: 60%;
                }
                .divider-after--height-70::after {
                    height: 70%;
                }
                .divider-after--height-90::after {
                    height: 90%;
                }
                .divider-after--height-100::after {
                    height: 100%;
                }

                .divider-after--height-70-fixed::after {
                    height: 70px;
                }
                .divider-after--height-100-fixed::after {
                    height: 100px;
                }
                .divider-after--height-200-fixed::after {
                    height: 200px;
                }
                .divider-after--height-300-fixed::after {
                    height: 300px;
                }
                .divider--height-400-fixed::after {
                    height: 400px;
                }

            /* End of After: divider height */

        /* end height size divider */


        /* Color divider */
            .divider--color-white::before {
                border-left: 1px solid #ffffff;
            }
            .divider--color-light-grey::before {
                border-left: 1px solid #cccccc;
            }
            .divider--color-grey::before {
                border-left: 1px solid #777777;
            }
            .divider--color-dark-grey::before {
                border-left: 1px solid #333333;
            }


            /* After: divider color */
                .divider-after--color-white::after {
                    border-right: 1px solid #ffffff;
                }
                .divider-after--color-light-grey::after {
                    border-right: 1px solid #cccccc;
                }
                .divider-after--color-grey::after {
                    border-right: 1px solid #777777;
                }
                .divider-after--color-dark-grey::after {
                    border-right: 1px solid #333333;
                }

             /* end of After: divider color */

        /* end color divider */


    }

    /* [*] Horizontal divider************************/

 .divider__h::after {
        position: absolute;
        content: '';
        bottom: -10px;
        margin: 0;
    }

    /* width size divider */

        .divider--width-70::after {
            width: 70%;
        }

    /* end width size divider */


    /* Color divider */
        .divider__h--color-white::after {
            border-bottom: 1px solid #ffffff;
        }
        .divider__h--color-light-grey::after {
            border-bottom: 1px solid #cccccc;
        }
        .divider__h--color-grey::after {
            border-bottom: 1px solid #777777;
        }
        .divider__h--color-dark-grey::after {
            border-bottom: 1px solid #333333;
        }
        .divider__h--color-blue::after {
            border-bottom: 1px solid #00529E;
        }
    /* end color divider */


/* [*] Separator **********************************************/

    .separator {
        text-align: center;
        height: 20px;
        width: 100%;
        margin: 35px 0;
        padding: 2px 0;
        overflow: hidden;
    	position: relative;
    	clear: both;
    	}
    	.separator-side:before,
    	.separator-side:after {
    		display: inline-block;
    		content: "";
    		height: 1px;
    		width: 50%;
    		margin-top: 7px;
    		vertical-align: top;
    		position: relative;
    		background-color: #e8e8e8; /* variable */
    		}
    	.separator-side:before {
    		left: -13px;
    		margin-left: -50%;
    		}
    	.separator-side:after {
    		left: 13px;
    		margin-right: -50%;
    		}
    		.separator-side i {
    			font-size: 16px;
    			line-sideeight: 16px;
    			height: 16px;
    			width: 20px;
    			vertical-align: top;
    			text-align: center;
    			color: #e8e8e8; /* variable */
    			}
    	/* SIZE: small */
    	.separator.size-small {
    		margin: 25px 0;
    		}
    	/* SIZE: big */
    	.separator.size-big {
    		margin: 45px 0;
    		}
    	/* SIZE: huge */
    	.separator.size-huge {
    		margin: 65px 0;
    		}
    	/* TYPE: invisible */
    	.separator.type-invisible {
    		height: 0;
    		margin: 20px 0;
    		}
    		.separator.type-invisible.size-small {
    			margin: 10px 0;
    			}
    		.separator.type-invisible.size-big {
    			margin: 30px 0;
    			}
    		.separator.type-invisible.size-huge {
    			margin: 50px 0;
    			}
    		.separator.type-invisible .separator-side {
    			display: none;
    			}

        /* TYPE: visible */
    	    .separator.type-visible {
                height: 0;
                margin: 20px 0;
                border-bottom: 1px solid #cccccc;
                margin-bottom: 30px;
            }
            .separator.type-visible.size-small {
    			margin: 10px 0;
    			}
    		.separator.type-visible.size-big {
    			margin: 30px 0;
    			}
    		.separator.type-visible.size-huge {
    			margin: 50px 0;
    			}
    		.separator.type-visible .separator-side {
    			display: none;
    			}
    	/* TYPE: short */
    	.separator.type-short {
    		width: 30%;
    		margin-left: auto !important;
    		margin-right: auto !important;
    		}
    	/* TYPE: fullwidth */
    	.separator.type-fullwidth {
    		overflow: visible;
    		}
    	.type-boxed .separator.type-fullwidth {
    		overflow: hidden;
    		margin-left: -50px;
    		margin-right: -50px;
    		width: auto;
    		}
    		.separator.type-fullwidth .separator-side:before,
    		.separator.type-fullwidth .separator-side:after {
    			width: 90%;
    			}
    	/* NO: icon */
    	.separator.no-icon {
    		font-size: 0;
    		}
    		.separator.no-icon .separator-side:before,
    		.separator.no-icon .separator-side:after {
    			left: 0;
    			}
    		.separator.no-icon .separator-side i {
    			display: none;
    			}
    	/* WITH: text */
    	.separator.with-text {
		    padding: 5px 0px;
            height: auto;
            overflow: hidden;
    		}
    		.separator.with-text .separator-side:before,
    		.separator.with-text .separator-side:after {
    			margin-top: 11px;
    			}
    		.separator.with-text .separator-side h6 {
    			display: inline-block;
    			vertical-align: top;
    			margin: 0;
    			}

    .separator__arrow-down {
        position: relative;
        background: rgba(255, 255, 255, 0);
        border-style:solid;
        border-top-width: 1px;
        display: table;
        width: 100%;
        margin: 20px auto 20px auto;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
    }

    .separator__arrow-down:after, .separator__arrow-down:before {
        top: 0%;
        left: 50%;
        border: solid transparent;
    	content: " ";
    	height: 0;
    	width: 0;
    	position: absolute;
    	pointer-events: none;
    	margin-top:-1px;
    }

    .separator__arrow-down:after {
    	border-color: rgba(255, 255, 255, 0);
    	border-top-color: #00529e;
    	border-width: 9px;
    	margin-left: -9px;
    }

    .separator__arrow-down:before {
    	border-width: 11px;
    	margin-left: -11px;
    }

    .clear-left {
        clear: left;
    }
    .clear-right {
        clear: right;
    }
    .clear-both {
        clear: both;
    }

        /* separator color */
            .separator__arrow-down.color-white:before{
                border-color: rgba(255, 255, 255, 0);
                border-top-color: #fff;
            }
        /* End of color*/

        /*


<div class="separator size_small">
    <span class="separator-side">
        <i class="fa fa-star"></i>
    </span>
</div>
        */


    /* [*] Line separator *******************************************/
    hr.line-grey {
      border-bottom:1px solid #ababab;
    }

    hr.line-light-grey {
      border-bottom:1px solid #f3f3f3;
    }

    hr.line-blue {
      border-bottom: 1px solid #00529a;
    }

    hr.line-green {
      border-bottom: 1px solid #468641;
    }

    hr.line-orange {
      border-bottom: 1px solid #D8810A;
    }

    hr.line-red {
      border-bottom: 1px solid #8B183E;
    }

    hr.line-azure {
      border-bottom: 1px solid #007B9F;
    }

    hr.line-white {
      border-bottom: 1px solid #ffffff;
    }

    hr.line-black {
      border-bottom: 1px solid #333333;
    }

    hr.size-x-small {
      margin-top:5px;
      margin-bottom: 5px;
    }

    hr.size-small {
      margin-top:10px;
      margin-bottom: 10px;
    }

    hr.size-medium {
      margin-top:20px;
      margin-bottom: 20px;
    }

    hr.size-large {
      margin-top:30px;
      margin-bottom: 30px;
    }

    hr.size-x-large {
      margin-top:40px;
      margin-bottom: 40px;
    }

     /* [*] List style **********************************************/

    ul.list-separate-by-comma li {
        padding:0;
    }

    ul.list-separate-by-comma li:after {
        content: ",";
        padding-right:3px;
    }

    ul.list-separate-by-comma li:last-child:after {
        content: "";
    }