/*MAIN PAGE*/ /*HEADER*/ header{ position: fixed; height: 45px; width: 100%; background: #3b434d; z-index: 99999999; } /* header .active{ color: #929093; }*/ 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; } .about .doctor{ font-family: Cuprum, sans-serif; font-weight: 400; } .about .doctor .doctor-avatar{ margin-bottom: 8px; text-align: center; } .about .doctor .doctor-name{ text-align: center; font-size: 22px; color: #004d7b; line-height: 22px; margin-bottom: 4px; } .about .doctor .doctor-desc{ text-align: center; color: #929292; } .about .doctor .doctor-link{ padding: 9px 0; font-size: 14px; margin-top: 15px; text-align: center; background: #ebebeb; } .about .doctor .doctor-link a{ color: #929292; text-decoration: underline; } .about .about-text .title{ font-family: Cuprum, sans-serif; font-weight: 700; font-size: 16px; } .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; } .about .more{ margin-top: 10px; text-align: right; } .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: 205px; margin: 0 auto; 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: 20%; 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: 100%; } footer .list{ width: 100%; padding-right: 40px; } footer .list li{ display: none; } footer .list li:nth-child(1){ display: block; } } @media (max-width: 1200px){ .left-side{ width: 20%; } .content-left{ width: 100%; } .content-left .clinic{ width: 100%; } .content-right{ width: 100%; } .content-right .importants .important .description{ padding-top: 30px !important; } .content-right .importants .important .important-image{ width: 10%; } } @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; } } @media(max-width: 485px){ .content-right .news .news-item{ width: 100% } .content-right .today .today-item{ margin: 0 auto; width: 100%; margin-bottom: 10px; } } .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 !important; } .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*/ /*SPECIALISTS PAGE*/ .specs-container .center-content .mini-title{ font-family: Cuprum, sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 15px; } .specs-container .center-content .mini-title-2{ padding-left: 12px; font-family: Cuprum, sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 15px; } .specs-container .center-content .classes{ margin-bottom: 15px; } .specs-container .center-content .classes a{ display: block; color: #004d7b; } .specs-container .center-content .text{ font-family: Open Sans, sans-serif; margin-bottom: 20px; } .specs-container .today{ width: 100%; margin-top: 25px; /* padding-left: 15px; padding-right: 15px;*/ display: inline-block; } .specs-container .today .today-item{ padding-left: 0; margin-bottom: 20px; } .specs-container .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; } .specs-container .today .today-item .head-blue{ background: #5597d1; } .specs-container .today .today-item .head .date{ float: left; display: block; } .specs-container .today .today-item .head .name{ float: right; display: block; } /*.contacts-container .today .today-item{ padding-right: 0; } */ .specs-container .today .block-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; font-family: Cuprum, sans-serif; background: #929292; color: #fff; margin-bottom: 10px; } .specs-container .today .block-header img{ float: right; margin-top: 3px; } .specs-container .today .image{ position: relative; margin-top: 10px; } .specs-container .today .image img{ display: block; width: 200px; margin: 0 auto; } .specs-container .today .logo{ position: absolute; top: 0; font-family: Cuprum, sans-serif; right: 15px; width: 60px; height: 60px; } .specs-container .today .logo img{ width: 60px; height: 60px; } .specs-container .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; } .specs-container .today .desc{ margin-top:10px; margin-bottom: 10px; font-family: Cuprum, sans-serif; padding-left: 5px; font-size: 14px; } .specs-container .today .org{ font-family: Cuprum, sans-serif; font-weight: 600; text-align: center; border-top:1px solid #ebebeb; padding-top: 5px; color: #004d7b; } .specs-container .today .adress{ margin-top: 5px; font-family: Cuprum, sans-serif; font-size: 14px; padding: 15px 0; background: #ebebeb; color: #929292; text-align: center; } .specs-container .center-content .vacancies{ margin-bottom: 40px; } .specs-container .center-content .vacan-table{ border-top: 1px solid #ebebeb; } .specs-container .center-content .vacancies .vac{ padding: 7px 10px; } .specs-container .center-content .vacancies .vac:nth-child(even){ background: #ebebeb; } .specs-container .center-content .vacancies .vacation{ float: left; } .specs-container .center-content .vacancies .vacation a{ color:#004d7b; } .specs-container .center-content .vacancies .value{ text-align: right; } @media (min-width: 768px){ .specs-container .today .today-item { float: left; width: 33.333332%; } } /*SPECIALISTS PAGE END*/ /*NEWS*/ .left-side .add-info-news{ margin-top: 15px; } .right-side-bar .today{ width: 100% ; margin-top: 25px; display: inline-block; } .right-side-bar .today .today-item{ padding: 0 10px; } .right-side-bar .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; } .right-side-bar .today .today-item .head-blue{ background: #5597d1; } .right-side-bar .today .today-item .head .date{ float: left; display: block; } .right-side-bar .today .today-item .head .name{ float: right; display: block; } .right-side-bar .today .today-item{ margin-bottom: 15px; } .right-side-bar .today .block-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; font-family: Cuprum, sans-serif; background: #929292; color: #fff; margin-bottom: 10px; } .right-side-bar .today .block-header img{ float: right; margin-top: 3px; } .right-side-bar .today .image{ position: relative; margin-top: 10px; } .right-side-bar .today .image img{ display: block; width: 200px; margin: 0 auto; } .right-side-bar .today .logo{ position: absolute; top: 0; font-family: Cuprum, sans-serif; right: 15px; width: 60px; height: 60px; } .right-side-bar .today .logo img{ width: 60px; height: 60px; } .right-side-bar .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; } .right-side-bar .today .desc{ margin-top:10px; margin-bottom: 10px; font-family: Cuprum, sans-serif; padding-left: 5px; font-size: 14px; } .right-side-bar .today .org{ font-family: Cuprum, sans-serif; font-weight: 600; text-align: center; border-top:1px solid #ebebeb; padding-top: 5px; color: #004d7b; } .right-side-bar .today .adress{ margin-top: 5px; font-family: Cuprum, sans-serif; font-size: 14px; padding: 15px 0; background: #ebebeb; color: #929292; text-align: center; } .contacts-container .center-content .news .block-header{ padding: 6px 10px; font-size: 22px; font-weight: 700; font-family: Cuprum, sans-serif; background: #929292; color: #fff; margin-bottom: 10px; } .contacts-container .center-content .news .block-header img{ float: right; margin-top: 3px; } .contacts-container .center-content .news-item{ height: 320px; padding: 0 10px; padding-right: 0; margin-bottom: 20px; } .contacts-container .center-content .news-item .inner{ height: inherit; background: #ebebeb; border-radius: 10px 0 0 0; overflow: hidden; } .contacts-container .center-content .news{ display: inline-block; margin-top: 25px; padding-left: 0px; } .contacts-container .center-content .news .image{ font-family: Cuprum, sans-serif; margin-bottom: 20px; color:#fff; height: 160px; /* width: 205px;*/ margin: 0 auto; position: relative; } .contacts-container .center-content .news .image img{ display: block; margin: 0 auto; } .contacts-container .center-content .news .image .title{ font-size: 16px; font-weight: 400; position: absolute; bottom: 10px; display: block; color: #fff; left: 20%; } .contacts-container .center-content .news .desc{ font-family: Open Sans, sans-serif; padding-left: 10px; font-size: 14px; line-height: 17px; } .contacts-container .center-content .news .data{ padding: 10px 0; margin:10px; margin-top:20px; color: #929292; text-align: right; border-top: 1px solid #d4d4d4; } .center-content .pagination-container{ /*background: #ebebeb;*/ padding-left: 10px; } .center-content .pagination{ font-family: Open Sans, sans-serif; font-weight: 500; width: 100%; height: 40px; background: #ebebeb; } .center-content .pagination .number{ cursor: pointer; padding-top: 10px; /*margin: 0 10px;*/ } .center-content .pagination .number:hover{ color:#e77140; } .center-content .pagination .active{ color: #e77140; border-bottom:2px solid #e55e26; } .center-content .pagination .arrow-left{ background: url(../images/pagination-left.png) no-repeat center; cursor: pointer; } .center-content .pagination .arrow-right{ background: url(../images/pagination-right.png) no-repeat center; cursor: pointer; } .center-content .pagination div{ height: 40px; float: left; width: 7.14%; text-align: center; } @media(max-width: 1200px){ .right-side-bar .today .today-item{ width: 33.33333%; float: left; } .left-side .news-importants{ display: none; } } @media(min-width: 992px){ .left-side .new-importants{ display: none; } } @media(max-width: 768px){ .right-side-bar .today .today-item{ width: 100%; float: left; } .right-side-bar .today{ display: none; } .center-content .pagination{ display: none; } .left-side .add-info { display: block; } } @media(max-width: 550px){ .center-content .news{ padding-left: 0; } .center-content .news .news-item{ padding-left: 0; width: 93%; float: none; margin: 0 auto; margin-bottom: 20px; } .center-content .news .news-item .image{ padding-left: 0; width:100%; margin: 0 auto; } .center-content .news .news-item .image img{ margin: 0 auto; } } /*NEWS END*/ /*ABOUT*/ /*.center-content .about{ display: inline-block; }*/ .center-content .about .doctor{ padding-left: 0; } .center-content .about .about-text .title{ font-family: Cuprum, sans-serif; font-weight: 700; font-size: 24px; } .center-content .about-main-text{ display: inline-block; margin-top: 20px; font-size: 16px; } .center-content .about-main-text .image{ text-align: center; float: right; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; } .center-content .youtube{ width: 100%; margin-top: 20px; text-align: center; } .center-content .to-doctors-about{ padding-left: 0; margin-bottom: 0 !important; margin-top: 40px; } .center-content .to-doctors-about .personal-doctor .doctor-name span{ display: block; float: left; } .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{ font-size: 14px; float: right; padding-right: 20px; } .center-content .to-doctors-about .personal-doctor{ width: 100% !important; border-bottom: 1px solid #ebebeb; } .center-content .to-doctors-about .doctor-header{ height: 40px; border-radius: 70px 0 0 30px; } .center-content .to-doctors-about .personal-doctor .image{ padding-top: 30px !important; } .center-content .equip{ margin-bottom: 40px; } .center-content .media{ margin-bottom: 40px; overflow: visible; position: relative; padding-top: 30px; border-top: 1px solid #ebebeb; } .center-content .media .swiper-button-next{ background: url(../images/media-arrow-right.png) no-repeat center; top: 60%; right: -25px; } .center-content .media .swiper-button-prev{ background: url(../images/media-arrow-left.png) no-repeat center; top: 60%; left: -30px; } .center-content .media .swiper-container { width: inherit; height: 140px; margin: 20px auto; } .center-content .media .swiper-container iframe{ width: 100%; height: 100%; } .center-content .media .swiper-slide { width: 30% !important; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .center-content .media-text{ line-height: 20px; font-size: 15px; } .center-content .pagination .show-all{ text-align: center; padding-top: 10px; font-size: 13px; display:inline-block; color: #fff; background: #3b434d; width: 20%; height: 100%; float: right; } .center-content .pagination .show-all:hover{ text-decoration: none; background: #e65e26; } .center-content .pagination .show-all:focus{ text-decoration: none; } .center-content .documents{ font-family: Open Sans, sans-serif; color: #3b434d; background: #ebebeb; } .center-content .documents .row{ margin-right: 0; margin-left: 0; } .center-content .documents .doc-item{ width: 20%; float: left; padding: 5px; } .center-content .documents .year{ width: 8%; } .center-content .documents .doc-name{ color: #004d7b; width: 22%; } .center-content .documents .doc-data{ width: 14%; } .center-content .documents .doc-desc{ width: 25%; } .center-content .documents .doc-org{ width: 25%; } @media (max-width: 1200px){ .center-content .about{ margin-bottom: 20px; } .center-content .about .doctor{ margin-bottom: 20px; } .center-content .about .about-text .title{ display: block; } } @media (max-width: 768px){ .center-content .documents .doc-item{ width: 100%; float: none; padding: 5px; } .center-content .documents .row{ margin: 20px 0; } .center-content .about-main-text .image{ display: none; } .center-content .about .youtube iframe{ width: 100%; } .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{ display: none; } .center-content .to-doctors-about .personal-doctor .doctor-image{ display: none; } .center-content .to-doctors .personal-doctor .doctor-header{ border-radius: 0 !important; } .center-content .to-doctors .personal-doctor .doctor-header .doctor-name{ padding-left: 15px !important; } } @media (max-width: 768px){ .smi{ display: none; } } /*ABOUT END*/ /*SERVICES*/ .service-text{ font-family: Open Sans, sans-serif; } .service-title{ font-family: Cuprum ,sans-serif; font-weight: 600; font-size: 26px; margin: 30px 0; } .service-item{ font-family: Open Sans, sans-serif; color :#404040; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; width: 100%; display: inline-block; } .service-row{ display: inline-block; width: 100%; padding: 4px 5px; } .service-row:nth-child(even){ background: #ebebeb; } .service-item .service-unit{ width: 11%; float: left; } .service-item .service-unit:nth-child(1){ width: 9%; } .service-item .service-unit:nth-child(2){ width: 50%; } .service-item .service-unit:nth-child(3){ width:11%; } .service-item .service-unit:nth-child(4){ width: 9%; text-align: center; } .service-item .service-unit:nth-child(5){ width: 9%; text-align: center; } .service-more{ display: none; text-align: right; margin-top: 10px; } .service-more a{ font-size: 14px; color:#929292; } .service-more:last-child{ margin-bottom: 60px; } @media(max-width: 768px){ .service-more{ display: block; } .service-item .service-unit{ text-align: left !important; width: 100% !important; float: none; padding: 5px; } .service-row{ margin: 20px 0; } .service-item .service-unit:nth-child(1){ display: none; } } /*SERVICES END*/