<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.html">Главная</a>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Услуги
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="divider"></li>
<li><a href="#">Гинекология</a></li>
<li class="divider"></li>
<li><a href="#">Лаборатория</a></li>
<li class="divider"></li>
<li><a href="#">Узи</a></li>
<li class="divider"></li>
<li><a href="#">Офтальмология</a></li>
<li class="divider"></li>
<li><a href="#">Рентгенология</a></li>
<li class="divider"></li>
<li><a href="#">Оториноларингология</a></li>
<li class="divider"></li>
<li><a href="#">Хирургия</a></li>
<li class="divider"></li>
<li><a href="#">Вакцинация</a></li>
<li class="divider"></li>
<li><a href="#">Физиотерапия</a></li>
<li class="divider"></li>
<li><a href="#">Массаж</a></li>
<li class="divider"></li>
<li><a href="#">Водительская комиссия</a></li>
<li class="divider"></li>
<li><a href="#">Неврология</a></li>
<li class="divider"></li>
<li><a href="#">Стоматология</a></li>
<li class="divider"></li>
<li><a href="#">Профосмотры</a></li>
<li class="divider"></li>
</ul>
</li>
<li>
<a href="blog.html">Новости</a>
</li>
<li>
<a href="gallery.html">Галерея</a>
</li>
<li>
<a href="team.html">Врачи</a>
</li>
<li>
<a href="vacancies.html">Вакансии</a>
</li>
<li>
<a href="about.html">Руководство</a>
</li>
<li>
<a href="#">ЗОЖ</a>
</li>
<li>
<a href="contact.html">Контакты</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="collapse navbar-collapse-expand-lg" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.html">Главная</a>
</li>
<!--[if IE 7]><script>window.location.href = "https://www.google.ru/chrome/browser/desktop/";</script><![endif]-->
<!--[if IE 8]><script>window.location.href = "https://www.google.ru/chrome/browser/desktop/";</script><![endif]-->
<!--[if IE 9]><script>window.location.href = "https://www.google.ru/chrome/browser/desktop/";</script><![endif]-->
<!--[if IE 11]><script>window.location.href = "https://www.google.ru/chrome/browser/desktop/";</script><![endif]-->
.service-section .items-container {
margin-top: 30px;
display: flex;
align-items: stretch;
flex-direction: row;
}
.service-section .items-container .slick-prev:before, .service-section .items-container .slick-next:before {
font-size: 25px;
color: #48bdc5;
}
.service-section .items-container .item {
margin: 10px 20px;
outline: 0;
}
.service-section .inner-box {
position: relative;
border-radius: 5px 5px 0px 0px;
box-shadow: 0 0 20px #f1f1f1;
margin-bottom: 20px;
height: 100%;
}
.service-section .inner-box .img_holder img {
width: 100%;
border-radius: 5px;
}
.service-section .inner-box .image-content {
padding: 38px 30px;
background: #fff;
height: 100%;
}
.service-section .inner-box .image-content
.service-section .inner-box .image-content span {
font-size: 15px;
line-height: 26px;
font-weight: 400;
color: #777777;
letter-spacing: .5px;
}
.service-section .inner-box .image-content h6 {
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #222222;
padding-top: 6px;
padding-bottom: 8px;
text-transform: uppercase;
}
.service-section .inner-box .image-content p {
font-size: 15px;
line-height: 26px;
font-weight: 400;
color: #777777;
padding-bottom: 15px;
}
.service-two .left-side {
padding: 140px 0px;
}
.service-two .left-side .section-title h3 {
position: relative;
padding-bottom: 15px;
margin-bottom: 22px;
}
.service-two .left-side .section-title h3inner-box:before {
position: absolute;
content: '';
background: #ececec;
bottom: 0px;
left: 0px;
height: 1px;
width: 240px;
}
.service-two .left-side .section-title h3:after {
position: absolute;
content: '';
background: #48bdc5;
bottom: 0px;
left: 0px;
height: 1px;
width: 50px;
}
.service-two .left-side .section-title p {
font-size: 15px;
line-height: 26px;
color: #777777;
font-weight: 400;
padding-bottom: 40px;
}
.service-two .social-links {
margin-bottom: 50px;
}
.service-two .social-links li {
position: relative;
display: inline-block;
width: 170px;
margin-right: 40px;
}
.service-two .social-links li .icon-box {
width: 95px;
height: 95px;
line-height: 95px;
border-radius: 50%;
text-align: center;
margin-bottom: 20px;
border: 1px solid #dfdfdf;
}
.service-two .social-links li .icon-box i:before {
font-size: 35px;
color: #222222;
}
.service-two .social-links li .border-shep {
position: absolute;
content: '';
top: 50px;
right: 0px;
background: #cdcdcd;
height: 1px;
width: 20px;
}
.service-two .social-links li h6 {
font-size: 16px;
line-height: 28px;
color: #222222;
font-weight: 400;
padding-bottom: 5px;
letter-spacing: .5px;
}
.service-two .link-buttons li {
display: inline-block;
color: #777777;
font-size: 18px;
font-weight: 400;
}
.service-two .link-buttons li.link-btn a {
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
height: 45px;
padding: 0px 35px;
line-height: 45px;
}
.service-two .link-buttons li.link-btn.style-one {
background: #48bdc5;
transition: all 500ms ease;
}
.service-two .link-buttons li.link-btn.style-one:hover {
background: #7b64cb;
transition: all 500ms ease;
}
.service-two .link-buttons li.or-background {
margin: 0px 20px;
}
.service-two .link-buttons li.link-btn.style-two {
background: #7b64cb;
transition: all 500ms ease;
}
.service-two .link-buttons li.link-btn.style-two:hover {
background: #48bdc5;
transition: all 500ms ease;
}
.service-two .image-box img {
width: 100%;
margin-top: 28px;
}
.service-details {
padding: 120px 0px;
}