@import "captcha.css";

body { min-width:320px; color:#000; font-size:14px; font-family: sans-serif, Arial, Verdana, "Trebuchet MS"; position:relative; background:#fff; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left:10px; padding-right:10px; }
.container { width:100%; min-width:320px; max-width:960px; margin:0 auto; padding:0 10px; position:relative; }
.row { margin-left:-10px; margin-right:-10px; }
hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border-top-color: #24437e;
    box-shadow: 0 1px 0 #4487b7;
}
hr.blue{
    margin-top: 15px;
    margin-bottom: 15px;
    border-top-color: #3f72b3;
    box-shadow: 0 1px 0 #559dcb;
}
p{
    margin-bottom: 0;
}
form.navbar-form{
    padding: 0;
}
.form-group{
    margin-bottom: 0;
}
.login-form{
    position: relative;
    width: 100%;
    text-align: right;
}
.login-form-top{
    position: relative;
    width: 100%;
    float: right;
}

.header{
    min-height: 104px;
    margin: auto;
    width: 100%;
    background-color: #fff;
    border-bottom: 5px solid #082948;
}
.middle{
    min-height: 750px;
    margin: auto;
    width: 100%;
    background-color: #3a75a6;
    border-top: 1px solid #4a93bd;
    border-bottom: 5px solid #386595;
}

.login-form-block{
    text-align: right;
}

.login-form input.form-control{
    background-color: #f3f3f3;
    border: 3px solid #d7dde4;
    border-radius: 7px;
}
.navbar-btn{
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}
.login-form button.btn-default{
    border: 3px solid #d7dde4;
    border-radius: 7px;
    padding: 4px 12px;
    width: 99px;
    background-color: #e2e2e2;
/*    background-image: url(../images/singInBg.png); */
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #3261a2;
}

.login-form input.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:    #9db0c1;
}
.login-form input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #9db0c1;
}
.login-form input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #9db0c1;
}
.login-form input.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #9db0c1;
}

.remember-me-text{
    font-size: 14px;
    margin-right: 15px;
    color: #9db0c1;
    font-weight: normal;
}
.remind-password-text{
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #9db0c1;
    text-decoration: underline;
}
.left-content-block{
    min-height: 750px;
}
.left-caption-block, .right-caption-block{
    position: relative;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;

    font-size: 27px;
    font-weight: bold;
    color: #fff;
}
.left-caption-block{
    text-align: left;
}
.right-caption-block{
    text-align: center;
}
.yellow-text{
    color: #fda100;
}
.free-sign-up-block{
    position: relative;
    width: 100%;
    min-height: 333px;
}
.free-sign-up-row .form-group{
    margin-bottom: 5px;
    margin-top: 5px;
}

.learn-input input[type=text].form-control{
    position: relative;
    width: 100%;
}
.free-login-form input[type=text].form-control, .free-login-form input[type=password].form-control{
    background-color: #082948;
    /*border: 3px solid #11497c;*/
    border: 0 solid #fff;
    border-radius: 7px;
    height: 45px;
    position: relative;
    width: 100%;
    color: #fff;
}
.captcha-input input.form-control{
    background-color: #fff;
    border: 3px solid #11497c;
}
.left-group{
    padding-left: 0;
}
.right-group{
    padding-right: 0;
}

.free-login-form input.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:    #7e9db9;
}
.free-login-form input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #7e9db9;
}
.free-login-form input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #7e9db9;
}
.free-login-form input.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #7e9db9;
}

.captcha-input input.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:    #7e9db9;
}
.captcha-input input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #7e9db9;
}
.captcha-input input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #7e9db9;
}
.captcha-input input.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #7e9db9;
}


.refresh-captcha-block button.btn-default{
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0 solid #fff;
}
.captcha{
    width: 133px;
    height: 45px;
    text-align: center;
    /*background-image: url(../images/captchaBg.png);*/
    background-repeat: no-repeat;
    background-position: center;

    background-color: #fff;
    border: 3px solid #11497c;
    border-radius: 7px;
    margin-right: 10px;

}
.captcha-block, .refresh-captcha-block{
    display: table-cell;
    vertical-align: middle;
}
.free-login-form{

}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.checkboxes{
    text-align: left;
}
label.checkbox{
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}
.yellow-anchor, .tos a{
    color: #FDA100;
    text-decoration: underline;
    font-weight: bold;
}
.yellow-anchor:hover, .tos a:hover{
    color: #ffc631;
}
.free-login-form .sign-up button.btn-default{
    border: 3px solid #11497c;
    border-radius: 7px;
    /*padding: 4px 12px;*/
    height: 44px;
    width: 133px;
    background-color: #FDA100;
/*    background-color: #ffcb4d;
    background-image: url(../images/signUpBg.png);
    text-transform: uppercase; */
    font-size: 14px;
    font-weight: bold;
    color: #cd5733;
}
.checkboxes, .sign-up{
    display: table-cell;
    vertical-align: middle;
}
.sign-up{
    width: 143px;
}
.sign-up button{
    float: right;
}
.theme-caption{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
.theme{
    position: relative;
    width: 100%;
}
.theme-image{
    position: relative;
    width: 100%;
    height: 100%;
}
    .theme-image img{
        width: 80px;
        height: auto;
    }
.theme-text-block{
    /*white-space: nowrap;*/
    height: 110px;

}
.theme-text{
    overflow: hidden;
    text-overflow: clip;
    color: #dde6ed;
    font-size: 13px;
    text-align: justify;
}
.details-block{
    position: absolute;
    text-align: right;
    bottom: 15px;
    right: 0;
}
.comment-author{
    text-align: right;
    color: #ffc631;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 1px 1px #1a3894;
}
.comment-text{
    /*padding-top: 15px;*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    color: #dde6ed;
    font-size: 13px;
    text-shadow: 1px 1px #1a3894;
    padding: 5px 0px;
    text-align: justify;
}
.comments{
    background-color: #4986be;
    padding: 15px;
    border-radius: 7px;
}
.comments img{
    margin-left: 5px;
    margin-bottom: 5px;
}
.footer{
    min-height: 70px;
    background-color: #fff;
}
.bottom-menu-block{
    text-align: center;
    padding-top: 10px;
    /*height: 40px;*/
    color: #343333;
}
.rights-block{
    height: 30px;
}
p.rights-text{
    position: relative;
    height: 30px;
    /*display: table-cell;*/
    vertical-align: middle;
    color: #144b74;
    font-size: 12px;
}
ul.nav li a, ul.nav li{
    display: inline-block;
    color: #343333;
}
/*ul.nav li{*/
    /*border-right: 1px solid black;*/
/*}*/
.ul.nav li{
    color: #343333;
}
.social-block a{
    margin-left: 10px;
    text-decoration: none;
}
.social-block{
    position: relative;
    width: 100%;
    /*padding-top: 18px;*/
    height: 52px;
    vertical-align: middle;
}
.footer .row, .header .row{
    margin: 0 !important;
}
@media (min-width: 240px) {
    .nav.dividered li:after{
        display: none;
        width: 0;
        content: "";
    }
    ul.nav li{
        width: 100%;
        text-align: center;
        display: inline-block;
        color: #343333;
    }
    .social-block{
        text-align: center;
    }
    .rights-block p{
        text-align: center;
    }
    .login-form input.form-control{
        display: block;
        margin: 5px 0;
    }
}
@media (min-width: 480px) {
    ul.nav li{
        width: auto;
        text-align: center;
        display: inline-block;
        color: #343333;
    }
    .nav.dividered li:after{
        content: "|";
    }
    .nav.dividered li.no-divider:after{
        content: "";
    }
    .social-block{
        text-align: right;
    }
    .rights-block p{
        text-align: left;
    }
    .login-form input.form-control{
        display: inline-block;
        width: 118px;
        margin-right: 5px;
        margin-left: 5px;
    }
}
.ul.nav li:hover{
    background-color: transparent;
}
ul.nav li a:hover{
    background-color: transparent;
}
.noborder{
    border: 0 solid #fff !important;
}
.navbar{
    margin-bottom: 0;
}

.report-carousel .carousel-inner {
    margin-left: 5%;
    max-height: 75px;
    overflow: hidden;
    width: 90%;
}

.report-carousel .carousel-inner .item {
    display: inline-block;
}
.liquid .next {
    background-image: url("../images/next.png");
    display: block;
    float: right;
    height: 44px;
    margin: 0;
    padding: 0;
    width: 17px;
}

.liquid .previous {
    background-image: url("../images/prev.png");
    display: block;
    float: left;
    height: 44px;
    margin: 0;
    padding: 0;
    width: 17px;
}
img#main-page-logo{
    width: 270px;
    height: auto;
}
.social-block a img{
    height: 40px;
    width: auto;
}
.social-login-buttons .social-login img{
    height: 25px;
    width:  auto;
}