@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");

.navbar-toggler {
    border: 2px solid #FFF !important;
    width: 50px;
    height: 47px;
    cursor: pointer;
    padding: 0;
}

.navbar-toggler span {
    display: block;
    width: 80%;
    height: 3px;
    margin: 0 auto;
    margin-bottom: 8px;
    background-color: #FFF;
    background-image: none;
    outline: solid 1px transparent;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out;
    -webkit-transform: rotate(0) translate(0);
    -ms-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
}

.navbar-toggler span:first-child {
    margin-top: 8px;
}

.navbar-toggler.active span {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.navbar-toggler.active span:first-child {
    -webkit-transform: rotate(45deg) translate(4px, -6px);
    -ms-transform: rotate(45deg) translate(4px, -6px);
    transform: rotate(45deg) translate(4px, -6px);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.navbar-toggler.active span:last-child {
    -webkit-transform: rotate(45deg) translate(-4px, 5px);
    -ms-transform: rotate(45deg) translate(-4px, 5px);
    transform: rotate(45deg) translate(-4px, 5px);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
}
@media screen and (max-width: 1025px) {
	.container{
		width:100%;
	}
}
@media screen and (max-width: 1025px) {/* 991px */
    .header-bottom .col {
        padding: 0;
    }

    .header-bottom .logo-wrap {
        margin-left: 20px;
    }

    .header-bottom .container {
        width: 100%;
        padding: 0 15px;
    }

    .header-bottom nav.col {
        margin-top: 20px;
    }

    .header-bottom .collapse.navbar-collapse {
        position: relative;
        height: auto;
    }

    .header-bottom .navbar-nav .nav-item {
        display: block;
        height: 50px;
        width: 480px;
        max-width: 100%;
        text-align: center;
        border-bottom: 1px solid #C88D15;
    }

    .header-bottom .navbar-nav .nav-item.soc-networks {
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
        border-bottom: 0;
        padding-top: 15px;
        padding-bottom: 20px;
        height: 70px;
    }

    .header-bottom .navbar-nav .nav-item.soc-networks a {
        display: inline-block;
        float: none;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle {
        width: 480px;
        max-width: 100%;
        background-color: #4f8fad;
        padding: 0;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle span {
        height: 50px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-top: 17px;
        text-align: center;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle .dropdown-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        will-change: transform;
        opacity: 1;
        background-color: transparent;
        border: 0;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle .dropdown-menu a {
        color: #FFF;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle .dropdown-menu a.active {
        background-color: #40768F;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle .dropdown-menu a:hover {
        background-color: #40768F;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle .dropdown-menu:before {
        display: none;
    }

    .header-bottom .navbar-nav .nav-link.dropdown-toggle:hover .dropdown-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .bnr .content .background {
        right: -20px;
    }
}

@media screen and (max-width: 767px) {
    .featherlight.gallery .featherlight-next, .featherlight.gallery .featherlight-previous{
        width:20%;
    }
    /* .featherlight.gallery .featherlight-previous span{
        left:30px;        
    } */
    .footer{
        margin-top:0;
    }
    .nearbottom{
        bottom:0!important;
    }
    .footer.nearbottom{
        bottom:0!important;
        position:relative;
        width:100%;
    }
    .footer{
        margin-top:0px;
    }
    body.bottomed{
        padding-bottom:0px;
    }
    #sponsors {
       position:relative;
    }
    .header-top {
        display: none;
    }

    .header-bottom .logo-wrap .navbar-brand {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 90px;
    }

    .header-bottom .logo-wrap .navbar-brand img {
        max-height: 100%;
        max-width: 100%;
    }

    .news .news-item {
        padding-left: 0px;
    }

    .bnr .content .background {
        max-width: 105vw;
    }

    .bnr .content .background .title {
        max-width: 90%;
    }

    .bnr .content .text,
  .bnr .content .contact {
        right: 0;
    }

    .right-menu {
        right: 0;
    }
}

@media screen and (max-width: 691px) {
    .featherlight.gallery .featherlight-content .caption{
        bottom: -34px;
    }
    /* .featherlight.gallery .featherlight-previous span{
        left:0px;        
    } */
    h1 {
        font-size: 30px;
    }

    .split .col-lg-9 {
        padding-right: 20px;
    }

    .split .col-lg-9.col-lg-9.calendar {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        min-width: 100%;
    }

    .split .col-lg-9.col-lg-9.calendar + .right-menu {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media screen and (max-width: 575px) {
    .bnr {
        height: auto;
        overflow: hidden;
    }

    .bnr .content .text {
        height: auto;
    }

    .bnr .content .background {
        max-width: unset;
        min-height:250px;
        right:15px;
        position:relative;
        /* height: 100%; */
    }

    .bnr .content .title {
       /*  position: relative;
        bottom: 0;
        padding: 30px 0; */
        

    }

    .bnr .content .contact {
        height: 250px;
        right: auto;
        left: -10px;
    }

    .bnr .content .contact .image {
        float: left;
        max-width: 240px;
        width:50%;
    }

    .bnr .content .contact .info {
        float: left;
        height: 100%;
        width: 50%;
    }

    .split {
        padding-bottom: 40px;
    }

    .split .col-lg-9 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 10px;
        padding-right: 10px;
    }

    .split .right-menu {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    
    .bnr .content .contact {
        height: auto;
    }

    .bnr .content .contact .image {
        max-width: 120px;
        height: 150px;
    }

    .bnr .content .contact .info a {
        display: block;
        float: left;
        clear: both;
    }

    .board .board-member {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .board .board-member .image {
        float: none;
    }

    .board .board-member .wrap {
        f: n;
    }
}
