@charset "UTF-8";


html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	overflow-x:hidden;
	padding: 0;
width: 100%;
height: 100%;
}
body {margin:0px;padding:0px;font-family: 'Open Sans', sans-serif;
	font-size:16px;
	
font-weight: 100;
    height: 100%;
	color:#5e5e5e;
	background:#000;
 position: relative;
        float: left;
        min-height: 800px;
	
        width: 100%;
  }
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	padding-left:20px;
}

  p{  font-family: 'Open Sans', sans-serif;; font-size:16px; color:#ffffff; line-height: 20px  }
    h5{font-family: 'Open Sans', sans-serif;;margin:0px;padding:0px;color:#ffffff; font-size:20px; font-weight:800; }
  h4{font-family: 'Open Sans', sans-serif;;margin:0px;padding:0px;color:#ffffff; font-size:22px; font-weight:800; }
  h3{font-family: 'Open Sans', sans-serif;;margin:0px;color:#ffffff; font-size:26px; font-weight:200; padding:10px 5px 10px 5px;  display:inline-block; line-height:26px; float:left;width:100% }

h1{font-family: 'Open Sans', sans-serif;;margin:0px;padding:0px;color:#ffffff; font-size:30px; font-weight:200; padding-top:5px;  line-height:36px;margin-left:10px;margin-right:10px;margin-bottom:20px }
	    h2{ margin:0px; font-size:28px; line-height:28px; font-family: 'Open Sans', sans-serif;;font-weight:400;color:#ffffff;margin-bottom:5px;margin-top:20px;padding:5px; display: inline-block;width:100%}

a, a:active, a:visited{color:#ffffff;}
	.center{text-align:center}	
.strong{ font-weight: 800;
}


footer a,footer a:active,footer a:visited{color:#fff}

	blockquote:before{ content: '“';
font-size: 50px;
color: #ffffff;
width: 10%;
float: left;}
	blockquote, q{
   quotes: none;
    font-size: 18px;
    font-style: italic;
       width: 80%;
    float: left;
	margin-left: 5%;
}

.bggrey{background-color:#ffffff; color:#fff}
.bggrey p{color:#fff !important}
.blue{color:#31c7c3 !important;}
.white{ color:#fff}

blockquote p{width:90%;float:left}
.paddingtop40{padding-top:40px}
.paddingbottom40{padding-bottom:40px}
.paddingtop80{padding-top:80px}
.paddingtop20{padding-top:20px}
.margintop40{margin-top:40px}
.margintop20{margin-top:20px}
.marginbottom20{margin-bottom:20px}
.marginbottom40{margin-bottom:40px}
	
.infobox {
    padding: 20px;
	float:left;
}




.bannerholder {
    padding: 100px 0;
    position: relative;
    min-height: 150px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


img {
    vertical-align: middle;
}
input, select {
    -webkit-border-radius:0; 
	-webkit-appearance:none;
    border-radius:0;
	background:#ffffff;
}

.maincontainer {
	width: 100%;
	min-height: 650px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.fixed  .maincontainer{margin-top:110px}
.hidden{display:none}
section {
    width: 100%;
	float:left;
	
	
   
}
.spacer{ width: 100%;
	float:left;height:40px}
.contentholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	
	
}	


.headercontentholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	
}	

.headertopbar a,.headertopbar span{float:right; color: #fff; text-decoration: none;margin-left:5px;margin-right:5px;padding-top:5px}
.headertopbar i{margin-left:5px;margin-right:5px;}

.fixedTop {
   width:100%;
    position: fixed;
	
	background:#000;
    top: -360px;
z-index:200;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	
}
.headerslidein{top:0px}


header{

	width: 100%;

	background:none;

}
.headertopbar{ height:32px; width:100%; font-size:14px;





}

.righthomeimg{padding:20px}

.articleholder{margin:5%; text-align: center;background: #fff;
display: inline-block;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius:5px; overflow:hidden }
.articleholder .articletitle{font-family: 'Open Sans', sans-serif;;margin:0px;padding:0px;color:#ffffff; font-size:14px; font-weight:800;margin-bottom:5px;padding-top:5px;}
.articleholder .articleinfo{font-size:14px !important; min-height:120px}
.articleholder .artilceimage{width: auto;
display: inline-block;}
.articleholder a{ text-decoration: none; color: #5e5e5e}
.articleholder .learnmorebtn{font-size:14px !important; float:none; display: inline-block;cursor: pointer}

img{max-width:100%; height: auto}
.imgbox{padding:20px}
.imgbox img{min-width: 100%;
width: auto;
min-height: 100%;
height: auto;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;}

.image-box {width:100%; position:relative; text-align:center}
.image-left {
  width: 700px;
    min-height: 300px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    float: right;
	margin-top:40px;
		margin-bottom:40px;
}

.image-right {
	margin-top:40px;
	margin-bottom:40px;

   width: 700px;
    min-height: 300px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    float: right;
}

.image-left::before {
    content: '';
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    left: 0;
    position: absolute;
}


.image-right::before {
    content: '';
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    right: 0;
    position: absolute;
}

.image-left img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.image-right img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


img{max-width:100%}
.imgbox{padding:20px}
.imgbox img{min-width: 100%;
width: auto;
min-height: 100%;
height: auto;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;}


.question{color:#ffffff; font-size:22px}
.answer{ color:#c48455; font-size:22px}
.textbox{padding-left:20px;padding-right:20px;}

/*headerimgs*/

.imagebar{ width:100%;float:left;height:250px; }

/**/
	.fixedTop #logo{width:150px;margin-top:10px;margin-bottom:10px}
		.fixedTop #logo img{max-height:80px ;height:auto;max-width:150px;width:auto;}

.fixedTop .headertopbar{display: none}
.fixedTop header{ height: auto;}




#logo{

	margin-top:30px;margin-bottom:0px;width:250px;
	margin-left: auto;margin-right:auto;
	
}


#smlogo{

	margin-top: 15px;
	
	width: 100px;
	height: auto;
margin-left:auto;
	margin-right:auto;
	
	transition: all 0.2s ease-in-out 0s;
}
	
	
	
footer{ background:#000; color:#ffffff; float: left;;width:100%;margin-top:20px; font-size:13px; position: relative}

footer a, footer p{ color:#ffffff;font-size:13px}
footer .footerholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	padding-bottom:20px
}
footer .sectiontitle{ text-transform: uppercase; font-size: 18px;margin-top:20px }
footer .bottombar{ bottom:0px;background: #000;  float: left;
width: 100%;}
footer .copyright{padding-top:5px; text-align: center}
#toggle-menu {
	
display:none
}

#toggle-menu .menulable{
font-size:12px;padding-top:10px;color:#ffffff;
}

/*Languages*/
#languages{ height:15px;padding:0px;margin:0px; float:right;margin-bottom:10px;width:auto; margin-right:20px}


#languages ul{
	float: right;


	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 0px;min-height: 300px;
	padding: 0px;
	
}
#languages ul li {
	float: left;
	margin-left: 2px;
	
	
	margin-right: 2px;
	padding: 0px;
	list-style: none;

	height: 33px; 
}

#languages ul li a:after { content:" "; width:1px; height:100%; background: #fff; float: right}
#languages ul li a.last:after { content:none;}
	#languages ul li a{float:left; display:block;padding:0px;height:18px;color:#ffffff; text-decoration:none;font-weight: normal; font-size:16px;padding-top:10px;width:100%; text-align:center;}
/*social*/
#socialbtns{ height:15px;padding:0px;margin:0px; float:right;margin-bottom:10px;width:auto}
	#socialbtns ul{
	float: right;
	height: 22px;

	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 0px;
	padding: 0px;
	
}
	#socialbtns ul li {
	float: left;
	margin-left: 2px;
	
	
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	width: 28px;
	height: 33px
}
		#socialbtns ul li a{float:left; display:block;padding:0px;height:18px;color:#ffffff; text-decoration:none;font-weight: normal; font-size:16px;padding-top:10px;width:100%; text-align:center}
	#socialbtns ul li a:hover{
	background: none;
	color: #FFFFFF;
}




.phoneb,.searchb{font-size:20px;float:left;width:25px;height:25px; color: #ffffff; position: absolute; display: none; text-decoration: none; cursor: pointer}
.searchicon{font-size:16px;float:left;width:25px;height:25px; color:  #999999;  display:inline; text-decoration: none; cursor: pointer;margin-left:10px;}
.searchbtn{float:right; display: block;color: #999999;
text-decoration: none;
font-size: 14px;
padding: 2px 0px;
transition: 0.3s ease;
	margin-left:5px;
text-transform: uppercase;
	cursor:pointer;
font-weight: 600;
}
nav{float:right;margin:0px;padding:0px; width:auto; border:none;margin-top:10px; position:relative;margin-right:20px}
nav ul{ padding:0px; width:auto;float:right;}
nav ul li{ float:left;padding:0px;padding-left:8px;padding-right:8px; list-style:none; height:53px; transition: 0.3s ease;background:url( images/hover_icon.png) center 70px  no-repeat}
nav ul li a{ color:#ffffff; text-decoration:none; font-size:14px;padding:5px 0px; transition: 0.3s ease;text-transform: uppercase; font-weight: 600}
nav ul li:hover{ }

nav ul li a:active ,nav ul li a:visited { color:#ffffff;}


#homeheader { background: url(images/header.jpg) no-repeat;   background-size: contain;  background-position: 50% 50%;}




button{font-size: 14px;  text-decoration: none; color:#ffffff !important; padding:5px 10px 5px 10px; text-transform: uppercase; border-radius: 5px;background:#31c7c3; cursor:pointer; border:none;
margin:10px; transition: all 0.5s ease-in-out; }



	
 .scrollToTop{
	width:26px; 
	height:26px;

	padding:0px; 
	text-align:center; 
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	z-index:100;
	bottom:10px;
	right:10px;
	display:none;
	background: rgba(255,255,255,.4);
 border-radius: 13px;
	color:#ffffff;
	font-size:24px;
	padding-top:0px;
}
.scrollToTop:hover{
	text-decoration:none;
}

	.wow {
    visibility: hidden;
}	




/*col -------------------------------------------------------------- */

.rowfluid {
  width: 100%;
  *zoom: 1;


  
}


.rowfluid:before,
.rowfluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.rowfluid:after {
  clear: both;
}


.rowfluid .col-product{
  width: calc(20% - 4px);
	
	text-align: center;
	position: relative;
margin-top: 10px;
margin-bottom: 20px;
	
display: inline-table;
	

}

.rowfluid .col-product h2{ font-size:16px !important; text-align: center;width:100%}

.rowfluid .col12 {
  width:calc(100% );
float: left;


}

.rowfluid .col11 {
  width: 91.48936170212765%;

}

.rowfluid .col10 {
  width: 82.97872340425532%;

}

.rowfluid .col9 {
 width:calc((100%/ 4)*3);
 float:left;
}

.rowfluid .col8 {
 width:calc((100% / 3)*2);
 float:left;
}

.rowfluid .col7 {
  width: 57.44680851063829%;
  
}

.rowfluid .col6 {
   width: calc(50% - 10px);

float:left;
}

.rowfluid .col6b {
  width: calc(50%);
  float:left;

 
}

.rowfluid .col6c {
  width: calc(50%);
  float:left;

 
}


.rowfluid .col5 {
  width: 40.42553191489362%;

}

.rowfluid .col4 {
 width:calc((100%/ 3) );

  float:left;
}


.rowfluid .col4b {
 width:calc((100%/ 3) );

  float:left;
}
.rowfluid .col4:nth-child(1), .rowfluid .col4:nth-child(4) {margin-left:0px}
.rowfluid .col4:nth-child(3), .rowfluid .col4:nth-child(6) {margin-right:0px}

.rowfluid .col3 {
  width:calc((100% / 4));
float:left;
}


.rowfluid .col3b {
  width:calc((100% / 4));
float:left;
}




.rowfluid .col3c {
  width:calc((100% / 4));
float:left;
}


.rowfluid .col2 {
 width: calc((100% - 1px)/ 6);

}

.rowfluid .col1 {
width: calc((100% - 1px)/ 8);

}


/*form*/

.form-control {
    display: block;
    width: calc(100% - 24px);
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group{width:100%;float:left;margin-top:5px;margin-bottom:5px}
.form-group label{float:left;width:100%;display: inline-block;
margin-bottom: 5px;
}


input.error {
    border-color: red;
}
.error {
    color: red;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
border-radius: 10px;
}

.alert-danger {
    background-color:lightcoral;
    border-color: darkred;
    color: darkred;
border-radius: 10px;
}

.alert{padding:5px;}

label{ color:#ffffff;margin-bottom:5px; margin-top:10px;font-family: 'Open Sans', sans-serif;
	font-size:14px;}
input, textarea{width:calc(100% - 10px); border:#ffffff solid 1px;  border-radius:10px;padding:5px; color:#fff; min-height:30px; background: #000;font-family: 'Open Sans', sans-serif;
	font-size:14px; }
input[type="submit"] {width:auto; background: #646464; padding:5px 10px;margin-top:10px ;font-size:16px;}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

  /* Small screen, retina, stuff to override above media query */





}