body{
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Century Gothic";

    max-width: 100%;
    overflow-x: hidden;
}
a:hover, a:visited, a{
    text-decoration: none;
}
/*header area*/
.top-header{
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 333;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    padding: 3px 0;
}
.header-row{
    margin: 0;
    padding: 0;
}
.content_sectionleft{
    text-align: left;
    width: 48%;
    float: left;
}

.content_sectionright{
    text-align: left;
    width: 50%;
    float: right;
    color: white;
    margin-right: 5%;
}
.top-header img.logo{
    float: left;
    width: 100px;
    /*margin-top: 8px;
    margin-bottom: 30px;*/
    transition:all 0.7s ease 0s;
    -webkit-transition:all 0.7s ease 0s;
    -moz-transition:all 0.7s ease 0s;
    -o-transition:all 0.7s ease 0s;
    -ms-transition:all 0.7s ease 0s;
    box-shadow: none !important;
    border-radius: 0px !important;

    margin-top: 2px!important;
    margin-bottom: 2px!important;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-top: 20px;
    margin-bottom: 15px;

    transition:all 0.7s ease 0s;
    -webkit-transition:all 0.7s ease 0s;
    -moz-transition:all 0.7s ease 0s;
    -o-transition:all 0.7s ease 0s;
    -ms-transition:all 0.7s ease 0s;
}
.navbar-toggle span{
    color: #fff;
}
ul.nav{
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-nav>li>a {
    font-size: 16px;
    color: #304921;
    text-transform: uppercase;
    font-weight: 800;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    padding: 12px 20px !important;
    border-radius: 10px;
    margin: 5px 3px;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #fff !important;
    background-color: #304921 !important;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
    margin-top: 4px;
}

/*banner area*/

@media (min-width: 992px) {
    .banner{
        background: url(../img/banner.jpg);

        /*fix*/
        padding-top: 225px;
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom !important;
    }
}
@media (max-width: 991px) {
    .banner{
        background: url(../img/banner.jpg);

        /*fix*/
        padding-top: 120px;
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center !important;
    }
}

.banner h3{
    font-size: 30px;
    color: #fff;
    margin-top: 50px;
    font-weight: 800;
    text-shadow: 0 0 20px rgba(0, 0, 0, 1);

    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
}

@media (min-width: 700px) {
    .banner h3 {
        height: 99px;
    }
}

.banner h1{
    font-size: 68px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 10px;
    text-shadow: 0 0 31px black;
}
.banner p{
    font-size: 18px;
    color: #fff;
    text-shadow: 0 0 31px black;
}
@media (min-width: 768px) {
    .banner-logo{
        border-radius: 0;
        width: 50%;
        float: left;
    }
}
@media (max-width: 767px) {
    .banner-logo{
        border-radius: 0;
        width: 50%;
    }
}
@media (min-width: 768px) {
    #title{
        font-size: 33px;
        letter-spacing: -3px;
        text-transform: none !important;
        float: right;
        padding: 20px;
    }
}
@media (max-width: 767px) {
    #title{
        font-size: 30px;
        letter-spacing: -3px;
        text-transform: none !important;
        padding: 20px;
    }
}

/*about section*/
.about{
    background: #fff;
}
.about h2{
    font-size: 46px;
    color: #304921;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 90px;
    margin-bottom: 30px;
}
.about-heading img{
    margin-bottom: 30px;
}
.about-heading p{
    font-size: 16px;
    color: #7e8287;
    margin-bottom: 80px;

}
.about-heading p span{
    font-size: 23px;

}
.single-about{
    margin-bottom: 90px;
}
.single-about + .single-about{
    border-left: 1px solid #d9dbdb;
}
.about-inside{
    padding: 50px;
}
.single-about:hover{
    background: #304921;
    color: #fff;
}
.about-inside h3{
    font-size: 16px;
    color: #7e8287;
    font-weight: 800;
}
.about-inside p{
    font-size: 11px;
    color: #7e8287;
}
.about-inside i.fa{
    color: #304921;
    font-size: 30px;
}
.single-about:hover .about-inside i.fa{
    color: #fff;
}
.single-about:hover .about-inside p{
    color: #fff;
}
.single-about:hover .about-inside h3{
    color: #fff;
}
/*service area*/
.service{
    margin: 0;
    padding: 50px 0;
    height: auto;
    /*	background: url("../img nw/tree.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;*/

}
.aims-section{
    margin: 0;
    padding: 0 0 30vw;
    height: auto;

    background: url("../img nw/tree.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    background-position: center bottom;
    /*border-radius: 1000%/100%;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);*/
}
.bluebg{
    background-color:#8da5c9;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff, endColorstr=#8da5c9);
    background-image:-moz-linear-gradient(top, #fff 0%, #8da5c9 80%);
    background-image:-webkit-linear-gradient(top, #fff 0%, #8da5c9 80%);
    background-image:-ms-linear-gradient(top, #fff 0%, #8da5c9 80%);
    background-image:linear-gradient(top, #fff 0%, #8da5c9 80%);
    background-image:-o-linear-gradient(top, #fff 0%, #8da5c9 80%);
    background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#fff), color-stop(80%,#8da5c9));
}

.upcome-section{
    margin: 0;
    padding: 100px 0;
    height: auto;
    /*
	background: url("../img nw/Upcoming.jpg");
    */
    /*
	background: url("../img nw/Upcoming.jpg");
    */
    background: url("../img nw/tree.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center bottom;
}

.service-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.service h2{
    font-size: 40px;
    color: #333;
    /*text-shadow: 0 0 25px black;*/
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 0px;
    margin-bottom: 40px;
}

.service p{
    font-size: 16px;
    color: #333 !important;
    /*text-shadow: 0 0 20px black;*/
    margin: 0px 0 20px 0 !important;
}
.services{
    margin-left: 0;
    padding-left: 0;
}
.single-service{
    margin-left: 0;
    padding-left: 20px;
    margin-top: 50px;
    background: #F5F5F1;
}
.single-service:hover{
    background: #304921;
}
.single-service i.fa{
    color: #08938e;
    font-size: 30px;
    padding-top: 15px;
}
.single-service h3{
    font-size: 16px;
    color: #7e8287;
}
.single-service p{
    font-size: 11px;
    color: #7e8287;
    margin-top: 5px;
}
.single-service:hover.single-service i.fa{
    color: #fff;
}
.single-service:hover.single-service h3{
    color: #fff;
}
.single-service:hover.single-service p{
    color: #fff;
}
/*portfolio area*/
.portfolio h2{
    font-size: 46px;
    color: #304921;
    margin-top: 100px;
    font-weight: 800;
    margin-bottom: 35px;
}

.portfolio-row{
    margin: 0;
    padding: 0;
}
.portfolio-heading img{
    margin-bottom: 30px;
}
.portfolio-heading p{
    font-size: 16px;
    color: #7e8287;
    margin-bottom: 80px;
}
.single-portfolio{
    margin: 0;
    padding: 0;
    position: relative;
}
.single-portfolio i.fa {
    position: absolute;
    z-index: 222;
    right: 0px;
    bottom: 0px;
    font-size: 25px;
    background: rgba(0, 0, 0, 0.39);
    padding: 10px;
    color: #fff;
    display: none;
}
.single-portfolio:hover.single-portfolio i.fa{
    display: block;
}
.portfolio-item{
    position: relative;
    z-index: 10;
}
.portfolio-details{
    position: absolute;
    z-index: 99;
    top: 25px;
    left: 32px;
    width: 80%;
    height: 80%;
    background: rgba(2, 145, 140, 0.77);
    display: none;
}
.single-portfolio:hover .portfolio-details{
    display: block;
}
.portfolio-item img{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.portfolio-details h4{
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    margin-top: 55px;
}
.portfolio-details p{
    font-size: 13px;
    color: #fff;
    padding: 5px 20px;
}

/*justify*/
.stretch1{
    letter-spacing: 7.3px;
    overflow: hidden;
    color: white;
    text-shadow: 0 0 20px black, 0 0 20px black;
}
.stretch2{
    letter-spacing: 5px;
    overflow: hidden;
    color: white;
    text-shadow: 0 0 20px black, 0 0 20px black;
}
.stretch3{
    letter-spacing: 5px;
    overflow: hidden;
    color: white;
    text-shadow: 0 0 20px black, 0 0 20px black;
}
/*end justify*/

#subscri{
    margin-bottom: 90px;
}
.white-button{
    display: table;
    width: 240px;
    height: 50px;
    font-size: 12px;
    border-radius: 10000px;
    border: 0px;
    font-weight: 800;
    margin: 10px auto 20px auto;
    text-align: center;
    padding: 15px;

    background-color: white;
    color: #304921;
    box-shadow: 0 0 0px rgba(0, 0, 0, .5);
}
.white-button:hover{
    background-color: #cedb29;
    color: #304921;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.white-button a{
    color: #304921;
}

.light-button{
    display: table;
    width: 240px;
    height: 50px;
    font-size: 12px;
    border-radius: 10000px;
    border: 0px;
    font-weight: 800;
    margin: 10px auto 20px auto;
    text-align: center;
    padding: 15px;

    background-color: #cedb29;
    color: #304921;
    box-shadow: 0 0 0px rgba(0, 0, 0, .5);
}
.light-button:hover{
    background-color: #304921;
    color: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.light-button a{
    color: #304921;
}
.light-button:hover a{
    color: white;
}

.dark-button{
    display: table;
    width: 240px;
    height: 50px;
    font-size: 12px;
    border-radius: 10000px;
    border: 0px;
    font-weight: 800;
    margin: 10px auto 20px auto;
    text-align: center;
    padding: 0 15px;

    background-color: #304921;
    color: white;
    box-shadow: 0 0 0px rgba(0, 0, 0, .5);
}
.dark-button:hover{
    background-color: #cedb29;
    color: #304921;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.dark-button a{
    color: white;
}
.dark-button:hover a{
    color: #304921;
}

.content_sectioncenter{
    margin: 12px 29% 0;
    text-align: center;
    width: 48%;
}

img{
    max-width:100%;
    border-radius: 1000px;
    /*box-shadow: 0 0 20px black;*/
}

.no-border-radius{
    border-radius: 0px;
}

@media (max-width: 767px) {
    .content_sectioncenter_aims{
        padding: 30px 15px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    }
}

@media (min-width: 768px) {
    .content_sectioncenter_aims{
        padding: 30px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    }
}

/*contact area*/
.contact{
    margin-top: 20px;
    padding-bottom: 80px;
}
.contact h2{
    font-size: 46px;
    color: #304921;
    margin-top: 20px;
    font-weight: 800;
    margin-bottom: 35px;
}
.icon_marg{
    margin-right: 5px;
}
.text-contact {

}
.contact p{
    font-size: 16px;
    color: #7e8287;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 25px;
}
.contact-form{
    margin: 0;
    padding: 0;
    background: #0b0b0b;
    overflow: hidden;
}
.contact-form input{
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 2px solid #898989;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    background: transparent;
    color: #fff;
}
.contact-form input:focus{
    outline: none;
}
input.name{
    margin-top: 55px;
    width: 640px;
}
input.email{
    width: 640px;
}
input.message{
    width: 920px;
}
.contact-form input.submit-btn{
    width: 200px;
    height: 50px;
    border:0;
    background: #cfc91d;
    font-size: 14px;
    color: #0b1016;
    font-weight: 800;
    margin:auto;
    margin: 0 50px;
    margin-bottom: 70px;
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
}
.contact-form input.submit-btn:hover{
    background: #304921;
    color: #fff;
}

.subtitle{
    font-size: 25px !important;
    text-align: left !important;
}

.form-input::-webkit-input-placeholder {
    color:#EFEFEF;
}
.form-input:-moz-placeholder { /* Firefox 18- */
    color:#EFEFEF;
}

.form-input::-moz-placeholder {  /* Firefox 19+ */
    color:#EFEFEF;
}


.testcontenu
{
    float: right;
}
#testimg{

}

.form-input:-ms-input-placeholder {
    color:#EFEFEF;
}
/*footer area*/

.footer{
    background: #000;
    bottom:0;
    position: absolute;
    width: 100%;
    box-shadow: 0 0 25px rgba(0, 0, 0, .7);
}
.footer p{
    color: #7e8287;
    font-size: 12px;
    padding:25px;
    margin-bottom: 0px !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: black;
}
.nivo-lightbox-image img{
    width: 600px;
    height: 400px;
}

/******************************
responsive area
********************************/
/* lg */
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .top-header{
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 333;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
        padding: 3px 0;
    }
    .header-row{
        margin: 0;
        padding: 0;
    }
    .content_sectionleft{
        text-align: left;
        width: 48%;
        float: left;
    }

    .content_sectionright{
        text-align: left;
        width: 50%;
        float: right;
        color: white;
        margin-right: 5%;
    }
    .top-header img.logo{
        float: left;
        width: 100px;

        /*margin-top: 8px;
        margin-bottom: 30px;*/
        transition:all 0.7s ease 0s;
        -webkit-transition:all 0.7s ease 0s;
        -moz-transition:all 0.7s ease 0s;
        -o-transition:all 0.7s ease 0s;
        -ms-transition:all 0.7s ease 0s;
        box-shadow: none !important;
        border-radius: 0px !important;

        margin-top: 2px!important;
        margin-bottom: 2px!important;
    }
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
        margin-bottom: 0;
        margin-top: 0px;
        transition:all 0.7s ease 0s;
        -webkit-transition:all 0.7s ease 0s;
        -moz-transition:all 0.7s ease 0s;
        -o-transition:all 0.7s ease 0s;
        -ms-transition:all 0.7s ease 0s;
    }
    .navbar-toggle span{
        color: #fff;
    }
    ul.nav{
        margin: 0;
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        color: #304921;
        text-transform: uppercase;
        font-weight: 800;
        transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        padding: 12px 10px !important;
        border-radius: 10px;
        margin: 5px 3px;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color: #fff;
        background-color: #304921;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
        margin-top: 4px;
    }

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    /* ici */
    .top-header{
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 333;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
        padding: 3px 0;
    }
    .header-row{
        margin: 0;
        padding: 0;
    }
    .content_sectionleft{
        text-align: left;
        width: 48%;
        float: left;
    }

    .content_sectionright{
        text-align: left;
        width: 50%;
        float: right;
        color: white;
        margin-right: 5%;
    }
    .top-header img.logo{
        float: left;
        width: 100px;
        /*margin-top: 8px;
        margin-bottom: 30px;*/
        transition:all 0.7s ease 0s;
        -webkit-transition:all 0.7s ease 0s;
        -moz-transition:all 0.7s ease 0s;
        -o-transition:all 0.7s ease 0s;
        -ms-transition:all 0.7s ease 0s;
        box-shadow: none !important;
        border-radius: 0px !important;

        margin-top: 2px!important;
        margin-bottom: 2px!important;
    }
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
        margin-bottom: 0;
        margin-top: 0px;
        transition:all 0.7s ease 0s;
        -webkit-transition:all 0.7s ease 0s;
        -moz-transition:all 0.7s ease 0s;
        -o-transition:all 0.7s ease 0s;
        -ms-transition:all 0.7s ease 0s;
    }
    .navbar-toggle span{
        color: #fff;
    }
    ul.nav{
        margin: 0;
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        color: #304921;
        text-transform: uppercase;
        font-weight: 800;
        transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        border-radius: 10px;
        margin: 5px 0px;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color: #fff;
        background-color: #304921;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
        margin-top: 4px;
    }

    /* ici */

    .single-service{
        margin-bottom: 30px;
    }
    /*.navbar-default .navbar-nav>li>a{
        padding: 12px 12px;
        margin-top: 20px;
        margin-bottom: 15px;
    }*/
    input.message {
        width: 718px;
    }
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {

    /* ici */
    .top-header{
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 333;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
        padding: 3px 0;
    }
    .header-row{
        margin: 0;
        padding: 0;
    }
    .content_sectionleft{
        text-align: left;
        width: 48%;
        float: left;
    }

    .content_sectionright{
        text-align: left;
        width: 50%;
        float: right;
        color: white;
        margin-right: 5%;
    }
    .top-header img.logo{
        float: left;
        width: 100px;
        /*margin-top: 8px;
        margin-bottom: 30px;*/
        transition:all 0.7s ease 0s;
        -webkit-transition:all 0.7s ease 0s;
        -moz-transition:all 0.7s ease 0s;
        -o-transition:all 0.7s ease 0s;
        -ms-transition:all 0.7s ease 0s;
        box-shadow: none !important;
        border-radius: 0px !important;

        margin-top: 2px!important;
        margin-bottom: 2px!important;
    }
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
        margin-bottom: 0;
        margin-top: 0px;
        transition:all 0.7s ease 0s;
        -webkit-transition:all 0.7s ease 0s;
        -moz-transition:all 0.7s ease 0s;
        -o-transition:all 0.7s ease 0s;
        -ms-transition:all 0.7s ease 0s;
    }
    .navbar-toggle span{
        color: #fff;
    }
    ul.nav{
        margin: 0;
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        color: #304921;
        text-transform: uppercase;
        font-weight: 800;
        transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        padding: 20px 5px !important;
        border-radius: 10px;
        margin: 5px 0px;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color: #fff;
        background-color: #304921;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
        margin-top: 4px;
    }

    /* ici */

    input.name {
        margin-top: 55px;
        width: 420px;
    }
    input.email{
        width: 420px;
    }
    input.message{
        width: 420px;
    }
    .banner h1 {
        font-size: 60px;
        letter-spacing: 3px;
    }
    .about-inside{
        padding: 10px;
    }
}

/* XS Portrait */
@media (max-width: 479px) {
    .logo{
        margin-top: 0px;
    }
    input.name{
        margin-top: 55px;
        width: 275px;
    }
    input.email{
        width: 275px;
    }
    input.message{
        width: 275px;
    }
    .contact-form input.submit-btn{
        width: 200px;
        height: 50px;
        border:0;
    }
    .banner h1 {
        font-size: 38px;
        letter-spacing: 0px;
    }
    .navbar-header{
        margin-top: 5px !important;
    }
    .about-inside{
        padding: 0px;
    }
}

.site-long-content-1-1{

    text-align: justify;
    font-family: "Century Gothic";
    color: #5a666f !important;
    font-size: 21px !important;
    margin-bottom: 40px !important;
}

.site-long-content-1-2{
    text-align: justify;
    font-family: "Century Gothic";
    color: #5a666f !important;
    font-size: 18px !important;
    margin-bottom: 40px !important;
}

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

@media (min-width: 530px) {
    #sec3 h2{
        text-align: left;
        color: white !important;
    }
}
@media (max-width: 530px) {
    #sec3 h2{
        font-size: 8vw;
        text-align: left;
        color: white !important;
    }
}

#sec3 p {
    color: white !important;
}

.site-long-content-2-1{
    font-family: "Century Gothic";
    color: white !important;
    font-size: 18px !important;
    margin-bottom: 20px !important;
}

@media (min-width: 768px) {
    .two-columns{
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
        -moz-column-gap: 40px; /* Firefox */
        column-gap: 40px;
    }
}

#sec6 p{
    margin: 10px;
    text-align: center;
}
#sec6 .text{
    margin: 20px auto 40px auto;
}

#sec5{
    background-color: #304921;
    padding: 25px 0;
}

#sec5 h2, #sec5 h3, #sec5 p{
    color: white;
}

#div3col{
    width:100%;
    text-align:center;
    background: rgba(48, 73, 33, 1);
    margin-bottom: 30px;
}

#div3colcom, .div3colcom{
    width:100%;
    text-align:center;
}

@media (min-width: 768px) {
    #sec5-5 h1, #sec5-5 h3, #sec5-5 h4, #sec5-5 h5, #sec5-5 h6 {
        color: white;
        text-shadow: 0 0 20px rgba(0, 0, 0, 1);
        margin: 25px auto! important;
        text-align: center;
    }
}
@media (max-width: 767px) {
    #sec5-5 h3, #sec5-5 h4, #sec5-5 h5, #sec5-5 h6 {
        color: black;
        margin: 25px auto! important;
        text-align: center;
    }
    #sec5-5 h1 {
        color: #304921;
        margin: 25px auto! important;
        text-align: center;
    }
}

#sec5-5 h5{
    line-height: 150%;
}

#sec5-6 h1, #sec5-6 h3, #sec5-6 h4, #sec5-6 h5, #sec5-6 h6 {
    color: black;
    margin: 15px auto;
    text-align: left;
    line-height: normal;
}

#left {
    width: 30%;
    float:left;
    background: url('../img nw/10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
    background-color: rgba(0, 0, 0, .5);
}
#center {
    width: 40%;
    display: inline-block;
    margin:0 auto;
    background: url('../img nw/11.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
#right {
    width: 30%;
    float:right;
    background: url('../img nw/12.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
}

#center h1{
    color: #cedb29;
}

#center h5{
    margin: 0px auto 5px !important;
}

#center h3{
    color: #ffe200;
    font-size: 20px;
}

#center button{
    margin-top: 15px;
}

#right h5{
    text-align: justify;
}

/*Upcoming events BG anim*/
.reflection-div {
    /*reflexion*/
}

@-webkit-keyframes backgroundAnimation {
    0%{background-position:0px 0px}
    100%{background-position:0px 100px}
}
@-moz-keyframes backgroundAnimation {
    0%{background-position:0px 0px}
    50%{background-position:0px 1000px}
    100%{background-position:0px 0px}
}
@keyframes backgroundAnimation {
    0%{background-position-y:0}
    50%{background-position-y:1500px}
    100%{background-position-y:0}
}
/*end upcoming events BG anim*/


#leftcom, .leftcom {
    width: 33.33%;
    float:left;
    position: relative;
}
#centercom, .centercom {
    width: 33.33%;
    display: inline-block;
    margin:0 auto;
    position: relative;
}
#rightcom, .rightcom {
    width: 33.33%;
    float:right;
    position: relative;
}

#sec5-5 .divcolinside {
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
}

#sec5-5 .divcolinside:hover{
    transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
}

.divcolinside {
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
}

.divcolinside:hover{
    transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
}

.divcolinside p {
    color: white;
    text-shadow: 0 0 20px rgba(0, 0, 0, 1);
    margin:0!important;
}

.divcol{
    background-color: rgba(0, 0, 0, .6);

    height: 100%;
    padding: 10px;
    padding-bottom: 20px!important;

    transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
}

.divcol h1{
    font-size: 25px;
    font-weight: 800;
}
/*
.divcol:hover{
    background-color: rgba(48, 73, 33, .9);

    transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
}
*/

@media (min-width: 768px) {
    .divcoltext{
        padding: 0;
        margin: auto;
        max-width: 250px;
    }
}
@media (max-width: 767px) {
    .divcoltext{
        padding: 0 30px;
        margin: auto;
    }
}

.eventimg {
    border-radius: 5px;
    margin-bottom: 20px;

    transition:			all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: 	all .2s ease 0s;
    -o-transition: 		all .2s ease 0s;
    -ms-transition: 	all .2s ease 0s;
}
.eventimg:hover {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);

    transition:			all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: 	all .2s ease 0s;
    -o-transition: 		all .2s ease 0s;
    -ms-transition: 	all .2s ease 0s;
}


#sec5-6 .divcoltext{
    padding: 0;
    margin: auto;
    max-width: 300px;
}

.center-button-container{
	position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
	
}
.center-button{
    background-color: white;
    color: #304921;
    width: 200px;
    height: 50px;
    font-size: 14px;
    border-radius: 10000px;
    border: 0px;
    font-weight: 800;
    margin: auto;
    text-align: center;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
}

.divcol button:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    background-color: #cedb29;
}

.red-news{
    font-size: 16px;
    margin-right: 60%;
    color: #ff2828;
    text-shadow: none;
}

.com-img{
    margin: 0 auto 5px 0;
    width: 50%;
    border-radius: 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    position: relative;
    left: -69px;
}

.committee {
    margin-top: 20px;
    padding-bottom: 20px;
}

.committee h2 {
    font-size: 46px;
    color: #304921;
    margin-top: 20px;
    font-weight: 800;
    margin-bottom: 35px;
}

/*committee anim*/

#sec5-6 .divcolinside p {
    color: white;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    margin:0!important;
}

#sec5-6 .divcol{
    background-color: white;
    box-shadow: inset 0 0 0px rgba(0, 0, 0, .5);

    height: 100%;
    padding: 10px!important;
    padding-bottom: 20px!important;

    transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
}
/*end committee anim*/

.anchor {
    position: absolute;
    margin: -43px;
}

#anchsec3 {
    position: absolute;
    margin: -80px;
}

#remaining-names {
    margin: auto;
    margin-top: 5px !important;
    max-width: 400px;
    text-align: center;
}

/* Attention animation */
@media (min-width: 992px) {
    .animate-flicker {
        font-size: 30px;
        color: white;
        text-shadow: 0 0 0px black;
        text-align: center;

        -webkit-animation: text-animation 1.5s ease infinite;
        -moz-animation: text-animation 1.5s ease infinite;
        -o-animation: text-animation 1.5s ease infinite;
        animation: text-animation 1.5s ease infinite;
    }
}
@media (max-width: 991px) {
    .animate-flicker {
        font-size: 30px;
        color: white;
        text-shadow: 0 0 0px black;
        text-align: center;

        -webkit-animation: text-animation-mobile 1.5s ease infinite;
        -moz-animation: text-animation-mobile 1.5s ease infinite;
        -o-animation: text-animation-mobile 1.5s ease infinite;
        animation: text-animation-mobile 1.5s ease infinite;
    }
}

@-webkit-keyframes text-animation {
    0%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
    50%{color: #fff; text-shadow: 0 0 10px black; font-size: 30.2px;}
    100%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
}
@-moz-keyframes text-animation {
    0%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
    50%{color: #fff; text-shadow: 0 0 10px black; font-size: 30.2px;}
    100%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
}
@-o-keyframes text-animation {
    0%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
    50%{color: #fff; text-shadow: 0 0 10px black; font-size: 30.2px;}
    100%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
}
@keyframes text-animation {
    0%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
    50%{color: #fff; text-shadow: 0 0 10px black; font-size: 30.2px;}
    100%{color: #cedb29; text-shadow: 0 0 5px black; font-size: 30px;}
}

@-webkit-keyframes text-animation-mobile {
    0%{color: #cedb29; text-shadow: 0 0 5px black;}
    50%{color: #fff; text-shadow: 0 0 10px black;}
    100%{color: #cedb29; text-shadow: 0 0 5px black;}
}
@-moz-keyframes text-animation-mobile {
    0%{color: #cedb29; text-shadow: 0 0 5px black;}
    50%{color: #fff; text-shadow: 0 0 10px black;}
    100%{color: #cedb29; text-shadow: 0 0 5px black;}
}
@-o-keyframes text-animation-mobile {
    0%{color: #cedb29; text-shadow: 0 0 5px black;}
    50%{color: #fff; text-shadow: 0 0 10px black;}
    100%{color: #cedb29; text-shadow: 0 0 5px black;}
}
@keyframes text-animation-mobile {
    0%{color: #cedb29; text-shadow: 0 0 5px black;}
    50%{color: #fff; text-shadow: 0 0 10px black;}
    100%{color: #cedb29; text-shadow: 0 0 5px black;}
}
/* End attention animation */

.font-icon{
    font-family: "Font Awesome";
}

hr {
    border-top: 1px solid #999;
}

.justifytext{
    text-align: justify !important;
}

/*Event page*/
.img-banner {
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    margin-top: 97px;
}

.banner-container {
    padding: 0;
    position: relative;
}

@media (min-width: 768px) {
    .banner-container button {
        position: absolute;
        bottom: 10px;
        right: 0;
        left: 0;
    }
}

@media (max-width: 767px) {
    .banner-container button {
        position: absolute;
        top: 55%;
        left: 0px;
        width: 120px;
        border-radius: 0 1000px 1000px 0;
    }
}



.speaker {
    display: table;
    padding: 10px;
    float:left;
    margin: 0 5px;
    width: 300px;
}

.speaker img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.speaker-img-container {
    border-radius: 1000px;

    display: block;
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
}

@media (max-width: 767px) {
    .speaker-img-container {
        margin-top: 30px;
    }
}

.card-div {
    box-shadow: 0px 1px 5px 0px rgba(0, 32, 53, 0.4);
    border-radius: 5px;
    padding: 23px;
    margin: 15px 0;
    background: white;
}

.card-div h1,
.card-div h2,
.card-div h3,
.card-div h4,
.card-div h5,
.card-div h6 {
    margin-top: 0;
    padding-top: 0;
}

@media (min-width: 768px) {
    .speakers, .sponsors {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 70% !important;
        min-width: 730px !important;
    }
}

.speakers-h {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.info-container {
    padding-bottom: 10px;
    background: white;
}

.last-container {
    /*margin-top: 30px;*/
    padding: 10px 0 125px 0;
    /*background: #ffbe00;*/
}

.speakers-container, .sponsors-container {
    padding: 0 15px;
}

.margin-top {
    margin-top: 50px !important;
}

/*
.last-container h2 {
	margin-bottom: 20px;
}
*/

.red-text {
    color: red;
}

.subjects {
    margin-top: 20px;
}
.subjects h4{
    margin-bottom: 20px;
    font-size: 14px !important;
    background: rgba(0, 39, 64, 0.14);
    padding: 10px;
    border-radius: 3px;
}

@media (min-width: 768px) {
    .border-side {
        border-right: #888 solid 1px;
        border-left: #888 solid 1px;
    }
}

#event-page .row {
    margin: auto 0;
}

.special-bg {
    background: white;
}

.special-bg h5 {
    font-weight: 800;
}

/*Form*/
@media (min-width: 768px) {
    .form-label {
        padding: 7px;
    }
}
@media (max-width: 767px) {
    .form-label {
        padding: 5px 0 0 15px;
    }
}
.form-input {
    padding: 0;
}
/*End form*/

.event-button{
    display: table;
    width: 240px;
    height: 50px;
    font-size: 12px;
    border-radius: 10000px;
    border: 0px;
    font-weight: 800;
    margin: 25px auto 0 auto;
    text-align: center;
    padding: 0 15px;

    background-color: white;
    color: black;
    box-shadow: 0 0 0px rgba(0, 0, 0, .5);
}
.event-button:hover{
    background-color: black;
    color: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
@media (min-width: 768px) {
    .event-button a{
        color: black;
    }
}
@media (max-width: 767px) {
    .event-button a{
        color: black;
        float: right;
        padding-right: 10px;
    }
}
.event-button:hover a{
    color: white;
}

/*End event page*/

/*Custom responsive*/

@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hide-on-desktop {
        display: none !important;
    }
}

/*End custom responsive*/

.meetings {
    padding-top: 20px;
}

.meetings h2 {
    font-size: 46px;
    color: #304921;
    margin-top: 20px;
    font-weight: 800;
    margin-bottom: 35px;
}

button, .transitionFX {
    /*progressive fx*/
    transition:			all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: 	all .2s ease 0s;
    -o-transition: 		all .2s ease 0s;
    -ms-transition: 	all .2s ease 0s;
}

button:hover, .transitionFX:hover {
    /*progressive fx*/
    transition: 		all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: 	all .2s ease 0s;
    -o-transition: 		all .2s ease 0s;
    -ms-transition: 	all .2s ease 0s;
}

.colored-text {
    color: #cedb29
}

.coll-logo {
    height: 45px;
    margin-top: 5px;
    margin-bottom: 5px;

    transition:			all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: 	all .2s ease 0s;
    -o-transition: 		all .2s ease 0s;
    -ms-transition: 	all .2s ease 0s;
}
.coll-logo:hover {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);

    transition:			all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: 	all .2s ease 0s;
    -o-transition: 		all .2s ease 0s;
    -ms-transition: 	all .2s ease 0s;
}
.big-text {
    font-size: 28px;
}

.last-container {
    padding: 10px 0 80px 0;
}

.fixed-notif {
    position: fixed;
    bottom: calc(50vh - 50px);
    left: calc(50vw - 150px);
    height: 100px;
    width: 300px;
    padding: 10px;
    background: #cedb29;
    box-shadow: 0 0 35px rgba(0,0,0,0.8);
    border-radius: 15px;
    z-index: 999999999;
    text-align: center;
    line-height: 80px;
    color: black;
    font-weight: 800;
}

.fixed-notif span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.fixed-notif .hidden {
    display: hidden;
}

.workshop {
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 6px rgba(50, 50, 50, .5);
    border-radius: 5px;
    min-height: 100px;
    width: 100%;
    text-align: center;
}

.workshops td {
    padding: 0px 5px 0px 5px;
}

@media (max-width: 991px) {
    .centered-workshop {
        margin: 15px auto 0 auto;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .centered-workshop {
        margin: 15px auto 0 auto;
        width: 50%;
    }
}

.workshop-header {
    width: 100%;
    padding: 10px;
    box-shadow: 0px 1px 2px rgba(50, 50, 50, .3);
    font-weight: 800;
    font-size: 13px;
}

.workshop-content {
    padding: 10px;
    font-size: 12px;
}

.small-h {
    font-size: 14px;
}

/*ICEST2018*/

@font-face {
    font-family: "Heavitas";
    src: url('../fonts/Heavitas.ttf');
}

@font-face {
    font-family: "Elliot sans Bold";
    src: url('../fonts/ElliotSans-Bold.ttf');
}

@media (max-width: 991px) and (min-width: 768px) {
    #icest2018-page .navbar-collapse {
        width: 110%
    }
}

#icest2018-page img {
    border-radius: 0;
}

.icest-banner {
    background: url(../img/icest2018/banner-bg.jpg) no-repeat right bottom;
    background-size: cover;
    width: 100%;
    height: 650px;
}

.icest-banner-triangle {
    position: absolute;
    z-index: 5;
    top: -50px;
    left: calc(24% - 472px);
    max-width: none;
}

.text-primary{
    color: #304921 !important;
}

.text-secondary{
    color: #cedb29 !important;
}

.text-white {
    color: white !important;
}

.bg-primary {
    background-color: #304921 !important;
}

.bg-secondary {
    background-color: #cedb29 !important;
}

.title-text {
    font-family: "Heavitas", Arial, sans-serif;
}

.body-text {
    font-family: "Mobile sans", Arial, sans-serif;
}

.elliot-text {
    font-family: "Elliot sans Bold", Arial, sans-serif;
}

/*Banner texts*/
.head-text {
    position: absolute;
    top: 250px;
    left: calc(24% - 190px);
    z-index: 10;

    text-shadow: 0 0 20px #000000aa;
}

.event-day {
    font-size: 33px;
    line-height: 28px;
}
.edition-number {
    font-size: 44px;
}
.edition-number-post {
    font-size: 20px;
    vertical-align: 18px;
}
.edition-number-below{
    line-height: 0;
}

.head-text-left {
    float: left;
}

.event-title {
    font-size: 65px;
    float: left;
    padding-left: 10px;
}

.bottom-text {
    font-size: 20px;
    position: absolute;
    text-align: left;
    top: 440px;
    right: 185px;
    width: 255px;

    z-index: 10;
}

@media (max-width: 991px) {
    .bottom-text {
        font-size: 20px;
        position: absolute;
        text-align: left;
        top: 440px;
        left: 60px;
        width: 255px;

        z-index: 10;
    }
}

@media (max-width: 991px) {
    .icest-banner-triangle {
        display: none;
    }

    .head-text {
        position: static;
        padding: 180px 0 0 60px;
    }
}

@media (max-width: 570px) {
    .event-day, .edition-number, .edition-number-post, .edition-number-below, .event-title {
        font-size: 30px;
        float: none;
        margin: 0;
        padding-left: 10px;
        vertical-align: baseline;
        line-height: normal;
    }

    .head-text-left {
        float: none;
    }

    .edition-number-post {
        padding-left: 0;
    }

    .bottom-text {
        top: 440px;
    }
}

@media (max-width: 450px) {
    .bottom-text {
        top: 385px;
    }

    .bottom-text .title-text {
        text-shadow: 0 0 20px #000000aa;
    }
}

/*end Banner texts*/

.full-rounded {
    border-radius: 999px !important;
}
.lang-flag {
    float: left;
}

.icest-footer {
    bottom: auto;
}

.icest-first {
    z-index: 100;
}

.general-info {
    margin: 90px 0 50px 50px;
}

.about-icest {
    margin-top: 240px;
    border-left: 4px solid #CEDB29;
    padding: 0 20px;
    margin-bottom: 20px;
}

.about-icest h1 {
    font-size: 48px;
}

@media (max-width: 768px) {
    .general-info {
        margin: 0;
        padding: 40px;
        text-align: center;
    }

    .about-icest {
        margin: 0;
        border: none;
        padding: 40px;
    }

    .deadlines-icest {
        max-width: 350px;
        margin: 0 auto;
    }
}

.organizers-icest img {
    border: solid 5px #304921;
    width: 100%;
    max-width: 100px;
}

@media (max-width: 991px) {
    .organizers-icest {
        text-align: center;
    }
    .organizers-icest img {
        margin-bottom: 20px;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .organizers-icest img {
        float: right;
    }
}

.icest-second img {
    max-width: 168px;
    max-height: 230px;
}

.icest-third {
    background: url("../img/icest2018/triangle.png") no-repeat calc(75% + 120px) -30px;
    background-size: 30%;
    padding-top: 20px;
    padding-bottom: 40px;
}

.icest-third ol {
    padding-left: 30px;
    margin-top: 10px;
}

.icest-third li {
    margin-top: 12px;
}

.workshops-icest {
    max-width: 700px;
}

@media (max-width: 991px) {
    .icest-third {
        background: none;
    }
}

.icest-label {
    margin-top: 15px;
}

@media (max-width: 991px) {
    .icest-label {
        margin-left: 35px;
    }
}

.icest-textfield {
    background: white;
    border-radius: 1000px;
    border: 0;
    height: 30px;
    width: 100%;
}

#icest2018-page .input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.icest-button {
    background-color: #304921;
    color: #CEDB29;
    border-radius: 1000px;
    border: 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
    padding: 5px 20px;
    cursor: pointer;

    transition:			all 0.2s ease 0s;
    -webkit-transition:	all 0.2s ease 0s;
    -moz-transition:	all 0.2s ease 0s;
    -o-transition:		all 0.2s ease 0s;
    -ms-transition:		all 0.2s ease 0s;
}

.icest-button:hover {
    background-color: white;
    color: #304921;
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0);

    transition:			all 0.2s ease 0s;
    -webkit-transition:	all 0.2s ease 0s;
    -moz-transition:	all 0.2s ease 0s;
    -o-transition:		all 0.2s ease 0s;
    -ms-transition:		all 0.2s ease 0s;
}

.icest-button.disabled {
    background-color: #aaaaaa;
    color: #dddddd;
    cursor: auto;
    box-shadow: none;
}

.icest-button.disabled:hover {
    background-color: #aaaaaa;
    color: #dddddd;
    box-shadow: none;
}

.h-auto {
    height: auto !important;
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }
}

.head-text-form {
    left: 45px !important;
}

.banner-button {
    position: absolute;
    top: 600px;
    right: 30px;
    font-size: 18px;
    text-decoration: none;
}

.banner-button:hover {
    background-color: white !important;
    color: #304921 !important;
}

.hr-organizers {
    border: solid 1px #304921;
    width: 380px;
    max-width: 100%;
}

.sponsors img{
    max-width: 250px;
    margin: 10px;
}

#icest2018-page .downloads a {
    color: #304921;
}

#icest2018-page .downloads a:hover {
    color: #6d9331;
}

#icest2018-page .downloads a span {
    text-decoration: underline;
    text-decoration-color: #fff;
}

.toxicological_and_environmental_chemistry{
    width: 150px;
}

/*end ICEST2018*/

#previous-events::-webkit-scrollbar {
  width: 0px;
}