/*

*/
.title {
    font-family: Verdana;
    font-size: 48px;
    font-weight: bold;
    font-style: italic;
    line-height: 60px;
    color: #ffffff;
    text-shadow: #0066cc 1px 0 0px, #0066cc 0 1px 0px, #0066cc -1px 0 0px, #0066cc 0 -1px 0px;
    -webkit-text-stroke: 1px #0066cc;
    text-align:  center;
    margin: 0 auto;
    padding-top: 20%;
}
body {
    background-color: #e9e9e9;

    font-family: 'Roboto Slab', serif;
}
.title-addon {
    color: #ffc000;
}
p {
     margin: 0px !important;
}

.bottonTimeout {
    float: left;
    border: solid 1px #000000;
    width: 33%;
    text-align: center;
    padding: 0 0 3px 0;
    cursor: pointer;
}

.se-pre-con {
	position: fixed;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/images/loading-gif-transparent-4.gif) center no-repeat;
}
/* Оформление модельной и основных тренировок */
.question {
    font-size: 22px;
    font-style: bold !important;
    padding-bottom: 15px;
}

.navbar-eng{
    background-image: linear-gradient(to bottom, rgb(9, 66, 125) 0%, rgb(18, 84, 142) 100%)
}

.navbar-brand-eng{
    font-size: 33px;
    color: white;
    font-weight: 700;
    padding-top: 23px;
}
.exit-text{
    color: white;
    font-size: 20px;
    font-family: 'Roboto', serif;
    padding-top: 27px !important ;

}

.navbar-name{
    color: white;
    font-size: 20px;
    font-family: 'Roboto', serif;
    padding-top: 27px !important ;

}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
}

.main-eng{
    margin-top: 50px;
}

.navbar-name a{

}
.navbar-left {
    float: left;
}

.navbar-right {
    float: right;
}

.navbar-logo {
    float: left;
    margin-right: 21px;
    width: 64px;
    margin-top: 5px;
    margin-bottom: 7px;
}

.menu-left-eng {
    font-weight: 700;
    border-radius: 30px 0 0 30px;
    color: #000;
    font-size: 18px;
    padding: 20px 30px;
    font-family: 'Roboto', serif;
    background: #ffcb1f;


}

.menu-right-eng {
    font-weight: 700;
    border-radius: 0 30px 30px 0;
    color: #000;
    font-size: 18px;
    padding: 20px 30px;
    font-family: 'Roboto', serif;

    background: #ffcb1f;

}

.lesson-eng {
    border-radius: 12px;
background-color: white;
font-family: Roboto;
padding: 10px 50px 10px 50px;
font-size: 20px;
font-weight: 400;
box-shadow: 0 0 20px rgba(0,0,0,0.2); /* Параметры тени */
font-family: 'Roboto', serif;

 padding: 40px;
 margin: 20px !important;
}


.module-eng {
    white-space: nowrap;

    border-radius: 12px;
    background-color: white;
    font-family: Roboto;
    padding: 10px 50px 10px 50px;
    font-size: 20px;
    font-weight: 700;
    box-shadow: 0 0 20px rgba(0,0,0,0.2); /* Параметры тени */
    font-family: 'Roboto', serif;

}

.menu-selected-eng {
    background-image: linear-gradient(to bottom, rgb(9, 66, 125) 0%, rgb(18, 84, 142) 100%) !important;}
.menu-selected-eng a {
    color: white !important;
    font-family: 'Roboto', serif;

}

.next-lesson-eng {
    font-weight: 700;
    border-radius:30px;
    color: #000;
    font-size: 18px;
    padding: 15px 15px;
    font-family: 'Roboto', serif;
    
    background: #ffcb1f;
}

.menu-middle-eng {
    font-weight: 700;
    background: #ffcb1f;
    display: inline-block;
    color: #000;
    font-size: 18px;
    padding: 30px 40px;
    font-family: 'Roboto', serif;


}
.answer {
    font-size: 22px;
    font-style: normal;
    padding-bottom: 1px;
}

.notices {
    background-color: #DFDFDF;
}

.notices-padding {
    padding: 20px 0 35px 0;
}

.progress {
    width: 380px;
    opacity: 0.5;
    background: -moz-linear-gradient(top, #333, #999); /* Fx 3.6+ */
    background: -webkit-linear-gradient(top, #333, #999); /* Chrome 10+,Safari 5.1+ */
    background: -o-linear-gradient(top, #333,#999); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333, #999); /* IE10+ */
    background: linear-gradient(to bottom, #333, #999); /* W3C */
    border: 1px solid #333; /* Рамка */
    height: 20px; /* Высота */
    border-radius: 10px; /* Радиус скругления */
    position: relative; /* Относительное позиционирование */
    overflow: hidden; /* Прячем ненужную тень */
}


a.left-col:link {
	FONT-WEIGHT: bold; COLOR: black; font-style: italic; TEXT-DECORATION: none;
}
a.left-col:visited {
	FONT-WEIGHT: bold; COLOR: black; font-style: italic; TEXT-DECORATION: none;
}
a.left-col:active {
	FONT-WEIGHT: bold; COLOR: black; font-style: italic; TEXT-DECORATION: none;
}
a.left-col:hover {
	FONT-WEIGHT: bold; COLOR: black; font-style: italic; TEXT-DECORATION: none;
}
/* Шаги бронирования */
.fa14_sn_wb { font-family: Arial; font-size: 14px; font-weight: bold; color: #43484d; font-style: normal;}
.fa14_sn_wn { font-family: Arial; font-size: 14px; font-weight: normal; color: #43484d; font-style: normal;}
/* Авторизация */
@charset "UTF-8";
.animated {
 -webkit-animation-duration: 1s;
 -moz-animation-duration: 1s;
 -o-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 -moz-animation-fill-mode: both;
 -o-animation-fill-mode: both;
 animation-fill-mode: both;
}

.animated.hinges {
 -webkit-animation-duration: 2s;
 -moz-animation-duration: 2s;
 -o-animation-duration: 2s;
 animation-duration: 2s;
}

.animated.slow {
 -webkit-animation-duration: 3s;
 -moz-animation-duration: 3s;
 -o-animation-duration: 3s;
 animation-duration: 3s;
}

.animated.snail {
 -webkit-animation-duration: 4s;
 -moz-animation-duration: 4s;
 -o-animation-duration: 4s;
 animation-duration: 4s;
}

@-webkit-keyframes shake {
 0%, 100% {-webkit-transform: translateX(0);}
 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
 0%, 100% {-moz-transform: translateX(0);}
 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
 0%, 100% {-o-transform: translateX(0);}
 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
 0%, 100% {transform: translateX(0);}
 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
 20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
 -webkit-animation-name: shake;
 -moz-animation-name: shake;
 -o-animation-name: shake;
 animation-name: shake;
}

.login .modal-dialog{
 width: 350px;
}
.login .modal-footer{
 border-top: 0;
 margin-top: 0px;
 padding: 10px 20px 20px;
}
.login .modal-header {
 border: 0 none;
 padding: 15px 15px 15px;
/* padding: 11px 15px; */
}
.login .modal-body{
/* background-color: #eeeeee; */
}
.login .division {
 float: none;
 margin: 0 auto 18px;
 overflow: hidden;
 position: relative;
 text-align: center;
 width: 100%;
}
.login .division .line {
 border-top: 1px solid #DFDFDF;
 position: absolute;
 top: 10px;
 width: 34%;
}
.login .division .line.l {
 left: 0;
}
.login .division .line.r {
 right: 0;
}
.login .division span {
 color: #424242;
 font-size: 17px;
}
.login .box .social {
 float: none;
 margin: 0 auto 30px;
 text-align: center;
}

.login .social .circle{
 background-color: #EEEEEE;
 color: #FFFFFF;
 border-radius: 100px;
 display: inline-block;
 margin: 0 17px;
 padding: 15px;
}
.login .social .circle .fa{
 font-size: 16px;
}
.login .social .facebook{
 background-color: #455CA8;
 color: #FFFFFF;
}
.login .social .google{
 background-color: #F74933;
}
.login .social .github{
 background-color: #403A3A;
}
.login .facebook:hover{
 background-color: #6E83CD;
}
.login .google:hover{
 background-color: #FF7566;
}
.login .github:hover{
 background-color: #4D4D4d;;
}
.login .forgot {
 color: #797979;
 margin-left: 0;
 overflow: hidden;
 text-align: center;
 width: 100%;
}
.login .btn-login, .registerBox .btn-register{
 background-color: #00BBFF;
 border-color: #00BBFF;
 border-width: 0;
 color: #FFFFFF;
 display: block;
 margin: 0 auto;
 padding: 15px 50px;
 text-transform: uppercase;
 width: 100%;
}
.login .btn-login:hover, .registerBox .btn-register:hover{
 background-color: #00A4E4;
 color: #FFFFFF;
}
.login .form-control{
 border-radius: 3px;
 background-color: rgba(0, 0, 0, 0.09);
 box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.09) inset;
 color: #FFFFFF;
}
.login .form-control:hover{
 background-color: rgba(0,0,0,.16);
}
.login .form-control:focus{
 box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04) inset;
 background-color: rgba(0,0,0,0.23);
 color: #FFFFFF;
}
.login .box .form input[type="text"], .login .box .form input[type="password"] {
 border-radius: 3px;
 border: none;
 color: #333333;
 font-size: 16px;
 height: 46px;
 margin-bottom: 5px;
 padding: 13px 12px;
 width: 100%;
}

a.point-menu:hover {
    color: blue !important; /* Цвет ссылки при наведении на нее курсора мыши */  
    background-color: #E9E9E9 !important;
    text-decoration: underline !important; /* Добавляем подчеркивание */
}  


@media all and (max-width: 480px){
	.logo-font{
		font-size: 24px;
                position: relative; top: 5px;
	}
}


@media (max-width:400px){
 .login .modal-dialog{
 width: 100%;
 }
}

/* Loader
    Original version: http://www.bootply.com/128062

    This version adds support for IE 10+ and Firefox.
*/

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}