
/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
::-moz-focus-inner { border: 0; padding: 0; }
body { margin:0; padding:0;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

div{ margin:0; outline:0;}
ul {outline:0;}
a:active,
a:hover {
  outline: 0;
}
/*убираем бордюры*/
img, a:link img, a:visited img, a:hover img, a:active img { border: 0; }
a:focus { border:0px; }
/*общее оформление ссылок*/
a { color: #585858; text-decoration: none; }
a:hover { color:#585858; text-decoration:underline; }


/*бэкграунд*/
html {background:#edd0c0;}
body {min-width:1200px; font-size: 14px; line-height: 1.3; color:#030303; font-weight:normal;}
 
/*разделитель*/
.clear { height:0px; width:100%; clear:both; }

/*все дивы в бокссайз бордер бокс*/
div {
	box-sizing: border-box;
}

/* обновите браузер*/
.browserupgrade {
	text-align:center;
	padding:10px;
	background:#fff;
	border-bottom:3px solid #000;
}
.browserupgrade a {
	color:#ff0000;
	font-weight:bold;
	text-decoration:underline;
}

/* шрифт */

body {font-family: Arial;}


/* Типографика */
h1 {
	font-weight:bold;
	font-size:36px;
	line-height:48px;
	padding:0px;
	margin:20px 0px;
	text-transform:uppercase;
}
h2 {
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	margin:20px 0 20px;
	text-align:center;
	text-transform:uppercase;
	color:#c4252a;
}
h3 {
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	margin:15px 0px 10px;
}
p {
	margin:10px 0;
}

/*центрируем блоки*/
.center-box {
	margin:0 auto;
	width:1170px;
	position:relative;
	    overflow:hidden;
	    min-height:50px;
}
/*  #575e64 */


/* ШАПКА */

#header {
	background:#fff;
}
    #header .center-box {
    	padding:40px 0;
    }

    #header .header-menu {
        float:left;
        width:390px;
        height:180px;
        text-align:left;
    }
        #header .header-menu ul {
            margin:0;
            padding:0;
            list-style:none;
            font-size:18px;
            line-height:1.4;
            text-transform:uppercase;
        }
    
    
    #header .header-logo {
        float:left;
        width:390px;
        height:180px;
        text-align:center;
    }
    #header .header-contacts {
        float:left;
        width:390px;
        height:180px;
        text-align:right;
    }
        #header .header-contacts .telefon {
            color:#c4252a;
            font-weight:800;
            font-size:32px;
            margin-bottom:40px;
        }
            #header .header-contacts .telefon span {
                display:inline-block;
                color:#585858;
                padding-left:30px;
                background:url(../images/whatsapp.png) left center no-repeat;
            }
        #header .header-contacts .adres {
            color:#c4252a;
            font-size:21px;
            margin-bottom:10px;
        }
        #header .header-contacts .grafic {
            color:#585858;
            font-size:21px;
        }


/* навигация */
#navigation {
	background:#dedede;
}
        #navigation ul {
            margin:0;
            padding:0;
            list-style:none;
            font-size:16px;
            line-height:1.4;
            text-transform:uppercase;
        }
            #navigation ul li {
                float:left;
                font-size:14px;
                line-height:1.5;
                text-transform:uppercase;
                padding:16px 0;
                font-weight:bold;
                margin-right:40px;
            }
            #navigation ul li:last-child {
                margin-right:0;
            }
                #navigation ul li a {
                    color:#000;
                }
                #navigation ul li a:hover {
                    color:#c4252a;
                }
        
        
        
/* баннер */
#banner {
	
}

/* процедуры */
#procedurs {

}
#procedurs a {
	color:#c4252a;
}
/*круглые штуковины*/
.scopal {
    float:left;
    width:150px;
    margin:10px 7px 20px;
    color:#c4252a;
    text-align:center;
}
    .scopal-img {
        width:140px;
        margin:3px auto 13px;
        border-radius:70px;
    }
    .scopal:hover .scopal-img {
        width:146px;
        margin:0px auto 10px;
        border:3px solid #fe0003;
        border-radius:73px;
    }
    .scopal-img img {
        display:block;
    }
    .scopal-text {
    
    }

/* отправить сообщение */
#fos {
	background:#fff;
}
    #fos .center-box {
    	padding:40px 0;
    }

/* преимущества */
#advantages {
	
}

/* описание студии */
#studia {
	text-align:center;
}

/* врачи */
#doctors {
	
}
#doctors a {
	color:#c4252a;
}

/* документы */
#documents {
	color:#fff;
}
#documents a {
	color:#fff;
	text-decoration:underline;
}
#documents h3 {
	text-transform:uppercase;
}
.documents-box {
    background:#c4252a url(../images/docum.jpg) left top no-repeat;
    height:403px;
    overflow:auto;
    padding-left:740px;
    
}

/* прайс */
#price {
	
}

    #price h3 {
        display:block;
        margin:10px 0;
        padding:10px 20px;
        border:1px solid #c4252a;
        background:#fcf1da;
        color:#c4252a;
        text-transform:uppercase;
    }
    #price a {
        color:#c4252a;
    }
/* отзывы */
#comments {
	
}
.comment {
    margin:20px 0;
    
}
.comment:nth-child(odd) {
    color:#c4252a;
}
/* контакты */
#contacts {
	border-top:1px solid #c4252a;
	padding:20px 0;
}
    .cont-maps {
    	float:left;
    	width:765px;
    	border:1px solid #333;
    }
    .cont-adres {
    	float:right;
    	width:350px;
    	text-align:right;
    	font-size:18px;
    }
        .cont-adres h2 {
        	margin-top:0;
        	padding-top:0;
        	text-align:right;
        }

/*ссылки соцсети*/
#links {
	text-align:center;
	border-top:1px solid #c4252a;
}
#links a.soc-btn {
	display:inline-block;
	width:40px;
	height:40px;
	margin:20px 5px;
}
#links a.soc-fb {
	background:url(../images/soc-fb1.png) center center no-repeat;
}
#links a.soc-fb:hover {
	background:url(../images/soc-fb2.png) center center no-repeat;
}
#links a.soc-tw {
	background:url(../images/soc-tw1.png) center center no-repeat;
}
#links a.soc-tw:hover {
	background:url(../images/soc-tw2.png) center center no-repeat;
}
#links a.soc-in {
	background:url(../images/soc-in1.png) center center no-repeat;
}
#links a.soc-in:hover {
	background:url(../images/soc-in2.png) center center no-repeat;
}
#links a.soc-vk {
	background:url(../images/soc-vk1.png) center center no-repeat;
}
#links a.soc-vk:hover {
	background:url(../images/soc-vk2.png) center center no-repeat;
}
#links a.soc-ok {
	background:url(../images/soc-ok1.png) center center no-repeat;
}
#links a.soc-ok:hover {
	background:url(../images/soc-ok2.png) center center no-repeat;
}
#links a.soc-yt {
	background:url(../images/soc-yt1.png) center center no-repeat;
}
#links a.soc-yt:hover {
	background:url(../images/soc-yt2.png) center center no-repeat;
}
#links a.soc-inst {
	background:url(../images/soc-inst1.png) center center no-repeat;
}
#links a.soc-inst:hover {
	background:url(../images/soc-inst2.png) center center no-repeat;
}

/* Подвал*/
#footer {
	background:#7e7974;
	text-align:center;
}



#fos .fos-box-content {
    text-align:center;
}
#fos .fos-box-text {
    font-size:16px;
    margin-bottom:10px;
}
    #fos input[type="text"] {
        display: inline-block;
        box-sizing: border-box;
        width: 220px;
        margin: 10px;
        color: #c4252a;
        background: #fff;
        padding: 5px;
        border: 1px solid #c4252a;
        outline: 0;
        font-size: 16px;
        line-height: 21px;
    }
    #fos .submit_fos {
        display: inline-block;
        box-sizing: border-box;
        border: 1px solid #c4252a;
        outline: 0;
        background: #c4252a;
        padding: 5px;
        text-align: center;
        text-transform: uppercase;
        width: 180px;
        font-size: 16px;
        line-height: 21px;
        color:#fff;
        margin: 10px;
        cursor:pointer;
    }
    
    #fos .answer_os {
        color:red;
        font-weight:bold;
    }
    #fos .answer_os.ok {
        color:green;
        margin:20px auto;
        padding:5px;
        border:1px solid green;
        border-radius:2px;
        font-weight:bold;
    }

