﻿

#slider {
  padding-bottom: 45px;
}

.carousel-indicators li {
  background: #9D1B00;
}

.carousel-indicators li.active {
	  background:#D02906;
}

.item {
  padding-left:0px;
}


.pricing {
  position: absolute;
  right: 40%;
  top: 52%;
}

.products {margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
  margin-left: 0; z-index:0;
}

.products:hover {
  opacity:1
}

.item h1 {
  color: #10577a; background:none;
  font-family:'museo300';
  font-size:40px; text-align:center;
  margin-top:60px; border-bottom:1px solid #c1c2c2;
}

.item h1 span {
	color:#FE980F;
}

.item h2 {
  color: #363432; background:none;
  font-family:'museo300';
  font-size:30px; text-align:center;
  font-weight: 400;
  margin-bottom:15px;
  margin-top: 10px;
}

.item h3{
  color: #10517a; background:none;
  font-family:'museo300';
  font-size:22px; text-align:center;
  font-weight: 700;
  margin-bottom:15px;
  margin-top: 10px;
}

.item  p {
	color:#363432;
	font-size:16px;
	font-weight:300;
	font-family: Arial, Helvetica, sans-serif;
}

.get {
  background: #39A6CD;
  border: 0 none;
  border-radius: 0;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top:5px;
}


.item button:hover {
  background: #10577a; color:#fff;
}


.control-carousel {
  position: absolute;
  top: 40%;
  font-size: 60px;
  color:#EC5858;
}

.control-carousel:hover{
  color: #be4444 ;
}

.right {
  right: 0;
}

.category-products {
 /* border: 1px solid #F7F7F0;
  margin-bottom: 35px;
  padding-bottom: 20px;
  padding-top: 15px;*/
}
.left-sidebar h2, .brands_products h2 {
  color: #9E1A06;
border-bottom: 2px solid #9E1A06;
  font-family:'MyriadPro-Regular';
  font-size: 22px;
  font-weight: normal;
  margin: 0 auto;
  text-align:left;
  text-transform:capitalize;
  position: relative;
  z-index:3; padding:12px 10px;
}

/*.left-sidebar h2:after, h2.title:after{
	content: " ";
	position: absolute;
	border: 1px solid #f5f5f5;
	bottom:8px;
	left: 0;
	width: 100%;
	height: 0;
	z-index: -2;
}

.left-sidebar h2:before{
	content: " ";
	position: absolute;
	background: #fff;
	bottom: -6px;
	width: 130px;
	height: 30px;
	z-index: -1;
	left: 50%;
	margin-left: -65px;
}
*/


.product-image-wrapper{
	border:1px solid #F7F7F5;
	overflow: hidden;
	margin-bottom:30px;
}

.single-products {
  position: relative;
}


.productinfo h2{
	color: #FE980F;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 700;
}
.product-overlay h2{
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 700;
}


.productinfo p{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #696763;
}

.productinfo img{
  width: 100%;
}

.productinfo{
 position:relative;
}

.product-overlay {
  background:#FE980F;
  top: 0;
  display: none;
  height: 0;
  position: absolute;
  transition: height 500ms ease 0s;
  width: 100%;
  display: block;
  opacity:;
}

.single-products:hover .product-overlay {
  display:block;
  height:100%;
}


.product-overlay .overlay-content {
  bottom: 0;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}

.product-overlay .add-to-cart {
  background:#fff;
  border: 0 none;
  border-radius: 0;
  color: #FE980F;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 25px;
}

.product-overlay .add-to-cart:hover {
  background:#fff;
  color: #FE980F;
}


.product-overlay p{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}



.add-to-cart {
  background:#F5F5ED;
  border: 0 none;
  border-radius: 0;
  color: #696763;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 25px;
}

.add-to-cart:hover {
  background: #FE980F;
  border: 0 none;
  border-radius: 0;
  color: #FFFFFF;
}

.add-to{
  margin-bottom: 10px;
}

.add-to-cart i{
	margin-right:5px;
}

.add-to-cart:hover {
  background: #FE980F;
  color: #FFFFFF;
}



#do_action .total_area {
  padding-bottom: 18px !important;
}

.total_area{
  border: 1px solid #E6E4DF;
  color: #696763;
  padding: 5px 5px;
  margin-bottom:10px;
}

.chose_area {
  border: 1px solid #E6E4DF;
  color: #696763;
  padding: 5px 5px;
  margin-bottom: 80px;
}

.total_area span {
  float: right;
}

.total_area ul li {
  background:none;border-bottom: 1px solid #ccc;
  color: #696763;
  margin-top: 10px;
  padding: 5px 20px;
}


.user_option label {
  color: #696763;
  font-weight: normal;
  margin-left: 10px;
}


.user_info {
  display: block;
  margin-bottom: 15px;
  margin-top: 20px;
  overflow: hidden;
}

.user_info label {
  color: #696763;
  display: block;
  font-size: 15px;
  font-weight: normal;

}

.user_info .single_field {
  width: 31%
}

.user_info .single_field.zip-field input {
  background: transparent;
  border: 1px solid#F0F0E9
}

.user_info > li {
  float: left;
  margin-right: 10px
}

.user_info > li > span {
}

.user_info input, select, textarea {
  background: #fff;
  border:1px solid #E7E7E7;
  color: #333;
  padding: 5px;
 /* width:100%; */
  border-radius: 0;
  resize: none
}

.user_info select:focus {
  border: 0
}


.chose_area .update {
  margin-left:0px;
}

.update, .check_out {
  background: #D40A13;
  border-radius: 0;
  color: #fff;
  margin-top: 18px;
  border: none;
  padding: 5px 15px;
}
.update{
    margin-left:0px;
}

.check_out {
  margin-left:10px
}



/*************************
*******checkout CSS******
**************************/


@media only screen and ( min-width:768px){
.user_info .single_field {
  width: 31% !important; margin-left:10px !important;
}

}

@media only screen and ( max-width:480px){
.chose_area {
margin-bottom: 0px;
}

}
.user_info .single_field {
    width: 100%; margin:5px 0px;
}


.user_info{ margin:0px;}

}