.back_to_main {
    position: relative;
}

.back_to_main:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 20px;
    background-image: url(left.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}


/* Parallax base styles
  --------------------------------------------- */

  .parallax {
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    min-height: 570px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
  }

  .parallax__group {
    position: relative;
    height: 500px; /* fallback for older browsers */
    min-height: 780px;
    height: 100vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .parallax__layer--fore {
    -webkit-transform: translateZ(90px) scale(.7);
    transform: translateZ(90px) scale(.7);
    z-index: 1;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
   /* z-index: 4;*/
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-300px) scale(2);
     -ms-transform:none;
    z-index: 3;
  }

  .parallax__layer--deep {
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-600px) scale(3);
     -ms-transform:none;
    z-index: 2;
  }


  /* Debugger styles - used to show the effect
  --------------------------------------------- */

  .debug {
    position: fixed;
    top: 0;
    left: .5em;
    z-index: 999;
    background: rgba(0,0,0,.85);
    color: #fff;
    padding: .5em;
    border-radius: 0 0 5px 5px;
  }
  .debug-on .parallax__group {
    -webkit-transform: translate3d(800px, 0, -800px) rotateY(30deg);
    transform: translate3d(700px, 0, -800px) rotateY(30deg);
 }
  .debug-on .parallax__layer {
    box-shadow: 0 0 0 2px #000;
    opacity: 0.9;
  }
  .parallax__group {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
  }


  /* demo styles
  --------------------------------------------- */

  body, html {
    overflow: hidden;
  }

  body {
    font: 100% / 1.5 Arial;
  }

  * {
    margin:0;
    padding:0;
  }

a
{
    text-decoration: none;
    color: #0072bc;
}

  .parallax {
    font-size: 200%;
  }

   /* centre the content in the parallax layers */
  .title {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }



  /* style the groups
  --------------------------------------------- */

  #group1 {
    z-index: 5; /* slide over group 2 */
  }
  #group1 .parallax__layer--base {
    background: rgb(102,204,102);
  }

  #group2 {
    z-index: 3; /* slide under groups 1 and 3 */
  }
  #group2 .parallax__layer--back {
    
  }
  
  #group2 .parallax__layer--deep {
    background: url('font_main.png')center no-repeat;
    background-color:white;
  }

  #group3 {
    z-index: 3; /* slide over group 2 and 4 */
  }
  #group3 .parallax__layer--base {
    background: url('font_2.png')center center no-repeat;
    background-size: cover;
  }

  #group4 {
    z-index: 3; /* slide under group 3 and 5 */
  }
  #group4 .parallax__layer--base {
    background: white;
  }

  #group5 {
    z-index: 3; /* slide over group 4 and 6 */
  }
  #group5 .parallax__layer--base {
    
  }

  #group6 {
    z-index: 3; /* slide under group 5 and 7 */
  }
  #group6 .parallax__layer--base {
    background: white;
  }

  #group7 {
    z-index: 3; /* slide over group 7 */
  }
  #group7 .parallax__layer--base {
    background: url('font_2.png')center center no-repeat;
    background-size: cover;
  }
  #group8 {
    z-index: 3; /* slide under group 5 and 7 */
  }
  #group8 .parallax__layer--base {
    background: white;
  }
  #group9 {
    z-index: 3; /* slide under group 5 and 7 */
  }
  #group9 .parallax__layer--base {
    background: url('otzivy_font.png')center center no-repeat;
    background-size: cover;
  }
  #group10 {
    z-index: 3; /* slide under group 5 and 7 */
  }
  #group10 .parallax__layer--base {
    background: white;
  }
   #group11 {
    z-index: 3; /* slide under group 5 and 7 */
  }
  #group11 .parallax__layer--base {
    background: white;
  }

  /* misc
  --------------------------------------------- */
  .demo__info {
    position: absolute;
    z-index:100;
    bottom: 1vh;
    top: auto;
    font-size:80%;
    text-align:center;
    width: 100%;
  }
  
    div#list
  {
  left: 78%;
  top: 100%;
  }
  
  div#list:after
  {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content:' ';
  width: 626px;
  height: 312px;
  background: url('list_2.png');
  background-size: cover;
}
.main
{
width: 980px;
height: 100vh;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
#main_in
{
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
div#main_left
{
width: 50%;
height: 100%;
float: left;
position: relative;
}
div#main_right
{
width: 50%;
height: 100%;
float: left;
position:relative;
}
div#slider_wr
{
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 480px;
width: 100%;
padding-left: 20px;
}
div#font_list
{
position: absolute;
width: 475px;
height: 267px;
top: 0px;
right: 0px;
background: url('list_3.png') no-repeat;
z-index: 5;
}
div#slider_name
{
padding-top: 1px;
overflow: hidden;
position: absolute;
bottom: 0px;
width: 100%;
}
div.slider_name_in
{
width: 30.333%;
float: left;
font-size: 0.5em;
padding: 5px;
color: #0072bc;
cursor:pointer;
}
div.parallax__first
{
    height: 50%;
    width: 50%;
    margin-left: 50%;
}
div#title_block
{
text-align: left;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding-right: 20px;
box-sizing: border-box;
}
div#title
{
font-size: 1.9em;
font-weight: bold;
color: #0072bc;
}
div#desc
{
font-size: 0.6em;
color: #757575;
}

div#desc a
{
	text-decoration:underline;
	color: #757575;
}

div#desc a:hover
{
    color: #0072bc;
}

div#logo_buy
{
overflow: hidden;
margin-top: 35px;
height: 50px;
}

div#buy {
    float: left;
    width: 40%;
    background-color: #6dd900;
    color: white;
    font-size: 0.5em;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    padding-top: 13px;
    padding-bottom: 13px;
    text-transform: uppercase;
}

div#logo
{
margin-left: 10%;
height: 100%;
width: 50%;
float: left;
content: ' ';
background: url('niagara.png')center center no-repeat;
background-size: contain;
}
div#icons
{
overflow: hidden;
margin-top: 35px;
height: 70px;
content: ' ';
background: url('icons.png')center center no-repeat;
background-size: contain;
}
div#top_menu_wr
{
position: absolute;
width: 100vw;
height: 50px;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
background-color: white;
z-index: 10;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
div#top_menu
{
width: 980px;
height: 50px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
text-align: center;
position: absolute;
left: 50%;
top: 25px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: white;
z-index: 10;
font: 200% / 1.5 Arial;
}
div.top_menu_point
{
float: left;
font-size: 0.5em;
padding-right: 10px;
padding-left: 10px;
margin-top: 13px;
}
div.top_menu_point_last
{
float: right;
font-size: 0.5em;
padding-right: 10px;
padding-left: 10px;
margin-top: 3px;
height: 23px;
}
div.razd
{
width: 1px;
height: 50px;
float: left;
background: url('razd.png')center no-repeat;
}
div.razd_last
{
width: 1px;
height: 50px;
float: right;
background: url('razd.png')center no-repeat;
}

div#callback {
    font-size: 0.4em;
    float: right;
    margin-right: 10px;
    color: #0072bc;
    border-bottom: 1px dotted;
    cursor: pointer;
    min-width: 130px;
}

div#icon_phone
{
width: 17px;
height: 17px;
float: right;
background: url('phone.png') center center no-repeat;
margin-top: 7px;
}
div#group3_main
{
text-align: center;
position: absolute;
left: 50%;
top: 350%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 980px;
height: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
div#group3_in
{
text-align: center;
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 580px;
float: left;
}
div#group3_in_head
{
text-align: center;
position: relative;
width: 100%;
float: left;
color: #0072bc;
}
div#group3_in_head_white
{
text-align: center;
position: relative;
width: 100%;
float: left;
color: white;
}
div#group3_in_foot
{
text-align: center;
position: relative;
width: 100%;
float: left;
color: #0072bc;
transform: translate(0%, -50%);
}
div#group3_in_head_in
{
text-align: center;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 57%;
float: left;
padding-bottom: 10px;
background: url('stik.png') bottom center no-repeat;
}
div#group3_in_left
{
text-align: center;
position: relative;
left: 50%;
-webkit-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
width: 50%;
float: left;
height: 400px;
}
div#group3_in_left_in
{
text-align: left;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding-right: 20px;
box-sizing: border-box;
float: left;
height: 347px;
background: url('water.png') no-repeat center center;
background-size: contain;
}
div#group3_in_right
{
position: relative;
left: 50%;
-webkit-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
width: 50%;
float: left;
height: 400px;
font-size: 0.5em;
color: #757575;
text-align: left;
}
div#group3_in_right_in
{
text-align: left;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding-right: 20px;
box-sizing: border-box;
float: left;
height: 300px;
}
span#warning
{
float: left;
font-size: 1.2em;
font-weight: bold;
margin-top: 20px;
}
span#kat
{
float: left;
margin-top: 20px;
padding-left: 50px;
height: 38px;
line-height: 38px;
background: url('kat.png') left center no-repeat;
}
span#scr
{
float: left;
margin-top: 20px;
padding-left: 50px;
height: 38px;
line-height: 24px;
background: url('scr.png') left center no-repeat;
}
span#gar
{
float: left;
margin-top: 20px;
padding-left: 50px;
height: 38px;
line-height: 38px;
background: url('gar.png') left center no-repeat;
}
span#vda
{
float: left;
margin-top: 20px;
padding-left: 65px;
background: url('vda.png') left center no-repeat;
min-height: 43px;
}
span#euro
{
float: left;
margin-top: 20px;
padding-left: 65px;
background: url('euro.png') left center no-repeat;
min-height: 43px;
}
span#fuel
{
float: left;
margin-top: 20px;
padding-left: 65px;
background: url('fuel.png') left center no-repeat;
min-height: 43px;
}
div#group4_in_left_in
{
text-align: left;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding-right: 20px;
box-sizing: border-box;
float: left;
height: 347px;
background: url('preim.png') no-repeat center center;
background-size: contain;
}
div#wr_video
{
text-align: left;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding-right: 20px;
box-sizing: border-box;
float: left;
height: 100vh;
background: url('video_font.png') center center no-repeat;
background-size: cover;
z-index: 1;
}
div#wr_video_in
{
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
div#play
{
height: 105px;
width: 105px;
background: url('play.png') center center no-repeat;
cursor: pointer;
margin: 0 auto;
}
div#play:hover
{
background-size: cover;
}
div#play_title
{
margin-top: 10px;
color: white;
}
video
{
height: 100vh;
}
div#youtube
{
margin-top: 1px;
text-align: center;
}
div#gall_wr
{
position: relative;
/*
-webkit-transform: translate(-50%, 0%);
transform: translate(-25%, 0%);
*/
width: 100%;
margin:0 auto;
height: 300px;
font-size: 0.4em;
text-align: left;
margin-top: 40px;
overflow: hidden;
}
img.gall
{
height: 300px;
float: left;
position: relative;
}
div#gall_in
{
float: left;
position: relative;
height: 300px;
width: 5000px;
left: -500px;
}
div#navigation_wr
{
text-align: center;
position: relative;
width: 100%;
float: left;
color: #0072bc;
margin-top: 40px;
}
div#navigation_in_left
{
width: 50%;
float: left;
}
div#navigation_in_right
{
width: 50%;
float: left;
}
div#navigation_left
{
float: right;
width:25px;
height:20px;
background: url('left.png') center center no-repeat;
margin-right: 15px;
cursor:pointer;
}
div#navigation_right
{
float: left;
width:25px;
height:20px;
background: url('right.png') center center no-repeat;
margin-left: 15px;
cursor:pointer;
}
div.img
{
width: 400px;
height: 300px;
float: left;
margin-right: 15px;
}
div#deliv_wr
{
text-align: center;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 100%;
float: left;
height: 400px;
}
div#deliv
{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -55%);
transform: translate(-50%, -55%);
width: 100%;
box-sizing: border-box;
float: left;
height: 400px;
background: url('rus.png') no-repeat center center;
background-size: contain;
}
div#group3_in_foot_in
{
text-align: center;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 80%;
float: left;
}
div#factory
{
font-size: 0.4em;
color: #757575;
width: 69%;
text-align: left;
background: url('deliv.png') left center no-repeat;
padding-left: 84px;
float: left;
box-sizing: border-box;
}
div#factory a {
	color: #757575;
}
div#factory a:hover {
	text-decoration:underline;
}
div#deliv_butt
{
text-align: center;
position: relative;
-webkit-transform: translate(6%, 8%);
transform: translate(6%, 8%);
width: 29%;
float: left;
}
div#calc_deliv
{
float: left;
width: 100%;
background-color: #6dd900;
color: white;
font-size: 0.5em;
text-align: center;
border-radius: 5px;
cursor: pointer;
padding-top: 13px;
padding-bottom: 13px;
}
div#cloud
{
position: absolute;
left: 65%;
top: 50%;
-webkit-transform: translate(-150%, -80%);
transform: translate(-150%, -80%);
width: 216px;
box-sizing: border-box;
float: left;
height: 145px;
background: url('cloud.png') no-repeat center center;
background-size: contain;
}
.back
{
    width: 400px;
    height: 300px;
    float: left;
    margin-right: 15px;
}
.back:hover
{
    width: 400px;
    height: 300px;
    float: left;
    margin-right: 15px;
    background: url('font_gal.png') no-repeat center center;
background-size: cover;
}
div#group3_in_middle
{
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 100%;
float: left;
height: 300px;
font-size: 0.4em;
color: #757575;
text-align: left;
}
div#group3_in_foot_2
{
text-align: center;
position: relative;
width: 100%;
float: left;
color: #0072bc;
}
div.sert
{
width: 25%;
height: 100%;
float: left;
padding: 25px;
box-sizing: border-box;
}
div.sert_in
{
width: 100%;
height: 100%;
background: url('ramka.png') center center no-repeat;
padding: 12px;
box-sizing: border-box;
}
div.vda
{
width: 100%;
height: 100%;
background: url('vda_niagara_th.jpg')center center no-repeat;
background-size: contain;
}
div.vda_lic
{
width: 100%;
height: 100%;
background: url('vda_lic_th.jpg')center center no-repeat;
background-size: contain;
}
div.iso-9001
{
width: 100%;
height: 100%;
background: url('iso-9001-th.jpg')center center no-repeat;
background-size: contain;
}
div.kamaz-2007
{
width: 100%;
height: 100%;
background: url('Niagara-Kamaz-2017-th.jpg')center center no-repeat;
background-size: contain;
}

div.kamaz-2007.var-2
{
width: 100%;
height: 100%;
background: url('adblue_niag_th.jpg')center center no-repeat;
background-size: contain;
}

div.vda_font
{
width:100%;
height:100%;
background: url('blick.png')top center no-repeat;
background-size: contain;
}
div.vda_font:hover
{
background: url('font_sert.png')center center no-repeat;
background-size: contain;
}
div#foot_1
{
font-size: 0.4em;
color: #757575;
width: 80%;
margin: 0 auto;
}
div#foot_2
{
margin-top: 20px;
height: 70px;
content: ' ';
background: url('icons.png')center center no-repeat;
background-size: contain;
}
div#group3_in_right_otzyvy
{
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 800px;
float: left;
height: 350px;
font-size: 0.4em;
color: #757575;
text-align: left;
background: url('kontyr.png') center center no-repeat;
background-size: contain;
margin-top: 40px;
}
div#arrow_left
{
text-align: left;
position: absolute;
left: 8%;
top: 50%;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
width: 15px;
box-sizing: border-box;
float: left;
height: 10px;
background: url('left_white.png');
cursor: pointer;
}
div#arrow_right
{
text-align: left;
position: absolute;
left: 92%;
top: 50%;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
width: 15px;
box-sizing: border-box;
float: left;
height: 10px;
background: url('right_white.png');
cursor: pointer;
}
div#points
{
text-align: left;
position: absolute;
left: 50%;
top: 95%;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
width: 73px;
box-sizing: border-box;
float: left;
height: 10px;
}
div#point_1
{
    height: 9px;
    width: 9px;
    float: left;
    background: url('point.png') center center no-repeat;
    cursor: pointer;
    margin-right: 12px;
}
div#point_1:hover
{
    background: url(http://adblue-vda.ru/point_hover.png) 50% 50% no-repeat;
}
div#point_2
{
    height: 9px;
    width: 9px;
    float: left;
    background: url('point.png') center center no-repeat;
    cursor: pointer;
    margin-right: 12px;
}
div#point_2:hover
{
    background: url('point_hover.png') center center no-repeat;
}
div#point_3
{
    height: 9px;
    width: 9px;
    float: left;
    background: url('point.png') center center no-repeat;
    cursor: pointer;
    margin-right: 12px;
}
div#point_3:hover
{
    background: url('point_hover.png') center center no-repeat;
}
div#point_4
{
    height: 9px;
    width: 9px;
    float: left;
    background: url('point.png') center center no-repeat;
    cursor: pointer;
}
div#point_4:hover
{
    background: url('point_hover.png') center center no-repeat;
}
div.img_otz
{
width: 74px;
height: 74px;
background: url('otz_image.png');
position: relative;
margin: 0 auto;
margin-top: 20px;
border:50%;
}
	
	#comment_1 div.img_otz {
		background: url('vod-1.png');
	}
	#comment_2 div.img_otz {
		background: url('vod-2.png');
	}
	#comment_3 div.img_otz {
		background: url('vod-3.png');
	}
	#comment_4 div.img_otz {
		background: url('vod-4.png');
	}

div.name
{
text-align: center;
color: white;
font-size: 1.4em;
}
div.prof
{
text-align: center;
color: white;
font-size: 1em;
margin-bottom: 20px;
}
div.otz
{
text-align: center;
color: white;
font-size: 1.2em;
width: 600px;
margin: 0 auto;
}
div#group3_in_marks
{
position: relative;
width: 100%;
float: left;
height: 350px;
font-size: 0.4em;
color: #757575;
text-align: left;
background: url('marks.png') center center no-repeat;
background-size: initial;
margin-top: 20px;
}
div#map_wr
{
position: relative;
width: 100%;
float: left;
height: 330px;
font-size: 0.4em;
color: #757575;
text-align: left;
margin-top: 20px;
}
div#map
{
height: 100%;
width: 100vw;
text-align: center;
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
float: left;
}
div#adblue
{
color: #0072bc;
width: 69%;
text-align: left;
float: left;
}
div#group3_in_foot_in_contacts
{
margin-top: 20px;
text-align: center;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 80%;
float: left;
}
div#order_butt
{
text-align: center;
position: relative;
-webkit-transform: translate(6%, 0%);
transform: translate(6%, 0%);
width: 29%;
float: left;
}
div#order
{
float: left;
width: 100%;
background-color: #6dd900;
color: white;
font-size: 0.5em;
text-align: center;
border-radius: 5px;
cursor: pointer;
padding-top: 13px;
padding-bottom: 13px;
}
div#block_contacts
{
text-align: center;
position: absolute;
left: 50%;
-webkit-transform: translate(-100%, 31%);
transform: translate(-100%, 31%);
box-sizing: border-box;
z-index: 9;
width: 300px;
height: 300px;
background: url('font_contacts.png') center center no-repeat;
padding-top: 82px;
}
div.cont
{
font-size: 0.4em;
text-align: left;
color: white;
padding-left: 50px;
padding-right: 20px;
margin-top: 20px;
}
div#addr
{
background: url('address.png') left center no-repeat;
}

div#addr a
{
	color:#fff;
	text-decoration:underline;
}

div#call
{
background: url('call.png') left center no-repeat;
}
div#clock
{
background: url('clock.png') left center no-repeat;
}
div#comment_1
{
position:absolute;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
float: left;
}
div#comment_2
{
position:absolute;
left: 150%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
float: left;
display:none;
opacity:0;
}
div#comment_3
{
position:absolute;
left: 150%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
float: left;
display:none;
opacity:0;
}
div#comment_4
{
position:absolute;
left: 150%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
float: left;
display:none;
opacity:0;
}
.active
{
background: url('point_hover.png') center center no-repeat!important;
cursor:auto!important;
}
img.slider_main
{
height: 400px;
position: absolute;
left: 20px;
top: 20px;
}
#slider_main_2
{
display:none;
}
#slider_main_3
{
display:none;
}
.active_slider
{
color: black!important;
border: 1px solid #B7B7B7;
border-radius: 5px;
padding: 4px!important;
cursor:auto!important;
}
div#delivery_up
{
background-color: white;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 750px;
height: 470px;
float: left;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
z-index: 99;
display:none;
}
div#map_deliv
{
width: 50%;
height: 80%;
float: right;
margin-top: 47px;
margin-right: 47px;
margin-bottom: 47px;
}
div#select_region
{
float: left;
margin-top: 50px;
margin-left: 50px;
margin-bottom: 35px;
}
div#result
{
float: left;
font-size: 1em;
width: 37%;
margin-left: 50px;
text-align: left;
color: #757575;
padding-right: 50px;
box-sizing: border-box;
}
span#summ
{
color: #0072bc;
font-weight: bold;
}
div#copyright
{
float: left;
font-size: 0.8em;
position: absolute;
bottom: 0px;
margin-bottom: 15px;
margin-left: 50px;
color: #757575;
}
div.shadow
{
background: #000000;
opacity: .2;
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
display:none;
z-index:11;
}
div#close
{
position: absolute;
width: 30px;
height: 30px;
top: 0px;
right: 0px;
background: url('cl.png') center center no-repeat;
cursor:pointer;
}
div#loading
{
position: absolute;
left: 23%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
float: left;
z-index: 103;
background: url('loader.gif') center center no-repeat;
background-size: contain;
display:none;
}
input, textarea
{
margin-top: 3px;
margin-bottom: 9px;
vertical-align: top;
display: inline-block;
color: #343434;
min-width: 340px;
height: 15px;
background: #fbfbfb;
border: 1px solid #EEEEEE;
padding: 8px 10px;
box-shadow: inset 0 2px 3px #e8e8e8;
outline:none;
}
textarea
{
margin-top: 5px;
margin-bottom: 10px;
vertical-align: top;
display: inline-block;
color: #343434;
min-width: 340px;
max-width: 340px;
height: 40px;
max-height: 60px;
background: #fbfbfb;
border: 1px solid #EEEEEE;
padding: 8px 10px;
box-shadow: inset 0 2px 3px #e8e8e8;
outline:none;
}
div#join
{
background-color: white;
text-align: left;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 364px;
height: 500px;
float: left;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
z-index: 99;
display:none;
padding: 30px;
color: #757575;
}
div#join_close
{
position: absolute;
width: 30px;
height: 30px;
top: 0px;
right: 0px;
background: url('cl.png') center center no-repeat;
cursor:pointer;
}
#join_submit
{
float: right;
width: 150px;
height: 50px;
background-color: #6dd900;
color: white;
font-size: 1em;
text-align: center;
border-radius: 5px;
cursor: pointer;
padding-top: 13px;
padding-bottom: 13px;
border: none;
box-shadow: none;
min-width:0px;
margin-top: 8px;
}
label.error
{
display:none!important;
}
div.inp_wr
{
position:relative;
}
input.error
{
border: 1px solid rgba(221, 32, 32, 0.33)!important;
}


#group12 #group3_in {
	height:700px;
}

#group12-left {

}

#group12-left img {
	float:left;
	margin-right:40px;
	margin-top:-20px;
}

#group12-left p {
	font-size: 0.5em;
	text-align:left;
	margin-top:30px;
	padding-left:400px;
	
	margin-bottom:40px;
}

#group12-left p.charact {
	font-size: 0.45em;
	color:#757575;
}


#group12-right, #group12-right p {
	font-size: 0.65em;
	text-align:left;
	
}

#group12-right p {
	color:#757575;
	margin-top:15px;
}

#group12 .action_div {
	margin-top:20px;
	font-size: 0.65em;
}

#group12 .callme_viewform {
	cursor:pointer;
	border-bottom:3px #00da00 solid;
	font-size:1.3em;
	color:#0072bc;
}

#group12 .buy_button {
	display:inline-block;
    background-color: #6dd900;
    color: white;
    font-size:1.0em;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    padding:10px;
	width:260px;
}

a.important_link {
	color:#0072bc !important;
}


.download_pdf {
	color:#444;
	text-align:center;
	font-weight:bold;
	padding:10px 10px 40px 10px;
	background: url(pdf.png) bottom center no-repeat;
}

a.downlload_button {
	line-height:14px;
	font-size:14px;
	border:1px solid #B7B7B7;
	border-radius:5px;
	padding:5px;
	color:#B7B7B7;
}