* { margin: 0; padding: 0; }

/*body { background: #1b1f2b; font-size: 62.5%; font-family: Tahoma, Arial, sans-serif; color: #333; padding-bottom: 25px; }*/

/*img { border:0; }

p { font-size: 1.2em; line-height: 1.3em; margin-bottom: 10px; }

h1 { font-weight: normal; font-size: 1.9em; line-height: 2.0em; color: #545454; letter-spacing: -0.04em; }*/

/** containers **/
#wrap { width: 700px; margin: 0 auto; background: #d7dfe0; border-radius: 7px; margin-top: 55px; }
#wrap header { border-bottom: 1px solid #b6bdbe; margin: 15px 22px; margin-bottom: 35px; padding-top: 20px; position: relative;  }

#wrap footer { border-top: 1px solid #b6bdbe; padding-bottom: 40px; margin: 15px 22px;  }

#wrap header .list-style-buttons { position: absolute; right: 0; }

/** list view **/
.list part30{     width: 30% !important;    display: block;    float: left;}
.list part70{width: 70% !important;  float: right;}
.list img.memberlogo {
	height: 350px;
    width: auto;
    padding: 0%;
	margin:0 auto;
}

ul.list { list-style: none; width: 100%; }
ul.list li {  
	position: relative;
    display: block;
    float: left;
    width: 100%;
    /* margin-bottom: 20px; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* MARGIN-RIGHT: 2%; */
    /* PADDING: 2%;*/}
	
	
	
.clearfix:before, .clearfix:after {    content: "" !important;    line-height: 0;}

ul.list li.alt { background: #d7dfe0; }

ul.list li section.left { display: block; float: left; width: 100%; position: relative; padding-left: 0px; }
ul.list li section.right { display: block; float: right; margin-right: 10px; width: 250px; text-align: right; }

.list img.memberlogo {
	height: 250px;
    width: auto;
    padding: 0%;
    margin: 0 auto;
    display: block;
}
.list .thumbnail {
	border: 0px !important;
    border-bottom: 1px solid #dcdcdc !important;
    margin: 0px;
    padding-bottom: 4%;
}


ul.list li section.left img.thumb { float: left; margin-right: 10px; }
ul.list li section.left img.featured-banner { position: absolute; left: -18px; top: 35px; }

ul.list li section.left h3 {     
	font-family: "Heebo", Arial, sans-serif;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #00448c;
    font-size: 21px;
    padding: 0px;
   /* height: 31px;*/
    margin: 0px;
    margin-top: 35px;
	letter-spacing:0;
	} 
price {
    font-family: "Heebo", Arial, sans-serif;
    font-weight: 500;
    /* text-transform: uppercase; */
    color: #00448c;
    font-size: 24px;
    padding: 0px;
    height: 31px;
    margin: 0px;
}

ul.list li section.left small {    
	font-family: "Heebo", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #8a6624 !important;
    font-size: 12px !important;
    padding: 0px;
    margin: 0px;} 
	
	
ul.list section.left but a{
    /* position: absolute !important; */
    bottom: 0px;
    right: 0px;
    width: auto !important;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 400;
    border: none!important;
    font-size: 15px;
    color: #000;
    position: relative;
    padding-left: 27px;
    letter-spacing: 2px;
	display:block;
	transition: color 0.3s,transform 0.3s;
	    margin: 1% 0 5% 0 !important;
		    float: right;
}

ul.list section.left but a:before {
	content: '\2192';
    font-weight: normal;
    line-height: 1;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}
ul.list section.left but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
	text-decoration:none !important;
}

ul.list li section.left span.meta { color: #000; font-weight: normal; font-size: 1.1em; }


ul.list li section.right span.price { font-weight: bold; display: block; margin-bottom: 15px; color: #ad3939; font-size: 1.6em; text-align: right; }

ul.list li section.right a.firstbtn { margin-right: 7px; }

/** grid view **/
.grid part30 {
    width: 100% !important;
    display: block;
    float: left;
}
.grid part70 {
    width: 100% !important;
    float: right;
}

.grid part70 .col-md-9 { width: 100%;}

ul.grid { list-style: none; margin: 0 auto; padding-left: 25px; }

ul.grid img {
    height:350px !important;
    width: auto;
    display: block;
    margin: 0 auto;
}
ul.grid li {    
position: relative;
    display: block;
    float: left;
    width: 47%;
    /* height: 200px; */
    /* border-right: 1px solid #b6bdbe; */
    /* padding: 5px 22px; */
    margin-bottom: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* background: #CCC; */
    /* BORDER: 1PX SOLID #CCC; */
    MARGIN-RIGHT: 2%; height: 710px;
    /* PADDING: 2%;*/}
	
ul.grid li.third { border: 0; }

ul.grid li section.left { position: relative; }
ul.grid li section.right { /* nothing */ }

ul.grid li section.left img.featured-banner { position: absolute; top: 0; }

ul.grid li section.left h3 {
 	font-family: "Heebo", Arial, sans-serif;
    font-weight: 500;
    /* text-transform: uppercase; */
    color: #00448c;
    font-size: 21px;
    padding: 0px;
    /* height: 31px; */
    margin: 0px;
    letter-spacing: 0px;
	} 
price {
	font-family: "Heebo", Arial, sans-serif;
    font-weight: 500;
    /* text-transform: uppercase; */
    color: #ffa14a;
    font-size: 22px;
    padding: 0px;
    height: 31px;
    margin: 0px;
	text-align: left;
}


	
ul.grid li section.left small {
    font-family: "Heebo", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #8a6624 !important;
    font-size: 12px !important;
    padding: 0px;
    margin: 0px;
}

ul.grid section.left but a{
    /* position: absolute !important; */
    bottom: 0px;
    right: 0px;
    width: auto !important;
    /* background: #f9edd7; */
    /* padding: 1% 2%; */
    margin: 0px !important;
    font-size: 14px;
    /* text-transform: uppercase; */
    /* color: #caad7a; */
    font-weight: 400;
    border: none!important;
    font-size: 15px;
    color: #000;
    position: relative;
    padding-left: 27px;
    letter-spacing: 2px;
	float:right;
}

ul.grid section.left but a:before {
	content: '\2192';
    font-weight: normal;
    line-height: 1;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}
ul.grid section.left but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

ul.grid li section.left span.meta { display: block; color: #000; font-weight: normal; font-size: 1.1em; margin-bottom: 7px; }

ul.grid li section.right span.price { font-weight: bold; display: block; margin-bottom: 5px; color: #ad3939; font-size: 1.75em; }


ul.grid li section.right span.darkview { 
opacity: 0;
margin: 0; 
position: absolute;
top: 0; 
left: 0; 
width: 190px; 
height: 200px;
margin: 0 15px; 
border-radius: 6px;
background: rgba(40, 45, 55, 0.75); 
overflow: hidden;
text-align: center;
padding-top: 35px;
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
transition: opacity 0.2s linear 0s;
-webkit-transition: opacity 0.2s linear 0s;
-moz-transition: opacity 0.25s linear 0s;
-o-transition: opacity 0.25s linear 0s;  
}
ul.grid li:hover section.right span.darkview { opacity: 1; }

ul.grid li section.right span.darkview a.firstbtn { display: block; margin-bottom: 10px; }

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


@media only screen and (min-width: 320px) and (max-width: 480px) {

.list part30 {
    width: 100% !important;
    display: block;
    float: left;
}
.list part70 {
    width: 100% !important;
    float: right;
}
.list img.memberlogo { height: auto;}


.list .thumbnail {
    border: 0px !important;
    border-bottom: 0px solid #dcdcdc !important;
}

ul.grid li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
	}

ul.list li section.left h3 {
  font-family: "Heebo", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    font-size: 20PX;
    padding: 0px;
    height: auto;
    margin: 0px;
}

section.left but {
  /*  position: absolute !important;
    top: 0px;
    right: 0px;
    width: auto !important;
    background: #cbb38f;
    padding: 1% 2%;
    margin: 0px !important;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
	height: 25px;*/
}

ul.list li {
    /* background: #d5e7ff; */
    padding: 5%;
    border-radius: 10px;
    margin-bottom: 11%;
    border: 1px solid #ccc;
}

ul.list li section.left {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding-left: 0px !important;
}


ul#products {
    margin-left: 0px !important;
}

}



@media only screen and (min-width: 481px) and (max-width: 768px) {

.list part30 {
    width: 100% !important;
    display: block;
    float: left;
}
.list part70 {
    width: 100% !important;
    float: right;
}
.list img.memberlogo { height: 309px;}

ul.grid li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
	}
	
	
ul.list li section.left h3 {
  font-family: "Heebo", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    font-size: 20PX;
    padding: 0px;
    height: auto;
    margin: 0px;
}

section.left but {
/*    position: absolute !important;
    top: 0px;
    right: 0px;
    width: auto !important;
    background: #cbb38f;
    padding: 1% 2%;
    margin: 0px !important;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
	height: 25px;*/
}

ul#products {
    margin-left: 0px !important;
}

}