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


:root {
            --card_width: 252px;
            --row_increment: 10px;
            --card_border_radius: 4px;
            --card_hori: 14;
			--card_square: 21;
            --card_vert: 31;
        }

        .gpin_container {
            margin: 0;
            padding: 0;
            width: 100%;
            position: relative;
            left: 50%;
            transform: translateX(-50%);

            display: grid;
            grid-template-columns: repeat(auto-fill, var(--card_width));
            grid-auto-rows: var(--row_increment);
            justify-content: center;

           
        }

        .card {
            padding: 0;
            margin: 10px 10px;
            border-radius: var(--card_border_radius);
        }

        .card_hori {
            grid-row-end: span var(--card_hori);
        }

 		.card_square {
            grid-row-end: span var(--card_square);
        }

        .card_vert {
            grid-row-end: span var(--card_vert);
        }


.hide {display:none}
.show {display:block}

body {
	margin: 0px;
	padding: 0px;
}

.center_wrap a {font-weight: bold;color:#333;}
.center_wrap a:hover {font-weight: bold;color: #666;text-decoration: none;}


.ps{
	font-size: 15px;
	line-height: 40px;
}

.psf{
	font-size: 14px;
	line-height: 25px;
}

.pshb{
	font-size:15px;
	line-height: 20px;
}

.clear{clear:both;}

.gap {height: 30px;}
.gap10 {height: 10px;}
.gap30 {height: 30px;}
.gap60 {height: 60px;}

.pad10{padding:10px;}
.pad20{padding:20px;}

.grey_333 {color:#333;}
.grey_ccc {color:#ccc;}
.white{color:#fff;}
.center_wrap {
	max-width: 1260px;
	margin: 0px auto;
}

.wlogo {
	position: absolute;
	top:40px;
	left:10px;
	width: 400px;
	float: left;
	z-index: 9999999;
}

#pws-share-wrap {
	background-color:#000;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	color:#efefef;
}

/* 2 col */
.col_2_box {
	width:50%;
	float:left;
	display:inline;
	margin-top:10px;	
}

.col_2_marg {
	margin-right: 10px;
}
/* 2 col */

/* 60/40 col */
.col_60_marg {
	margin-right: 10px;
}
.col_60_box {
	width:60%;
	float:left;
	display:inline;
	margin-top:10px;	
}

.col_40_marg {
	margin-right: 10px;
}
.col_40_box {
	width:40%;
	float:left;
	display:inline;
	margin-top:10px;	
}
/* 60/40 */


/* 5 col */
.col_5_box {
	width:20%;
	float:left;
	display:inline;
	margin-top:10px;	
}

.col_5_marg {
	margin-right: 10px;
}
/* 7 col */

/* 7 col */
.col_7_box {
	width:14%;
	float:left;
	display:inline;
	margin-top:10px;	
}

.col_7_marg {
	margin-right: 10px;
}
/* 7 col */

/* 8 col */
.col_8_box {
	width:12%;
	float:left;
	display:inline;
	margin-top:10px;	
}

.col_8_marg {
	margin-right: 10px;
}
/* 8 col */


/* 9 col */
.col_9_box {
	width:11%;
	float:left;
	display:inline;
	margin-top:10px;	
}

.col_9_marg {
	margin-right: 10px;
}
/* 8 col */


/*split boxes */
.home_box {height: 550px;overflow: hidden}

.hortext{
	text-align: center;
}
.stretch {
	width: 100%;
	/* vertical-align: middle; */
	text-align: center;
}

.homecr {
	height:500px;
}

.t-os-eb {
	font-size: 50px;
}

.home_b_t {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.hapt-form {width:90%; margin: 0px auto;}


/* GALLERY */
.ih1 {width:746px;height: 471px;overflow: hidden;}
.ih2{width:478px;height: 312px;margin-top:10px;overflow:hidden;}
.iv1 {width:478px;height: 678px;}
.iv2 {display:inline;float:left;margin-right:10px;width:366px;height: 519px;}
.iv3{display:inline;float:left;width:366px;height: 519px;}




/* The Modal (background) */
.pws-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
 /* padding-top: 100px;  Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  
}

/* Modal Content */
.pws-modal-content {
  background-color: #fefefe;
  margin: 0px auto 30px auto;
padding-bottom: 30px;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
	  height: auto;
	border-radius: 25px;
}

/* The Close Button */
.pws-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.pws-close:hover,
.pws-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


#out {
	width: 100%;
    text-align: center;
}

#inside {
    display: inline-block;
    margin: 2px auto;
    padding: 3px;
	background-color: #666666;
	border-radius: 5px;
	color:#FFFFFF;
	font-family: 'Oranienbaum', serif;
}

#inside:hover {
	background-color: #333333;
}


.mhide {display:block;}
.pchide {display:none;}

.tmhide {display:block;}
.tpchide {display:none;}


#pws-ls-container {
	position: relative;
	top:0px;
	width: 100%
}

.fcontainer a { color:#cccccc; }
.fcontainer a:hover { color:#666666; }

.fcontainer { 
	display: flex;
    justify-content: space-between;
    gap: 10px; /* Space between columns */
    padding: 20px;
}

.fcolumn{
	flex: 1; /* Ensures columns are of equal width */
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}


.fcontainerb { 
	display: flex;
    justify-content: space-between;
    gap: 5px; /* Space between columns */
    padding: 5px;
}

.fcolumnb{
	flex: 1; /* Ensures columns are of equal width */
    padding: 5px;
    box-sizing: border-box;
    /* border: 1px solid #ccc; */
}


/* 920 pads - 1/2 1080p */
@media (max-width: 1279px) {
	
	.wlogo {
		position: absolute;
		top:40px;
		left:10px;
		width: 300px;
		float: left;
		z-index: 9999999;
	}
	
	.center_wrap {
		width: 920px;
		margin-right: auto;
		margin-left: auto;
	}
	

	
	
	/* GALLERY */
	.ih1{width:551px;height: 347px;overflow: hidden;}
	.ih2{width:354px;height: 230px;margin-top:10px;overflow:hidden;}
	.iv1{width:354px;height: 501px;}
	.iv2{width:271px;height: 385px;display:inline;float:left;margin-right:10px;}
	.iv3{width:271px;height: 385px;display:inline;float:left;}
	

	/*split boxes */
	.home_box {height: 450px;overflow: hidden}

	.hortext{
		text-align: center;
	}
	.stretch {
		width: 100%;
		/* vertical-align: middle; */
		text-align: center;
	}

	.homecr {
		height:500px;
	}

	.t-os-eb {
		font-size: 40px;
	}

	.home_b_t {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
	}

	.hapt-form {width:500px; margin: 0px auto;}

}

/* pad */
@media (max-width: 919px) {
	
	.center_wrap {
		max-width: 768px;
		margin-right: auto;
		margin-left: auto;
	}
	
	/* GALLERY */
	.ih1{width:455px;height: 287px;overflow: hidden;}
	.ih2{width:292px;height: 191px;margin-top:10px;overflow:hidden;}
	.iv1{width:292px;height: 413px;}
	.iv2{width:224px;height: 316px;display:inline;float:left;margin-right:10px;}
	.iv3{width:224px;height: 316px;display:inline;float:left;}


}
/* mobile */
@media (max-width: 767px) {
	
	.fcontainer { 
	flex-direction: column; 
    gap: 10px; /* Space between columns */
   
}

.fcolumn{
	width:100%; /* Ensures columns are of equal width */
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
	padding-bottom:20px;
}
	
	.wlogo {
		position: absolute;
		
		left:10px;
		width: 150px;
		float: left;
		z-index: 9999999;
	}
	
	.center_wrap {
		max-width:300px;
	}
	
	/* GALLERY */
	.ih1{width:169px;height: 105px;overflow: hidden;}
	.ih2{width:108px;height: 71px;margin-top:8px;overflow:hidden;}
	.iv1{width:108px;height: 152px;}
	.iv2{width:82px;height: 117px;display:inline;float:left;margin-right:5px;}
	.iv3{width:82px;height: 117px;display:inline;float:left;}



	


	

	
	.mhide {display:none;}
	.pchide {display:block;}
	
	.tmhide {display:none;}
	.tpchide {display:block;}
	
}