html,body {
    height:100%;
    min-width: 360px;
}
html,body,.container,
.cols,
.cols-1,
.cols-2,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-7,
.cols-8,
.cols-9,
.cols-10,
.cols-11,
.cols-12,
.cols-13,
.cols-14,
.cols-15,
.cols-16,
.cols-17,
.cols-18,
.cols-19,
.cols-20,
.cols-21,
.cols-22,
.cols-23,
.cols-24{
    width:100%;
    padding: 0;
    margin:0;
    position: relative;
    
}

/*****Layout*****/
.cols,
.cols-1,
.cols-2,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-7,
.cols-8,
.cols-9,
.cols-10,
.cols-11,
.cols-12,
.cols-13,
.cols-14,
.cols-15,
.cols-16,
.cols-17,
.cols-18,
.cols-19,
.cols-20,
.cols-21,
.cols-22,
.cols-23,
.cols-24 {
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* overflow-x:hidden; */

}
.sm-gutter{
    width: calc(100% - 4px);
}
.md-gutter{
    width: calc(100% - 6px);
}
.lg-gutter{
    width: calc(100% - 10px);
}
.xl-gutter{
    width: calc(100% - 14px);
}


.cols-1 .col{
    flex-basis:100%;
}
.cols-2 .col{
    flex-basis:50%;
}
.cols-3 .col{
    flex-basis:33.33%;
}
.cols-4 .col{
    flex-basis: 25%;
}
.cols-5 .col{
    flex-basis: 20%;
}
.cols-6 .col{
    flex-basis: 16.666%;
}
.cols-7 .col{
    flex-basis: 14.285%;
}
.cols-8 .col{
    flex-basis: 12.5%;
}
.cols-9 .col{
    flex-basis: 11.111%;
}
.cols-10 .col{
    flex-basis: 10%;
}
.cols-11 .col{
    flex-basis: 9.09%;
}
.cols-12 .col{
    flex-basis: 8.333%;
}
.cols-13 .col{
    flex-basis: 7.69%;
}
.cols-14 .col{
    flex-basis: 7.142%;
}
.cols-15 .col{
    flex-basis: 6.666%;
}
.cols-16 .col{
    flex-basis: 6.25%;
}
.cols-17 .col{
    flex-basis: 5.882%;
}
.cols-18 .col{
    flex-basis: 5.555%;
}
.cols-19 .col{
    flex-basis: 5.263%;
}
.cols-20 .col{
    flex-basis: 5%;
}
.cols-21 .col{
    flex-basis: 4.761%;
}
.cols-22 .col{
    flex-basis: 4.545%;
}
.cols-23 .col{
    flex-basis: 4.347%;
}
.cols-24 .col{
    flex-basis: 4.166%;
}
.col.col-1 {
    flex-basis: 100% !important;
}
.col.col-2{
    flex-basis: 50% !important;
}
.col.col-3{
    flex-basis: 33.33% !important;
}
.col.col-4{
    flex-basis: 25% !important;
}
.col.col-5{
    flex-basis: 20% !important;
}
.col.col-6{
    flex-basis: 16.666% !important;
}
.col.col-7{
    flex-basis: 14.285% !important;
}
.col.col-8{
    flex-basis: 12.5% !important;
}
.col.col-9{
    flex-basis: 11.111% !important;
}
.col.col-10{
    flex-basis: 10% !important;
}
.col.col-11{
    flex-basis: 9.09% !important;
}
.col.col-12{
    flex-basis: 8.333% !important;
}
.col.col-13{
    flex-basis: 7.69% !important;
}
.col.col-14{
    flex-basis: 7.142% !important;
}
.col.col-15{
    flex-basis: 6.666% !important;
}
.col.col-16{
    flex-basis: 6.25% !important;
}
.col.col-17{
    flex-basis: 5.882% !important;
}
.col.col-18{
    flex-basis: 5.555% !important;
}
.col.col-19{
    flex-basis: 5.263% !important;
}
.col.col-20{
    flex-basis: 5% !important;
}
.col.col-21{
    flex-basis: 4.761% !important;
}
.col.col-22{
    flex-basis: 4.545% !important;
}
.col.col-23{
    flex-basis: 4.347% !important;
}
.col.col-24{
    flex-basis: 4.166% !important;
}
.col{
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    flex-direction: column;

}
.cols-no-equal-height .col {
    display: block;
}

/**********Column offsets***********/
.col.offset-col-1 {
    margin-left: 4.166% !important;
}
.col.offset-col-2{
    margin-left: 8.333% !important;
}
.col.offset-col-3{
    margin-left: 12.5% !important;
}
.col.offset-col-4{
    margin-left: 16.66% !important;
}
.col.offset-col-5{
    margin-left: 20.833% !important;
}
.col.offset-col-6{
    margin-left: 25% !important;
}
.col.offset-col-7{
    margin-left: 29.166% !important;
}
.col.offset-col-8{
    margin-left: 33.33% !important;
}
.col.offset-col-9{
    margin-left: 37.5% !important;
}
.col.offset-col-10{
    margin-left: 41.666% !important;
}
.col.offset-col-11{
    margin-left: 45.833% !important;
}
.col.offset-col-12{
    margin-left: 50% !important;
}
.col.offset-col-13{
    margin-left: 54.166% !important;
}
.col.offset-col-14{
    margin-left: 58.333% !important;
}
.col.offset-col-15{
    margin-left: 62.5% !important;
}
.col.offset-col-16{
    margin-left: 66.666% !important;
}
.col.offset-col-17{
    margin-left: 70.833% !important;
}
.col.offset-col-18{
    margin-left: 75% !important;
}
.col.offset-col-19{
    margin-left: 79.167% !important;
}
.col.offset-col-20{
    margin-left: 83.333% !important;
}
.col.offset-col-21{
    margin-left: 87.5% !important;
}
.col.offset-col-22{
    margin-left: 91.666% !important;
}
.col.offset-col-23{
    margin-left: 95.833% !important;
}
.col.offset-col-24{
    margin-left: 100% !important;
}
.col-content{
    flex-basis: 100%;
    padding:0;
    position:relative;
}
.inner-content-pad {
    width: 90%;
    margin-left:5%;

}
.sm-gutter .col-content{
    flex-basis: calc(100% - 5px);
    margin-left: 5px;
    
    
}
.md-gutter .col-content{
    flex-basis: calc(100% - 7px);
    margin-left: 7px;

}
.lg-gutter .col-content{
    flex-basis: calc(100% - 11px);
    margin-left: 11px;
}
.xl-gutter .col-content {
    flex-basis: calc(100% - 15px);
    margin-left: 15px;
}
.gutter-dividers .col-content:before {
    content: "";
    border-right: 1px solid #a3a3a7;
    position:absolute;
    height: 100%;
}
.gutter-dividers .col:first-child .col-content:before,
.cols-1.gutter-dividers .col:nth-child(1n+2) .col-content:before,
.cols-2.gutter-dividers .col:nth-child(2n+3) .col-content:before,
.cols-3.gutter-dividers .col:nth-child(3n+4) .col-content:before,
.cols-4.gutter-dividers .col:nth-child(4n+5) .col-content:before,
.cols-5.gutter-dividers .col:nth-child(5n+6) .col-content:before,
.cols-6.gutter-dividers .col:nth-child(6n+7) .col-content:before,
.cols-7.gutter-dividers .col:nth-child(7n+8) .col-content:before,
.cols-8.gutter-dividers .col:nth-child(8n+9) .col-content:before,
.cols-9.gutter-dividers .col:nth-child(9n+10) .col-content:before,
.cols-10.gutter-dividers .col:nth-child(10n+11) .col-content:before,
.cols-11.gutter-dividers .col:nth-child(11n+12) .col-content:before,
.cols-12.gutter-dividers .col:nth-child(12n+13) .col-content:before,
.cols-13.gutter-dividers .col:nth-child(13n+14) .col-content:before,
.cols-14.gutter-dividers .col:nth-child(14n+15) .col-content:before,
.cols-15.gutter-dividers .col:nth-child(15n+16) .col-content:before,
.cols-16.gutter-dividers .col:nth-child(16n+17) .col-content:before,
.cols-17.gutter-dividers .col:nth-child(17n+18) .col-content:before,
.cols-18.gutter-dividers .col:nth-child(18n+19) .col-content:before,
.cols-19.gutter-dividers .col:nth-child(19n+20) .col-content:before,
.cols-20.gutter-dividers .col:nth-child(20n+21) .col-content:before,
.cols-21.gutter-dividers .col:nth-child(21n+22) .col-content:before,
.cols-22.gutter-dividers .col:nth-child(22n+23) .col-content:before,
.cols-23.gutter-dividers .col:nth-child(23n+24) .col-content:before,
.cols-24.gutter-dividers .col:nth-child(24n+25) .col-content:before
{
    display:none;
    border: 0px;
    
}

.sm-gutter.gutter-dividers .col-content:before{
    margin-left: -3px;
}
.md-gutter.gutter-dividers .col-content:before{
    margin-left: -4px;
}
.lg-gutter.gutter-dividers .col-content:before{
    margin-left: -6px;
}
.xl-gutter.gutter-dividers .col-content:before{
    margin-left: -8px;
}
.border-bottom{
    
    border-bottom: 1px solid #a3a3a7;
}
.flex {
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
}
.flex-column {
    flex-direction: column;
}

.flex-justify-end{
    justify-content: flex-end;
}
.flex-justify-center{
    justify-content: center;
}
.flex-justify-evenly{
    justify-content: space-evenly;
}
.flex-justify-between{
    justify-content: space-between;
}
.flex-justify-around{
    justify-content: space-around;
}
.flex-grow-inherit {
    flex-grow: inherit;
}
.shadow-box {
    box-shadow: 5px 5px 10px rgba(0,0,0,0.7);
    margin-bottom: 10px;
}
.list-item {
    position: relative;
    text-indent: -6px;
    margin-left: 20px;
}
.list-dashed .list-item:before {
    content:'-';
    display:inline-block;
    margin-right:5px;
}
.img-responsive {
    width: 100%;
}
.img-inset {
    float:left
}
.img-responsive img{
    width:100%;
}
.img-small {
    width: 50%;
} 
.align-center {
    align-items: center;
}
.text-small {
    font-size: 14px;
}
.text-center {
    text-align: center;
}
.h2 {
    
    font-size: 40px;
    font-weight: 100;

}
.h3 {
    font-size: 35px;
    font-weight: 100;
}
.h4 {
    font-size:  28px;
    font-weight: 400;
}
.padding-top-50px {
    padding-top:50px;
}
.table {
    width:100%;
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    padding: 5px 10px 5px 10px;
    border: 1px solid #cccccc;
    color: #555555;
}
.table-striped tr:nth-child(2n) {
    background-color: #d8e1ef;
}
.margin-top-30px {
    margin-top:30px;
}
.margin-top-50px {
    margin-top: 50px;
}
.margin-top-100px {
    margin-top: 100px;
}
.margin-bottom-30px {
    margin-bottom:30px;
}
.margin-bottom-50px {
    margin-bottom: 50px;
}
.margin-bottom-80px {
    margin-bottom: 80px;
}
.border-hairline {
    border-width: 1px;
    border-style: solid;
}