@charset "utf-8";
/*
Author: Focus Style
Author URI: http://focus-style.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th/*, td */{margin: 0;  padding: 0;  border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {font-family: 'Ubuntu', sans-serif; font-size:14px; color: #333; width:100%; overflow-x: hidden; font-weight: 300; background: #fff; background-position: fixed}
img {border:0;}
a:link, a:visited, a:active {font-family: 'Ubuntu', sans-serif; font-size:14px; color:#028ebf; text-decoration:none; font-weight: 300;}
a:hover {text-decoration:underline;}
.left {float:left;}
.right {float:right;}

/*bottom fix*/
html {height: 100%;}
body {position: relative;
  min-height: 100%;
  margin: 0;}

/* ----- general ----- */
.topp {width: 100%; height: 153px; background: url('../images/topbg.jpg') center center no-repeat; margin-bottom: 0px;}
.toppin {width: 1200px; height: 153px; margin: 0 auto; position: relative;}
.topp .logo {position: absolute; top: 0px; left: 0px; z-index: 5;}
.topp .sname {position: absolute; top: 27px; left: 153px; z-index: 5; font-family: 'Open Sans Condensed', sans-serif; font-size: 23px; font-weight: bold; color: #028ebf; right: 15px;}
.topp .topmenu {position: absolute; top: 89px; right: 120px; left: 0px; z-index: 3; text-align: left;}
.topp .topmenu > ul {font-size: 0;}
.topp .topmenu > ul li {display: inline-block; position: relative; padding: 24px 15px 24px 15px;}
.topp .topmenu > ul li:first-child {}
.topp .topmenu > ul li:last-child {}
.topp .topmenu > ul li a {font-size: 14px; color: #fff; font-weight: normal; font-weight: bold}
.topp .topmenu > ul li a:hover, .topp .topmenu > ul li.active a {}
.topp .topmenu > ul > li img {display: none;}
.topp .topmenu > ul > li ul {display: none; position: absolute; top: 30px; left: 50%; padding: 15px; margin-left: -110px; width: 190px; background: rgba(48,2,2,0.9);}
.topp .topmenu > ul > li:hover ul {display: block;}
.topp .topmenu > ul > li > ul::before {content: ''; position: absolute; left: 50%; margin-left: -8px; top: -16px; border: 8px solid transparent; border-bottom: 8px solid rgba(48,2,2,0.9);}
.topp .topmenu > ul > li > ul li {padding: 0 0 3px 0; margin: 0 0 3px 0; border-bottom: 1px solid #7B7B7B; display: block; height: 21px; text-align: left;}
.topp .topmenu > ul > li > ul li a {display: block; color: #fff; font-size: 12px;line-height: 21px;}

.topp .socials {position: absolute; bottom: 17px; right: 15px; z-index: 5;}
.topp .socials .social {display: inline-block; background: #fff; margin: 0 0 0 10px; height: 20px; width: 20px; padding: 5px; text-align:center;}
.topp .socials .social i {font-size: 20px; line-height: 20px;}

.moduletable_lang {position:absolute; top:110px; right:120px; z-index: 5;}
.moduletable_lang h3 {font-weight: normal; display: inline-block; margin-right:6px;}
.moduletable_lang .mod-languages_lang {display: inline-block;}
.moduletable_lang li {display: inline-block; text-align: center; padding: 3px 6px;}
.moduletable_lang li.lang-active {display: inline-block; background:#fff;}
.moduletable_lang li a {font-size:14px; color: #fff;}
.moduletable_lang li.lang-active a {color: #028ebf;}

.components {width: 1200px; margin: 20px auto 20px auto; font-size:0; vertical-align: top; padding: 0 15px; box-sizing: border-box;}
.components h1 {display:none;}
.components h2 {font-size: 36px; color: #333; display: block; padding: 10px 0 30px 0; font-weight: 300; line-height: 100%; text-align: left;}
.theone {font-size:14px;}
.withleft {vertical-align: center; overflow: hidden;}
.withleft .cleft {float: left; width: 260px; text-align: left; font-size:14px;}
.withleft .cright {margin-left: 280px; font-size:14px; line-height: 22px;}
.withleft .cright p {margin-bottom: 20px;}
.withleft .cright img {max-width: 100%; height: auto !important;}

.bottomon {width: 100%; height: 84px; clear: both;}
.bottom {position: absolute; z-index: 3; bottom: 0px; left: 0px; right: 0; width:100%; height: 84px; background: url('../images/botbg.jpg') center center no-repeat;}
.bottomin {position: relative; margin: 0 auto; height: 84px; width: 1200px; font-size: 0px; color: #fff; line-height: 22px; box-sizing: border-box; padding: 0 15px;}
.bottomin a {color: #fff;}
.bottomin .b1 {font-size: 14px; position: absolute; top: 32px; left: 15px;}
.bottomin .b2 {font-size: 14px; position: absolute; top: 32px; right: 15px;}



/* -------------------- PAGES -------------------- */

.moduletable_doctor {width: 100%; background: url('../images/doc.jpg') center center no-repeat;}
.moduletable_doctor > div {width: 1200px; margin: 0 auto; padding: 20px 600px 20px 15px; box-sizing: border-box; line-height: 22px;}

.moduletable_hserv {}
.moduletable_hserv > ul {font-size:0;}
.moduletable_hserv > ul > li {font-size:14px; display: inline-block; width: 50%; box-sizing: border-box; line-height: 22px; vertical-align: top; margin-bottom:20px;}
.moduletable_hserv > ul > li > a {font-size: 24px; color: #333; margin-bottom: 10px; padding: 0 0 0 0; display: block; vertical-align: middle;}
.moduletable_hserv > ul > li > a:before {content:''; background: url('../images/2bg.jpg') center center no-repeat; height: 20px; width: 20px; display: inline-block; margin: -3px 10px 0 0; vertical-align: middle; -webkit-border-radius: 100px; border-radius: 100px;}

.moduletable_left {}
.moduletable_left > ul > li {font-size:14px; width: 100%; box-sizing: border-box; line-height: 18px; vertical-align: top; margin-bottom:20px;}
.moduletable_left > ul > li > a {font-size: 18px; margin-bottom: 10px; padding: 0 0 0 0; display: block; vertical-align: middle; font-weight: 500;}
.moduletable_left > ul > li li {margin-bottom:10px;}
.moduletable_left > ul > li li.current a {color: #333;}

.doctors {}
.doctors table {border: 0;}
.doctors table td {vertical-align: top; border: 0; padding: 10px;}
.doctors table td p {margin-bottom:10px;}
.doctors table td img {width: 200px !important; height: auto !important; -webkit-border-radius: 200px;border-radius: 200px;}


.rsform {}
.rsform h2 {display: none;}
.rsform-block-ftitle {font-size: 14px; font-weight: bold; }
.formResponsive .formHorizontal .formControlLabel {display: none;}
.formResponsive .formHorizontal .formControls {margin-left: 0px;}
.formResponsive .formHorizontal p.formDescription, .formResponsive input[type="text"] {margin-bottom: 0px;}
.formResponsive .formHorizontal .rsform-block {margin-bottom: 12px;}
.formResponsive .formHorizontal .formValidation {display: block;}
.formResponsive .formError {margin: 0; height: auto; display: block;}


/* pcont */
.pcont {}
.pcont table {}
.pcont table td {vertical-align: top;}
.pcont .formResponsive {margin: 0 0 0 0;}
.item-pagepcont {box-sizing: border-box; padding: 0 15px;}

.formResponsive select, .formResponsive input[type="file"] {
height: 18px;
line-height: 18px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
width: 210px;
}



.catItemImageA {float: left; margin: 0 15px 15px 0;}

.components img {max-width: 100% !important; height: auto !important;}
div.itemIntroText {font-size: 14px; color: #333; font-weight: normal; line-height: 100%; padding: 0;}
div.itemFullText {white-space: pre-wrap;}

.vrachi div#itemListSecondary {font-size: 0;}
.vrachi div.itemContainer {display: inline-block; width: 50% !important; font-size: 14px; margin: 0 0 50px 0;}
.vrachi .clr {display: none;}
.vrachi div.catItemView {margin-bottom: 0; padding: 0; text-align: center; line-height: 1.5;}
.vrachi .catItemImageA {float: none; margin: 0;}
.vrachi .catItemImageA img {border-radius: 200px;}
.vrachi div.catItemHeader h3.catItemTitle {padding: 15px 0 0 0; margin: 0;}
.vrachi div.catItemHeader h3.catItemTitle a {font-weight: bold;}
.vrachi div.catItemBody {padding: 0; margin: 0;}
.vrachi div.catItemIntroText {padding: 0;}
.vrachi div.itemListCategory {background: #fff; border: none; border-radius: 0; margin: 0; padding: 0;}

div.itemImageBlock {padding: 0; margin: 0 15px 16px 0; float: left;}

div.itemToolbar {padding: 0; margin: 0;}



ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg, ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg {height: 100% !important;}



.slicknav_menu {display:none;}

/* #Screen < 1600 ================================================== */
@media (max-width: 1600px) {


}

/* #Screen < 1200 ================================================== */
@media (max-width: 1200px) {
.toppin, .components, .bottomin, .moduletable_slide, .moduletable_doctor > div {width: 960px;}
.moduletable_doctor > div {padding: 20px 400px 20px 15px;}
.topp .sname {font-size: 17px; top: 33px;}





}

/* #Screen < 960 ================================================== */
@media (max-width: 960px) {
.toppin, .components, .bottomin, .moduletable_slide {width: 720px;}
.slicknav_menu {	display:block;}
.topp .topmenu {right: 0;}
.topp .topmenu > ul  {display:none;}
.topp .sname {font-size: 17px; top: 20px;}
.topp { background: url(../images/topbg.jpg) left center no-repeat;}
.bottomin .b2 {display:none;}
.bottomin .b1 {text-align: center; top: 20px; right: 15px;}
.moduletable_doctor {height: auto; width: 100%;background: #f9f9f9;}
.moduletable_doctor > div {width: 100%; padding: 15px; height: auto;} 
.moduletable_hserv > ul > li {width: 100%;}




}

/* #Screen < 720 ================================================== */
@media (max-width: 720px) {
.toppin, .components, .bottomin, .moduletable_slide, .moduletable_doctor > div {width: 100%;}
.withleft .cleft {float: none; width: 100%;}
.withleft .cright {margin-left: 0;}
.components h2 {font-size: 24px;}
.doctors table td {display: block; width: 100% !important; box-sizing: border-box;}
.vrachi div.itemContainer {display: block; width: 100% !important; box-sizing: border-box;}
div.itemImageBlock {padding: 0; margin: 0 0 16px 0; float: none;}

}

/* #Screen < 600 ================================================== */
@media (max-width: 600px) {
.topp .sname {
    font-size: 14px;
    top: 11px;
}

.bottomin .b1 {
    top: 10px;
}



}

/* #Screen < 510 ================================================== */
@media (max-width: 510px) {
.catItemImageA {float: none; margin: 0 0 15px 0; text-align: center; display: block;}


}

/* #Screen < 460 ================================================== */
@media (max-width: 460px) {
.topp .logo {left: -45px;}
.topp .sname {left: 97px;}


}

/* #Screen < 410 ================================================== */
@media (max-width: 410px) {
.ba-form input[type="text"], .ba-form input[type="email"], .ba-form textarea {width:100%;}



}