html{
min-height: 100%;
}
body{
background: #fff;  
min-height: 100%;
height: 100%;
position: relative;
}
.vector-site{
background: #1daad5;
width: 100%;
padding:100px 0 40px;
}
.vector-site-in{
width: 976px;
margin: 0 auto;
}
h1{
 
font-weight: 400;
letter-spacing:2px;
font-size: 30px;
color: #fff;
line-height: 1.3;
margin-bottom: 40px;
padding-left: 83px;
}

h1:first-letter {
    color: #ffce32; /* Красный цвет первой буквы */
    font-weight:bold;
    font-size: 58px;
   }

.macbook{
margin: 0 auto;
width: 913px;
margin-bottom: 40px;
}
.zag{
width: 810px;
margin: 0 auto;
overflow: hidden;
}
.left-col{
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
width: 395px;
float: left;
}
.right-col{
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
width: 395px;
float: left;
margin-left: 20px;
}
.zag h3{
color: #fff;
font-family: 'PT Sans', sans-serif;
font-weight: 700;
font-size: 21px;
line-height: 1.2;
}
.zag p{
color: #fff;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.diz-mak{
width: 100%;
padding:40px 0;    
}
.diz-mak-in{
width: 976px;
margin: 0 auto;
}
.diz-mak-in .zag{
margin-bottom: 40px;
}
.diz-mak-in .zag h4{
color: #000;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
font-size: 21px;
line-height: 1.2;
letter-spacing: 1px;
margin-bottom: 10px;
}
.diz-mak-in .zag p{
color: #000;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.diz-mak-in .zag p a{
color: #279bc3;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
text-decoration: underline;    
}
.diz-mak-in .zag p a:hover{
 text-decoration: none;    
}
.land-p{
text-align: center;
width: 976px;
margin: 0 auto;
}
.ill-1{
background: #1daad5;
width: 100%;
padding: 40px 0;
}
.ill-1-in{
width: 976px;
margin: 0 auto;
min-height: 320px;
}
.ill-1-in .zag{
margin-bottom: 20px;
}
.ill-1-in .zag h4,.ill-2-in .zag h4{
color: #fff;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
font-size: 21px;
line-height: 1.2;
letter-spacing: 1px;
margin-bottom: 10px;
}
.an-ill-1{
width: 976px;
margin: 0 auto;
height: 280px;
position: relative;
overflow: hidden;
}
.an-ill-11{
background: url('../images/html/vectorplus-site/i-trees.png') no-repeat;
width: 211px;
height: 245px;
position: absolute;
top: 7px;
left: 0;
}
.an-ill-12{
background: url('../images/html/vectorplus-site/i-case.png') no-repeat;
width: 322px;
height: 255px;
position: absolute;
top: 25px;
left: 340px;
}
.an-ill-13{
background: url('../images/html/vectorplus-site/i-flags.png') no-repeat;
width: 202px;
height: 263px;
position: absolute;
top: 0;
left: 774px;
}
.between-ill{
width: 100%;
padding: 40px 0;
}
.between-ill-in{
width: 976px;
margin: 0 auto;
}

.calc-f{
width: 976px;
margin: 0 auto;
position: relative;
height: 680px;
margin-bottom: 40px;
overflow: hidden;   
}
.calc{
background: url('../images/html/vectorplus-site/calc.jpg') no-repeat;
width: 562px;
height: 397px; 
position: absolute;
top:0;
left: -562px;
z-index: 10;
}
.form{
background: url('../images/html/vectorplus-site/form.jpg') no-repeat;
width: 562px;
height: 407px; 
position: absolute;
bottom:0;
right: -562px;  
z-index: 5; 
}
.arr-r{
background: url('../images/html/vectorplus-site/arr-r.png') no-repeat;
width: 76px;
height: 80px; 
position: absolute;
top:80px;
left: 320px;    
}
.arr-r-in{
width: 100%;  
height: 100%;
background: #fff; 
}
.arr-l{
background: url('../images/html/vectorplus-site/arr-l.png') no-repeat;
width: 76px;
height: 80px; 
position: absolute;
bottom:110px;
right: 324px;    
}
.arr-l-in{
width: 100%;  
height: 100%;
background: #fff; 
}
.text-1{
width: 282px;
height: 80px;
position: absolute;
color: #000;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
top: 160px;
left: 103px;

}
.text-2{
width: 282px;
height: 80px;
position: absolute;
color: #000;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
right: 103px;
bottom: 28px;
}
.page-into{
height: 1160px;
width: 976px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.page-into .zag h4{
color: #000;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
font-size: 21px;
line-height: 1.2;
letter-spacing: 1px;
margin-bottom: 10px;    
}
.page-into .zag p{
color: #000;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.t-1{
background: url('../images/html/vectorplus-site/t-1.jpg') no-repeat;
width: 645px;
height: 630px;
position: absolute;
top: 530px;
left: -645px;
z-index:10;   
}
.t-2{
background: url('../images/html/vectorplus-site/t-2.jpg') no-repeat;
width: 645px;
height: 630px;
position: absolute;
top: 110px;
right: -645px;
z-index:5;  
}
.ill-2{
background: #1daad5;
width: 100%;
padding: 40px 0;
}
.ill-2-in{
width: 976px;
margin: 0 auto;
min-height: 240px;
}

.an-ill-2{
width: 976px;
margin: 0 auto;
height: 180px;
position: relative;
overflow: hidden;
}
.an-ill-21{
background: url('../images/html/vectorplus-site/purse.png') no-repeat;
width: 152px;
height: 180px;
position: absolute;
top: 7px;
left: 83px;
}
.an-ill-22{
background: url('../images/html/vectorplus-site/safe.png') no-repeat;
width: 160px;
height: 142px;
position: absolute;
top: 31px;
left: 433px;
}
.an-ill-23{
background: url('../images/html/vectorplus-site/chair.png') no-repeat;
width: 150px;
height: 148px;
position: absolute;
top: 33px;
left: 758px;
}

.last{
width: 100%;
padding: 40px 0;
}
.page-3{
width: 976px;
margin: 0 auto;
position: relative; 
height: 1470px;
padding-bottom:40px;   
}
.page-31{
background: url('../images/html/vectorplus-site/faq.jpg') no-repeat;
width: 811px;
height: 666px;
position: absolute;
top: 400px;
left: 82px;
z-index:10;
}
.page-32{
background: url('../images/html/vectorplus-site/inv.jpg') no-repeat;
width: 479px;
height: 461px;
position: absolute;
top: 698px;
right: 248px;
z-index:10;
}
.page-33{
background: url('../images/html/vectorplus-site/cont.jpg') no-repeat;
width: 811px;
height: 717px;
position: absolute;
top: 750px;
left: 82px;
z-index:5;
}
.last-in{
width: 976px;
margin: 0 auto;
text-align: center;
}
.link{
padding-top: 50px;
width: 976px;
margin: 0 auto;
text-align: center;
}
.site{
cursor: pointer;
background: url('../images/html/vectorplus-site/pas-but.png') no-repeat;    
display: inline-block;
width: 184px;
height: 40px;
text-align: center;
color: #d27800;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
letter-spacing: 1px;
padding-top: 10px;
text-decoration: none;
}
.site:hover{
background: url('../images/html/vectorplus-site/hov-but.png') no-repeat;    
}