img-sm-rhtml,
body {
height: 100%
}
body {
padding-top: 0px; color: #474a5f;
}
hr {border:none; height:1px; margin: 20px 0px; background-color:#e2e3e6;}
.img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8}
header.carousel {
height: 50%
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%}
header.carousel .fill {
width: 100%;
height: 100%;background-position: center;background-size: cover;
}
.error-404 {
font-size: 100px;
}
.price {
display: block;
font-size:50px;
line-height: 50px
}
.price sup {
top: -20px;
left: 2px;
font-size: 20px
}
.period {
display: block;
font-style:italic;
}
footer {
margin: 50px 0
}
@media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 70%;
}
}
a {color:#5877ce; text-decoration:none; cursor: pointer;}
a:hover,a:focus {color:#0029c0;text-decoration:none; cursor: pointer;}
a:hover {text-decoration:none; cursor: pointer;}
/* ---------------------------------------------------------------------------------------------------- TOPLINE ----------------------------------------- */
.tdlogo {width:150px; text-align:center; padding-left:16px;}
.topline {min-height:156px;}
.topline1 {float:left; min-height:160px; position:absolute; z-index: 1;}
.topline2 {
width:100%;
height:156px;
display:table-cell;
text-align: right;
position:absolute;
z-index: 2;
border: 0px solid #ccc; background: url('../img/center_.gif') right bottom no-repeat; opacity: 0.8;
}
.toplinepannel {
position:absolute; float:right; text-align: right; margin-top:5px;
width:100%;
height:30px;
display:table;
text-align: right; border:0px solid #ccc;
z-index: 2;
}
.ruen {display: table-cell; padding:3px 6px 3px 6px; font-size:15px;}
.svsv {display: table-cell; padding:3px 6px 3px 6px; opacity:0.5}
.lklk {display: table-cell; padding:3px 6px 3px 6px; opacity:0.5}
.svsv:hover, .lklk:hover {opacity:1.0}
.logobox {float: left; padding: 27px 0px 0px 17px;}
.namebox {
display:table-cell;
height:156px; width:800px;
margin:0;
padding-left:16px;
vertical-align:middle;
text-shadow: 1px 1px 1px #ddd;
font-family: georgia;
font-size: 24px;
line-height: 110%;
color: #3248b6;
z-index: 3;
background: url(../img/bg_top_wl.png) top left no-repeat;
}
.flag {margin: 28px 0px 0px 0px; border:0; cursor:pointer;}
@media screen and (max-width: 1180px) {
.topline {min-height:156px; background: url('../img/bg_top_right50.png') right bottom no-repeat;}
.topline2 {background:none;}
}
@media screen and (max-width: 992px) {
.topline {min-height:156px; background: url('../img/bg_top_right75.png') right bottom no-repeat;}
}
@media screen and (max-width: 780px) {
.namebox {padding-right:96px;}
.topline {min-height:156px; background: none;}
}
@media screen and (max-width: 535px) {
.namebox {padding-right:96px; padding-left:35px;}
.topline {min-height:156px; background: none;}
.logobox {display: none;}
}
@media screen and (max-width: 376px) {
.namebox {padding-right:35px; padding-left:35px;}
.topline2 {display: none;}
}
/* --------------------------------------------------- */
.toplinevid {
width:100%;
height:156px;
display:table-cell;
text-align: right;
position:absolute;
z-index: 1; overflow:hidden
}
.toplinelang {
width:100%;
height:156px;
display:table-cell;
text-align: right;
position:absolute;
z-index: 2;
}
.logovideo {visibility:visible; height:160px;}
@media screen and (max-width: 1180px) {
.toplinevid {display:none}
}
@media screen and (max-width: 1680px) {.namebox {font-size: 22px;}}
@media screen and (max-width: 1600px) {.namebox {font-size: 21px;}}
@media screen and (max-width: 1536px) {.namebox {font-size: 20px;}}
@media screen and (max-width: 1440px) {.namebox {font-size: 19px;}}
@media screen and (max-width: 1366px) {.namebox {font-size: 18px;}}
@media screen and (max-width: 1280px) {.namebox {font-size: 18px;} .toplinevid{display:none} .topline {background: url(../img/bg_top_right50.png) right bottom no-repeat;}}
@media screen and (max-width: 1152px) {.namebox {font-size: 18px;}}
@media screen and (max-width: 1024px) {.namebox {font-size: 17px;}}
@media screen and (max-width: 960px) {.namebox {font-size: 17px;}}
@media screen and (max-width: 784px) {.namebox {font-size: 17px;}}
@media screen and (max-width: 720px) {.namebox {font-size: 17px;} .topline {background: none}}
@media screen and (max-width: 512px) {.namebox {font-size: 17px;}}
@media screen and (max-width: 480px) {.namebox {font-size: 17px;}}
@media screen and (max-width: 352px) {.namebox {font-size: 15px;}}
/* ---------------------------------------------------------------------------------------------------------------------------- */
.color-top-line-orange {background:url('../img/bg_orange.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-orange-txt {background:url('../img/bg_orange.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-ko {background:url('../img/bg_ko.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-ko-g {background:url('../img/bg_ko-g.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-docs {background:url('../img/bg_docs.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-history {background:url('../img/bg_history.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-green {background:url('../img/bg_green.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-grey {background:url('../img/bg_grey.jpg') no-repeat top center fixed; background-color: #aeb1c4; background-size: cover;}
.color-top-line-yellow {background:url('../img/bg_yellow1.jpg') no-repeat top center fixed; background-color: #fdce1f; background-size: cover;}
.color-top-line-red {background:url('../img/bg_red.jpg') no-repeat top center fixed;background-color: #ff036e; background-size: cover;}
.color-top-line-map {background:url('../img/bg_map.jpg') no-repeat top center fixed;background-color: #467798; background-size: cover;}
.color-top-line-nauka {background:url('../img/bg_nauka.jpg') no-repeat top center fixed;background-color: #518bc8; background-size: cover;}
.color-top-line-edu {background:url('../img/bg_education_green.jpg') no-repeat top center fixed;background-color: #219f8a; background-size: cover;}
.color-top-line-edu-yel {background:url('../img/bg_education_yel.jpg') no-repeat top center fixed;background-color: #fdce1f; background-size: cover;}
.color-top-line-educ {background:url('../img/bg_education.jpg') no-repeat top center fixed;background-color: #518bc8; background-size: cover;}
.color-top-line-edu-or {background:url('../img/bg_education_or.jpg') no-repeat top center fixed;background-color: #fdac40; background-size: cover;}
.color-top-line-hc {background:url('../img/bg_hc.jpg') no-repeat top center fixed;background-color: #fdac40; background-size: cover;}
.color-top-line-news {background:url('../img/bg_news.jpg') no-repeat top center fixed;background-color: #518bc8; background-size: cover;}
.color-top-line-conference {background:url('../img/bg_conf.jpg') no-repeat top center fixed;background-color: #518bc8; background-size: cover;}
.color-top-line-confout {background:url('../img/bg_confout.jpg') no-repeat top center fixed;background-color: #518bc8; background-size: cover;}
.color-top-line-mm {background:url('../img/bg_mm.jpg') no-repeat top center fixed;background-color: #518bc8; background-size: cover;}
.color-top-line-structure {background:url('../img/bg_structure.jpg') no-repeat top center fixed;background-color: #ef0864; background-size: cover;}
.color-top-subline-grey {background-color: #eff4f8; color:#b2b2b2; font-size:13px; padding:10px 25px;text-align:center; background-size: cover;}
.color-top-line-dark {background:url('../img/bg_dark.jpg') no-repeat top center fixed;background-color: #093646; background-size: cover;}
.color-top-line-orange2 {background:url('../img/bg_orange2.jpg') no-repeat top center fixed;background-color: #fdac40; background-size: cover;}
.color-top-line-blue {background:url('../img/bg_blue.jpg') no-repeat top center fixed;background-color: #d1d5ff; background-size: cover;}
.color-top-line-petomc {background:url('../img/pet.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-petomcr {background:url('../img/petred.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-telemed {background:url('../img/telemed.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-telemed-stat {background:url('../img/bg_white_grad.png') bottom left repeat-x;}
.color-top-line-msc1 {background:url('../img/bg_msc_osn.jpg') no-repeat top center fixed; background-size: cover;}
.color-top-line-msc2 {background:url('../img/bg_msc_osn.jpg') no-repeat top center fixed; background-size: cover;}
.slogon-line-green {background-color:#37a083; color:#fff;
text-align:center; font-family:OpenSansLight;
line-height:2.6em; width: 100%;
padding:90px 30px 100px 30px; }
.color-top-line-orange-txt {background-color:#fdac40; color:#fff; font-size:38px;
text-align:center; font-family:OpenSansLight;
line-height:1.2em; width: 100%;
padding:45px 30px 50px 30px; }
.color-top-line-orange,
.color-top-line-ko,
.color-top-line-ko-g,
.color-top-line-docs,
.color-top-line-history,
.color-top-line-yellow,
.color-top-line-green,
.color-top-line-nauka,
.color-top-line-edu,
.color-top-line-edu-yel,
.color-top-line-educ,
.color-top-line-edu-or,
.color-top-line-hc,
.color-top-line-news,
.color-top-line-conference,
.color-top-line-confout,
.color-top-line-mm,
.color-top-line-structure,
.color-top-line-grey,
.color-top-line-red,
.color-top-line-dark,
.color-top-line-blue,
.color-top-line-orange2,
.color-top-line-map {font-size:50px;
color:#fff; text-align:center; font-family:OpenSansLight;
line-height:1.2em; width: 100%; background-size: 100% 100%; background-size: cover;
padding:35px 25px 40px 25px; }
.color-top-line-yellow, .color-top-line-edu-yel {color:#47474d;}
.color-top-line-blue {color:#202053;}
@media screen and (max-width: 992px) {
.color-top-line-orange,
.color-top-line-ko,
.color-top-line-ko-g,
.color-top-line-docs,
.color-top-line-history,
.color-top-line-yellow,
.color-top-line-green,
.color-top-line-nauka,
.color-top-line-edu,
.color-top-line-edu-yel,
.color-top-line-educ,
.color-top-line-edu-or,
.color-top-line-hc,
.color-top-line-news,
.color-top-line-conference,
.color-top-line-confout,
.color-top-line-mm,
.color-top-line-structure,
.color-top-line-grey,
.color-top-line-red,
.color-top-line-dark,
.color-top-line-blue,
.color-top-line-orange2,
.color-top-line-map {font-size:38px;
line-height:1.2em; background-size: auto 100%; background-size: cover;
padding:45px 0px 50px 0px; }
.color-top-line-orange-txt {background-color:#fdac40; color:#fff; background-size: auto 100%; font-size:32px; background-size: cover;
text-align:center; font-family:OpenSansLight;
line-height:1.2em; width: 100%;
padding:45px 30px 50px 30px; }
}
.slaider {display:block; position: relative; height: 100%; width: 100%;}
.underslaider {clear:both; margin-top:22%;}
.s {display:none; position: absolute; left:0;top:0; width:100%; overflow:hidden;}
.s img {height: 100%; width: 100%; position: relative; left:50%; margin-left:-50%;}
.usl {clear:both;}
#num_slaider {display:none;}
.sp0 {display:block;}
.mt226 {display:block; margin-top:22.6%; position:relative}
.video-button {width:12.5%;height:auto;opacity:0.75; margin-top:4.5%}
@media screen and (max-width: 768px) {
.slaider {width:100%; margin:0px auto; position: relative;}
.s {display:none; position: absolute; left: 0; top: 0; width:100%; overflow:hidden;}
.s img {height: 430px; width: auto; position: relative; left:50%; }
#num_slaider {display:none;}
.mt226 {display:block; margin-top:0%; position:relative}
}
@media screen and (max-width: 992px) {
.slaider {display:none}
.underslaider {clear:both; margin-top:0px;}
.mt226 {display:block; margin-top:0%; position:relative}
}
.span1,
.span11,
.span2,
.span3,
.span4,
.span5 { position: absolute;
right: 150px;
top: 50px;
padding: 55px 25px 0px 25px;
border-radius:10px;}
.span1 {background:rgba(28,154,222,0.82);
color:#FFFFFF;
width: 680px; height: 290px;
font-size:70px; line-height:100%;
font-family:OpenSansLight;}
.span11 {background:rgba(28,154,222,0.82);
color:#FFFFFF;
width: 680px; height: 290px;
font-size:42px; line-height:100%;
font-family:OpenSansLight;}
.span2 {background:rgba(78,166,142,0.88);
color:#FFFFFF;
width: 680px; height: 290px;
font-size:70px; line-height:100%;
font-family:OpenSansLight;
left: 150px;
top: 50px;}
.fs-s2 {font-size: 64px;}
.span3 {background:rgba(160,200,255,0.88);
color:#fff;
width: 590px; height: 280px;
font-size:54px; line-height:120%;
font-family:OpenSansLight;
left: 150px;
top: 50px;}
.span5 {background:rgba(132,85,158,0.75);
color:#FFFFFF;
width: 590px; height: 280px;
font-size:54px; line-height:120%;
font-family:OpenSansLight;
left: 150px;
top: 50px;}
.span4 {background:rgba(255,150,0,0.88);
color:#FFFFFF;
width: 620px; height: 290px;
font-size:50px; line-height:100%;
font-family:OpenSansLight;
left: 150px;
top: 50px;}
.fs-s4 {font-size: 64px;}
@media screen and (max-width: 1520px) {
.span1 {background:rgba(28,154,222,0.72);}
.span2 {background:rgba(78,166,142,0.78);}
.span3 {background:rgba(160,200,255,0.88);}
.span4 {background:rgba(255,150,0,0.78);}
.span5 {background:rgba(132,85,158,0.75);}
.sl_link {display:none}
.span1,
.span11,
.span2,
.span3,
.span4,
.span5 {
color: #FFFFFF;
position: relative;
display: block;
width: 100%;
height: 56px;
font-size: 24px;
font-family: OpenSansRegular;
left: 0px;
top: 0px;
right: 0px;
border-radius: 0px;
padding: 14px 0px 0px 120px; margin-top:-56px;
}
}
.sl_link { font-size: 24px; line-height:100%;
padding: 15px 20px 0px 0px; text-align:right;
font-family: OpenSansLight;}
.a-white {color:#fff}
.a-white:hover {color:#fff; text-shadow: 0px 0px 7px rgba(225,225,225,1.0)}
.a-white:visited {color:#fff;}
.a-white:focus {color:#fff;}
.a-w {color:#fff}
.a-w:hover {color:#fff; text-shadow: 0px 0px 7px rgba(225,225,225,1.0)}
.a-w:visited {color:#fff;}
.a-w:focus {color:#fff; background: rgba(255,255,255,0.5);}
/* ---------------------------------------------------------------------------------------------------- ???? ? ???????? ?? ??????? -------------------------- */
.white-box {display:block; width:100%; height:auto; background-color:#fff;text-align:left;}
.white-box-accord {display:block; width:100%; height:auto; background-color:#fff; text-align:left; min-height:150px; max-width: 1184px; margin: 35px auto;}
.main-txt-box {display:block; max-width:1197px; margin:0px auto; position:relative;z-index:1; padding-top:35px;}
.main-img-box {display:table; width:100%; text-align:center; background:url('../img/bg_a1.png') no-repeat top center fixed; background-size: 100% 100%; height:auto; vertical-align:top; }
.main-img-box-orange {display:block; background:url('../img/bg_orange.jpg') no-repeat top center fixed #ff9000; background-size: 100% 100%; height:auto; vertical-align:top;}
.main-img-box-green {display:block; background:url('../img/bg_green.jpg') no-repeat top center fixed #37a083; background-size: 100% 100%; height:auto; vertical-align:top;}
.main-img-box-red {display:block; background:url('../img/bg_red.jpg') no-repeat top center fixed #37a083; background-size: 100% 100%; height:auto; vertical-align:top;}
.main-img-box-yellow {display:block; background:url('../img/bg_yellow1.jpg') no-repeat top center fixed #fdce1f; background-size: 100% 100%; height:auto; vertical-align:top;}
@media screen and (max-width: 992px) {
.main-img-box-orange, .main-img-box-green {background-size: auto 100%; }
}
.main-txt-box-2 {display:table; max-width:1197px; font-family:OpenSansRegular; font-size: 17px; letter-spacing: -0.25px; margin:0px auto; position:relative; padding:45px 0px; text-align: center;}
.left-2-box {position:relative; display:inline-block; max-width:598px; min-width:200px; padding:0px; margin: 0px;border:0px #000 solid; float:left; text-align: left;}
.left-2-box img {margin-bottom:20px;}
.right-2-box {position:relative; display:inline-block; max-width:598px; min-width:200px; padding:0px; margin: 0px;border:0px #000 solid; float:right; text-align: left;}
.right-2-box img {margin-bottom:20px;}
.subimg-zag {text-align:left; display:block; margin: 0px 0px 35px 0px; font-size: 21px; letter-spacing:-0.25px; color:#474a5f;}
.left-2-box hr,
.right-2-box hr {border:none; background-color:#ddd; height:1px; margin: 12px 0px;}
.left-txt-box {display:inline-block; width:65%; font-family:OpenSansRegular; font-size:1.15em;color:#474a5f; vertical-align:top}
.right-img-box {display:inline-block; width:34.5%; text-align:right; vertical-align:top;}
.left-img-box {display:inline-block; width:34.5%; padding-top:30px; padding-bottom:40px; vertical-align:top}
.right-txt-box {display:inline-block; width:65%; font-family:OpenSansRegular; font-size:1.15em;color:#474a5f; padding-top:30px; vertical-align:top}
.p_zag1 {font-size: 1.3em; /* ????????? ????? ? ??????? */
font-family:OpenSansSemiBold; color:#5471ac;
padding:0px 0px 15px 0px;}
/* ---------------------------------------------------------------------------------------------------- ?????? ( ?????? ?????? ? ??. ) ----------------------- */
.btn-more-r-main {float:right; text-align:center; border:2px #ddd solid; border-radius:50px; padding:12px 35px; margin:35px 20px 0px 0px; color: #5471ac}
.btn-more-r-main:hover {border-color: #acb1dd; color: #5471ac; box-shadow: 0px 0px 8px rgba(12,20,98,0.08)}
.btn-more-r-sm {display:visible; font-size:14px; float:right; text-align:center; border:2px #ddd solid; border-radius:50px; padding:10px 25px; margin:25px 20px 0px 0px; color: #5471ac}
.btn-more-r-sm:hover {border-color: #acb1dd; color: #5471ac; box-shadow: 0px 0px 8px rgba(12,20,98,0.08); cursor:pointer;}
.btn-more-r {float:right; text-align:center; border:2px #ddd solid; border-radius:50px; padding:12px 35px; margin:35px 0px 0px 0px; color: #5471ac}
.btn-more-r:hover {border-color: #acb1dd; color: #5471ac; box-shadow: 0px 0px 8px rgba(12,20,98,0.08)}
.btn-more-c {display:table; text-align:center; border:2px #ddd solid; border-radius:50px; padding:12px 35px; margin:20px auto; color: #5471ac}
.btn-more-c:hover {border-color: #acb1dd; color: #5471ac; box-shadow: 0px 0px 8px rgba(12,20,98,0.08)}
@media (max-width:992px) {
.btn-more-r-sm {display:none;}
}
/* ---------------------------------------------------------------------------------------------------- ????? ?? ??????? ???? ? ?????????? --------------- */
.main-width {display:block; max-width:1210px; margin:0px auto; text-align:center; vertical-align:top;}
.width_1184 {display:block; max-width:1184px; margin:0px auto; text-align:center; vertical-align:top;}
.box-img-1 {max-width:30.5%; height:450px; margin: 45px 0px 45px 0px; display:inline-block; background-color:#fff;vertical-align:top;}
.box-img-2 {max-width:30.5%; height:450px; margin: 45px 35px 45px 35px; display:inline-block; background-color:#fff;vertical-align:top;}
.box-img-3 {max-width:30.5%; height:450px; margin: 45px 0px 45px 0px; display:inline-block; background-color:#fff;vertical-align:top;}
.img3 {display:block; position:relative; margin-left:auto; margin-right:auto; padding:15px; width: 100%; }
.imgdir {display: block; position: relative; margin-left: auto; margin-right: auto; padding: 0px; width: 100%; margin:25px 0px; border-radius:12px;}
.p_zagimg {font-size: 24px; letter-spacing:-0.05em; /* ????????? ????? ??? ????????? */
font-family:OpenSansSemiBold; color:#5471ac;
padding:2px 0px 10px 15px; text-align:left;}
.p_txtimg {font-size: 16px; letter-spacing:0em; /* ????? ????? ??? ????????? */
font-family:OpenSansRegular; color:#474a5f;
padding:0px 15px 0px 15px; text-align:left;
display:block; min-height:120px; }
.underline { padding: 0; line-height: 0; display: inline-block; border: 0; height: 1em; border-top: 3px solid #ddd; width: 5em; overflow: hidden; text-indent: -9999px;}
/* -------------------------------------------------------------------- ??? ? ?????? ------------------------------------------------------------------ */
.bottomlink {font-family:OpenSansRegular; font-size: 18px; letter-spacing: -0.5px; color:#474a5f;}
.bottomlink:hover {color:#6fa3d5;}
.shemalink {font-family:OpenSansSemiBold; font-size: 20px; letter-spacing: -0.75px; color:#474a5f;}
.shemalink:hover {color:#6fa3d5;}
.rdot {margin:12px;}
.nashaddress {font-family:OpenSansRegular; font-size: 22px; letter-spacing: -0.75px; color:#474a5f; display:block; margin-bottom: -5px;}
.address {font-family:OpenSansRegular; font-size: 18px; letter-spacing: -0.25px; color:#6fa3d5; display:block; margin-bottom: 0px; margin-left:55px;}
.sprav {font-family:OpenSansLight; font-size: 15px; letter-spacing: -0.25px; color:#474a5f;}
.btn-phone {text-align:center; border:2px #ddd solid; border-radius:50px; padding:12px 0px; margin:10px 0px 0px 0px; color: #474a5f; font-family: OpenSansSemiBold; font-size:22px;}
.btn-phone:hover {border-color: #acb1dd; color: #474a5f; box-shadow: 0px 0px 8px rgba(12,20,98,0.12)}
/* ---------------------------------------------------------------------------------------------------- ??????? -------------------------------------------------------------------------------------------- */
.white-bgmenu { display:block; width:100%; background:#fff; margin:0px; padding:40px;} /* ???????? ???? ? ????? ????? ??????? */
.menubottomline { min-width: 100%; min-height: 18px; display: block; margin:0; background: #516f85; color: #fff; text-align: center; line-height:3.1em; }
.menubottomline:hover { color: #fff; }
.m-bm-line_txt {
font-size: 16px; padding-right: 17px; line-height:1.1em;
background: url(../img/warrow_.gif) center right no-repeat;
}
.m-bm-line_txt:hover {
font-size: 16px; padding-right: 17px; line-height:1.1em;
background: url(../img/warrow_on.gif) center right no-repeat;
}
.menushadow { min-width: 100%; background: url(../img/bg_under.png) top left repeat-x;
min-height: 400px; display: block; margin:0;}
.greybox {min-width: 21%; max-width: 21%; background: #eceff4; min-height: 300px; display: inline-block; margin: auto 0;
padding-bottom:30px; position:relative; vertical-align:top;}
.rsm-img-box {min-width: 21%; max-width: 21%; background: #fff; min-height: 300px; display: inline-block; margin: auto 0;
padding-bottom:30px; position:relative; vertical-align:top; text-align: left;}
.img-sm-r {display: block; position: relative; margin-left: auto; margin-right: auto; padding: 0px; width: 100%; margin: 10px 0px;}
.img-sm-pat {display: block; position: relative; margin-left: auto; margin-right: auto; padding: 0px 10px 0px 20px; width: 100%; margin: 10px 0px;}
.greybox-zag {text-align: left; margin-bottom: 15px; font-size: 19px; letter-spacing: -0.5px; line-height: 1.25em;}
.greybox-txt {text-align:left; margin: 0px 0px 25px 23px; font-size: 17px; letter-spacing:-0.25px;}
.color-btn {text-align:center; padding:15px 10px; margin-bottom: 10px;
font-family:OpenSansSemiBold; color:#fff; font-size:19px; border-radius:4px;
box-shadow: 0px 2px 6px rgba(0,0,0,0.2); cursor: pointer;}
.color-btn-no {text-align:center; padding:15px 10px; margin-bottom: 10px;
font-family:OpenSansSemiBold; color:#fff; font-size:19px; border-radius:4px;
box-shadow: 0px 2px 6px rgba(0,0,0,0.2);}
.btn-calendar {background: url('../img/bg_calendar_mp.png') top left repeat-x;
font-family:OpenSansSemiBold; color:#385971; font-size:20px; border-radius:6px;
box-shadow: 0px 2px 6px rgba(0,0,0,0.4); text-shadow: 0px 1px 0px rgba(0,0,0,0.15)}
.btn-green {background:#37a797;}
.btn-red {background:#ef0864;}
.btn-dark {background:#516f85; color: #fff;}
.btn-red-yt {background: url('../img/youtubechannelico.jpg') left center no-repeat #ef0864;}
.btn-blue {background:#5877ce;}
.btn-orange {background:#ff9000;}
.btn-none {background:#fff; color: #a4a5c1;}
.btn-yellow {background:#fdf01f; color:#47474d;}
.btn-yellgrad {background: url('../img/yellgrad.jpg') left top repeat-x #fff19c; color:#47474d; background-size:contain; text-shadow: 0px 1px 3px rgba(0,0,0,0.2); border: 0px solid #ffffff;}
.btn-yellgrad:hover {background: url('../img/yellgrad-on.jpg') left top repeat-x #fff19c; color:#000; background-size:contain; text-shadow: 0px 1px 3px rgba(0,0,0,0.2); border: 0px solid #bebed5;}
.submen {}
.innersubmenu, .innersubmenu-r
{ display: block; margin:0px;padding: 25px 0px 0px 0px; text-align:left; vertical-align:top; line-height: 1.35em; }
.innersubmenu { padding-left: 10px; }
.innersubmenu hr,
.innersubmenu-r hr {border:none; background-color:#ddd; height:1px; margin: 10px 0px; }
.submenu-zag { padding-right: 17px; background: url(../img/arrow_.gif) center right no-repeat;
text-align:left; margin: 0px; font-size: 19px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-zag:hover { padding-right: 17px; background: url(../img/arrow_on.gif) center right no-repeat; }
.submenu-zag-off { padding-right: 17px; text-align:left; margin: 0px; font-size: 19px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-zagdep { padding-right: 18px; background: url(../img/arrow_.gif) center right no-repeat; font-family: OpenSansRegular;
text-align:left; margin: 0px; font-size: 17px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-zagdep:hover { padding-right: 18px; background: url(../img/arrow_on.gif) center right no-repeat; color:#474a5f; }
.submenu-zagdep-off { padding-right: 17px; text-align:left; margin: 0px; font-size: 17px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-zagb0 { padding-right: 17px; background: url(../img/arrow_b0.gif) center right no-repeat;
text-align:left; margin: 0px; font-size: 17px; letter-spacing:-0.55px; color:#000; line-height:1.1em; }
.submenu-zagb0:hover { padding-right: 17px; background: url(../img/arrow_onb0.gif) center right no-repeat; }
.submenu-zagb0-off { padding-right: 17px; text-align:left; margin: 0px; font-size: 17px; letter-spacing:-0.55px; color:#000; line-height:1.1em; }
.submenu-zag-l { padding-left: 17px; background: url(../img/arrow_l.gif) center left no-repeat;
text-align:left; margin: 0px; font-size: 19px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-zag-l:hover { padding-left: 17px; background: url(../img/arrow_l_on.gif) center left no-repeat; }
.submenu-zag-l-off { padding-left: 17px; text-align:left; margin: 0px; font-size: 19px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-lzag { padding-left: 30px; padding-top:2px; background: url(../img/arrow_.gif) center left no-repeat;
text-align:left; padding-top:2px; margin: 0px; font-size: 19px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-lzag:hover { padding-left: 30px; background: url(../img/arrow_on.gif) center left no-repeat; }
.submenu-lzag-off { padding-left: 30px; padding-top:2px; text-align:left; margin: 0px; font-size: 19px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-item { padding-right: 17px; background: url(../img/arrow_.gif) center right no-repeat;
text-align:left; margin: 0px; font-size: 15px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-item:hover { padding-right: 17px; background: url(../img/arrow_on.gif) center right no-repeat; }
.submenu-item-l { display:table; padding: 0px 0px 0px 17px; background: url(../img/arrow_l.gif) center left no-repeat; margin-top:-7px;
text-align:left; font-size: 15px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.submenu-item-l:hover { padding: 0px 0px 0px 17px; background: url(../img/arrow_l_on.gif) center left no-repeat; }
.img-sm-r-zag { padding-right: 17px; background: url(../img/arrow_.gif) center right no-repeat;
text-align:left; margin: 0px; font-size: 17px; letter-spacing:-0.55px; color:#474a5f; line-height:1.1em; }
.img-sm-r-zag:hover { padding-right: 17px; background: url(../img/arrow_on.gif) center right no-repeat; }
.img-sm-inner { display: block; position: relative; margin-left: auto; margin-right: auto; padding: 0px; width: 100%; margin: -15px 0px 0px 0px; }
/* ================================================= ????????? ?????? ==================== */
h4,.h4,h5,.h5,h6,.h6{margin-top:0px;margin-bottom:0px;}
p {margin: 0;}
.row {margin-right:0px;margin-left:0px; display:block;}
.tab-content {position:absolute; width:100%; z-index:1000000; padding:0;} /* ???? ?????????? ????????? */
.tab-pane {padding: 0px 0px; text-align: center; font-family:OpenSansRegular; font-size: 17px; vertical-align:top; letter-spacing:-0.25px;} /* ???? ? ??????????? ??????? */
.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 {
position:relative;min-height:1px;padding-right:0px;padding-left:0px}
.nav{padding-left:0;margin-bottom:0;list-style:none; font-family: tahoma; font-size:1.2em; text-shadow: 0px 1px 2px #fff;}
.nav>li{position:relative;display:block;}
.nav>li>a{position:relative;display:block;}
/* ---------------------------------------------------------------------------------------------------- ???? ?????? ??? ????????? ----------------------- */
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:rgba(255,255,255,0.65);
transition:all 0.25s ease-in-out;}
.nav>li.disabled>a{color:#777;}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent;}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#476372;}
/* ---------------------------------------------------------------------------------------------------- ???? ?????? ???? --------------------------------- */
.nav-justified a {color:#607886;}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.nav>li>a>img{max-width:none;}
.nav-tabs{border-bottom:0px solid transparent;}
.nav-tabs>li{float:left;margin-bottom:-1px;}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border-right:1px solid #ddd;border-top:2px solid transparent;}
/* ---------------------------------------------------------------------------------------------------- ??????? ?????? ?????????? ?????? --------------- */
.nav-tabs>li>a:hover{border-right:1px solid #ddd;border-top: 2px solid transparent; }
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
color:#555;cursor:default;background-color:#fff;border-right:1px solid #ddd;border-bottom-color:transparent;}
.nav-tabs.nav-justified{width:100%;border-bottom:0;background-color:#e6eaee;}
.nav-tabs.nav-justified>li{float:none;}
.nav-tabs.nav-justified>li>a{margin-bottom:0px;text-align:left;}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto;}
@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%;background:url('../img/bg_main_menu.jpg') top left repeat-x;}
.nav-tabs.nav-justified>li>a{margin-bottom:0; text-align:center;}
.txt-logo-name {font-size: 1.7em;}
.nav>li>a{position:relative;display:block;padding:20px 15px;}
.sp0 {display:block;}
}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px;}
/* ---------------------------------------------------------------------------------------------------- ??????? ?????? ???????? ?????? --------------- */
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{
border:1px solid #ddd; border-top: 2px solid #a4a5c1;}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a{border-bottom:1px solid transparent;border-radius:4px 4px 0 0;}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff;}
}
@media (min-width:1330px) {
.nav{padding-left:0;margin-bottom:0;list-style:none; font-family: tahoma; font-size:1.2em; text-shadow: 0px 1px 2px #fff;}
}
/* ---------------------------------------------------------------------------------------------------- ???? ?????????? ?? ??????? ------------------- */
.panel-title { margin-top: 10px; margin-bottom: 16px; color: #5471ac; font-size: 25px; }
.panel-title:hover { color: #5471ac; }
.pt0, .pt0:hover { color:#474a5f; font-size: 22px; font-family:OpenSansSemiBold; }
.pt1, .pt1:hover { color:#5471ac; }
.pt2, .pt2:hover { color:#5877ce; }
.pt3, .pt3:hover { color:#41a580; }
.pt4, .pt4:hover { color:#e99719; }
.pt-his, .pt-his:hover { color:#ff4800; font-family:OpenSansBold; font-size:24px;}
a:-webkit-any-link { text-decoration: none; cursor: auto; }
h4, .h4 { font-family: OpenSansRegular; letter-spacing:-0.5px; }
.panel-group .panel { margin-bottom: 0; border-radius: 0px; }
.panel-default { border-color: #ddd; border: 0px; }
.panel { margin-bottom: 20px;
background-color: #fff;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.0);
box-shadow: 0 0px 0px rgba(0,0,0,.0);
}
.pan1 { border-bottom: 2px solid #5471ac; }
.pan2 { border-bottom: 2px solid #5877ce; }
.pan3 { border-bottom: 2px solid #41a580; }
.pan4 { border-bottom: 2px solid #e99719; }
.pan11 { border-bottom: 1px solid #e2e3e6; }
.pan22 { border-bottom: 1px solid #e2e3e6; }
.pan33 { border-bottom: 1px solid #e2e3e6; }
.pan44 { border-bottom: 1px solid #e2e3e6; }
.pan55 { border-bottom: 1px solid #e2e3e6; }
.pan66 { border-bottom: 1px solid #e2e3e6; }
.pan77 { border-bottom: 1px solid #e2e3e6; }
.pan88 { border-bottom: 1px solid #e2e3e6; }
.pan99 { border-bottom: 1px solid #e2e3e6; }
.pan111, .pan222, .pan333, .pan444,
.pan555, .pan666, .pan777, .pan888 { border-bottom: 2px solid #ff4800;
}
.pan000 { border-bottom: 0px; margin:0px;padding:0px; }
.panel-heading {
padding: 10px 0px;
border-bottom: 0px solid #fff;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.panel-body {
padding: 5px 0px 35px 0px;
font-family: OpenSansLight;
font-size: 1.37em;
color: #474a5f;
}
.arrow-on {float:right; text-align:center; padding:0px 0px; margin:0px 0px 0px 0px; color: #5471ac; }
textarea {
background: #eceff4;
padding: 10px 10px;
border-radius: 4px;
border: 0px solid #ff9000;
border-image: none;
width: 100%;
height: 148px;
color: #474a5f;
overflow: hidden;
font-family: OpenSansRegular;
font-size: 15px;
text-shadow: 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.6);
-khtml-border-radius: 4px;
resize: none;
}
/* ---------------------------------------------------------------------------------------------------- SELECT ? ???? ???????? ------------------------ */
.box-select-m {
width:100%;
display:block;
padding: 0px 1px;
}
::-webkit-input-placeholder {color:#d9dae3; font-size:1.1em;}
::-moz-placeholder {color:#d9dae3; font-size:1.1em;}
:-moz-placeholder {color:#d9dae3; font-size:1.1em;}
:-ms-input-placeholder {color:#d9dae3; font-size:1.1em;}
.search-line {width: 90%; font-size: 1.65em; border: 0px; border-bottom: 1px #bebebe solid; height: 50px; color:#5877ce; float:left;}
.search-line:hover, .search-line:focus {width: 90%; font-size: 1.65em; border: 0px; border-bottom: 1px #5877ce solid; outline: none; float:left;}
.search-submit-btn {
position: relative;
float:left;
right: 0;
height: 3.55em;
transition: all 0.25s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
width: 10%;
padding: 0.35em 0.25em 0.375em;
border: 0px;
background: url('../img/bg-sbmt.png') center center no-repeat #fff;
outline: none;
}
.inputik {
height: 44px; width:100%;
padding: 0 10px 3px 10px;
line-height: 1.3em;
border: 1px solid #5877ce;
border-radius: 2px;
background: #ffffff;
box-shadow: inset 1px 2px 3px rgba(0,0,0,0.05);
font-size: 17px;
color: #333;
margin-bottom:10px;
}
/* ---------------------------------------------------------------------------------------------------- ????? ???? ---------------------------------- */
.m {
list-style:none;
padding:0; margin: auto;
text-align:center;
display:table;
width: 100%;
}
.m li {
display:table-cell;
text-shadow: 0px 1px 2px #fff;
font:1.2em OpenSansRegular;
letter-spacing: -0.02em;
margin:0px; padding: 0px;
border:1px solid #e2e3e6;
border-top:1px solid #fff;
border-bottom:0px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:url('../img/bg_main_menu.jpg') top left repeat-x;
}
.m a {
color:#607886;
display: block;
line-height:64px;
text-decoration:none;
padding: 0px 10px;
}
.m a:hover {
color:#607886;
background-color:rgba(255,255,255,0.0);
transition:all 0.25s ease-in-out;
}
.m a:active {
color:#607886;
background-color: rgba(255,255,255,1.0);
/* transition:all 0.1s ease-in-out;
box-shadow: inset 0 2px 1px rgba(164,165,193,0.95); */
border-top-left-radius:3px;
border-top-right-radius:3px;
}
@media screen and (max-width: 1447px) {
.m li { font:1.1em OpenSansRegular; }
}
@media screen and (max-width: 1069px) {
.m li { font:1.0em OpenSansRegular; }
}
@media screen and (max-width: 922px) {
.m li {
display:block;
text-shadow: 0px 1px 2px #fff;
font:1.0em OpenSansRegular; text-align: left;
text-transform: uppercase;
letter-spacing: -0.02em;
margin:0px; padding: 0px 0px 0px 0px;
border:1px solid #e2e3e6;
border-top:0px solid #fff;
border-bottom:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
background:url('../img/bg_main_menu.jpg') top left repeat-x;
}
.m a:hover {
color:#fff; text-shadow: none;
background-color:#5877ce;
transition:all 0.15s ease-in-out;
border:0px;
}
.m a:active {
color:#607886;
background-color: rgba(255,255,255,1.0);
/* transition:all 0.1s ease-in-out;
box-shadow: inset 0 2px 1px rgba(164,165,193,0.95); */
border-top-left-radius:0px;
border-top-right-radius:0px;
}
.m a {
color:#607886;
display: block;
line-height:64px;
text-decoration:none;
padding: 0px 35px;
}
}
/* --------------------------------------------------------------------- ??????? ??????????? ?????????? ???? ? ????????? -------------------------------------------------- */
.box25, .box25c, .box25-50, .box50, .box75, .box75-33, .box75-66, .box25top, .box25-50top { margin:0px; padding:20px; float:left; vertical-align:top; }
.box25top, .box25-50top { padding-top:2px; }
.box100 {width:100%; display:table; padding: 30px 40px; background: #fff;}
.box100pat {width:100%; display:table; padding: 30px 40px; background:url('../img/bg_menupat.gif') top left repeat-x #fff; padding-bottom:0px;}
.box25, .box25top { width:25%; }
.box25c { width:25%; background: #eceff4; }
.box25-50, .box25-50top { width:50%; }
.box50 { width:100%; }
.box75 { width:100%; }
.box75-33 { width:33.33%; }
.box75-66 { width:66.66%; }
.box25-0 { width:25%; margin:0px; padding:0px; float:left; }
.box50-0 { width:50%; margin:0px; padding:0px; float:left; }
.box75-0 { width:75%; margin:0px; padding:0px; float:left; }
@media screen and (max-width: 1200px) {
.box100 { padding:20px; }
.box25, .box25top { width:33.3%; }
.box25c { width:33.3%; }
.box25-50,.box25-50top { width:100%; }
.box50 { width:100%; }
.box75 { width:100%; }
.box75-33 { width:100%; }
.box25-0 { width:33.3%; }
.box50-0 { width:33.3%; }
.box75-0 { width:66.6%; }
}
@media screen and (max-width: 992px) {
.box100 { padding:10px; }
.box100pat {background: #fff}
.box25, .box25top { width:100%; }
.box25c { width:100%; }
.box25-0 { width:100%; }
.box50-0 { width:100%; }
.box75-0 { width:100%; }
.box25top, .box25-50top { padding-top:20px; }
::-webkit-input-placeholder {color:#d9dae3; font-size:0.7em;}
::-moz-placeholder {color:#d9dae3; font-size:0.7em;}
:-moz-placeholder {color:#d9dae3; font-size:0.7em;}
:-ms-input-placeholder {color:#d9dae3; font-size:0.7em;}
}
/* ------------------------------------------ ??????????? ???????? ?????? ? ????? ????? ??? ??????? ------------------------------------------------------------------------------------------------------------------------- */
.wbox-cont {width:100%; display:table; vertical-align:top; padding:25px 0px 25px; background-color: #fff; color:#474a5f;}
.wbox-1250 {display:table; width: 100%; max-width:1250px; text-align:left; margin: 0 auto; padding:15px;}
.wbox-1250c {display:table; width: 100%; max-width:1250px; text-align:center; margin: 0px auto; padding:15px;}
.wbox-20, .wbox-20r {padding:0 20px 0px; width:15%; float:left; display: table}
.wbox-40, .wbox-40r {padding:0 20px 0px; width:30%; float:left; display: inline-table}
.wbox-25, .wbox-25r {padding:0 20px 20px; width:25%; float:left;}
.wbox-75, .wbox-75r {padding:0 20px 20px; width:75%; float:left;}
.wbox-80, .wbox-80r {padding:0 20px 20px; width:80%; display: table}
.wbox-33, .wbox-33r {padding:0 20px 20px; width:33.33%; float:left;}
.wbox-33im {padding: 7px; width:30.7%; display: inline-block; vertical-align: top; background-color:#fff; margin:15px 0px;}
.wbox-66, .wbox-66r {padding:0 20px 20px; width:66.66%; float:left;}
.wbox-50, .wbox-50r {padding:0 20px 20px; width:50%; float:left;}
.wbox-100 {padding:0 20px; width:100%; float:left; text-align:center;}
.wbox-map {padding:0 20px; width:100%; float:left; text-align:center;}
.wbox-mapconfer {padding: 0px 0px; width:100%; float:left; text-align:center;}
.wbox-25r, .wbox-33r, .wbox-66r, .wbox-75r, .wbox-50r, .wbox-20r, .wbox-80r, .wbox-40r {background: url('../img/bg_v-line.gif') top left repeat-y;}
.wbox-25-hidden {padding:0 20px 20px; width:25%; float:left;}
.wbz1 {font-size: 25px; font-family: OpenSansLight; display:block; line-height: 1.1em; margin-bottom: 25px; color:#474a5f;}
.wbz11 {font-size: 25px; font-family: OpenSansLight; display:block; line-height: 1.1em; margin-bottom: 10px; color:#474a5f;}
.wbz2 {font-size: 18px; font-family: OpenSansSemibold; display:block; line-height: 1.15em; margin-bottom: 25px; letter-spacing:-0.5px; color:#474a5f;}
.wbz3 {font-size: 22px; font-family: OpenSansSemibold; display:block; line-height: 1.35em; margin-bottom: 25px; letter-spacing:-0.5px; color:#474a5f;}
.wbz31 {font-size: 25px; font-family: OpenSansLight; display:block; line-height: 1.35em; margin-bottom: 25px; letter-spacing:-0.0px; color:#474a5f;}
.wbz4 {font-size: 20px; font-family: OpenSansLight; display:block; line-height: 1.35em; margin-bottom: 25px; letter-spacing:-0.5px; color:#474a5f;}
.wb-citata {font-size: 15px; font-family: OpenSansItalic; display:block; line-height: 1.35em; margin-bottom: 15px; letter-spacing: 0.5px; color:#474a5f; float:left; text-align:left}
.wbz-dep {font-size: 18px; font-family: OpenSansRegular; display:block; line-height: 1.2em; vertical-align: central; margin:10px; letter-spacing:-0.5px; color:#474a5f;}
.wbz-c1 {background-color: #ff9000; color:#fff;}
.wbz-c2 {background-color: #ef0864; color:#fff;}
.wbz-c3 {background-color: #37a797; color:#fff;}
.wbz-c4 {background-color: #5877ce; color:#fff;}
.wbz-c5 {background-color: #fdce1f; color:#47474d;}
.cent {text-align:center; padding: 0px auto;}
.wbz-c1,.wbz-c2,.wbz-c3,.wbz-c4,.wbz-c5 {
font-family: OpenSansSemiBold;
font-size:18px;
display:block;
line-height: 1.175em;
margin-bottom: 25px;
padding: 15px;
border-radius: 4px;
letter-spacing:-0.25px;
text-transform: uppercase;
box-shadow: 0 1px 1px rgba(0,0,0,0.0);
text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.imgbox-50l {padding:0px 10px 0px 0px; width:50%; float:left;}
.imgbox-50r {padding:0px 0px 0px 10px; width:50%; float:left;}
.img-50l, .img-50r {width:100%; height:auto; margin: 0px 0px 0px 0px; }
.imgcont {width:100%; height:auto; margin-bottom:10px;}
.imgcont-w {width:100%; height:auto; margin-bottom:10px; border: 10px solid #fff;}
@media screen and (max-width: 992px) {
.wbox-25, .wbox-25r, .wbox-33, .wbox-33r, .wbox-66, .wbox-66r, .wbox-50, .wbox-50r, .imgbox-50l, .imgbox-50r, .wbox-75, .wbox-20, .wbox-20r, .wbox-80, .wbox-80r, .wbox-40, .wbox-40r {width:100%;}
.wbox-map {width:100%; padding:0px;}
.wbox-mapconfer {width:100%; padding:0px;}
.imgbox-50r, .imgbox-50l {padding:0px 0px 0px 0px;}
.img-50l {width:100%; height:auto; margin: 0px 0px 0px 0px;}
.img-50r {width:100%; height:auto; margin: 0px 0px 0px 0px;}
.wbox-25r, .wbox-33r, .wbox-66r, .wbox-50r {background: none; margin-top:15px;}
.wbz1, .wbz11, .wbz2 {padding-top:15px;}
.wbox-33im {width:100%; margin: 10px 0px 10px 0px;}
.wbox-1250c {padding: 25px 35px}
.wbz-dep {display: inline-block; line-height: 1.2em;font-size: 16px;}
.wbox-25-hidden {display: none}
}
.newsimg {float:left; margin: 0px 30px 5px 0px; display:block; position:relative; border-radius:12px;}
.c-btn-box1 {
text-align:center; margin-bottom: 12px;
display:block;
font-family:OpenSansSemiBold; color:#2e3e8b; font-size:22px;
border-radius:4px; padding: 20px 20px 24px; line-height: 1.1em; letter-spacing: -0.5px;
box-shadow: 0px 3px 6px rgba(12,20,98,0.6); cursor: pointer;
background: url('../img/bg_lg_blue.png') top left repeat-x;
background-size: auto 100%;
text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}
.c-btn-box2 {
text-align:center; margin-bottom: 12px;
display:block;
font-family:OpenSansSemiBold; color:#2e3e8b; font-size:22px;
border-radius:4px; padding: 20px 20px 24px; line-height: 1.1em; letter-spacing: -0.5px;
box-shadow: 0px 3px 6px rgba(12,20,98,0.6); cursor: pointer;
background: url('../img/bg_lg_orange.png') top left repeat-x;
background-size: auto 100%;
text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}
.c-btn-box1:hover {color:#fff;
text-shadow: 0px -1px 1px rgba(12,20,98,0.4);
background: url('../img/bg_lg_blue_on.png') top left repeat-x;
background-size: auto 100%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.c-btn-box2:hover {color:#fff;
text-shadow: 0px -1px 1px rgba(12,20,98,0.4);
background: url('../img/bg_lg_orange_on.png') top left repeat-x;
background-size: auto 100%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
/* ------------------------------------------ ??????? ????????? ??? ????? ------------------------------------------------------------------------------------- */
.no_dep {font-family:OpenSansSemiBold; font-size:24px;
display:block; float:left; border:0px; border-radius: 12px;
padding:10px 15px; margin:0px 18px 10px 0px;
background: #e2e3e6; color:#fff;
}
.no_dep:hover {background: #ff9000;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;}
.arrow-help {display:block; float:left; border:0px; border-radius: 150px;
padding:45px 45px; margin:5px 20px 10px 0px;
background: url('../img/arrow_bottom.png') center center no-repeat;
background-size: 100% 100%;
}
@media screen and (max-width: 992px) {
.arrow-help {display:block; float:left; border:0px; border-radius: 150px;
padding:45px 45px; margin:0px 20px 15px 0px;
background: url('../img/arrow_bottom.png') center center no-repeat;
background-size: 100% 100%;}
.no_dep {margin:18px 18px 0px 0px;}
}
/* ------------------------------------------ ??????? ????????? ??? ?????? ????????? ------------------------------------------------------ */
.no_dep-2 {font-family:OpenSansSemiBold; font-size:19px;
display:block; text-align:center; float:left; border:0px; border-radius: 5px;
padding:8px 6px; margin:auto 20px; width: 90px;
background: #e2e3e6; color:#fff;
}
.no_dep-2:hover {background: #ff9000;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;}
@media screen and (max-width: 992px) {
.no_dep-2 {margin:0px 18px 5px 20px;}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
.m_spec {border: 0px #ff9000 solid;
border-radius:150px;
width:220px;
height:220px;
margin: 0px 0px 0px 0px;
}
.m_dir {border: 0px #ff9000 solid;
border-radius:100px;
width:180px;
height:180px;
margin: 0px 0px 0px 0px;
}
.va-t {vertical-align:top;}
.li-main, .txt-main { font-family:OpenSansRegular; font-size:15px; padding-bottom:20px;}
/* ----------------------------------------------------------------------------------------------------- ????? ? ????? ------------------------- */
.orange-box-100 { padding:0px 35px; width:100%; float:left; text-align:left; }
.info-box-cont {display:table; width: 100%; max-width:1250px; text-align:center; margin: 0 auto; padding:10px;}
.info-box-50 {display: inline-block; float:left; padding:60px 5px 50px; width:48.1%; text-align:center; margin: 10px 10px; border-radius:10px; font-family:OpenSansLight; font-size:35px; line-height: 100%;}
.ib-dark {background:rgba(39,65,150,0.65); color:#fff;}
.ib-white {background:#fff; color:#535879;}
.ib-light {background:rgba(255,255,0,0.7); color:#000;}
@media screen and (max-width: 1147px) {
.info-box-50 {display: inline-block; float: none; padding:65px 5px 50px; width:94.5%; text-align:center; margin: 10px 10px; border-radius:10px; font-family:OpenSansLight; font-size:32px; line-height: 100%;}
}
@media screen and (max-width: 992px) {
.info-box-50 {display: inline-block; float: none; padding:65px 5px 35px; width:94.5%; text-align:center; margin: 5px 0px; border-radius:10px; font-family:OpenSansLight; font-size:32px; line-height: 90%;}
}
@media screen and (max-width: 445px) {
.info-box-50 {display: inline-block; float: none; padding:65px 5px 35px; width:94.5%; text-align:center; margin: 5px 0px; border-radius:10px; font-family:OpenSansLight; font-size:27px; line-height: 90%;}
}
.main-info-box-grey {
display:block;
color:#000;
background-color:#eff4f8;
padding: 20px 25px;
font-family: OpenSanslight;
font-size: 15px;
border-radius: 6px;
}
.main-info-box-blue {
display:block;
color:#000;
background-color:#a2d2ff;
padding: 20px 25px;
font-family: OpenSanslight;
font-size: 15px;
border-radius: 6px;
}
.main-info-box-nodgo {
display:block;
color:#000;
background:url('../img/bg_nodgo.png');
padding: 20px 25px;
font-family: OpenSanslight;
font-size: 15px;
border-radius: 6px;
}
.main-info-box-nodgo2 {
display:block;
color:#000;
background:url('../img/bg_nodgo2.png') top right no-repeat;
padding: 20px 25px;
font-family: OpenSanslight;
font-size: 15px;
border-radius: 6px;
}
.main-info-box-grey-2 {
display:block;
color:#333;
background-color:#eff4f8;
padding: 20px 25px;
font-family: OpenSansLight;
font-size: 17px;
border-radius: 6px;
}
.main-info-box-grey-2:hover {
background-color:#eff4f8; box-shadow: inset 0px -1px 5px rgba(0,0,0,0.1);
}
.main-info-box-yellow {
display:block;
color:#000;
background-color:#fdce1f;
padding: 20px 25px;
font-family: OpenSansRegular;
font-size: 15px;
border-radius: 6px;
}
.main-info-box-orange {
display:block;
color:#000;
background-color:#ffd9a8;
padding: 20px 25px;
font-family: OpenSansRegular;
font-size: 16px;
border-radius: 6px;
}
.news-box-grey {
display:table;
color:#474a5f;
background-color:#eff4f8;
padding: 30px 20px 10px 20px;
font-family: OpenSansLight;
font-size: 17px;
border-radius: 6px;
}
.main-info-box-grey-skrepka {
display:block;
color:#333;
background-color:#eff4f8;
padding: 20px 25px 20px 25px;
font-family: OpenSansLight;
font-size: 17px;
border-radius: 6px;
}
.main-info-box-grey-skrepka-1 {
display:table;
color:#333;
background-color:#eff4f8;
padding: 28px 25px 28px 70px;
font-family: OpenSansLight;
font-size: 17px;
border-radius: 6px;
}
.main-info-box-white {
display:block;
color:#333;
background-color:#fff;
padding: 10px 25px 10px 25px;
font-family: OpenSansLight;
font-size: 17px;
border-radius: 6px;
box-shadow: 0px 1px 3px rgba(2,11,43,0.25);
}
.main-info-box-sticker {
background: url('../img/knopka.png') top right no-repeat;
background-color: #ececf3;
display:block;
color:#000;
padding: 25px 28px 28px 28px;
margin: 0 0 20px 0;
font-family: OpenSansRegular;
font-size: 15px;
border-radius: 4px; border-bottom-right-radius: 18px; border-bottom-left-radius: 0px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.55);
}
.bg-ye {background-color: #fffd3b }
.bg-or {background-color: #ffcf3c }
.bg-bl {background-color: #b4f2ff }
.bg-gr {background-color: #92ffc0 }
.dep-item {border:1px solid rgba(255,255,255,0.3); display:block; margin:2px -10px 0px; padding:10px 15px; border-radius:100px; cursor:pointer;}
.dep-item:hover {border:1px solid #ffffff; display:block; margin:2px -10px 0px; padding:10px 15px; border-radius:100px;
background: rgba(255,255,255,0.15);
box-shadow: inset 0px 0px 12px rgba(255,255,255,0.95);
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;}
.dep-item:focus {border:1px solid #ffffff; display:block; margin:2px -10px 0px; padding:10px 15px; border-radius:100px;
background: rgba(255,255,255,0.5);
box-shadow: inset 0px 0px 12px rgba(255,255,255,0.95);
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;}
.dep-item-on {border:1px solid #ffffff; display:block; margin:4px 0px; padding:15px; border-radius:100px;
box-shadow: inset 0px 0px 12px rgba(255,255,255,0.95); background: rgba(255,255,255,0.25)}
.dep-mark {float:right;font-family:OpenSansLight; font-size:20px;}
.imgmap {width:100%; height:auto; margin: 15px 0px; border-radius:15px 15px 15px 15px; border: 0px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.0); margin-bottom:2px;
}
@media screen and (max-width: 1270px) {
.imgmap {width:100%; height:auto; margin: 15px 0px; border-radius:0px;}
}
@media screen and (max-width: 992px) {
.imgmap {width:100%; height:auto; margin: 15px 0px; border-radius:0px;}
}
.zalbtn {display: block; text-align:center; margin-top:0px; color:#fff; background: #6a6c83; padding: 0px 0px 0px 0px;}
@media screen and (max-width: 1270px) {
.zalbtn {display: block; text-align:center; margin-top:0px; color:#fff; background: #6a6c83}
}
@media screen and (max-width: 992px) {
.zalbtn {display: block; text-align:center; margin-top:0px; color:#fff; background: #6a6c83}
}
.btnconf {display:inline-block; margin:15px 0 15px 0; padding: 15px 25px; border: 0px solid rgba(255,255,255,0.0); background: rgba(255,255,255,0.2); border-radius: 50px; line-height:1.0em; cursor: pointer}
.btnconf:hover {display:inline-block; padding: 15px 25px; border: 0px solid rgba(255,255,255,1.0); background: #ffe632; color:#000 ;border-radius: 50px; line-height:1.0em; cursor: pointer}
@media screen and (max-width: 568px) {
.btnconf {display: table; width:90%; margin:5px auto 0px auto;}
.btnconf:hover {display: table; width:90%; }
.zalbtn {padding: 0px 0px 5px 0px;}
}
.imgmapconf {max-width: 100%; height: auto; margin: 0px 0px; border-radius:25px; border: 10px solid rgba(255,255,255,0.0); background: rgba(255,255,255,0.0); margin-bottom:0px; opacity: 1
}
@media screen and (max-width: 1270px) {
.imgmapconf {max-width: 100%; height: auto; margin: 0px 0px; border-radius:0px; border: 0px}
}
@media screen and (max-width: 992px) {
.imgmapconf {max-width: 100%; height: auto; margin: 0px 0px; border-radius:0px; border: 0px}
}
.imgmapco {max-width: 100%; height: auto; margin: 0px 0px; border-radius:0px; border: 0px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.0); margin-bottom:0px; opacity: 1
}
@media screen and (max-width: 1270px) {
.imgmapco {max-width: 100%; height: auto; margin: 0px 0px; border-radius:0px; border: 0px}
}
@media screen and (max-width: 992px) {
.imgmapco {max-width: 100%; height: auto; margin: 0px 0px; border-radius:0px; border: 0px}
}
.map-navi-box {display:block; position:relative; text-align: left; margin:0px 0px 15px; padding: 15px 25px; border: 1px solid rgba(255,255,255,0.5); border-radius:15px 15px 15px 15px; background: rgba(0,0,0,0.2); font-size:15px; line-height:140%;}
@media screen and (max-width: 1270px) {
.map-navi-box {display:block; position:relative; margin:0px 0px 15px; padding: 15px; border: 1px solid rgba(255,255,255,0.5); border-radius:0px 0px 0px 0px; background: rgba(0,0,0,0.2); font-size:15px; line-height:140%;}
}
.map-navi {color:#fff; text-decoration: none; font-family:OpenSansSemiBold;font-size:13px; text-transform: uppercase;}
.map-navi:hover {color:#fff; text-decoration: none; text-shadow: 0px 0px 7px #fff;}
.transport {display:block;}
@media screen and (max-width: 992px) {
.transport {display:none}
}
.newslink {font-size:16px; padding: 0px 0px 0px 25px ;}
.li-rp {margin: 4px 0px 4px 35px;}
.cmp_colsdate {font-size:17px; width:110px; text-align:left; vertical-align:top; padding:10px 0px 10px 0px;}
.cmp_colsname {font-size:19px; text-align:left; vertical-align:top; padding:8px 15px 8px 0px;}
.greyblock {background: url(../img/bg-table.png) top left repeat fixed; padding:20px; border:#bdc3f9 solid 1px; border-radius:8px; box-shadow: 0px 2px 8px rgba(0,0,0,0.05)}
.maillab {font-size:13px;}
.btn-tellab {background-color: #58a1df; color: #fff; text-align:center; border:2px #58a1df solid; border-radius:50px; padding:10px 10px; margin:5px 0px 5px 0px; font-family: OpenSansRegular; font-size:23px;}
.btn-tellab:hover {background-color: #fff; color: #5877ce;}
.nolabtel,
.nolabtel:hover {background-color: #58a1df; color: #fff; text-align:center; border:2px #58a1df solid; border-radius:50px; padding:12px 12px; margin:5px 0px 5px 0px; font-family: OpenSansRegular; font-size:20px;}
.labtxtcont {display:block; font-size:13px; font-family: OpenSansSemiBold; padding-bottom:10px; margin:0px}
.labnamepub {font-size: 14px; text-transform: uppercase; padding-bottom:8px; line-height: 130%; font-family: OpenSansLight}
.li-fine {line-height: 1.3em; font-size: 17px; font-family: OpenSansRegular; padding-bottom:15px; padding-left:5px; letter-spacing:-0.5px; list-style-type: disc; margin-left:40px; color:#474a5f}
.li-fine:hover {color:#4072d7}
.s-tab {
border-bottom:1px solid #ccc;
font-family: OpenSansRegular;
font-size: 16px;
padding: 10px 15px 10px 0px;
vertical-align: top;
}
.b {font-family: OpenSansSemiBold}
.r {font-family: OpenSansRegular}
.padd {padding:0px 0px;}
@media screen and (max-width: 992px) {
.padd {padding:0px 35px;}
}
.news-box-main {
display:table;
color:#474a5f;
background-color:#eff4f8;
padding: 0px 0px;
font-family: OpenSansLight;
width:100%;
overflow: hidden;
}
.newsimgbox {height:230px;}
@media screen and (max-width: 992px) {
.newsimgbox {height:auto;}
}
.newsimg_main {
width:100%;
height:100%;
margin:0px;
padding:0px;
z-index:1;
}
.darkline_newsimg {
background: rgba(0,0,0,0.35);
height:40px;
position:relative;
margin-top:-40px;
z-index:3;
color:#fff;
display:block;
padding:7px 50px;
}
.darkline_newstxt {
background: rgba(0,0,0,0.08);
height:40px;
position:relative;
margin-top:-40px;
z-index:2;
width:100%;
color:#000; display:block;
float:right;
text-align:right;
padding:9px 25px;
vertical-align:bottom;
}
.news_short {
border:0px solid #000;
max-height:128px;
overflow: hidden;
margin-bottom:20px; margin-top:5px;
line-height: 1.05em;
font-family:OpenSansRegular;
letter-spacing: -0.005em;
}
@media screen and (max-width: 992px) {
.news_short {
border:0px solid #000;
max-height:100%;
overflow: hidden;
margin-bottom:20px;
line-height: 1.05em;
}
}
.uc {text-transform: uppercase;}
.mb-12 {margin-bottom:12px;}
.ml-50 {margin-left:50px;}
.d-t {display:table-cell;}
.m-bt {margin: 5px 0px;}
.patbtn {background: url('../img/bg_patbtn_offf.png') bottom center no-repeat; border-top-left-radius:4px; border-top-right-radius:4px; color:#000}
.patbtn:hover {background: url('../img/bg_patbtn_offf.png') bottom center no-repeat; color:#000}
.patbtn:focus {background: url('../img/bg_patbtn.png') top left repeat-x; color:#000}
@media screen and (max-width: 922px) {
.patbtn {background: url('../img/bg_patbtn_offf.png') bottom left no-repeat; border-top-left-radius:4px; border-top-right-radius:4px; color:#000}
.patbtn:hover {background: url('../img/bg_patbtn_offf.png') bottom left no-repeat; color:#000}
}
.ul-center {
padding-top:5px;
max-width:1px;
display:inline-table;
margin:20px 50px;}
.ul-center1 {
padding-top:5px; text-align:left;
max-width:250px;
display:block;
margin:20px 20px;}
.ul-center2 {
padding-top:5px; text-align:left;
max-width:250px;
display:block;
margin:20px 20px;}
.slnews {display: block; height: 468px;}
@media screen and (max-width: 1270px) {
.slnews {display:block; }
}
@media screen and (max-width: 1092px) {
.slnews {display:block; height:398px }
}
@media screen and (max-width: 1088px) {
.slnews {display:block; height:390px }
}
@media screen and (max-width: 992px) {
.slnews {display:block; height:452px }
}
@media screen and (max-width: 887px) {
.slnews {display:block; height:390px }
}
@media screen and (max-width: 840px) {
.slnews {display:block; height:375px }
}
@media screen and (max-width: 788px) {
.slnews {display:block; height:345px }
}
@media screen and (max-width: 680px) {
.slnews {display:block; height:295px }
}
@media screen and (max-width: 588px) {
.slnews {display:block; height:250px }
}
@media screen and (max-width: 512px) {
.slnews {display:block; height:212px }
}
@media screen and (max-width: 442px) {
.slnews {display:block; height:175px }
}
.v {background:url('../img/_v.png') right center no-repeat; background-color: #fff}
.dark {color:#474a5f}
.dark:hover {color:#000}
/* ---------------------------- disssovet --- sovet-dis-day -------------------------- */
#dis1,#dis2,#dis3,#dis4,#dis5,#dis6,#dis7,#dis8,#dis9,#dis10,#dis11,#dis12,#dis13,#dis14,#dis15,#dis16,#dis17,#dis18 {float:left;position:relative}
#d1,#d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9,#d10,#d11,#d12,#d13,#d14,#d15,#d16,#d17,#d18 {float:none}
.search-zoom {min-width:60px;}
@media screen and (max-width: 1270px) {
.search-zoom {min-width:80px;}
}
@media screen and (max-width: 992px) {
.search-zoom {min-width:80px;}
}
/* --------------- css и адаптив для картинки новостей на главной ----------------------------------------------------*/
.img3-n {display:block; position:relative; margin-left:auto; margin-right:auto; padding:15px; width:143%;}
@media (max-width:992px) {
.img3-n {display:block; position:relative; margin-left:auto; margin-right:auto; padding:15px; width:100%;}
}
.main_news_img {
display:block;
position:relative;
height:100%;
width:100%;
overflow:hidden;
padding: 0px 15px 0px 15px
}
.main_news_imgblock {
display:block;
max-height:250px;
overflow:hidden;
}
.main_news_img img {left:-33%;}
@media (max-width:992px) {
.main_news_img img {left:0px;}
.main_news_img {
display:block;
position:relative;
height:100%;
width:100%;
overflow:hidden;
padding: 0px 0px 0px 0px
}
.main_news_imgblock {
display:block;
max-height:100%;
overflow:hidden;
}
}
.m_en {width:20%}
@media screen and (max-width: 922px) {
.m_en {width:100%;}
}
.bg-point {background:url('../img/point.png') top left no-repeat; background-position-x: 0px;}
.bg-point-off {background:none}
.enter {width:90%;margin:0px auto; position: relative; z-index:1; margin-top:25px;}
@media screen and (max-width: 992px) {
.enter {width:100%; display:block; margin-top:0px;}
}
.bull {margin-left:25px;}
.bull li {list-style-type: disc; margin:7px 0px 7px 5px;}
.bull li li {list-style-type: none; margin:7px 0px 7px 5px;}
.nopic {visibility: hidden; display:none}
@media print {
.nopic {visibility: visible; display:block}
}
.mobhid {visibility: visible; }
@media screen and (max-width: 640px) {
.mobhid {visibility: hidden; }
}
.edu-sm-links {padding: 3px 0 3px 25px;}
.lh-12 {line-height: 1.2em;}
.keyblock {padding: 0px 25px}
@media screen and (max-width: 1270px) {
.keyblock {padding: 0px 10px}
}
@media screen and (max-width: 1055px) {
.keyblock {padding: 0px 0px}
}
.imgleft
{border-radius:0px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.imgright
{border-radius:0px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
@media screen and (max-width: 992px) {
.imgleft {border-radius:0px;margin:0px; padding:0px;}
.imgright {border-radius:0px;margin:0px; padding:0px;}
}
.video-box-blue {background:#5877ce; color:#fff;}
.video-box-green {background:#37a797; color:#fff;}
.video-box-orange {background:#ff9000; color:#fff;}
.video-on-text {width:100%;height:100%;padding:25px; position:absolute;left:0px;top:0px; font-size:14px;}
.video-txt {width:100%; height:100%;padding:25px; position:relative;left:0px;top:0px; font-size:14px; text-align: left;}
.video-frame {width:100%; height: 100%; min-height: 212px;}
.video-frame-h {width:100%; height: 100%; min-height: 450px;}
@media screen and (max-width: 1125px) {
.video-frame {width:100%; height: 100%; min-height: 185px}
.video-txt {width:100%; height:100%;padding:25px; position:relative;left:0px;top:0px; font-size:14px; text-align: left;}
}
@media screen and (max-width: 992px) {
.video-text {width:100%;height:100%;padding:35px; position:absolute;left:0px;top:0px; font-size:14px;}
.video-frame {width:100%; height: 100%; min-height: 480px}
}
@media screen and (max-width: 887px) {
.video-frame {width:100%; height: 100%; min-height: 445px}
}
@media screen and (max-width: 840px) {
.video-frame {width:100%; height: 100%; min-height: 420px}
}
@media screen and (max-width: 788px) {
.video-frame {width:100%; height: 100%; min-height: 390px}
}
@media screen and (max-width: 722px) {
.video-frame {width:100%; height: 100%; min-height: 352px}
}
@media screen and (max-width: 680px) {
.video-frame {width:100%; height: 100%; min-height: 330px}
}
@media screen and (max-width: 625px) {
.video-frame {width:100%; height: 100%; min-height: 295px}
}
@media screen and (max-width: 588px) {
.video-frame {width:100%; height: 100%; min-height: 275px}
}
@media screen and (max-width: 533px) {
.video-frame {width:100%; height: 100%; min-height: 245px}
}
@media screen and (max-width: 512px) {
.video-frame {width:100%; height: 100%; min-height: 230px}
}
@media screen and (max-width: 460px) {
.video-frame {width:100%; height: 100%; min-height: 205px}
}
@media screen and (max-width: 442px) {
.video-frame {width:100%; height: 100%; min-height: 195px}
}
@media screen and (max-width: 414px) {
.video-on-text {width:100%;height:100%;padding:15px 25px; position:absolute;left:0px;top:0px; font-size:13px;}
}
.video-on {opacity: 0; transition: 0.5s; cursor:pointer;}
.video-on:hover {opacity: 1;}
.capcha-image {height:43px; width:43px; margin: 0px 10px 9px 10px;}
.ma-pa-0 {margin:0px;padding:0px;}
.op05 {opacity: 0.33}
.pointer {cursor:pointer}
.spacer_video-sl {height:250px; width:1px; }
@media screen and (max-width: 1144px) {
.spacer_video-sl {height:220px; width:1px; }
}
@media screen and (max-width: 1012px) {
.spacer_video-sl {height:200px; width:1px; }
}
@media screen and (max-width: 992px) {
.spacer_video-sl {height:520px; width:1px; }
}
@media screen and (max-width: 920px) {
.spacer_video-sl {height:500px; width:1px; }
}
@media screen and (max-width: 860px) {
.spacer_video-sl {height:480px; width:1px; }
}
@media screen and (max-width: 830px) {
.spacer_video-sl {height:450px; width:1px; }
}
@media screen and (max-width: 780px) {
.spacer_video-sl {height:420px; width:1px; }
}
@media screen and (max-width: 760px) {
.spacer_video-sl {height:400px; width:1px; }
}
@media screen and (max-width: 685px) {
.spacer_video-sl {height:360px; width:1px; }
}
@media screen and (max-width: 615px) {
.spacer_video-sl {height:330px; width:1px; }
}
@media screen and (max-width: 555px) {
.spacer_video-sl {height:300px; width:1px; }
}
@media screen and (max-width: 500px) {
.spacer_video-sl {height:270px; width:1px; }
}
@media screen and (max-width: 490px) {
.spacer_video-sl {height:250px; width:1px; }
}
@media screen and (max-width: 395px) {
.spacer_video-sl {height:230px; width:1px; }
}
@media screen and (max-width: 275px) {
.spacer_video-sl {height:140px; width:1px; }
}
.v-bg {background: url(../img/video_bg.gif) top left no-repeat;}
.blagico {width:95px; height:auto; padding: 0px 10px;}
@media screen and (max-width: 1720px) {
.blagico {width:90px; height:auto; padding: 0px 10px;}
}
@media screen and (max-width: 1400px) {
.blagico {width:70px; height:auto; padding: 0px 7px;}
}
.tddon1 {padding: 11px 2px 11px 2px; border-bottom: 1px #ddd solid; width:48px;}
.tddon2 {padding: 11px 2px 11px 2px; border-bottom: 1px #ddd solid;}
.tddon1x {padding: 11px 2px 11px 2px; border-bottom: 0px #ddd solid; width:48px;}
.tddon2x {padding: 11px 2px 11px 2px; border-bottom: 0px #ddd solid;}
.b0 {color:#000}
.btn_btm {border:1px rgba(0,0,0,0.125) solid; border-radius: 6px; padding:17px 35px; margin: 3px 0px; background: rgba(255,255,255,0.0);
box-shadow: 0px 2px 8px rgba(0,0,0,0.035)}
.btn_btm:hover {
background: rgba(104,255,186,1.0);border-top:1px #fff solid; border-left:1px rgba(0,0,0,0.05) solid; border-right:1px rgba(0,0,0,0.03) solid; border-bottom:1px rgba(0,0,0,0.1) solid
}
.bg_btnbtm {
background: rgba(255,244,75,1.0);border-top:1px #fff solid; border-left:1px rgba(0,0,0,0.05) solid; border-right:1px rgba(0,0,0,0.03) solid; border-bottom:1px rgba(0,0,0,0.1) solid
/* background: url(../img/bg_btnbtm.png) top left repeat-x; */
}
.yall {box-shadow: 0px 2px 8px rgba(0,0,0,0.035); border-radius: 6px; padding:17px 35px; margin: 3px 0px; background: rgba(255,244,75,1.0); border-top:1px #fff solid; border-left:1px rgba(0,0,0,0.05) solid; border-right:1px rgba(0,0,0,0.03) solid; border-bottom:1px rgba(0,0,0,0.1) solid}
.btn_btmm {border:1px rgba(0,0,0,0.125) solid; border-radius: 6px; padding:17px 35px; margin: 3px 0px; background: rgba(255,255,255,0.0);
box-shadow: 0px 2px 8px rgba(0,0,0,0.035)}
.btn_btmm:hover {
background: rgba(255,192,0,1.0); border-top:1px #fff solid; border-left:1px rgba(0,0,0,0.05) solid; border-right:1px rgba(0,0,0,0.03) solid; border-bottom:1px rgba(0,0,0,0.1) solid
}
.btn_btn_ser { border:0px rgba(0,0,0,0.125) solid; border-radius: 7px; padding:17px 30px; margin: 5px 0px; box-shadow: 0 1px 3px 0px rgba(0,0,0,0.3);
background: #fcf6eb;
}
.btn_btn_ser:hover { border:0px rgba(0,0,0,0.125) solid; border-radius: 7px; padding:17px 30px; margin: 5px 0px; box-shadow: 0 1px 3px 0px rgba(0,0,0,0.3);
background: rgba(255,192,0,1.0);
}
.or, .or:hover {background: rgba(255,192,0,1.0)}
.gr, .gr:hover {background: rgba(104,255,186,1.0)}
.ye, .ye:hover {background: rgba(255,244,75,1.0)}
.be, .be:hover {background: rgba(255,255,255,1.0)}
.bl, .bl:hover {background: rgba(200,222,255,1.0)}
.tabcap {border:0px #ccc solid; margin: 0px auto; width:50%}
@media screen and (max-width: 720px) {
.tabcap {border:0px #ccc solid; margin: 0px auto; width:100%}
}
/* --------------- чек-боксы --------------------------------------*/
.form-group input[type="checkbox"] {
display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span {
width: 20px;
}
.form-group input[type="checkbox"] + .btn-group > label span:first-child {
display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
display: none;
}
.btn.active {background:#fff; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .0)}
.btn-default.active {color: #474a5f; background-color: #fff; border:1px solid #ccc;}
.glyphicon-ok:before {content: "V";}
/* -------------------------------------------------------------------*/
.img-sm-inner-ico {display: block; position: relative; margin-left: auto; margin-right: auto; padding: 0px; width: 50%; margin: -15px 0px 0px 0px}
@media screen and (max-width: 1072px) {
.img-sm-inner-ico {width: 75%;}
}
@media screen and (max-width: 992px) {
.img-sm-inner-ico {display: none;}
}
.i {font-style:italic}
/* ----------------------------------- price --------------------------------*/
.right_doctors {
position: relative;
margin: 5px 0 0 0;
padding: 45px 35px 0 35px;
width: 100%;
overflow: auto;
font-family: OpenSansSemiBold;
line-height: 140%;
color: #474a5f;
background-color: #fcf6eb;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);
box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);
}
.right_doctors table {
height: auto;
border-collapse: collapse;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
color: #474a5f;
font-size: 16px;
font-weight: normal;
line-height: 140%;
text-transform: none;
letter-spacing: 0px;
font-weight:normal;
}
.right_doctors tbody {
width: 100%;
vertical-align: middle;
border-color: inherit;
font-size: 16px;
}
.tab_top_doctor {
width: 100%;
height: 50px;
background-color: #ffba00;
vertical-align: central;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 8px;
margin: 0px 0 15px 0;
padding: 15px 0 0 0;
}
.tab_header {
height: 40px;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
font-family: OpenSansSemiBold;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0px;
font-weight:normal;
color: #ffffff;
text-shadow: #8a6100 1px 1px 1px;
-webkit-text-shadow: 1px 1px 1px #8a6100;
-moz-text-shadow: 1px 1px 1px #8a6100;
filter: Shadow(Color=#8a6100, Direction=45, Strength=2);
}
.tab_content {
height: auto;
border-collapse: collapse;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
font-family: OpenSansRegular;
font-size: 14px;
line-height: 140%;
text-transform: none;
letter-spacing: 0px;
font-weight:normal;
color: #474a5f;
}
.tab_content tr {
background-image: url('../img/sp_line.gif');
background-repeat: repeat-x;
background-position: bottom left;
}
.tab_hdr_name1 {
width: 108px;
border: solid 0px;
border-color: #fda101;
padding: 0 0 0 0;
vertical-align: central;
text-align: center;
color:#fff;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #8a6100;
}
.tab_hdr_name2 {
border: solid 0px;
border-color: #fda101;
padding: 0 0 0 0;
vertical-align: central;
text-align: left;
color:#fff;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #8a6100;
}
.tab_hdr_name3 {
width: 160px;
border: solid 0px;
border-color: #fda101;
padding: 0 0 0 0;
vertical-align: central;
text-align: center;
color:#fff;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #8a6100;
}
.tab_hdr_name4 {
font-size:16px;
width: 65px;
border: solid 0px;
border-color: #fda101;
padding: 0 0 0 0;
vertical-align: central;
text-align: center;
color:#fff;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #8a6100;
}
.tab_cont1 {
width: 108px;
border: solid 0px;
border-color: #fda101;
padding: 15px 0 15px 0;
vertical-align: top;
text-align: center;
}
.tab_cont2 {
word-wrap: normal;
border: solid 0px;
border-color: #fda101;
padding: 15px 15px 15px 0;
vertical-align: top;
text-align: left;
}
.tab_cont3 {
width:160px;
border: solid 0px;
border-color: #fda101;
padding: 13px 0 15px 0;
vertical-align: top;
text-align: center;
font-family: OpenSansSemiBold;
font-size: 20px;
line-height: 140%;
text-transform: none;
letter-spacing: 0px;
color: #f29a01;
text-shadow: #eaeaea 1px 1px 1px; /* цвет тени, смещение по x, смещение по y, степень размытия */
-webkit-text-shadow: 1px 1px 1px #eaeaea; /* Для устаревших Safari, Chrome и iOS */
-moz-text-shadow: 1px 1px 1px #eaeaea; /* Для древнего Firefox */
filter: Shadow(Color=#eaeaea, Direction=45, Strength=2); /* Для IE */
}
.tab_cont4 {
width:65px;
word-wrap: normal;
border: solid 0px;
border-color: #fda101;
padding: 5px 0px 0px 0px;
vertical-align: top;
text-align: center;
cursor: pointer;
}
/* ------------------------------------/////////////////////////////////////////------------------------------------*/
.txt-le {text-align: left; padding-left:25px;}
.txt-ri {text-align: right;}
.txt-ce {text-align: center;}
@media screen and (max-width: 992px) {
.noimg {display: none;}
}
a:hover {cursor:pointer}
.lt-5 {text-align: left; vertical-align: top; padding: 5px 10px;}
/* ----------------------------------------------------------- fonfon line animation ------------------------------------- */
@keyframes animatedBackground
{
0 {
background-position: 0 0
}
100% {
background-position: -1920px 0px
}
}
.fonfon{
background-size: 1920px;
background-image: url('../img/fonfon.jpg');
animation: animatedBackground 8s linear infinite;
-moz-animation: animatedBackground 8s linear infinite;
-webkit-animation: animatedBackground 8s linear infinite;
-o-animation: animatedBackground 8s linear infinite;
}
/* ----------------------------------------------------------- fonfon line animation ------------------------------------- */
.nav-pills > li > a {
color: #000;
background-color: #fff;
padding:18px 35px;
border:0px #fff solid;
border-radius: 10px; font-size: 16px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #ffa600;
padding:18px 35px;
border:0px #fff solid;
border-radius: 10px;
}
@media screen and (max-width: 992px) {
.nav-pills > li > a { font-size: 13px; padding:12px 20px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { padding:12px 20px; }
}
@media screen and (max-width: 480px) {
.nav-pills > li > a { font-size: 12px; padding:12px 10px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { padding:12px 20px; }
}
.pad0-0 {padding:0px 0px;}
.pad5-0 {padding:5px 0px;}
.pad5-5 {padding:5px 5px;}
.pad5-13 {padding:5px 13px; border-radius: 25px;}
.pad10-0 {padding:10px 0px;}
.pad15-0 {padding:15px 0px;}
.pad25-0 {padding:25px 0px;}
.pad30-0 {padding:30px 0px;}
.pad35-0 {padding:35px 0px;}
.pad0-20 {padding:0px 20px;}
.pad5-50 {padding:5px 50px;}
.pad10-10 {padding:10px 10px;}
.pad15-15 {padding:15px 15px;}
.pad25-25 {padding:25px 25px;}
.pad30-30 {padding:30px 30px;}
.pad35-35 {padding:35px 35px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-27 {font-size: 27px;}
.fs-30 {font-size: 30px;}
.fs-32 {font-size: 32px;}
.fs-33 {font-size: 33px;}
.fs-34 {font-size: 34px;}
.fs-36 {font-size: 36px;}
.fs-42 {font-size: 42px;}
.transition {
transition: 0.4s }
.jq-file { height: 44px;
width: 100%;
padding: 5px 0px 5px 0px;
line-height: 1.0em;
border: 0px solid #5877ce;
border-radius: 2px;
background: #ffffff;
box-shadow: inset 1px 2px 3px rgba(0,0,0,0.05);
font-size: 17px;
color: #333;
margin-bottom: 0px;
background: #ffffdf;
border: 2px dashed #ccc;
}
.jq-file__name { border:0px solid #5877ce; background: #ffffdf;}
.jq-file.focused { border:1px solid #5877ce;}
.jq-file__browse {color:#000; border:1px solid #ccc; display:none;}
.inpfile, .focused { border: 1px solid #5877ce;}
.hh {background:red; color:#FFF; font-size:16px; padding:4px 6px; border-radius: 100px;}
.tt-upc {text-transform:uppercase}
/* -------------------------------- new top navi --- cabinet - ru - en - glaz ------------------------------
.ruen {display: table-cell; padding:3px 6px 3px 6px; font-size:15px;}
.svsv {display: table-cell; padding:3px 6px 3px 6px; opacity:0.5}
.lklk {display: table-cell; padding:3px 6px 3px 6px; opacity:0.5}
.svsv:hover, .lklk:hover {opacity:1.0}
*/
.ruencab {
display:block;
position:relative;
z-index:1500;
top:12px; float:right;
right:12px;
border-radius:150px;
background:#fff;
padding:10px 15px 6px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
text-align: center;
}
.ruencabtop {
display:none;
}
@media screen and (max-width: 922px) {
.ruencab {
display:none;
position:relative;
z-index:1500;
top:12px;
float:right;
right:12px;
border-radius:150px;
background:#fff;
padding:10px 15px 6px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
text-align: center;
}
.ruencabtop {
display:block; width:100%;
background:#efefef;
padding:10px 15px 6px;
text-align: right;
}
}
/* -------------------------------- new top navi --- cabinet - ru - en - glaz ------------------------------
.ruen {display: table-cell; padding:3px 6px 3px 6px; font-size:15px;}
.svsv {display: table-cell; padding:3px 6px 3px 6px; opacity:0.5}
.lklk {display: table-cell; padding:3px 6px 3px 6px; opacity:0.5}
.svsv:hover, .lklk:hover {opacity:1.0}
*/
.ruencab {
display:block;
position:relative;
z-index:1500;
top:12px; float:right;
right:12px;
border-radius:150px;
background:#fff;
padding:10px 15px 6px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
text-align: center;
}
.ruencabtop {
display:none;
}
@media screen and (max-width: 922px) {
.ruencab {
display:none;
position:relative;
z-index:1500;
top:12px;
float:right;
right:12px;
border-radius:150px;
background:#fff;
padding:10px 15px 6px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
text-align: center;
}
.ruencabtop {
display:block; width:100%;
background:#efefef;
padding:10px 15px 6px;
text-align: right;
}
}
.disa {background: #ccc; cursor:initial}
.hidesend {display:none; color:red; font-size:22px}
.h420 {height: 420px}
@media screen and (max-width: 820px) {
.h420 {height: 220px}
}
/* ------------------------------------------------------------------------------------------------------------------- */
.mark {font-size:15px; font-family: OpenSansSemiBold; text-align: center;
border-bottom-left-radius:50px; border-bottom-right-radius:50px; vertical-align: central;
padding-top: 3px; padding-bottom: 5px}
/*
.mark_hem, .mark_hem:before {background: #ef0864; color:#fff; content:' Гематологам'; }
.mark_imm, .mark_imm:before {background: #ff9000; color:#fff; content:' Иммунологам'; }
.mark_onc, .mark_onc:before {background: #fdf01f; color:#000; content:' Онкологам'; }
.mark_hir, .mark_hir:before {background: #37a797; color:#fff; content:' Хирургам'; }
.mark_all, .mark_all:before {background: #5877ce; color:#fff; content:' Всем специалистам'; }
*/
.mark[data-calendar_event_speciality]:before {
content: attr(data-calendar_event_speciality);
}
.mark[data-calendar_event_speciality="Гематологам"] {background: #ef0864; color:#fff;}
.mark[data-calendar_event_speciality="Иммунологам"] {background: #ff9000; color:#fff;}
.mark[data-calendar_event_speciality="Онкологам"] {background: #fdf01f; color:#000;}
.mark[data-calendar_event_speciality="Хирургам"] {background: #37a797; color:#fff;}
.mark[data-calendar_event_speciality="Всем специалистам"] {background: #5877ce; color:#fff;}