//@site-width:1170px; @site-width:1057px; * { //outline:1px solid #f00 !important; } .container { width:@site-width; } .ptsans { font-family:'PT Sans',Arial,sans-serif; } .helv { font-family:'HelveticaNeueCyr','PT Sans',Arial,sans-serif; } .gga { font-family:Georgia,'Times New Roman',Arial,sans-serif; } .block { display:block; margin:0 auto; width:@site-width; } .clear { &:before, &:after { content:''; display:table; width:100%; clear:both; } } .socials-block { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; a { margin:0 5px; } } .what-price-block { .clear; display:block; width:100%; background:#60be35; height:50px; & > a { display:block; width:100%; max-width:207px; margin:6px auto; height:38px; text-decoration:none; text-transform:uppercase; background: rgb(255,124,2); background: -moz-linear-gradient(0deg, rgba(255,124,2,1) 0%, rgba(255,139,3,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,124,2,1) 0%, rgba(255,139,3,1) 100%); background: linear-gradient(0deg, rgba(255,124,2,1) 0%, rgba(255,139,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7c02",endColorstr="#ff8b03",GradientType=1); border-radius:4px; text-align:center; line-height:38px; color:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.3); font-size:15px; font-weight:500; &:hover { color:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.5); } } } // горизонтальный, равномерно, пространство между, без переноса .flex1 { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } // вертикальный, равномерно, пространство между .flex2 { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } // горизонтальный, равномерно, пространство между, с переносом .flex3 { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } // горизонтальный, в центре, пространство между, без переноса .flex4 { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } // горизонтальный, равномерно, пространство между, без переноса, flex-start .flex5 { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } * { margin:0; padding:0; box-sizing:border-box; //outline:1px solid rgba(255,0,0,0.5); } // шапка header { .block; height:163px; padding:20px 0 0 0; .logo { display:block; margin:14px 53px 0 18px; width:172px; height:95px; float:left; outline:none; } .line { .flex1; .ptsans; width:@site-width - 172px - 53px - 18px; height:90px; float:left; .addr { &:before { content:''; display:block; background:url('/assets/v2/img/map-marker.png') no-repeat 0 0; width:11px; height:14px; float:left; margin:2px 0 0 -14px; } color:#787777; font-size:14px; line-height:18px; padding-left:14px; margin:0; a { color:#787777; font-size:14px; line-height:18px; text-decoration:none; } } .srch { .flex1; -ms-flex-wrap:wrap; flex-wrap:wrap; height:60px; padding:2px 0 0 0; width:220px; .sisea-search-form { margin:0; } input#search { outline:none; width:155px; height:26px; border:1px solid #bfbfbf; border-radius:4px; background:url('/assets/v2/img/search.png') no-repeat 10px center; line-height:24px; padding:0 5px 0 27px; font-size:15px; color:#999; margin:0; &:hover,&:focus { border-color:#999; } } input[type=submit] { display:none; } .s-icon { display:block; outline:none; border:1px solid #c1c1c1; width:26px; height:26px; border-radius:13px; background:url('/assets/v2/img/instagram.gif') no-repeat center center; &:hover,&:focus { border-color:#999; } &.facebook { background-image:url('/assets/v2/img/facebook.gif'); } } .callback { color:#f8943c; font-size:14px; text-decoration:underline; cursor:pointer; &:hover,&:focus { text-decoration:none; } &:before { content:''; display:block; float:left; width:17px; height:18px; background:url('/assets/v2/img/phone.png') no-repeat 0 0; margin:2px 3px 0 0; } } } } input#show-menu { display:none; } .show-menu-label { display:none; } ul.nav { .flex1; .ptsans; list-style:none; padding:0; margin:0; width:@site-width - 172px - 53px - 18px; float:left; padding-right:17px; a { text-decoration:none; text-transform:uppercase; color:#787777; font-size:14px; &:hover,&:focus { color:#999 !important; background:none; } } & > li { & > a { padding:0; margin:0; } } } .navbar-nav > li:hover a { background:none; color:#787777; &:hover,&:focus { color:#999 !important; background:none; } } } // заголовок страницы, путь и кнопки .page-top { .block; width:100%; border-top:1px solid #b3d6dc; border-bottom:1px solid #b3d6dc; margin-bottom:15px; .inner { .block; .ptsans; .clear; padding:10px 17px; } .head { .gga; //float:left; font-size:46px; color:#585858; font-weight:normal; margin:0; text-transform:none; padding-right:255px; } .breadcrumb { width:100%; float:left; font-size:14px; color:#575757; list-style:none; padding:0; margin:0; padding-right:255px; li:last-child > span > span { text-transform:none; } li { display:inline; span { span { display:inline-block; } } a { text-decoration:none; color:#c7c7c7; &:hover,&:focus { text-decoration:underline; } } } } .breadcrumb > li + li:before { padding: 0 2px 0 5px; color: #ccc; content: "/\00a0"; } .btns { .clear; float:right; top:15px; right:15px; position:absolute; .btn { float:right; width:237px; height:56px; text-align:center; color:#fff; background:#f89135; outline: none; border-radius:3px; font-size:14px; font-weight:bold; text-decoration:none; padding:9px; margin-left:9px; &:hover,&:active { background:#9acd32; } &.v2 { background:#88c136; width:181px; padding:0; line-height:56px; &:hover,&:active { background:#9acd32; } } } } } // список новостей .news-list { .block; .ptsans; padding:17px 17px 27px 17px; .item { .flex5; width:100%; padding:0 0 41px 0; &:last-of-type { padding:0; } .img-col { img { width:365px; max-width:365px; height:auto; display:block; border:12px solid #dad9d9; } } .txt-col { padding:0 0 0 35px; .date { line-height:18px; font-size:18px; font-weight:bold; color:#696868; padding:0 0 20px 0; } .head { .gga; font-size:22px; color:#7db537; font-weight:bold; line-height:28px; text-transform:none; } .anons { padding:10px 0 15px 0; font-size:14px; color:#696868; line-height:18px; } .link { color:#90bf56; font-size:14px; line-height:18px; text-decoration:none; &:hover,&:focus { text-decoration:underline; } } } } } // главная услуг .services-main { .block; .ptsans; padding:26px 17px 0 17px; .cell { .clear; display:block; width:100%; margin:0 0 26px 0; text-decoration:none; .head { .clear; color:#b8d198; font-size:49px; b { float:left; font-weight:normal; font-family:'Century Gothic'; font-size:130px; line-height:130px; padding-right:5px; } span { float:left; line-height:36px; } } .txt { color:#808080; font-weight:bold; font-size:16px; line-height:18px; b { text-transform:uppercase; } } &:nth-child(1) { background:url('/assets/v2/img/girl1.jpg') no-repeat left bottom; height:465px; padding:0 0 0 335px; .head b { margin-right:-15px; } .head span { padding-top:77px; } .txt { padding:0 0 0 15px; } } &:nth-child(2) { background:url('/assets/v2/img/girl2.jpg') no-repeat right top; height:399px; padding-top:60px; .head { color:#cbe5ed; span { padding-top:77px; } } } &:nth-child(3) { background:url('/assets/v2/img/girl3.jpg') no-repeat left top; height:399px; padding:60px 0 0 700px; .head { color:#fbc89b; span { padding-top:41px; } } } &:nth-child(4) { background:url('/assets/v2/img/dolgoletie.png') no-repeat right top; height:399px; padding-top:60px; .head { color:#cbe5ed; span { padding-top:40px; } } } } } // врачи главная .doctors { .block; .ptsans; padding:15px 0 15px 40px; .row { .flex3; } .col-md-6 { .clear; width: 33.33333333333333%; float: left; position: relative; min-height: 1px; padding-right:0; padding-left:0; &:first-of-type { .clear; width:66%; margin-left:20%; margin-right:14%; .doctors-img { float:left; width:50%; } .doctors-detail { float:left; width:40%; padding-left:40px; } } .doctors-img { width:243px; border:none; border-radius:0; a { img { width:100%; height:auto; border:12px solid #d9d9d9; } } } .doctors-detail { .ptsans; width:243px; padding:10px 0 45px 0; h4 { text-transform:none; a { .gga; color:#7bb636; font-size:20px; line-height:28px; text-decoration:none; } span { .ptsans; display:block; width:100%; font-weight:bold; color:#000; font-size:16px; } } p { font-size:14px; display:block; width:100%; padding:5px 0; border:0; margin:0; label { display:inline-block; width:auto; margin:0; padding:0; } .heading { padding-right:5px; font-weight:700; color:#555; } } } } } // акции главная .promotions-list { .block; .ptsans; padding:17px 17px 27px 17px; .item { .flex5; width:100%; padding:0 0 41px 0; &:last-of-type { padding:0; } .date-col { width:98px; min-width:98px; height:98px; background:#f89136; color:#fff; font-size:18px; line-height:24px; font-weight:bold; text-align:center; padding:14px 0 0 0; &:first-line { font-size:36px; line-height:40px; } .monthyear { font-size:18px; } } .img-col { img { width:365px; max-width: 365px; display:block; border:12px solid #dad9d9; } } .txt-col { padding:0 0 0 25px; .head { .gga; font-size:22px; color:#7db537; font-weight:bold; line-height:28px; text-transform:none; } .anons { padding:10px 0 15px 0; font-size:14px; color:#696868; line-height:18px; } .link { color:#90bf56; font-size:14px; line-height:18px; text-decoration:none; &:hover,&:focus { text-decoration:underline; } } } } } // отзывы .ec-form { .ptsans; .clear; background:#80b0a4; padding:35px 17px 25px 17px !important; color:#fff; .ec-rating { width:100%; float:left; clear:both; padding-bottom:15px; .ec-rating-description { line-height:26px; color:#fff; font-size:18px; position:relative; top:-7px; } } label { display:none; } input, textarea { .ptsans; float:left; clear:both; width:331px; height:36px; background:#fff; font-size:18px; line-height:22px; color:#696868; padding:7px; border:none; outline:none; border-radius:5px; margin:0 0 17px 0; } textarea { width:100%; height:110px; } input.btn { float:right; height:52px; width:237px; color:#fff; background:#f89136; font-size:14px; line-height:52px; text-align:center; font-weight:bold; padding:0; cursor:pointer; box-shadow:none; &:hover,&:focus { background:#9acd32; } } } .reviews-list { .block; width:100%; .item { width:100%; background:#fff; &:nth-child(even) { background:#e6efed; } .inner { .block; .clear; padding:40px 17px; width:1057px; margin:0 auto; .info { float:left; width:200px; .rating { display:block; width:156px; height:26px; background:url('/assets/v2/img/star.png') repeat-x 0 0; } .name { font-size:24px; color:#86c035; font-weight:bold; margin:10px 0; } .date { font-size:14px; color:#585858; } } .review { float:left; width:823px; padding:30px 0 0 25px; p { .gga; line-height:30px; color:#585858; font-size:18px; font-style:italic; position:relative; &:before { content:'“'; display:inline-block; white-space:nowrap; width:20px; left:-20px; top:0; position:absolute; font-size:36px; } &:after { content:'”'; display:inline-block; white-space:nowrap; width:20px; font-size:36px; position:absolute; margin-left:5px; } } } } } } // главная страница .tiles { .block; width:100%; height:574px; background:#6c9b95 url('/assets/v2/img/tiles-bg.webp') repeat-x center; background-size:cover; .inner { .block; .flex1; height:100%; padding:66px 0 42px 0; .col { .flex2; height:100%; &:nth-child(1) { width:289px; } &:nth-child(2), &:nth-child(3) { width:232px; } &:nth-child(4) { width:282px; } a,span { display:block; width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:contain; &.tile1 { background-image:url('/assets/v2/img/tile1.webp'); } &.tile2 { height:257px; background-image:url('/assets/v2/img/tile2.webp'); } &.tile3 { height:250px; background-image:url('/assets/v2/img/tatle3.webp'); } &.tile4 { height:206px; background-image:url('/assets/v2/img/tile4.webp'); } &.tile5 { height:207px; background-image:url('/assets/v2/img/tile5.webp'); } &.tile6 { height:251px; background-image:url('/assets/v2/img/tile6.webp'); } &.tile7 { height:258px; background-image:url('/assets/v2/img/tatle7.webp'); } &.tile8 { height:202px; background-image:url('/assets/v2/img/tile8.webp'); } } } } } .directions { .block; .clear; min-height:568px; padding:40px 0 0 0; background:url('/assets/v2/img/direction-girl-bg.jpg') no-repeat left bottom; h2 { .gga; font-weight:normal; font-size:22px; color:#72a432; text-align:center; } .head { .gga; display:block; width:100%; max-width:542px; font-weight:normal; font-size:40px; color:#585858; display:block; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; text-align:center; height:57px; line-height:48px; margin:20px auto; } .col { .ptsans; float:left; display:block; width:50%; height:200px; .ch { .helv; .clear; background:url('/assets/v2/img/1num.png') no-repeat 0 3px; height:100px; overflow:hidden; font-size:36px; line-height:36px; color:#c0d4ac; padding:44px 0 0 42px; } .cb { width:280px; color:#293134; font-size:12px; line-height:14px; } &.col2 { .ch { background:url('/assets/v2/img/2num.png') no-repeat 0 0; color:#e9cdd9; padding:8px 0 0 69px; } .cb { width:230px; } } &.col3 { padding-left:280px; .ch { background:url('/assets/v2/img/3num.png') no-repeat 0 0; color:#cce3e9; padding:44px 0 0 64px; } } &.col4 { padding-left:220px; .ch { background:url('/assets/v2/img/4num.png') no-repeat 0 1px; color:#f9ccab; padding:8px 0 0 65px; } .cb { width:230px; } } } } .about { .block; width:100%; height:423px; padding:40px 0 0 0; background: rgba(228, 219, 191, 1.0); background: -webkit-linear-gradient(bottom, rgba(228, 219, 191, 1.0), rgba(241, 241, 241, 1.0)); background: -webkit-gradient(linear, left bottom, left top, from(rgba(228, 219, 191, 1.0)), to(rgba(241, 241, 241, 1.0))); background: -o-linear-gradient(bottom, rgba(228, 219, 191, 1.0), rgba(241, 241, 241, 1.0)); background: linear-gradient(to top, rgba(228, 219, 191, 1.0), rgba(241, 241, 241, 1.0)); background:#6c9b95 url('/assets/v2/img/about-bg.jpg') repeat-x center; background-size:cover; .inner { .block; .head { .gga; color:#f89136; text-align:center; font-size:36px; text-transform:uppercase; } .sub-head { .gga; font-size:22px; color:#585858; text-align:center; } .rings { .flex1; width:715px; height:214px; margin:40px auto; .ring { display:block; width:214px; height:214px; border-radius:107px; background:#86be35; padding:56px 0 0 58px; &:nth-child(2) { background:#fff url('/assets/v2/img/logo2.gif') no-repeat center center; border:40px solid #fbfbfb; } &:nth-child(3) { padding:28px 0 0 58px; } p { .ptsans; font-size:12px; color:#fdfcfc; font-weight:bold; line-height:14px; padding:0 0 10px 0; margin:0; &:before { content:'+'; font-size:24px; float:left; margin:6px 0 0 -18px; } } } } } } // форма записи на консультацию .feedback { .block; height:648px; width:100%; background:#fbfbfb; padding:65px 0 0 0; .inner { .block; height:100%; background:url('/assets/v2/img/feedback-girl.jpg') no-repeat right bottom; padding:0 0 0 17px; .head { .gga; font-size:36px; color:#f89136; span { color:#585858; } } .l-col { .flex3; .ptsans; float:left; width:533px; padding:40px 0 0 0; #uniform-gender span { width:261px !important; line-height:38px !important; font-size:15px !important; } input, select, textarea { width:261px; height:41px; border:1px solid #f4f4f4; border-bottom:2px solid #f4f4f4; line-height:38px; padding:0 10px; font-size:15px; color:#999; border-radius:4px; outline:none; margin:0 0 6px 0; &:focus { box-shadow:0 0 3px #ccc; } } textarea { width:533px; height:101px; resize:none; line-height:20px; padding:10px; } .capcha { width:302px; height:76px; margin:0 0 10px 0; } .note { font-size:14px; line-height:14px; font-weight:bold; color:#787777; a { color:rgb(0, 0, 238); &:hover,&:focus { color:rgb(50,50,255); } } } } .r-col { float:left; width:507px; padding:40px 0 0 60px; p { .ptsans; font-size:16px; line-height:18px; color:#86bf36; padding:17.5px 0 0 0; margin:0; &:first-child { color:#8c8c8c; } b { display:inline-block; width:100%; font-size:24px; } } } .btn-col { .clear; display:block; width:100%; .btn { .ptsans; display:block; margin:35px auto 0; color:#fff; background:#f89136; width:237px; height:56px; outline:none; border-radius:3px; border:none; cursor:pointer; font-size:14px; font-weight:bold; line-height:54px; text-align:center; padding:0; &:hover,&:focus { background:#86bf36; } } } } } .reviews { .block; .ptsans; overflow:hidden; height:238px; width:100%; background:#80afa4; .inner { .block; padding:31px 50px 0; .item { .clear; width:905px; margin:0 0; .info { float:left; width:200px; .rating { display:block; width:156px; height:26px; background:url('/assets/v2/img/star.png') repeat-x 0 0; } .name { font-size:24px; color:#fbfbfb; font-weight:bold; margin:10px 0; } .date { font-size:14px; color:#fbfbfb; } } .review { float:left; width:675px; padding:30px 0 0 25px; p { .gga; line-height:30px; color:#fbfbfb; font-size:18px; font-style:italic; position:relative; &:before { content:'“'; display:inline-block; white-space:nowrap; width:20px; left:-20px; top:0; position:absolute; font-size:36px; } &:after { content:'”'; display:inline-block; white-space:nowrap; width:20px; position:relative; font-size:36px; right:-20px; position:absolute; } } a { font-size:16px; display:inline-block; margin:30px 0 0 250px; color:rgb(0, 0, 238); &:hover,&:focus { color:rgb(50,50,255); } } } } } .owl-controls { .owl-buttons { width:@site-width - 20px; .owl-prev, .owl-next { outline:none; display:block; width:14px; height:28px; position:absolute; top:87px; span { display:none; } } .owl-prev { background:url('/assets/v2/img/arrows.png') no-repeat 0 0; left:15px; right:auto; } .owl-next { background:url('/assets/v2/img/arrows.png') no-repeat -14px 0; right:15px; } } } } .news { .block; .ptsans; width:100%; height:425px; background:#edecec; padding:40px 0 0 0; .head { .gga; display:block; width:100%; max-width:200px; font-weight:normal; font-size:40px; color:#585858; display:block; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; text-align:center; height:57px; line-height:48px; margin:0 auto; } .nrow { .flex4; padding:40px 0 50px 0; .col { width:350px; min-width:350px; font-size:18px; line-height:24px; padding:0 20px 0 0; .img { width:147px; height:138px; background:no-repeat center center; background-size:cover; display:inline-block; float:left; border:8px solid #dad9d9; margin:0 12px 0 0; } .date { color:#323231; padding:6px 0 0 6px; width:100%; } .txt { font-weight:bold; color:#89c440; } a { color:#060606; } } } .all-news { .block; text-align:center; a { font-size:12px; font-weight:bold; color:rgb(0, 0, 238); &:hover,&:focus { color:rgb(50,50,255); } } } } .services { .block; .ptsans; width:@site-width; padding:15px 0; margin:0 auto; list-style:none; li { min-height:52px; line-height:52px; margin-left:18px; margin-bottom:11px; background:url('/assets/img/services-arrow.jpg') no-repeat 0 0; padding-left:97px; a { color:#88c238; font-size:18px; line-height:52px; } &.root { a { color:#f99235; font-size:24px; background:url('/assets/img/services-arrow-head.jpg') no-repeat 0 0; } } } .line { width:100%; &:nth-child(even) { background:#f6f6f6; } .inner { width:@site-width; margin:0 auto; padding:0 17px; a { font-size:18px; line-height:34px; } } } } // подвал footer { .block; .ptsans; width:100%; background:#909495; padding:53px 0 0 0; .inner { .block; .flex1; padding:0 0 53px 0; nav { width:275px; background:url('/assets/v2/img/footer-logo.png') no-repeat 0 0; padding:0 0 0 107px; a { float:left; clear:both; font-size:16px; color:#fefdfd; line-height:24px; text-transform:uppercase; text-decoration:none; &:hover,&:focus { text-decoration:underline; } } } .addr { font-size:14px; line-height:18px; color:#fefdfd; text-transform:uppercase; div { padding:0 0 10px 21px; &:nth-child(1) { //color:#f9a050; color:#ffffff; padding:0 0 28px 0; &:before { content:''; width:27px; height:13px; display:inline-block; background:url('/assets/v2/img/metro.png') no-repeat 0 0; } } &:nth-child(2) { &:before { content:''; width:11px; height:15px; float:left; margin:0 0 0 -21px; background:url('/assets/v2/img/map-marker2.png') no-repeat 0 0; } } &:nth-child(3) { &:before { content:''; width:17px; height:17px; float:left; margin:0 0 0 -24px; background:url('/assets/v2/img/phone2.png') no-repeat 0 0; } } } } } .bottom { .block; width:100%; background:#bcbfbf; height:44px; line-height:44px; text-align:center; color:#606262; font-size:12px; text-transform:uppercase; } .socials-block { .block; width:100%; background:#bcbfbf; text-align:center; img { margin:10px 5px; } } } // прочее .colourfull-row { display:none; } #sub-page-content { padding:0; } .appointment-sec.bg-gray { background:none; border-bottom:none; } @media (min-width: 768px) { .navbar-nav > li:hover a { color:#787777 !important; } } .p0 { padding:0 !important; } ul { padding-left:25px; }