.row{
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}


.row [class^="col-"].end{ padding-right: 20px;}
.row [class^="col-"]{
    display: block;
    float: left;
    transition: all 0.3s ease-in-out;
}


.hidden{
    display: none;
}
.row .col-3{ width: 3%; }
.row .col-4{ width: 4%; }
.row .col-5{ width: 5%; }
.row .col-6{ width: 6%; }
.row .col-6-5{ width: 6.5%; }
.row .col-7{ width: 7%; }
.row .col-8{ width: 8%; }
.row .col-9{ width: 9%; }
.row .col-10{ width: 10%; }
.row .col-12-5{ width: 12.5%; }
.row .col-14{ width: 14%; }
.row .col-15{ width: 15%; }
.row .col-17{ width: 17%; }
.row .col-18{ width: 18%; }
.row .col-20{ width: 20%; }
.row .col-22-5{ width: 22.5%; }
.row .col-23{ width: 23%; }
.row .col-25{ width: 25%; }
.row .col-27-5{ width: 27.5%; }
.row .col-30{ width: 30%; }
.row .col-33{ width: 33.33333333%; }
.row .col-35{ width: 35%; }
.row .col-40{ width: 40%; }
.row .col-45{ width: 45%; }
.row .col-47-5{ width: 47.5%; }
.row .col-50{ width: 50%; }
.row .col-55{ width: 55%; }
.row .col-60{ width: 60%; }
.row .col-65{ width: 65%; }
.row .col-70{ width: 70%; }
.row .col-75{ width: 75%; }
.row .col-80{ width: 80%; }
.row .col-85{ width: 85%; }
.row .col-90{ width: 90%; }
.row .col-95{ width: 95%; }
.row .col-100{ width: 100%; }

.row .offset-1{ margin-left: 1%; }
.row .offset-2{ margin-left: 2%; }
.row .offset-3{ margin-left: 3%; }
.row .offset-5{ margin-left: 5%; }
.row .offset-10{ margin-left: 10%; }
.row .offset-15{ margin-left: 15%; }
.row .offset-20{ margin-left: 20%; }
.row .offset-25{ margin-left: 25%; }
.row .offset-30{ margin-left: 30%; }
.row .offset-35{ margin-left: 35%; }
.row .offset-40{ margin-left: 40%; }
.row .offset-50{ margin-left: 50%; }
.row .offset-60{ margin-left: 60%; }
.row .offset-65{ margin-left: 65%; }
.row .offset-70{ margin-left: 70%; }
.row .offset-80{ margin-left: 80%; }
.row .offset-85{ margin-left: 85%; }
.row .offset-90{ margin-left: 90%; }
.row .spadding{ padding-left: 15px; padding-right: 15px;}
.padding-side-right-15{ padding-right: 15px; }
.padding-side-right-20{ padding-right: 20px; }
.padding-side-left-15{ padding-left: 15px; }
.padding-side-left-20{ padding-left: 20px; }
.padding-side-left-30{ padding-left: 30px; }
.padding-left-30{ padding-left: 30px; }
.padding-sides-5 { padding: 0px 5px; }
.padding-sides-10 { padding: 0px 10px; }
.padding-sides-20 { padding: 0px 20px; }
.padding-bottom-15 { padding-bottom: 15px; }
.margin-bottom-0 { margin-bottom: 0px; }

.height-7{ height: 7%;}
.height-10{ height: 10%;}
.height-20{ height: 20%;}
.height-25{ height: 25%;}
.height-30{ height: 30%;}
.height-35{ height: 35%;}
.height-40{ height: 40%;}
.height-50{ height: 50%;}
.height-60{ height: 60%;}
.height-70{ height: 70%;}
.height-80{ height: 80%;}
.height-90{ height: 90%;}
.height-93{ height: 93%;}
.height-100{ height: 100%;}
.full-height{	height: 100% !important; max-height: 100% !important; }

.section-content{
    padding: 10px 0px;
}


@media (max-width: 1800px){
  .xxl-shown{
    display: block !important;
  }
  .xxl-hidden{
    display: none !important;
  }
}

@media (max-width: 1700px){
    .xl-h-30{
        font-size: 30px !important;
    }
    .xl-hidden{
        display: none !important;
    }

    .row .xl-col-4{ width: 4%; }
    .row .xl-col-6{ width: 6%; }
    .row .xl-col-7{ width: 7%; }
    .row .xl-col-9{ width: 9%; }
    .row .xl-col-10{ width: 10%; }
    .row .xl-col-12-5{ width: 12.5%; }
    .row .xl-col-14{ width: 14%; }
    .row .xl-col-15{ width: 15%; }
    .row .xl-col-18{ width: 18%; }
    .row .xl-col-20{ width: 20%; }
    .row .xl-col-21{ width: 21%; }
    .row .xl-col-22-5{ width: 22.5%; }
    .row .xl-col-25{ width: 25%; }
    .row .xl-col-27{ width: 27%; }
    .row .xl-col-28{ width: 28%; }
    .row .xl-col-30{ width: 30%; }
    .row .xl-col-35{ width: 35%; }
    .row .xl-col-40{ width: 40%; }
    .row .xl-col-50{ width: 50%; }
    .row .xl-col-55{ width: 55%; }
    .row .xl-col-60{ width: 60%; }
    .row .xl-col-65{ width: 65%; }
    .row .xl-col-70{ width: 70%; }
    .row .xl-col-80{ width: 80%; }
    .row .xl-col-85{ width: 85%; }
    .row .xl-col-90{ width: 90%; }
    .row .xl-col-100{ width: 100%;}
    .row .xl-offset-0{ margin-left: 0%; }
    .row .xl-offset-5{ margin-left: 5%; }
    .row .xl-offset-10{ margin-left: 10%; }
    .row .xl-offset-15{ margin-left: 15%; }
    .row .xl-offset-20{ margin-left: 20%; }
    .row .xl-offset-25{ margin-left: 25%; }
    .row .xl-offset-30{ margin-left: 30%; }
    .row .xl-offset-35{ margin-left: 35%; }
    .row .xl-offset-40{ margin-left: 40%; }
    .row .xl-offset-50{ margin-left: 50%; }
    .row .xl-offset-60{ margin-left: 60%; }
    .row .xl-offset-65{ margin-left: 65%; }
    .row .xl-offset-70{ margin-left: 70%; }
    .row .xl-offset-80{ margin-left: 80%; }
    .row .xl-offset-85{ margin-left: 85%; }
    .row .xl-offset-90{ margin-left: 90%; }
    .row .xl-padding-sides-15{ padding-left: 15px;  padding-right: 15px; }
    .row .xl-padding-left-20{ padding-left: 20px; }
}


@media (max-width: 1440px){
    .lg-h-30{
        font-size: 30px !important;
    }
    .lg-hidden{
        display: none !important;
    }
    .lg-shown{
        display: block !important;
    }

    .row .lg-col-5{ width: 5%; }
    .row .lg-col-7{ width: 7%; }
    .row .lg-col-9{ width: 9%; }
    .row .lg-col-10{ width: 10%; }
    .row .lg-col-11{ width: 11%; }
    .row .lg-col-12{ width: 12%; }
    .row .lg-col-13{ width: 13%; }
    .row .lg-col-15{ width: 15%; }
    .row .lg-col-20{ width: 20%; }
    .row .lg-col-23{ width: 23%; }
    .row .lg-col-25{ width: 25%; }
    .row .lg-col-30{ width: 30%; }
    .row .lg-col-35{ width: 35%; }
    .row .lg-col-38{ width: 38%; }
    .row .lg-col-40{ width: 40%; }
    .row .lg-col-50{ width: 50%; }
    .row .lg-col-60{ width: 60%; }
    .row .lg-col-65{ width: 65%; }
    .row .lg-col-70{ width: 70%; }
    .row .lg-col-80{ width: 80%; }
    .row .lg-col-85{ width: 85%; }
    .row .lg-col-90{ width: 90%; }
    .row .lg-col-100{ width: 100%;}
    .row .lg-offset-0{ margin-left: 0%; }
    .row .lg-offset-1{ margin-left: 1%; }
    .row .lg-offset-5{ margin-left: 5%; }
    .row .lg-offset-10{ margin-left: 10%; }
    .row .lg-offset-15{ margin-left: 15%; }
    .row .lg-offset-20{ margin-left: 20%; }
    .row .lg-offset-25{ margin-left: 25%; }
    .row .lg-offset-30{ margin-left: 30%; }
    .row .lg-offset-35{ margin-left: 35%; }
    .row .lg-offset-40{ margin-left: 40%; }
    .row .lg-offset-50{ margin-left: 50%; }
    .row .lg-offset-60{ margin-left: 60%; }
    .row .lg-offset-65{ margin-left: 65%; }
    .row .lg-offset-70{ margin-left: 70%; }
    .row .lg-offset-80{ margin-left: 80%; }
    .row .lg-offset-85{ margin-left: 85%; }
    .row .lg-offset-90{ margin-left: 90%; }
    .row .lg-padding-sides-15{ padding-left: 15px;  padding-right: 15px; }
    .row .lg-margin-top-10{ margin-top:10px; }
}

@media (max-width: 1366px){
    .mdt-h-30{
        font-size: 30px !important;
    }
    .mdt-hidden{
        display: none !important;
    }

    .row .mdt-col-7{ width: 7%; }
    .row .mdt-col-9{ width: 9%; }
    .row .mdt-col-10{ width: 10%; }
    .row .mdt-col-11{ width: 11%; }
    .row .mdt-col-12{ width: 12%; }
    .row .mdt-col-15{ width: 15%; }
    .row .mdt-col-20{ width: 20%; }
    .row .mdt-col-25{ width: 25%; }
    .row .mdt-col-30{ width: 30%; }
    .row .mdt-col-35{ width: 35%; }
    .row .mdt-col-40{ width: 40%; }
    .row .mdt-col-50{ width: 50%; }
    .row .mdt-col-60{ width: 60%; }
    .row .mdt-col-65{ width: 65%; }
    .row .mdt-col-70{ width: 70%; }
    .row .mdt-col-80{ width: 80%; }
    .row .mdt-col-85{ width: 85%; }
    .row .mdt-col-90{ width: 90%; }
    .row .mdt-col-100{ width: 100%;}
    .row .mdt-offset-0{ margin-left: 0%; }
    .row .mdt-offset-10{ margin-left: 10%; }
    .row .mdt-offset-15{ margin-left: 15%; }
    .row .mdt-offset-20{ margin-left: 20%; }
    .row .mdt-offset-25{ margin-left: 25%; }
    .row .mdt-offset-30{ margin-left: 30%; }
    .row .mdt-offset-35{ margin-left: 35%; }
    .row .mdt-offset-40{ margin-left: 40%; }
    .row .mdt-offset-50{ margin-left: 50%; }
    .row .mdt-offset-60{ margin-left: 60%; }
    .row .mdt-offset-65{ margin-left: 65%; }
    .row .mdt-offset-70{ margin-left: 70%; }
    .row .mdt-offset-80{ margin-left: 80%; }
    .row .mdt-offset-85{ margin-left: 85%; }
    .row .mdt-offset-90{ margin-left: 90%; }
    .row .mdt-padding-sides-15{ padding-left: 15px;  padding-right: 15px; }

    .mdt-font-size-10{ font-size: 10px; vertical-align: baseline;}
    .row .mdt-font-size-9{ font-size: 19px; vertical-align: baseline;}

}



@media (max-width: 1300px){
    .md-h-30{
        font-size: 30px !important;
    }
    .md-hidden{
        display: none !important;
    }
    .md-shown{
        display: inline-block !important;
    }

    .md-no-padding-right{
        padding-right: 0px !important;
    }

    .row .md-col-10{ width: 10%; }
    .row .md-col-15{ width: 15%; }
    .row .md-col-20{ width: 20%; }
    .row .md-col-25{ width: 25%; }
    .row .md-col-30{ width: 30%; }
    .row .md-col-35{ width: 35%; }
    .row .md-col-40{ width: 40%; }
    .row .md-col-43{ width: 43%; }
    .row .md-col-50{ width: 50%; }
    .row .md-col-60{ width: 60%; }
    .row .md-col-65{ width: 65%; }
    .row .md-col-70{ width: 70%; }
    .row .md-col-80{ width: 80%; }
    .row .md-col-85{ width: 85%; }
    .row .md-col-90{ width: 90%; }
    .row .md-col-100{ width: 100%;}
    .row .md-offset-0{ margin-left: 0%; }
    .row .md-offset-10{ margin-left: 10%; }
    .row .md-offset-15{ margin-left: 15%; }
    .row .md-offset-20{ margin-left: 20%; }
    .row .md-offset-25{ margin-left: 25%; }
    .row .md-offset-30{ margin-left: 30%; }
    .row .md-offset-35{ margin-left: 35%; }
    .row .md-offset-40{ margin-left: 40%; }
    .row .md-offset-50{ margin-left: 50%; }
    .row .md-offset-60{ margin-left: 60%; }
    .row .md-offset-65{ margin-left: 65%; }
    .row .md-offset-70{ margin-left: 70%; }
    .row .md-offset-80{ margin-left: 80%; }
    .row .md-offset-85{ margin-left: 85%; }
    .row .md-offset-90{ margin-left: 90%; }
    .row .md-padding-sides-15{ padding-left: 15px;  padding-right: 15px; }
    .row .md-padding-side-left-15 { padding-left: 15px; }
}


@media (max-width: 767px){
    .sm-h-30{
        font-size: 30px !important;
    }
    .sm-hidden{
        display: none !important;
    }

    .sm-shown{
        display: block !important;
    }

    .row .sm-col-10{ width: 10%; }
    .row .sm-col-15{ width: 15%; }
    .row .sm-col-20{ width: 20%; }
    .row .sm-col-25{ width: 25%; }
    .row .sm-col-30{ width: 30%; }
    .row .sm-col-35{ width: 35%; }
    .row .sm-col-40{ width: 40%; }
    .row .sm-col-50{ width: 50%; }
    .row .sm-col-60{ width: 60%; }
    .row .sm-col-65{ width: 65%; }
    .row .sm-col-70{ width: 70%; }
    .row .sm-col-80{ width: 80%; }
    .row .sm-col-85{ width: 85%; }
    .row .sm-col-90{ width: 90%; }
    .row .sm-col-100{ width: 100%;}
    .row .sm-offset-0{ margin-left: 0%; }
    .row .sm-offset-10{ margin-left: 10%; }
    .row .sm-offset-15{ margin-left: 15%; }
    .row .sm-offset-20{ margin-left: 20%; }
    .row .sm-offset-25{ margin-left: 25%; }
    .row .sm-offset-30{ margin-left: 30%; }
    .row .sm-offset-35{ margin-left: 35%; }
    .row .sm-offset-40{ margin-left: 40%; }
    .row .sm-offset-50{ margin-left: 50%; }
    .row .sm-offset-60{ margin-left: 60%; }
    .row .sm-offset-65{ margin-left: 65%; }
    .row .sm-offset-70{ margin-left: 70%; }
    .row .sm-offset-80{ margin-left: 80%; }
    .row .sm-offset-85{ margin-left: 85%; }
    .row .sm-offset-90{ margin-left: 90%; }
    .row .sm-padding-sides-15{ padding-left: 15px;  padding-right: 15px; }

    .sm-padding-top-20{
        padding-top: 20px;
    }
}

@media (max-width: 600px){
    .section-content{
        padding: 10px 40px;
    }

    .xs-hidden{
        display: none !important;
    }

    .row .xs-col-10{ width: 10%; }
    .row .xs-col-15{ width: 15%; }
    .row .xs-col-20{ width: 20%; }
    .row .xs-col-25{ width: 25%; }
    .row .xs-col-30{ width: 30%; }
    .row .xs-col-35{ width: 35%; }
    .row .xs-col-40{ width: 40%; }
    .row .xs-col-50{ width: 50%; }
    .row .xs-col-60{ width: 60%; }
    .row .xs-col-65{ width: 65%; }
    .row .xs-col-70{ width: 70%; }
    .row .xs-col-80{ width: 80%; }
    .row .xs-col-85{ width: 85%; }
    .row .xs-col-90{ width: 90%; }
    .row .xs-col-100{ width: 100%;}
    .row .xs-offset-0{ margin-left: 0%; }
    .row .xs-offset-5{ margin-left: 5%; }
    .row .xs-offset-10{ margin-left: 10%; }
    .row .xs-offset-15{ margin-left: 15%; }
    .row .xs-offset-20{ margin-left: 20%; }
    .row .xs-offset-25{ margin-left: 25%; }
    .row .xs-offset-30{ margin-left: 30%; }
    .row .xs-offset-35{ margin-left: 35%; }
    .row .xs-offset-40{ margin-left: 40%; }
    .row .xs-offset-50{ margin-left: 50%; }
    .row .xs-offset-60{ margin-left: 60%; }
    .row .xs-offset-65{ margin-left: 65%; }
    .row .xs-offset-70{ margin-left: 70%; }
    .row .xs-offset-80{ margin-left: 80%; }
    .row .xs-offset-85{ margin-left: 85%; }
    .row .xs-offset-90{ margin-left: 90%; }
    .row .xs-padding-sides-15{ padding-left: 15px;  padding-right: 15px; }
    .row .xs-padding-tops-15{ padding-top: 15px !important;  padding-bottom: 15px !important; }
    .xs-padding-side-left-15{ padding-left: 15px;}
}

@media (max-width: 520px){
    .section-content{
        padding: 10px 40px;
    }

    .xxs-hidden{
        display: none !important;
    }

    .row .xxs-col-10{ width: 10%; }
    .row .xxs-col-15{ width: 15%; }
    .row .xxs-col-20{ width: 20%; }
    .row .xxs-col-25{ width: 25%; }
    .row .xxs-col-30{ width: 30%; }
    .row .xxs-col-35{ width: 35%; }
    .row .xxs-col-40{ width: 40%; }
    .row .xxs-col-50{ width: 50%; }
    .row .xxs-col-60{ width: 60%; }
    .row .xxs-col-65{ width: 65%; }
    .row .xxs-col-70{ width: 70%; }
    .row .xxs-col-80{ width: 80%; }
    .row .xxs-col-85{ width: 85%; }
    .row .xxs-col-90{ width: 90%; }
    .row .xxs-col-100{ width: 100%;}
    .row .xxs-offset-0{ margin-left: 0%; }
    .row .xxs-offset-5{ margin-left: 5%; }
    .row .xxs-offset-10{ margin-left: 10%; }
    .row .xxs-offset-15{ margin-left: 15%; }
    .row .xxs-offset-20{ margin-left: 20%; }
    .row .xxs-offset-25{ margin-left: 25%; }
    .row .xxs-offset-30{ margin-left: 30%; }
    .row .xxs-offset-35{ margin-left: 35%; }
    .row .xxs-offset-40{ margin-left: 40%; }
    .row .xxs-offset-50{ margin-left: 50%; }
    .row .xxs-offset-60{ margin-left: 60%; }
    .row .xxs-offset-65{ margin-left: 65%; }
    .row .xxs-offset-70{ margin-left: 70%; }
    .row .xxs-offset-80{ margin-left: 80%; }
    .row .xxs-offset-85{ margin-left: 85%; }
    .row .xxs-offset-90{ margin-left: 90%; }
    .row .xxs-padding-sides-15{ padding-left: 15px;  padding-right: 15px; }
    .row .xxs-padding-tops-15{ padding-top: 15px !important;  padding-bottom: 15px !important; }
    .xxs-padding-side-left-15{ padding-left: 15px;}
}

@media (max-width: 360px){
    .row .xxxs-offset-0{ margin-left: 0%; }
}

.relative-container{
    position: relative;
}