* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body, html { height: 100%; }

body {
	font-size: 17px;
	line-height: 1.529;
	font-family: 'Lato', sans-serif;
	color: #626262;
	background: #fff;
	min-width: 320px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	font-size-adjust: none;
}
.parallax-window {
 background-image: url(images/bg/header.jpg);
    background-size: cover;
    background-position: center center;
}

.section-video-fullscreen-bg{

 background-image: url(images/bg/section.jpg);
 background-size: cover;
 background-position: center center;
}

.section-fullscreen-bg{
 background-image: url(images/bg/section-2.jpg);
 background-size: cover;
 background-position: center center;
}

center{txt-transform:uppercase;}
a { color: #ff0084; text-decoration: none; cursor: pointer; }
a:hover { color: #000; text-decoration: none; }
a img { border: 0; }
a,
.submit,
.field {
	-webkit-transition: color .2s ease, background .2s ease, border .2s ease;
	   -moz-transition: color .2s ease, background .2s ease, border .2s ease;
		-ms-transition: color .2s ease, background .2s ease, border .2s ease;
		 -o-transition: color .2s ease, background .2s ease, border .2s ease;
			transition: color .2s ease, background .2s ease, border .2s ease;
}

img { max-width: 100%; }

address { font-style: normal; }

input, 
textarea, 
select { font-size: 15px; font-family: arial, sans-serif; }
textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; }

.mobile input, 
.mobile textarea { -webkit-appearance: none; border-radius: 0; box-shadow: none; }
.mobile input[type=checkbox] { -webkit-appearance: checkbox; }
.mobile input[type=radio] { -webkit-appearance: radio; }
.mobile select { -webkit-appearance: select; }

.logo a,
ul.social-links li a { font-size: 0; font-style: normal; text-indent: -100%; overflow: hidden; }

.footer-social:after,
ul.fact-items:after { content: " "; clear: both; display: table; line-height: 0; height: 0; }

h1 { font-size: 58px; line-height: 67px; font-family: 'gotham', sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -0.025em; }
h2 { font-size: 47px; line-height: 55px; font-family: 'gotham', sans-serif; font-weight: normal; text-transform: uppercase;	letter-spacing: -0.025em; }
h3 { font-size: 28px; line-height: 33px; font-family: 'gotham', sans-serif; font-weight: 800; text-transform: uppercase; }

.container { max-width: 1030px; }

.cta-btn { display: inline-block; font-size: 25px; line-height: 31px; padding: 20px 42px; font-weight: 800; text-transform: uppercase; color: #fff; background: #ff2a00; border-radius: 3px; }
.cta-btn:hover { color: #fff; background: #000; }

.btn { display: inline-block; padding: 10px 28px; font-size: 13px; line-height: 20px; font-family: 'Lato', sans-serif; font-weight: normal; text-transform: uppercase; color: #626262; background: transparent; border: 1px solid #ccc; border-radius: 3px; }
.btn:hover { text-decoration: none; color: #333; background: #9de359; border-color: #9de359; }

.btn-large { font-size: 25px; line-height: 31px; padding: 20px 62px; color: #fff; border-color: #fff; border-radius: 4px; font-weight: bold; }
.btn-large:hover { color: #333; border-color: #9de359; }


.bg-white { background: #fff; }

/* Header */
#header { min-height: 748px; background-size: cover; }
#logo {	margin: 54px 0; }
  .selection{font-size: 15px;margin-top:20px;border: 1px solid #00c0ff;padding: 10px; border-radius: 10px;margin-bottom: 10px;}
.header-content { padding-bottom: 70px !important; font-size: 23px; line-height: 32px; font-family: 'gotham', sans-serif; font-weight: 300; color: #fff; padding: 0 60px 0 0; }
.header-content h1 { margin: 0 0 36px;color: #ff0084;  }
.header-content h1 span { color: #000000; }
.header-content p { margin: 0 0 1em; }
.midle{margin:0px auto;max-width: 400px;float:none;padding:30px;}
.midle li{text-align:center;margin:0px auto;line-height: 30px;display:block;}
.header-form { margin: 0 -2px 0 -52px; padding: 60px 48px; background: rgba(0, 0, 0, .31); }

.field { display: block; width: 100%; padding: 17px 20px 16px 48px; font-size: 17px; line-height: 25px; font-family: 'Lato', sans-serif; color: #a5a5a5; background: #fff no-repeat 0 center; border: 1px solid #e3e3e3; border-radius: 3px; margin-bottom: 31px; }
.field:focus { border-color: #ff0084; }
.field-user { background-image: url(images/input-user.png); }
.field-phone { background-image: url(images/input-phone.png); }
.field-email { background-image: url(images/input-email.png); }
.field-el { background-image: url(images/input-el.png); }
.field-gas { background-image: url(images/input-gas.png); }

.field::-webkit-input-placeholder { font-style: italic; color: #a5a5a5; }
.field:-moz-placeholder { font-style: italic; color: #a5a5a5; }
.field::-moz-placeholder { font-style: italic; color: #a5a5a5; }
.field:-ms-input-placeholder { font-style: italic; color: #a5a5a5; }

.submit { display: block; height: 71px; padding: 0 38px; font-size: 25px; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 800; color: #fff; background: #00baff; border: 0; border-radius: 3px; cursor: pointer; margin-bottom: 13px; -webkit-appearance: none; }
.submit:hover { background: #a9ff2f; }

/* Main */
.main { }

.fullscreen-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fullscreen-image { display: none; }

.section { padding: 38px 0; }

.section-heading { text-align: center; font-size: 23px; line-height: 30px; color: #626262; font-weight: 300; padding: 32px 40px 93px; }
.section-heading h2 { margin: 0 0 19px; }

.featured-item { font-size: 20px; line-height: 28px; color: #999; font-weight: 300; margin-bottom: 96px; }
.featured-item h3 { color: #626262; margin: 0 0 21px; }
.featured-item p { margin-bottom: 29px; }
.featured-item-image { float: left; width: 168px; text-align: center; }
.featured-item-image img { display: block; margin: 0 auto; max-width: 100%; }
.featured-item-image + .featured-item-entry { margin-left: 194px; }

.section-video { padding: 120px 0; }

.video-box { padding: 8px; background: rgba(255, 255, 255, .15); box-shadow: 0 0 27px rgba(0, 0, 0, .25); width: 488px; margin: 75px 0; }
.video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.video iframe,
.video img { position: absolute; top: 0; left: 0; width: 100%;	height: 100%; }
.video iframe { display: none; }

.video-play { position: absolute; top: 50%; left: 50%; font-size: 17px; line-height: 23px; font-family: 'gotham',sans-serif; font-weight: 800; text-transform: uppercase; text-align: center; padding: 25px 32px; color: #fff; background: rgba(255, 255, 255, .23); border: 2px solid #fff; border-radius: 36px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-play:before { content: ''; display: inline-block; width: 19px; height: 20px; background: url(images/video-play.png) no-repeat 0 0; vertical-align: middle; margin-right: 16px; }
.video-play:hover { background: rgba(255, 255, 255, .45); color: #fff; }

.video img { display: block; width: 100%; height: 100%; }

.post-video { color: #fff; font-size: 17px; line-height: 28px; margin: 0 40px 0 55px; letter-spacing: -0.025em;padding-top: 30px;padding-bottom: 30px; }
.post-video h2 { font-size: 40px; line-height: 45px; font-weight: 800; margin: 0 0 19px; }
.post-video h2 span { color: #ff0084; }
.post-video p { margin-bottom: 20px; }

#facts { padding: 45px 0; border-bottom: 1px solid #dadada; }

ul.fact-items { list-style: none; text-align: center; font-size: 16px; line-height: 22px; color: #c0c0c0; margin: 0 -30px; }
ul.fact-items .value { font-size: 40px; line-height: 45px; font-weight: 300; font-family: 'gotham', sans-serif; margin-bottom: 5px; }
ul.fact-items .value strong { font-weight: 800; }
ul.fact-items li { float: left; width: 25%; padding: 0 30px; margin-bottom: 18px; }
.pie { position: relative; width: 172px; height: 172px; margin: 30px auto; }
.pie img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.post { line-height: 28px; padding-top: 37px; padding-bottom: 39px; }
.post h2 { font-size: 64px; line-height: 75px; font-weight: 900; color: #c2c2c2; margin: 22px 0 35px; }
.post h2 span { color: #7dc43e; }
.post p { margin-bottom: 28px; }

.post-center { text-align: center; font-size: 23px; line-height: 35px; font-weight: 300; color: #fff; padding: 28px 0 60px; }
.post-center h2 { font-size: 59px; line-height: 1.2; color: #fff; font-weight: 800; margin: 46px 0; }
.post-center h2 span { color: #ff0084; }
.post-center p { margin-bottom: 35px; }
.post-center .btn { margin-top: 28px; margin-bottom: 10px; }

#testimonials { margin-top: -30px; }
#testimonials .carousel-caption { text-shadow: none; position: static; padding: 104px 0 0; text-align: left; font-family: Georgia, serif; letter-spacing: -0.02em; }
#testimonials .carousel-indicators { bottom: 73px; right: -13px; left: auto; width: auto; line-height: 0; }
#testimonials .carousel-indicators li { width: 6px; height: 6px; border-radius: 50%; background: #c2c2c2; margin: 3px 6px; border: 0; }
#testimonials .carousel-indicators li:hover { background: #ff4e00; }
#testimonials .carousel-indicators li.active { background: #ff4e00; width: 11px; height: 11px; margin: 0 3px; }

.testimonial { padding-left: 360px; }
.testimonial > img { float: left; margin-left: -360px; }
.testimonial blockquote { margin: 0 0 31px; padding: 0; border: 0 !important; color: #333; font-size: 21px; line-height: 33px; }
.testimonial blockquote:before,
.testimonial blockquote:after { content: ''; display: inline-block; vertical-align: top; width: 26px; height: 22px; background: url(images/quotes.png) no-repeat 0 0; }
.testimonial blockquote:before { margin: 2px 10px 0 0; }
.testimonial blockquote:after { margin: 8px 0 0 10px; background-position: 0 bottom; }
.testimonial blockquote p { display: inline; margin: 0; }
.testimonial .author { font-size: 19px; line-height: 28px; color: #a9a9a9; }
.testimonial .author p { margin: 0; }


/* Footer */
.footer { font-size: 15px; line-height: 21px; text-align: center; color: #7d7d7d; background: #fff; padding: 65px 0 59px; border-top: 1px solid #dadada; }
.footer h4 { font-size: 27px; line-height: 28px; color: #707070; font-weight: normal; text-transform: uppercase; }
.footer-social { text-align: center; padding-bottom: 66px; }
.footer-social h4 { display: inline-block; margin: 10px 23px; vertical-align: middle; }
.footer-social ul.social-links { display: inline-block; vertical-align: middle; margin: 10px 23px 4px; }
.footer-content { }
.footer-content p { margin: 0 0 21px; }
.footer-content p a { color: #7d7d7d; }
.footer-content p a:hover { text-decoration: none; color: #ff0084; }

ul.social-links { list-style: none; }
ul.social-links li { display: inline-block; margin-right: 8px; }
ul.social-links li:last-child { margin-right: 0; }
ul.social-links li a { display: block; width: 55px; height: 55px; background: url(images/socials.png) no-repeat 55px 0; }
ul.social-links li a.link-facebook { background-position: 0 0; }
ul.social-links li a.link-twitter { background-position: -55px 0; }
ul.social-links li a.link-google { background-position: -110px 0; }
ul.social-links li a.link-youtube { background-position: -165px 0; }
ul.social-links li a.link-instagram { background-position: -220px 0; }
ul.social-links li a.link-pinterest { background-position: -275px 0; }
ul.social-links li a {
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
ul.social-links li a:hover { opacity: .85; }

@media screen and (max-width: 1023px) {
	ul.fact-items { margin: 0 -15px; }
}

@media screen and (max-width: 991px) {
	h1 { font-size: 40px; line-height: 1.2; }

	#header { min-height: 0; }

	.header-content { padding-right: 0; font-size: 20px; line-height: 1.5; }
	.header-form { margin: 0; padding: 50px 30px; }

	.field { margin-bottom: 20px; padding: 12px 20px 11px 48px; }

	.submit { display: block; width: 100%; padding: 0; }
	
	.featured-item { margin-bottom: 60px; }
	.featured-item-image { width: 108px; }
	.featured-item-image img { width: auto; height: 100px; }
	.featured-item-image + .featured-item-entry { margin-left: 122px; }
	
	.section-video { padding: 60px 0 20px; }
	.video-box { margin: 0 auto; }
	.post-video { text-align: center; margin: 40px 0; }

	ul.fact-items li { padding: 0 5px; }

	.post { padding-top: 0; padding-bottom: 0; }
	.post h2,
	.post-center h2 { font-size: 44px; line-height: 1.1; }
	.post-center { font-size: 20px; line-height: 1.5; }

	#testimonials .carousel-caption { padding: 60px 0 0; }
	#testimonials .carousel-indicators { bottom: 20px; }

	.testimonial { padding-left: 300px; }
	.testimonial > img { margin-left: -300px; width: 260px; }
	.testimonial blockquote { font-size: 20px; line-height: 1.5; margin-bottom: 20px; }
}

@media screen and (max-width: 767px) {
	h1 { font-size: 40px; line-height: 1.2; }
	h2 { font-size: 28px; line-height: 1.2; }

	.btn-large { display: block; padding: 15px 25px; }

	#logo { margin: 30px auto; }

	.header-content h1 { margin-bottom: 20px;font-size:45px !important; }
	.header-form { margin: 0 -15px; padding: 30px 20px; }

	.section-heading { padding: 20px 0; font-size: 20px; line-height: 1.5; }

	.featured-item-image { float: none; width: 100%; }
	.featured-item-image img { display: block; margin: 0 auto; height: auto; width: auto; max-width: 100%; }
	.featured-item-image + .featured-item-entry { margin: 30px 0 0; text-align: center; }

	.video-box { margin: 0 auto 30px; max-width: 100%; }
	.video-play { padding: 15px 25px; white-space: nowrap; }

	.post-video h2 { font-size: 32px; line-height: 1.2; }

	.post h2,
	.post-center h2 { font-size: 36px; }
	
	ul.fact-items { margin: 0; }
	ul.fact-items li { width: 100%; }
	
	#testimonials .carousel-caption { padding: 0 0 40px; }
	#testimonials .carousel-indicators { bottom: 10px; left: 0; right: 0; text-align: center; margin: 0; }

	.testimonial { padding: 0; }
	.testimonial > img { float: none; margin: 0 auto 20px; }
	
	.footer { padding: 30px 0; }
	.footer-social { padding-bottom: 30px; }
	.footer-social h4 { font-size: 22px; }
	ul.social-links li { margin: 0 4px 8px; }
	ul.social-links li:last-child { margin-right: 4px; }
}