.stroke ( @border: 1px, @gauss: 1px, @color: #FFFFFF) { text-shadow: 0 @border @gauss @color, 0 -@border @gauss @color, -@border 0 @gauss @color, @border 0 @gauss @color, @border @border @gauss @color, @border -@border @gauss @color, -@border @border @gauss @color, -@border -@border @gauss @color; } body { background: url("../img/bg.jpg") repeat fixed; } h3 { text-align: center; } .row { margin: 15px; } .yellow_font { color: rgb(255, 227, 36); } .container { overflow: hidden; } .yellow(@transparency:1) { background: rgba(255, 227, 36, @transparency); } @yellow: #E6D03E; .white(@transparency:1) { background: rgba(255, 255, 255, @transparency); } @white: #ffffff; .form-yellow { border: 1px solid #ccc; border-radius: 4px; .yellow(0.5); padding: 10px; } .block-yellow { border: 1px solid #ccc; border-radius: 4px; .yellow(0.5); padding: 11px 10px; margin-top: 5px; } #bg-yellow { .yellow(0.9); } .bg-main { background: url("../img/alpine_meadows.jpg") no-repeat; background-size: cover; } .bg-white { background: rgba(255, 255, 255, 0.9); } .checkout { padding: 20px; color: #000; display: inline-block; margin: auto; .white(1); border-radius: 10px; font-size: 30px; font-weight: bolder; text-align: center; width: 100%; &:hover { background-color: lighten(rgba(255, 227, 36, 0.9), 10%); text-decoration: none; color: #000; } } .title { font-size: 36pt; font-weight: bold; margin-top: 15px; text-align: center; } .subTitle { text-align: center; font-weight: bold; } .logo { } .icon { font-size: 30pt; text-align: center; } .text-center { text-align: center; } .how_it_works h4 { text-align: center; } .img-testimonials { max-width: 100%; height: 64px; } #map { height: 304px; } .text-yellow-b { .yellow_font; .stroke(2px, 1px, #000); } .text-yellow-w { color: #FF9900; font-weight: bold; text-transform: uppercase; } .text-bold { font-weight: bold; } .panel-modded { border-radius: 4px 4px 0px 0px; padding: 20px 0px; margin-bottom: 0px; } .address { text-align: right; margin-top: 38px; font-size: 20pt; .text { display: block; font-size: 18px; } } .copyright { margin: 0px 30px; text-align: right; font-size: 12pt; } .label-yellow { color: #333; } .flip-clock-wrapper { margin: 0px; } .caption p { font-size: 14pt; } .text-big { font-size: 18pt; font-weight: bold; } .glyphicon-orange { color: #FF9900; } .carousel { margin-bottom: 15px; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { border-radius: 10px; } .carousel-control.left, .carousel-control.right { border-radius: 10px; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { border-radius: 10px; } .media { margin-bottom: 15px; } .margin-bottom-15 { margin-bottom: 15px; } .advantages { .row h3 { font-weight: bold; color: darken(#FF9900, 10%); } h4 { text-align: center; } } .testimonials { display: none; } .addresses { .label-yellow { font-size: 16pt; } } @media (max-width: 1200px) { .count { width: 468px; margin: auto; } .title { font-size: 24pt; } .flip-clock-wrapper .flip { //Обнуление размеров padding: 0px; } .flip-clock-wrapper ul { //Размер блоков цифр width: 45px; height: 75px; margin: 3px; } .flip-clock-wrapper ul li a div div.inn { //Размер шрифта цифр font-size: 57px; } .flip-clock-divider .flip-clock-label { //Отступ слов "дни и часы" right: -65px; } .flip-clock-divider.minutes .flip-clock-label { //Отступ слова "минуты" right: -67px; } .flip-clock-divider.seconds .flip-clock-label { //Отступ слова "секунды" right: -67px; } .flip-clock-dot.bottom { //Отступ нижней точки разделителя bottom: 10px; } .flip-clock-dot.top { //Отступ верхней точки разделителя top: 20px; } .flip-clock-divider { //Высота разделителя height: 75px; } .flip-clock-wrapper ul li { //Высота шрифта цифр line-height: 77px; } } @media (max-width: 992px) { .title { margin-top: 0px; text-align: center; } .address { margin-top: 10px; text-align: center; } .checkout { margin: 0 0 10px 0; padding: 10px; font-size: 18px; } } @media (max-width: 600px) { .count { width: 276px; } .flip-clock-wrapper ul { //Размер блоков цифр width: 25px; height: 37px; margin: 1px; } .flip-clock-wrapper ul li a div div.inn { //Размер шрифта цифр font-size: 30px; } .flip-clock-divider .flip-clock-label { //Отступ слов "дни и часы" right: -42px; } .flip-clock-divider.minutes .flip-clock-label { //Отступ слова "минуты" right: -43px; } .flip-clock-divider.seconds .flip-clock-label { //Отступ слова "секунды" right: -45px; } .flip-clock-dot.bottom { //Отступ нижней точки разделителя bottom: 5px; } .flip-clock-dot.top { //Отступ верхней точки разделителя top: 5px; } .flip-clock-divider { //Высота разделителя height: 37px; } .flip-clock-wrapper ul li { //Высота шрифта цифр line-height: 40px; } .block-yellow { padding: 5px; margin: 0px; } .action { margin: 0px; } .checkout { padding: 5px; font-size: 14px; } } .image { position: relative; width: 100%; .image-text { position: absolute; width: 60%; height: 72%; left: 0%; top: 28%; background-color: rgba(0, 0, 0, 0.5); padding: 5px; .yellow_font; font-weight: bold; text-align: center; h3 { margin-top: 0; } table { text-align: center; display: inline-block; td { padding: 0 5px; } } .address { text-align: center; margin-top: 0; } } }