/*MAIN PAGE*/ /*HEADER*/ header{ position: fixed; height: 45px; width: 100%; background: #3b434d; z-index: 99999999; } header .menu{ position: relative; height: 100%; width: 100%; } header .menu ul li a{ height: 100%; color: #fff; font-family: Cuprum, sans-serif; font-size: 16px; } header .menu ul li a:hover{ text-decoration: none; color: #5597d1; } header .menu ul{ padding: 0; margin-bottom:0; height: 100%; width: 100%; list-style: none; top: 0; left: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } header .menu ul li{ padding-top: 13px; margin:0 10px; height: 100%; float: left; } header .menu .circles{ right: 0; position: absolute; padding-top: 5px ; } header .circles .circle{ margin: 5px 2px; float: left; width: 30px; height: 30px; background:url(../images/circle-1.png); } header .circles .circle:nth-child(2){ background:url(../images/circle-2.png); } header .circles .circle:nth-child(3){ background:url(../images/circle-3.png); } header .burger{ display: none; width: 30px; height: 30px; background: url(../images/menu-burger.png) center no-repeat; cursor: pointer; } header .menu-mobile{ list-style: none; text-align: center; color: #000; background: #3b434d; } header .menu-mobile ul{ list-style: none; } header .menu-mobile ul li{ margin-top: 10px; } header .menu-mobile ul li a{ color: #fff; font-family: Cuprum, sans-serif; font-size: 18px; } header .menu-mobile ul li a:hover{ text-decoration: none; cursor: pointer; color: #5597d1; } /*HEADER END*/ .main-container{ padding-top: 60px; } /*LEFT SIDE*/ .left-side{ font-family: Cuprum, sans-serif; font-weight: 400; width: 20%; } @media (min-width: 992px){ .left-side{ padding-right: 20px; } } @media (min-width: 768px){ .left-side{ padding: 0 2px; } } .left-side .info{ padding: 0 10px; margin-bottom: 20px; } .left-side .logo{ text-align: center; margin-bottom: 15px } .left-side .logo-subtitle{ line-height: 16px; font-size: 14px; text-align: center; color:#a1a1a1; } .left-side .howtoget_button{ font-size: 16px; display: block; cursor: pointer; padding: 10px 0; text-align: center; text-decoration: underline; color:#929292; background: #ebebeb; margin: 10px 0; } /* .left-side .contacts{ padding-left: 10px; }*/ .left-side .contact{ color:#929292; font-size: 14px; } .left-side .value{ font-size: 16px; margin-bottom: 5px; } .left-side .all-phones{ display: inline-block; text-decoration: underline; } .left-side .all-phones img{ margin-left: 5px; } .left-side .specializations .spec-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; background: #929292; color: #fff; } .left-side .specializations .spec-header a{ display: inline-block; float: right; } .left-side .spec{ margin-top: 10px; height: 54px; background: #ebebeb; border-radius: 32px 0 0 32px; position: relative; } .left-side .spec .spec-avatar{ width: 50px; height: 50px; border-radius: 50%; display: block; position: absolute; margin-left: -10px; z-index: 10; left: 12px; top: 2px; } .left-side .spec .text{ margin-left: 55px; padding-top: 5px; } .left-side .spec .text .subtitle{ font-size: 14px; color: #929292; } .left-side .spec .text .title{ font-size: 16px; } .left-side .more{ text-align: right; margin-top: 10px; } .left-side .more a{ font-size: 14px; color:#929292; } .left-side .add-info{ width: 100%; display: inline-block; margin-top: 40px; } .left-side .add-info .info{ padding-top: 20px; height: 90px; font-size: 20px; line-height: 20px; font-weight: 700; background: #ebd0ce; text-align: center; color: #fff; } /*LEFT-SIDE END*/ /*MAIN TITLE*/ .main-title{ position: relative; } .main-title .title{ font-family: Cuprum; font-weight: 700; color: #004d7b; } .main-title .subtitle{ font-family: Cuprum; font-weight: 700; font-size: 16px; color: #929292; margin-bottom: 20px; } .soc{ position: absolute; right: 60px; top: 30px; } .soc .social{ float: left; width: 25px; height: 25px; margin-right: 4px; border-radius: 50%; background: blue; display: block; } .soc .social:nth-child(1){ background: url(../images/soc-fb.png) } .soc .social:nth-child(2){ background: url(../images/soc-vk.png) } .soc .social:nth-child(3){ background: url(../images/soc-ok.png) } .soc .social:nth-child(4){ background: url(../images/soc-twitter.png) } .soc .social:nth-child(1):hover{ background: url(../images/soc-fb-hover.png) } .soc .social:nth-child(2):hover{ background: url(../images/soc-vk-hover.png) } .soc .social:nth-child(3):hover{ background: url(../images/soc-ok-hover.png) } .soc .social:nth-child(4):hover{ background: url(../images/soc-twitter-hover.png) } /*MAIN TITLE END*/ /*MAIN CONTENT*/ .main-container .col-lg-10{ width: 80%; } /*.main-container .content{ padding-right: 0; }*/ .content-left{ padding-right: 0; } .content-left .slider{ position: relative; } .content-left .arrow{ width: 10px; height: 16px; position: absolute; z-index: 10; top: 50%; cursor: pointer; } .content-left .arrow-left{ background: url(../images/slide-arrow-left.png); left: 10px; } .content-left .arrow-right{ background: url(../images/slider-arrow-right.png); right: 10px; } .content-left .swiper-slide img{ display: block; } .content-left .about{ display: inline-block; margin-top: 40px; } .content-left .about .block-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; font-family: Cuprum, sans-serif; background: #929292; color: #fff; margin-bottom: 10px; } .content-left .about .block-header img{ float: right; margin-top: 3px; } .content-left .doctor{ font-family: Cuprum, sans-serif; font-weight: 400; } .content-left .doctor .doctor-avatar{ margin-bottom: 8px; text-align: center; } .content-left .doctor .doctor-name{ text-align: center; font-size: 22px; color: #004d7b; line-height: 22px; margin-bottom: 4px; } .content-left .doctor .doctor-desc{ text-align: center; color: #929292; } .content-left .doctor .doctor-link{ padding: 9px 0; font-size: 14px; margin-top: 15px; text-align: center; background: #ebebeb; } .content-left .doctor .doctor-link a{ color: #929292; text-decoration: underline; } .content-left .about .about-text .title{ font-family: Cuprum, sans-serif; font-weight: 700; font-size: 16px; } .content-left .about .about-text .text{ font-family: Open Sans, sans-serif; font-size: 16px; color: #3b434d; } .content-left .about .more-text{ font-family: Open Sans, sans-serif; margin-top: 10px; } .content-left .about .more{ margin-top: 10px; text-align: right; } .content-left .about .more a{ font-size: 14px; color:#929292; } .content-left .clinics{ margin-top: 40px; } .content-left .clinics .clinic{ position: relative; display: inline-block; margin-bottom: 10px; border: 1px solid #ebebeb; } .content-left .clinics .block-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; font-family: Cuprum, sans-serif; background: #929292; color: #fff; margin-bottom: 10px; } .content-left .clinics .block-header img{ float: right; margin-top: 3px; } .content-left .clinics .clinic-image{ margin-right: 15px; display: block; float: left; height: 100%; } .content-left .clinics .text{ /*padding-left: 115px;*/ } .content-left .clinics .text .title{ font-size: 18px; line-height: 18px; font-family: Cuprum, sans-serif; } .content-left .clinics .text .subtitle{ font-family: Open Sans, sans-serif; color: #a1a1a1; padding-left: 10px; } .content-left .clinics .clinic .recomended{ position: absolute; left: -7px; bottom: 5px; height: 36px; width: 196px; padding-top: 6px; font-family: Cuprum, sans-serif; font-size: 16px; color: #fff; padding-left: 6px; background:url(../images/green-recomended.png) no-repeat; } .content-left .clinics .more{ text-align: right; margin-top: 10px; } .content-left .clinics .more a{ font-size: 14px; color:#929292; } .content-right{ padding-left: 0; } .content .importants{ font-family: Open Sans, sans-serif; } .content .importants .important{ height: 90px; margin-left: 10px; margin-bottom: 10px; padding:0; display: block; background: #d7d7d7; } .content .importants .important:hover{ text-decoration: none; background: #004d7b; } .content .importants .important:focus{ text-decoration: none; } .content .importants .important:nth-child(1) .description{ padding-top: 20px; } .content .importants .important:nth-child(2) .description{ padding-top: 15px; padding-left: 0; } .content .importants .important:nth-child(4) .description{ padding-top: 10px; } .content .importants .important:nth-child(6) .description{ padding-top: 20px; } .content .importants .important .important-image{ padding-top: 20px; margin-left: 5px; height: 100%; width: 25%; display: block; float: left; } .content .importants .important .description{ color: #fff; font-weight: 700; height: 100%; font-size: 15px; padding-left: 65px; } .content-right .today{ margin-top: 25px; padding-left: 15px; display: inline-block; } .content-right .today .today-item .head{ background: #929292; padding: 12px 5px; font-size: 13px; font-family: Cuprum; text-align: right; height: 40px; color: #fff; border-radius: 10px 0 0 0; } .content-right .today .today-item .head-blue{ background: #5597d1; } .content-right .today .today-item .head .date{ float: left; display: block; } .content-right .today .today-item .head .name{ float: right; display: block; } .content-right .today .today-item{ padding-right: 0; } .content-right .today .block-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; font-family: Cuprum, sans-serif; background: #929292; color: #fff; margin-bottom: 10px; } .content-right .today .block-header img{ float: right; margin-top: 3px; } .content-right .today .image{ position: relative; margin-top: 10px; } .content-right .today .image img{ display: block; width: 200px; margin: 0 auto; } .content-right .today .logo{ position: absolute; top: 0; font-family: Cuprum, sans-serif; right: 15px; width: 60px; height: 60px; } .content-right .today .logo img{ width: 60px; height: 60px; } .content-right .today .free{ position: absolute; padding-top: 5px; padding-left: 7px; top: 60px; left: -5px; font-family: Cuprum, sans-serif; color: #fff; width: 200px; height: 40px; background: url(../images/free-bg.png) no-repeat; } .content-right .today .desc{ margin-top:10px; margin-bottom: 10px; font-family: Cuprum, sans-serif; padding-left: 5px; font-size: 14px; } .content-right .today .org{ font-family: Cuprum, sans-serif; font-weight: 600; text-align: center; border-top:1px solid #ebebeb; padding-top: 5px; color: #004d7b; } .content-right .today .adress{ margin-top: 5px; font-family: Cuprum, sans-serif; font-size: 14px; padding: 15px 0; background: #ebebeb; color: #929292; text-align: center; } .content-right .news .block-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; font-family: Cuprum, sans-serif; background: #929292; color: #fff; margin-bottom: 10px; } .content-right .news .block-header img{ float: right; margin-top: 3px; } .content-right .news-item{ height: 320px; padding: 0 10px; padding-right: 0; margin-bottom: 20px; } .content-right .news-item .inner{ height: inherit; background: #ebebeb; } .content-right .news{ display: inline-block; margin-top: 25px; padding-left: 15px; } .content-right .news .image{ font-family: Cuprum, sans-serif; margin-bottom: 10px; color:#fff; height: 140px; width: 100%; position: relative; } .content-right .news .image img{ display: block; width: 200px; margin: 0 auto; } .content-right .news .image .title{ font-size: 16px; position: absolute; bottom: 10px; left: 20%; } .content-right .news .desc{ font-family: Open Sans, sans-serif; padding-left: 10px; font-size: 14px; line-height: 17px; } .content-right .news .data{ padding: 10px 0; margin:10px; margin-top:20px; color: #929292; text-align: right; border-top: 1px solid #d4d4d4; } /*footer*/ footer{ position: absolute; margin-top: 40px; width: 100%; padding-top: 40px; padding-bottom: 20px; display: inline-block; background: #3b434d; } footer .list{ position: relative; list-style: none; float: left; width: 25%; font-family: Cuprum, sans-serif; font-size: 16px; } footer .list a{ color: #f2f2f3 } footer .list li:nth-child(1){ } footer .list li:nth-child(1) a{ color: #75787b; font-weight: 700; font-size: 18px; } footer .admin-button{ background: #ebebeb; margin-top: 25px; padding: 10px 5px; text-align: center; display: block !important; } footer .admin-button a{ font-size: 14px; color: #929292; text-decoration: underline; } footer .admin-button a:hover{ text-decoration: underline; } footer .copyright{ float: right; height: auto; margin-top: 40px; } footer .copyright .text{ color: #919293; font-family: Open Sans, sans-serif; float: left; width: 60%; text-align: right; } footer .copyright a{ font-family: Open Sans, sans-serif; padding-left: 8px; text-decoration: underline; color: #9e9e9e; } footer .copyright a:hover{ color: #9e9e9e; text-decoration: underline; } footer .copyright .logo{ text-align: center; float: left; margin-left: 20px; } /**/ @media (min-width: 1200px){ .important{ width: 47%; } } @media (min-width: 992px){ .content-right .today .today-item{ width: 50%; margin-top: 20px; } .content-right .news-item{ width: 50%; } } @media (min-width: 768px){ .content-right .today .today-item{ float: left; width: 50%; } .content-right .news-item{ float: left; width: 50%; } } @media (max-width: 992px){ .left-side{ width: 27% !important; } .content-a-lot{ padding-right: 0; } .main-container .col-lg-10{ width: 73% !important; } header .circles{ position: static !important; } header .menu ul li a{ font-size: 14.5px ; } } @media (max-width: 1200px){ .main-title .soc{ display: none; } footer .admin-button{ width: 80%; } } @media (max-width: 1200px){ .left-side{ width: 20%; } .content-left{ width: 100%; } .content-left .clinic{ width: 100%; } .content-right{ width: 100%; } } @media (max-width: 768px){ .left-side .specializations .spec{ display: none; } .left-side .specializations .more{ display: none; } .left-side .add-info{ display: none; } .main-container .main-title{ display: none; } .content .clinics{ display: none; } .content-right{ padding-right: 0; } .content-right .importants{ display: none; } .left-side{ width: 100% !important; margin-bottom: 40px; } .main-container .col-lg-10 { width: 100% !important; } .main-container .main-title{ width: 100% !important; } .main-container .content-right{ width: 100% !important; } .main-container .content-right .today{ width: 100% !important; } .importants{ width: 100% !important; } .main-container .content-left{ width: 100% !important; } .main-container .content-left .clinic{ width: 100% !important; } .main-container .mobile{ display: block; } .left-side .title{ font-size: 32px; } .left-side .main-title{ padding: 0; } .left-side{ padding-right: 15px; } .left-side .logo-subtitle{ width: 50%; margin: 0 auto; } .left-side .specializations .spec-header a{ transform: rotate(90deg); } .content-left .doctor{ margin-bottom: 30px; } .content-left .about .about-text{ margin-bottom: 30px; } .main-container .content-a-lot{ padding-right: 0; } .content-right .today .today-item{ width: 50%; float: left; } .content-right .news .news-item{ width: 50%; float: left; } header .menu li{ display: none; } header .menu ul .circles{ display: block; position: absolute !important; } header .menu ul .burger{ left: 0; } header .menu-mobile{ position: absolute; width: 100%; } header .menu-mobile ul{ padding: 0; } footer .list{ width: 100%; padding-right: 40px; } footer .list li{ display: none; } footer .list li:nth-child(1){ display: block; } } @media(max-width: 485px){ .content-right .news .news-item{ width: 100%; } .content-right .today .today-item{ width: 100%; } } .mobile{ display: none; } /*MAIN CONTENT END*/ /*END MAIN PAGE*/ /*CONTACTS PAGE*/ .contacts-container .side-bar .logo{ margin-bottom: 50px; } .contacts-container .main-title{ padding-left: 40px; } .contacts-container .main-title .title{ font-size: 34px; } .contacts-container .side-bar ul{ list-style: none; padding-left: 0; } .contacts-container .side-bar li{ padding: 7px 0; text-align: right; border-bottom: 1px solid #ebebeb; } .contacts-container .side-bar li:first-child{ border-top: 1px solid #ebebeb; } .contacts-container .side-bar li a{ color: #004d7b; font-family: Cuprum, sans-serif; font-weight: 600; font-size: 17px; } .contacts-container .side-bar li a:hover{ text-decoration: none; } .contacts-container .map{ margin-bottom: 50px; } .contacts-container #map{ height: 345px; margin: auto; } .contacts-container .right-side-bar .info{ margin-bottom: 10px; } .contacts-container .right-side-bar .soc{ position: static; display: inline-block; text-align: center; padding: 0 10px; margin-top: 0; margin-bottom: 20px; } .contacts-container .center-content .work-time{ margin-bottom: 40px; } .contacts-container .center-content .work-time .min-title{ margin-bottom: 20px; font-family: Cuprum, sans-serif; font-size: 20px; font-weight: 700; } .contacts-container .center-content .work-time .text{ font-size: 16px; } .contacts-container .center-content .to-doctors{ margin-bottom: 60px; display: inline-block; } .contacts-container .center-content .to-doctors .min-title{ margin-bottom: 20px; font-family: Cuprum, sans-serif; font-size: 18px; font-weight: 700; } .contacts-container .center-content .callback .min-title-text{ font-size: 16px; font-family: Cuprum; font-weight: 700; } .contacts-container .center-content .to-doctors .personal-doctor{ width: 33.33333333332%; display: inline-block; color: #000; padding: 0; padding-right: 10px; text-decoration: none; margin-bottom: 40px; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-type{ font-size: 14px; font-family: Cuprum, sans-serif; color: #929292; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-header{ display: inline-block; width: 100%; background: #ebebeb; border-radius: 30px 0 0 30px; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-image{ float: left; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-name{ padding-top: 10px; padding-left: 65px; font-family: Cuprum, sans-serif; color: #004d7b; font-size: 18px; line-height: 18px; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{ width: 13%; float: left; padding-top: 70px; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text{ padding-top: 10px; width: 87%; float: left; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .category{ color: #929292; margin-bottom: 10px; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .otdels{ color: #004d7b; font-family: Open Sans, sans-serif; } .contacts-container .center-content .to-doctors .personal-doctor .contacts{ display: inline-block; margin-top: 10px; width: 100%; background: #ebebeb; padding-top: 10px; padding-left: 5px; padding-right: 5px; } .contacts-container .center-content .to-doctors .personal-doctor .contact{ color:#929292; font-size: 14px; font-family: Cuprum, sans-serif; } .contacts-container .center-content .to-doctors .personal-doctor .value{ font-size: 16px; margin-bottom: 5px; font-family: Cuprum, sans-serif; } .contacts-container .center-content .to-doctors .personal-doctor .value a { font-size: 15px; } .contacts-container .center-content .to-doctors .personal-doctor .priem{ margin-top: 10px; font-weight: 700; font-size: 16px; font-family: Cuprum, sans-serif; } .contacts-container .center-content .callback{ display: inline-block; } .contacts-container .center-content .callback .min-title{ margin-bottom: 20px; font-family: Cuprum, sans-serif; font-size: 20px; font-weight: 700; } .contacts-container .center-content .callback .min-title-text{ font-size: 19px; margin-bottom: 30px; } .contacts-container .center-content .callback form p{ font-size: 12px; color: #929292; } .contacts-container .center-content .callback form input{ margin-bottom: 10px; padding-left: 5px; font-family: Open Sans, sans-serif; font-size: 14px; font-weight: 400; width: 100%; height: 30px; color: #929292; background: #ebebeb; border: none; } .contacts-container .center-content .callback form input[type = "checkbox"]{ width: 20px; height: inherit; } .contacts-container .center-content .callback form span{ font-size: 12px; color: #929292; } .contacts-container .center-content .callback form textarea{ width: 100%; height: 110px; padding-left: 5px; font-family: Open Sans, sans-serif; font-size: 14px; color: #929292; background: #ebebeb; border: none; resize: none; } .contacts-container .center-content .callback form .form-button{ margin-top: 10px; cursor: pointer; padding: 7px 0; color: #fff; text-align: center; font-family: Cuprum , sans-serif; font-weight: 700; background: #004d7b; border: 0; } .contacts-container .center-content .to-doctors .doctor-button{ display: inline-block; width: 100%; margin-top: 10px; text-align: center; text-decoration: underline; font-family: Cuprum, sans-serif; padding: 7px 0; color: #929292; background: #ebebeb; } .contacts-container .center-content .to-doctors .doctor-button:hover{ color: #fff; background: #004d7b; } /* .contacts-container .center-content .*/ @media (max-width: 1200px){ .contacts-container .left-side { width: 20% !important; } .contacts-container .importants .important:nth-child(2) .description{ padding-left:58px; } } @media (min-width: 1200px){ .contacts-container .main-title { width: 60%; padding-left: 40px; } .contacts-container .focus-content { width: 60%; padding-left: 40px; } .contacts-container .important{ width: 100%; } } @media (max-width: 1200px){ .contacts-container .center-content .callback{ margin-bottom: 40px; } .contacts-container .left-side { width: 100% !important; margin-bottom: 40px; } .contacts-container .left-side .main-title{ float: none; width: 100% !important; } .contacts-container .center-content{ width: 100%; } .contacts-container .center-content .to-doctors .personal-doctor{ width: 100%; } .contacts-container .center-content .callback form .form-button{ width: 100%; } .contacts-container .main-title{ padding-left: 15px; } .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{ width: 10%; padding-top: 20px; } .contacts-container .left-side .importants .important-image{ width: 10%; } .contacts-container .left-side .importants .description{ padding-top: 20px; } .contacts-container .right-side-bar .info .logo{ display: none; } .contacts-container .main-title{ display: block; } .contacts-container .center-content .title{ display: none; } .contacts-container .center-content .subtitle{ display: none; } } /*CONTACTS PAGE END*/