/*******
*
*
* Author Name : bootstrap24.ru
* Author URI : https://bootstrap24.ru/
* Descripion : This is a responsive Bootstrap Medical Center MedLife - Free Bootstrap Template
* Template URI : https://bootstrap24.ru/
* Version : 1.0
*
*
*******/
body{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
}
li{
	list-style: none;
}
a:hover, a:visited, a{
	text-decoration: none;
}
h4{
	font-size: 14px;
	color: #008ed6;
	text-transform: uppercase;
	margin-top: 65px;
	font-weight: 700;
}


/*header area*/
.top-header{
	background:#1c4458;
	position: fixed;
	width: 100%;
	z-index: 999;
		transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}

.top-header img.logo{
	margin-top: 0;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
}
.nav-bar{
	margin-top: 0px;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.navbar-toggle span{
	color: #fff;
}
ul.nav{
	margin: 0;
	padding: 10px;
}
.navbar-default .navbar-nav>li>a {
 	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	padding: 8px 0;
	margin:0 15px;
	font-weight: 600;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #fff;
	border-bottom: 2px solid #008ed6;
}
.navbar-default .navbar-nav>li>a.active{
	color: #fff;
	border-bottom: 2px solid #008ed6;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}

/*banner area*/
.banner{
	/*background: url(../img/32400.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
	
}
.banner h3{
	font-size: 14px;
	color: #008ed6;
	text-transform: uppercase;
	margin-top: 160px;
	font-weight: 700;
}
.banner h1{
	font-size: 60px;
    font-family: Rubik;
    font-weight: 700;
    margin: 20px 0 0 10px;
    color: #2c3e50;
}

.banner h1 span{
	color: #1bc141;
}
.banner p{
	font-size: 18px;
	color: #585858;
	margin: 35px 0 0 10px;
	line-height: 2;
	font-weight: 600;
}
.download-btn{
	width: 160px;
	height: 50px;
	background: #008ed6;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 4px;
	border:0;
	margin: 10px;
	margin-top: 60px;
	margin-right: 15px;
	font-weight: 600;
}
.features-btn{
	width: 160px;
	height: 50px;
	border-radius: 4px;
	border: 0;
	text-transform: uppercase;
	background: #008ed6;
	color: #fff;
	font-size: 14px;
	margin-top: 60px;
	margin-bottom: 105px;
	font-weight: 600;
}
.banner-img{
	position: relative;
}
.banner img{
	position: absolute;
	margin-top:125px;
}

/*features area*/
.features img{
	margin:auto;
	display: block;
	margin-bottom: 50px;
}
.features i.fa{
	font-size: 25px;
	color: #008ed6;
	font-weight: 700;
	width: 100px;
	  height: 100px;
	  border: 1px solid #e1e1e1;
	  line-height: 4;
	  border-radius: 50%;
	  cursor: pointer;
	  transition: all .7s ease 0s;
	  -webkit-transition: all .7s ease 0s;
	  -moz-transition: all .7s ease 0s;
	  -o-transition: all .7s ease 0s;
	  -ms-transition: all .7s ease 0s;
}
.features i.fa:hover{
	color: #fff;
	background: #008DD5;
}
.features h3{
	font-size: 24px;
	color: #1a1a1a;
}
.features p{
	font-size: 18px;
	color: #999999;
	margin-bottom: 70px;
}
/*details area*/
.details-phone{
	margin-top: 0px;
}
.details p{
	font-size: 18px;
	color: #999999;
	margin: 30px 0;
}
.details ul{
	margin: 0;
	padding: 0;
}
.details ul li{
	font-size: 18px;
	color: #1b1b1b;
}
.details ul li i.fa{
	font-size: 20px;
	color: #008ed6;
	height: 30px;
	width: 30px;
}

/*feature-detail area*/
.feature-detail{
	background: #f2f2f2;
}
.feature-detail h4{
	margin-top: 120px;
}
.feature-detail h2{
	margin-bottom: 10px;
}
.feature-detail p{
	font-size: 18px;
	color: #999999;
	margin-top: 20px;
}
.horizontal-phone img{
	margin:30px 0;
}






.thumbnail {
margin-top: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    color: black;
    padding: 0 3px;
}

.catalog{
	margin-top: 35px;
	margin: 2%;
}

/* end блок шаблоны*/

/*footer section*/


.edit {
    padding-top: 10%;
	width:100%;
}

@media (max-width: 768px){
.edit {
    padding-top: 30%;
}}

.border-light {
    border-color: #f8f9fa!important;
    
}

.node--type-template.node--view-mode-full .template-links > div {
    display: inline-block;
    margin-right: 5px;
}

.templates {
margin-top: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    color: black;
	display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

/* ховер для списка категорий */
.list-group > li:hover {
    background-color: #e3e7e8;
    background-image: none;
}
/* моб меню справа убрал сдвиг */
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: 0px;
    
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: 0px;
    padding-top: 0px;
}



.single-service {
    background: #fff;
    text-align: center;
    padding: 35px 17px 50px 17px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.margin-top-middle {
    margin-top: 70px;
}

.service-section {
    padding: 120px 0 90px 0;
    background: #f5f5f5;
    background-color: rgb(209, 216, 225);
}

.service-section .single-service h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.service-section .single-service i {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 30px;
    color: #0c8ae4;
}

.title-middle p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    line-height: 27px;
}

.fa-map-marker-alt:before {
        color: #40c75f;
}

.fa-envelope:before {
       color: #99d6f5;
}

.fa-phone:before {
        color: #ffae35;
}

.footer img {
    color: #fff;
    margin-bottom: 20px;
    font-size: 21px;
    text-transform: none;
    margin-top: 45px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.department-section {
    padding: 120px 0;
}

.department-section .department-left h2 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    line-height: 40px;
    padding-bottom: 20px;
}

.department-section .department-right .single-department {
    padding: 30px 0px;
    text-align: center;
    border: 1px solid #eee;
    margin-bottom: 30px;
    border-radius: 2px;
}

.department-section .department-right .single-department img {
    object-fit: cover;
    max-width: 100px;
    margin-bottom: 20px;
}

.department-section .department-right .single-department h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.department-section .department-left ul li i {
    color: #0c8ae4;
    padding-right: 15px;
}

.department-section .department-left ul li {
    list-style: none;
    line-height: 45px;
}

input.btn-small, a.btn-small {
    display: inline-block;
    background: #0c8ae4;
    padding: 10px 20px;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 600;
}

.counter-section {
    background: linear-gradient(rgba( 12, 138, 228, 0.85 ), rgba( 12, 138, 228, 0.85 )), url(../img/counter-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: none;
}

.counter-section .single-counter {
    color: #fff;
    text-align: center;
    padding: 60px 0;
    border: 1px dashed #fff;
}

.counter-section .single-counter i {
    font-size: 50px;
    font-weight: 700;
}

.counter-section .single-counter span {
    display: block;
    font-size: 60px;
    font-weight: 700;
    margin: 40px 0;
}

.counter-section .single-counter h6 {
    font-size: 25px;
    font-weight: 500;
}

.doctors-section {
    padding: 120px 0;
    background: #f5f5f5;
}

.title-middle {
    text-align: center;
}

.margin-top-middle {
    margin-top: 70px;
}

.kc-container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.gallery-section {
    padding: 120px 0;
}

.no-padding {
    padding: 0;
}

.gallery-section-1x .single-gallery {
    border: 1px solid #fff;
    margin-bottom: -8px;
}

.hvrbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: -8px;
}

.hvrbox .hvrbox-layer_bottom {
    display: block;
}

.gallery {
	padding: 120px 0;
}

.no-padding {
    padding: 0;
}






.cart-dropdown .dropdown-menu:after {
    display: none
}



.cart-dropdown .dropdown-menu-right {
    right: -60px
}



.dropdown-sm {
    position: relative
}

.dropdown-sm .btn {
    padding: 0;
    color: rgba(255,255,255,.8)
}

.dropdown-sm .btn:focus {
    text-decoration: none
}

.dropdown-sm .dropdown-menu {
    min-width: 6rem;
    padding: .3125rem;
    top: 10px!important
}

.dropdown-sm .dropdown-menu .dropdown-item {
    font-size: .75rem;
    padding: 6px 12px;
    text-transform: capitalize;
    color: #6c757d;
    transition: all .3s ease-in-out
}

.dropdown-sm .dropdown-menu .dropdown-item:hover {
    background-color: #84bed6;
    color: #fff
}

.navbar {
    /*box-shadow: 0 .25rem 0 rgba(0,0,0,.1);*/
    padding: .32rem 0;
    z-index: 100;
    transition: .4s ease-in-out
}





@media(min-width: 768px) {
    .navbar .navbar-collapse {
        position:static;
        width: auto;
        border-top: 0;
        padding-bottom: 0;
        background-color: transparent;
        box-shadow: none
    }
}

.navbar .navbar-collapse.show {
    overflow-y: auto
}



.navbar-nav .nav-item.dropdown:last-child .nav-link.dropdown-toggle span {
    border-right: none
}

.navbar-nav .dropdown>a {
    font-size: .875rem
}

.navbar-nav .dropdown .nav-link span {
    display: inline-block;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: #adb5bd;
    font-weight: 600;
	padding: 0 10px;
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .nav-link span {
        display:block;
        width: 85px;
        border-right: 2px solid;
        padding: 0 .75rem
    }
}

@media(min-width: 992px) {
    .navbar-nav .dropdown .nav-link span {
        width:110px;
        padding: 0
    }
}

.navbar-nav .dropdown .dropdown-menu {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 200
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu {
        border-top:4px solid;
        margin-top: 0;
        width: 210px;
        padding: .3rem;
        box-shadow: 0 .25rem .38rem rgba(0,0,0,.175)
    }
}

@media(min-width: 992px) {
    .navbar-nav .dropdown .dropdown-menu {
        width:230px
    }
}

.navbar-nav .dropdown .dropdown-menu li {
    position: relative
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item,.navbar-nav .dropdown .dropdown-menu ul li a {
    color: #666;
    padding-top: .38rem;
    padding-bottom: .38rem;
    font-size: .875rem;
    transition: all .3s ease-in-out
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .dropdown-item,.navbar-nav .dropdown .dropdown-menu ul li a {
        padding:.625rem .75rem;
        display: block
    }
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,.navbar-nav .dropdown .dropdown-menu ul li a:hover {
    padding-left: 1.38rem
}

.navbar-nav .dropdown .dropdown-menu .sub-menu {
    list-style: none;
    padding-left: 1.25rem;
    margin-left: 1.53rem;
    position: relative
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu {
        position:absolute;
        left: 100%;
        top: 0;
        background-color: #fff;
        width: 185px;
        visibility: hidden;
        opacity: 0;
        margin-left: .18rem;
        padding: .3125rem;
        border-radius: .25rem;
        border-left: 4px solid;
        box-shadow: 0 .25rem .375rem rgba(0,0,0,.175)
    }
}

@media(min-width: 992px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu {
        width:190px
    }
}

@media(min-width: 1200px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu {
        width:210px
    }
}

.navbar-nav .dropdown .dropdown-menu .sub-menu:before {
    position: absolute;
    left: 0;
    height: 90%;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    background-color: #e7e7e7;
    content: ''
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu:before {
        background-color:transparent;
        left: -10px;
        width: 20px
    }
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu:after {
        border-top:8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 7px solid #000;
        top: 20px;
        margin-top: -.625rem;
        content: "";
        display: inline-block;
        left: -10px;
        position: absolute
    }
}

.navbar-nav .dropdown .dropdown-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1
}

.navbar-nav .dropdown .dropdown-menu i {
    display: none
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu i {
        display:inline-block;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.navbar-nav .dropdown .dropdown-menu.show .nav-link.dropdown-toggle:after {
    content: "\f106"
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu.show .nav-link.dropdown-toggle:after {
        content:''
    }
}

.navbar-nav .dropdown .dropdown-toggle:after {
    display: inline-block;
    width: auto;
    height: auto;
    font-family: fontawesome;
    margin-left: .3125rem;
    vertical-align: middle;
    content: "\f107";
    border: 0;
    color: inherit;
    position: absolute;
    top: 25px;
    right: 15px;
    transform: translateY(-50%);
    font-size: 1.1rem;
    color: #000
}

@media(min-width: 768px) {
    .navbar-nav .dropdown .dropdown-toggle:after {
        content:''
    }
}

.navbar-nav .dropdown.show .dropdown-toggle:after {
    content: "\f106"
}





.nav-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    margin-right: .6325rem
}


    .nav-icon {
        margin:0 auto .625rem;
        margin-bottom: .625rem;
       
    }
}







@media(min-width: 768px) {
    .dropdown-menu.row.show.components .list-unstyled li:first-child {
        margin-bottom:0
    }
}

.nav-item.bg-warning {
    background-color: transparent!important
}

.nav-item.bg-warning .nav-link i {
    background-color: #f0c24b;
	display: grid;
	
}

.nav-item.bg-warning .nav-link span {
    border-color: #f0c24b
}

.nav-item.bg-warning .nav-link.active span {
    color: #f0c24b
}

.nav-item.bg-warning .dropdown-menu {
    border-color: #f0c24b
}

.nav-item.bg-warning .dropdown-menu li a:hover {
    background-color: #f0c24b;
    color: #fff
}

.nav-item.bg-warning .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #f0c24b
}

.nav-item.bg-warning .dropdown-menu li .dropdown-item.active:hover {
    background-color: #f0c24b;
    color: #fff
}

.nav-item.bg-danger {
    background-color: transparent!important
}

.nav-item.bg-danger .nav-link i {
    background-color: #ea7066;
	display: grid;
	
}

.nav-item.bg-danger .nav-link span {
    border-color: #ea7066
}

.nav-item.bg-danger .nav-link.active span {
    color: #ea7066
}

.nav-item.bg-danger .dropdown-menu {
    border-color: #ea7066
}

.nav-item.bg-danger .dropdown-menu li a:hover {
    background-color: #ea7066;
    color: #fff
}

.nav-item.bg-danger .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #ea7066
}

.nav-item.bg-danger .dropdown-menu li .dropdown-item.active:hover {
    background-color: #ea7066;
    color: #fff
}

.nav-item.bg-danger .dropdown-menu li .sub-menu {
    border-left-color: #ea7066
}

.nav-item.bg-danger .dropdown-menu li .sub-menu:after {
    border-right-color: #ea7066
}

.nav-item.bg-success {
    background-color: transparent!important
}

.nav-item.bg-success .nav-link i {
    background-color: #b5d56a;
	display: grid;
	
}

.nav-item.bg-success .nav-link span {
    border-color: #b5d56a
}

.nav-item.bg-success .nav-link.active span {
    color: #b5d56a
}

.nav-item.bg-success .dropdown-menu {
    border-color: #b5d56a
}

.nav-item.bg-success .dropdown-menu li a:hover {
    background-color: #b5d56a;
    color: #fff
}

.nav-item.bg-success .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #b5d56a
}

.nav-item.bg-success .dropdown-menu li .dropdown-item.active:hover {
    background-color: #b5d56a;
    color: #fff
}

.nav-item.bg-success .dropdown-menu li .sub-menu {
    border-left-color: #b5d56a
}

.nav-item.bg-success .dropdown-menu li .sub-menu:after {
    border-right-color: #b5d56a
}

.nav-item.bg-success .dropdown-menu li:first-child {
    color: #b5d56a
}

.nav-item.bg-info {
    background-color: transparent!important
}

.nav-item.bg-info .nav-link i {
    background-color: #84bed6;
	display: grid;
	
}

.nav-item.bg-info .nav-link span {
    border-color: #84bed6
}

.nav-item.bg-info .nav-link.active span {
    color: #84bed6
}

.nav-item.bg-info .dropdown-menu {
    border-color: #84bed6
}

.nav-item.bg-info .dropdown-menu li a:hover {
    background-color: #84bed6;
    color: #fff
}

.nav-item.bg-info .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #84bed6
}

.nav-item.bg-info .dropdown-menu li .dropdown-item.active:hover {
    background-color: #84bed6;
    color: #fff
}

.nav-item.bg-info .dropdown-menu li .sub-menu {
    border-left-color: #84bed6
}

.nav-item.bg-info .dropdown-menu li .sub-menu:after {
    border-right-color: #84bed6
}

.nav-item.bg-info .dropdown-menu li:first-child {
    color: #84bed6
}

.nav-item.bg-purple {
    background-color: transparent!important
}

.nav-item.bg-purple .nav-link i {
    background-color: #a597e7;
	display: grid;
	
}

.nav-item.bg-purple .nav-link span {
    border-color: #a597e7
}

.nav-item.bg-purple .nav-link.active span {
    color: #a597e7
}

.nav-item.bg-purple .dropdown-menu {
    border-color: #a597e7
}

.nav-item.bg-purple .dropdown-menu li a:hover {
    background-color: #a597e7;
    color: #fff
}

.nav-item.bg-purple .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #a597e7
}

.nav-item.bg-purple .dropdown-menu li .dropdown-item.active:hover {
    background-color: #a597e7;
    color: #fff
}

.nav-item.bg-purple .dropdown-menu li .sub-menu {
    border-left-color: #a597e7
}

.nav-item.bg-purple .dropdown-menu li .sub-menu:after {
    border-right-color: #a597e7
}

.nav-item.bg-purple .dropdown-menu li:first-child {
    color: #a597e7
}

.nav-item.bg-pink {
    background-color: transparent!important
}

.nav-item.bg-pink .nav-link i {
    background-color: #ea77ad;
	display: grid;
	
}

/*.navbar-toggler {
    margin-right: .94rem;
    background-color: #ea7066;
    border-radius: .25rem;
    box-shadow: 0 0.25rem 0 rgba(0,0,0,.1);
    color: #fff;
}*/



@media (max-width: 767px) {
	.nav-item.bg-pink .nav-link i {
    background-color: #ea77ad;
    display: inline-block;
    
}
}

@media (max-width: 767px) {
.nav-item.bg-purple .nav-link i {
    background-color: #a597e7;
    display: inline-block;
}
}

@media (max-width: 767px) {
.nav-item.bg-info .nav-link i {
    background-color: #84bed6;
    display: inline-block;
}
}

@media (max-width: 767px) {
.nav-item.bg-success .nav-link i {
    background-color: #b5d56a;
    display: inline-block;
}
}

@media (max-width: 767px) {
.nav-item.bg-danger .nav-link i {
    background-color: #ea7066;
    display: inline-block;
}
}

@media (max-width: 767px) {
.nav-item.bg-warning .nav-link i {
    background-color: #f0c24b;
    display: inline-block;
}
}

.msg__link {
    color: #0dcaf0;
    display: inline-block;
    line-height: 1.1;
    border-bottom: 1px dashed #0dcaf0;
    transition: 0.2s all linear;
}

@media (min-width: 767px) {
.wwidth {
    width:70%;
}}