body {
	font-family: "BogleWeb-Regular";  
  font-size: 16px;
  color: #020202;
  background: #EDEDED;
  line-height: 120% !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "BogleWeb-Bold";
  font-weight: normal;
  margin-top: 0;
}
h1 {
  font-size: 50px;
  color: #041F4;
  margin: 0 0 20px 0;
}
h2 {
  font-size: 30px;
  color: #020202;
  margin: 0;
}
h3 {
  font-size: 24px;
  color: #041F42;
  margin: 0 0 20px 0;
}
h4 {
	font-family: "BogleWeb-Regular"; 
	font-size: 17px;
	color: #020202;
	margin-bottom: 15px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
p {
	font-family: "BogleWeb-Regular";  
 	font-size: 25px;
	margin-bottom: 30px;;
  line-height: 120%;
  margin-bottom: 20px;
}
b, strong {
	font-family: "BogleWeb-Bold";	
}
a:hover {
  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;
}
img {
  max-width: 100%;
}
.h10px {
  height: 10px;
}
.h15px {
  height: 15px;
}
.h20px {
  height: 20px;
}
.h30px {
  height: 30px;
}
.h40px {
  height: 40px;
}
.h50px {
  height: 50px;
}
.h60px {
  height: 60px;
}
.h70px {
  height: 70px;
}
.h80px {
  height: 80px;
}
.h90px {
  height: 90px;
}
.h100px {
  height: 100px;
}
.h160px {
  height: 160px;
}
hr {
  margin-bottom: 20px;
  border-top: 1px solid #C7C7C7;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.relative {
  position: relative;
}
.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.pl0 {
  padding-left: 0;
}
.pr0 {
  padding-right: 0;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pr30 {
  padding-right: 30px;
}
.pl30 {
  padding-left: 30px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt70 {
  padding-top: 70px;
}
.pt80 {
  padding-top: 80px;
}
.pt90 {
  padding-top: 90px;
}
.pt100 {
  padding-top: 100px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb70 {
  padding-bottom: 70px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb100 {
  padding-bottom: 100px;
}
.pb120 {
  padding-bottom: 120px;
}
.pb130 {
  padding-bottom: 130px;
}
.pb150 {
  padding-bottom: 150px;
}
.pb190 {
  padding-bottom: 190px;
}
.pb200 {
  padding-bottom: 200px;
}
.pb230 {
  padding-bottom: 230px;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb25 {
  margin-bottom: 25px;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px;
}
.center {
  text-align: center;
}
.cover {
	background-position: center !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
/*///////////////////////
///       Header      ///
///////////// /////////*/
header {
  background: #041F42;
  padding: 15px 0;
}
header .logo {
	padding: 10px 0;
}
header .star {
	float: right;
	padding: 10px 0;
}
header .wallmart {
	width: 180px;
}
/*///////////////////////
///      Footer       ///
///////////////////////*/
footer {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #C7C7C7;
	background: #F8F8F8;
	padding: 10px 0;
}
/*///////////////////////
///        Site       ///
///////////////////////*/
.mobile { 
	display: none;
}
.btn {
	font-family: "BogleWeb-Bold"; 
  font-size: 21px;
  color: #FDBA31;
  line-height: 200%;
	border-radius: 8px;
	width: 100%;
	height: 60px;
	position: relative;
  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;	
}
.btn.blue {
	background: #0F6597;
}
.btn.blue:hover {
	color: white;
}
.btn.arrow i {
	font-size: 30px;
	position: absolute;
	right: 15px;
	top: 50%;
  transform: translateY(-40%);
}
.btn.submit {
  background: #a5a5a5;
  color: #6f6f6f;
}
.btn.submit.active {
	background: #0F6597;
	color: #FDBA31;
}
.btn.back,
.btn.search {
	border-color: #041F42;
	color: #041F42;
}
.btn.back.arrow i {
	left: 15px;
	right: auto;
}
.btn.buy {
	color: white;
	line-height: 180%;
	text-transform: uppercase;
	background: #0065FF;
	width: 185px;
	height: 50px;
}
.btn.buy:hover {
	color: white;
}
.btn.search {
	font-family: "BogleWeb-Regular";  
}
.btn.search i {
	position: relative;
  top: 3px;
  left: -3px;
}
.btn.focus, 
.btn:focus, 
.btn:hover {
  color: initial;
  text-decoration: none;
}
.item {
	border-radius: 7px;
	border: 2px solid #C7C7C7;
	text-align: center;
	margin-bottom: 20px;
  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;		
}
.item input[type=radio] {
	display: none;
}
.item .radio {
	display: block;
	border: 3px solid #9D9D9D;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	margin: 0 auto;
}
.item.bg-item h4.desc {
	font-family: "BogleWeb-Bold";
}
.item.bg-item .radio {
	border-color: #0F6597;
}
.item.bg-item .radio .filled {
	display: block;
	width: 16px;
	height: 16px;
	background: #FDBA31;
	border-radius: 100%;
	margin: 2px;
}
.item.single .desc {
	text-align: left;
	padding-left: 11%;
  padding-right: 11%;
}
.item.single .desc p {
	font-family: "BogleWeb-Regular"; 
	font-size: 14px;
	font-weight: normal;
}
.item.single .desc hr {
  width: 50%;
  float: left;
  margin: 0 0 20px 0;
}
.item.single .desc p strong {
	font-family: "BogleWeb-Black";
}
.capacity {
	font-family: "BogleWeb-Bold";
	font-size: 16px;
	color: white;
	border: 2px solid;
	border-radius: 3px;
	display: inline-block;
	padding: 3px 5px;
	margin-bottom: 5px;
}
.capacity.green {
	background: #00B078;
	border-color: #069E6B;
}
.capacity.yellow {
	background: #FFB812;
	border-color: #E5A60F;
}
.capacity.orange {
	background: #F47621;
	border-color: #DA691D;
}
.capacity.brown {
	background: #404040;
	border-color: #3A3A3A;
}
.bg-item {
  background: #F5F5F5;
  border-color: #0F6597;
  box-shadow: 0px 2px 3px rgba(0,0,0,.3);
}
.title-section p {
	font-size: 20px;
}
.title {
	padding-left: 100px;
	position: absolute;
	left: 15px;
  padding-right: 25px;
}
.title h3 {
	margin: 15px 0;
}
.box {
	box-shadow: 0px 1px 3px rgba(0,0,0,.1);
	background: white;
	padding: 40px 20px 20px 20px;
	margin-bottom: 120px;
}
.box.box.step-2 {
	padding: 40px 20px;
}
.box.welcome {
	padding-top: 60px;
	padding-bottom: 80px;
	border-bottom: 6px solid #0F6597;
}
.box-light {
	background: #F5F5F5;
	border-radius: 7px;
	padding: 16px 10px;
	height: auto;
	text-align: center;
}
.box-light p {
	font-size: 14px;
	color: #020202;
	display: inline-block;
	background: url(../img/electric.png) no-repeat left;
	height: 50px;
	padding: 8px 0 8px 50px;
	margin-bottom: 0;
}
.progress {
	display: block;
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 15px;
	border-radius: 100%;
}
#materials .item label {
	height: 150px;
	padding-top: 50px;
}
.circle {
  width: 80px;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.circle span {
	font-size: 20px;
	color: #464646;
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 45px;
}
.circle span strong {
	font-size: 24px;
	color: #020202;
}
#results .box {
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}
#results .item {
	padding-right: 60px;
	padding-left: 60px;
	position: relative;
	border: none;
}
#results .item h4 {
	text-align: left;
}
#results .item .btn {
	position: absolute;
	bottom: -65px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
}
#results .item .btn.no-mobile {
	position: relative;
	margin: 0;
	bottom: 0;
}
#results h3 {
	color: #020202;
}
.carousel .suggested {
	background: white;
	margin: 0 10px 30px 10px;
	padding: 40px 15px 30px 15px;
	position: relative;
}
.carousel .suggested h6 {
	min-height: 30px;
}
.carousel .suggested img {
	margin: 0 auto;
}
.carousel .suggested .capacity {
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.carousel .suggested .btn.buy {
  display: block;
  margin: 0 auto -50px auto;
  width: 105px;
  height: 40px;
  line-height: 120%;
}
/*///////////////////////
///      Menu         ///
///////////// /////////*/


/*///////////////////////
///      Forms        ///
///////////// /////////*/
label {
	display: block;
	padding-top: 15px;
	padding: 15px 10px 0 10px;
	margin-bottom: 15px;
}
/*////////////////////////
////      Fonts      /////
////////////////////////*/
@font-face { 
	font-family: "BogleWeb-BlackItalic"; 
	src: url("../fonts/BogleWeb-BlackItalic.eot"); 
	src: url("../fonts/BogleWeb-BlackItalic.eot?#iefix") format("embedded-opentype"), 
			 url("../fonts/BogleWeb-BlackItalic.woff2") format("woff2"), 
			 url("../fonts/BogleWeb-BlackItalic.woff") format("woff"), 
			 url("../fonts/BogleWeb-BlackItalic.ttf") format("truetype"); 
	font-weight: normal; 
	font-style: normal; 
} 
@font-face { 
	font-family: "BogleWeb-Bold"; 
	src: url("../fonts/BogleWeb-Bold.eot"); 
	src: url("../fonts/BogleWeb-Bold.eot?#iefix") format("embedded-opentype"), 
	     url("../fonts/BogleWeb-Bold.woff2") format("woff2"), 
	     url("../fonts/BogleWeb-Bold.woff") format("woff"), 
	     url("../fonts/BogleWeb-Bold.ttf") format("truetype"); 
	font-weight: normal; 
	font-style: normal; 
} 
@font-face { 
	font-family: "BogleWeb-Regular"; 
	src: url("../fonts/BogleWeb-Regular.eot"); 
	src: url("../fonts/BogleWeb-Regular.eot?#iefix") format("embedded-opentype"), 
	     url("../fonts/BogleWeb-Regular.woff2") format("woff2"), 
	     url("../fonts/BogleWeb-Regular.woff") format("woff"), 
	     url("../fonts/BogleWeb-Regular.ttf") format("truetype"); 
	font-weight: normal; 
	font-style: normal;
}
@font-face { 
	font-family: "BogleWeb-Black"; 
	src: url("../fonts/BogleWeb-Black.eot"); 
	src: url("../fonts/BogleWeb-Black.eot?#iefix") format("embedded-opentype"), 
	     url("../fonts/BogleWeb-Black.woff2") format("woff2"), 
	     url("../fonts/BogleWeb-Black.woff") format("woff"), 
	     url("../fonts/BogleWeb-Black.ttf") format("truetype"); 
	font-weight: normal; 
	font-style: normal; 
} 
@font-face { 
	font-family: "BogleWeb-RegularItalic"; 
	src: url("../fonts/BogleWeb-RegularItalic.eot"); 
	src: url("../fonts/BogleWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), 
	     url("../fonts/BogleWeb-RegularItalic.woff2") format("woff2"), 
	     url("../fonts/BogleWeb-RegularItalic.woff") format("woff"), 
	     url("../fonts/BogleWeb-RegularItalic.ttf") format("truetype"); 
	font-weight: normal; 
	font-style: normal; 
} 
@font-face {
  font-family: "louisville";
  src: url("../fonts/louisville.eot");
  src: url("../fonts/louisville.eot?#iefix") format("embedded-opentype"),
       url("../fonts/louisville.woff") format("woff"),
       url("../fonts/louisville.ttf") format("truetype"),
       url("../fonts/louisville.svg#louisville") format("svg");
  font-weight: normal;
  font-style: normal;

}
[data-icon]:before {
  font-family: "louisville" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "louisville" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-next:before {
  content: "\61";
}
.icon-search:before {
  content: "\62";
}
.icon-back:before {
  content: "\63";
}
.show-xs { display: none; }
/*////////////////////////
////  Media Queries  /////
////////////////////////*/

@media (min-width: 1200px) {
  .container {
    width: 1130px !important;
  }
}
@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 991px) {
	#results .item {
		padding-right: 0;
		padding-left: 0;
	}	
	.item.single .desc {
		padding-left: 15px;
	  padding-right: 15px;
	}
}
@media screen and (max-width: 768px) {
	.mobile { 
		display: block;
	}
	.no-mobile {
		display: none;
	}
	#results .item {
    padding-bottom: 20px;
  }
	.carousel {
	  margin-right: -15px;
	  margin-left: -15px;
	}
}
@media screen and (max-width: 640px) {
	.box-light p {
	    font-size: 12px;
	}
	#results .box { 
		padding-top: 20px; 
	}
	#results .item {
	    padding-bottom: 2px;
	}	
	.hide-sm { display: none; }
	.show-xs { display: block; }
	.carousel .suggested img	{ 
		max-height: 140px; 
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 400px) {

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {
	label {
	    padding-left: 8px;
	    padding-right: 8px;
	}
	.item.bg-item h4.desc {
		font-size: 16px;
	}	
	.only-xs .col-xs-4 {
		padding-left: 8px;
		padding-right: 8px; 
	}
	.step-2 .col-xs-6, .step-2 .col-sm-8 { 
		padding-left: 10px;
		padding-right: 10px; 		
	}
	.btn { 
		font-size: 20px;
	}
	.btn.arrow i { 
		font-size: 25px;
	}	
	.step2.submit {
	    text-align: left;
	    padding-left: 15px;
	}
	.step2.submit.active {
	    text-align: left;
	    padding-left: 15px;
	}	
	.btn.back { 
		text-align: right;
		padding-right: 15px;
		padding-top: 9px;
	}
	.carousel .suggested h6 {
	    max-height: 40px;
	    height: 40px;
	}
	.carousel .suggested .btn.buy {
		font-size: 15px;
	    width: 58px;
	    height: 32px;
	}
	.capacity { 
		font-size: 12px; 
	}
	.box-light p {
	    font-size: 12px;
	    background: url(../img/electric.png) no-repeat left;
	    padding: 8px 0 8px 35px;
	}					
}
@media screen and (max-width: 320px) {
	
}