@import url('reset.css');
/*Position*/
.clear {clear:both;}
body {background:url(../img/bg.jpg) repeat; font-size: 16px; font-family: 'pf_dindisplay_proregular', Arial, sans-serif;}

@font-face {
    font-family: 'pf_dindisplay_promedium';
    src: url('../fonts/pfdindisplaypro-medium-webfont.eot');
    src: url('../fonts/pfdindisplaypro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-medium-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pf_dindisplay_probold';
    src: url('../fonts/pfdindisplaypro-bold-webfont.eot');
    src: url('../fonts/pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-bold-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pf_dindisplay_proregular';
    src: url('../fonts/pfdindisplaypro-regular-webfont.eot');
    src: url('../fonts/pfdindisplaypro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdindisplaypro-regular-webfont.woff') format('woff'),
         url('../fonts/pfdindisplaypro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


H1 { color:#333; text-transform: uppercase; font-size: 30px;}
H1 a { color:#333; text-transform: uppercase; text-decoration: underline; font-size: 30px;}
H1 a:hover {text-decoration:none;}

H2{}
H3 {font-size: 20px; color:#333;}
H4 {font-size: 18px; color:#333;text-transform: uppercase;}

hr { border: 0; border-bottom: 1px dashed #ccc; background: #FFF;}

.hr {background:url(../img/hr.png) no-repeat; position:relative; width:605px; height:60px; margin:auto; top:50px; margin-bottom:50px;}
.hr-s {background:url(../img/hr-s.png) no-repeat; position:relative; width:340px; height:55px; margin:auto; margin:70px auto auto;}

p {font-size: 16px; color:#333; line-height: 30px;}

a {text-decoration:underline; color:#24a8cf;}
a:hover {text-decoration:none; color:#24a8cf;}

a.nolink  {text-decoration:none; color:#333333;}
a.nolink:hover {text-decoration:underline; color:#333333;}

strong {color:#333;}

.file_doc {
	background: url(../img/file_doc.png) no-repeat;
	padding-bottom: 12px;
	padding-left: 40px;
	padding-top:11px;
	margin-left: 15px;
	margin-bottom: 10px;
    font-size: 11pt;
}

li {line-height:28px; list-style-type:none;}

#main {width:100%; max-width:3130px; position: relative; margin: auto;}


/*---------------[MENU]------------------*/ 


#holder-menu {background:url(../img/bg-menu.png) no-repeat; position:absolute; width:991px; height:59px; z-index:99; margin:-135px 0 0 -495px; left:50%;}

ul#menu-top { position:absolute; margin-top:8px; z-index: 3; text-align: center;}
ul#menu-top li {display: inline; width: 882px; margin-left: 80px;}
#menu-top a{text-decoration: underline; color:#FFF; display: inline-block;  width: 126px; height:67px; padding-top: 14px;}
#menu-top a:hover{text-decoration: none; background:url(../img/menu-focus.png?keys) no-repeat; color:#333;}
#menu-top > li.current_page_item > a {text-decoration: none; background:url(../img/menu-focus.png?keys) no-repeat; color:#333;}

/*---------------[HEADER]------------------*/ 
 
#holder-header {background:url(../img/bg-header-line.png) repeat-x; width: 100%; height:233px; z-index:1; position: relative;}
 #header {position: relative; width:991px; margin: auto; top: 35px;}
   #header .logo {position:relative; float: left; width: 600px; height: 60px;}
   #header .logo a {text-decoration: none;  color:#333;}
   #phone {position:relative; color:#4b4b4b; text-transform: uppercase;   float: right;}          
   #phone .title { font-size:12px; margin-top:-18px; color:#999;}
   #phone div { margin-bottom:5px; margin-top:-18px;}
   #phone .code { margin-top:7px; font-size: 16px; color:#666; float: left;}
   #phone .number { margin:5px 0 0 5px;font-size: 25px; color:#333; float: right; }
   
/*---------------[SLIDER]------------------*/ 

#slider {background:url(../img/slide2020.jpg) no-repeat center top; position:relative; margin:-110px auto auto; width:100%; max-width:1717px;  height: 622px;}
/*#slider {background:url(../img/ny.jpg) no-repeat center top; position:relative; margin:-110px auto auto; width:100%; max-width:1717px;  height: 622px;}*/
  #slider .main {position:relative; margin:auto; top:0px; width:991px; height:450px;}
  #slider .desc {position:relative; margin: auto; top:100px; width:700px; height:150px; float: right; text-align: right;}
  #slider h1 {color:#24a8cf; text-transform: uppercase; font-size:40px;}
  #slider .subtext {color:#333; font-size: 16px;}
  #slider .subtext2 {float: right; position:relative; top:50px; color:#333; font-size: 22px; text-align:right; line-height: 30px;}
  #slider p {font-size: 22px; color:#333;}

/*---------------[MAIN CONTENT]------------------*/ 

#holder-content-main {background:url(../img/bg-content.png) no-repeat center top; position: relative; width:100%; max-width:3130px; height:1030px; /*height:580px;*/ z-index:999; margin:-60px auto auto;}

#content-main {position: relative; margin:auto; width: 1020px;}


#holder-ba {background:url(../img/bg-ba2.png) no-repeat; position:relative; margin-top: -170px; width: 510px; height: 420px; float: left;}
#holder-ba-small {background:url(../img/bg-ba_small.png) no-repeat; position:relative; margin-top: -170px; width: 510px; height: 310px; float: left;}
#holder-eon {background:url(../img/bg-eon2.png) no-repeat; position:relative; margin-top: -170px; width: 510px; height: 420px; float: right;}



#holder-ba .text {color:#333; font-size:14px; line-height:20px; padding:29px 50px 30px 50px; margin-top:30px;}
#holder-ba p {line-height:20px; padding: 0 50px 0 50px; font-size: 14px;}
#holder-ba .button {width:380px; height:71px; position:relative;  margin: 18px auto 50px auto;}

#holder-ba-small .text {color:#333; font-size:14px; line-height:20px; padding:29px 50px 30px 50px; margin-top:30px;}
#holder-ba-small p {line-height:20px; padding: 0 50px 0 50px; font-size: 14px;}
#holder-ba-small .button {width:380px; height:71px; position:relative;  margin: 18px auto 50px auto;}

#holder-eon .text {color:#333; font-size:14px; line-height:20px; padding:29px 50px 30px 50px; margin-top:30px;}
#holder-eon p {line-height:20px; padding: 0 50px 0 50px; font-size: 14px;}
#holder-eon .button {width:380px; height:71px; position:relative; margin: 18px auto 50px auto;}

.more-button {display:block;  padding-top:13px; float:left; margin-left: 190px; width:130px; height:28px; background:#ff8315; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align: center;}
.more-button a {color:#fff; font-size: 14px; text-decoration:underline;}
.more-button a:hover {text-decoration:none;}

.more-button-big {background:url(../img/scroll_icon_30.png) 18px 50% no-repeat;  box-sizing: content-box; margin-top: 20px; padding-top:23px; margin-right:10px; float:right; width:170px; height:40px; background-color: #24a8cf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align: center}
.more-button-big a {margin-left: 18px; color:#fff; font-size: 16px; text-decoration:underline;}
.more-button-big a:hover {text-decoration:none;}


#logo-ba-small {position: relative; margin: auto; top:30px; width: 206px;}
#logo-ba-large {position: relative; margin: auto; top:30px; width: 377px; height: 104px; float: left;}
#logo-eon-small {position: relative; margin: auto; top:30px; width: 135px;}


#content-main .desc-ba {position:relative; width: 500px; height: 250px; float: left; top:15px; left:10px;}
#content-main .desc-eon {position:relative; width: 500px; height: 250px; float: right; top:15px; left:5px;}
#content-main h1 {color:#FFF; font-size: 22px; text-transform: none; font-family: 'pf_dindisplay_proregular', Arial, sans-serif;}
#content-main li {color:#FFF; font-size:14px; line-height: 26px; list-style-type:square; top:30px;}
.desc-ba ul {margin-top: 20px;}
.desc-eon ul {margin-top: 20px;}
.desc-button {position:relative; display:block;  padding-top:13px; margin-top: 10px; width:130px; height:28px; background:#EEE; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align: center;}
.desc-button a {color:#24a8cf; font-size: 14px; text-decoration:underline;}
.desc-button a:hover {text-decoration:none;}
#holder-ba li {width:380px; color:#333; line-height: 20px; padding-left: 20px;}

/*---------------[MAIN TESTIMONIALS]------------------*/ 

#holder-testimonials {background:url(../img/bg.jpg) repeat; position: relative; width:100%; max-width:3130px; height:820px; margin: -60px auto;}

#testimonials {position: relative; margin:auto; width: 1020px; height:800px; top:100px; text-align: center;}
#testimonials h1 {color:#333; font-size: 30px; text-transform: uppercase; font-family: 'pf_dindisplay_promedium', Arial, sans-serif;}


#testimonials-single1 {background:url(../img/testimonials-single.png) no-repeat; position: relative; margin:auto; width:430px; height:460px; text-align: center; float: left; left:70px; top:70px; z-index: 1;}

#testimonials-single2 {background:url(../img/testimonials-single.png) no-repeat; position: relative; margin:auto; width:430px; height:460px; text-align: center; float: right; right:70px; top:70px; z-index: 1;}

#testimonials .name {font-size:18px; color:#24a8cf; font-family: 'pf_dindisplay_promedium', Arial, sans-serif; padding-top: 40px;}
#testimonials .post {font-size:14px; color:#CCC; padding-top:10px;}
#testimonials .photo {position:relative; margin:auto; padding-top:20px;}
#testimonials .testimonial {font-size: 14px; color:#666; padding:10px 40px; line-height: 20px;}
#testimonials .bullets {background:url(../img/testimonials-bullets.png) no-repeat; position: relative; width:54px; height:15px; margin:auto; margin-top:330px;}


#arrows {position:absolute; width: 1020px; margin-top: 230px;}
#arrow-left {background:url(../img/testimonials-arrows.png) no-repeat; position: relative; width:29px; height:78px; margin:auto; float:left; cursor:pointer}
#arrow-right {background:url(../img/testimonials-arrows.png) -30px 0 no-repeat; position: relative; width:29px; height:78px; margin:auto; float:right; cursor:pointer}


/*---------------[PARTNERS]------------------*/ 

#holder-patners {background:url(../img/bg-partners.jpg) repeat; position:relative; width:100%; max-width:3130px; height:378px; margin:auto; z-index: 1;}

#partners {position: relative; margin:auto; width: 1020px; top:50px; text-align: center;}
#partners h1 {color:#FFF; font-size: 30px; text-transform: uppercase; font-family: 'pf_dindisplay_promedium', Arial, sans-serif;}
#partners .logos {position: relative; margin:auto; width: 1020px; top:50px;}


/*---------------[INNER STYLES]------------------*/ 

#title {background:url(../img/bg-title.jpg) #0d2f50 no-repeat center; position:relative; margin:-110px auto auto; width:100%; height: 160px; z-index: 1; min-width: fit-content;}
#title h1 {width:991px; position:relative; margin:auto; font-size: 30px; color:#FFF; padding-top:90px; font-family: 'pf_dindisplay_promedium', Arial, sans-serif;}

#content-holder {width: 991px; min-height:300px; position: relative; margin:auto; margin-bottom:50px; margin-top:50px; z-index: 1;}
#content-holder h2 {font-size: 24px; padding: 0px 0 20px 0;}
#content-holder ul.pointed li {list-style-type: unset; margin-left: 50px;}

/*---------------[PRODUCTS]------------------*/ 

#products-bg {background:#0d2f50; width: 100%; height: 990px; position: relative; margin:-50px auto auto auto;}

h3.buy {padding-top: 20px; color: #FFF; text-align: center;}
h4.buy {padding-top: 30px; color: #FFF; }

p.desc {color:#FFF; height:20px; line-height: 14px;}
p.price {font-size: 38px; color:#333; padding-top:50px;}
p.rub {font-size:18px; color:#999; margin-top:10px;}
#products-bg .button {margin-top: 30px;}

#product-single1 {position: relative; margin:auto; width:470px; height:500px; text-align: center; float: left; top:20px; z-index: 1;}

#product-single2 {position: relative; margin:auto; width:470px; height:500px; text-align: center; float: right; top:20px; z-index: 1;}

#product-single-head {background:url(../img/bg-products-head.png) no-repeat; height:95px;}
#product-single-body {background:url(../img/bg-products-body.png)}
#product-single-footer {background:url(../img/bg-products-footer.png) no-repeat; height:148px;}

/*---------------[ORDER]------------------*/ 

#form-bg {background: #FFF; width:891px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:2px dashed #CCC; box-shadow: inset 0px 0px 100px rgba(0,0,0,0.05); padding: 50px; text-align: center;}

#form-bg h4 {color:#333;}

#form-bg p {font-size:18px; color: #666;}
#form-bg p.sub {font-size: 13px;}
#form-bg p.note {font-size: 13px; color:#CCC; padding-top:20px; line-height:20px;}

#form-bg .button {margin-top: 30px;}


input.text {background:#FFF; border:1px solid #CCC; color: #999; font-size: 14px; width:370px; height: 35px; padding: 0 10px 0 10px; position:relative; float: right;}

input.text2 {background:#FFF; border:1px solid #CCC; color: #999; font-size: 14px; width:370px; height: 35px; padding: 0 10px 0 10px; position:relative; margin: auto;}

label {font-size: 16px; float:left; color: #333; width: 200px; text-align:right; padding-top:12px;}

.star {color:#FF0000;}

#form-bg .row1,
#form-bg .row2,
#form-bg .row3,
#form-bg .row4,
#form-bg .row5,
#form-bg .row6,
#form-bg .row7,
#form-bg .row8,
#form-bg .row9 {
position: relative; margin: auto; padding-top:10px; width: 600px; height:35px;}




#phone-number-head {color:#666; float: right; position: absolute; width: 200px; height:104px; margin: 50px auto auto 710px;}
#phone-number-head .text {font-size: 20px;}
#phone-number-head .phone {font-size: 30px;}


#phone-number-footer {position:relative; width: 200px; height:104px; margin:auto; top:45px;}
#phone-number-footer .text {font-size: 20px; color:#FFF;}
#phone-number-footer .phone {font-size: 30px; color:#FFF;}

#gray-line {background:url(../img/gray-line.png) repeat-x; width:100%; height:161px; position: absolute; z-index:1; top:500px;}
#gray-line2 {background:url(../img/gray-line.png) repeat-x; width:100%; height:161px; position: absolute; z-index:1; top:450px;}
#gray-line3 {background:url(../img/gray-line-large1.png) repeat; width:100%; height:291px; position: absolute; z-index:1; top:400px;}
#gray-line4 {background:url(../img/gray-line-large2.png) repeat; width:100%; height:431px; position: absolute; z-index:1; top:400px;}

#back-line {background:url(../img/bg-products.jpg) no-repeat center; width: 100%; height:700px; position: absolute; z-index:0; top:650px;}

#ba-head {width:1020px; height:120px; position:relative; margin: auto;}
#ba-holder {width:1020px; min-height:310px; position:relative; margin: auto; margin-top:60px;}
#ba-holder .content {width:1020px; min-height:350px; position:relative; margin: auto; margin-bottom: 100px;}
#ba-holder2 {width:1020px; height:150px; position:relative; margin: auto; margin-top:60px;}


#ba-holder-left {width:380px; height:302px; position: relative; float: left; text-align: center;}
#ba-holder-left p.links {padding-top: 30px;}
#ba-holder-left2 {width:480px; height:302px; position:absolute; top:220px;}
#ba-holder-left2 p.links {padding-top: 10px;}
#ba-holder-center {width:380px; height:140px; position: relative; margin: auto; text-align: center; top:40px;}
#ba-attention {background:url(../img/bg-attention.png) no-repeat; width:420px; height:302px; position: relative; float: right;}

#ba-attention .attention {text-align: center; color: #FFF; font-size: 24px; text-transform: uppercase; padding:20px;}
#ba-attention .desc {color: #666; text-align: center; font-size: 14px; line-height: 24px; padding: 20px;}


#attention-bg {background:url(../img/bg-attention2.png) no-repeat; width:420px; height:333px; top:20px; position: relative; float: right;}
#attention-bg .attention {text-align: center; color: #FFF; font-size: 18px; text-transform: uppercase; padding:20px;}
#attention-bg .desc {color: #666; font-size: 16px; line-height: 24px; padding: 60px; text-align:center;}


#eon-head {width:1020px; height:120px; position:relative; margin: auto;}
#eon-head ul li {display: inline-block; font-size: 24px; padding:0px 30px 0 0;}
#eon-head ul li a {text-decoration: none; border-bottom: 1px dashed;}
#eon-head ul li a:hover {border-bottom:none;}

#eon-holder {width:1020px; min-height:310px; position:relative; margin: auto; margin-top:-14px;}
#eon-holder .sub {color:#ff7c0b; font-size: 12px; line-height:24px;}
#eon-holder-left {width:280px; height:160px; position: relative; float: left;}
#eon-holder-left p.links {padding-top: 30px;}
#eon-holder-left2 {width:280px; height:160px; position:relative; float: left; margin-bottom:20px;}

#eon-holder-left3 {width:280px; height:160px; position:relative; }
#eon-holder-left4 {width:280px; height:160px; position:relative;margin-top: 20px; float: left;}

#eon-holder-right {width:420px; height:160px; position:relative; float: right;}
#eon-holder-right p {line-height: 24px; padding-top: 20px;}


#eon-content {width:1020px; height:650px; /*position:relative;*/ top:200px; margin:auto;}

#eon-holder p.button {width:200px; height:61px; position:relative; margin-top: 10px;}

#eon-parts-shape {background: #FFF; width:480px; height:350px; position:absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px dashed #eee; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); float: left;}

#eon-cladr {position:absolute; width: 420px; height: 100px; margin:415px auto auto 0px;}

h2.cladr {color:#FFF;}
#eon-cladr p {color:#FFF;}

h3.eon-parts-shape {text-align: center; position: absolute; top:30px; height:30px; width: 100%;}

#eon-parts-shape ul {list-style-type: none; top:120px; }

#eon-parts-shape ul.left {position:absolute; float: left; margin-left:30px;}
#eon-parts-shape ul.center {position:absolute; float: left; margin-left:210px;}
#eon-parts-shape ul.right {position:absolute; float: right; margin-left:370px;}


/*---------------[CONTACT]------------------*/ 
#contact-holder {width:460px; height:460px; position:relative; margin:auto; left:-280px; margin-bottom:150px; z-index: 1;}
#content-map {width:100%; position:absolute; margin:-620px 0 150px 0; z-index: 0; height:700px; }
#contact-bg {background:url(../img/testimonials-single.png) no-repeat; position: relative; left:0; width:430px; height:460px; text-align:left; top:70px; z-index: 1; padding:20px 40px 20px 40px;}

#contact-bg h1 {font-size: 18px; color:#333; text-transform:none; font-family:'pf_dindisplay_promedium'; padding: 20px 0 10px 0;}
#contact-bg p {font-size: 14px; color:#666; line-height: 14px;}


div.popup-slide{
  display:none;
}

.pp-block-link-buy {text-decoration: none; border-bottom: 1px dashed; font-size: 24px; width: 600px; bottom:50px; }
.pp-block-link-buy:hover {border-bottom:none;}

.pp-block-link {text-decoration: none; border-bottom: 1px dashed;}
.pp-block-link:hover {border-bottom:none;}


.popup-slide h3 {color: #666; font-size: 16px; padding:30px 0 20px 0;}
.popup-slide ul li {color: #666; font-size: 14px; list-style-type:square; }
.popup-slide p {width:600px; padding-top: 30px;}

/*---------------[HOW TO BUY]------------------*/ 

#steps {position:relative; margin: auto; width: 600px; left:100px; min-height: 100px; margin-bottom:50px;}
#step-to-buy1,
#step-to-buy2,
#step-to-buy3 {position:relative; margin: auto; width: 600px; min-height: 60px; margin-top:50px;}

#buy_product {position:relative; margin: auto; width: 600px; min-height: 60px; margin-top:50px;}

.step1 {background:url(../img/steps.png) no-repeat; position: absolute; margin:auto; width:66px; height:66px; float:left; left:-90px; top:-20px; }
.step2 {background:url(../img/steps.png) no-repeat 0px -68px; position: absolute; margin:auto; width:66px; height:66px; float:left; left:-90px; top:-20px;}
.step3 {background:url(../img/steps.png) no-repeat 0px -136px; position: absolute; margin:auto; width:66px; height:66px; float:left; left:-90px; top:-20px;}
.item_product {background:url(../img/product_n.png) no-repeat; position: absolute; margin:auto; width:66px; height:66px; float:left; left:-90px; top:-20px;}

#shape {background: #FFF; width:850px; min-height: 100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:2px dashed #CCC; box-shadow: inset 0px 0px 100px rgba(0,0,0,0.05); padding: 50px 70px 50px 70px; text-align: center;}

#shape ul li {font-size: 14px; color:#666; text-align: left; list-style-type:square;}

p.phones {color: #333; font-size: 30px; padding: 20px;}

#docs {position: relative; margin: auto; width: 600px; margin-top: 50px;}

#phone-footer {background:url(../img/bg-title.jpg) #0d2f50 no-repeat center; position:relative; margin:auto; width:100%; height: 160px; z-index: 1;}

/*---------------[MAP STYLES]------------------*/ 

		iframe { 
			vertical-align: top;
		}
		
		#canvas_holder{
			position: fixed;
			top: 0px;
			left: 0px;
			width:100%; 
			height:100%;
			z-index: 0;
		}
		
		#map_canvas{
			width:100%;
			height:100%; 
			position: "absolute"; 
			top: 0px; 
			left: 0px; 
			overflow: "hidden";
		}
		
		#holder{
			width: 300px;
			background: rgba(0,0,0,0.8);
			z-index: 1000;
			position: absolute;
			color: white;
			padding: 10px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-o-border-radius: 10px;
			-webkit-border-radius: 10px;
			-ms-border-radius: 10px;
		}
		

/*---------------[FOOTER]------------------*/ 


#footer-holder {background:url(../img/bg-footer.png) repeat-x center top; width:100%; height: 242px; z-index:9999; position:relative; padding-top: 50px; margin:-50px auto auto; }
#footer-bg {background:#FFF; width:100%; }
#footer {position:relative; margin:auto; width:1020px; height:220px;}
#footer .text1 {position: relative; width: 600px; margin: 30px auto 30px auto; font-size: 18px; color:#666; text-align: center; line-height: 26px; font-weight:100;}

#footer .copy {font-size: 13px; position: relative; float: left; width:550px; top:30px; color:#666; line-height: 20px; }
#footer .search {top:15px; position: relative; float: right; width:450px;}

input.search {background:url(../img/input-search.png) repeat-x; border:none; color: #999; font-size: 14px; width: 220px !important; height: 35px; padding: 0 10px 0 10px; float:left; position:relative; font-style: italic;}

input.search-button {width:41px; height:35px; background:url(../img/search-button.png) no-repeat; border:none; position:relative; float:right; margin: 15px 0 0 0; cursor: pointer;}

/*---------------[LISTS]------------------*/ 

.lists-discs li {
	list-style-type: disc;
	color: #000000;
	font-size: 16px;
	line-height: 1.1em;
}