body, html{

}

/*start banner*/
#banner{
position: absolute;
left: 100px;
right: 100px;
width: 239px;
height: 230px;
background-image: url('./i/bgbanner.png');
position: relative;
padding:0;
margin: 0;
}
#banner select{
position: absolute;
right: 5px;
top: 5px;
  width: 73px;
  height: 17px;
background-color: rgb(244, 244, 244);
 border-width: 0.62px;
  border-color: rgb(51, 92, 156);
  border-style: solid;
  border-radius: 3px;
  outline: none;
}


#currency{
position: absolute;
top: 33px;
left: 8px;
}
#currency li{
font-size: 11px;
display: inline-block;
font-family: Arial;
font-weight: bold;
color: #dc1b15;
}
#currency li a{
text-decoration: none;
color: #dc1b15;
}
#currency .selected{
color: #293384;
}
#banner #fuel{
position: absolute;
top: 52px;
}
#banner #fuel li {
position: relative;
width: 115.5px;
height: 25px;
display: inline-block;
margin-bottom: 11px;
background-repeat: no-repeat;
background-position: 10px center;
}
#banner #fuel li div{
position: absolute;
top: 4px;
right: 8px;
width: 56px;
height: 17px;
background-color: #293384;

-webkit-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-o-transform: skew(-15deg);
transform: skew(-15deg);
}
#banner #fuel li span{
position: absolute;
top: 5px;
right: 16px;
font-family: Arial;
font-weight: bold;
color: #fff;
font-size: 14px;
}
#banner #ai-95{
background-image: url('./i/ico-ai95.png');
}
#banner #ai-92{
background-image: url('./i/ico-ai92.png');
}
#banner #dt-eu{
background-image: url('./i/ico-dteu.png');
background-position: 5px center;
}
#banner #dt-ar{
background-image: url('./i/ico-dtar.png');
background-position: 0px center;
}
#banner #blue{
background-image: url('./i/ico-blue.png');
background-position: 3px center;
}
#banner #gaz{
background-image: url('./i/ico-gazu.png');
background-position: 3px center;
}
#discount{
width: 100%;
height: 28px;
position: absolute;
bottom: 30px;
}
#discount div{
position: absolute;
background-color: rgb(220, 27, 21);
width: 144px;
height: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skew(-15deg);
  transform: translate(-50%, -50%) skew(-15deg);
  -moz-transform: translate(-50%, -50%) skew(-15deg);
  -ms-transform: translate(-50%, -50%) skew(-15deg);
  -o-transform: translate(-50%, -50%) skew(-15deg);
  cursor: pointer;

}
#discount span{
display: block;
text-align: center;
font-size: 11px;
font-family: Arial;
font-weight: bold;
position: absolute;
width: 130px;
line-height: 1.3;
height: 28px;
color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  cursor: pointer;
}
#b_block {
position: absolute;
bottom: 0px;
font-size: 11px;
font-family: Arial;
font-weight: bold;
}
#b_block div{
display: inline-block;
padding: 5px;
color: #dc1b15;
}
#b_block #refresh{
width:128px;
text-align: right;
}
#b_block #link{
width:90px;
text-align: left;
}
/*end banner*/


#background-pop-up{
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
position: fixed;
top: 0;
right:0;
z-index: 990;
display: none;
}

#close-pop-up{
position: absolute;
top:20px;
right: 20px;
width: 30px;
height: 30px;
cursor:pointer;
background-image: url('./i/close.png');
}


#pop-up-frame{
position: fixed;
top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
   display: none;
   z-index: 991;
}
#layer1{
position: relative;
width: 500px;
height: 500px;
background-image: url('./i/bg.png');
display: none;
}

#key-yes, #key-no{
  position: absolute;
  top: 335px;
  width: 190px;
}

#key-yes{left: 47px;}
#key-no {right: 47px;}

#key-yes div, #key-no div{
	-webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
}
#key-yes div{
  background-color: rgb(220, 27, 21);
  box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.3);
  height: 61px;
}
#key-no div{
  border-width: 2px;
  border-color: rgb(42, 1, 149);
  border-style: solid;
  box-shadow: 0px 0px 13px 0px rgba(42, 1, 149, 0.3);
  height: 57px;
}
#key-yes:hover div{
cursor: pointer;
  box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.6);
}
#key-no:hover div{
cursor: pointer;
  box-shadow: 0px 0px 13px 0px rgba(42, 1, 149, 0.6);
}
#key-yes span{
  position: absolute;
  display: block;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
  width: 156px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  cursor: pointer;
}
#key-no span{
  position: absolute;
  display: block;
  font-size: 15px;
  font-family: Arial;
  color: rgb(61, 26, 157);
  line-height: 1.2;
  text-align: center;
  width: 156px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
   background-color: rgb(255, 255, 255);
   cursor: pointer;
}

#layer2{
position: relative;
width: 500px;
height: 500px;
background-image: url('./i/bg2.png');
display: none;
overflow:hidden;
}
#formmt{
position: absolute;
top: 216px;
left: 266px;
width: 204px;
}
#formmt input[type=text]{
border: 1px solid #8099bf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgb(244, 244, 244);
  width: 194px;
  height: 26px;
  margin-bottom: 15px;
  padding: 5px;
  font-size: 17px;
  color: rgb(41, 103, 168);
  line-height: 1.225;
}
#phone-input{
background-image: url('./i/phoneBG.png');
background-position: 4px center;
background-repeat: no-repeat;
}
#formmt #phone-input{
width: 147px;
padding-left: 47px;
}
#formmt input[type=text]::-moz-placeholder{
color: rgb(41, 103, 168);
}

#formmt input[type=text]::-webkit-input-placeholder{
color: rgb(41, 103, 168);
}
/*#key-submit{
position: relative;
top: 10px;
left: 0px;
width: 204px;
height: 33px;
}
#key-submit #submit, #key-submit #clouse{
width: 100px;
height: 33px;
position: absolute;
top: 0px;
}
#key-submit #submit{
left: 0px;
} 
#key-submit #clouse{
right: 0px;
}
#key-submit #submit div, #key-submit #clouse div{
position: absolute;
top: 0px;
width: 100px;
height: 33px;
box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.3);
cursor: pointer;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
}
#key-submit #submit div{
background-color: #c31617;
}
#key-submit #clouse div{
background-color: #293384;
}

#key-submit #submit:hover div{
box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.6);
}
#key-submit #clouse:hover div{
box-shadow: 0px 0px 13px 0px rgba(42, 1, 149, 0.6);
}

#key-submit #submit span, #key-submit #clouse span{
position: relative;
  display: block;
  font-size: 16px;
  font-family: Arial;
  color: rgb(255, 255, 255);
  line-height: 33px;
  width: 100px;
  height: 33px;
  text-align: center;
  cursor: pointer;
  z-index: 999;
}
*/
#key-submit{
position: relative;
top: 10px;
left: 35px;
width: 157px;
height: 33px;
}
#key-submit div{
color: rgb(255, 255, 255);
background-color: #c31617;
width: 145px;
height: 33px;
box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.3);
cursor: pointer;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
}
#key-submit:hover div{
box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.6);
}
#key-submit span{
	position: absolute;
  display: block;
  font-size: 22px;
  font-family: Arial;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
  width: 157px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
   cursor: pointer;
}
#full-info{
position: absolute;
left: 23px;
bottom: 23px;
}
#full-info span{
  display: block;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: rgb(220, 27, 21);
  padding-top: 5px;
}
#full-info a {
  font-family: Arial;
  color: rgb(56, 50, 116);
  text-decoration: underline;
  text-decoration: underline;
  font-size: 14px;
  font-weight: normal;
}



#submit-btn {
  color: rgb(255, 255, 255);
  background-color: #c31617;
  width: 145px;
  height: 33px;
  box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.3);
  cursor: pointer;
  font-size: 22px;
  font-family: Arial;
}
#submit-btn:hover {
  box-shadow: 0px 0px 13px 0px rgba(220, 27, 21, 0.6);
}
#submit-btn:disabled {
  background-color: #aaaaaa;
  box-shadow: none;
}