@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');
/* CSS Document */
/*MAIN*/

body { margin:0; 
text-align:center;
line-height: 1.5em; background-color:#000;
font-family: 'Montserrat', sans-serif; font-size:16px;
}

#PageWrapper {
	max-width: 1280px; height:100vh;
	margin: 0 auto;
	padding: 0px;
	background:#000;
	text-align:center;
	background-color:#000;
	}
	
.headsection {
	width: 90%;
	margin:0 auto;
	text-align:center;
	background-color: #000; }

.pagetitles { font-family: Montserrat; font-weight: 700; font-size: 1.8em; font-color: #414141; text-wrap:none; color:#646464; }

.whatsnew { width: 90%; position: relative; margin:0; border-bottom: solid 2px #C7C7C7; display:none; }
	
.pwimg { width: 100%; display:block; }
.pwfootimg { width: 100%; display:block; }
.pwimg2 { width: 200px; display:none; }
.foottext { width: 300px;
   }
.navbar { width: 90%; margin: 0 auto;
 }

.mainbody { width: 90%;
height: auto;
margin: 0 auto;
padding: 0px; 
background-color: transparent;
		
 }
 
.mainbodyhome { width: 90%;
height: auto;
margin: 0 auto;
padding: 0px; 
background-color: transparent;
		
 }
 
 .mainbodyn { width: 90%;
height: auto;
margin: 0 auto;
padding-top: 20px; 
padding-bottom: 20px; 
background-color: #FFFFFF;
		
 }
 
.contactbody { width: 90%;
height: auto;
margin: auto;
text-align: center;
padding: 0px; 
background-color: #FFFFFF;
		
 }
 
 .mainbody img { max-width: 100%;
 height:auto; }

.twocols {

 }
 
 .footer { width: 90%;
	margin:0 auto;
	text-align:center;
	font-size: .8em; color: #fff;
	background-color: #000; }
	
/* images */

.buy-button { border: none; padding: 8px; background-color: #008CBA; font-size:14px; color: #fff; margin-top: 10px; cursor:pointer; }    

.imageGrid {
  line-height: 0;
}
.imageGrid .tile {
  width:24%;
  min-height:20em;
  line-height: 1.2;
  display:inline-block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  overflow: hidden;
  position: relative;
  color:#fff;
  font-family:"Verdana",sans-serif;
  text-shadow: 2px 2px 2px #000;
  cursor: pointer; 
  cursor: hand;
}
.contentsold { display:block; padding: 10px; background-color: rgba(10,10,10,0.2);}
.imageGrid .tile:hover:before {
  content: '';
  background-color: rgba(10,10,10,0.2);
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
}

.imageGrid .tile:before {
  display: none;
}

.imageGrid .tile .textWrapper {
  text-align: center;
  vertical-align: middle;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.1em;
}

.imageGrid .tile .textWrapper .content {
  display: none;
}

.imageGrid .tile:hover .textWrapper .content {
  display: block;
}

.imageGrid .tile:hover .textWrapper .content h2 {
  margin: 0;
}

/* 2 col boxes */


* {
    box-sizing: border-box;
}

.col-container {
	display:inline-block;
    width: 100%;
	min-width: 400px;
	text-align:left;
	vertical-align:top;
	margin: auto 0;
    border-collapse: collapse;
	background: none;
}

.col {
	vertical-align:top;	
    display: inline-block;
    padding: 12px 8px;
	text-align: left;
    width: 40%;
	min-width: 240px;
    border: 0;
    
    }
	
.col2 {
	vertical-align:top;	
    display: inline-block;
    padding: 50px 8px;
    width: 50%;
    border: 0;
    
    }
	
.ccol-container {
	display:inline-block;
    width: 100%;
	min-width: 400px;
	text-align:left;
	vertical-align:top;
	margin: auto 0;
    border-collapse: collapse;
	background: none;
}

.ccol {
	vertical-align:top;	
    display: inline-block;
    padding: 42px 40px;
	text-align: left;
    width: 45%;
	min-width: 240px;
    border: 0;
    
    }
	
.ccol2 {
	vertical-align:top;	
    display: inline-block;
    padding: 40px 8px;
    width: 50%;
    border: 0;
    
    }
	
	
.pcol-container {
	display:inline-block;
    width: 100%;
	min-width: 400px;
	text-align:center;
	vertical-align:top;
	margin: auto 0;
	margin-top: 10px;
    border-collapse: collapse;
	background: none;
}
	
.pcol {
	vertical-align:top;	
    display: inline-block;
    padding: 10px 8px;
	text-align: left;
    width: 50%;
	min-width: 200px;
    border: 0;
    
    }
	
.pcol2 {
	vertical-align:top;	
    display: inline-block;
    padding:20px 8px;
    width: 40%;
    border: 0;
    
    }
.smltitles { font-family: Montserrat; font-weight: 500; color:#565656; font-size: 1.1em; }
.picholder { display: inline-block; width: 100%; }

.thunbholder { display: inline-block; width: 100%; }
.thumbholder img { width: 24%; border: solid 1px #989898; text-align: justify; }
	
.productimg { width: 100%; margin-bottom: 10px; border: solid 1px #989898; }
/* form */

input[type=text], select, textarea {
    width: 90%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #FF0004 ;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.fcontainer {
	text-align: left;
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.pcontainer {
	text-align: left;
    padding: 0px 4px;
	font-family: Montserrat;
	margin: auto 0;
}

.ptitles { font-size: 1.2em; font-family: Montserrat; font-weight: 700; color:#565656; }

.cformhdr { font-size: 1.2em; font-weight:500; }
/* icons */
.bcrumbs { font-size: .8em; font-weight:700; text-align:left; margin-left: 40px; }
a.bcrumbslink:link, a.bcrumbs:active { text-decoration:none; color: #535353; }
a.bcrumbslink:hover { color: #3A79CF; }
.iconz { position:relative; top:5px; right:5px; margin-bottom: 5px; }
.ctext { font-size: .9em; font-weight: 500; 

}

/*Whats New Section*/

.whatsnew { width: 100%;
height: auto;
margin: 0 auto;
padding: 0px; 
background-color: #E8E8E8;
}

.whatsnewhdrtxt { font-size: 1em; font-weight:500; color:#FFFFFF; padding: 10px; }
.whatsnewtxt { font-size: 1em; font-weight:200; color: #fff; padding: 10px; }
/* news*/
/* nav for index page*/
#twobuttonnav { background-color:#000000; width: 100%; margin: auto 0; padding: 0px ; text-align:center; border-bottom: solid 4px #12669C }
.buttonone { width: 35%;  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin-top: 4px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer; }
.btwo { background-color:#12669C; color:#FFFFFF; text-decoration:none; border-radius: 12px 12px 0px 0px; }
.bthree { background-color:#B2EBF9; color:#605F5F; text-decoration:none;  border-radius: 12px 12px 0px 0px; }
.buttonone:hover { background-color: #FCFCFC; text-decoration:none; color:#333333 }

/*end nav for index page*/
.whatsnewtxt { font-size: 1em; font-weight:200; color: #1C679C; padding: 0px; }
.whatsnewhdrtxt { font-size: 1em; font-weight:500; color: #1C679C; padding: 0px; }
.newsholder { width: 70%; height:auto; margin:0 auto; text-align:center; 

	        -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
			box-sizing: border-box;
			 }

@media only screen and (max-width: 700px) {
    .bcrumbs { font-size: .8em; font-weight:700; text-align:left; margin-left: 20px; }
	.col { 
        display: block;
        width: 100%;
        margin-bottom: 10px;
		border:0;
	    }
		
	.col2 { 
        display: block;
        width: 100%;
        margin-bottom: 0px;
		border: 0;
	    }
		
	.ccol { 
        display: block;
        width: 100%;
        margin-bottom: 10px;
		border:0;
	    }
		
	.ccol2 { 
        display: block;
        width: 100%;
        margin-bottom: 0px;
		border: 0;
	    }
		
	.pcol { 
        display: block;
        width: 100%;
        margin-bottom: 0px;
		border:0;
	    }
		
	.pcol2 { 
        display: block;
        width: 100%;
        margin-bottom: 10px;
		border: 0;
	    }
		
.pcontainer {
	text-align: left;
    padding: 4px;
	font-family: Montserrat;
	margin-top :0px;
}

.pcol-container {
	display:inline-block;
    width: 100%;
	min-width: 300px;
	text-align:center;
	vertical-align:top;
	margin: auto 0;
	margin-top: 10px;
    border-collapse: collapse;
	background: none;
}

.newsholder { width: 100%; margin: auto 0; text-align:center;  }

}

.nhd { width: 100%; margin:0; margin-bottom: 10px; text-align: left; padding: 10px; }

@media (max-width: 1000px) {
  .imageGrid .tile {
    width: 33%;
  }
}
 
@media (max-width: 700px), {
 .bcrumbs { font-size: .8em; font-weight:700; text-align:left; margin-left: 10px; }
  .imageGrid .tile {
    width: 50%;
  }
  
.pwimg { width: 100%; display:none; }
.pwfootimg { width: 100%; display:none; }
.pwimg2 { width: 200px; display:block; margin: auto; } 

}
.foottext { position: relative;
  top: 10%;
  left: 50%;

}
			
@media (max-width: 400px) {
  .imageGrid .tile {
    width: 100%;
  }
  .bcrumbs { font-size: .8em; font-weight:700; text-align:left; margin-left: 10px; }
}