.news-container .news-body{
    font-weight: 600;
    min-height: 400px;
    width:380px;
}

/* Facebook */

._1dro{
    background-color: red !important;
}

.i_0_3{
    background-color: black;
}

.g-recaptcha{
    float: right;
    margin-bottom: 12px;
}

/* Facebook */

.secure-login-form{
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.secure-login-form input[type="submit"]{
    margin-top: 24px;
    color: #fff;;
    background-color: rgba(255, 186, 155, 0.06);
}

#secure-page-submit-button{
    height: 40px;
    line-height: 40px;
    border: 1px solid #878787;
    background-color: rgba(155, 155, 155, 0.15);
    margin-top: 26px;
    cursor:pointer;
}

.modified-font-weight p{
    font-weight: 700;
    font-size: 14px;
}

.incut > div {
    width: 70%;
}

.news-container{
    background-image: url('../images/background_newscontainer.jpg');
    background-color:#593722;
    width:500px;
    overflow:hidden;
  /*right:-477px;*/
    right: -432px;
    opacity: 0.8;
    -webkit-transition: right 0.3s ease-in-out, opacity 0.5s ease-in-out;
    -moz-transition: right 0.3s ease-in-out, opacity 0.5s ease-in-out;
    -o-transition: right 0.3s ease-in-out, opacity 0.5s ease-in-out;
    transition: right 0.3s ease-in-out, opacity 0.5s ease-in-out;
    position: fixed;
    top: 18%;
    z-index: 200;
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #FFF;
    font-weight: 800;
    min-height: 360px;
    color: #D7D7D7;
}

.news-container a{
    color:#fff;
}

.news-content{
    width:380px;
    position: relative;
    margin-right:25px;
}

.left_title{
    height: 33px;
    opacity: 1;
    transform: rotate(-90deg);
    transition: opacity 0.4s ease-in-out 0s;
    width: 198px;
    position: absolute;
    left: -33%;
    top: 50%;
    margin-top: -10px;
    font-size: 1.4em;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.news-container .wrapper{
    float:right;
    margin-right: 26px;
}

.news-container:hover {
    right:0px;
    opacity: 1;
}

.news-content .news-title{
    margin-top: 2px;
}

.news-container:hover .left_title{
    opacity: 0;
}

.custom-p-container{
    margin-top:20px; 
}

.custom-p-container p{
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0px;
}

.custom-p-container .gallery .grid .item>a{
    padding:20px;
}

.custom-p-container p a,
.test-container .gallery a{
    color:white;
    display: block;
}


.custom-p-container p a:hover,
.test-container .gallery a:hover{
    color:#D7D7D7;
}


.process-box img{
    position: absolute;
    top:15px;
    left:15px;
    width:120px;
}

.dropdown-box {
  max-height: 360px;
  position: relative;
  overflow: hidden;
}
.dropdown-box .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 10px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: url('../images/readmore_background.png');
  background-repeat: repeat-x;
}

.logo-container{
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
}

blockquote{
    text-align: center;
    background-color:rgba(38, 38, 38, 0.4);
}

.colors-h a, a.colors-h,
.col-md-9 a
{
    color: #DBAB83;
}

.colors-h a:hover, a.colors-h:hover, #about a:hover, .col-md-9 a:hover {
    color: #fff;
}

.drive-test-overlay iframe{
    width:100%;
    height:700px;
}

.test-container{
    position: absolute;
    bottom: 0px;
    right: 20%;
    z-index: 20;
    width: 240px;
    height: 34px;
    line-height: 20px;
}

.custom-p-container .row a{
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0px;
}

.test-iframe-p{
    width:100% !important;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0px;
}

.test-iframe-p a{
    color:white;
}

.test-iframe-p a:hover{
    color:#D7D7D7;
}

#login-error-notification p{
    color:#d43f3a;
}

.topic_name_container{
    background-color: #FFF;
}

.topic_name_container input[type=checlbox]{
    width:20px;
    margin:0;
}

.topic_name_id{
    display:none
}

.quiz-test-navigation{
    background-color: #5F4631;
    color: #D7D7D7;
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
}

.quiz-test-navigation ul{
    margin-bottom: 0px;
}

.quiz-test-navigation ul li{
    display:inline-block;
    margin-right:20px;
    cursor:pointer;
}

.question{
    display:none;
    background-color: white;
    padding: 25px;
}

.iframe_content{
    background-color: #fff;
}

#iframe-container table{
    border-spacing: 0px;
    color: black;
    width: 100%;
    background-color: #FFF;
}

#iframe-container table tr td,
#iframe-container table tr th{
    padding:12px;
}

.iframe_content h3,
.iframe_content h4{
    color:#807E7E;
}

.iframe_content p{
    width: 93%;
    margin: 20px 6%;
    font-weight: 700;
}

.iframe_content h3{
    text-align: center;
    margin-top:0px;
    padding-top: 30px;
}


.iframe_content h4{
    margin-left:5%;
}

.start_button button{
    padding: 5px;
    width: 120px;
}

.start_button button,
#iframe-container .next-question button{
    background-color: rgb(95, 168, 95);
    color: rgb(255, 255, 255);
    border: 0px none;
    font-weight: 600;
}

.start_button button{
    margin-left:6%;
}


#iframe-container .quiz_question{
    font-size: 14px;
    color: black;
    font-weight: 700;
}

#iframe-container input[type="radio"],
#iframe-container input[type="checkbox"]{
    height:auto;
    width:5%;
    margin-left:34px;
}

.question .topic_type_name{
    color:black;
}

#iframe-container .question input[type="radio"]{
    margin-left: 0px;
}

#all_points,
#points{
    display:inline-block;
}

.points_for_topic{
    display:none;
}

#iframe-container .question div input,
#iframe-container .question div label{
    vertical-align: top;
}

.points_text{
    position: absolute;
    right: 50px;
    top: 9px;
    font-size: 18px;
    display: none;
    z-index: 100;
    color: white;
}

.question_container label{
    width:80%;
}

.settings-title{
    margin-left: 70px;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 800;
}

.iframe_content .topic{
    width: 527px;
    float: left;
    margin-left: 34px;
}

.iframe_content table span{
    text-align: right;
}

.clear{
    clear:both;
}

#quiz #select-all{
    margin-left: 66px;
    width:27px;
}

@media only screen and (min-width: 1180px){
    #cookies_directive{
        bottom: 0px;
        height: 128px;
    }
}

.logo-container{   
    margin-left: 12px;
}

@media only screen and (min-width: 1180px){
    .hideOnDesktop{
        display: none;
    }
    
    .custom-header-background{
        background-color:rgba(56, 52, 52, 0.5);
        width:750px;
    }

    
    blockquote,
    .cite-container{
        width:80%;
        margin: 0 auto;
    }
    
    .cite-container cite{
        text-align: center;
    }
    
    
    .cite-container{
        margin-bottom: 50px;
        background-color:rgba(38, 38, 38, 0.4);
    }
 
 .news-container{
        -webkit-animation: fadein 2s ease-in, slideOut 3s easy-in; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 2s easy-in, slideOut 3s easy-in; /* Firefox < 16 */
            -ms-animation: fadein 2s easy-in, slideOut 3s easy-in; /* Internet Explorer */
             -o-animation: fadein 2s easy-in, slideOut 3s easy-in; /* Opera < 12.1 */
                animation: fadein 2s easy-in, slideOut 3s easy-in;
    }

    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 0.8; }
    }
    
    @keyframes slideOut {
        from { right: 0; }
        to   { right: 432px; }
    }
    

    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 0.8; }
    }
    
    /* Firefox < 16 */
    @-moz-keyframes slideOut {
        from { right: 0; }
        to   { right: 432px; }
    }


    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 0.8; }
    }
    
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes slideOut {
        from { right: 0; }
        to   { right: 432px; }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 0.8; }
    }

    /* Internet Explorer */
    @-ms-keyframes slideOut {
        from { right: 0; }
        to   { right: 432px; }
    }

    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 0.6; }
    }
    
    /* Opera < 12.1 */
    @-o-keyframes slideOut {
        from { right: 0; }
        to   { right: 432px; }
    }
}

.col-md-6{
    min-height: 0px !important;
}

#cookies_directive{
    bottom: 25px;
    height: 93px;
    padding: 20px 3%;
    display:none;
}

#cookies_directive button{
    bordeR:0px;
    background: #AB612B;
}

article.article_container{
    color: #fff;
    margin-top: 140px;
}

@media only screen and (max-width: 1180px){
    .news-container{
        display: none !important;
    }
    .logo-container{
        background-size: 80px;
    }
    #nes-container{
        display: block;
    }
    
    .custom-header-background{
        background-color: rgba(56, 52, 52, 0.5)
    }
    
}

@media only screen and (max-width:530px ){
    .points_text{
        top:46px;
    }
    
    #who-we-are .fluid-height .content{
		height:800px;
    }
    
    #iframe-container .image_contaianer img{
        width:100%;
    }
    
    .iframe_content .topic{
        width: 100%;
        margin-left:0px;
    }
    
    #quiz #select-all{
        margin-left: 31px;
    }
    
    .topic_name_container label {
        max-width: 70%;
        margin-left: 10px;
        position: relative;
        left:45px;
        display:block;
    }
    
    .topic_name_container input{
        position: absolute
    }
    

}

@media only screen and (max-width:360px ){
    #who-we-are .fluid-height .content{
		height:1000px;
    }
}