﻿/**
* custom.css file created by Medicus Template
* @package Medicus Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/
h1{font-size: 170%;}
.centerbottom_bg{ background:#fff; margin-top:-3px;}
#yjsg2{padding:40px 0;}
.bglwt{background: #fff;}
.bgblack{background: #333333;}
#header {
    margin-top:0;
	padding-top:20px;
    margin-bottom: 20px;
}
.fersttel a:hover{color: #ffd401;}
.socs:after {
    content: url(../images/cos.png);
    position: absolute;
    margin-top: -9px;
}
.mod-languages{
    display: flex;
    justify-content: center;
}
.telcallus {
    margin-bottom: -5px;
}
.mod-languages {
    display: flex;
    justify-content: center;
}
div.mod-languages a {
    text-decoration: none;
    color: #fff;
}
div.mod-languages a:hover,div.mod-languages a:focus {color: #019cde;}
div.mod-languages img {
    border: none;
    display: none;
}
div.mod-languages .lang-block > li > a{color: #000;}
.fersttel .socs:before {
    content: url(../images/cos.png);
    position: absolute;
    margin-top: -9px;
}
.fersttel .socs:after {
	display:none;
}
.article_title {
    word-break: normal!important;
}
ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    padding: 0px 15px;
    margin: 0 5px;
    height: 50px;
    line-height: 50px;
}
#yjsg1{
    display: flex;
    align-items: center;
}
.kabinet {
	font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fafafa;
	background: url(../images/blue/kabinet.png) no-repeat center left;
	padding-left:30px;
	line-height: 18px;
	}
.kabinet2.kabinet {	
	background: url(../images/blue/kabinet2.png) no-repeat center left;
	 
}
.kabinet a{color: #fafafa;}
.kabinet a:hover{color: #e6e5e5;}
.kabinet2 a{color: #f5c909;}
.kabinet2 a:hover{color: #e6e5e5;}
.connect{text-align:center;}
.teltxt{ color:#ffd929; font-size:11px; font-weight:bold; padding-right:13px;}
ul.dropdown-menu li { padding-left:15px;}
.callback2{
	text-align:center;
	margin-top:5%;
   	}
.callback{
    background: #F5C909;
    border-radius: 7px;
    padding: 7px 10px;
    margin-top: 3px;
    color: #fff;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
	}
.callback:hover{background: #ffcf00;color: #fff;}
button{ margin-bottom: 5px!important;}
.mymenu{}


.dropdown-menu{ z-index:5000;}
.fersttel,.fersttel a{
	font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fafafa;
	margin-right: 5px;
	 }
.btn-group > .dropdown-toggle:not(:first-child) {background: url(../images/blue/connect.png) no-repeat center right;}
.pochemu{    
	text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 5px;
	margin-bottom: 50px;
    margin-top: 80px;
	}
.pochemumd{ text-align:center;}
.adv_out{background: url(../images/blue/brickwall.png) repeat; border-bottom: 1px solid #ccc; padding:0;}
.internet{ text-align:center;}
.user6_out{ background:#fafafa;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.medicus-emphasize {
    color: #000000;
    font-size: 14px;
	}
.top20{ margin-top:20px;}
.txtctr{ text-align:center;}
.line{    
	margin: 0 auto;
    border-bottom: 1px solid #ccc;
    max-width: 700px;
	}
 
.ust{ font-size:18px; color:#000000; margin: 50px 0 80px 5px;}
.ustanovka .yjsg-col-1-3 p{ margin-top:50px; font-size:18px; color:#000000;}
.ust2{    
	color: #000000;
    font-size: 16px;
	}
.top30{margin-top:30px;}
.top45{margin-top:45px;}
.border{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #ccc;
	padding: 0 40px 52px 40px;
	}
.border2{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #ccc;
	padding: 0 40px 5px 40px;
	}
.border2 img,.border img{ margin-top:30px;}	
.kabinetnet {
    color: #f5c909;
    font-size: 12.3px;
    /* margin-left: 30px; */
    /* margin-top: -15px; */
    text-transform: none;
}
.medicus-doctor-info {
    padding: 20px 10px 1px 10px;
}
.medicus-doctor-info2{
    background: #fafafa;
    padding: 0px 10px 20px 10px;
}
.medicus-doctor-info3{text-align: center;
}
.kontakt1 .su-column{
   display: flex;
    flex-direction: row;
    align-items: center;
}
address a {
    line-height: 35px;
}
.kontakt1 address a {
    line-height: 35px;
}
.kontakt1 .medicus-doctor-info2{background:none;}
.yjsg-col-1-2 h4{text-align:center;}
 .YJIS_outer{
	border: 3px solid #ffffff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.navContainer {
    display: block;
    position: relative;
    margin: 10px auto 10px auto;
	padding-right:40px;
    text-align: right;
    float: right;
    z-index: 1000;
}
.navContainer .bnav.active {
        background: #3D4446;
    	opacity: 0.9;
}
.navContainer .bnav {
    font-weight: normal;  
    display: inline;  
    padding: 2px 11px;
    margin: 0;
    background: #fff;
    border: none;
	 -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 5px;
    }
	
h1.intro{
	font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 5px;
	margin-top: 10px;
}
.YJSlide_slide .YJSlide_intro_in {
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    word-wrap: break-word;
} 
.pochemumd h4{ margin-top:45px; margin-bottom:25px; color:#000000;}
.pochemumd p{color:#000000; line-height: 25px;}
.user16_out{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.podkl h2.internet{ margin-bottom:55px;}
.podkl .yjsg-col-1-3 p{ font-size:18px; color:#000000; margin-top:45px;}
p.mrglft{margin-left: -80px;}
p.inter{ font-size:16px; text-align:center; color:#000000; margin-top: 80px;}
.top80{margin-top:80px;}
.btm80{margin-bottom:60px;}

.button_color2,.button_color2:visited  {
    margin: 0 auto;
    padding: 10px 100px;
    font-size: 26px;
	background: rgb(1, 156, 222);
	background: -moz-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -webkit-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -o-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -ms-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: linear-gradient(180deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	color: #fff;
	display: table;
    overflow: hidden;
    line-height: normal;
    text-transform: uppercase;
	border-radius: 10px;
    transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
.button_color2,.button_color2:visited {
	background: rgb(1, 156, 222);
	background: -moz-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -webkit-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -o-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -ms-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: linear-gradient(180deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
		outline-color:currentColor;
		}
.button_color2:hover {	
		color:#000000;

}
.button_color2:hover {border: none;
		outline-color:currentColor;
		}	
		
.button_a a.external-link .js-modify,.button_a a.external-link .js-modify:visited  {
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
   	background: none;
 	color: #019cde;
	display: table;
    overflow: hidden;
    line-height: normal;
    text-transform: uppercase;
	border-radius: 10px;
    transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
.button_a a.external-link .js-modify,.button_a a.external-link .js-modify:visited {
	background: none;
		outline-color:currentColor;
		}
.button_a a.external-link .js-modify:hover {	
		color:#000000;

}
.button_a a.external-link .js-modify:hover {border: none;
		outline-color:currentColor;
		}

		
#cp a{color:#959595;}
#cp a:hover{color:#6c6a6a;}
#footmod a{color:#afafaf;}
#footmod a:hover{color:#6c6a6a;}
#youjoomla {
    border-top: none;
	padding: 0;
 
}
.bootstrap3 .control-group{display:block; float:none;max-width: 350px;}
.simplecallback textarea {
   width: 100%;
}
.yjsgcp{ font-size:13px;}
#footmod{ text-align:center;}
#footmod ul li a{ margin-left:30px;}
#footmod ul li a.afirst{ margin-left:0;}
@media screen and (min-width: 240px) and (max-width: 480px) {
.button_color2,.button_color2:visited  {
         padding: 10px 30px;
	}
}
.title_split:nth-child(2),.module_title,.module_title .title_split,.contus{
	font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000!important;
    letter-spacing: 2px;
    text-align: center;
}
.contus{text-align: left; margin-top:25px; letter-spacing:normal;}

.mailus,.tbot,.vbot{
	font-size: 16px;
    font-weight: bold;
    color: #019cde;
    letter-spacing: 1px;
    background: url(../images/blue/mailus1.png) no-repeat center left;
    padding-left: 30px;
}
.phonebig{
	font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #019cde;
    letter-spacing: 1px;
    background: url(../images/blue/callus1.png) no-repeat center left;
    padding-left: 30px;
    margin-bottom: 2px;
    margin-top: -5px;
	
}
.tbot{
	background: url(../images/blue/tbot.png) no-repeat center left;
	margin-bottom: 0px;
}
.vbot{
	background: url(../images/blue/vbot.png) no-repeat center left;
	margin-bottom: 0px;
}
.mymenu ul.defaultmenu li{
	color: #fff;
	overflow: hidden;
    line-height: normal;
    text-transform: uppercase;
	border-radius: 10px;
	max-width:236px;
	margin-top: 12px;
    transition: all 0.3s ease-in-out;
	background: rgb(1, 156, 222);
	background: -moz-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -webkit-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -o-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -ms-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: linear-gradient(180deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
 
.mymenu ul.defaultmenu li a{
	color: #fff;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 5px;
	}
.mymenu ul.defaultmenu li a:hover{color: #000000;}
.mymenu .defaultmenu li a {
    border-bottom: none;
}
.defaultmenu li a:before{
		content: "";
}
.img-link{ padding-left:30px;}
li a.img-link img{ padding-right:7px;}
#pathway ul.breadcrumb {
    padding: 8px 15px;
    margin: 0;
    list-style: none;
    background-color: #FBFCFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.icon-yjsg-pathway:before {
    content: "\f054";
    font-size: 11px;
    color: #ECECEC;
}
                             
.telcallus{}
.su-modal-content-wrapper .su-modal-title-wrapper {
    	display:none!important;
} 
.md1_pod{
	border-bottom: 2px solid #dcdcdc;
    color: rgb(1, 156, 222);
    font-size: 19px;
    line-height: normal;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.inmod{
	margin-top: 20px; 
} 
#button5{
	color: #fff;
	line-height: normal;
    text-transform: uppercase;
	border-radius: 7px;
 	margin-top: 12px;
	margin-bottom: -10px;
    transition: all 0.3s ease-in-out;
	background: rgb(1, 156, 222);
	background: -moz-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -webkit-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -o-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -ms-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: linear-gradient(180deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.10);
} 
#button5:hover{color: #000;}  
#button7,.button7{
	color: #fff;
	line-height: normal;
    text-transform: uppercase;
	border-radius: 7px;
 	margin-top: 12px;
	margin-bottom: -10px;
    transition: all 0.3s ease-in-out;
	background: rgb(1, 156, 222);
	background: -moz-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -webkit-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -o-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: -ms-linear-gradient(90deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	background: linear-gradient(180deg, rgb(1, 156, 222) 35%, rgb(3, 173, 245) 74%);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.10);
} 
#button7:hover,.button7:hover{color: #000;}  
.mybox{
	text-align: center;
    margin-top: 0;
    padding-top: 0;
	}
h4.mytitle{
	margin: 0 0 15px 0;
    padding: 0;
    font-size: 150%;
    line-height: 1.1;
	font-family: inherit;
    font-weight: 500;
	color: inherit;
} 
.forma_1{background: url(../images/blue/brickwall.png) repeat;}                        
.frm{background: url(../images/blue/brickwall.png) repeat;}
#sum_565b13f6c4afd .su-modal-content-wrapper {background: url(../images/blue/brickwall.png) repeat #ededed!important;} 
.yjsg-page-error h1:after {
    content: "Извините, мы не можем найти эту страницу..."!important;
    display: block;
    clear: both;
    font-size: 28px;
}
.kontakt1{
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
}
.kontatih2{
	margin-top: 0;
    margin-bottom: 25px;
    font-size: 28px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #d0d0d0;
}
.podisk{
	font-size: 14px;
    line-height: 15px;
    margin-left: 30px;
    padding-bottom: 20px;
   }
.icon_knt{
    padding-top: 15%;
    padding-left: 20%;
    font-size: 18px;
    color: #000000;
}
.icon_knt p{padding-top: 10px;}
.mivseti img{ padding-left:7px; float: right;}
.mivseti{ padding-right: 10px;padding-top: 2px;}
.doc_specialty {
    font-weight: bold;
    font-size: 20px;
	}
h4.top20, h5.top20{ font-size: 24px; margin-top:30px;}
.top40.btm40 {margin-top: 55px; margin-bottom: 0px;}
.top43{margin-top: 40px;}
.btm45p{margin-bottom: 45px;}
.yjsg-newsitems{ margin-left:0px !important;}
.wordspacing2{
	word-spacing:-2px;
}
.wordspacing4{word-spacing: 4px;}
div.yjsg-newsitems .width50 {
    width: 45%!important;
    margin-right: 20px!important;
}
.medicus_ul li::before {
    position: absolute;
    left: -15px;
    content: "•";
    font-size: 25px;
    margin-right: 10px;
}
/*@media (max-width: 979px)
{
.kabinetnet {
    margin-left: 3.3%;
}
}*/
@media (max-width: 720px)
{
.mobi{
    margin: 10px auto;
    display: table;
}
.kabinetnet {
    display: block;
   
}
#yjsg1 {
    display: flex;
    align-items: center;
    flex-direction: column;
}
}