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;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
body {
font: 12px/18px Pf-Regular, Arial, sans-serif;
height: 100%;
}
.wrapper {
min-width: 1170px;
max-width: 5000px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
/* Цепляем шрифты и указываем блоки на них*/
@font-face {
font-family: Pf-Regular;
src: url(../fonts/PFDinDisplayPro-Regular.ttf);
}
.form input {
font-family: Pf-Regular;
}
@font-face {
font-family: Pf-Medium;
src: url(../fonts/PFDinDisplayPro-Medium.ttf);
}
.hed2, .form input[type="submit"], .bl_2 .txt1 span, .bl_2 .blocks .block {
font-family: Pf-Medium;
}
@font-face {
font-family: Pf-Light;
src: url(../fonts/PFDinDisplayPro-Light.ttf);
}
.hed4 .blocks .block .txt2, .bl_2 .txt1, .bl_3 .txt, .bl_5 .txt2, .bl_6 .txt, .bl_7 .txt1 , .bl_9 .right, .bl_13 .left, agreeform, .bl_14 .txt,.bl_15 .block .txt {
font-family: Pf-Light;
}
@font-face {
font-family: Pf-Bold;
src: url(../fonts/PFDinDisplayPro-Bold.ttf);
}
.hed1 .block2 span#sp3, .hed1 .block4, .hed3 .txt1, .hed4 .blocks .block .txt1, .bl_hed, .bl_2 .txt2, .bl_5 .txt1, .bl_6 .name, .bl_7 b, .bl_8 .block, .bl_9 .left, .bl_10, .bl_11, .bl_12, .bl_13 .heds, .bl_14 .left .ul, .bl_15 .block .txt b {
font-family: Pf-Bold;
}
/*
@font-face {
font-family: Pf-;
src: url(../fonts/);
}
*/
/* Шапка
-----------------------------------------------------------------------------*/
.header {
min-height: 590px;
background: #1b1616 url(../img/z1.jpg) no-repeat;
-webkit-background-size: cover;
background-size: cover;
color: #fff;
}
.header a {
color: #fff;
text-decoration: none;
}
.row {
width: 1170px;
margin: 0 auto;
}
#for_mob, #hed_mob, #mob_menu {
display: none;
}
.hed1 {
padding: 18px 0 10px 0;
}
.hed1 .block1 {
float: left;
}
.hed1 .block1 .logo {
padding: 0px 20px 0 0;
}
.hed1 .block1 .logo .img {
float: left;
}
.hed1 .block1 .logo .img a {
}
.hed1 .block1 .logo .img a img {
}
.hed1 .block1 .logo .txt {
float: left;
font-size: 18px;
line-height: 25px;
padding: 3px 0 0 25px;
}
.hed1 .block2 {
float: right;
padding: 26px 35px;
font-size: 16px;
}
.hed1 .block2 span {
display: inline-block;
vertical-align: middle;
margin: 0 4px;
}
.hed1 .block2 #sp1 {
}
.hed1 .block2 #sp2 {
}
.hed1 .block2 #sp3 {
border-bottom: 1px dotted #fff;
display: inline-block;
}
.hed1 .block2 #sp3:hover {
cursor: pointer;
border-bottom: 1px dotted transparent;
}
.hed1 .block3 {
float: right;
padding: 14px 20px 10px 20px;
}
.hed1 .block3 a {
font-size: 18px;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
padding: 15px 33px;
border:1px #fff solid;
border-radius: 30px;
}
.hed1 .block3 a:hover {
background: #fc0;
border:1px #fc0 solid;
color: #000;
}
.hed1 .block4 {
float: right;
font-size: 20px;
line-height: 25px;
padding: 7px 20px 0 32px;
margin-left: 25px;
background: url(../img/bg2.png) 0px 15px no-repeat;
}
.hed1 .block4 a {
display: block;
margin: 3px 0;
}
.hed2 {
background: #fff;
text-transform: uppercase;
overflow: hidden;
border-radius: 30px;
}
.hed2 .left{
float: left;
padding: 0px 25px;
}
.hed2 .left ul {
}
.hed2 .left ul li {
display: inline-block;
vertical-align: top;
}
.hed2 .left ul li a{
color: #000;
display: block;
padding: 15px 35px;
font-size: 18px;
line-height: 25px;
}
.hed2 .left ul li a:hover
{
color: #676464;
}
.hed2 .left ul li a:hover{
}
.hed2 .left ul a.active {
}
.hed2 .right {
float: right;
}
.hed2 .right a {
padding: 15px 40px;
background: #fc0;
font-size: 18px;
line-height: 25px;
color: #000;
display: block;
}
.hed2 .right a:hover {
background: #dcb209;
}
.hed3 {
color: #fff;
}
.hed3 .txt1 {
font-size: 45px;
line-height: 60px;
text-transform: uppercase;
padding: 35px 0 15px 0;
}
.hed3 .txt2 {
font-size: 24px;
line-height: 32px;
}
.hed4 {
color: #fff;
padding: 37px 0 40px 0;
}
.hed4 .blocks {
}
.hed4 .blocks .block {
float: left;
padding: 10px 23px 10px 67px;
width: 280px;
}
.hed4 .blocks .block.b1 {
background: url(../img/bg3.png) 0px 10px no-repeat;
}
.hed4 .blocks .block.b2 {
background: url(../img/bg4.png) 0px 10px no-repeat;
}
.hed4 .blocks .block.b3 {
background: url(../img/bg5.png) 0px 10px no-repeat;
}
.hed4 .blocks .block .txt1 {
font-size: 24px;
line-height: 32px;
text-transform: uppercase;
margin-bottom: 15px;
}
.hed4 .blocks .block .txt2 {
font-size: 18px;
line-height: 25px;
}
/* Middle
-----------------------------------------------------------------------------*/
.content {
padding: 0 0 70px;
}
/*Экран 1 первый с формой*/
.bl_1 {
background: #1b1616;
}
.bl_1 {
}
.bl_1 .left {
float: left;
padding: 33px 25px 25px 150px;
background: url(../img/bg6.png) 0px 33px no-repeat;
font-size: 30px;
line-height: 38px;
color: #fff;
}
.bl_1 .right {
}
.bl_1 .right .form {
padding: 25px 0 20px 0;
text-align: center;
}
.bl_1 .right .txt {
text-align: center;
color: #fff;
font-size: 18px;
line-height: 23px;
}
.clr {
clear: both;
}
/*Экран 2 Условия кредитования*/
.bl_2 {
background: #e8e8e8 url(../img/z2.jpg) 0px 110px no-repeat;
}
.bl_2_bg {
background: url(../img/z3.jpg) right bottom no-repeat;
}
.bl_2 .txt1 {
padding: 25px 30px 25px 92px;
border-radius: 10px;
background: #fff url(../img/bg7.png) 25px 30px no-repeat;
font-size: 18px;
line-height: 26px;
}
.bl_2 .txt1 span{
font-size: 30px;
line-height: 35px;
margin-bottom: 15px;
display: block;
}
.bl_2 .txt2 {
padding: 50px 0 40px 0;
font-size: 30px;
line-height: 35px;
text-align: center;
}
.bl_2 .blocks {
padding: 10px 0 50px 0;
}
.bl_2 .blocks .block {
display: inline-block;
vertical-align: top;
width: 30%;
margin: 10px 1%;
background: #fc0;
border-radius: 15px;
text-align: center;
font-size: 19px;
line-height: 27px;
}
.bl_2 .blocks .block .img {
padding: 25px 15px 10px 15px;
}
.bl_2 .blocks .block .img img {
max-width: 100%;
height: auto;
}
.bl_2 .blocks .block .txt {
padding: 17px 25px 35px 25px;
}
/*Экран 3 с формой*/
.bl_3 {
background: #1b1616;
padding: 15px 0 15px 0px;
}
.bl_3 .txt{
padding: 20px 10px 35px 140px;
background: #1b1616 url(../img/bg6.png) 0px 20px no-repeat;
font-size: 20px;
line-height: 28px;
color: #fff;
}
.bl_3 .form{
padding: 5px 0 5px 140px;
}
/*Экран 4 Выгоды наших займов*/
.bl_4 {
background: #000 url(../img/z4.jpg) no-repeat;
-webkit-background-size: cover;
background-size: cover;
padding: 0 0 55px 0;
}
.bl_4 .bl_hed {
color: #fff;
}
.bl_4 .txt1 {
padding: 15px 0 35px 0;
color: #fff;
text-align: center;
font-size: 20px;
line-height: 29px;
}
.bl_4 .blocks {
text-align: center;
}
.bl_4 .block {
background: #fff;
border-radius: 15px;
overflow: hidden;
text-align: left;
display: inline-block;
vertical-align: top;
width: 47%;
margin: 15px 1%;
}
.bl_4 .block .left {
float: left;
text-align: center;
background: #ffcc00;
padding: 10px 0px;
width: 100px;
min-height: 80px;
}
.bl_4 .block .left img{
max-width: 100%;
height: auto;
position: relative;
top:12px;
}
.bl_4 .block .right {
padding: 12px 10px 12px 125px;
font-size: 18px;
line-height: 25px;
}
.bl_4 .txt2 {
font-size: 20px;
line-height: 25px;
margin:15px auto 20px auto;
padding: 25px 30px 25px 92px;
border-radius: 10px;
background: #fff url(../img/bg7.png) 25px 30px no-repeat;
max-width: 85%;
}
/*Экран 5 Примеры выданных займов*/
.bl_5 {
background: #ffffff;
padding: 10px 0 85px 0;
}
.bl_5 .vn {
background: #efefef;
border-radius: 20px;
padding: 50px 70px;
position: relative;
}
.bl_5 .vn ul {
}
.bl_5 .vn ul li {
}
.bl_5 .vn ul li .left {
float: left;
width: 50%;
background: #fc0;
border-radius: 15px;
margin-top:35px;
}
.bl_5 .vn ul li .left img {
border-radius: 15px;
display: block;
max-width: 100%;
height: auto;
position: relative;
top:-35px;
right:-35px;
}
.bl_5 .vn ul li .right {
float: right;
padding-right: 50px;
}
.bl_5 .vn ul li .right .txt1:before {
content: "";
display: block;
max-width: 80px;
clear: both;
height: 3px;
background: #fc0;
margin: 0 0 13px 0;
}
.bl_5 .vn ul li .right .txt1 {
font-size: 24px;
line-height: 29px;
margin:12px 0;
}
.bl_5 .vn ul li .right .txt2 {
font-size: 24px;
line-height: 29px;
margin-top: 8px;
margin-bottom: 5px;
}
.bl_5 .row {
position: relative;
}
.right_navi , .left_navi, .prevBtn, .nextBtn {
position: absolute;
display: block;
font-size: 0 !important;
z-index: 2;
width: 65px;
height: 65px;
top:210px;
/* margin-top:-30px;*/
}
.bl_6 .prevBtn, .bl_6 .nextBtn {
top: 97px;
}
.right_navi:hover , .left_navi:hover, .controls a {
cursor: pointer;
opacity: 0.7;
}
.left_navi, .prevBtn {
background: url(../img/bg17.png) no-repeat;
left:-30px;
}
.right_navi, .nextBtn {
background: url(../img/bg18.png) no-repeat;
right:-30px;
}
.numericControls {
position: relative;
text-align: center;
width: 40%;
float: right;
padding-top: 10px;
}
.numericControls li {
display: inline-block;
vertical-align: top;
margin: 0 6px;
}
.numericControls li a {
background: #cecece;
display: block;
width: 17px;
height: 17px;
border-radius: 50%;
font-size: 0 !important;
text-decoration: none;
}
.numericControls li.current a {
background: #fc0;
}
/*Экран 6 Отзывы*/
.bl_6 {
background: #efefef;
}
.bl_6 {
}
.bl_6 .vn {
position: relative;
padding: 0 0 50px 0;
}
.bl_6 .vn li {
display: inline-block;
vertical-align: top;
width: 265px;
margin:10px;
}
.bl_6 .vn li a {
text-decoration: none;
}
.bl_6 .vn li .img{
max-width: 100%;
height: auto;
position: relative;
}
.bl_6 .vn li .img img{
border-radius: 20px;
max-width: 100%;
height: auto;
}
.bl_6 .vn li .img .play{
}
.bl_6 .vn li .img .play a {
display: block;
position: absolute;
/*
top: 50%;
left: 50%;
width: 46px;
height: 46px;
margin:-25px 0 0 -25px;
background: url(../img/bg19.png) no-repeat;
*/
width: 100%;
height: 100%;
border-radius: 20px;
background: url(../img/bg19.png) center no-repeat;
}
.bl_6 .vn li .img .play a:hover {
text-decoration: none;
cursor: pointer;
opacity: 0.7;
}
.bl_6 .vn li .name{
font-size: 18px;
padding: 25px 0 15px 0;
text-transform: uppercase;
line-height: 25px;
}
.bl_6 .vn li .rating{
}
.bl_6 .vn li .rating a {
}
.bl_6 .vn li .rating a img{
}
.bl_6 .vn li .txt{
font-size: 18px;
padding: 15px 0 15px 0;
line-height: 25px;
}
.bl_6 .left_navi , .bl_6 .right_navi {
top:110px;
}
.bl_6 .left_navi, .bl_6 .prevBtn {
left: -80px;
}
.bl_6 .right_navi, .bl_6 .nextBtn {
right: -70px;
}
/*Экран 7 Когда стоит взять займ?*/
.bl_7 {
background: #ffffff;
text-align: center;
}
.bl_7 .txt1 {
font-size: 20px;
line-height: 27px;
padding: 40px 0;
}
.bl_7 .blocks {
}
.bl_7 .blocks .block {
display: inline-block;
vertical-align: top;
width: 230px;
margin:10px 17px;
}
.bl_7 .blocks .block .img{
min-height: 110px;
margin-bottom: 10px;
}
.bl_7 .blocks .block .img img {
max-width: 100%;
height: auto;
}
.bl_7 .blocks .block .txt{
font-size: 18px;
line-height: 25px;
}
.bl_7 b {
font-weight: bold;
}
/*Экран 8 Как оформить кредит?*/
.bl_8 {
background: #0d0808 url(../img/z7.jpg) -50px bottom no-repeat;
color: #fff;
}
.bl_8 .vn {
text-align: center;
}
.bl_8 .bl_hed {
color: #fff;
}
.bl_8 .vn .txt1 {
padding: 25px 0 35px 0;
font-size: 24px;
line-height: 35px;
color: #fff;
text-align: center;
}
.bl_8 .vn .txt2 {
background: #fc0;
font-size: 24px;
line-height: 35px;
color: #000;
text-align: center;
}
.bl_8 .vn .block {
margin:25px 40px;
font-size: 22px;
line-height: 30px;
padding-left: 110px;
min-height: 90px;
width: 370px;
display: inline-block;
vertical-align: top;
text-align: left;
}
.bl_8 .vn .block.b1 {
background: url(../img/bg24.png) left center no-repeat;
}
.bl_8 .vn .block.b2 {
background: url(../img/bg25.png) left center no-repeat;
}
.bl_8 .vn .block.b3 {
background: url(../img/bg26.png) left center no-repeat;
}
.bl_8 .vn .block.b4 {
background: url(../img/bg27.png) left center no-repeat;
}
.bl_8 .vn .block.b5 {
background: url(../img/bg28.png) left center no-repeat;
}
/*Экран 9 Обратите внимание*/
.bl_9 {
background: #1b1616 url(../img/bg29.png) center no-repeat;
padding: 15px 0;
color: #fff;
}
.bl_9 .left {
float: left;
width: 40%;
font-size: 36px;
line-height: 47px;
text-transform: uppercase;
}
.bl_9 .right {
float: right;
width: 40%;
font-size: 24px;
line-height: 35px;
}
/*Экран 10 Как погашать кредит?*/
.bl_10 {
background: #ffffff;
text-align: center;
padding: 10px 0 45px 0;
}
.bl_10 .txt1 {
font-size: 20px;
line-height: 28px;
margin:18px 0;
}
.bl_10 .block {
display: inline-block;
vertical-align: top;
width: 300px;
margin:20px 35px;
}
.bl_10 .block .img {
margin-bottom: 10px;
min-height: 180px;
}
.bl_10 .block .img img{
max-width: 100%;
height: auto;
}
.bl_10 .block .txt {
font-size: 20px;
line-height: 28px;
}
/*Экран 11 Каждому заемщику*/
.bl_11 {
background: #ffcc00;
padding: 44px 0;
font-size: 24px;
line-height: 42px;
text-align: center;
}
.bl_11 {
}
/*Экран 12 Основные преимущества*/
.bl_12 {
background: #ffffff;
}
.bl_12 .vn {
min-height: 590px;
position: relative;
background: url(../img/z8.jpg) bottom center no-repeat;
}
.bl_12 .block {
font-size: 18px;
line-height: 25px;
text-align: center;
width: 220px;
position: absolute;
}
.bl_12 .block.b1 {
top: 327px;
left: -42px;
}
.bl_12 .block.b2 {
top: 120px;
left: 98px;
}
.bl_12 .block.b3 {
top: 44px;
left: 289px;
}
.bl_12 .block.b4 {
top: 17px;
left: 480px;
}
.bl_12 .block.b5 {
top: 47px;
right: 250px;
}
.bl_12 .block.b6 {
top: 161px;
right: 50px;
}
.bl_12 .block.b7 {
right: -50px;
top: 340px;
}
.bl_12 .block .img {
height: 60px;
}
.bl_12 .block .txt {
margin-top: 10px;
}
/*Экран 13 Мы гарантируем*/
.bl_13 {
background: #efefef;
}
.bl_13 .left {
width: 45%;
padding: 0 2%;
float: left;
}
.bl_13 .heds {
padding: 80px 0 42px 0;
font-size: 36px;
line-height: 47px;
text-transform: uppercase;
}
.bl_13 .left .heds {
}
.bl_13 .left .ul {
font-size: 20px;
line-height: 34px;
}
.bl_13 .left .ul li {
padding: 25px 0 25px 57px;
background: url(../img/bg40.png) 0px center no-repeat;
}
.bl_13 .right {
float: right;
width: 45%;
padding: 0 2% 80px 2%;
background: #1b1616 url(../img/z9.jpg) right bottom no-repeat;
color: #fff;
}
.bl_13 .right .heds {
}
.bl_13 .right .txt {
padding: 0 0 50px 160px;
background: url(../img/bg6.png) 0px 13px no-repeat;
font-size: 30px;
line-height: 45px;
}
.bl_13 .right .form {
text-align: center;
}
.bl_13 .right .form input {
width: 90%;
padding-left: 5%;
padding-right: 5%;
margin:8px 0;
}
.bl_13 .right .form input[type="submit"] {
width: 100%;
}
.agreeform {
text-align: center;
font-size: 16px;
line-height: 22px;
}
.agreeform:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background: url(../img/bg41.png) 0px 0px no-repeat;
margin:3px 11px 0 0;
position: relative;
top: 1px;
margin-top: 12px;
}
/*Экран 14 Наш автоломбард*/
.bl_14 {
background: #fff;
}
.bl_14 .left {
float: left;
width: 48%;
}
.bl_14 .txt {
font-size: 20px;
line-height: 32px;
padding: 15px 0 0 0;
}
.bl_14 .left .ul {
font-size: 20px;
line-height: 27px;
padding: 45px 0;
}
.bl_14 .left .ul li {
padding: 15px 0 15px 55px;
background: url(../img/bg42.png) 0px 13px no-repeat;
}
.bl_14 .right {
float: right;
width: 48%;
}
.bl_14 .right img{
max-width: 100%;
height: auto;
}
/*Экран 15 Наши гарантии*/
.bl_15 {
background: #efefef;
}
.bl_15 {
text-align: center;
}
.bl_15 .block {
display: inline-block;
vertical-align: top;
width: 27%;
margin:0 3% 35px 3%;
}
.bl_15 .block .img {
}
.bl_15 .block .img img {
}
.bl_15 .block .txt {
font-size: 20px;
color: #000;
padding: 31px 0 40px 0;
line-height: 35px;
}
.bl_15 .block .txt b {
font-weight: bold;
}
/*Экран 16 c адресами и картой*/
.bl_16 {
background: #1b1616;
font-size: 16px;
color: #fff;
padding-bottom: 45px;
}
.bl_16 a {
color: #fff;
text-decoration: none;
}
.bl_16 .vn1 {
}
.bl_16 .logofot {
float: left;
display: block;
}
.bl_16 .b1 {
min-width: 220px;
}
.bl_16 .b1 .txt {
padding-left: 20px;
float: left;
}
.bl_16 .block.b4 {
margin-right: 0 !important;
}
.bl_16 .vn1 .block {
padding: 43px 0 37px 0;
float: left;
margin-right: 37px;
}
.bl_16 .vn1 .block .txt {
font-size: 15px;
color: #fff;
}
.bl_16 .vn1 .block .heds {
font-size: 24px;
color: #fc0;
margin-bottom: 33px;
}
.bl_16 .vn1 .block .txt1 {
padding: 7px 5px 7px 25px;
background: url(../img/bg44.png) left center no-repeat;
}
.bl_16 .vn1 .block .txt2 {
padding: 7px 5px 7px 25px;
background: url(../img/bg45.png) left center no-repeat;
}
.bl_16 .vn1 .block .txt3 {
padding: 7px 5px 7px 25px;
background: url(../img/bg46.png) left center no-repeat;
}
.bl_16 .vn2{
height: 328px;
background: url(../img/img8.jpg) center no-repeat;
margin:0 0 0px 0;
}
.bl_hed {
font-size: 36px;
color: #000;
text-transform: uppercase;
text-align: center;
padding: 77px 0 35px 0;
line-height: 49px;
}
/*Общие стили для формы*/
.form {
}
.form input[type="text"] ,
.form input[type="tel"] ,
.form input[type="email"] ,
.form input[type="password"] {
border:none;
border-radius: 30px;
padding: 20px 35px;
background: #ffffff;
font-size: 18px;
color: #999999;
margin:0 5px;
outline:none;
}
.form input[type="submit"] {
border:none;
border-radius: 30px;
padding: 20px 35px;
background: #ffcc00;
font-size: 18px;
color: #000;
text-transform: uppercase;
outline:none;
margin:0 5px;
}
.form input[type="submit"]:hover {
background: #deb306;
cursor: pointer;
}
/* Подвал
-----------------------------------------------------------------------------*/
.footer {
margin: -70px auto 0;
min-width: 1170px;
max-width: 5000px;
/*height: 70px;*/
background: #000000;
position: relative;
font-size: 16px;
color: #fff;
}
.footer .txt {
padding: 25px 35px 0 0;
}
/*мобилка*/
@media only screen and (max-width: 900px) {
body .row {
width: 100% !important;
}
body .wrapper {
min-width: 0px;
max-width: 100%;
width: 100%;
padding: 0px;
margin:0px;
overflow: hidden;
}
.footer {
min-width: 0px;
max-width: 100%;
width: 100%;
padding: 10px 0;
}
.header {
}
.hed3 {
text-align: center;
padding-top: 50px;
}
.hed3 .txt1 {
font-size: 25px;
line-height: 35px;
text-transform: uppercase;
padding: 15px 0 15px 0;
}
.hed4 .blocks .block {
float: none;
padding: 10px 5% 10px 20%;
width: 75%;
background-position: 10px 10px !important;
}
.bl_1 .left {
float: none;
padding: 33px 25px 25px 150px;
background-position: 10px 30px !important;
font-size: 26px;
line-height: 35px;
}
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="password"] {
margin:9px 0;
}
.bl_1 .right .txt {
padding-bottom: 15px;
}
.bl_2 .txt1 {
padding: 75px 30px 25px 32px;
border-radius: 10px;
background: #fff url(../img/bg7.png) center 14px no-repeat;
font-size: 18px;
line-height: 26px;
}
.bl_2 .blocks .block {
display: block;
width: 100%;
margin: 15px 0%;
background: #fc0;
border-radius: 0px;
}
.bl_3 .txt {
padding: 160px 10px 35px 10px;
background: #1b1616 url(../img/bg6.png) center 20px no-repeat;
font-size: 20px;
line-height: 28px;
color: #fff;
}
.bl_3 .form {
padding: 5px 0 5px 0px;
text-align: center;
}
.bl_4 .txt1 {
padding: 15px 10px 35px 10px;
}
.bl_4 .block {
background: #ffcc00;
border-radius: 0px;
overflow: hidden;
text-align: left;
display: block;
width: 100%;
margin: 15px 0%;
}
.bl_4 .block .right {
padding: 12px 10px 12px 25px;
margin-left: 100px;
min-height: 95px;
background: #fff;
}
.bl_4 .txt2 {
font-size: 20px;
line-height: 25px;
margin: 15px auto 20px auto;
padding: 75px 13px 25px 13px;
border-radius: 10px;
background: #fff url(../img/bg7.png) center 20px no-repeat;
max-width: auto;
}
.bl_5 .vn ul li .left {
float: none;
width: 100%;
background: none;
border-radius: 0px;
margin-top: 15px;
}
.bl_5 .vn ul li .left img {
border-radius: 0px;
display: block;
max-width: 100%;
height: auto;
position: relative;
top: 0px;
right: 0px;
}
.bl_5 .vn {
background: none;
border-radius: 0px;
padding: 0px 0px;
position: relative;
}
.bl_5 .vn ul li .right {
float: none;
padding: 10px;
}
.left_navi, .prevBtn {
left: 0;
}
.right_navi, .nextBtn {
right: 0;
}
.bl_hed {
font-size: 24px;
color: #000;
text-transform: uppercase;
text-align: center;
padding: 37px 0 25px 0;
line-height: 37px;
}
.bl_7 .txt1 {
font-size: 18px;
line-height: 27px;
padding: 10px 5px 15px 5px;
}
.bl_7 .blocks .block {
}
.bl_7 .blocks .block:after {
content: "";
display: block;
width: 100%;
height: 1px;
clear: both;
}
.bl_7 .blocks .block .img {
min-height: 10px;
margin-bottom: 10px;
float: left;
text-align: center;
padding: 0 10px 5px 7px;
max-width: 20%;
}
.bl_7 .blocks .block .img img {
max-width: 90%;
height: auto;
}
.bl_7 .blocks .block {
display: block;
vertical-align: top;
width: 100%;
margin: 10px 0px;
text-align: left;
}
.bl_8 .vn .txt1 {
padding: 15px 10px 25px 10px;
}
.bl_8 .vn .txt2 {
padding: 5px 8px;
}
.bl_8 .vn .block {
margin: 15px 0px;
font-size: 20px;
line-height: 28px;
padding-left: 110px;
padding-right: 10px;
min-height: 90px;
width: auto;
display: block;
vertical-align: top;
text-align: left;
background-position: 8px 10px !important;
}
.bl_8 {
background: #0d0808 url(../img/z7.jpg) -50px bottom no-repeat;
padding-bottom: 240px;
color: #fff;
}
.bl_9 .left {
float: none;
width: 90%;
padding: 10px 5%;
font-size: 28px;
line-height: 37px;
text-transform: uppercase;
text-align: center;
}
.bl_9 .right {
float: none;
width: 90%;
font-size: 24px;
line-height: 35px;
padding:10px 5%;
text-align: center;
}
.bl_9 {
background: #1b1616;
padding: 15px 0;
color: #fff;
}
.bl_9 .left:after {
display: block;
width: 100%;
height: 150px;
content: "";
margin:10px 0;
background: #1b1616 url(../img/bg29.png) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.bl_10 .txt1 {
font-size: 20px;
line-height: 28px;
margin: 18px 0;
padding: 0 7px;
}
.bl_10 .block {
display: block;
vertical-align: top;
width: 90%;
margin: 20px 0px;
padding: 5px 5%;
}
.bl_11 {
padding: 24px 5px;
}
.bl_12 .vn {
min-height: 100px;
position: relative;
background: #fff url(../img/bg47.jpg) bottom center no-repeat;
padding-bottom: 170px;
}
.bl_12 .block {
font-size: 18px;
line-height: 25px;
text-align: center;
width: auto;
position: relative !important;
top: 0px !important;
left: 0 !important;
right: 0 !important;
}
.bl_12 .block .img {
height: auto;
float: left;
padding-right: 15px;
margin:3px 0 0 5px;
}
.bl_12 .block .txt {
text-align: left;
padding-top: 10px;
}
.bl_12 .block .txt:after {
display: block;
content: "";
width: 100%;
height: 1px;
clear: both;
}
.bl_13 .left {
width: 100%;
padding: 0 0%;
float: none;
text-align: center;
}
.bl_13 .right {
width: 100%;
padding: 0 0%;
float: none;
text-align: center;
}
.bl_13 .left .ul li {
padding: 15px 0 15px 57px;
background: url(../img/bg40.png) 0px center no-repeat;
text-align: left;
margin:0 8px 0 8px;
}
.bl_13 .right .txt {
padding: 130px 10px 50px 10px;
background: url(../img/bg6.png) center 5px no-repeat;
font-size: 30px;
line-height: 45px;
}
.agreeform {
padding: 15px 5px;
}
.bl_14 {
padding: 15px 10px;
}
.bl_14 .left {
float: none;
width: 100%;
}
.bl_14 .right {
float: none;
width: 100%;
}
.bl_15 .block {
display: block;
vertical-align: top;
width: 100%;
margin: 0px 0;
padding: 15px 0;
}
.bl_16 .vn1 .block {
padding: 23px 10px 27px 10px;
float: none;
margin-right: 0px;
clear: both;
}
.bl_16 .b1 {
min-width: 0px;;
}
.footer .txt {
padding: 15px 15px 10px 12px;
}
.numericControls {
position: relative;
text-align: center;
width: 100%;
float: none;
padding-top: 10px;
}
.hed1, .hed2 {
display: none;
}
#hed_mob {
background: #1b1616;
opacity: 0.9;
height: 50px;
position: fixed;
z-index: 10;
width: 100%;
top: 0;
left: 0;
display: block;
border-bottom: 1px #080707 solid;
}
#hed_mob #for_burger {
position: absolute;
top: 17px;
left: 12px;
width: 22px;
height: 17px;
background: url(../img/mob3.png) no-repeat;
}
#hed_mob #for_burger.active {
}
#hed_mob #mob_logo {
text-align: center;
padding: 5px 0 0 0;
}
#hed_mob #mob_logo img {
}
#hed_mob #mob_map {
position: absolute;
top: 10px;
right: 12px;
}
#hed_mob #mob_map a {
display: block;
text-decoration: none;
width: 17px;
height: 22px;
background: url(../img/mob2.png) no-repeat;
}
#hed_mob #mob_tel {
position: absolute;
top: 12px;
right: 55px;
}
#hed_mob #mob_tel a {
display: block;
text-decoration: none;
width: 17px;
height: 22px;
background: url(../img/mob1.png) no-repeat;
}
#mob_menu {
display: none;
background: #000;
width: 100%;
height: 100%;
padding: 5% 0;
position: fixed;
z-index: 11;
}
#mob_menu.active {
display: block;
}
#mob_menu li {
display: block;
list-style: none;
}
#mob_menu li a {
display: block;
color: #fff;
text-decoration: none;
padding: 17px 20px;
border-bottom: 1px #ccc solid;
font-size: 20px;
text-transform: uppercase;
}
#mob_menu #mob_close {
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 40px;
background: url(../img/mob4.png) center no-repeat;
}
#mob_menu .gogo a, #mob_menu li a:hover{
color: #000;
background: #ffcc00;
}
.bl_6 #slider2 li {
width: 100%;
width: 200px !important;
margin:0 15px !important;
}
.bl_6 .left_navi, .bl_6 .prevBtn {
left: 0px;
}
.bl_6 .right_navi, .bl_6 .nextBtn {
right: 0px;
}
.bl_13 .right .form {
text-align: center;
padding: 5px 10px;
}
}