@font-face {
	font-family:"PFSquareSansPro";
	src:url("/fonts/PFSquareSansPro-Regular.eot?") format("eot"),
	url("/fonts/PFSquareSansPro-Regular.woff") format("woff"),
	url("/fonts/PFSquareSansPro-Regular.ttf") format("truetype"),
	url("/fonts/PFSquareSansPro-Regular.svg#PFSquareSansPro-Regular") format("svg");
	font-weight:500;
	font-style:normal;
}
@font-face {
	font-family:"PFSquareSansPro";
	src:url("/fonts/PFSquareSansPro-Medium.eot?") format("eot"),
	url("/fonts/PFSquareSansPro-Medium.woff") format("woff"),
	url("/fonts/PFSquareSansPro-Medium.ttf") format("truetype"),
	url("/fonts/PFSquareSansPro-Medium.svg#PFSquareSansPro-Medium") format("svg");
	font-weight:600;
	font-style:normal;
}
@font-face {
	font-family:"BadScript-Regular";
	src:url("/fonts/BadScript-Regular.eot?") format("eot"),
	url("/fonts/BadScript-Regular.woff") format("woff"),
	url("/fonts/BadScript-Regular.ttf") format("truetype"),
	url("/fonts/BadScript-Regular.svg#BadScript-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
}

* {
	margin:0;
	padding:0
}
ol, ul {list-style: none;}
:focus {	outline: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
label, input[type="submit"]{
	cursor:pointer;
	-webkit-appearance: none;
	font-family:"PFSquareSansPro";
}
img{border: none;}

body, html{height: 100%;}
body{
	font-family:"PFSquareSansPro";
	font-weight: 500;
	font-size: 16px;
	color: #5f6871;
}
h1{
	width: 525px;
	margin-left: -180px;
	padding: 8px 0 20px 180px;
	font-weight: 500;
	font-size: 20px;
	color: #4c535a;
	background: rgba(255, 255, 255, 0.6);
}
h1 span{
	display: block;
	text-transform: uppercase;
	color: #21388a;
	font-size: 35px;
	font-weight: 600;
}
h2{
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 30px;
	padding: 40px 0 33px;
}
h3{
	font-size: 20px;
	margin: 17px 0 11px;
}
#jobs h2, #opinion h2{
	background: #92c421;
	font-size: 25px;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(78, 156, 15, 1);
	padding: 8px 0 6px;
	font-weight: 500;	
}
#wrap{
	min-height: 100%;
	height: auto;
	min-width: 960px;
	overflow: hidden;
}
.container{
	padding: 0 10px;
	width: 940px;
	margin: 0 auto;
	position: relative;
    top: 0px;
    left: 0px;
}
.clear{clear: both;}
.right{float: right;}
#logo, #footer .phone, .guarantees li, #jobs li, .catalog>li, 
#certificates li, #scheme li, #where li, #carousel_ul li, .popup{
	display: inline-block;
	vertical-align: top;
}

/* button */
.button{
	display: block;
	font-size: 18px;
	color: #fff;
	border: none;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	text-shadow:0px 1px 1px rgba(227, 30, 6, 1);
	background: #f1861c url(/img/button.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.button:hover{
	background: #f1861c url(/img/button-hover.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
 

.phone .button, .form .button, #catalogue .button{
	height: 30px;
	line-height: 28px;
}


/* header */
#header, #footer{
	height: 135px;
	background: url(/img/header-bg.png) 0 0 repeat-x;
}

#logo{
	width: 500px;
	font-size: 14px;
	padding-top: 10px;
}
#logo img{margin: 10px 0 -7px 1px;}
.phone{
	color: #5e412f;
	font-size: 18px;
	padding-top: 5px;
}
.phone span{color: #5f6871;}
.phone span a{
	color: #5f6871;
	text-decoration: none;
	font-size: 16px;
}
.phone p{margin-bottom: 1px;}
.phone .button{margin-top: 5px;}

/* image */
#image{
	height: 217px;
	background: url(/img/image.jpg) 0 no-repeat;
	/*-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); */
}

/* action */
#action{
	background: transparent; /*#fafafa;*/
	padding-bottom: 15px;
}
#action img{margin: 17px 0 18px -21px;}
#action .container>.right{margin-right: -16px;}
#action .right>p{
	text-align: center;
}
#action .right>.title{
	font-size: 20px;
	position: relative;
	font-weight:600;
	margin: -5px 0 15px;
}
#action .right>.title:before{
	content: "";
	display: block;
	width: 48px;
	height: 38px;
	position: absolute;
	bottom: -39px;
	left: 41%;
	z-index: 1;
	background: url(/img/action-arrow.png) 0 0 no-repeat;
}
#action .title{color: #f07819;}
.action, .counter-wrap{
	border: 1px solid #f4ac73;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.action{
	width: 300px;
	padding: 0 10px;
	margin: auto;
	background: #faeeca;
	color: #5e412f;
	margin-bottom: 30px;
}
.action p:first-child{
	width: 320px;
	padding: 5px 0 6px;
	margin-left: -10px;
	background: #f07819;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 16px;
	text-transform: uppercase;
	color: #fff;
	text-shadow:0px 1px 1px rgba(227, 30, 6, 1);
}
.action p{margin-bottom: 1px;}
.action .title{
	font-size: 18px;
	margin: 8px 0;
	font-weight: 600;
}

/* countdown */
.counter-wrap
{
    width: 160px;
    margin-left: 80px;
	background: #fff;
	padding: 7px 0px 7px 0px;
	margin-bottom: -28px;
}
.count li{
	margin-left: 11px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.count li:before{
	content: ":";
	position: absolute;
	left: -7px;
	top: 5px;
	font-size: 20px;
	font-weight: bold;
}
.count li:first-child:before{display: none;}
.count li:first-child{margin-left: 2px;}
.count span{ 
	margin: 0 0 3px;
	display: block; 
	width: 25px;
	height: 32px;
	float: left; 
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
	color: #464646;
	font-family: Arial;
	background: url(/img/counter.png) 0 0 no-repeat;
}
.count .cName{
	font-size: 11px;
	margin: 0;
	font-weight: bold;
	color: #000;
	font-family: Arial;
	padding-left: 3px;
	clear: both;
}

/* form */
.form{
	padding: 24px 9px 0;
	width: 242px;
	border: 1px solid #b2dbce;
	position: relative;
	background: #fff;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
}

.withoutBorder
{
	padding: 0px 9px 0;
	border: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: -0px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -0px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: -0px 0px 0px rgba(0, 0, 0, 0.1);
}

#action .form{
	margin: auto;
}
.form p{margin-bottom: 10px;}
.form input{width: 100%;}
.form input[type="text"]{
	width: 99%;
	padding: 3px 0;
	text-indent: 9px;
	border: 2px solid #b2dbce;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	font-size: 13pt;
    top: 0px;
    left: 0px;
}

.fieldForEmail{
	width: 99%;
	padding: 3px 0;
	text-indent: 9px;
	border: 2px solid #b2dbce;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 25px;
	font-size: 10pt;
}

/* guarantees */
.guarantees{
	background: #e9f3d3;
	position: relative;
	padding: 10px 0 10px;
}
.guarantees:before, .guarantees:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
}
.guarantees:before{
	height: 7px;
	top: -7px;
	background: url(/img/guarantees-before.png) 0 0 repeat-x;
}
.guarantees:after{
	height: 6px;
	bottom: -6px;
	background: url(/img/guarantees-after.png) 0 0 repeat-x;
}
.guarantees li{
	width: 290px;
	text-align: center;
	margin-left: 15px;
}
.guarantees li:first-child{margin-left: 12px;}
.guarantees p{
	line-height: 25px;
	font-size: 19px;
}
.guarantees p span{
	display: block;
	color: #92c421;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
}
.guarantees .img{
	display: inline-block;
	width: 132px;
	height: 132px;
	margin-top: 5px;
	background: #fff;
	position: relative;
	overflow: hidden;
	border: 7px solid #cee49c;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	border-radius: 130px;  
}

/* jobs */
#jobs{
	padding: 22px 0 25px;
	border-bottom: 1px solid #ecebeb;
}
#jobs, #opinion{background: url(/img/jobs-bg.png) 0 0 repeat;}
#jobs .img{
	width: 148px;
	height: 148px;
	position: relative;
	display: inline-block;
	background: url(/img/jobs.png) 0 0 no-repeat;
}
#jobs p{font-size: 0.9em;}
#jobs .img img{
	position: relative;
	float: right;
	margin: 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}
#jobs .img span{
	display: block;
	width: 50px;
	height: 50px;
	background: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 3px;
	bottom: 3px;
	text-align: center;
	line-height: 48px;
	color: #92c421;
	font-weight: 600;
	font-size: 35px;
}
#jobs .img span, #jobs .img img{
	border: 1px solid #aed465;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
#jobs li{
	text-align: center;
	position: relative;
}
#jobs li:first-child{margin: 11px 0 0 -3px;}
#jobs li:first-child+*{margin: 49px 0 0 53px;}
#jobs li:first-child+*+*{margin: 10px 0 0 101px;}
#jobs li:first-child+*+*+*{margin: -23px 0 0 401px;}
#jobs li:before{
	content: "";
	position: absolute;
	display: block;
}
#jobs li:first-child:before{display: none;}
#jobs li:first-child+*:before{
	width: 88px;
	height: 44px;
	top: 24px;
	left: -57px;
	background: url(/img/jobs2-before.png) 0 0 no-repeat;
}
#jobs li:first-child+*+*:before{
	width: 194px;
	height: 67px;
	top: 48px;
	left: -105px;
	background: url(/img/jobs3-before.png) 0 0 no-repeat;
}
#jobs li:first-child+*+*+*:before{
	width: 74px;
	height: 62px;
	top: 14px;
	right: -6px;
	background: url(/img/jobs4-before.png) 0 0 no-repeat;
}
#jobs p span{color: #f07819;}

/* catalogue */
#catalogue{
	
	border-bottom: 1px solid #f1f0f0;
	position: relative;
	z-index: 2;
	font-family:"PFSquareSansPro";
}
#catalogue:after{
	content: "";
	display: block;
	width: 100%;
	height: 16px;
	background: url(/img/catalogue-before.png) 50% 0 no-repeat;
	position: absolute;
	left: 0;
	bottom: -16px;
}
#catalogue h2{
	background: #f29f35;
	color: #fff;
	text-shadow: 0px 2px 0px rgba(233, 97, 24, 1);
	padding: 7px 0 15px;
	margin-bottom: 27px;
}
#catalogue h2 span{
	display: block;
	font-size: 18px;
	text-shadow: none;
	font-weight: 500;
	text-transform: none;
}
.catalog>li{
	border-left: 1px solid #d3ebde;
	border-right: 1px solid #d3ebde;
	padding : 12px; 
	width: 300px;
	margin-left:-3px;
} 
#catalogue .name{
	text-transform: uppercase;
	color: #f09219;
	margin: 2px 0 1px;
}
#catalogue .price, #catalogue .name{
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
#catalogue .button{
	width: 185px;
	margin: 5px auto 0;
}
#catalogue .button.big{
	width: 100%;
	height: 38px;
	font-size: 20px;
	line-height: 35px;
	font-weight: 600;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background:  url(/img/button-big.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#catalogue .button.big:hover{
	background: url(/img/button-big-hover.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.catalog ul li{
	line-height: 24px;
	font-size: 18px;
	padding-left: 28px;
	position: relative;
}
.catalog ul li:before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #bbdfd3;
	position: absolute;
	top: 7px;
	left: 11px;
}
.catalog ul ul li{padding-left: 20px;}
.catalog ul ul li:before{display: none;}
.ability{min-height: 251px;}

    .ability ul li ul li {
        font-size: smaller;
        line-height: 23px;
    }
.wrap-video{margin: 10px 0 20px;}

/* certificates */
#certificates{
	padding-bottom: 35px;
	position: relative;
	z-index: 1;
	background: #fff;
}
#certificates h2{
	color: #f09219;
}
#certificates li{
	width: 400px;
	padding-left: 40px;
	position: relative;
	font-size: 20px;
	background: url(/img/i-ok.png) 0 0 no-repeat;
}
#certificates li:first-child+*{
	margin-left: 37px;
	width: 415px;
}
#certificates li:before{
	content: "";
	display: block;
	position: absolute;
}
#certificates li:first-child:before{
	width: 167px;
	height: 106px;
	background: url(/img/certificates1-before.png) 0 0 no-repeat;
	top: 104px;
	left: 255px;
}
#certificates li.IP:before{
	width: 155px;
	height: 99px;
	background: url(/img/certificates2-before.png) 0 0 no-repeat;
	top: 162px;
	left: 261px;
}
#certificates p{margin-bottom: 20px;}

/* advantages */
#advantages{
	position: relative;
	background: #f09219 url(/img/advantages-bg.jpg) 50% 0 repeat-x;
}
#advantages h2{
	text-shadow: 0px 2px 0px rgba(233, 97, 24, 1);
	text-align: left;
	color: #fff;
	padding: 43px 0 26px;
	position: relative;
	z-index: 1;
}
#advantages:before, #about:before{
	content: "";
	display: block;
	width: 100%;
	height: 19px;
	background: url(/img/advantages-before.png) 50% 0 repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/*#advantages .container:before, #advantages .container:after{
	content: "";
	display: block;
	position: absolute;
}
#advantages .container:before{
	width: 421px;
	height: 495px;
	background: url(/img/advantages-before.jpg) 0 0 no-repeat;
	top: -7px;
	left: -170px;
}
#advantages .container:after{
	width: 297px;
	height: 459px;
	background: url(/img/advantages-after.jpg) 0 0 no-repeat;
	bottom: 0;
	right: -171px;
}*/
#advantages li img{
	float: left;
	margin-right: 20px;
}
#advantages li{
	font-size: 18px;
	margin-bottom: 27px;
}
#advantages li p{padding-top: 20px;}
#advantages li:first-child+*+*+*+*+*+* p{padding-top: 5px;}
#advantages li:first-child+*+*+*+*+*+*{margin-bottom: 20px;}
.advantages{
	background: url(/img/advantages-bg.png) 0 0 repeat;
	padding: 28px 20px 36px;
	position: relative;
	z-index: 1;
}
#advantages .form-wrap{
	position: relative;
	z-index: 2;
	margin: -59px 0 0;
	padding: 43px 0 25px;
}
#advantages .form-wrap img{
	float: left;
	margin-left: 173px;
	margin-top: -43px;
}
#advantages .form-wrap p{
	font-size: 18px;
	text-transform: uppercase;
}
.form{
	margin-left: 438px;
	width: 260px;
}

/* scheme */
#scheme h2{
	color: #92c421;
	padding-bottom: 10px;
}
#scheme li{
	position: relative;
}
#scheme li:first-child{margin-left: 14px;}
#scheme li:first-child+*{margin: 8px 139px 0 100px;}
#scheme li:first-child+*+*{margin-right: -50px;}
#scheme li:first-child+*+*+*{margin-top: -0px;}
#scheme li:first-child+*+*+*+*{margin: 56px 0 0 146px;}
    #scheme li:first-child + * + * + * + * + * {
        margin: 47px -50px 0 111px;
    }
    #scheme li:before, #scheme li:after{
	content: "";
	position: absolute;
}
#scheme li:first-child:before{display: none;}
#scheme li:first-child+*:before{
	width: 98px;
	height: 63px;
	background: url(/img/arrow1.png) 0 0 no-repeat;
	top: 59px;
	left: -135px;
}
#scheme li:first-child+*+*:before{
	width: 95px;
	height: 33px;
	background: url(/img/arrow2.png) 0 0 no-repeat;
	left: -150px;
	top: 60px;
}
#scheme li:first-child+*+*:after{
	width: 155px;
	height: 304px;
	background: url(/img/arrow3.png) 0 0 no-repeat;
	top: 56px;
	right: -125px;
}
#scheme li:first-child+*+* p{margin-left: -40px;}
#scheme li:first-child+*+*+*+*:before{
	width: 99px;
	height: 31px;
	background: url(/img/arrow5.png) 0 0 no-repeat;
	top: 87px;
	left: -121px;
}
#scheme li:first-child+*+*+*+*+*:before{
	width: 99px;
	height: 32px;
	background: url(/img/arrow4.png) 0 0 no-repeat;
	top: 112px;
	left: -117px;
}
#scheme li p, #where li p{
	font-family:"BadScript-Regular";
	font-size: 20px;
}
#scheme li p{line-height: 30px;}
#scheme .container>p{
	font-size: 14px;
	font-weight: 600;
	width: 300px;
	border-top: 2px solid #b2b2b2;
	padding: 12px 0 16px;
	margin-top: 30px;
}

/* about */
#about{
	background: #f2f8e4;
	position: relative;
}
#where{
	text-align: center;
	font-size: 18px;
}
#where h2{
	font-size: 24px;
	color: #f09219;
	padding: 35px 0 17px;
}
#where h2 img{margin-bottom: -6px;}
#where li p{line-height: 24px;}
#where p span{
	color: #f09219;
	font-size: 20px;
}
#where li{
	margin: 37px 0 11px 50px;
	position: relative;
}
#where li:first-child{margin-left: 0;}
#where li a>img{
	border: 1px solid #f6b97a;
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
	margin-bottom: 15px;
}
#where li:first-child img{margin-bottom: 7px;}
#where li  span{
	display: block;
	position: absolute;
	right: -33px;
	top: 192px;
}

/* who */
#who{
	position: relative;
	padding-bottom: 60px;
	border-bottom: 3px solid #fff;
}
#who:before, #who:after{
	content: "";
	display: block;
	position: absolute;
}
#who:before{
	width: 95px;
	height: 94px;
	/*background: url(/img/who-before.png) 0 0 no-repeat;*/
	top: -18px;
	left: 260px;
}
#who:after{
	width: 135px;
	height: 74px;
	background: url(/img/who-after.png) 0 0 no-repeat;
	bottom: 22px;
	right: 60px;
}
#who h2{
	color: #92c421;
	padding: 24px 0 10px;
}
#who li{
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 12px;
	height: 180px;
}
#who li .img{
	float: left;
	margin: 0 27px 0 36px;
	position: relative;
}
#who li .img img{
	-webkit-border-radius: 178px;
	-moz-border-radius: 178px;
	border-radius: 178px;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.74), inset 0px 0px 43px rgba(254, 252, 230, 0.75);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.74), inset 0px 0px 43px rgba(254, 252, 230, 0.75);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.74), inset 0px 0px 43px rgba(254, 252, 230, 0.75);
}
#who li .img:before{
	content: "";
	display: block;
	width: 178px;
	height: 179px;
	background: url(/img/who-bg.png) 0 0 no-repeat;
	position: absolute;
	top: -18px;
	left: -18px;
}
#who li p{	padding-top: 44px;}

/* opinion */
#opinion{ 
	border-top: 1px solid #e3f1ed;
	padding: 17px 0 5px;
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
}
#opinion .form-wrap{margin-top: -15px;}
#opinion .form-wrap img{
	float: left;
	margin: -5px 0 0 177px;
}
#opinion .form-wrap p{font-size: 18px;}
#opinion .form-wrap p span{
	font-weight: 600;
	color: #f09219;
}
#opinion .form{padding-top: 12px;}
#opinion .button{margin: 15px 0 28px;}

/* carousel */
#carousel_container{
	height: 250px;
	margin-top: 22px;
	display: table;
	font-size: 0;
}
#carousel_inner{
	display: inline-block; 
	width: 800px;
	overflow: hidden; 
}
#carousel_ul{
	position:relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width:9999px;
	padding-bottom:10px;
}
#carousel_ul li{
	width: 220px;
	padding: 47px 12px 14px 15px; 
	height: 165px;
	background: #fff url(/img/opinion.png) 14px 20px no-repeat; 
	border: 1px solid #e1e3e1;	
	margin: 0 9px;
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.32);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.32);
}
#carousel_ul li p{font-size: 14px;}
#carousel_ul li p .right{color: #92c421;}
#carousel_ul li div{
	height: 150px;
	font-size: 20px;
	text-indent: 35px;
	font-family:"BadScript-Regular";
	line-height: 24px;
}
#left_scroll, #right_scroll{
	display: inline-block;
	vertical-align: top;
	margin-top: 57px;
	width: 64px;
	height: 67px;
	cursor: pointer;
	position: relative;
	z-index: 5;
	background: url(/img/controlls.png) 0 0 no-repeat;
}
#left_scroll{margin-right: 4px;}
#right_scroll{
	background-position: 100% 0;
	margin-left: 8px;
}

/* footer */
#footer .phone{margin-left: -10px;}
#footer .right{
	text-align: right;
	padding-top: 8px;
}
.copyright{
	font-size: 13px;
	margin-top: 52px;
}

/* popup */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }
.box-modal {
	position: relative;
}
.box-modal_close { 
	position: absolute;
	top: 14px;
	right: 18px;
	cursor: pointer;
	z-index: 8040;
	color: #88898b;
	font-size: 14px;
}
.box-modal_close:hover{
	color: #a9abad;
}
.consultationModal{
	position: relative;
	background: rgba(0,0,0,0.8);
	color: #464444;
	padding:25px;
	padding-top:42px;
}
.consultationModal input[type="text"]{
	font-size: 16px;
	color: #5f6871;
	border: 1px solid #4e786b;
	width: 218px;
	height: 23px;
	text-indent: 10px;
}
.consultationModal textarea{
	width: 208px;
	height: 100px;
	border: 1px solid #4e786b;
	font-family:"PFSquareSansPro";
	padding-left: 10px;
	resize: none;
	font-size: 16px;
}
.consultationModal .button{
	width: 100%;
	height: 28px;
}
.consultationModal p{margin-bottom: 14px;}
.consultationModal form{padding: 48px 20px 11px;}
.exampleModal{
	padding: 18px 24px;
	background: rgba(0,0,0,0.8);
}
.exampleModal p{
	font-size: 15px;
	color: #ffffff;
}
.exampleModal .logo{
	display: inline-block;
	width: 260px;
	position: relative;
	margin-right: 50px;
}
.exampleModal .logo:before{
	content: "";
	display: block;
	width: 2px;
	height: 143px;
	background: url(/img/form.png) 0 0 no-repeat;
	position: absolute;
	right: -27px;
	top: -5px;
}
.exampleModal .logo img{margin: 2px 0 -7px;}
.exampleModal .logo p{
	font-size: 14px;
	color: #b3b4b4;
}
.exampleModal .title{
	font-weight: 600;
	color: #92c522;
	font-size: 30px;
	text-transform: uppercase;
	margin: -4px 0 30px;
}
.exampleModal .title span{
	font-size: 25px;
	display: block;
}


.element {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: -1px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-left: 35px;
    height: 31px;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #e1e4e7;
    background: #ffffff url(/images/footer_arrow.png) no-repeat 10px;
    cursor: pointer;
}

p.element_text {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 10px;
    padding-bottom: 13px;
    border-right: 1px dotted #e1e4e7;
    font-size: 11pt;
    line-height: 1.5em;
}


/* ul-treefree */
ul.ul-treefree {
    padding-left: 15px;
}

    ul.ul-treefree ul {
        margin: 0;
        padding-left: 6px;
    }

    ul.ul-treefree li {
        position: relative;
        list-style: none outside none;
        border-left: solid 1px #999;
        margin: 0;
        padding: 0 0 0 19px;
        line-height: 23px;
    }

        ul.ul-treefree li:before {
            content: '';
            display: block;
            border-bottom: solid 1px #999;
            position: absolute;
            width: 18px;
            height: 11px;
            left: 0;
            top: 0;
        }

        ul.ul-treefree li:last-child {
            border-left: 0 none;
        }

            ul.ul-treefree li:last-child:before {
                border-left: solid 1px #999;
            }

/* ul-dropfree */
ul.ul-dropfree div.drop {
    width: 11px;
    height: 11px;
    position: absolute;
    z-index: 10;
    top: 6px;
    left: -6px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAIAAAD0nuopAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpinDlzJgNlgAWI09LScEnPmjWLoAImrHpIAkwMFAMqGMGC6X44GzkIsHoQooAFTTVQKdbAwxOigyMsmIh3MC7ASHnqBAgwAD4CGeOiDhXRAAAAAElFTkSuQmCC');
    background-position: -11px 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

span.droplist {
    cursor: pointer;
}

li div.drop {
    background-position: -11px 0px;
}

    li div.drop :after ul {
        display: block;
    }

.color0 {
    background: #FFD690;
    padding: 2px;
    margin: 3px;
}

.color1 {
    background: #A8FFFA;
}

.color2 {
    background: #BBFFA3;
}
