.floatLeft{float:left;}
.floatRight{float:right;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.light{font-weight:300;}
.normal{font-weight:400;}
.semibold{font-weight:600;}
.bold{font-weight:700;}
.bgyellow{background:#fff5d9;}
.bg2yellow{background:#ffecb4;}
.bgdyellow{background:#fdda71}
.bgdblue{background:#a2ccf4;}
.bgpink{background:#ffdddd;}
.bgblue{background:#e1effc;}
.bg1blue{background:#ade3f6;}
.bg2blue{background:#e3f8ff;}
.bggray{background:#cccccc;}
.bglgray{background:#e7e7e7;}
.bgdgreen{background:#9dca3a;}
.bglgreen{background:#d8f0a2;}
.overflow{overflow:hidden}
.underline{text-decoration:underline;}
.no_style li{list-style:none;}
.no_bdr {border:none}
.no_bold{font-weight:normal;}
.li_inline li {float:left;}
.ls_03 {letter-spacing:-0.03em}
/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}

/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
/*


/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f27{font-size:27px !important;}
.f30{font-size:30px !important;}
.f33{font-size:33px !important;}
.red{color: #ff0000;}
.blue{color:#0b3e91;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 } 
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#f6ab30;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}

/* Smartphone （768px） */
@media screen and (max-width: 768px){
.spmT01{margin-top:1px;}
.spmT02{margin-top:2px;}
.spmT03{margin-top:3px;}
.spmT04{margin-top:4px;}
.spmT05{margin-top:5px;}
.spmT10{margin-top:10px;}
.spmT15{margin-top:15px;}
.spmT20{margin-top:20px;}
.spmT25{margin-top:25px;}
.spmT30{margin-top:30px;}
.spmT35{margin-top:35px;}
.spmT40{margin-top:40px;}
.spmT45{margin-top:45px;}
.spmT50{margin-top:50px;}
/*margin right*/
.spmR00{margin-right:0px;}
.spmR05{margin-right:5px;}
.spmR10{margin-right:10px}
.spmR15{margin-right:15px;}
.spmR20{margin-right:20px;}
.spmR25{margin-right:25px;}
.spmR30{margin-right:30px;}
.spmR40{margin-right:40px;}
.spmR42{margin-right:42px;}
.spmR47{margin-right:47px;}
.spmR77{margin-right:77px;}

/*margin bottom*/
.spmB05{margin-bottom:5px;}
.spmB10{margin-bottom:10px;}
.spmB15{margin-bottom:15px;}
.spmB20{margin-bottom:20px;}
.spmB25{margin-bottom:25px;}
.spmB30{margin-bottom:30px;}
.spmB35{margin-bottom:35px;}
.spmB40{margin-bottom:40px;}
.spmB43{margin-bottom:43px;}
.spmB50{margin-bottom:50px;}
.spmB60{margin-bottom:60px;}
.spmB70{margin-bottom:70px;}
.spmB75{margin-bottom:75px;}
.spmB80{margin-bottom:80px;}
.spmB90{margin-bottom:90px;}
.spmB95{margin-bottom:95px;}
.spmB100{margin-bottom:100px;}
.spmB130{margin-bottom:130px;}
.spmB160{margin-bottom:160px;}
.spmB200{margin-bottom:200px;}
.spmB250{margin-bottom:250px;}
.spmB300{margin-bottom:300px;}
.spmB400{margin-bottom:400px;}
.spmB600{margin-bottom:600px;}
.spmB700{margin-bottom:700px;}
.spmB800{margin-bottom:800px;}

/*margin left*/
.spmL05{margin-left:5px;}
.spmL10{margin-left:10px;;}
.spmL14{margin-left:14px;}
.spmL15{margin-left:15px;}
.spmL20{margin-left:20px;}
.spmL25{margin-left:25px;}
.spmL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.sppT03{padding-top:3px;}
.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT25{padding-top:25px;}
.sppT30{padding-top:30px !important;}

/*padding right*/
.sppR05{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR15{padding-right:15px;}
.sppR20{padding-right:20px;}
.sppR25{padding-right:25px;}
.sppR30{padding-right:30px;}

/*padding bottom*/
.sppB05{padding-bottom:5px;}
.sppB08{padding-bottom:8px;}
.sppB10{padding-bottom:10px;}
.sppB12{padding-bottom:12px;}
.sppB15{padding-bottom:15px;}
.sppB20{padding-bottom:20px;}
.sppB25{padding-bottom:25px;}
.sppB30{padding-bottom:30px;}

/*padding left*/
.sppL05{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL15{padding-left:15px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL50{padding-left:50px;}

/* img adjustment */
.pic-90p-xs{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p-xs{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p-xs{width:70%; display:block; margin-left:auto; margin-right:auto;}
}

/* font weight */
.font-w-300{font-weight:300;}
.font-w-600{font-weight:600;}
.font-w-800{font-weight:800;}

a:hover img.hoverImg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s ease-in-out;
}
.italic{font-style:italic;}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);}

.box_shadow2{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}

.pic-center{margin-right:auto; margin-left:auto; display:block;}

.img-radius{border-radius:5px;}
 

body {
    margin-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Open Sans', sans-serif; font-size:13px; color:#232323; padding-top:115px;
}

.navbar-header {margin:auto 0;padding:15px !important; text-align:center; display:block;float:none !important;clear:both;}

.navbar-brand { background:url('../images/logo_cheero.png') no-repeat top center; width:83px; height:72px;margin: 15px 46% 0;}

.navbar-inverse {
background:#FFFFFF url(../images/be_color_belt.gif) repeat-x top center;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
}

.navbar-inverse .navbar-nav > li > a {	
color: #242729;
font-weight: 600;
transition:ease-in-out all .2s;
}

.navbar-inverse .navbar-nav > li > a:hover {
color: #9D9D9D;
}

.navbar-inverse .navbar-toggle {
    background-color: #9D9D9D;
	border:none;
	transition:ease-in-out all .2s;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #ac6b00;
}

/* TOP IMAGE */

.header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url('../images/img_danboard_flavors.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.headline {
    padding: 204px 0;
	/* margin-top: 87px; */
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.headline h1 {
	
    font-size: 56px;
    color: #f0b2c7;
	font-weight:700;
    /*background: rgba(255,255,255,0.9);*/
}
.headline h1 span.yellow {color: #d6dc42;}

.headline h1 span.blue {color: #95d0c5;}

.headline h2 {
    font-size: 56px;
    color: #fff;
	line-height: 0.9;
}

/* FEATURES */

.featurette-divider {
    margin: 40px 0;
}

.featurette {
    overflow: hidden;
	padding: 40px 0;
}

.featurette h3 {
	font-size:22px;
	font-weight: 300;
}

.featurette-image {
/*	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);*/
}

.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

.featurette-heading {
	font-size: 38px;
	font-weight: 300;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.featurette-heading.blue {
	color: #7ab0a6;
}

.featurette-heading.yellow {
	color: #d6dc42;
}

.featurette-heading.pink {
	color: #f0b2c7;
}

.featurette-heading.darkblue {
	color: #07566a;
}

p.lead {
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

p.lead.darkblue {
	color:#07566a;
	font-size: 17px;
	line-height: 21px;
}

p.lead.darkblue em {
	font-weight: 600;
}

.price_reg {
	color: #8a8a8a;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
}
.price_reg span {
	color: #232323;
	text-decoration:line-through;
	font-size: 24px;
	font-weight: 300;
	display:block;
}
.price_sale {
	color: #830000;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
}
.price_sale span {
	font-size: 34px;
	font-weight: 600;
	display:block;
}

#power_plus, #danboard_cables, #cables_others {background-color: #f3f3f3;}

#about_cheero {background-color: #95d0c5;}

#power_plus h3 {
	text-align:center;
	padding:0 3%;
}

#power_plus div.col-md-12/*,
#power_plus div.col-md-24 */ {
	padding: 0 10px;
}

#danboard_batteries h3 {
	text-align:center;
	padding:0 9%;
}

#danboard_cables h3,
#other_batteries h3,
#cables_others h3 {
	text-align:center;
}

#danboard_cables span i {
	font-style: normal;
	font-size: 12px;
	display: inline-block;
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    width: auto !important;
}

/* CONTACT */

#contact label {
	font-size: 14px;
	font-weight:600;	
}

#contact p, #contactsent p {
	font-size: 17px;
	font-weight: 400;
}

#contact .btn-default, #contactsent .btn-default {
	color: #232323;
	font-size: 18px;
	font-weight: 600;
	border-radius: 4px;
	background-color: #d6dc42;
	border: none;
	outline:none;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	transition:ease-in-out all .2s;
}

#contact .btn-default:hover, #contactsent .btn-default:hover {
	border: none;
	background-color: #ac6b00;
	color:#FFF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

/* FOOTER */

footer {
	background-color:#07566a;
	color:#c2d5da;
    padding:45px 0 20px;
	width:100%;
}

footer img {display:block;margin:0 auto 13px;width:18px;}


/* RESPONSIVE */
@media screen and (max-width: 768px){
body{margin-top:0;}

.SPclearfix:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.SPclearfix{
overflow:hidden;
zoom:1;
}
.SPclearfix{
clear:both;
}

}


/* Added 11.19.2015 */
.anchor{position:absolute; margin-top:-200px;}

.battery-ttl{background: #46484A;
    color: #fff;
    padding: 3px 5px;
    margin-right: 10px;
	text-align:center;}

ul.battery {padding-left:10px;}

.battery li{float:left; margin-right:5px; list-style:none;}

.battery img{margin-right:3px;}

.battery span{font-size:13px; font-weight:600; margin-bottom:5px;}

.navbar-toggle {margin-top:20px;}

/* Flat Buttons */
.flat-btnLeft, .btn.btn-default {
	font-size: 14px;
	line-height: 2;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background ease-in-out 0.2s;
	-webkit-transition: background ease-in-out 0.2s;
	-moz-transition: background ease-in-out 0.2s;
	-ms-transition: background ease-in-out 0.2s;
	-o-transition: background ease-in-out 0.2s;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	border-radius: 3px 0 0 3px;
	background:#3ec9b4;
	box-shadow: 0px 1.6px 0px 0px #0C9E88;
	border:none;
	outline:none;
	width: 50% !important;
	float: left;
}
.flat-btnRight, .btn.btn-danger {
	font-size: 12px;
	line-height: 2.34;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background ease-in-out 0.2s;
	-webkit-transition: background ease-in-out 0.2s;
	-moz-transition: background ease-in-out 0.2s;
	-ms-transition: background ease-in-out 0.2s;
	-o-transition: background ease-in-out 0.2s;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	border-radius: 0 3px 3px 0;
	background:#e8722a;
	box-shadow: 0px 1.6px 0px 0px #A94101;
	border: none;
	outline:none;
	width: 50% !important;
	float: right;
}

.btn.btn-default:hover, .btn.btn-danger:hover {text-shadow: none; text-decoration:underline;}
.btn.btn-default:hover {background: #098C79}
.btn.btn-danger:hover {background:#B74906;}

/*.flat-btnRight.pd_adj, .btn.btn-danger.adj_pd {margin-top: -19px;}*/

/*div.btn-group-justified form {height:0;}*//* 01-13-16 */
div.btn-group-justified form {height:0;display: none;}

div.btn-group-justified form table {margin-bottom:5px;}

/*.btn-adjustment{width:122px; width:120px\9;}

@-moz-document url-prefix() { 
  .btn-adjustment{width:120px;}
}

@media screen and (max-width: 1200px){
.flat-btnLeft{ padding: 10px 9px;}

.flat-btnRight {padding: 11px 4px;}

.btn-adjustment{width:93px;}
}*/


@media(max-width:1200px) {
    .headline h1 {
        font-size: 80px;
    }

    .headline h2 {
        font-size:40px;
    }

    .featurette-divider {
        margin: 50px 0;
    }

    .featurette-image.pull-left {
        margin-right: 20px;
    }

    .featurette-image.pull-right {
        margin-left: 20px;
    }

    .featurette-heading {
        font-size: 35px;
    }
}

@media(max-width:991px) {
    .headline h1 {
        font-size: 60px;
    }

    .headline h2 {
        font-size: 40px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-image {
       /* max-width: 50%;*/
	   margin: auto;
    }

    .featurette-image.pull-left {
        margin-right: 10px;
    }

    .featurette-image.pull-right {
        margin-left: 10px;
    }

    .featurette-heading {
        font-size: 30px;
    }
	.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    /*width: 1% !important;*/
	}
}

@media(max-width:768px) {
	.navbar > .container .navbar-brand {
    margin: 10px 15px 5px;
	}
	
    .container {
        margin: 0 15px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-heading {
        font-size: 25px;
    }
}

@media(max-width:668px) {
    .headline h1 {
        font-size: 70px;
    }

    .headline h2 {
        font-size: 32px;
    }

    .featurette-divider {
        margin: 30px 0;
    }
}

@media(max-width:640px) {
    .headline {
        padding: 75px 0 25px 0;
    }

    .headline h1 {
        font-size: 60px;
    }

    .headline h2 {
        font-size: 30px;
    }
}

@media(max-width:375px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
    }

    .featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}