/* ==========================================================================
   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: #18AFD3; text-decoration: none; }
a:hover { color:#12829c; text-decoration:underline; }


/*бэкграунд*/
html {
    background:#fff;
}
body {min-width:1200px; font-size: 16px; line-height: 1.3; color:#3b3b3b; 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: 'Open Sans', sans-serif;}


/* Типографика */
h1 {
	font-weight:bold;
	font-size:28px;
	line-height:36px;
	padding:20px 0;
	margin:40px 0px 20px;
	text-transform:uppercase;
	color:#2b4859;
}
h2 {
	font-weight:bold;
	font-size:24px;
	line-height:32px;
	padding:10px 0;
	margin:20px 0px 10px;
	text-transform:uppercase;
	color:#2b4859;
}
h3 {
	font-weight:bold;
	font-size:21px;
	line-height:28px;
	margin:20px 0px 10px;
	color:#2b4859;
}
p {
	margin:0 0 15px;
}

/*центрируем блоки*/
.center-box {
	margin:0 auto;
	width:1170px;
	position:relative;
}

/* header-line */


.header {
    
}

.nav-line {
    background:#f57e57;
    color:#fff;
}
    .nav-line .center-box {
        padding:10px 0;
    }
    .nav-line a {
        color:#fff;
    }
    .nav-line .switcher-box {
        width:300px;
        float:left;
        margin-right:20px;
    }
        .nav-line .switcher {
            display:block;
            background: #fff url(../images/vdsv.png) left center no-repeat;
            border-radius: 5px;
            padding: 10px 10px 10px 30px;
            border: 0px;
            margin: 2px 10px;
            height: auto;
            line-height:20px;
            font-size:16px;
            text-transform: uppercase;
            color:#000;
        }
    .nav-line .nav-box {
        width:850px;
        float:left;
    } 
    .mob-menu {
        display:none;
    }
        .nav-line .nav-box ul {
            display:block;
            margin:0;
            padding:0;
            list-style:none;
            text-align:right;
        } 
            .nav-line .nav-box ul li {
                display:inline-block;
            } 
            .nav-line .nav-box ul li a {
                color:#fff;
                display:block;
                padding:10px;
                font-size:16px;
                line-height:20px;
                text-transform:uppercase;
            } 

.top-line {
    background:#f5f5f5;
    color:#666;
}
    .top-line .center-box {
        padding:10px 0;
    }
    
    .top-line .logo-box {
        width:390px;
        padding:10px 50px 10px 10px;
        margin-right:40px;
        float:left;
    }
        .top-line .logo-box a {
            display:block;
        }
        .top-line .logo-box img {
            display:block;
            max-width:100%;
            height:auto;
        }
    
    .top-line .contact-box {
        width:370px;
        padding:5px 10px 5px 70px;
        background:url(../images/contacts.png) left top no-repeat;
        float:left;
        line-height:21px;
        font-size:14px;
    }
        .top-line .contact-box strong {
            font-size:16px;
            text-transform:uppercase;
        }
    .top-line .working-box {
        width:370px;
        padding:5px 10px 5px 70px;
        background:url(../images/working.png) left top no-repeat;
        float:left;
        line-height:21px;
        font-size:14px;
    }
        .top-line .working-box span {
            width:120px;
            display:inline-block;
            color:green;
        }
        .top-line .working-box span.red {
            color:red;
        }
        .top-line .working-box strong {
            font-size:16px;
            text-transform:uppercase;
        }
    

/* title-line */
.title-line {
    background:#2b4859;
    color:#fff;
}
    .title-line .center-box {
        padding:20px 0;
        position:relative;
    }
    .title-line a {
        color:#fff;
    }
    
    .breadcrumbs-box {
        width:1000px;
        float:left;
    }
        .breadcrumbs-box ul.breadcrumb {
            display:block;
            margin:0;
            padding:0;
            list-style:none;
        }
            .breadcrumbs-box ul.breadcrumb li {
                display:inline-block;
            }
    .price-box {
        width:150px;
        margin-left:20px;
        float:left;
        text-align:right;
    }
/* slider */
.slider-line {
    
}
.slider-line img {
    width:100%;
    height:auto;
}

/* услуги кнопки */
    a.service-link {
        display:block;
        box-sizing: border-box;
        float:left;
        width:380px;
        margin:0 0 15px;
        padding:50px 10px 50px 120px;
        color:#fff;
        font-size:21px;
        line-height:30px;
        background-color:#18AFD3;
    }
    a.service-link:nth-child(3n-1) {
        margin:0 15px 15px;
    }
    /*a.service-link:nth-child(3n-1) {
        background-color:#f57e57;
    }
    a.service-link:nth-child(3n) {
        background-color:#4c6575;
    }*/
    a.service-link:nth-child(2n) {
        background-color:#f57e57;
    }
    a.service-link:hover {
        background-color:#4c6575;
    }
    a.service-link.detskaya {
        background-image:url(../images/icons/detskaya.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.service-link.implant {
        background-image:url(../images/icons/implant.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.service-link.obshie-yslugi {
        background-image:url(../images/icons/obshie-yslugi.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.service-link.ortopedia {
        background-image:url(../images/icons/ortopedia.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    a.service-link.otbelivanie {
        background-image:url(../images/icons/otbelivanie.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.service-link.parodontologia {
        background-image:url(../images/icons/parodontologia.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    a.service-link.protezirovanie {
        background-image:url(../images/icons/protezirovanie.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.service-link.rengetalogia {
        background-image:url(../images/icons/rengetalogia.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.service-link.terapia {
        background-image:url(../images/icons/terapia.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.service-link.xiryrgia {
        background-image:url(../images/icons/xiryrgia.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    
    

    
    

    
    
/* content */
.main {
    padding:20px 0 50px;
}
.main.main-left {
    float:left;
    width:850px;
    margin-right:50px;
}

.page-header h2, .item-full h2.title {
    margin:0 0px 10px;
}


.right-col {
    float:left;
    width:270px;
    padding:20px 0 50px;
}
.right-header {
    padding:15px 10px 15px 30px;
    border-bottom:2px solid #18AFD3;
    margin:0 0 20px;
}
.right-box  {
    margin-bottom:20px;
}
.right-menu-box .right-header {
    background:url(../images/menu-icon.png) left center no-repeat;
}
.right-menu-box ul {
    margin:0;
    padding:0;
    list-style:none;
}
    .right-menu-box ul li {
        display:block;
    }
        .right-menu-box ul li a {
            display:block;
            padding:10px 10px 10px 30px;
            color:#999;
        }
        .right-menu-box ul li a:hover {
            color:#18AFD3;
        }
.right-price-box a {
    display:block;
    border:2px solid #18AFD3;
    color:#18AFD3;
    padding:15px;
    text-align:center;
    font-weight:bold;
}
.right-price-box a:hover {
    background: #18AFD3;
    color:#fff;
}

.right-contact-box .right-header {
    background:url(../images/contacts-icon.png) left center no-repeat;
}

.right-sm {
    padding:5px 10px 5px 30px;
    margin:10px 0;
}

.right-time {
    background:url(../images/time-icon.png) left 10px no-repeat;
}
.right-mail {
    background:url(../images/mail-icon.png) left 7px no-repeat;
}
.right-llc {
    background:url(../images/contacts-icon.png) left 10px no-repeat;
}
.right-adres {
    background:url(../images/adres-icon.png) left 10px no-repeat;
}

.aboute-box {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 380px;
    margin: 0 0 15px;
}

.aboute-box:nth-child(3n-1) {
    margin: 0 15px 15px;
}
.aboute-box .aboute-text {
    /*text-align:center;*/
}
.aboute-box .aboute-text h3{
    font-size:18px;
    padding:0;
    margin:10px 0;
}

.aboute2-box {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 260px;
    margin: 12px;
}

.aboute2-box .aboute-text {
    /*text-align:center;*/
    font-size:14px;
    color:#a6e3f3;
}
.aboute2-box .aboute-text h3{
    font-size:18px;
    padding:0;
    margin:0 0 10px;
    color:#fff;
}


.doctors-line {
    background:#f57e57; 
    padding:10px 0; 
    color:#fff;
}

.doctors-line .zoo-doctors {
    width:280px;
    margin:5px;
    float:left;
}

.doctors-line .zoo-doctors {
    width:280px;
    margin:15px 5px;
    float:left;
    text-align:center;
}
.doctors-line .zoo-doctors img {
    width:200px;
    height:200px;
    border-radius:100px;
}
.doctors-line .zoo-doctors h3 {
    font-size:14px;
    color:#fff;
    margin:10px 0;
}


.testimonial-line {
    background:#fafafa;
    padding:1px 0;
}
.testimonial-item {
    padding:20px;
    margin:10px 15px;
    border:1px solid #eee;
    float:left;
    width:360px;
    font-size:14px;
    background:#fff;
}

/* каталог */
.yoo-zoo {
    
}
.yoo-zoo h2 {
	font-weight:bold !important;
	font-size:24px !important;
	line-height:32px !important;
	padding:10px 0 !important;
	margin:0px 0px 10px !important;
	text-transform:uppercase !important;
	color:#2b4859 !important;    
}
.yoo-zoo .items {
    
}
    /*тизеры услуг*/
    .yoo-zoo .items .teaser-item {
        width:380px;
        float:left;
        margin:5px;
        padding:0 !important;
        border:1px solid #ccc;
    }
        .yoo-zoo .items .teaser-item .pos-media {
            border-bottom:1px solid #eee;
        }
            .yoo-zoo .items .teaser-item .pos-media a {
                display:block;
            }
            .yoo-zoo .items .teaser-item .pos-media img {
                display:block;
            }
        .yoo-zoo .items .teaser-item .pos-title {
            padding:0;
            margin:0;
        }
            .yoo-zoo .items .teaser-item .pos-title a {
                display:block;
                text-align:center;
                padding:15px;
                font-weight:bold;
                font-size:21px;
                line-height:32px;
                color:#666;
            }
    /*полное описание услуг*/
    .item-full .item-listing {
        margin:30px 0;
    }
    .item-full .item-listing h3 {
        background: #F6F6F6;
        padding:15px 30px;
        display:block;
        margin:0;
    }
    .item-full .item-listing ul {
        padding:0;
        display:block;
        margin:0;
        list-style:none;
    }
    .item-full .item-listing li {
        border-bottom:1px solid #f6f6f6;
        border-left:1px solid #f6f6f6;
        border-right:1px solid #f6f6f6;
        padding:15px 30px;
        display:block;
        margin:0;
        color:#999;
    }
    
    /*тизеры услуг*/
    .yoo-zoo .items .doctor-item {
        border:1px solid #ccc;
        border-top:4px solid #18AFD3;
        margin-bottom:30px;
    }
        .yoo-zoo .items .doctor-item-left {
            float:left;
            width:250px;
            padding:30px 15px;
            text-align:center;
        }
            .yoo-zoo .items .doctor-item-left .pos-media img {
                display:block;
                border-radius:90px;
                margin:auto;
                border:1px solid #eee;
                width:180px;
                height:180px;
            }
            .yoo-zoo .items .doctor-item-left .pos-title {
                margin:15px 0;
                font-size:16px;
                padding:0;
                line-height:21px;
                font-weight:bold;
            }
            .yoo-zoo .items .doctor-item-left .pos-desc {
                margin:0;
                font-size:13px;
                padding:0;
                line-height:16px;
                color:#aaa;
            }
            .yoo-zoo .items .doctor-item .pos-point {
                /*font-weight:bold;*/
                text-decoration:underline;
                color:#999;
            }
        
        .yoo-zoo .items .doctor-item-right {
            float:left;
            width:595px;
            padding:30px;
        }
            .yoo-zoo .items .doctor-item-right h4 {
                margin:0;
                margin-bottom:15px;
                font-size:16px;
                padding:0;
                line-height:21px;
                font-weight:bold;
                text-decoration:underline;
  
            }
            .yoo-zoo .items .doctor-item-right .pos-desc {
                margin:0;
                margin-bottom:30px;
            }

/* footer-line */
.footer-line {
    background:#4c6575;
    color:#fff;
    font-size:14px;
    line-height:21px;
}
    .footer-line .center-box {
        padding:20px 0;
    }
    .footer-line a:hover {
        color:#fff;
    }
    .footer-line h3 {
        font-size:18px;
        line-height:21px;
        margin:0;
        padding:10px 0;
        color:#fff;
        font-weight:normal;
    }
    .footer-line .footer1 {
        width:25%;
        float:left;
        padding:10px;
    }
    .footer-line .footer2 {
        width:25%;
        float:left;
        padding:10px;
    }
    .footer-line .footer3 {
        width:25%;
        float:left;
        padding:10px;
    }
    .footer-line .footer4 {
        width:25%;
        float:left;
        padding:10px;
    }
        .footer-line .footer4 span {
            width:120px;
            display:inline-block;

        }
        .footer-line .footer4 strong {
            font-size:16px;
            text-transform:uppercase;
        }
    
    .footer-line ul {
        display:block;
        margin:0;
        padding:0;
        list-style:none;
    }
    .footer-line ul li {
        
    }
    .footer-line ul li:hover {
        background:rgba(0,0,0,0.1);
    }
        .footer-line ul li a {
            display:block;
            padding:5px;
        }

/*******/


/* ДОПОЛНИТЕЛЬНОЕ ОФОРМЛЕНИЕ */
/*листалка для постраничного вывода*/
.pagination
{
text-align:center;
margin-top:30px !important;
padding-top:10px !important;
border-top:1px solid #aaa;
}

.pagination ul
{
list-style: none;
}
.pagination ul li
{
display: inline-block;
margin-left:2px;
margin-right:2px;
}
.pagination ul li span, .pagination ul li a
{
    padding: 2px 15px;
    line-height: 18px;
    border: 1px solid #999;
    color:#999;
    border-radius: 3px;
}
.pagination ul li a
{
    border: 1px solid #065b9c;
    color:#065b9c;
}


#lightbox-wrap, #lightbox-wrap * {
    box-sizing: unset;
}

.hid {
    display:none;
}
.hid-box:hover .hid {
    display:block;
}