@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face{
    font-family:fontawesome;
    src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/FontAwesome.otf);
    src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/FontAwesome.otf?#iefix) format('embedded-opentype'),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg#fontawesome) format('svg'),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff) format('woff'),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
.white{
    color:#ececec!important
}
nav#cbp-spmenu-s1{
    overflow-x:hidden
}
button#showLeft{
    position:relative;
    z-index:99;
    float:right;
    right:20px;
    top:-50px;
    width:40px;
    padding:5px 0;
    margin-bottom:-34px;
    background-color:#0064af;
    border:2px solid #fff;
    color:#fff
}
@media(max-width:1024px){
    button#showLeft{
        display:block;
        z-index:9999
    }
    .navbar-default .navbar-toggle,ul.nav.navbar-nav.navbar-right{
        display:none
    }
    .navbar{
        margin-bottom:0!important
    }
}
@media(min-width:1025px){
    .mobile-logo,button#showLeft{
        display:none
    }
}
@media(max-width:480px){
    .navbar-brand>img{
        margin-top:-8%;
        margin-left:-110px;
        position:absolute
    }
}
 .cbp-spmenu{
    background:#f3f3f3;
    position:fixed
}
.cbp-spmenu h3{
    color:#6e6d6d;
    font-size:1.9em;
    padding:20px;
    margin:0;
    font-weight:300;
    background:#e6e6e6
}
.cbp-spmenu a{
    display:block;
    color:#9b9696;
    font-size:1.1em;
    font-weight:300
}
.cbp-spmenu a:hover{
    background:#258ecd
}
.cbp-spmenu a:active{
    background:#afdefa;
    color:#47a3da
}
.cbp-spmenu-vertical{
    width:240px;
    height:100%;
    top:0;
    z-index:1000
}
.cbp-spmenu-vertical a{
    border-bottom:1px solid #e6e6e6;
    padding:1em
}
.cbp-spmenu-horizontal{
    width:100%;
    height:150px;
    left:0;
    z-index:1000;
    overflow:hidden
}
.cbp-spmenu-horizontal h3{
    height:100%;
    width:20%;
    float:left
}
.cbp-spmenu-horizontal a{
    float:left;
    width:20%;
    padding:.8em;
    border-left:1px solid #258ecd
}
.cbp-spmenu-left{
    left:-240px
}
.cbp-spmenu-right{
    right:-240px
}
.cbp-spmenu-left.cbp-spmenu-open{
    left:0
}
.cbp-spmenu-right.cbp-spmenu-open{
    right:0
}
.cbp-spmenu-top{
    top:-150px
}
.cbp-spmenu-bottom{
    bottom:-150px
}
.cbp-spmenu-top.cbp-spmenu-open{
    top:0
}
.cbp-spmenu-bottom.cbp-spmenu-open{
    bottom:0
}
.cbp-spmenu-push{
    overflow-x:hidden;
    position:relative;
    left:0
}
.cbp-spmenu-push-toright{
    left:240px
}
.cbp-spmenu-push-toleft{
    left:-240px
}
.cbp-spmenu,.cbp-spmenu-push{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease
}
@media screen and (max-width:55.1875em){
    .cbp-spmenu-horizontal{
        font-size:75%;
        height:110px
    }
    .cbp-spmenu-top{
        top:-110px
    }
    .cbp-spmenu-bottom{
        bottom:-110px
    }
}
@media screen and (max-height:26.375em){
    .cbp-spmenu-vertical{
        font-size:90%;
        width:190px
    }
    .cbp-spmenu-left,.cbp-spmenu-push-toleft{
        left:-190px
    }
    .cbp-spmenu-right{
        right:-190px
    }
    .cbp-spmenu-push-toright{
        left:190px
    }
}
@media only screen and (max-width: 1024px) {
    section.navBar {
        display: none
    }
}