

  /* @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/lato/Lato-LightItalic.ttf) format('ttf');
  }
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/lato/Lato-Italic.ttf) format('ttf');
  }
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/lato/Lato-BoldItalic.ttf) format('ttf');
  }
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/lato/Lato-Light.ttf) format('ttf');
  }
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/lato/Lato-Regular.ttf) format('ttf');
  }
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/lato/Lato-Bold.ttf) format('ttf');
  } */



body,html{
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    left:0;
    top:0;
    font-size:100%
}
.center,.container{
    margin-left:auto;
    margin-right:auto
}
.font-light{
    font-weight:300
}
.font-regular{
    font-weight:400
}
.font-heavy{
    font-weight:700
}
.left{
    text-align:left
}
.right{
    text-align:right
}
.center{
    text-align:center
}
.justify{
    text-align:justify
}
.container{
    width:90%
}
.row{
    position:relative;
    width:100%
}
.row [class^=col]{
    float:left;
    margin:.5rem 2%;
    min-height:.125rem
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{
    width:96%
}
.col-1-sm{
    width:4.33%
}
.col-2-sm{
    width:12.66%
}
.col-3-sm{
    width:21%
}
.col-4-sm{
    width:29.33%
}
.col-5-sm{
    width:37.66%
}
.col-6-sm{
    width: 50%;
    margin:.5rem 0;
    padding: 0;
    box-sizing: border-box;
}
.col-6-sm:first-child {
    padding-right: 1rem;
}
.col-6-sm:nth-child(2) {
    padding-left: 1rem;
}
.col-7-sm{
    width:54.33%
}
.col-8-sm{
    width:62.66%
}
.col-9-sm{
    width:71%
}
.col-10-sm{
    width:79.33%
}
.col-11-sm{
    width:87.66%
}
.col-12-sm{
    width:96%
}
.row::after{
    content:"";
    display:table;
    clear:both
}
.hidden-sm{
    display:none
}
@media only screen and (min-width:33.75em){
    .container{
        width:80%
    }
}
@media only screen and (min-width:45em){
    .col-1{
        width:4.33%
    }
    .col-2{
        width:12.66%
    }
    .col-3{
        width:21%
    }
    .col-4{
        width:29.33%
    }
    .col-5{
        width:37.66%
    }
    .col-6 {
        width: 50%;
        margin:.5rem 0!important;
        padding: 0;
        box-sizing: border-box;
    }
    .col-6:first-child {
        padding-right: 1rem;
    }
    .col-6:nth-child(2) {
        padding-left: 1rem;
    }
    .col-7{
        width:54.33%
    }
    .col-8{
        width:62.66%
    }
    .col-9{
        width:71%
    }
    .col-10{
        width:79.33%
    }
    .col-11{
        width:87.66%
    }
    .col-12{
        width:96%
    }
    .hidden-sm{
        display:block
    }
}
@media only screen and (min-width:60em){
    .container{
        width:76%;
    }
}
 

.nomargins .col-3 {
    margin: 0;
    width: 24.5%;
}


@media (max-width: 680px) {
    .nomargins .col-3 {
        width: 100%;
    }
}

.nomargins .col-12 {
    margin: 0;
    width: 100%;
}

.nomargins .col-12 .row {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 680px) {
    .nomargins .col-12 .row {
        flex-direction: column;
    }
    .nomargins .col-12 .row .ce-center br {
        display: block;
    }
}

.nomargins .container {
    width: 76%;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}
@media (max-width: 1200px) {
    .nomargins .container {
        width: 91.5%;
    }
}
@media (max-width: 1020px) {
    .nomargins .container {
        width: 100%;
    }
}


form .row [class^=col] {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0.2rem;
    min-height: unset;
    margin: 0;
}
form .row col-4,
form .row col-sm-4,
form .row col-md-4,
form .row col-lg-4,
form .row col-xl-4,
form .row col-xxl-4 {
    width: 33.3333333%;
}

@media only screen and (min-width:45em){
    form .row col-4,
    form .row col-sm-4,
    form .row col-md-4,
    form .row col-lg-4,
    form .row col-xl-4,
    form .row col-xxl-4 {
        width: 33.3333333%;
    }
}