/* Reset Mayer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font:14px/1.3em "Trebuchet MS", sans-serif;background:url('../img/bg.png');}
ol, ul {}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* Main */
{
}
.wrap {
width:1280px;
height:1250px; margin:0 auto;
overflow:hidden;
}
section {
width:980px;
margin:0 auto;
overflow:hidden;
clear:both;
position:relative;
}
footer, header{
width:1280px;
margin:0 auto;
overflow:hidden;
clear:both;
position:relative;
}
hr {
background:url('../img/hr.html') repeat-x;
}
/* настройка верхнего блока с лого и телефонами */
header {
height:275px;
width:100%;
color:#000;
margin:0 auto;
background: #FFFD9E;
overflow:hidden;
clear:both;
position:relative;
}
header .logo + p {
position: absolute;
top: 0px;
left: 380px;
font-size: 3.5em;
font-weight: bold;
line-height:1.4em;
}
header .slogan2 {
position: absolute;
top: 120px;
left: 410px;
font-size: 1.4em;
font-weight: bold;
line-height: 1.2em;
width: 544px;
}
3500 { color: #FFAC4F; /**Цвет второго слова в заголовке, шрифт и расположение унаследуются от родителя, тоесть от h1**/}
/* настройка полоски с Выгодные условия */
#mainmenu {
padding: 0 10px 0 120px;
overflow: hidden;
margin: 0 30px 20px 30px;
background: #2F4F4F;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#mainmenu ul li {
float: left;
display: block;
padding: 10px;
border-right: 1px rgb(200, 200, 200) solid;
}
#mainmenu ul li:hover {
background: rgb(170, 170, 170);
}
#mainmenu ul li a {
padding: 5px 30px;
font-size: 16px;
color: #000;
}
#mainmenu ul li.last {
border: 0;
}
#mainmenu ul li.active {
background: rgb(122, 122, 122);
}
#mainmenu ul li.active a {
color: #fff;
text-decoration: none;
}
/* настройка основного блока с пиктограмами */
.triggers2 {
background:#e2ddd7;
height: 143px;
padding-top:20px;
text-align:center;
border-radius:10px;
-webkit-border-radius:10px;
}
.gray {
background:#e2ddd7;
border:3px solid #fff;
border-radius:10px;
-webkit-border-radius:10px;
}
.trig2 {
display: inline-block;
vertical-align: top;
height:90px;
width:330px;
background:url('../img/hr_vert.png') repeat-y right;
}
.trig2 img {
float:left;
margin:15px;
}
.trig2 p {
margin-top:25px;
font-size:1.1em;
}
.banner_bg {
border:1px solid #99c126;
background: #99c126;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YzEyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #99c126 0%, #85a621 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99c126), color-stop(100%,#85a621));
background: -webkit-linear-gradient(top, #99c126 0%,#85a621 100%);
background: -o-linear-gradient(top, #99c126 0%,#85a621 100%);
background: -ms-linear-gradient(top, #99c126 0%,#85a621 100%);
background: linear-gradient(to bottom, #99c126 0%,#85a621 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c126', endColorstr='#85a621',GradientType=0 );
/* настройка блока c телефонами */
}
.phone {
top:10px;
right:0px;
text-align:right;
}
.zvon {
color:#2fb306;
font-weight: bold;
font-size: 1.1em;
}
.gray_phone {
color:#193540;
font-weight: bold;
}
.img_w_pack {
top:743px;
right:725px;
text-align:right;
}
.gray_phone span {
font-size:2.1em;
}
.tel {
color:#2fb306;
font-weight: bold;
font-size:2.5em;
margin: 10px 0 20px 0;
}
.logo, .phone {
position:absolute;
}
.logo {
top: 40px;
left: 0;
background:url('../img/logo.png');
width:400px;
height:198px;
display:block;
}
.slogan span {
text-transform:uppercase;
font-size:1.2em;
color:#000;
}
/*
.banner {
height:1550px;
background:#e2ddd7;
border-radius:10px;
-webkit-border-radius:10px;
}
.ban_img {
width:599px;
height:488px;
background:url('../img/ban.jpg') no-repeat;
margin: 24px 0 0 34px;
}
.banner form {
color: #000;
position: absolute;
top: 23px;
right: 37px;
background: #f3a73c;
height: 489px;
width: 350px;
text-align: center;
}
.banner form h2 {
font-size: 2.3em;
text-transform: uppercase;
height: 54px;
text-align: center;
line-height: 54px;
color: #c90000;
background: #ffd11c;
}
.banner form h2 + p {
font-size: 1.3em;
font-weight:bold;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
margin-top: 0px;
line-height: 1.2em;
}
.banner form p span {
font-size:1.4em;
}
.banner form button {
margin-top:0px;
font-weight:bold;
font-size:1.7em;
}
.banner form label {
margin-left:20px;
font-size:1em;
}
.note {
text-transform: uppercase;
font-size: 2em;
margin-bottom:16px;
}
.note2 {
font-size: 1.7em;
margin: -12px 0px 39px;
text-transform: uppercase;
}
.banner .act, .banner #defaultCountdown {
text-align:center;
*/
}
.triggers, .triggers2{
margin:20px auto;
}
.trig {
display: inline-block;
vertical-align: top;
width: 192px;
height:120px;
margin-left:36px;
}
.trig img {
}
.trig p {
margin-left:12px;
font-weight: bold;
display: block;
width: 171px;
text-align: center;
}
.services_bg {
background:#d4ccaa;
}
.services {
text-align:center;
margin-bottom: 20px;
}
.services h1 {
background:url('../img/u_header.png') no-repeat;
width:980px;
height:79px;
margin:0 0 20px;
line-height:79px;
text-align:center;
color:#fff;
}
.serv {
display: inline-block;
vertical-align: top;
width:305px;
height:268px;
text-align:center;
}
.serv p {
font-size:1.1em;
font-weight:bold;
}
.mont {
font-size:3.2em;
text-align:center;
color:#fff;
font-weight:bold;
text-transform:uppercase;
height:190px;
line-height:200px;
background:#85a621;
margin:20px auto;
}
.mont h2 {
top: 0px;
left: 150px;
width: 466px;
height: 100px;
}
.mont img {
top: -50px;
left: 207px;
}
.mont img, .mont h2 {
position:relative;
}
.warrantly {
height:230px;
text-align:center;
margin-bottom:30px;
}
.warr {
width:300px;
display:inline-block;
vertical-align:top;
}
.warr img {
float:left;
margin-right:0px;
}
.warr p {
font-size:1.2em;
margin-top:70px;
text-align:left;
}
.warr p i {
font-size:0.8em;
font-style:italic;
}
.promo {
overflow:visible;
height:270px;
border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);
background: #ffd11c;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDExYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGFjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffd11c 0%, #d8ac00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd11c), color-stop(100%,#d8ac00));
background: -webkit-linear-gradient(top, #ffd11c 0%,#d8ac00 100%);
background: -o-linear-gradient(top, #ffd11c 0%,#d8ac00 100%);
background: -ms-linear-gradient(top, #ffd11c 0%,#d8ac00 100%);
background: linear-gradient(to bottom, #ffd11c 0%,#d8ac00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd11c', endColorstr='#d8ac00',GradientType=0 );
}
.promo img {
position:absolute;
top:-20px;
left:10px;
}
.promo form {
position:absolute;
top:10px;
left:400px;
width:600px;
}
.promo form h2 {
color:#c11a06;
font-weight:bold;
font-size:3.5em;
margin:0;
}
.promo form .note {
font-size:2.1em;
line-height:1em;
margin:0 0 20px 0;
}
.promo button {
position: absolute;
top: 187px;
left: 300px;
text-transform: none;
height: 32px;
}
.promo label {
font-size:1.1em;
}
.promo form .note span {
color:#c11a06;
}
.p_group {
position:relative;
top:20px;
left:180px;
line-height:1.5em;
font-weight:bold;
}
.p_group span {
color:#01779d;
}
.p_group span b {
color:#01779d;
font-size:1.3em;
}
.warr_white {
color:#fff;
margin-top:35px;
font-size:1.1em;
}
.problems {
margin:30px auto;
}
.problem {
padding-left:32px;
}
.problems_white {
background:#fff;
height:500px;
}
.left, .right {
display:inline-block;
vertical-align:top;
width:482px;
}
.left {
margin-right:12px;
}
.left h1, .left h4 {
color:#d80101;
font-weight:bold;
}
.left h1, .right h1 {
width:482px;
height:79px;
margin:0 0 20px;
line-height:79px;
text-align:center;
color:#fff;
}
.left h1 {
background:url('../img/h2.png') no-repeat;
}
.right h1 {
background:url('../img/h2.png') no-repeat;
font-weight:bold;
}
.right h4 {
color:#000;
font-weight:bold;
}
.left .problem img {
float:left;
margin-right:10px;
margin-bottom:30px;
}
.left .problem {
height:80px;
}
.right .problem {
height:50px;
}
.right .problem img {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.how {
height:220px;
background:#85a621;
margin:20px auto;
color:#fff;
text-align:center;
}
.how h1 {
text-align:center;
}
#reviews {
min-height: 250px;
}
.review_bg {
background:#d4ccaa;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);
}
.review {
display: inline-block;
vertical-align: top;
width: 460px;
padding-top: 10px;
margin-right: 40px;
margin-bottom:20px;
}
.review img {
float:left;
margin:0 15px 30px 0;
}
.review p {
font-style:italic;
}
.review h4 {
color:#01779d;
font-size:1.1em;
margin-bottom: 10px;
}
b {
font-weight:bold;
}
h1 {
font-size:2.1em;
font-weight:bold;
margin: 45px 0 25px 0;
text-align:left;
text-transform:uppercase;
}
.gray h2 {
font-size:2.1em;
font-weight:bold;
text-transform:uppercase;
background:url('../img/u_header.png') no-repeat;
width:980px;
height:79px;
margin:0 0 20px;
line-height:79px;
text-align:center;
color:#fff;
}
b {
font-weight:bold;
}
footer {
height:250px;
color:#000;
position:relative;
}
footer button {
margin-top:15px;
}
.bottom .logo {
top: 22px;
left: 26px;
}
.foot_color {
background:#ece3cf;
}
footer .top {
height:190px;
padding:0 20px;
margin:30px auto;
}
.top .phone {
top: 66px;
right: 35px;
text-align: right;
}
.bottom {
height:130px;
position:relative;
-webkit-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.3);
}
.bottom .slogan, .bottom .copy, .bottom .slogan2 {
color:#000;
position:absolute;
}
.bottom .slogan {
top: 45px;
left: 460px;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
}
.bottom .slogan2 {
top: 100px;
left: 460px;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
}
.bottom .copy {
top: 120px;
left: 460px;
}
.pnb {
display:block;
width:172px;
height:92px;
background:url('../img/pnb.png') no-repeat;
position:absolute;
top: 25px;
right: 115px;
}
.red {
color:#fff;
background:url('../img/green2.png') no-repeat;
width:274px;
height:61px;
}
.red:hover {
background:url('../img/green2.png') no-repeat 0 -62px;
}
.red:active {
background:url('../img/red.png') no-repeat 0 -124px;
}
.green {
color:#000;
background:url('../img/green.png') no-repeat;
width:167px;
height:30px;
}
.green:hover {
background:url('../img/green.png') no-repeat 0 -30px;
}
.green:active {
background:url('../img/green.png') no-repeat 0 -60px;
}
button {
color:#000;
font-weight:bold;
width:auto;
padding:0 25px;
height:27px;
border:0;
margin:5px 0;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:pointer;
}
form {
position: relative;
height: 329px;
width: 285px;
color: #000;
z-index: 2;
}
form h2 {
font-size:1.3em;
font-weight:bold;
line-height:1.4em;
margin-bottom:15px;
}
form p {
font-weight:bold;
}
label {
display: inline-block;
width: 50px;
text-align:left;
font-size:0.8em;
}
input, textarea{
margin: 0 0 10px 40px;
border: 0;
font-style:italic;
width: 178px;
height: 25px;
padding: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.hide, .hide2, .hide3 {
position:fixed;
top:0;
left:0;
z-index:100;
display:none;
width:300px;
height:auto;
padding:40px 20px 25px;
border:1px solid #fff;
-webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.3);
background:#ebebeb;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.back {
position:absolute;
top:0;
left:0;
background:#000;
z-index:3;
}
.close {
display:block;
width:29px;
height:29px;
position:absolute;
top:-10px;
right:-10px;
background:url('../img/close.png') no-repeat;
}
.success {
position:fixed;
top:0;
left:0;
z-index:101;
height:36px;
width:100%;
background:rgba(0,0,0,0.5);
color:#fff;
text-align:center;
padding-top:70px;
font-size:1.5em;
}
.hasCountdown {
background:url('../img/counter.png') no-repeat;
width:235px;
height:73px;
margin-left:55px;
margin-top:10px;
padding-top:23px;
color:#fff;
}
.countdown_rtl {
direction: rtl;
}
.countdown_row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}
.countdown_show1 .countdown_section {
width: 98%;
}
.countdown_show2 .countdown_section {
width: 48%;
}
.countdown_show3 .countdown_section {
width: 32.5%;
}
.countdown_show4 .countdown_section {
width: 24.5%;
}
.countdown_show5 .countdown_section {
width: 19.5%;
}
.countdown_show6 .countdown_section {
width: 16.25%;
}
.countdown_show7 .countdown_section {
width: 14%;
}
.countdown_section {
display: block;
float: left;
font-size: 75%;
text-align: center;
height:73px;
}
.countdown_amount {
font-size: 250%;
display:block;
margin-bottom:-5px;
}
.countdown_descr {
display: block;
width: 100%;
}
.photo {
float: left;
}
.fancybox {
margin: 10px;
display: block;
width: 225px;
height: 165px;
text-align: center;
}
.rupromo {
position: absolute;
top: 125px;
right: 125px;
}
.right {
float: right;
}
.main-action {
background: url('../img/action-counter.png') no-repeat center top;
width: 355px;
height: 157px;
padding: 20px 20px 10px 20px;
position: absolute;
top: 45px;
left: 170px;
}
.main-action-top {
font-size: 18px;
line-height: 26px;
margin: 0 0 20px 0;
color: #FFF;
text-align: right;
}
.main-action-top span {
color: #e8c174;
font-size: 19px;
}
.timer .container {position: relative; z-index: 10; background: url('../img/timer000.png') no-repeat 90px 0; overflow: hidden; height: 70px;}
.timer .container .label {float: left; width: 85px; color: #FFF; text-align: right; font-size: 18px; margin: 0px 0px 0 10px;}
.timer .container div {height: 55px; width: 27px; float: left;}
div.hourPlay, div.dayPlay, div.minutePlay, div.secondPlay {background: url('../img/timer0_9.png') repeat 0 0; margin-top: 1px}
div.minute6Play, div.second6Play {background: url('../img/timer0_5.png') repeat 0 0; margin: 1px 0 0 11px;}
div.hour2Play, div.day1Play {background: url('../img/timer0_2.png') repeat 0 0; margin: 1px 0 0 11px;}
.action-dates {
width: 260px;
font-size: 14px;
line-height: 1;
color: #e8c174;
}
.action-dates div {
float: left;
width: 25%;
text-align: center;
}