*{
	box-sizing:border-box;
	outline:none;
	font-family: Avenir,Helvetica !important;
}

body,html{
	min-height:100%;
}

body{
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: Avenir,Helvetica !important;
	background:#fff;
	color:#333;
}

a{
	text-decoration: none;
}

button{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

.all{
	float:left;
	width:100%;
	position:relative;
}

.center{
	max-width:1140px;
	padding:0px 20px;
	width:100%;
	margin:0px auto;
	position:relative;
}

@-webkit-keyframes animateBackground{0%{background-position:center 0%;}100%{background-position:center 100%;}}
@-moz-keyframes animateBackground{0%{background-position:center 0%;}100%{background-position:center 100%;}}
@-ms-keyframes animateBackground{0%{background-position:center 0%;}100%{background-position:center 100%;}}
@-o-keyframes animateBackground{0%{background-position:center 0%;}100%{background-position:center 100%;}}
@keyframes animateBackground{0%{background-position:center 0%;}100%{background-position:center 100%;}}

.banner{
	height:400px;
	position:absolute;
	left:0px;
	top:110px;
	width:100%;
	background:url(../images/background-new.jpg) no-repeat center 100%;
	background-attachment: fixed;
	background-size:cover;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	-webkit-animation: animateBackground 5s ease-in-out;
	-moz-animation: animateBackground 5s ease-in-out;
	-ms-animation: animateBackground 5s ease-in-out;
	-o-animation: animateBackground 5s ease-in-out;
	animation: animateBackground 5s ease-in-out;
}

.banner .center{
	height:100%;
	position:relative;
	display: table;
}

.banner .center span{
	display: table-cell;
	vertical-align: middle;
	font-size:20px;
	color:rgba(255,255,255,0.8);
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.banner .center span b{
	font-size:36px;
	font-weight: 700;
	margin-bottom:10px;
	display: inline-block;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.banner:before{
	content:'';
	display: block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+3,0+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 3%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 3%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.logo{
	text-align: center;
	width:273px;
	display: block;
	margin:20px auto;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.container{
	max-width:400px;
	width:100%;
	min-height:100px;
	overflow: hidden;
	background:#fff;
	-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.1);
	-ms-box-shadow:0px 5px 20px rgba(0,0,0,0.1);
	-o-box-shadow:0px 5px 20px rgba(0,0,0,0.1);
	box-shadow:0px 5px 20px rgba(0,0,0,0.1);
	padding:20px;
	margin-bottom:20px;
	position:relative;
	z-index:3;
	top:100px;
	float:right;
	position:absolute;
	right:20px;
	top:100px;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	z-index:10;
}

.container_nav{
	float:left;
	width:100%;
	height:50px;
}

.container_nav_item{
	float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 120%;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    background: #f4f4f4;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    position: relative;
}

.container_nav_item:hover{
	background:#e4e4e4;
}

.container_nav_item.active{
	background:#767F81;
	color:#fff;
	cursor: default;
}

.container_nav_item.active:before{
	content:'';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 7px 0 7px;
	border-color: #767F81 transparent transparent transparent;
	bottom:-6px;
	left:50%;
	margin-left:-7px;
	position:absolute;
}

.login_form,
.request_access_form,
.forgot_password_form{
	float:left;
	width:100%;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
}

.form_field{
	float:left;
	width:100%;
	margin-bottom:20px;
	position: relative;
}

.form_field:last-child{
	margin-bottom:0px;
}

.form_field label{
	float:left;
	width:100%;
	font-size:12px;
	text-transform: uppercase;
	color:#666;
	font-weight: 500;
	margin-bottom:4px;
}

.form_field input,.form_field textarea,.form_field select{
	float:left;
	width:100%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

.form_field input{
	height:50px;
	border:1px solid #e4e4e4;
	padding-left:20px;
	color:#333;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.form_field select{
	height:50px;
	border:1px solid #e4e4e4;
	padding-left:20px;
	color:#333;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:#fff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTIyNS45MjMsMzU0LjcwNmMtOC4wOTgsMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcsMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3LDAtNDQuNzUxICAgYzEyLjM1NC0xMi4zNTQsMzIuMzg4LTEyLjM1NCw0NC43NDgsMGwxNzEuOTA1LDE3MS45MTVsMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQsMzIuMzkxLTEyLjM1NCw0NC43NDQsMCAgIGMxMi4zNjUsMTIuMzU0LDEyLjM2NSwzMi4zOTIsMCw0NC43NTFMMjQ4LjI5MiwzNDUuNDQ5QzI0Mi4xMTUsMzUxLjYyMSwyMzQuMDE4LDM1NC43MDYsMjI1LjkyMywzNTQuNzA2eiIgZmlsbD0iIzY2NjY2NiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat right 20px center #fff;
	background-size:12px auto;
}

.form_field textarea{
	height:100px;
	border:1px solid #e4e4e4;
	padding:20px;
	color:#333;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:#fff;
	resize:none;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.form_field input:focus,.form_field select:focus,.form_field textarea:focus{
	border:1px solid #d4d4d4;
}

.form_field button{
	height:50px;
	float:right;
	background:#767F81;
	padding:0px 20px;
	color:#fff;
	border:0px;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	cursor: pointer;
}

.form_field button:hover{
	background:#ef4a00;
}

.form_field a{
	float:left;
	color:#767F81;
	font-size:14px;
	text-decoration: none;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.form_field .newsletter_message{
	float:left;
	color:#fff;
	font-size:14px;
	text-decoration: none;
}

.form_field a:hover{
	color:#ef4a00;
}

.brands{
	margin-top:400px;
	background:#fff;
	float:left;
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
}

.brands .common_title{
	margin-bottom:0px;
}


.brands .center{
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-ms-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	overflow: hidden;
	padding-bottom:20px;
}

.brands.active .center{
	padding-right:440px;
	margin-bottom:100px;
}

.brands_slider{
	float:left;
	width:100%;
	overflow: hidden;
	position:relative;
}

.brands_slider-left{
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
	cursor: pointer;
	text-align: left;
	width:100px;
	height:100%;
	line-height:160px;
	font-size:50px;
	color:#767F81;
}

.brands_slider-right{
	position:absolute;
	right:0px;
	top:0px;
	z-index:3;
	cursor: pointer;
	text-align: right;
	width:100px;
	height:100%;
	line-height:160px;
	font-size:50px;
	color:#767F81;
}

.brands_slider:before{
	content:'';
	width:190px;
	border-left:50px solid #fff;
	box-sizing: border-box;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); 
}

.brands_slider:after{
	content:'';
	width:190px;
	border-right:50px solid #fff;
	box-sizing: border-box;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	z-index:2;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.brands_slider .swiper-slide{
	width:160px;
	height:160px;
	display: table;
}

.brands_slider .swiper-slide span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.brands_slider .swiper-slide span img{
	max-width:100px;
	max-height:100px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.brands_slider .swiper-slide:hover span,.brands_slider .swiper-slide.swiper-slide-active span{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.brands_slider .swiper-slide:hover span img,.brands_slider .swiper-slide.swiper-slide-active span img{
	max-width:100px;
	max-height:100px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.about{
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:50px;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
}

.about.active{
	padding-right:440px;
}

.common_title{
	float:left;
	width:100%;
	font-size: 34px;
	color:rgba(0,0,0,0.2);
	margin-bottom:20px;
	font-weight: bold;
}

p{
	color:#666;
	font-size:16px;
	text-align: justify;
	line-height:150%;
}

.support_newsletter{
	float:left;
	width:100%;
	position:relative;
}

.support_newsletter:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background:#f4f4f4;
}

.support_newsletter:after{
	content:'';
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	background:#767F81;
}

.support{
	float:left;
	width:50%;
	position:relative;
	z-index:2;
	padding-top:40px;
	padding-bottom:40px;
	padding-right:20px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.email{
	float:left;
	width:100%;
	color:#767F81;
    font-size: 24px;
    color: #767F81;
    font-weight: 900;
    line-height: 50px;
	padding-left:50px;
	margin-bottom:5px;
	background:url(../images/icon-sac.png) no-repeat left center;
    background-size: 38px;
}
.phone{
	float:left;
	width:100%;
	color:#767F81;
    font-size: 24px;
    color: #767F81;
    font-weight: 900;
    line-height: 50px;
	padding-left:50px;
	background:url(../images/icon-sac.png) no-repeat left center;
	background-size: 38px;
}

.newsletter{
	float:left;
	width:50%;
	position:relative;
	z-index:2;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:40px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.newsletter label{
	color:#f4f4f4;
}


.newsletter label.error{
	position:absolute;
	left:0px;
	bottom:-14px;
}

.newsletter .common_title{
	color:#f4f4f4;
}

.newsletter button{
    font-size: 0px;
    position: absolute;
    background: url(../images/icon-submit-newsletter.png) no-repeat center center;
    background-size:50%;

    right: 0px;
    top: -90px;
    width: 70px;
    height:70px;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	-ms-transition:0.1s ease-in-out;
	-o-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
}

.newsletter button:hover{
    font-size: 0px;
    position: absolute;
    background: url(../images/icon-submit-newsletter.png) no-repeat center center;
    background-size:50%;

    right: 0px;
    top: -90px;
    width: 70px;
    height:70px;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	-ms-transition:0.1s ease-in-out;
	-o-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
}

.newsletter input{
	border:0px !important;
	background:url(../images/icon-mail.png) no-repeat 20px center #f4f4f4;
	background-size:auto 40%;
	padding-left:70px;
	font-size:18px;
	height:70px;
}

.newsletter input:focus{
	border:0px !important;
	background:url(../images/icon-mail.png) no-repeat 20px center #fff;
	background-size:auto 40%;
}

.newsletter p{
	color:#f4f4f4;
}

.footer{
	float:left;
	width:100%;
	height:100px;
	background:#fff;
	text-align: center;
	font-size:0px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.footer .link{
	height:40px;
	width:40px;
	display: inline-block;
	font-size:20px;
	margin:0px 5px;
	color:#767F81;
	background:#fff;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-ms-border-radius:40px;
	-o-border-radius:40px;
	border-radius:40px;
	line-height:42px;
	margin-top:30px;
	border:1px solid #767F81;
}

.footer .link:hover{
	background:#ef4a00;
	color:#fff;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.copyright{
	position:absolute;
	left:20px;
	top:0px;
	line-height:100px;
	font-size:12px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.volts{
	display: block;
	position:absolute;
	top:33px;
	right:20px;
	width:74px;
	height:34px;
	background:url(../images/logo-volts.png) no-repeat right center;
	background-size: auto 100%;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

label.error{
	text-transform: none;
	color:#f00;
	margin-top:2px;
	margin-bottom:0px;
}
.newsletter label.error{
	color:#fff;
}

.success_message{
	float:left;
	width:100%;
	text-align: center;
	padding:20px;
	color:#388E3C;
	background:#C8E6C9;
	margin-top:10px;
}

.success_message b{
	display: inline-block;
	margin-bottom:10px;
}

.error_message{
	float:left;
	width:100%;
	text-align: center;
	padding:20px;
	color:#D32F2F;
	background:#ffcdd2;
	margin-top:10px;
}

.success_message,
.error_message{
	-webkit-transition:5s box-shadow;
	-moz-transition:5s box-shadow;
	-ms-transition:5s box-shadow;
	-o-transition:5s box-shadow;
	transition:5s box-shadow;
}

.success_message.active,
.error_message.active{
	-webkit-box-shadow:inset 380px 0px 0px rgba(255,255,255,.1);
	-moz-box-shadow:inset 380px 0px 0px rgba(255,255,255,.1);
	-ms-box-shadow:inset 380px 0px 0px rgba(255,255,255,.1);
	-o-box-shadow:inset 380px 0px 0px rgba(255,255,255,.1);
	box-shadow:inset 380px 0px 0px rgba(255,255,255,.1);
}

.error_message b{
	display: inline-block;
	margin-bottom:10px;
}

@media(min-width:1000px){
	.container.active{
		top:20px;
	}
}

@media(max-width:999px){
	.brands.active .center{
		padding-right:20px;
	}
	.container{
	    position: relative;
	    top: -20px;
	    right: 0px;
	    float: none;
	    margin: 0px auto;
	}
	.banner {
	    height: 220px;
	    position: relative;
	    left: 0px;
	    top: 0px;
	    width: 100%;
	    background: url(../images/background.jpg) no-repeat center center;
	    background-size: cover;
	}
	.banner .center span {
	    display: table-cell;
	    vertical-align: middle;
	    font-size: 20px;
	    color: rgba(255,255,255,0.8);
	    text-align: center;
	}
	.banner:before{
    	background: rgba(0,0,0,0.7);
	}
	.about,.brands{
		margin-top:0px;
		padding-right:0px !important;
	}
}

@media(max-width:899px){
	.support_newsletter .center{
		padding:0px;
	}
	.support,
	.newsletter{
		width:100%;
		padding:40px 20px;
	}
	.support{
		background:#f4f4f4;
	}
	.newsletter{
		background:#767F81;
	}
	.brands_slider-right,.brands_slider-left{
		display: none;
	}
	.brands_slider:before,.brands_slider:after{
		border:0px;
		width:50px;
	}
}

@media(max-width:799px){
	.about{
		padding-top:10px;
	}
	.about p{
		font-size:14px;
	}
	.footer {
	    height: 200px;
	}
	.copyright {
	    position: absolute;
	    left: 20px;
	    top: 140px;
	    line-height: 50px;
	    font-size: 12px;
	    width: 100%;
	    left: 0px;
	}
	.volts {
	    display: block;
	    position: absolute;
	    top: 95px;
	    right: 50%;
	    margin-right: -37px;
	    width: 74px;
	    height: 34px;
	    background: url(../images/logo-volts.png) no-repeat center center;
		background-size: auto 100%;
	}
}

@media(max-width:599px){
	.logo{
    	margin: 20px auto;
	}
	.logo img{
		height:50px;
		width:auto;
	}
	.banner .center span{
		font-size:15px;
	    padding: 0px 10px;
	}
	.banner .center span b {
	    font-size: 26px;
	    font-weight: 700;
	    margin-bottom: 10px;
	    display: inline-block;
	    padding: 0px 20px;
	}
	.newsletter p br{
		display: none;
	}
}

@media(max-width:499px){
	.common_title {
	    font-size: 34px;
	    line-height: 100%;
	    margin-bottom: 10px;
	}
	.form_field button {
	    float: right;
	    width: 100%;
	    margin-bottom: 40px;
	}
	.newsletter .form_field button {
	    width: 50px;
	}
	.newsletter .form_field input {
		background-image:none !important;
		padding-left:20px;
	}
	.form_field a {
	    position: absolute;
	    bottom: 0px;
	    left:0px;
	}
	.remove_padding_mobile{
		padding:0px;
	}

	.email{
		float:left;
		width:100%;
		color:#767F81;
	    font-size: 18px;
	    color: #767F81;
	    font-weight: 900;
	    line-height: 50px;
		padding-left:50px;
		background:url(../images/icon-sac.png) no-repeat left center;
	}
	.phone{
		float:left;
		width:100%;
		color:#767F81;
	    font-size: 18px;
	    color: #767F81;
	    font-weight: 900;
	    line-height: 50px;
		padding-left:50px;
		background:url(../images/icon-sac.png) no-repeat left center;
	}
	.about{
		padding-bottom:30px;
	}
	.newsletter{
		padding-bottom:20px;
	}
}

@media(max-width:399px){
	.container{
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		border-radius:0px;
	}
}