.container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0px 35px;
}

.row{
    clear: both;
    display: flex;
    flex-flow: row wrap;
}

.wrapper > * {
    padding: 10px;
    flex: 1 100%;
}

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

.text-left{
    text-align: left;
}

.text-center{
    text-align: center;
}

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

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

.flex-align-right{
    display: flex;
    justify-content: flex-end;
}

.overflow-visible{
    overflow: visible !important;
}

.float-right{
    float: right;
}

.hidden {
    display: none;
}

.relative {
    position: relative;
}

.mt-0{margin-top: 10px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}

.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}

.mr-10{margin-right: 10px !important;}
.ml-0{margin-left: 0px !important;}
.ml-10{margin-left: 10px !important;}
.ml-20{margin-left: 20px !important;}
.ml-40{margin-left: 40px !important;}
.ml-50{margin-left: 50px !important;}

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

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

.p-10{padding: 10px !important;}

.p-col-10{padding: 0px 10px !important;}

.no-top-margin{margin-top:0px;}
.no-margin{margin:0px;}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    float:left;
    overflow: hidden;
}

.col-1{
    width: 8.33333%;
}
.col-2{
    width: 16.66666%;
}
.col-3{
    width: 24.99999%;
}
.col-4{
    width: 33.33333%;
}
.col-5{
    width: 41.66665%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.33333%;
}
.col-8{
    width: 66.666666%;
}
.col-9{
    width: 74.99999%;
}
.col-10{
    width: 83.33333%;
}
.col-11{
    width: 91.66665%;
}
.col-12{
    width: 100%;
}
.display-none{
    display:none;
}
.display-block{
    display:block;
}
.display-inline-block{
    display:inline-block;
}
.display-inline{
    display:inline;
}


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

    .container{
        padding: 0px 20px 0px 20px;
    }

    .col-xs-1{
        width: 8.33333%;
    }
    .col-xs-2{
        width: 16.66666%;
    }
    .col-xs-3{
        width: 24.99999%;
    }
    .col-xs-4{
        width: 33.33333%;
    }
    .col-xs-5{
        width: 41.66665%;
    }
    .col-xs-6{
        width: 50%;
    }
    .col-xs-7{
        width: 58.33333%;
    }
    .col-xs-8{
        width: 66.666666%;
    }
    .col-xs-9{
        width: 74.99999%;
    }
    .col-xs-10{
        width: 83.33333%;
    }
    .col-xs-11{
        width: 91.66665%;
    }
    .col-xs-12{
        width: 100%;
    }
    .xs-display-none{
        display:none !important;
    }
    .xs-display-block{
        display:block;
    }
    .xs-display-inline-block{
        display:inline-block;
    }
    .xs-display-inline{
        display:inline;
    }

    .xs-pb-20{
        padding-bottom: 20px;
    }

    .xs-mt-10{
        margin-top: 10px;
    }

    .xs-mt-20{
        margin-top: 20px;
    }

    .xs-mt-40{
        margin-top: 40px;
    }

    .xs-mb-40{
        margin-bottom: 40px;
    }

    .xs-text-left{
        text-align: left !important;
    }

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

    .xs-text-center{
        text-align: center;
    }

    .p-col-10{padding: 0px 0px !important;}

    .xs-reverse{
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {

    .container{
        padding: 0px 20px 0px 20px;
    }

    .col-sm-1{
        width: 8.33333%;
    }
    .col-sm-2{
        width: 16.66666%;
    }
    .col-sm-3{
        width: 24.99999%;
    }
    .col-sm-4{
        width: 33.33333%;
    }
    .col-sm-5{
        width: 41.66665%;
    }
    .col-sm-6{
        width: 50%;
    }
    .col-sm-7{
        width: 58.33333%;
    }
    .col-sm-8{
        width: 66.666666%;
    }
    .col-sm-9{
        width: 74.99999%;
    }
    .col-sm-10{
        width: 83.33333%;
    }
    .col-sm-11{
        width: 91.66665%;
    }
    .col-sm-12{
        width: 100%;
    }
    .sm-display-none{
        display:none;
    }
    .sm-display-block{
        display:block;
    }
    .sm-display-inline-block{
        display:inline-block;
    }
    .sm-display-inline{
        display:inline;
    }
}

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

    .container{
        padding: 0px 40px 0px 40px;
    }

    .col-md-1{
        width: 8.33333%;
    }
    .col-md-2{
        width: 16.66666%;
    }
    .col-md-3{
        width: 24.99999%;
    }
    .col-md-4{
        width: 33.33333%;
    }
    .col-md-5{
        width: 41.66665%;
    }
    .col-md-6{
        width: 50%;
    }
    .col-md-7{
        width: 58.33333%;
    }
    .col-md-8{
        width: 66.666666%;
    }
    .col-md-9{
        width: 74.99999%;
    }
    .col-md-10{
        width: 83.33333%;
    }
    .col-md-11{
        width: 91.66665%;
    }
    .col-md-12{
        width: 100%;
    }
    .md-display-none{
        display:none;
    }
    .md-display-block{
        display:block;
    }
    .md-display-inline-block{
        display:inline-block;
    }
    .md-display-inline{
        display:inline;
    }
}

@media screen and (min-width: 992px) {
    .col-lg-1{
        width: 8.33333%;
    }
    .col-lg-2{
        width: 16.66666%;
    }
    .col-lg-3{
        width: 24.99999%;
    }
    .col-lg-4{
        width: 33.33333%;
    }
    .col-lg-5{
        width: 41.66665%;
    }
    .col-lg-6{
        width: 50%;
    }
    .col-lg-7{
        width: 58.33333%;
    }
    .col-lg-8{
        width: 66.666666%;
    }
    .col-lg-9{
        width: 74.99999%;
    }
    .col-lg-10{
        width: 83.33333%;
    }
    .col-lg-11{
        width: 91.66665%;
    }
    .col-lg-12{
        width: 100%;
    }
    .lg-display-none{
        display:none;
    }
    .lg-display-block{
        display:block;
    }
    .lg-display-inline-block{
        display:inline-block;
    }
    .lg-display-inline{
        display:inline;
    }

    .lg-mt-0{
        margin-top:0px;
    }
}