@charset "utf-8";
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

*{
scroll-margin: 100px !important;
}
html{
scroll-behavior: smooth;
}

.m-10{margin:1em auto}
.b-gray{background-color:#c6c6c6;color:#000000}
.f-red{color:#ff0000 !important;font-style:normal;}
.f-white{color:#ffffff}
.wrap-battery{width:100%;max-width:1000px;margin:0 auto;padding:0 0px;}
.title_banner{margin:3em auto 4em auto;text-align:center;}
.title_banner img{width:100% !important;height:100%;}
.wrap-battery .row{margin-left:0px;margin-right:0px;}

x.wrap-battery img{width:100%;}
.main-herader {
    position: absolute;
	top:0;
	width:100%;
	z-index:9;
    background: transparent;
}
.swiper-wrapper img{width:100%;}

h1.logo{color:#1481c4;font-weight:800;font-size:24px;margin-left:0 !important;}
div.logo{color:#1481c4;font-weight:800;font-size:24px;margin-left:-15px; overflow:hidden; width:106%;  }
h1.tit{color:#333;font-weight:600;font-size:30px;margin-left:30px; display:inline-block; 
text-align:right;
}

h1.logo span{
	font-size:18px;
	font-weight:400;
	display:inline-block;
	color:#333;
	margin-left:10px;
}

main h1.tit{display:none;}

/*2020-04-07*/
.navbar {position:relative;}

.top_menu {
	width: 10%;
    text-align: right;
    display: inline-block;
    margin-right: 20px;
    font-size: 1.5em;
}

.right-top-menu {
	display: none;
	width: 101%;
    max-width: 1000px;
    position: absolute;
    display: inline-block;
	top: 88px;
	left: 50%;
	padding:3px 10px;
    transform: translateX(-50%);
	background:#fff;
    font-size: 1.5em;
    color: #1481c4;
    line-height: 45px;
	z-index:1000;
}

.right-top-menu li {
	border-bottom:1px solid #dcdcdc;
}
.right-top-menu li a {
	display: inline-block;
	width: 100%;
	color: #1481c4;
}

.right-top-menu li a.dep2 {
	color:#1c1c1c;
	padding-left: 20px;
	font-size:0.8em;
	line-height:1;
}

.tab-list{ margin:20px 0;}
.tab-list ul.tab{border-bottom:1px solid #ccc; overflow:hidden; text-align:center;}
.tab-list ul.tab li{width:18%; display:inline-block; margin-left:3px;}
.tab-list ul.tab li a{
	display:block; 
	border:1px solid #ccc;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
	padding:5px 0;
	border-bottom:none;
	font-size:14px;
	
}

.tab-list ul.tab li a.on{
	color:#fff;
	background:#1481c4;
	text-decoration:none;
	border:1px solid #1471ab;
}

/*reserve*/
div.reserve{
	position:fixed;
	bottom:40px;
	left:20px;
	width:50px;
	height:50px;
	line-height:46px;
	border:1px solid #0084cf;
	color:#fff;
	text-align:center;
	font-size:15px;
	z-index:90;
	background:#0084cf;
	border-radius:50px;
	
}
div.reserve a{color:#fff;}
div.reserve i{color:#fff; font-size:18px;}

#top_btn {
	position:fixed;
	bottom:40px;
	right:20px;
	width:50px;
	height:50px;
	line-height:46px;
	border:none;
	color:#fff;
	text-align:center;
	font-size:15px;
	z-index:90;
	background:#0084cf;
	border-radius:50px;
	background: rgba(0,132,207,0.8)
	
}

/**/
.top-menu{
	min-height:50px; 
	padding:13px 10px; 
	background:#fff;
	box-sizing:border-box; 
	position:relative;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	width: 100%;
	text-align: center;
	z-index:999;
	display:none;
}

.top-menu a{display:inline-block; width:20%; padding:10px 0; font-size:14px;}

.top-menu.reserve-top{padding:0; background:#0084cf;}
.top-menu.reserve-top a{width:100%; color:#fff; padding:13px 10px;  display:block; font-size:16px; }

.top-menu.fixed {
	position:fixed; 
	width:100%;
	left:0; 
	top:49px;
	display:block;
	z-index:100;
	
}

.main-copy1{font-size:42px;position:Absolute;top:7%;font-weight:700;left:calc(50% - 120px)}
.main-copy2{color:#515151;font-size:30px;position:Absolute;top:17%;;font-weight:700;left:calc(50% - 262px);text-align:center;}
.main-copy3{color:#c6c6c6;font-size:30px;position:Absolute;bottom:10%;;font-weight:700;left:calc(50% - 262px);text-align:center;}
.main-copy4{font-size:34px;color:#fcff00;position:absolute;top:20%;font-weight:700;left:5%;line-height:1.2}
.main-copy5{font-size:34px;color:#00ff2a;position:absolute;top:37%;font-weight:700;left:5%;line-height:1.2}
.main-copy6{font-size:34px;color:#ffffff;position:absolute;bottom:24%;font-weight:700;left:5%;line-height:1.2}


.main.desc1 .arrow-down{position:absolute;bottom:25px;left:calc(50% - 16px);width:32px;height:32px;cursor:pointer}
.main.desc1 .img3{position:absolute;right:5%;bottom:20%;max-width:195px;width:60%}
.row.bar-img{background-image:url('/img/bar2.png?ver=1'); background-repeat:repeat-x;background-size: 100%;height:116px;width:100%;margin-top:1.8em;}
.navbar-brand{text-align:Center;margin:0 auto;}
.navbar-brand img{width:100%;}
.m-t-b10{margin-top:10px;margin-bottom:10px;}

.main-footer{background-color:#1a1819;color:#6f7070}
.main-footer .footer-col{padding:15px 0;font-size:1.2em;vertical-align:middle;}
.main-footer .footer-col.address-col{color:#fff;vertical-align:middle;padding-top:2.2em;letter-spacing:-0.5px;font-size:1.3em}
.footer-txt{color:red;font-size:1.5em;display:inline-block;vertical-align:middle;font-weight:500;text-align:center;margin:0 10%;}
.section-title{font-size:30px;color:#2b2b2b;font-weight:700;margin:0.3em auto 0.3em auto;letter-spacing:-0.5px;}
.f-sky{color:#1481c4}

.section-sub-title{font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-1.3px;margin:2.2em auto;text-align:center;}
section.main{margin:0 auto;}
main section.main{    height: 232px;}

.section-why-use{margin:30px auto;font-size:21px;line-height:2}
.section-why-use .line{display:block;margin-left:13%;}
.line em{color:#2c97d5;font-style:normal;font-weight:500;}
.section-why-desc{background-color:#f2f2f2;color:#000000;font-size:18px;width:100%;height:310px;box-sizing:border-box;padding:20px 10px;text-align:center;box-sizing:border-box;margin-top: 2px;}
.section-why-desc .tit{font-size:25px;font-weight:700;}
.section-why-desc p{margin:10px auto;line-height:1.7;letter-spacing:-1px;}
.main.desc1 img{width:100%;}

.main.desc2,
.main.desc3{margin:0px auto 1.8em auto;xborder-top:3px solid #a4a4a4;padding:0px 0;}
.main.desc2 .desc2-contents{font-size:32px;font-weight:700;text-align:Center;width:100%;margin:0 auto;height:auto;}
.main.desc2 .desc2-contents ul{width:100%;display:block;height:auto;margin:20px auto 0;}
.main.desc2 .desc2-contents ul li{width:calc(100% / 3);float:left;text-align:Center;}
.main.desc2 .desc2-contents ul li img{width:90%;max-width:262px;}

.main.desc3 .desc3-tit{/*color:#1481c4;*/color:red;font-size:30px;font-weight:700;text-align:center;display:block;width:100%;line-height:1.4;margin-bottom:5px}
.main.desc3 .desc3-tit span{color:#000000;font-size:28px;font-weight:300;letter-spacing:-1.5px;display:block;margin:0px auto 10px auto;line-height:1}
.main.desc3 .desc3-contents{margin:10px auto;font-weight:400;color:#000000;font-size:26px;background-color:#f1f1f1;display:block;width:100%;height:165px;box-sizing:border-box;padding-left:20px;;}
.main.desc3 .desc3-contents .num{display:inline-block;font-style:normal;font-size:24px;border-bottom:4px solid #005dc7;line-height:1;}
.main.desc3 .desc3-contents dl{display:block;margin:5px 0}
.main.desc3 .desc3-contents dl dt{margin-bottom:2px;font-weight:500;}
.main.desc3 .desc3-contents dl dd{font-size:15px;letter-spacing:-1.2px;line-height:1.6}

.main.desc4 {border-top:0;/*background-color:#151515;*/background-color:#999;padding:10px 0 30px;margin: 0px 15px;}
.main.desc4 .desc4-tit{color:#ff0000;font-weight:700;font-size:34px;text-align:center;width:100%;margin:5px auto;}
.main.desc4 .desc4-contents{background-color: #ffffff;
    height: 160px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px;
    text-align: center;
    margin: 10px auto;
    vertical-align: middle;}
.main.desc4 .desc4-contents .img1{position:absolute;left:55px;top:55px;}
.main.desc4 .desc4-contents .img2{position:absolute;left:55px;top:60px;}
.main.desc4 .desc4-contents dl{display:block;margin:5px 0;}
.main.desc4 .desc4-contents dl dt{color:#1481c4;font-weight:500;font-size:30px;line-height:1.6;}
.main.desc4 .desc4-contents dl dd{font-size:22px;line-height:1.2}
.main.desc4 .desc4-contents dl.img{position:absolute;top:75px;left:40%}
.main.desc4 .desc4-contents dl.img dt{color:#000000}

.main.desc5 {margin:40px auto 20px auto}
.main.desc5 .desc5-contents1{color:#1481c4;font-size:24px;line-height:1.25;vertical-align:middle;}
.main.desc5 .desc5-contents1 dt{margin-bottom:30px;}
.main.desc5 .desc5-txt{display:block;margin:4px auto;/*font-size:24px;*/font-size: 2em;display: inline-block;vertical-align: middle;font-weight: 500;color:#1481c4;}
.main.desc5 .desc5-contents2{xmargin-top:-20px;}
.main.desc5 .desc5-contents2-img{position:relative;}
.main.desc5 .desc5-contents2-img .img3{position:absolute;right:0px;bottom:10px;}

.main.desc6 {xmargin:40px auto 100px auto}
.main.desc6 .row{xborder-top:3px solid #c5c5c5;text-align:center;margin:10px auto}
.main.desc6 .desc6-contents{color:#1481c4;font-size:32px;font-weight:700;line-height:1.2;xpadding:80px 0 0}
.main.desc6 .desc6-contents img{margin-bottom:20px;}
.main.desc6 .desc6-contents span{color:#000000;font-size:24px;font-weight:300;display:block;}

.bottom_button .container{padding-right:0;padding-left:0;margin-bottom:10px;}
.bottom_button button{border:0;width:97%;text-align:center;background-color:#ff0000;}
.bottom_button a{color:#ffffff;font-weight:700;font-size:32px;letter-spacing:4px;padding:5px 0;display:block;}

.form .form-tit{margin:0 auto 0px auto;font-size:32px;font-weight:700;/*color:#0084cf;*/color:red;display:block;}
div.boxed{border:3px solid #737373;border-radius:5px;width:100%;font-size:24px;text-align:center;padding:20px 0}
div.boxed .boxed-tit{font-size:32px;color:#2a96d4;font-weight:700;}
div.boxed-import{background-image:url('/img/title_bg.png');font-size:32px;font-weight:700;color:#1481c4;max-width:833px; width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;height:135px;vertical-align:middle;padding:22px 0;margin:0.8em auto 0.8em auto}
div.boxed-import .import-tit{color:#000000;font-weight:600;font-size:26px;}
.main.img img{width:100%}
.video-container{position:relative;padding-bottom:56.25%;padding-top:10px;height:0;overflow:hidden;margin:10px auto;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 
.industry-copy-wrap{font-size:42px;position:absolute;width:80%;top:10%;text-align:center;background-color:#111;left:10%}
.industry-copy1{top:7%;font-weight:700;left:calc(50% - 320px);letter-spacing:-1px;}
.industry-copy2{color:#ffffff;top:7%;font-weight:700;left:calc(50% - 120px);letter-spacing:-1px;}

/* 폼 */
.input_form {width:100%;text-align:left;padding-top:10px;padding-bottom:34px;font-size:1.2em;}
.input_form select {width:100%;height:45px;margin-bottom:15px;}
.input_form button {background:#3b96e9;border:0px;width:100%;height:40px;color:#fff;border-bottom:2px solid #05121a;font-size: 1.5em;}
.input_form button.btn_address {width:100px;border:0px;}
.input_form input[type=text] {width:100%;}

.input_form #od_zip {width:100px;}
.input_form .agree-area {margin:20px 0px;font-weight:bold;}
.input_form .agree-box {border:1px solid #ccc;border-radius: 5px;padding:10px;position:relative;}
/* 폼 END */

.animation1{animation: 1s 1s flipInX both;}
.animation2{animation: 1s 1s fadeInUp both;}
.animation3{animation: 1s 1s bounceIn both;}
.animation4{animation: 1s 1s bounceInUp both;}
.animation5{animation: 1s 1s rotateIn both;}
.animation6{animation: 1s 1s rotateInUpRight both;}

img.tit.agm{max-width:498px;}

.btn-animation {
  animation: 1s 2s flipInX both;
}

.red {color:red;}

.big_font {
	font-size: 1.3em;
    font-weight: 400;
}
.p_none {display:none;}
.m_none {display:block;}

@media (max-width: 992px){
	.footer-col.footer-logo-wrap{padding-bottom:0;}
	.footer-col.address-col{padding-top:1em}
	.main.desc5 .desc5-contents2-img .img3{width:120px;}
	.section-sub-title{font-size:25px;}
	.footer-col.in{font-size:2em !important}
	.main-footer .footer-col.address-col{padding-top:1em}
}


@media (max-width: 769px){
	.section-sub-title{text-align:center;margin:1em auto}
	.col-sm-12 img{
		vertical-align:middle;
		margin:0 auto;
	}
	.main.desc3 .desc3-tit span{font-size:22px;}
	.main.desc5 .desc5-contents2{margin-top:20px;}
	.industry-copy-wrap{font-size:22px;}
	.main.desc1 .img3 {width:100px;}
	.main-copy1{font-size:32px;left:calc(50% - 100px);margin-top:-15px}
	.main-copy2{font-size:1.5em;left: calc(50% - 162px);}
	.main-copy3{font-size:1.5em;left:calc(50% - 164px);}
	.main-copy4{font-size:1.5em;left:calc(50% - 165px);margin-top:-30px}
	.main-copy5{font-size:1.5em;left:calc(50% - 165px)}
	.main-copy6{font-size:1.5em;left:calc(50% - 165px);bottom:20%}
	.arrow-down {bottom:0 !important}
	.main.desc5 .desc5-contents2-img .img3{width:100px;}
	.section-why-use .line{display:block;margin-left:0px;}
	.main.desc4 .desc4-contents dl dd {font-size: 1.5em;}
	.main-footer .footer-col.address-col{letter-spacing:-0.5px;font-size:1em}
	div.boxed-import .import-tit{font-size:1.2em}
	div.boxed-import {font-size:1.6em;padding-top:32px;}
	.table thead th, .table th{font-size:0.5em !important}
	
}

@media (min-width: 576px) {
	.container {
		max-width: 100%; 
	}
}

.main.premium .tit.bold{font-size:2em;font-weight:700;color:#1481c4; margin-bottom:20px;text-align:left;}
.main.premium .tit{text-align:left;padding:0 2%;}
.main.premium{color:#000000;font-size:2em;}
.main.premium p{display:block;margin:10px 0 10px;text-align:left;padding:0 2%;text-align:left;width:100%;box-sizing:border-box;font-weight:400;}
.main.premium .tit.sky,
.main.premium .sky{color:#0084cc;}
.main.premium img{max-width:100%}
.main.premium .tit.better{letter-spacing:-1px;color:#000000}
@media (max-width: 769px){
	.main.premium .tit.better{font-size:1.6em;}
}


@media (max-width: 576px) {
	.main.premium{
		font-size:1.2em
	}
	.main.premium .tit.sky{font-size:1.6em}
	body > div > div.wrap-battery.parallax > section.bottom_button > div > div > div > a{font-size:1em !important}
	body > div > div.wrap-battery.parallax > section.bottom_button > div > div > div > a img{width:20px !important}
	.bottom-btn{padding-right:4px;padding-left:4px;box-sizing:border-box;margin:0 auto;text-align:center;}
	.battery-img img{max-width:120px !important;margin:10px auto}
	.max-width{padding:0}
	.max-width img.tit{margin:0 auto;max-width:85%}

	img.tit.agm{max-width:85%;height:100%}
	.main.desc5{margin-top:0}
	.main.desc5 .max-width {margin:0 15px;}
	h1.logo{ margin-left:10%;font-size:21px;}
	div.logo{margin-left:0;font-size:21px; overflow:hidden; }

    h1.tit{color:#333;font-weight:400;font-size:15px;margin-left:10px; display:inline-block; text-align:right;}
	.top_menu{position:absolute; right:-4px; top:6px;}
	.right-top-menu{top:58px;}

	.section-why-desc{padding-top:15px;font-size:1.3em;height:auto;		margin-bottom:20px;}
	.section-why-desc .tit{font-size:1.4em}
	.desc2-contents{margin:30px auto !important}
	.section-title{font-size:1.6em}
	.desc3-contents{padding-left:15px !important}
	.main.desc3 .desc3-contents dl dt {
		font-size:0.9em !important;
	}
	.main.desc3 .desc3-contents dl dd {
		font-size:0.59em !important;
	}

	.section-sub-title {
		font-size: 1.6em;
		margin:0.3em auto;
	}

	.section-why-use .line {
		font-size:0.8em;
		text-align:center;
		letter-spacing:-1px;
	}

	.section-why-use{
		margin:15px auto;
	}

	.main.desc4 .desc4-contents{
		height:145px;
	}

	.form .form-tit{/*font-size:1.7em;*/font-size:2.0em;letter-spacing:-1px;}
	.main.img .desc3-tit{font-size:1.7em !important;line-height:1.8 !important}
	.main.img .desc3-tit span{font-size:0.8em !important}
	section.main_industry h2 {
		font-size: 1.7em !important;

	}
	.industry_area1 ul {

		font-size: 1.4em !important;
	}

	.industry_area2 ul {
		font-size: 1.4em !important;
	}

	.industry_area2 ul li{
		padding:5px 10px !important;
		letter-spacing:-1px;
	}
	
	div.boxed .boxed-tit{
		font-size:1.6em !important;
	}
    div.boxed{
		font-size:1.2em !important;
		margin-bottom:20px;
	}

	.main.premium .tit.bold {
		font-size: 1.9em !important;
	}
	.main.premium .tit.bold.better{
		font-size:1.1em !important;
	}

	.main.premium .tit.bold.first{
		font-size: 1.3em !important;
	}

	div.boxed.faq .boxed-tit{font-size:1.3em !important}
	div.boxed.faq  img{display:none !important}
	#faq_sch .frm_input{width:50% !important}
	#faq_sch .sch_tit {
		font-size: 1.2em !important

	}
	#faq_sch {
		padding:10px !important;
	}

	.footer-txt{margin:3% auto}
	.boxed-banner{padding-left:0;padding-right:0;}
	.title_banner{margin:1.5em auto 2em auto;text-align:center;}

	.main.desc6 .desc6-contents img {
		width:150px;
		height:auto;
	}
	.row.bar-img {
		height: 40px;
	}
	.main.desc3 .desc3-tit{font-size: 2.2em !important;}
	.main.desc4 .desc4-contents dl dt {font-size: 2em;}

	/*.top-menu.fixed {display:none;}*/

	.p_none {display:block;}
	.m_none {display:none;}

	.areabox .col-sm-6 {width:50%;}

	section.form #reserve {
		padding:0px;
	}
	.main.desc4 {
		padding: 10px 0 10px;
	}
	.main.desc4 .container {
		padding-right: 5px;
		padding-left: 5px;
	}
}

.battery-img img{width:160px;}

.jumbotron h1 {
	color: #353535;
}
footer {
  margin-bottom: 0 !important;
  xmargin-top: 80px;
}
footer p {
  margin: 0;
  padding: 0;
}
span.icon {
	margin: 0 5px;
	color: #D64541;
}
h2 {
	color: #BDC3C7;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mrng-60-top {
	margin-top: 60px;
}
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 0;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 0;
	color: #fff;
	font-size:14px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* Victoria Buttons */

a.animated-button.victoria-one {
	border: 2px solid #AEA8D3;
	height: 67px;
    background: #AEA8D3;
    border-radius: 15px;
	overflow:hidden;
}
a.animated-button img{
	width:24px;
	height:24px;
}
a.animated-button.victoria-one:after {
	background: #AEA8D3;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-two {
	border: 2px solid #D24D57;
	height: 67px;
    background: #D24D57;
    border-radius: 15px;
}
a.animated-button.victoria-two:after {
	background: #D24D57;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-three {
	border: 2px solid #D24D57;
	height: 67px;
    background: #D24D57;
    border-radius: 15px;
}
a.animated-button.victoria-three:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.victoria-three:hover:after {
	height: 140%;
	opacity: 1;
}
a.animated-button.victoria-four {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-four:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
	opacity: 1;
	height: 600% !important;
}
/* Sandy Buttons */

a.animated-button.sandy-one {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-one:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
}
a.animated-button.sandy-one:hover:after {
	height: 120% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-two {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-two:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.sandy-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-three {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-three:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.sandy-three:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-four {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-four:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}
a.animated-button.sandy-four:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
/* Gibson Buttons */

a.animated-button.gibson-one {
	border: 2px solid #65b37a;
	color: #FFF;
	height: 67px;
    background: #65b37a;
    border-radius: 15px;
	overflow:hidden;
}
a.animated-button.gibson-one:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.gibson-one:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-two {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-two:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.gibson-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-three {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-three:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
a.animated-button.gibson-three:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-four {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-four:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%));
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.gibson-four:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
/* Thar Buttons */

a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	height: 67px;
    background: #F7CA18;
    border-radius: 15px;
	overflow:hidden;
}
a.animated-button.thar-one:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: none;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-three:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
}
a.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
body > div > div.wrap-battery.parallax > section.bottom_button > div > div > div > a{height:67px;font-size:1.5em;color:#222222;border-radius:20px}
body > div > div.wrap-battery.parallax > section.bottom_button > div > div > div > a img{vertical-align:middle;width:35px;margin-right:2%;}

 .agreement_box {
    overflow-x: hidden;
    overflow-y: auto;
    height: 40px;
	font-size:0.9em;
	font-weight:300;
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #999999;
    line-height: 1.6;
}

/*side 230518*/
.wrapper{
	padding-top:57px;
}
header{
 position:fixed;
 width:100%;
 left:0;
 top:0;
 z-index:100;
 background:#fff;
 box-shadow: 1px 1px 14px rgba(0,0,0,0.1);
}

header button.menu {
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -99999px;
  position: absolute;
  right: 10px;
  top: 13px;
  background: url(./images/ic-menu.png) center center no-repeat;
  background-size: 30px;
  border:none;
}

.sidepanel {
  width: 100%;
  height: 100vh;
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  /* background-color: rgba(0, 0, 0, 0.5);  */
  overflow-x: hidden;
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  opacity: 0;
  /* display: none; */
  z-index: -1;
}

.sidepanel::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.sidepanel.on {
  opacity: 1;
  transition: 0.5s;
  width: 100%;
}
#left-menu.on {
  left: 0;
  transition: 0.5s;
}

#left-menu {
  position: absolute;
  left: -100%;
  transition: 0.5s;
}

.sidepanel .inner {
  position: relative;
  width: 90%;
  background-color: #fff;
  height: 100vh;
  padding: 20px 0;
}

.sidepanel {
  width: 100%;
  height: 100vh;
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  /* background-color: rgba(0, 0, 0, 0.5);  */
  overflow-x: hidden;
  overflow-y:hidden;
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  opacity: 0;
  /* display: none; */
  z-index: -1;
}

.sidepanel::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.sidepanel.on {
  opacity: 1;
  transition: 0.5s;
  width: 100%;
}
#left-menu.on {
  left: 0;
  transition: 0.5s;
}

#left-menu {
  position: absolute;
  left: -100%;
  transition: 0.5s;
}

.sidepanel .inner {
  position: relative;
  width: 90%;
  background-color: #fff;
  height: 100vh;
  padding: 20px 0;
  overflow-y:scroll;
}

.sidepanel .inner ul li{
	border-bottom:1px solid #f2f2f2l
	
}
.sidepanel .inner ul li a{
	display:block;
	padding:10px 16px;
	font-size:16px;
	color:#1481c4;
	font-weight:500;
}
.sidepanel .inner ul li a.dep2{
	font-size:14px;
	color:#333;
}

.sidepanel .close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 0;
  text-indent: -9999px;
  z-index:100;
  background:#fff url(./images/icon-close.svg) center center no-repeat;
  opacity:1;
  border:none;
}