html {
height: 100%;
}
* html body {
height: 100%;
}
body {
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
height: 100%;
min-height: 100%;
position: relative;
color: #000;
background-color: white;
text-align: justify;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
* {
outline: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {}
h1.novost{margin: 1rem; text-transform: uppercase;}
.h1, h1 {
font-size: 1.7rem;
line-height: 1.2;
color: #272727;
}
a {
text-decoration: none;
color: #ca7f31;}
a:hover, a:focus, a:active {
outline: none;
color: #8C2313;}
li a {color: inherit;}
button {
border: none;
background: none;
cursor: pointer; }
button:hover, button:focus, button:active {
outline: none; }
.head{background: #8C2313;
font-weight: bold;
color: #fff;}
img {
max-width: 100%;
height: auto; object-fit: cover;}
.header-bottom__logo{float: left; margin-right:1%;}
.header-bottom__description{
margin: 0;
padding: .6rem 0 0 0;
}
.header-bottom__description h1 {
font-size: 1.9rem;
color: #8C2313;
font-weight: bold;
margin: 5px;
}
.header-bottom__description span{color: #8C2313;}
.header-menu__top h1{ color:#FFF; font-size: 1.3rem;}
.header-bottom__description h2 {
padding-top: 1.5rem;
font-size: 1rem;
color: #2f2f2f;
}
.soc a{margin: 0 5px;}
.main{background: whitesmoke;}
.rightmaim{background: white;
min-height: 600px;
margin-top: 12px;
padding: 18px 30px;
margin-bottom: 15px;}
.rightmaim h1{margin-bottom: 25px;
font-weight: bold;
margin-left: -15px;
margin-right: -15px;}
.events_left{margin-top: 20px;}
.news{background: white;
padding-top: 13px; margin-top: 30px;}
.header-menu__top h2, .news__list .news__item .news__item-description, .news__list .news__item .news__item-lab, .event__description .event__name, .events__events-list .events-list__event, .lab__annotations .fano, .lab__annotations .ran, .lab__images .lab__images-item p, .footer-bottom p, .footer-bottom a, .sidebar-nav li a, .header-bottom__description, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, table { text-align:left;}
.news__item-description {
text-align: left;
}
.visually-hidden:not(:focus):not(:active),
input[type="checked"].visually-hidden,
input[type="radio"].visually-hidden,
input[type="checkbox"].visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip: rect(0 0 0 0);
overflow: hidden; }
.container {
max-width: 1200px; }
.fl-r, .header-top .header-top__admin .button-search, .header-top .header-top__admin .button-admin{
font-size: 1.1rem;
display: block;
text-align: center;
color: #000 !important;
cursor: pointer;
border: 2px solid;
border-color: black;
background:#FFF;
}
.fl-r:hover, .header-top .header-top__admin .button-search:hover, .header-top .header-top__admin .button-admin:hover{background: black;
color: #fff !important;}
.header-top .form-control {
border: none;
padding-right: 37px;
border-radius: 0;
}
.header{background-image: url(img/fontophed.png);background-size: cover;}
.header a{color: #fff;}
.header-top { padding: 3px 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
background-color: rgb(202 143 80 / 77%);
}
.header-top a:hover {
text-decoration: none; }
.header-top p {
margin: 0;
padding: 0;
font-size: 18px;
color: #231f20;
text-transform: uppercase; }
.header-top button {
padding: 0; }
.header a.phone{color: #8C2313;
font-size: 1.8rem;
font-weight: bold;}
.header a.mail{color: #8C2313;
font-size: 1.3rem;
font-weight: bold;}
.versiy, .poisk {position: absolute;
top: 50%;
transform: translate(0, -50%); width:100%;}
.versiy a{ padding: 4px;font-size: 2rem;}
.soc a{font-size: 1.4rem;
float: right;}
.soc a:hover{color:#8C2313}
/* выбор языка*/
.header-top select {
padding: 4px 25px 3px 10px;
font-size: 15px;
border: none;
border-left: 1px dashed #ffffff;
border-right: 1px dashed #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
float: right;
background: #ca7f31;
color: white;
}
.header-top option{cursor:pointer;}
.header-top .sel::after {
content: '';
position: absolute;
right: 22px;
top: 12px;
border: 6px solid transparent;
border-top: 10px solid white;
}
/* конец выбора языка*/
.topss{width: 100%;}
.topss li{margin-top: 5px;}
.topss a{display: block;
font-size: .9rem;
padding: 1px 11px 2px 11px;}
.topss .glav a{font-size:1rem; padding: 1px 11px 2px 11px;}
.topss a:hover, .topss a:active, .topss li a.hover{background: #8C2313;}
.topss ul {list-style: none; padding-left: 0; margin: 0;}
.topss li{float: left;}
.topss .glav li{float: right;}
.topss ul ul{display:none; margin-top: 0px;
box-shadow:0px 10px 25px 5px rgba(0,0,0,0.63);
-webkit-box-shadow:0px 10px 25px 5px rgba(0,0,0,0.63);
-moz-box-shadow:0px 10px 25px 5px rgba(0,0,0,0.63);
}
.topss li:hover ul{display: block;
position: absolute;
z-index: 2;
padding: 5px 1px;
width: 20%;
background: rgba(255, 255, 255, 0.9803921568627451);
}
.topss li li a{display: block;
padding: 6px 25px;
text-align: left;
font-size: 1rem;
line-height: 1.1;
color: #000;
font-weight: normal;}
.topss li li {width: 100%; margin:0;}
.topss li li:last-child{border:none;}
.topss li li a:hover{color:#fff;}
.btn-sal {
color: #fff;
background-color: #ca7f31;
margin:10px 0;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(29, 130, 120, 0.19);
}
.btn-sal:hover{background-color: #8C2313; color: #fff;}
.btn-primary {
background-color: #ca7f31;
border-color: #ca7f31;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover {
color: #fff;
background-color: #8C2313;
border-color: #8C2313;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 100, 54, 0.48);
}
.btn.focus, .btn:focus {
box-shadow: 0 0 0 0.2rem rgba(29, 130, 120, 0.17);
}
.banendmenu{position:relative;}
.banmenu{background: #ca7f31;
top: 0;
position: absolute;
z-index: 1;
box-shadow:0px 0px 22px 0px rgba(255,255,255,1);
-webkit-box-shadow:0px 0px 22px 0px rgba(255,255,255,1);
-moz-box-shadow:0px 0px 22px 0px rgba(255,255,255,1);
}
.banmenu:hover{background: #ca7f31;}
.banmenu ul li {
float: left;
line-height: 3rem;
margin-bottom: 5px;
}
.banmenu ul ul li {width: 100% !important;
float: none;
line-height: 1.7;}
.banmenu a{color:#fff; font-size: 1.2rem; text-decoration:none; text-align:center;}
.topmenu {
background: #005780;
position:relative;
}
.topmenu:hover {
background: hsl(199, 100%, 25%);
}
.hotline{text-align:right;}
.hotline_text p {
color: #6B6966;
font-size: 1.3rem;
}
.hotline_numb {
font-size: 1.6rem;
color: #4B79B8;
}
.header-top__admin{padding: 4px 0 4px 0;}
.header-top__admin .col-md-1{padding: 0px;
margin-left: 8px;}
.sear{text-align:center; padding-right:0;}
.header-top .header-top__admin .search {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 95px;
background-color: #efefef; }
.header-top .header-top__admin .search .search-button {
text-transform: uppercase;
font-size: 20px;
color: #231f20;
text-transform: uppercase;
border: 1px solid #231f20; }
.header-bottom {
padding-bottom: 8px; }
.header-bottom .btn{padding: 5px 19%;}
.header-bottom .header-bottom__logo img {
width: auto;
height: 123px;
-o-object-fit: contain;
object-fit: contain; }
.header-bottom .header-bottom__description p {color: #7D4E24;
margin: 0;
padding: 0;
font-size: 1rem; font-weight: normal; line-height: 1.2;}
.header-bottom .header-bottom__button button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 60% 10px 60% 10px;
background-color: rgb(0, 87, 126);
color: #ffffff;
font-size: 15px;
}
.header-bottom .header-bottom__button button:hover {background-color: #ff1438;}
.header-bottom .header-bottom__button button::after {
content: "";
display: block;
width: 40px;
height: 29px;
background-image: url("img/hamburger.png");
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain; }
.header-menu {
position: fixed;
top: 0;
z-index: 100;
display: none;
width: 100%;
height: 102vh;
padding-top: 40px;
padding-left: 150px;
background-color: #ca7f31;}
.menu-active {
display: block; }
.header-menu__top {
margin-bottom: 60px; }
.header-menu__top .menu-button-close {
position: absolute;
top: 40px;
left: 45px;
width: 38px;
height: 31px;
background-image: url("img/cross.png");
background-repeat: no-repeat;
background-position: 0 0; }
.header-menu__top img {
width: 77px;
height: auto;
-o-object-fit: contain;
object-fit: contain; }
.header-menu__top h2 {
margin: 0;
padding: 0;
color: #ffffff;
font-size: 1.4rem;
width: 56%;
text-transform: uppercase; }
.header-menu__bottom ul {
margin: 0;
padding: 0;
list-style: none; }
.header-menu__bottom a:hover {
color: #ffffff; }
.header-menu__bottom a {
display: block; color:#FFF;}
.header-menu__bottom h5{margin-top:20px;}
.header-menu__bottom p {
margin: 0;
padding: 0;
color: #ffffff;
font-size: 18px; }
.search {
position: absolute;
top: 37px;
left: 0;
z-index: -10;
width: 100%;
padding: 20px 0;
display: none;
background-color: #efefef;
-webkit-box-shadow: -10px 10px 20px -5px rgba(0, 0, 0, 0.5);
box-shadow: -10px 10px 20px -5px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.4s;
transition: all 0.4s; }
.search-active {
z-index: 10;
display: block;
-webkit-transition: all 0.4s;
transition: all 0.4s; }
.search .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.search input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 54px;
margin-right: 20px;
padding: 0 10px;
font-size: 20px;
color: #231f20;
background-color: #ffffff;
border: 1px solid #d3d2d2;
border-radius: 5px;
-webkit-box-shadow: none;
box-shadow: none; }
.search .search-button {
padding: 11px 40px;
text-transform: uppercase;
font-size: 20px;
color: #231f20;
text-transform: uppercase;
border: 1px solid #231f20; }
.top {
position: relative;
max-height: 550px;
overflow: hidden;
background: whitesmoke;}
.top .container { max-width:1500px; }
.top img {
-o-object-fit: cover;
object-fit: cover; height: 550px;}
.filials{background-image: url(img/fonfil.jpg); color:#FFF; text-align:center; font-size: 1.3rem;
line-height: 1.3; padding: 15px 0;}
.filials .numberanimation {
font-family: 'Roboto', sans-serif;
opacity: 0; font-size: 3rem;
font-weight: bold; margin-bottom: 6px;
}
.filials .centr{position: absolute;
opacity: 0.8;
top: 50%;
transform: translate(0, -50%); width: 100%;}
.filials .centr:hover{opacity: 1;}
font.notetext {
color: #8C2313;
}
.filials .centr, .filials .centr a {background: white;
color: #8C2313; display:block; padding: 15px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
text-decoration: none;
}
.zagr{font-size: 4rem;
position: absolute;
padding: 4%;
color: #a2a2a2;
z-index: -1;
text-align: center;
width: 100%;}
.footer h5{margin-bottom: 4px;
margin-top: 20px;}
.footer-top {
margin-bottom: 15px;
padding: 20px 15px;
background: #ca7f31;
color: #fff;
}
.footer-top a{color:#fff;}
.footer-top ul {
margin: 0;
padding: 0;
list-style: none; }
.verspodaval {margin-bottom: 19px;}
.verspodaval .fl-r {
color: #fff !important;
background: #000;
}
.footer-top ul li:last-child {
margin-bottom: 0; }
.footer-top li a {
color: #fff;
}
.footer-top a:hover {
text-decoration: underline; }
.footer-top a:hover i{color: #8C2313;}
.footer-top h5{text-transform:uppercase;}
.footer-bottom p, .footer-bottom a {
margin: 0;
padding: 0;
font-size: 14px; }
.footer-bottom .footer-bottom__social img {
width: 145px;
height: 38px;
margin-bottom: 15px;
-o-object-fit: contain;
object-fit: contain; }
.footer-bottom img.colain {
width: 85px;
height: auto;
}
.footer-bottom{border-top: 1px rgba(255, 255, 255, 0.34) solid;
padding-top: 15px;
margin-top: 10px;}
.footer-bottom__social{text-align:right;}
.footer-bottom .footer-bottom__social ul {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-end;
list-style: none; }
.footer-bottom .footer-bottom__social ul li{margin:1%;}
.footer-bottom .footer-bottom__social ul img {
width: 35px;
height: 35px;
-o-object-fit: contain;
object-fit: contain; }
.colain p{ text-align:right;}
.orange{background-color:#fd7e14; border-color: #fff;}
.socikon{margin-bottom: 10px;
margin-top: 5px;}
.socikon a{text-decoration: none !important;
font-size: 21px;
margin-left: 5px;
border:2px solid #1e4e7b;
color: #1e4e7b;
width: 35px;
height: 35px;
display: block;
text-align: center;
line-height: 1.6;}
.socikon a:hover{color:#fff; background: #1e4e7b;}
.adress span{display: block;
margin-top: 5px;
font-size: 13px;}
.adress i{width: 25px;
text-align: center;}
.socikon .btn{font-size: 14px;
float: right;}
.socikon .btn:hover{background:#fff;}
.top-menu ul{ list-style:none;}
.top-menu li{float:left;}
.top-menu li a{display: block;
padding: 5px;
text-align: left;
font-size: 1.2rem;}
.top-menu li:hover, .top-menu li a:hover, .top-menu li.active{background: #ca7f31; color: #ffffff;}
.second-level {
height: 0;
overflow: hidden;
opacity: 0;
position: absolute;
z-index: 200;
background: #e9ecef;
width:30%
}
.top-menu ul ul{padding-left:0; font-weight: normal;}
.top-menu li:hover .second-level{height: auto; opacity: 1;}
.top-menu li li{width:100%;}
.top-menu li li a{color: #384796;
border-bottom: 1px #c5c5c5 dotted;
padding: 4px 8px 7px 15px; font-size: 14px;}
.home{float: left;
padding: 3px;
font-size: 28px;}
.home:hover{ color:#fd7e14;}
.poisk{right: 0px;
color: #9e9e9e !important;
font-size: 1.3rem;
width: 40px;
height: 100%;}
.ten{box-shadow:1px 1px 10px 0px rgba(0,0,0,0.12);
-webkit-box-shadow:1px 1px 10px 0px rgba(0,0,0,0.12);
-moz-box-shadow:1px 1px 10px 0px rgba(0,0,0,0.12);
height:100%;
overflow: hidden;
max-height: 225px;}
.ten:hover{box-shadow:1px 1px 10px 0px rgba(0,0,0,0.31);
-webkit-box-shadow:1px 1px 10px 0px rgba(0,0,0,0.31);
-moz-box-shadow:1px 1px 10px 0px rgba(0,0,0,0.31);}
.text{ padding:0 10px;}
.info.stran i{font-size: 14em;
color: #e9ecef;}
.sl-proekts{padding-left: 4%;
padding-right: 4%;}
.sl-proekts span{float:left;}
.sl-proekts .top__slider-button-left {
background-image: url(img/slider-arrow-ban.png);
top: calc(100% / 2 - 65px);
}
.sl-proekts .top__slider-button-right{background-image: url(img/slider-arrow-right-ban.png); top: calc(100% / 2 - 20px);}
.sl-proekts .top__slider-button-right:hover, .sl-proekts .top__slider-button-left:hover{}
.saite a{display:block; margin-bottom: 8px;}
.saite img{height: auto;
width: 35px;
margin-right: 10px;}
.saite .sblock{padding: 3% 5%;
border: #CCC 1px solid;
height: 100%;}
.saite h3{color: #333;
margin-bottom: 27px;}
.saite i{margin-right:5px;}
.pp{position:relative;}
.column {
-moz-column-count: 4;
-webkit-column-count:4;
column-count:4;
-moz-column-gap: 20px;
-webkit-column-gap:20px;
column-gap:20px;
}
.bd-callout {
padding: 10px 16px 0;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border: 1px solid rgba(253, 126, 20, 0.6313725490196078);
border-left-width: 0.35rem;
border-radius: .25rem;
width: 50%;
}
.header-bottom .header-bottom__logo img{height:auto;}
/* ==========================================================================
ICONS */
/* ========================================================================== */
.icon {
display: inline-block;
overflow: hidden;
width: 20px;
height: 20px;
vertical-align: text-top;
background: url('images/all-icons.png') 0 0 no-repeat;
}
@font-face {
font-family: 'LetoSans';
src: url('font/LetoSans-Bold.woff') format('woff'),
url('font/LetoSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'LetoSans';
src: url('font/LetoSans.woff') format('woff'),
url('font/LetoSans.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LetoSans';
src: url('font/LetoSans-Thin.woff') format('woff'),
url('font/LetoSans-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
.icon-dd {
background-position: 0 0;
}
.icon-lk {
background-position: 0 -60px;
}
.icon-map-marker {
background-position: 0 -80px;
}
.icon-map-marker-bold {
background-position: -20px -80px;
}
.icon-special-version {
background-position: -40px -80px;
width: 25px;
}
.icon-big-clock {
background-position: -40px -40px;
width: 28px;
height: 28px;
float: left;
margin-right: 10px;
margin-top: 5px;
}
.icon-big-clock-white {
background-position: -40px -140px;
width: 32px;
height: 32px;
opacity: .7;
}
.icon-big-phone {
background-position: -40px 0;
height: 30px;
width: 15px;
float: left;
margin-right: 10px;
margin-top: 5px;
}
.icon-search {
background-position: 0 -40px;
}
.icon-search-white {
background-position: -20px -40px;
}
.icon-close {
background-position: 0 -100px;
cursor: pointer;
opacity: .5;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.icon-close:hover {
opacity: 1;
}
.icon-social-vk {
background-position: 0 -120px;
}
.icon-social-tw {
background-position: 0 -140px;
}
.icon-social-fb {
background-position: 0 -160px;
}
.icon-social-inst {
background-position: 0 -180px;
}
.icon-social-in {
background-position: 0 -200px;
}
.icon-social-gplus {
background-position: 0 -220px;
}
.icon-arrow-right {
background-position: -80px -40px;
}
.icon-arrow-left {
background-position: -100px -40px;
}
.icon-arrow-down {
background-position: -100px -60px;
}
.icon-arrow-white-right {
background-position: -80px -100px;
}
.icon-arrow-white-left {
background-position: -100px -100px;
}
.icon-pdf {
background-position: -40px -100px;
width: 40px;
height: 40px;
}
/* ==========================================================================
FORMS */
/* ========================================================================== */
.input {
display: inline-block;
padding: 2px;
position: relative;
margin-bottom: 10px;
color: #1c1c1c;
vertical-align: middle;
border: solid 1px transparent;
outline: none;
background-color: #ca7f31;
-webkit-appearance: none;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.input:hover {
background-color: rgba(225, 100, 54, 0.30196078431372547);
}
.input:focus {
outline: none;
border-color: #157fc4;
background-color: transparent;
color: #157fc4;
}
textarea.input {
padding: 10px 20px;
height: auto;
}
select.input {
padding: 0;
cursor: pointer;
-webkit-appearance: menulist;
}
select.input[multiple],
select.input.multiple {
-webkit-appearance: inherit;
}
.input[type="number"],
.input[type="date"],
.input[type="time"] {
padding: 0 0 0 20px;
}
.input[type="color"] {
padding: 0;
}
.input-required,
.input:required {
border-color: #ea5600;
}
.input.disabled,
.input-disabled,
.input:disabled {
opacity: .5;
}
.input.disabled:hover,
.input-disabled:hover,
.input:disabled:hover {
background-color: #dcecf6;
color: #1c1c1c;
}
.white-inputs .input,
.input.input-white {
background-color: #ffffff;
border-width: 2px;
}
.white-inputs .input:hover,
.input.input-white:hover {
color: #157fc4;
background-color: #ffffff;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2) ;
}
.white-inputs .input:focus,
.input.input-white:focus {
color: #ffffff;
border-color: #ffffff;
background-color: transparent;
box-shadow: none;
}
.white-inputs .input:focus:-moz-placeholder,
.input.input-white:focus:-moz-placeholder {
color: #d9d9d9;
}
.white-inputs .input:focus:-ms-input-placeholder,
.input.input-white:focus:-ms-input-placeholder {
color: #d9d9d9;
}
.white-inputs .input:focus::-webkit-input-placeholder,
.input.input-white:focus::-webkit-input-placeholder {
color: #d9d9d9;
}
.white-inputs .input.disabled,
.input.input-white.disabled,
.white-inputs .input-disabled,
.input.input-white-disabled,
.white-inputs .input:disabled,
.input.input-white:disabled {
opacity: .5;
}
.white-inputs .input.disabled:hover,
.input.input-white.disabled:hover,
.white-inputs .input-disabled:hover,
.input.input-white-disabled:hover,
.white-inputs .input:disabled:hover,
.input.input-white:disabled:hover {
color: #1c1c1c;
background-color: #ffffff;
box-shadow: none;
}
.white-inputs .input:-moz-placeholder,
.input.input-white:-moz-placeholder {
color: #828282;
}
.white-inputs .input:-ms-input-placeholder,
.input.input-white:-ms-input-placeholder {
color: #828282;
}
.white-inputs .input::-webkit-input-placeholder,
.input.input-white::-webkit-input-placeholder {
color: #828282;
}
.white-inputs select.input:focus,
.white-inputs select.input:hover,
select.input-white:focus,
select.input-white:hover {
color: #157fc4 !important;
background-color: #ffffff !important;
}
.input-block-level,
.input-block {
width: 100%;
}
.checkbox {
position: absolute;
left: -9999px;
}
.checkbox + label {
cursor: pointer;
margin-top: 4px;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox + label > span {
display: inline-block;
width: 16px;
height: 16px;
margin: -2px 4px 0 0;
vertical-align: middle;
background: #ffffff;
cursor: pointer;
border: solid 2px #1c1c1c;
border-radius: 4px;
position: relative;
}
.checkbox + label:hover > span {
border-color: #1c1c1c;
}
.checkbox:checked + label > span {
border-color: #1c1c1c;
}
.checkbox:checked + label > span:before {
content: ' ';
position: absolute;
border: solid #157fc4;
border-width: 0 0 2px 2px;
height: 5px;
width: 11px;
left: 2px;
top: 3px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.checkbox:focus + label > span {
border-color: #157fc4;
}
.checkbox:focus + label {
color: #157fc4;
}
.checkbox:checked:disabled + label > span,
.checkbox:checked:disabled + label:hover > span {
border-color: #1c1c1c;
background-color: #4f4f4f;
cursor: default;
}
.checkbox:checked:disabled + label > span:before,
.checkbox:checked:disabled + label:hover > span:before {
border-color: #1c1c1c;
}
.checkbox:disabled + label > span,
.checkbox:disabled + label > span:hover,
.checkbox:disabled + label:hover > span {
border-color: #1c1c1c;
background-color: #363636;
cursor: default;
}
.checkbox:disabled + label > span:before,
.checkbox:disabled + label > span:hover:before,
.checkbox:disabled + label:hover > span:before {
border-color: #1c1c1c;
}
.checkbox:disabled + label,
.checkbox:disabled + label:hover {
color: #1c1c1c;
cursor: default;
}
.radio {
position: absolute;
left: -9999px;
}
.radio + label {
cursor: pointer;
margin-top: 4px;
display: inline-block;
}
.radio + label > span {
display: inline-block;
width: 16px;
height: 16px;
margin: -2px 4px 0 0;
vertical-align: middle;
background: #ffffff;
cursor: pointer;
border: solid 2px #1c1c1c;
position: relative;
border-radius: 10px;
}
.radio + label:hover > span,
.radio + label:focus > span {
border-color: #1c1c1c;
}
.radio:checked + label > span {
border-color: #1c1c1c;
}
.radio:checked + label > span:before {
content: ' ';
position: absolute;
height: 10px;
width: 10px;
background: #157fc4;
left: 3px;
top: 3px;
border-radius: 5px;
}
.radio:focus + label > span {
border-color: #157fc4;
}
.radio:focus + label {
color: #157fc4;
}
.radio:checked:disabled + label > span,
.radio:checked:disabled + label:hover > span {
border-color: #1c1c1c;
background-color: #4f4f4f;
cursor: default;
}
.radio:checked:disabled + label > span:before,
.radio:checked:disabled + label:hover > span:before {
background: #1c1c1c;
}
.radio:disabled + label > span,
.radio:disabled + label > span:hover,
.radio:disabled + label:hover > span {
border-color: #1c1c1c;
background-color: #363636;
cursor: default;
}
.radio:disabled + label > span:before,
.radio:disabled + label > span:hover:before,
.radio:disabled + label:hover > span:before {
background: #1c1c1c;
}
.radio:disabled + label,
.radio:disabled + label:hover {
color: #1c1c1c;
cursor: default;
}
.bx-auth-reg .alert p {
margin: 0 !important;
}
.form-control .input {
margin: 0;
}
.form-label {
display: inline-block;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.primary-box .table-striped tbody > tr:nth-child(even) > td,
.primary-box .table-striped tbody > tr:nth-child(even) > th,
.secondary-box .table-striped tbody > tr:nth-child(even) > td,
.secondary-box .table-striped tbody > tr:nth-child(even) > th {
background-color: rgba(255, 255, 255, 0.2);
}
.table-hover tr:hover > th,
.table-hover tr:hover > td {
background-color: #f5f5f5;
}
.table-noborder th,
.table-noborder td {
border: 0;
padding: 8px;
}
.table-noborder th p:first-child,
.table-noborder td p:first-child {
margin-top: 0;
}
.table-noborder th p:last-child,
.table-noborder td p:last-child {
margin-bottom: 0;
}
.table-noborder th:first-child,
.table-noborder td:first-child {
padding-left: 0;
}
.table-noborder th:last-child,
.table-noborder td:last-child {
padding-right: 0;
}
/* ==========================================================================
TABLE-PROGRAM */
/* ========================================================================== */
.table-program {
margin-bottom: 0;
}
.table-program small {
font-size: 100%;
font-weight: normal;
}
.primary-box .table-program small,
.secondary-box .table-program small {
opacity: .8;
}
.table-program th {
background-color: transparent;
}
.table-program th,
.table-program td {
padding: 10px;
}
/* ==========================================================================
TABLE-GRAY-HEADER */
/* ========================================================================== */
.table-gray-header th {
background-color: transparent;
border-bottom: solid 1px rgba(24, 24, 24, 0.2);
color: #828282;
font-weight: normal;
}
.table-gray-header th:first-child,
.table-gray-header td:first-child {
padding-left: 0;
}
.table-gray-header th:last-child,
.table-gray-header td:last-child {
padding-right: 0;
}
.table.va-middle td,
.table.va-middle th {
vertical-align: middle;
}
.table.ta-center td,
.table.ta-center th {
text-align: center;
}
/* ==========================================================================
table-schedule */
/* ========================================================================== */
.table-schedule {
border: 0;
border-collapse: collapse;
}
.table-schedule col {
border-left: solid 1px #cecece;
}
.table-schedule col:first-child {
border-left: 0;
}
.table-schedule col:nth-child(2) {
border-left: 0;
}
.table-schedule tr {
border-bottom: solid 1px #cecece;
}
.table-schedule tr td.vertical-separator {
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
.table-schedule tr:last-child {
border-bottom: 0;
}
.table-schedule tr:last-child td {
border-bottom: 0;
}
.table-schedule tr:last-child td:first-child {
border-left: 0;
}
.table-schedule td,
.table-schedule th {
padding: 0;
}
.table-schedule td.vertical-separator,
.table-schedule th.vertical-separator {
padding: 0;
border: 0;
width: 10px;
}
.table-schedule td.horisontal-separator,
.table-schedule th.horisontal-separator {
border: 0;
border-left: solid 1px #ffffff;
padding: 0;
height: 10px;
}
.table-schedule thead th {
background: #ca7f31;
color: #ffffff;
font-weight: normal;
border: solid 1px #ca7f31;
padding: 10px;
vertical-align: middle;
}
.table-schedule thead th .h2 {
color: #ffffff;
}
.table-schedule thead th.vertical-separator {
border-bottom: solid 1px #ca7f31;
}
.table-schedule thead th.holiday {
position: relative;
}
.table-schedule thead th.holiday:before {
position: absolute;
content: "";
display: block;
top: 50%;
margin-top: -16px;
right: 15px;
width: 32px;
height: 32px;
opacity: .7;
background: url('images/all-icons.png') no-repeat -40px -180px;
}
.table-schedule thead th.old-day {
color: rgba(255, 255, 255, 0.7);
}
.table-schedule thead th.old-day .h2 {
color: rgba(255, 255, 255, 0.7);
}
.table-schedule thead th:first-child {
border-top-left-radius: 4px;
}
.table-schedule thead th:last-child {
border-top-right-radius: 4px;
}
.table-schedule td {
background: #ffffff;
color: #828282;
height: 80px;
width: 15%;
position: relative;
border-color: #cecece;
}
.table-schedule td .table td {
height: 0;
}
.table-schedule td:nth-child(2) {
border-left: 0;
}
.table-schedule td.one-lection,
.table-schedule td.double-lection {
cursor: pointer;
}
.table-schedule td.one-lection:hover,
.table-schedule td.double-lection:hover {
border: solid 1px #157fc4;
background: #dcecf6;
}
.table-schedule td.current {
border: solid 1px #157fc4;
background: #dcecf6;
}
.table-schedule td.old-day {
color: rgba(130, 130, 130, 0.8);
cursor: default;
}
.table-schedule td.old-day:hover {
border-color: #cecece;
background-color: #ffffff;
}
.table-schedule td.old-day .va-top,
.table-schedule td.old-day .va-bottom,
.table-schedule td.old-day .text-dark {
color: rgba(130, 130, 130, 0.8) !important;
}
.table-schedule td .table {
margin-bottom: 0;
background-color: transparent;
}
.table-schedule td .table.h100p {
height: 100%;
}
.table-schedule td .table tr {
border: 0;
}
.table-schedule td .table td {
border: 0;
padding: 10px;
background-color: transparent;
}
.table-schedule td.double-lection .table td {
padding: 0;
}
.table-schedule td.double-lection .table tr:first-child {
border-bottom: solid 1px #cecece;
}
.table-schedule td.double-lection .table .table td {
padding: 10px;
}
.table-schedule td.double-lection .table .table tr:first-child {
border: 0;
}
.table-schedule tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
.table-schedule tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
.table-schedule .va-top {
font-size: 16px;
}
.table-schedule .va-top,
a.table-schedule .va-top {
color: #1c1c1c;
}
.table-schedule .va-bottom {
font-size: 14px;
}
.table-schedule-session tr td {
width: auto;
}
.table-schedule-session tr td,
.table-schedule-session tr td.horisontal-separator {
border: 0;
}
.table-schedule-session tr td.horisontal-separator {
padding: 0;
}
.table-schedule-session td {
padding: 15px;
}
.table-schedule-session td.td-time {
text-align: center;
vertical-align: middle;
font-size: 36px;
line-height: 45px;
color: #1c1c1c;
border-right: solid 1px #cecece;
padding: 20px 30px 20px 20px;
}
.table-schedule-session td.td-time small {
font-size: 14px;
color: #828282;
display: block;
}
.table-schedule-session tr:first-child td:first-child {
border-top-left-radius: 4px;
border-top: 0;
}
.table-schedule-session tr:first-child td:last-child {
border-top-right-radius: 4px;
border-top: 0;
}
.table-schedule-session tr:first-child tr.vertical-separator {
border-bottom: solid 1px #ffffff;
}
.table-schedule-session tr:last-child td.vertical-separator {
border-top: solid 1px #ffffff;
}
.table-schedule-session td.vertical-separator {
width: 10px;
}
.table-schedule-session .teacher-foto {
overflow: hidden;
width: 32px;
height: 32px;
margin-top: 4px;
float: left;
margin-right: 15px;
border-radius: 18px;
}
.td-time {
width: 20px !important;
}
th.td-time {
padding-left: 0;
padding-right: 0;
}
td.td-time {
padding: 10px 0;
color: #1c1c1c;
}
.schedule-badge {
position: absolute;
top: 0;
right: -1px;
width: 0;
height: 0;
border-top: 50px solid rgba(21, 127, 196, 0.15);
border-left: 50px solid transparent;
}
.schedule-badge span {
position: absolute;
top: -45px;
right: 10px;
}
/* Breadcrumb
-----------------------------------------------------------------------------*/
.breadcrumb{
padding: 11px 0 6px 0;
background: none;
margin: 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
color: #828282;
margin-top: 10px;
}
.breadcrumb ul li {
display: inline-block;
margin: 0 6px 0 0;
font-style: italic;
}
.breadcrumb ul li a {
color: #ca7f31;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
left: 25%;
color: #cccccc;
font-size: 12px;
line-height: 18px;
width: 100%;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* ==========================================================================
TOPNAVI */
/* ========================================================================== */
.container-top-navigation {
position: relative;
background: #ffffff;
}
.container-top-navigation > .content {
position: static;
}
.container-top-navigation > .content > .col {
position: static;
}
.top-nav-block ul,
.top-nav-block li {
margin: 0;
padding: 0;
list-style: none;
}
.top-nav-block {
float: left;
display: inline-block;
width: 90%;
}
.top-nav-block li {
float: left;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.top-nav-block li a {
font: normal 16px/30px "PT Sans", PTsans, Arial, sans-serif;
text-decoration: none;
color: #157fc4;
display: block;
padding: 10px;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.top-nav-block li a:hover {
color: #ffffff;
background: #ca7f31;
}
.top-nav-block li.parent > a {
padding-right: 30px;
position: relative;
}
.top-nav-block li.parent > a:after {
position: absolute;
content: "";
top: 50%;
right: 5px;
margin-top: -10px;
width: 20px;
height: 20px;
background: url('images/all-icons.png') no-repeat 0 -20px;
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.top-nav-block li.parent > a:hover:after {
background-position: 0 0;
}
.top-nav-block li:hover > a,
.top-nav-block li:focus > a,
.top-nav-block li.parent:hover,
.top-nav-block li > a:hover,
.top-nav-block li > a:focus,
.top-nav-block li.parent.active > a,
.top-nav-block li.parent.current > a,
.top-nav-block li.current a {
color: #ffffff;
background: #ca7f31;
}
.top-nav-block li:hover > a:after,
.top-nav-block li:focus > a:after,
.top-nav-block li.parent:hover:after,
.top-nav-block li > a:hover:after,
.top-nav-block li > a:focus:after,
.top-nav-block li.parent.active > a:after,
.top-nav-block li.parent.current > a:after,
.top-nav-block li.current a:after {
background-position: 0 0;
}
.top-nav-block li:hover .second-level,
.top-nav-block li:focus .second-level,
.top-nav-block li.active .second-level {
height: auto;
overflow: visible;
opacity: 1;
}
.top-nav-block .parent .parent a:after {
content: none;
}
.third-level {
display: none;
}
.top-nav-block.hovered li,
.top-nav-block.hovered li a,
.top-nav-block.hovered li.parent > a:after,
.top-nav-block.hovered .second-level {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.hamburger {
display: none;
width: 80px;
height: 80px;
position: absolute;
padding: 0 16px;
top: 0;
left: 0;
z-index: 500;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hamburger.active{width: 100%;
height: 75px;
background: #ca7f31;
}
.hamburger.active .icon-hamburger, .hamburger.active .icon-hamburger:before, .hamburger.active .icon-hamburger:after{width: 35%;
left: 65%;
top: 3px;}
.mobile-nav h5 a{color:#FFF; text-transform:uppercase; display: block;
padding: 13px 0 4px;
text-align: center;}
.icon-hamburger {
position: relative;
margin-top: 10px;
margin-bottom: 7px;
}
.icon-hamburger,
.icon-hamburger:before,
.icon-hamburger:after {
display: block;
width: 40px;
height: 3px;
background-color: #fff;
-webkit-transition: all ease .4s;
transition: all ease .4s;
}
.icon-hamburger:before,
.icon-hamburger:after {
position: absolute;
content: "";
}
.icon-hamburger:before {
top: 13px;
}
.icon-hamburger:after {
top: 26px;
}
.hamburger.active .icon-hamburger:before {
top: -6px;
}
.hamburger.active .icon-hamburger:after {
top: 6px;
}
.hamburger.active .icon-hamburger {
background-color: transparent;
}
.hamburger.active .icon-hamburger:before,
.hamburger.active .icon-hamburger:after {
background-color: #FFF;
}
.hamburger.active .icon-hamburger:before {
-moz-transform: translateY(6px) rotate(45deg);
-ms-transform: translateY(6px) rotate(45deg);
-webkit-transform: translateY(6px) rotate(45deg);
transform: translateY(6px) rotate(45deg);
}
.hamburger.active .icon-hamburger:after {
-moz-transform: translateY(-6px) rotate(-45deg);
-ms-transform: translateY(-6px) rotate(-45deg);
-webkit-transform: translateY(-6px) rotate(-45deg);
transform: translateY(-6px) rotate(-45deg);
}
.mobile-nav-wrapper {
top: 75px;
bottom: 0;
left: 0;
z-index: 250;
position: fixed;
display: none;
width: 100%;
background: #ca7f31;
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mobile-nav-wrapper.active {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.mobile-nav-inner {
width: 100%;
height: 100%;
display: table;
table-layout: fixed;
}
.mobile-nav .ios-fix {
height: 110%;
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
padding-top: 10%;
padding-bottom: 10%;
}
.mobile-nav ul {
list-style: none;
margin: 0;
padding: 0;
background: #8c4513;
text-align: left;
}
.mobile-nav ul li {border-bottom: 1px dotted #8C2313; width: 100%; position: relative;}
.mobile-nav ul a {
color: #ffffff;
font-size: 1rem;
line-height: 1.2;
display: block;
padding: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-nav ul a:active,
.mobile-nav ul a:hover {
text-decoration: none;
background: #8C2313;
}
.mobile-nav ul .col {
padding: 0;
}
.mobile-nav ul li a {
text-transform: uppercase;
}
.mobile-nav ul li.parent a:after,
.mobile-nav ul li.parent li.parent a:after {
position: absolute;
content: "";
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url('images/all-icons.png') no-repeat -80px -60px;
}
.mobile-nav ul li.parent li a:after,
.mobile-nav ul li.parent li.parent li a:after {
content: none;
}
.mobile-nav ul li.parent li.parent a:after {
margin: 2px 0 0 2px;
}
.mobile-nav ul li.parent li.parent.active a:after {
background-position: -80px -80px;
}
.mobile-nav ul li li a {
text-transform: none;
background: transparent;
}
.mobile-nav ul li.active {
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition: none;
transition: none;
}
.mobile-nav ul li.active > a {
background: rgba(24, 24, 24, 0.3);
}
.mobile-nav ul li.active > a + .second-level,
.mobile-nav ul li.active > a + .third-level {
display: block;
height: auto;
opacity: 1;
}
.mobile-nav ul li.active > a:after {
background-position: -80px -80px;
}
.mobile-nav ul .second-level,
.mobile-nav ul .third-level {
position: static;
background: rgba(24, 24, 24, 0.1);
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition: none;
transition: none;
}
.mobile-nav ul .second-level li,
.mobile-nav ul .third-level li {
width: 100%;
padding-right: 0;
}
.mobile-nav ul .third-level li a {
padding-left: 40px;
}
.mobile-nav > ul {
background: rgba(24, 24, 24, 0.3);
margin: 10px 20px 20px;
border-radius: 3px;
}
.mobile-nav > ul > li:first-child a {
border-radius: 3px 3px 0 0;
}
.mobile-nav > ul > li:last-child a {
border-radius: 0 0 3px 3px;
}
.no-scroll {
word-wrap: break-word;
}
/* ==========================================================================
Селекты */
/* ========================================================================== */
select.styler {
opacity: 0;
}
.jq-selectbox {
vertical-align: middle;
cursor: pointer;
max-width: 100%;
opacity: 0;
-webkit-transition: opacity ease .1s;
transition: opacity ease .1s;
}
.jq-selectbox.opacity-one {
opacity: 1;
}
.jq-selectbox.disabled .jq-selectbox__select {
background: #dcecf6;
color: #181818;
opacity: .7;
cursor: default;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
opacity: 1;
filter: alpha(opacity=100);
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
opacity: 0.3;
filter: alpha(opacity=30);
}
.jq-selectbox ul {
margin: 0;
padding: 0;
}
.jq-selectbox li {
min-height: 20px;
padding: 5px 20px;
color: #ffffff;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.jq-selectbox li.selected,
.jq-selectbox li:hover {
color: #ffffff;
}
.jq-selectbox li.disabled {
color: #dcecf6;
cursor: default;
}
.jq-selectbox li.disabled:hover {
background: none;
}
.jq-selectbox li.optgroup {
font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
background: none;
color: #ffffff;
cursor: default;
}
.jq-selectbox li.option {
padding-left: 25px;
}
.jq-selectbox__select {
height: 40px;
padding: 0 40px 0 15px;
border-radius: 2px;
background: #dcecf6;
color: #181818;
font: 16px / 40px "PT Sans", PTsans, Arial, sans-serif;
}
.jq-selectbox__select:hover,
.jq-selectbox__select:active,
.focused .jq-selectbox__select,
.dropdown .jq-selectbox__select {
background: #157fc4;
color: #ffffff;
}
.jq-selectbox__select-text {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.jq-selectbox__trigger {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
}
.jq-selectbox__trigger-arrow {
position: absolute;
top: 50%;
left: 50%;
width: 4px;
height: 4px;
margin-top: -4px;
margin-left: -2px;
border: solid 2px #1c1c1c;
border-top: 0;
border-right: 0;
border-radius: 0 0 0 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.focused .jq-selectbox__trigger-arrow,
.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-selectbox:active .jq-selectbox__trigger-arrow,
.dropdown .jq-selectbox__trigger-arrow {
border-color: #ffffff;
}
.opened .jq-selectbox__trigger-arrow {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
border-color: #1c1c1c;
}
.jq-selectbox__dropdown {
top: 40px;
width: 100%;
margin: 0;
padding: 0 17px 15px 0;
margin-top: -2px;
font: 16px / 20px "PT Sans", PTsans, Arial, sans-serif;
background: #157fc4;
border-radius: 3px;
min-width: 180px;
}
.jq-selectbox__search {
margin: 0;
padding: 15px 3px 10px 20px;
}
.jq-selectbox__search input {
width: 100%;
margin: 0;
padding: 0 15px;
height: 40px;
display: block;
outline: none;
border: solid 1px #ffffff;
border-radius: 2px;
color: #ffffff;
background: #157fc4;
-webkit-appearance: textfield;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
-webkit-appearance: none;
}
.jq-selectbox__not-found {
margin: 0;
padding: 5px 0 0 20px;
color: #ffffff;
font-size: 14px;
}
.white-inputs .jq-selectbox li,
.jq-selectbox.input-white li {
color: #1c1c1c;
}
.white-inputs .jq-selectbox li.selected,
.jq-selectbox.input-white li.selected,
.white-inputs .jq-selectbox li:hover,
.jq-selectbox.input-white li:hover {
color: #157fc4;
}
.white-inputs .jq-selectbox .jq-selectbox__select,
.jq-selectbox.input-white .jq-selectbox__select {
background: #ffffff;
color: #181818;
font: 16px / 40px "PT Sans", PTsans, Arial, sans-serif;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.white-inputs .jq-selectbox .jq-selectbox__select:hover,
.jq-selectbox.input-white .jq-selectbox__select:hover,
.white-inputs .jq-selectbox .jq-selectbox__select:active,
.jq-selectbox.input-white .jq-selectbox__select:active {
background: #ffffff;
color: #157fc4;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2) ;
}
.white-inputs .jq-selectbox .jq-selectbox__dropdown,
.jq-selectbox.input-white .jq-selectbox__dropdown {
background: #ffffff;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2) ;
}
.white-inputs .jq-selectbox .jq-selectbox__search input,
.jq-selectbox.input-white .jq-selectbox__search input {
background-color: #ffffff;
color: #157fc4;
border-color: #157fc4;
}
.white-inputs .jq-selectbox .jq-selectbox__search input:-moz-placeholder,
.jq-selectbox.input-white .jq-selectbox__search input:-moz-placeholder {
color: #828282;
}
.white-inputs .jq-selectbox .jq-selectbox__search input:-ms-input-placeholder,
.jq-selectbox.input-white .jq-selectbox__search input:-ms-input-placeholder {
color: #828282;
}
.white-inputs .jq-selectbox .jq-selectbox__search input::-webkit-input-placeholder,
.jq-selectbox.input-white .jq-selectbox__search input::-webkit-input-placeholder {
color: #828282;
}
.white-inputs .jq-selectbox .jq-selectbox__not-found,
.jq-selectbox.input-white .jq-selectbox__not-found {
color: #1c1c1c;
}
.white-inputs .jq-selectbox.focused .jq-selectbox__trigger-arrow,
.jq-selectbox.input-white.focused .jq-selectbox__trigger-arrow,
.white-inputs .jq-selectbox.dropdown .jq-selectbox__trigger-arrow,
.jq-selectbox.input-white.dropdown .jq-selectbox__trigger-arrow {
border-color: #157fc4;
}
.white-inputs .jq-selectbox.focused .jq-selectbox__select,
.jq-selectbox.input-white.focused .jq-selectbox__select,
.white-inputs .jq-selectbox.dropdown .jq-selectbox__select,
.jq-selectbox.input-white.dropdown .jq-selectbox__select {
background: #ffffff;
color: #157fc4;
}
.white-inputs .jq-selectbox.disabled:hover .jq-selectbox__select,
.jq-selectbox.disabled.input-white:hover .jq-selectbox__select {
color: #1c1c1c;
}
.jq-selectbox.input-white:active .jq-selectbox__trigger-arrow,
.jq-selectbox.input-white:hover .jq-selectbox__trigger-arrow,
.white-inputs .jq-selectbox:active .jq-selectbox__trigger-arrow,
.white-inputs .jq-selectbox:hover .jq-selectbox__trigger-arrow {
border-color: #157fc4;
}
.jq-selectbox.disabled.input-white:active .jq-selectbox__trigger-arrow,
.jq-selectbox.disabled.input-white:hover .jq-selectbox__trigger-arrow,
.white-inputs .jq-selectbox.disabled:active .jq-selectbox__trigger-arrow,
.white-inputs .jq-selectbox.disabled:hover .jq-selectbox__trigger-arrow {
border-color: #1c1c1c;
}
/* ==========================================================================
HEADER */
/* ========================================================================== */
.container-top-header {
background: #157fc4;
color: #ffffff;
}
.container-top-header a,
.container-top-header .open-menu {
display: inline-block;
padding: 15px 5px;
color: #ffffff;
text-decoration: none;
}
.container-top-header a:hover,
.container-top-header .open-menu:hover {
text-decoration: none;
background: #106196;
}
.container-top-header .open-menu {
float: right;
width: 50px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.logo-block {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.logo-block a {
text-decoration: none;
color: #1c1c1c;
}
.logo-block a.logo {
padding-right: 20px;
}
.logo-block a .h1 {
line-height: 30px;
}
.logo-block a small {
font-size: 16px;
color: #828282;
line-height: 20px;
}
.header-info-block {
line-height: 30px;
color: #1c1c1c;
}
/* ==========================================================================
SEARCH */
/* ========================================================================== */
.search-button {
float: right;
font: normal 16px/30px "PT Sans", PTsans, Arial, sans-serif;
color: #157fc4;
padding: 10px;
cursor: pointer;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.search-button:hover {
background: #ca7f31;
color: #ffffff;
}
.search-button:hover .icon-search {
background-position: -20px -40px;
}
.container-search {
overflow: hidden;
background: #ca7f31;
color: #ffffff;
position: absolute;
width: 0;
top: 0;
height: 50px;
left: 100%;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.container-search.opened {
top: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
z-index: 10;
}
.container-search .content {
margin: 0 auto !important;
}
.search-form-block {
height: 50px;
overflow: hidden;
}
.search-form-block .icon-search-white {
opacity: .5;
float: left;
margin: 15px 20px 15px 0;
}
.search-input {
background: #ca7f31;
color: #ffffff;
font-size: 20px;
height: 30px;
margin: 10px 0;
border: 0;
padding: 0;
outline: none;
display: block;
width: 100%;
}
.search-input::-ms-clear {
display: none;
}
.search-close-button {
float: right;
width: 50px;
height: 50px;
cursor: pointer;
}
.search-close-button .icon {
margin: 15px;
}
.search-close-button:hover .icon {
opacity: 1;
}
.search-suggestions {
display: none;
padding: 40px 20px;
font-size: 20px;
}
.search-suggestions mark {
background: #157fc4;
color: #ffffff;
}
.search-suggestions .search-result-item {
padding: 10px;
display: block;
color: #ffffff;
text-decoration: none;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.search-suggestions .search-result-item:hover {
background: #378295;
}
.search-suggestions .search-count {
opacity: .5;
padding-left: 10px;
}
.search-suggestions .btn {
margin-left: 10px;
}
/* ==========================================================================
SLIDER */
/* ========================================================================== */
.big-slider {
display: none;
}
.slider-item {
background-position: 50% 50%;
background-size: cover;
}
.slider-item .h1 {
margin-bottom: 30px;
}
.slider-item-description {
min-height: 100px;
}
.big-slider-nav {
margin-top: 40px;
}
.owl-next,
.owl-prev {
text-indent: -9999px;
width: 20px;
height: 20px;
display: inline-block !important;
background: url('images/all-icons.png') no-repeat -80px 0;
cursor: pointer;
}
.owl-prev:hover {
background-position: -100px 0;
}
.owl-next {
margin-left: 20px;
background-position: -80px -20px;
}
.owl-next:hover {
background-position: -100px -20px;
}
.owl-dots {
position: absolute;
top: 15px;
left: 15px;
}
/* ==========================================================================
NEWS-LIST */
/* ========================================================================== */
.news-detail .news-item-text {
margin-top: 20px;
}
.news-item {
margin: 20px 0;
padding-bottom: 20px;
border-bottom: solid 1px rgba(130, 130, 130, 0.3);
}
.news-item:before,
.news-item:after {
content: " ";
display: table;
}
.news-item:after {
clear: both;
}
.news-item:first-child {
margin-top: 0;
}
.news-item:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.news-item-header {
text-transform: none;
font: normal 16px/25px "PT Sans", PTsans, Arial, sans-serif;
}
.news-item-header a {
display: inline-block;
}
.news-item-date {
font-size: 14px;
margin-bottom: 10px;
}
.news-item-main {
font-size: 16px;
}
.news-item-main .news-item-header {
font: normal 22px/30px "PT Sans", PTsans, Arial, sans-serif;
}
.news-item-main .news-item-date {
margin-bottom: 20px;
}
/* ==========================================================================
SIDEBAR */
/* ========================================================================== */
.sidebar-nav {
padding: 15px 0;
}
.sidebar-nav a{ text-decoration: none;
color: #ca7f31;}
.sidebar-nav ul {
padding: 0;
margin: 0;
list-style: none;
}
.sidebar-nav ul ul {
display: none;
padding: 3px 0 5px 10px;
}
.sidebar-nav li {
margin-bottom: 4px;
}
.sidebar-nav li a {
display: block;
padding: 3px 0 3px 0px;
border-left: solid 4px transparent;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
line-height: 1.2;
}
.sidebar-nav li.parent.current {
display: block;
padding: 3px 0 3px 7px;
border-left: solid 2px #ca7f31;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active {
text-decoration: underline;
}
.sidebar-nav li.current > a, .sidebar-nav li.active > a {
color: black;
padding-left: 0px;
font-weight: bold;
}
.sidebar-nav li.current > ul,
.sidebar-nav li.active > ul {
display: block;
}
.sidebar-nav li:first-child a {
padding-top: 0;
}
.sidebar-nav li:last-child a {
padding-bottom: 0;
}
.sidebar-nav li li {
margin: 0;
}
.sidebar-nav li li a {
border-color: transparent;
padding: 5px 0 5px;
}
.sidebar-nav li li.current,
.sidebar-nav li li.active {
border-color: #157fc4;
}
.sidebar-nav li.parent.current > a:after {
top: 1px;
border-color: #ff1539;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.sidebar-info-block {
color: #1c1c1c;
}
.sidebar-info-block .icon {
width: 40px;
margin-top: 15px;
}
.sidebar-info-block .icon-big-phone {
width: 30px;
margin-left: 10px;
}
/* ==========================================================================
PAGE-NAVIGATION */
/* ========================================================================== */
.page-navigation {
display: inline-block;
}
.page-navigation-wrapper {
text-align: center;
}
.page-navigation .right-arr,
.page-navigation .left-arr,
.page-navigation .page-navigation-pages a {
display: inline-block;
line-height: 30px;
min-width: 20px;
text-align: center;
border-radius: 20px;
padding: 0 5px;
color: #1c1c1c;
box-shadow: none;
}
.page-navigation .right-arr:hover,
.page-navigation .left-arr:hover,
.page-navigation .page-navigation-pages a:hover {
text-decoration: none;
color: #157fc4;
}
.page-navigation .right-arr,
.page-navigation .left-arr {
width: 30px;
font-size: 18px;
font-weight: bold;
color: #828282;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.page-navigation .right-arr:hover,
.page-navigation .left-arr:hover {
color: #1c1c1c;
}
.page-navigation-pages {
background: #ffffff;
color: #828282;
border-radius: 20px;
display: inline-block;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.page-navigation-pages a.current {
padding: 0 9px;
color: #157fc4;
box-shadow: inset 0 0 0 1px #157fc4;
}
.page-navigation-pages a:not(:first-child) {
margin-left: 3px;
}
.page-navigation-pages a:first-child {
/* padding: 0 5px 0 12px; */
}
.page-navigation-pages a:last-child {
/* padding: 0 12px 0 5px; */
}
/* ==========================================================================
FACULTY-ITEM */
/* ========================================================================== */
.faculty-item {
margin-top: 30px;
}
.faculty-item:first-child {
margin-top: 0;
}
.faculty-item h3,
.faculty-item .h3 {
margin: 0 0 10px 0;
}
.faculty-item .vertical-separator {
display: inline-block;
margin: 0 15px;
opacity: .5;
}
.faculty-item-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.faculty-item-links a {
display: block;
position: relative;
background: #ffffff;
color: #828282;
border-radius: 5px;
font: normal 20px/30px "PT Sans", PTsans, Arial, sans-serif;
color: #157fc4;
text-decoration: none;
padding: 10px 30px 10px 15px;
margin: 10px 0;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.faculty-item-links a:hover {
text-decoration: none;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2) ;
}
.faculty-item-links a:after {
position: absolute;
top: 50%;
right: 10px;
margin-top: -10px;
content: "";
width: 20px;
height: 20px;
background: url('images/all-icons.png') no-repeat -80px -40px;
}
.faculty-item-links-big.faculty-item-links a:after {
background-position: -100px -60px;
}
.faculty-item-links a .item-date {
color: #828282;
}
.faculty-item-info {
margin-bottom: 30px;
}
.faculty-item-box > ul {
list-style: none;
padding: 0;
margin: 0;
}
.faculty-item-box > ul > li {
background: #ffffff;
color: #828282;
border-radius: 5px;
font: normal 20px/30px "PT Sans", PTsans, Arial, sans-serif;
color: #157fc4;
padding: 0;
margin: 10px 0;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.faculty-item-box > ul > li:hover {
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2) ;
}
.faculty-item-box > ul > li > a {
text-decoration: none;
display: block;
position: relative;
font: normal 22px/30px "PT Sans", PTsans, Arial, sans-serif;
padding: 20px 40px 20px 25px;
margin: 0 0;
}
.faculty-item-box > ul > li > a small {
display: inline-block;
margin-left: 20px;
color: #828282;
}
.faculty-item-box > ul > li > a:after {
position: absolute;
top: 50%;
right: 20px;
margin-top: -10px;
content: "";
width: 20px;
height: 20px;
background: url('images/all-icons.png') no-repeat -100px -60px;
}
.faculty-item-box > ul > li > a.opened:after {
background-position: -100px -80px;
}
.faculty-item-box > ul .faculty-item {
margin: 20px -30px 0;
}
.faculty-item-box-inner {
display: none;
padding: 20px 30px 0;
border-top: solid 1px #ededed;
color: #1c1c1c;
font-size: 16px;
line-height: 20px;
}
.faculty-list-list li {
margin: 5px 0;
}
.faculty-list-list li:first-child {
margin-top: 0;
}
.faculty-list-list li:last-child {
margin-bottom: 0;
}
/* ==========================================================================
RECTORATE-ITEM */
/* ========================================================================== */
.rectorate-item h3,
.rectorate-item .h3 {
margin-top: 0;
}
.rectorate-item h4,
.rectorate-item .h4 {
font: normal 18px/25px "PT Sans", PTsans, Arial, sans-serif;
}
.rectorate-item h4 a,
.rectorate-item .h4 a {
color: #1c1c1c;
}
/* ==========================================================================
PROGRAM-ITEM */
/* ========================================================================== */
.program-item-box > ul {
list-style: none;
padding: 0;
margin: 0;
}
.program-item-box > ul > li {
background: #ffffff;
color: #828282;
border-radius: 5px;
font: normal 20px/30px "PT Sans", PTsans, Arial, sans-serif;
color: #157fc4;
padding: 0 30px;
margin: 30px 0;
}
.program-item-box > ul .program-item {
margin: 20px -30px 0;
}
.program-item-box-header {
text-decoration: none;
display: block;
position: relative;
font: normal 22px/30px "PT Sans", PTsans, Arial, sans-serif;
padding: 20px 0 15px 0;
border-bottom: solid 1px #ededed;
}
.program-item-box-header small {
display: inline-block;
color: #828282;
}
.program-item-box-inner {
color: #1c1c1c;
font-size: 16px;
line-height: 20px;
}
.gos-accreditation-text {
text-transform: uppercase;
padding: 8px 0 8px 40px;
font: bold 16px/24px "PT Sans", PTsans, Arial, sans-serif;
display: inline;
color: #1c1c1c;
position: relative;
}
.gos-accreditation-text:after {
/* Cвойство background разбито потому, что для разных цветовых схем имеются разные картинки, закодированные в base64 (сервис b64i.ru)*/
background-position: 0 50%;
background-repeat: no-repeat;
background-size: 27px 24px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAuCAMAAABQ68okAAAB9VBMVEUAAABHfcNHfcNHfcNHfcNHfMNHfcNHfcNGfMNGfMNHfcNHfcNHfcNHfMNHfMNHfcNHfcNHfMNHfcNHfcNGfMJHfcNGfMJHfMNHfMNHfMNHfcNHfMNGfMNHfMNHfcNGfMNGfMNHfMNHfcNHfcNHfMNGfMJGfMJGfMNGfMJHfcNHfcNHfMNHfcNGfMNHfMNHfcNHfcNHfMNGfMNHfcNHfMNGfMJHfcNHfcNHfMNGfMNHfMNGfMJGfMNHfMNHfcNGfMJHfMNHfMNGfMNHfcNGfMJHfMNHfcNGfMJGfMJHfMNHfcNHfMNGfMNHfcNGfMNGfMNHfcNHfcNHfMNGfMNHfcNHfcNHfcNHfMNGfMJHfcNHfcNHfMNHfMNHfcNHfMNHfcNHfMNHfcNHfcNHfcNHfcNHfcNHfcNHfcNHfMNGfMJHfMNGfMJHfcNHfcNHfMNHfcNHfMNGfMNHfcNGfMNGfMNHfcNHfMNHfcNHfcNHfcNHfcNHfcNHfMNGfMNHfMNHfcNHfMNHfcNHfcNHfcNGfMJHfMNHfMNHfcNHfcNHfcNGfMJGfMNGfMNHfcNHfcNHfMNHfcNHfcNGfMNHfcNHfcNHfcNGfMNGfMNHfMNGfMJHfcNGfMJGfMNHfcNHfcNHfMNGfMJHfcNHfMNHfcNHfMNGfMJGfMPs1rtiAAAAo3RSTlMAD1Q/aRwB/gH84QTaD45g9WXIV/xOCsdv/vzT/kOaEY0JqBzK/bEVPJepB5gusiv6lvmb0VEon/AQSzeRdFYGE+1WXQL3LNf0A/I8fQY26uXoIjwD2dSj+UYkn+ZagvkBHvjjguv7J9IICwMZFcE6QEK29Sq8z5Hv8LENLgigym0J0yDpHqzuChNhU+Z6Ld8wZ+OjzdvO+8Dq4pkCnKIEv79CZ9gmMwAAAhRJREFUeNqV1WNzXlEUhuHdNmmS2kJq27Zt27Zt2+b9POt3dtLMZNq8wTnXaM9ec39dK+X2++ePvEmDbyU0zNl0/2z4lSs5dKGbkb7nac7eVgBfvuZoWrdCgvLG2ZMOG1BgTcjRHOhqQDF4UfZm04MgQMOXZW86lWGANh0yJzPKhSPQ+gGZm0fHJST8tE/m5s46hUCcmZK5uboVQpI6j8vcnLyIQeClmZsnu7Fw4P6lWZttXUII5GbNszYtuwAEsHBEKvCyxuZVt0BCIaYXDHduL3lzq7ApKlEgQGpRMDx83/B2V6rmcWfEX27TNFVz7zwB/tQo/adtO2FJQSxeXb05cde2ZD7cTP9ovwNjBOGWqbrLkoUtx/VrVb+nNgoHgUzvVODhR0IQEnGjOFV6fgkLA6hJj1ToSsdAOGRYtSZVKN5jQkhAu0apJs3fIwcGNLKoYiEeBAtC4J6pZse6YhkHiDFDjpw2KASGZr1SLY6+swWSgI5bqp6438BUq+IXBBCATYDAshmV6rD5NQKDbYdAEGJlg1SX8SsgZEBCBBaovvswbJYgwkCAAXQu1Wf5RASAQ8IO9s9P9VrSSgpAETgCTc10seZJVLLEvkkpi8mjAwQgRFHKpmEZgANgwdqU0ZwyhCEUbXOcuxIjAWPnpuw62ci4fcrjGQL1bZxy2UvA7JRTC2jSNG9UOpRpKbfSQTNTXf4ALSFjLFGk+uwAAAAASUVORK5CYII=');
content: "";
position: absolute;
top: 8px;
left: 0;
width: 27px;
height: 24px;
}
.document-link {
display: inline-block;
}
.document-link:before,
.document-link:after {
content: " ";
display: table;
}
.document-link:after {
clear: both;
}
.document-link .icon {
float: left;
}
.document-link a {
display: block;
overflow: hidden;
}
/* ==========================================================================
LINKS-LIST */
/* ========================================================================== */
.links-list ul {
list-style: none;
margin: 0;
padding: 0;
}
.links-list li {
font-size: 22px;
color: #157fc4;
margin: 20px 0;
}
.links-list a {
text-decoration: none;
border-bottom: solid 1px transparent;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.links-list a:hover {
border-bottom-color: inherit;
}
.links-list .has-child > a {
position: relative;
}
.links-list .has-child > a:after {
position: absolute;
content: "";
display: inline-block;
width: 4px;
height: 4px;
margin: .3em 0 0 15px;
border: solid 2px #828282;
border-top: 0;
border-right: 0;
border-radius: 0 0 0 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.links-list .has-child > a.opened:after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
margin-top: .4em;
border-color: #157fc4;
}
.links-list .has-child ul {
display: none;
}
.links-list .has-child li {
margin: 15px 0;
padding-left: 20px;
}
.links-list .has-child li a {
font-size: 16px;
}
/* ==========================================================================
TEACHERS */
/* ========================================================================== */
.teachers-item {
color: #1c1c1c;
line-height: 25px;
}
.teachers-item h2 a,
.teachers-item .h2 a {
color: #1c1c1c;
text-decoration: none;
}
.teachers-item h2 a:hover,
.teachers-item .h2 a:hover {
color: #157fc4;
}
.teacher-info {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.teacher-info-position {
color: #1c1c1c;
font-size: 18px;
line-height: 22px;
}
.teacher-info-name {
line-height: 26px;
}
.teacher-table {
margin-top: 37px;
}
.teacher-table td {
border-top: 0px;
padding: 12px 18px;
font-size: 18px;
line-height: 24px;
}
.teacher-table td:nth-child(2n) {
color: #1c1c1c;
}
.teacher-table td p:first-child {
margin-top: 0;
}
.teacher-table td p:last-child {
margin-bottom: 0;
}
.teacher-table .col {
float: none;
}
.teacher-description {
color: #1c1c1c;
margin-top: 41px;
margin-bottom: 10px;
line-height: 30px;
}
/* ==========================================================================
VERTICAL-FILTER */
/* ========================================================================== */
.vertical-filter-box {
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
padding: 10px 0;
}
.vertical-filter-box.first {
border-top: solid 1px rgba(255, 255, 255, 0.3);
margin-top: 20px;
}
.vertical-filter-box.active .vertical-filter-header:after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
margin-top: 0px;
}
.vertical-filter-box.active .vertical-filter-content {
display: block;
}
.vertical-filter-header {
position: relative;
padding: 5px 15px 5px 0;
cursor: pointer;
}
.vertical-filter-header:after {
content: "";
position: absolute;
top: 50%;
right: 5px;
margin-top: -2px;
display: inline-block;
width: 4px;
height: 4px;
border: solid 2px #ffffff;
border-top: 0;
border-right: 0;
border-radius: 0 0 0 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.vertical-filter-content {
margin-top: 15px;
display: none;
}
/* ==========================================================================
FOOTER */
/* ========================================================================== */
.container-footer {
background: #181818;
color: #ffffff;
padding: 30px 20px;
line-height: 25px;
}
.container-footer a {
color: #828282;
}
.container-footer a:hover {
color: #cccccc;
}
.social-network {
display: inline-block;
width: 30px;
}
.social-network + .social-network {
margin-left: 5px;
}
.footer-menu-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-menu-content ul ul {
display: none;
}
.footer-menu-content h4,
.footer-menu-content .h4 {
margin-bottom: 20px;
}
/* ==========================================================================
MAP-BLOCK */
/* ========================================================================== */
.map-block {
border-radius: 0 0 4px 4px;
}
/* ==========================================================================
SWITCH-BLOCK */
/* ========================================================================== */
.switch-block {
display: inline-block;
background: #ffffff;
border-radius: 15px;
line-height: 0;
font-size: 0;
margin-bottom: 20px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.switch-block-item {
color: #828282;
text-decoration: none;
display: inline-block;
font: normal 16px/20px "PT Sans", PTsans, Arial, sans-serif;
padding: 5px 25px;
border-radius: 15px;
}
.switch-block-item.active {
color: #157fc4;
text-decoration: none;
box-shadow: inset 0 0 0 1px #157fc4;
}
/* ==========================================================================
INFO-BOX */
/* ========================================================================== */
.info-box-close {
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
position: relative;
cursor: pointer;
overflow: hidden;
vertical-align: text-top;
opacity: .7;
}
.info-box-close:hover {
opacity: 1;
}
.info-box-close:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -20px 0 0 -10px;
content: "\00D7";
font: normal 24px/40px Georgia, serif;
vertical-align: middle;
}
/* ==========================================================================
SCHEDULE */
/* ========================================================================== */
.schedule-header {
color: rgba(255, 255, 255, 0.7);
padding: 30px 0;
font-size: 14px;
}
.schedule-header h1,
.schedule-header .h1 {
color: #ffffff;
}
.session-info {
line-height: 20px;
}
.session-info .h3 {
line-height: 20px;
}
.session-info:before,
.session-info:after {
content: " ";
display: table;
}
.session-info:after {
clear: both;
}
.week-link {
color: #ffffff;
display: inline-block;
position: relative;
font-size: 18px;
line-height: 20px;
margin-top: 5px;
}
.week-link:hover {
color: #ffffff;
}
.week-link:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 20px;
height: 20px;
background: url('images/all-icons.png') no-repeat -80px 0;
}
.week-link-prev {
padding-left: 40px;
}
.week-link-prev:after {
left: 5px;
}
.week-link-prev:hover:after {
background-position: -100px 0;
}
.week-link-next {
padding-right: 40px;
}
.week-link-next:after {
right: 5px;
background-position: -80px -20px;
}
.week-link-next:hover:after {
background-position: -100px -20px;
}
.special-settings {
display: none;
}
.special-aaVersion-on .special-settings {
display: block;
}
.aa-show {
display: none;
}
.special-aaVersion-on .aa-show {
display: inline-block;
float: right;
}
.special-aaVersion-on .aa-hide {
display: none;
}
/* ==========================================================================
HELPER CLASSES */
/* ========================================================================== */
ol.unstyled,
ul.unstyled {
margin: 0;
padding: 0;
list-style: none;
}
ul.big-list {
margin: 20px 0;
padding: 0;
list-style: none;
}
ul.big-list li {
margin: 5px 0;
font-size: 18px;
line-height: 25px;
}
.ta-center,
.table th.ta-center,
.table td.ta-center {
text-align: center;
}
.ta-left,
.table th.ta-left,
.table td.ta-left {
text-align: left;
}
.ta-right,
.table th.ta-right,
.table td.ta-right {
text-align: right;
}
.va-bottom,
.table th.va-bottom,
.table td.va-bottom {
vertical-align: bottom;
}
.va-top,
.table th.va-top,
.table td.va-top {
vertical-align: top;
}
.va-middle,
.table th.va-middle,
.table td.va-middle {
vertical-align: middle;
}
.td-n {
text-decoration: none;
}
.td-u {
text-decoration: underline;
}
.tt-u {
text-transform: uppercase;
}
.tt-n {
text-transform: none;
}
.hide,
.d-n {
display: none;
}
.show,
.d-b {
display: block;
}
.inline-block,
.d-ib {
display: inline-block;
}
.inline,
.d-i {
display: inline;
}
.invisible,
.vis-h {
visibility: hidden;
}
.verdana {
font-family: Verdana, sans-serif;
}
.tahoma {
font-family: Tahoma, sans-serif;
}
.arial {
font-family: Arial, sans-serif;
}
/* кнопка наверх */
.in_top{
position: fixed;
right: 0px;
top: 0px;
width: 100px;
height: 100%;
cursor: pointer;
display: none;
padding-top: 23%;
}
.in_top:hover{
background-color: rgba(225, 231, 237, 0.12941176470588237);
}
.in_top span{
display: block;
width: 100px;
margin-top: 10px;
text-align: center;
color: #ffffff;
font-weight: bold;
background: #ca7f31;
padding: 10px 0;
}
.in_top .bigr{font-size: 2rem;}
.in_top span:hover{background: #8C2313;}
/* перевод */
.content-ru input.opislang,
.content-en input.opislang,
.content-en,
.translated-ltr .content-ru{visibility:hidden; display:none;}
.translated-ltr .content-en{visibility: visible; display:block;}
/* конец перевод */
.zaglav {
font-size: 24px;
font-weight: 500;
text-align: center;
padding-top: 40px;
}
.develop .dev-slider div {
min-height: 240px;
margin: 5px;
box-sizing: border-box;
width:97%;
margin: 0 auto;
}
.develop .dev-slider div p {
text-align: center;
text-transform: uppercase;
color: white;
font-size: 24px;
padding-top: 100px;
font-weight: 500;
}
.develop .dev-slider div a {
text-decoration: none;
}
.develop .blue1 {
background-color: #4B79B8;
}
.develop .blue2 {
background-color: #689FCE;
}
.develop .blue3 {
background-color: #85B9D8;
}
.develop .blue4 {
background-color: #92CACC;
}
.develop .blue5 {
background-color: #C2E1E3;
}
.develop .blue1:hover {
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
}
.develop .blue2:hover {
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
}
.develop .blue3:hover {
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
}
.develop .blue4:hover {
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
}
.blue5:hover {
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
}
.develop .dev__slider-button-left, .clients .part_slider-button-left {
position: absolute;
top: calc(100% / 2 - 25px);
left: 0.5%;
z-index: 10;
height: 81px;
background-image: url(img/dev-arrow-left.png);
background-repeat: no-repeat;
background-position: 0 0; }
.develop .dev__slider-button-right, .clients .part_slider-button-right {
position: absolute;
top: calc(100% / 2 - 25px);
right: 0.5%;
height: 81px;
background-image: url(img/dev-arrow.png);
background-repeat: no-repeat;
background-position: 0 0; z-index:10;}
.clients .partners_cont {background-color: #E2E2E2;
padding-top: 15px;
padding-bottom: 15px;
}
.clients .slick-list {
width: 98%;
padding-left: 2%;
}
.clients .slick-slide {
padding-right: 1%;
}
.clients .partners_pic{
float: left;
margin-right: 3%;
}
.clients .partners_name a {
font-size: 21px;
text-transform: uppercase;
color: #ca7f31;
font-weight: 500;
}
.clients .partners_desc p{
color: #7F7E7C;
}
.feedback{background: #ca7f31;
padding: 40px 0;
color: #fff;}
.feedback_inner .h1 {
color: white;
font-weight: 400;
padding: 0px 0 10px 0;
}
.feedback .podrazdelenie select, .feedback .text textarea{width: 100%;
border: none;
color: #75758a;}
.feedback .podrazdelenie select{cursor:pointer;}
.feedback .fioemail{width: 100%;
display: inline-block;}
.feedback .fio{width:49%; float:left;}
.feedback .email{width:49%; float:right;}
.feedback .podrazdelenie, .feedback .text{margin-bottom: 6px;}
.feedback .feedback_send{ text-align:center;}
.feedback .feedback_send input{width: 99%;
padding: 14px;
background: #ffffff0a;
color: #fff;
border: 3px solid #fff;
text-transform: uppercase; cursor:pointer; font-weight: bold;}
.feedback .feedback_send input:hover{
background: #ca7f31;
color: #ffffff;
}
.feedback .notetext, .feedback .errortext{
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
position: relative;
padding: .75rem 1.25rem;
margin-top: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
display: block; position: relative; }
.imgnnews .preview_picture{max-height: 155px;}
.feedback .errortext{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.banglavimg, .showban{position: relative;
overflow: hidden;}
.banglavimg:before, .showban:before {
position: absolute;
top: 0;
left: -45%;
z-index: 2;
display: block;
content: '';
width: 25%;
height: 100%;
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.banglavimg:hover:before, .showban:hover:before {
-webkit-animation: banglavimg .5s;
animation: banglavimg .5s;
}
@keyframes banglavimg{
from{left: -45%;}
to{margin-left: 200%;}
}
.list-of-items{text-decoration: underline; font-style: italic;}
.foncolor{background-color: rgb(196 154 97 / 47%);}
.infobanner{background-color: #B17F4A; background-image: url(img/infobanner.png);background-size: cover; font-size: 2rem}
.futban a{border: 1px solid #d7cec5;}