#wrappera{
width: 100%;
display: block;
float: left; 
height: auto;
text-align: center;
} 

.wordstyle{
font-family:candara;
font-weight: bold;
}

.wordstylea{
font-size: 110%;
font-family: calibril;
font-weight: 300;
line-height: 150%;
text-align: left;
margin-left: 1%;
margin-right: 1%;
}


#heada{
background: white;
display: inline-block;
vertical-align: top;
width: 53%;
margin-right: 2%;
padding: 3%;
margin-bottom: 3%;
margin-top: 6px;
font-family: calibril;
font-size: 100%;
text-align: center;
position: relative;
}


#heada p{
font-size: 110%;
font-family: calibril;
font-weight: 300;
line-height: 150%;
text-align: left;
margin-left: 1%;
margin-right: 1%;	
	
	
}



#heada h2{
font-family: calibril; 
border-bottom: 2px solid gainsboro; 
width: 100%;
font-size: 160%;
font-weight: 300;	
color: darklategray;
text-align: left;	
margin-top: 50px;	
}


#heada img{
width: 85%;
display: inline-block;
vertical-align: top; 
margin-top: 2%;
margin-bottom: 2%; 
height: auto; 	
	
}


#heada ul, #heada ol{
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 5px;
padding-bottom: 5px;
float: left;	
text-align: left;
display: block;
margin-bottom: 40px;
margin-top: 0;	
}


#heada li{
width: 100%;
padding: 0%;
float: left;	
font-weight: 300;
color: darklategray;
font-size: 110%;

}




#heada a{
color: red;
	
	
}


#heada a:hover {
color: darkred;
	
	
}




.main-product-section-d{
background: white;
display: inline-block;
vertical-align: top;
width: 63%;
margin-bottom: 6%;
margin-top: 4%;
font-family: calibril, sans-serif;
text-align: center;
position: relative;
color: rgb(40,40,40);
}


.main-product-section-d p{
font-size: 110%;
font-family: calibril;
font-weight: 300;
line-height: 150%;
text-align: left;
margin-left: 1%;
margin-right: 1%;	
	
	
}



.main-product-section-d h2{
font-family: calibril; 
border-bottom: 2px solid gainsboro; 
width: 100%;
font-size: 160%;
font-weight: 300;	
color: darklategray;
text-align: left;	
margin-top: 50px;	
}


.main-product-section-d img{
width: 85%;
display: inline-block;
vertical-align: top; 
margin-top: 2%;
margin-bottom: 2%; 
height: auto; 	
	
}


.main-product-section-d ul, .main-product-section-d ol{
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 5px;
padding-bottom: 5px;
float: left;	
text-align: left;
display: block;
margin-bottom: 40px;
margin-top: 0;	
}


.main-product-section-d li{
width: 100%;
padding: 0%;
float: left;	
font-weight: 300;
color: darklategray;
font-size: 110%;

}




.main-product-section-d a{
color: red;
	
	
}


.main-product-section-d a:hover {
color: darkred;
	
	
}


/*top section product */


.product-top-section-holder{
width: 100%;
float: left; 
text-align: center;
position: relative;		
margin-top: 5%;

}


.product-top-section-breadcrumbs-hold{
width: 100%;
float: left;	
}

.product-top-section-breadcrumbs{
width: 62%;
display: inline-block;
vertical-align: top;
text-align: center;
position: relative; 
text-align: left;
color: rgb(55,55,55);
font-size: 14px;
font-family: calibirl, sans-serif;
margin-bottom: 15px;	
}

.product-top-section-breadcrumbs a{
color: rgb(60,60,60);	
}


.product-top-section-breadcrumbs a:hover{
text-decoration: underline;	
}

.product-top-section-image{
width: 33%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
text-align: center;
position: relative;	

}

.product-top-section-image-main{
	width: 100%;
	display: inline-block;
vertical-align: top;
text-align: center;
position: relative;
	overflow-y: hidden;	
overflow-x: hidden;	
padding-bottom: 100%;
  -webkit-box-shadow: 1px 1px 2px 1px silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 2px 1px silver;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 2px 1px silver;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	


}



.product-top-section-image-bottom{
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 15px;
}

.product-top-section-image-bottom-each{
	width: 17%;
	margin-left: 1%;
	margin-right: 1%;
position: relative;
	overflow-y: hidden;	
overflow-x: hidden;	
padding-bottom: 17%;
  -webkit-box-shadow: 1px 1px 2px 1px silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 2px 1px silver;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 2px 1px silver;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */		
}




.product-top-section-image-main img, .product-top-section-image-bottom-each img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;	
transform: translateZ(0); /*used to optimize icons on chrome*/		
z-index: 1;
}

.product-top-section-image-main .active{
z-index: 3;	
	
}


.product-top-section-text{
width: 27%;
display: inline-block;
vertical-align: top;
text-align: center;
position: relative;	
font-family: calibril, sans-serif;	
color: rgb(40,40,40);
}

.product-top-section-text p{
font-size: 110%;
font-family: calibril;
font-weight: 300;
line-height: 150%;
text-align: left;
margin-left: 1%;
margin-right: 1%;	
color: rgb(55,55,55);	
	
}


.product-top-section-text h1{
font-family: arial, sans-serif; 
text-transform: capitalize;
width: 100%;
font-size: 180%;
font-weight: 500;	
color: rgb(60,60,60);
text-align: left;	
margin-top: 0;	
}


.product-top-section-text ul, .product-top-section-text ol{
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 5px;
padding-bottom: 5px;
float: left;	
text-align: left;
display: block;
margin-bottom: 10px;
margin-top: 0;	
}


.product-top-section-text li{
width: 100%;
padding: 0%;
float: left;	
font-weight: 300;
color: darklategray;
font-size: 110%;

}

.available-in-section{
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 10px;	
text-align: left;
}


.available-in-section a, .available-in-section span, .available-in-section div{
width: auto;
padding: 5px;
border-radius: 2px;
font-weight: 400;
font-family: calibril, sans-serif;	
background: #eeebeb;
display: inline-block; 
vertical-align: top;	
text-transform: capitalize;
color: rgb(55,55,55);
font-size: 14px;

	
}

.available-in-section p{
font-size: 14px;
text-transform: uppercase;	
font-family: arial;
font-weight: 600;
	
}


.readmore-hold{
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 18px;	
text-align: left;	
}


.readmore-hold a{
width: auto;
padding: 8px;
border-radius: 2px;
font-weight: 600;
font-family: arial, sans-serif;	
background: #b81515;
display: inline-block; 
vertical-align: top;	
text-transform: uppercase;
color: white;
font-size: 14px;
	
}

.readmore-hold a:hover{
background: rgb(85,85,85);	
	
}


.each-featured-product-sec-main{
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;	
}


.each-featured-product-sec{
width: 23%;
margin-right: 2%;
margin-top: 2%;
margin-bottom: 2%;
}

.each-featured-product-sec h3{
margin-top: 5px;
margin-bottom: 5px;
font-weight: 500;
font-family: arial, sans-serif;	
font-size: 14px;
}

.each-featured-product-sec h4{
margin-top: 3px;
margin-bottom: 2px;
font-weight: 300;
font-family: calibril, sans-serif;
font-size: 14px;	
}


.each-featured-product-sec a{
color: rgb(45,45,45);	
}

.each-featured-product-sec a:hover{
text-decoration: underline;
}

.tech-data-section{
width: 100%;
box-sizing: border-box;
background: #e8e8e8;
display: inline-block;
vertical-align: top;
margin-top: 15px;
margin-bottom: 15px;
padding: 12px;	
}


.tech-data-section-left{
width: 48%;
display: inline-block;
vertical-align: middle;
font-family: arial, sans-serif;
font-weight: 500;
font-size: 115%;
text-align: left;
	
}


.tech-data-section-right{
width: 48%;
display: inline-block;
vertical-align: middle;
text-align: right;	
}


.diamond-call-to-action{
width: auto;
padding: 8px;
border-radius: 3px;
font-weight: 600;
font-family: arial, sans-serif;	
background: #ce1c1c;
display: inline-block; 
vertical-align: top;	
text-transform: uppercase;
color: white !important;
font-size: 110%;
letter-spacing: 1px;
}


.diamond-call-to-action img{
width: 20px; 
height: auto;
display: inline-block;
vertical-align: middle;
transform: translateZ(0);	
}


.blog-import-featured{
width: 100%;
  display: flex;
  justify-content: left;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;	
margin-top: 3%;	
	
}


.blog-import-featured-each {
  -webkit-box-shadow: 1px 1px 2px 1px silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 2px 1px silver;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 2px 1px silver;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	
padding: 15px;
box-sizing: border-box; 
width: 23%; 
position: relative;
 	  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;		
  margin-bottom: 3%;
}

.blog-import-featured-each:hover {
margin-top: -5px;
  -webkit-box-shadow: 1px 1px 4px 1px silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 4px 1px silver;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 4px 1px silver;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */		
 	  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;		
}

.blog-import-featured-each h3{
font-family: arial, sans-serif;
font-size: 17px; 
font-weight: 500;
margin-top: 5px;
color: rgb(55,55,55);
text-align: left;
	
}



.blog-import-featured-each-image{
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 80%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;	
	
}


.blog-import-featured-each-image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}



.blog-import-featured-each a{
color: rgb(55,55,55) !important;	
	
}

/*top section product end */


/*Product Section Main */

#main-about-back{
background: url(images/about-background.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	
}



#main-prod-back{
background: url(images/product-background_v2.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	
}


#main-faqs-back{
background: url(images/faqs-background_v2.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	
}

.product-general-section-holder{
width: 100%;
float: left; 
text-align: center;
position: relative;		
padding-top: 2%;
padding-bottom: 5%;
font-family: calibirl, sans-serif;
}


.product-radio-section-block{
width: 18%;
display: inline-block; 
vertical-align: top;	
}

.product-radio-section-block h2{
text-align: left;
font-size: 18px !important;
font-family: arial, sans-serif; 
font-weight: 400 !important;
color: rgb(60,60,60) !important;	
margin-top: 0 !important; 
margin-bottom: 6px !important;
}
.product-radio-section-block h3{
text-align: left;
font-size: 16px;
font-family: calibri, sans-serif; 
color: rgb(50,50,50);	
font-weight: 300;
padding-bottom: 8px; 
border-bottom: 1px solid rgb(50,50,50);
margin-top: 6px;
margin-bottom: 15px;
}


.product_selection_radios {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  font-family: calibril, sans-serif;
  font-weight: 300;
}

/* Hide the browser's default checkbox */
.product_selection_radios input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.product_selection_radios:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.product_selection_radios input:checked ~ .checkmark {
  background-color: #393d4a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.product_selection_radios input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.product_selection_radios .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




.product-general-section-holder-div{
width: 57%;
display: inline-block; 
vertical-align: top;
	
}


.each-product-display-section-hold {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.each-product-display-section {
  width: 32%;
  margin-right: 1%;
  margin-top: 2%;
  margin-bottom: 2%;
  text-align: center;
}


.each-product-display-section img{
width: 100%; 
height: auto;	
}



.product-general-section-holder p{
font-size: 110%;
font-family: calibril;
font-weight: 300;
line-height: 150%;
text-align: left;
margin-left: 1%;
margin-right: 1%;	
color: rgb(55,55,55);	
	
}


.product-general-section-holder h1{
font-family: arial, sans-serif; 
text-transform: capitalize;
width: 100%;
font-size: 180%;
font-weight: 500;	
color: rgb(60,60,60);
text-align: left;	
margin-top: 0;	
}


.product-general-section-holder h2{
font-family: arial, sans-serif; 
text-transform: capitalize;
width: 100%;
font-size: 150%;
font-weight: 500;	
color: rgb(50,50,50);	
margin-top: 8px;	
}


.product-general-section-holder h3{
font-family: arial, sans-serif; 
text-transform: capitalize;
width: 100%;
font-size: 15px;
font-weight: 600;	
color: rgb(40,40,40);	
margin-top: 8px;	
}




.product-general-section-holder h4{
margin-top: 3px;
margin-bottom: 2px;
font-weight: 300;
font-family: calibril, sans-serif;
font-size: 15px;	
}



.product-general-section-holder a{
color: rgb(50,50,50);	
}

.product-general-section-holder a:hover{
text-decoration: underline;	
}



.product-general-section-holder ul, .product-top-section-text ol{
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 5px;
padding-bottom: 5px;
float: left;	
text-align: left;
display: block;
margin-bottom: 10px;
margin-top: 0;	
}


.product-general-section-holder li{
width: 100%;
padding: 0%;
float: left;	
font-weight: 300;
color: darklategray;
font-size: 110%;

}

ul.product_paging {
width: 85%;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}


.product_paging li{
list-style: none;
width: auto;

}

.product_paging li a{
display: inline-block;
vertical-align: top;
background: gainsboro; 	
color: rgb(45,45,45);	
width: auto;
width: auto;
padding: 8px;
margin-left: 5px;
margin-right: 5px;
position: relative;
text-align: center;
}

.product_paging li a:hover, .product_paging a.selected , .product_paging li a:active {
background: #0c1d2c;
color: white;	
}



/*Product Section Main done */







.float{
margin-left:1%;
margin-right:1%;
float: left;
}



.floatr{
float: right;
margin-left: 1%;
}

#central{
margin-left: -1%;
}

#image1{
width: 35%;
float: left;
margin-right: 1%;
}



#image2{
width: 35%;
float: right;
margin-right: 1%;
}

#box{
margin-left: 15%;
width: 70%;
display: block;
}

@media (max-width: 750px) {
#box{
margin-left: 1%;
width: 98%;
display: block;

}
}

@media (max-width: 1024px) and (min-width: 990px) and (orientation: Landscape) { 

.info4{
margin-top: 0.5%;
width: 35%;
float: left;
margin-left: 3%;
display: block;
}


}	


@media (max-width: 1250px){
	
	
.product-top-section-image{
width: 40%;
}	

.product-top-section-text{
width: 35%;
}


.main-product-section-d{
width: 77%;	
}

.product-top-section-breadcrumbs{
width: 77%;		
}

	
}


@media (max-width: 1000px)  {

#heada{
width: 70%;
}


#heada img{
width: 90%;
}


.product-top-section-text h1{
font-size: 150%;	
}

.product-general-section-holder-div{
width: 60%;	
}
.product-radio-section-block{
width: 28%;	
	
}

}


@media (max-width: 850px){
	
.product-top-section-image{
width: 45%;
}	

.product-top-section-text{
width: 40%;
}


.main-product-section-d{
width: 85%;	
}

.product-top-section-breadcrumbs{
width: 85%;		
}	
	
.product-general-section-holder h3{
font-size: 14px;

}	
	
}


@media (max-width: 750px)  {

#heada{
width: 85%;
}

.each-product-display-section{
width: 48%;
margin-left: 1%;
margin-right: 1%;	
}

}


@media(max-width: 700px) {
	
.blog-import-featured{
flex-wrap: wrap;
}	
	
	
.blog-import-featured-each{
width: 46%;
}	


.product_selection_radios{
font-size: 14px !important;	
}
	
.technicaldatawrapper h1{
font-size: 160% !important;
}	
	
.product-general-section-holder h3{
font-size: 13px;

}	
	
	
	
}

@media (max-width: 499px) {

#heada{
width: 85%;
margin-right: 0%;
margin-left: 0%;
}


#heada img{
width: 100%;
}

}

@media (max-width: 989px) and (min-width: 940px) and (orientation: Landscape) { 

.info4{
margin-top: 0.5%;
width: 30%;
float: left;
margin-left: 3%;
display: block;
}



#blocks{

background: white;
margin-left: 3%;
margin-right: 3%;
margin-top: 5%;
width: 300px;
height: 430px;
float: left;
font-family: arial;
font-size: 120%;
color: rgba(0,0,0,0.5);
text-align: center;	
}


}	



	
@media (max-width: 580px) {


#image1{
width: 80%;
float: left;
margin-left: 10%;
margin-right: 10%;
}



#image2{
width: 80%;
float: left;
margin-left: 10%;
margin-right: 10%;
}

}

@media (max-width: 549px){
.product-top-section-image{
width: 60%;
margin-bottom: 3%;
}	

.product-top-section-text{
width: 85%;
}
	
.each-featured-product-sec-main{
flex-wrap: wrap;

}	


.each-featured-product-sec{
width: 47%;
margin-right: 3%; 	
	
}	
	
	
	
}
	

@media (max-width: 500px)  {

#heada{
width: 90%;
}


.tech-data-section-left{
width: 100%;
text-align: center; 	
margin-bottom: 8px;
}

.tech-data-section-right{
width: 100%;
text-align: center; 	
}


}	


@media(max-width: 460px){
.each-product-display-section{
width: 90%;
margin-left: 1%;
margin-right: 1%;	
}	
	
.product-radio-section-block {
	margin-top: 5%;
    width: 38%;
	margin-left: 2%;
	margin-right: auto;
	

}	

.product_selection_radios{
font-size: 13px !important;	
}


.product-general-section-holder-div {
	margin-top: 5%;
    width: 50%;
	margin-left: 2%;
	margin-right: auto;
}
	
.technicaldatawrapper h1{
font-size: 140% !important;
}	

.product-general-section-holder h3{
font-size: 12px;

}	
	

}

	

@media (max-width: 380px){
.product-top-section-image{
width: 75%;
}	


.each-featured-product-sec-main{
justify-content: center;

}	


.each-featured-product-sec{
width: 65%;
margin-right: auto; 
margin-left: auto;
margin-bottom: 2%;	
	
}


.blog-import-featured{
justify-content: center;
}	
	
	
.blog-import-featured-each{
width: 85%;
margin-bottom: 2%;
}	



	
}