@font-face{font-family:'gothic_new';font-style:normal;font-weight:400;src:local('gothic_new'),url(../fonts/gothic.woff) format('woff'),url(../fonts/gothic.ttf) format('truetype')}

div.centerpos {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  position: relative;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: Century Gothic, gothic_new, Corbel, arial;
  vertical-align: baseline;
}

/* top */

#top {
  max-width: 2200px;
  min-width: 1200px;
  height: 1620px;
  background-image: url(../images/avtogood_011.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

#top .centerpos div, #top .centerpos h1, #top .centerpos h2 {
  position: absolute;
}

#top .text1{
    top: 32px;
    left: 50px;
    font-size: 28px;
    color: #ffffff;
}

#top .text2{
    top: 23px;
    left: 657px;
    font-size: 18px;
    letter-spacing: -0.2px;
}

#top .text3{
    top: 53px;
    left: 657px;
    font-size: 18px;
    color: white;
    letter-spacing: -0.2px;
}

#top .text4{
    top: 21px;
    left: 950px;
    font-size: 20px;
    color: white;
    letter-spacing: 0px;
}

#top .text5{
    top: 80px;
    left: 980px;
    font-size: 18px;
    color: white;
}

#top .greentext {
  color:#309724;
}

#top .greentext2 {
  color:#8dd788;
}

#top .text6{
  top: 343px;
  left: 198px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.2px;
}

#top .text7{
    top: 428px;
    left: 198px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.2px;
}

#top .text8{
    top: 519px;
    left: 198px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.2px;
}

#top .text9{
    top: 668px;
    left: 112px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.1px;
}

#top .text10{top: 744px;left: 115px;font-size: 30px;font-weight: bold;text-shadow: 2px 2px 1px rgba(0,0,0,0.6);color: #ffffff;line-height: 32px;}


#top .text11 {top: 764px;left: 392px;font-size: 54px;font-weight: bold;text-shadow: 2px 2px 1px rgba(0,0,0,0.6);color: #ffffff;line-height: 32px;}

#top .text12{
    top: 776px;
    left: 881px;
    font-size: 18px;
    color: #ffffff;
}

#top .bigtext {
  font-size: 53px;
}

#top h1{
    top: 163px;
    left: 97px;
    font-size: 66px;
    font-weight: bold;
	text-shadow: 1px 1px 0px rgba(5, 50, 88, 1);
    color: #1b7fd4;
    letter-spacing: -0.1px;
}

#top h2{
    top: 245px;
    left: 100px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.1px;
}

#top .txt1 {
    top: 1220px;
    width: 1200px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
}

#top .txt0 {
    top: 875px;
    width: 1200px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
}

#top .txt0 .ramka {
display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 24px;
    margin-top: 40px;
    background-image: url(../images/ramka.jpg);
    width: 279px;
    height: 83px;
    position: relative;
    padding-top: 25px;
    font-weight: bold;
    padding-right: 10px;
    line-height: 27px;
}

#top .more {
    font-size: 19px;
}

#top .more2 {
    font-size: 19px;
}

#top .blue {
  color: #004084;
}

#top .blue2 {
  color: #1683bc;
}

#top .h1 {
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    letter-spacing: -0.2px;
}

#top .h2 {
    font-size: 25px;
    font-weight: bold;
}

/* howtop*/

#howto {
  max-width: 2200px;
  min-width: 1200px;
  height: 294px;
  background-image: url(../images/avtogood_02.jpg);
  background-position: 50% 0%;
}

#howto .centerpos div {
    position: absolute;
    color: white;
    text-align: center;
    top: 159px;
    font-size: 19px;
    line-height: 21px;
}

#howto .txt1 {
  left: 47px;
}

#howto .txt2 {
    left: 363px;
}

#howto .txt3 {
  left: 632px;
}

#howto .txt4 {
  left: 948px; 
}



/* avtobuy */

#avtobuy {
  max-width: 2200px;
  min-width: 1200px;
  height: 984px;
  background-image: url(../images/avtogood_03.jpg);
  background-position: 50% 0%;
}

#avtobuy .txt1 {position: absolute;width: 1200px;color: white;text-shadow: 2px 2px 1px rgba(0,0,0,0.6);top: 67px;font-weight: bold;font-size: 26px;text-align: center;}

#avtobuy .txt2 {position: absolute;width: 1200px;color: white;text-shadow: 2px 2px 1px rgba(0,0,0,0.6);top: 110px;text-align: center;font-size: 20px;}

#avtobuy .txt3 {
    position: absolute;
    top: 176px;
    left: 71px;
}

#avtobuy .txt4 {
    position: absolute;
    top: 502px;
    left: 0px;
}

#avtobuy .txt5 {
    position: absolute;
    top: 502px;
    right: 20px;
}


/* havetoknow */

#havetoknow {
  max-width: 2200px;
  min-width: 1200px;
  height: 840px;
  background-image: url(../images/avtogood_04.jpg);
  background-position: 50% 0%;
}

#havetoknow .centerpos div {
  position: absolute;
  left: 150px;
  /* letter-spacing: -0.2px; */
}

#havetoknow .txt1 {
    color: #0c880c;
    font-weight: bold;
    font-size: 32px;
    top: 51px;
}

#havetoknow .txt2 {
    top: 122px;
    font-size: 19px;
    letter-spacing: -0.1px;
    line-height: 23px;
}

#havetoknow .txt3 {
  color: #1b7fd4;
  font-weight: bold;
  font-size: 29px;
  top: 265px;
  letter-spacing: -0.2px;
}

#havetoknow .txt4 {
      top: 370px;
      font-size: 19px;
      line-height: 23px;
      letter-spacing: -0.2px;
}

#havetoknow .txt5 {
  top: 487px;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.2px;
}

#havetoknow .txt6 {top: 603px;font-size: 19px;line-height: 23px;letter-spacing: -0.2px;}

/* bottomtext */ 

#bottomtext {
  max-width: 2200px;
  min-width: 1200px;
  height: 345px;
  background-image: url(../images/avtogood_05.jpg);
  background-position: 50% 0%;
}


#bottomtext .centerpos div {
  position: absolute;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.6);
    text-align: center;
    width: 1200px;
}

#bottomtext .txt1 {

color: white;

font-size: 28px;

font-weight: bold;

top: 20px;

letter-spacing: -1px;
}

#bottomtext .txt2 {
  
color: white;
  
font-size: 25px;
  
font-weight: bold;
  
top: 65px;
}

#bottomtext .txt3 {
  
top: 146px;
  
color: white;
  
font-weight: bold;
  
font-size: 56px;
}

#bottomtext .centerpos div.txt4 {

text-shadow: none;

color: white;

font-size: 19px;

top: 229px;
}

#bottomtext .greentxt {
  color:#a4fd3f;
}

/* test */

#test {
    max-width: 2200px;
    min-width: 1200px;
    width: 100%;
    height: 3676px;
    background-image: url(../images/test.jpg);
    background-position: 50% 0%;
    position: absolute;
    top: 0;
    opacity: 0.5;
  display: none;
}


#testbutton_on {
  position: fixed;
  top: 10px;
  left: 10px;
  background: white;
  padding: 10px;
  cursor: pointer;
  display: none;
}

#testbutton_off {
  position: fixed;
  top: 50px;
  left: 10px;
  background: white;
  padding: 10px;
  cursor: pointer;
  display: none;
}

.left_but {
 cursor:pointer;
}

.right_but {
 cursor:pointer;
}

.txt3 {
-webkit-transition: all ease-out 0.7s;
    -moz-transition: all ease-out 0.7s;
    -ms-transition: all ease-out 0.7s;
    -o-transition: all ease-out 0.7s;
    transition: all ease-out 0.7s;
}