@charset "utf-8";
/* CSS Document */

	body {
    /*background-color: #ffffff; */
	background-image: url("../images/bg01.gif");
    background-position:center;
    background-repeat: no-repeat;
	background-attachment: fixed;
    }

	body a:link { color: #ff0000; }
    body a:visited {color: #ff0000; }
    body a:active { color: #ff0000; }
    body a:hover { color: #ff0000; }
	body a {text-decoration:none;}

	h1 {
	font-size: 130%;
	color: #535353;
    padding-top: 20px;
    padding-bottom: 20px;
	}

	h2 {
	font-size: 200%;
	color: #535353;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	
	h3 {
	font-size: 250%;
	color: #535353;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	
	hr {
	color: #f00;
	background-color: #f00;
	width: 100%;
	height: 1px;
	}
	
	.wrapper {
	width: 100%;
	padding: 0;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size: 100%;
	margin: 0 auto;
	}

<!-- CSS for iframe video -->



/* ----------------------------------------------------------*/
/* ----------------animation---------------------------------*/
/* ----------------------------------------------------------*/
/* ----------------------------------------------------------*/
/* ----------------animation---------------------------------*/
/* ----------------------------------------------------------*/
.scale-up-center {
	-webkit-animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}
	
/* ----------------------------------------------
 * Generated by Animista on 2018-12-1 11:58:24
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

	
/* ----------------------------------------------------------*/
/* ----------------animation end-----------------------------*/
/* ----------------------------------------------------------*/
	.column {
    float: left;
    width: 50%;
	}

	/* Clear floats after the columns */
	.row:after {
    content: "";
    display: table;
    clear: both;
	}

/* ----------------------------------------------------------*/
/* navigation attributes - section, colors, rollovers, links */
/* ----------------------------------------------------------*/

	nav {
	width: 100%;
	background-color: #000000;
	margin: 0;
	padding: 0;
	}

	nav ul {
	background: ;
	overflow: hidden;
	color: white;
	padding: 0;
	text-align: center;
	margin: 0;
	
	-webkit-transition: max-height 0.4s;
	-ms-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	transition: max-height 0.4s;
	}
	
	nav ul li {
	display: inline-block;
	padding: 30px 5% 30px 5%;
	}

	nav ul li:hover {
	color: #ffffff;
	background-image:url(../images/grnbg.png);
	}

	nav a { text-decoration: none; color: inherit; }
	nav a:link { color: white; }
	nav a:visited { color: white; }
	nav a:active { color: white; }
	nav a:hover { color: white; }

/* ----------------------------------------------------------- */

	.handle {
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	background: #000000;
	padding: 25px;
	cursor: pointer;
	color: white;
	display: none;
	}
	
	header {
	width: 100%;
	background-image: url(../images/image01.jpg);
	background-repeat: no-repeat;
    background-position: center;
	height: 500px;
	padding: 0px;
	color: white;
	margin: 0;
	}
    
	section p {
	color: #575656;
	font-size: 1.2em;
	line-height: 1.65em;
	}
	
	section a:link { color: #ff0000; }
    section a:visited {color: #ff0000; }
    section a:active { color: #ff0000; }
    section a:hover { color: #ff0000; }
	section a {text-decoration:none;}

/* ----------------------------------------------------------- */    
    
	.secdesk {}
	.secdesk p {
	padding: 15px;
	}
	
	.spacebox1 {
	width: 60%;
  	margin: 0 auto;
	padding: 25px;
	}

	.spacebox1 img {
	padding: 10px;
	max-width: 100%;
    height: auto;
	}
		
	.onebox {
	text-align: left;
	padding: 40px 0 50px 0;
	width: 50%;
    float: left;		
	}

    .onebox a:link { color: #ff0000; }
    .onebox a:visited {color: #ff0000; }
    .onebox a:active { color: #ff0000; }
    .onebox a:hover { color: #ff0000; }
    .onebox img {
    max-width: 100%;
    height: auto;
    }
     
    .onebox p {
    padding-bottom: 10px;  
    }
    
	.twobox {
	text-align: center;
	padding: 40px 0 50px 0;
	width: 50%;
    float: left;
	}
    
    .twobox a:link { color: #ff0000; }
    .twobox a:visited {color: #ff0000; }
    .twobox a:active { color: #ff0000; }
    .twobox a:hover { color: #ff0000; }
    
    
    .twobox p {
    padding-bottom: 10px;
    }
    
	.spacebox2 {
	text-align: center;
	padding: 0;
	width: 25%;
	float: left;
	}
	
/* ----------------------------------------------------------- */

   .newsection { 
   clear: both;
   background-color: #d8d8d8;
   padding: 30px;
   text-align: center;
   }
   
   .newsection img {
	max-width: 100%;
    height: auto;
	}

	.newsection h1 {
	font-size: 200%;
	color: #535353;
    padding-top: 20px;
    padding-bottom: 20px;
	}

/* ----------------------------------------------------------- */    
	footer {
	clear:both;
	text-align: center;
	background: #000000;
	color: #838080;
	line-height: 1.5em;
	font-size: 100%;
	padding: 40px 20px;
	margin: 0 auto;
	}
    
    footer a:link { color: #ff0000; }
    footer a:visited {color: #ff0000; }
    footer a:active { color: #ff0000; }
    footer a:hover { color: #ff0000; }
	footer a {text-decoration:none; }
	    
    .sectab { 
    display:none;
    }
    
    .secmob { 
    display:none;
    }

/*@media only screen and (min-width: 853px) and (max-width: 1250px) { 

    body {
    background-color:#ffffff;
    background-position:center;
    background-repeat:repeat;
    }

	.spacebox1 {
	width: 80%;
  	margin: 0 auto;
	padding: 15px;
	}
  	
	.onebox {
	text-align: center;
	padding: 40px 0 50px 0;
	width: 35%;
    float: left;		
	}
    
    .twobox {
	text-align: center;
	padding: 40px 0 50px 0;
	width: 35%;
    float: left;
	}
    
    .spacebox2 {
	text-align: center;
	padding: 0;
	width: 15%;
	float: left;
	}
}    
*/   
@media only screen and (min-width: 581px) and (max-width: 1280px) {

	body {
    /*background-color: #ffffff; */
	background-image: url("../images/bg02.gif");
    background-position:center;
    background-repeat: no-repeat;
	background-attachment: fixed;
	}

	header {
	width: 100%;
	background-image: url(../images/image01.jpg);
	background-repeat: no-repeat;
    background-position: center;
	height: 500px;
	padding: 0px;
	color: white;
	margin: 0;
	}

	.spacebox1 p {padding: 25px;}
	
	.spacebox1 img {
	padding: 10px;
	max-width: 100%;
    height: auto;
    }

    .onebox {
	text-align: center;
	padding: 40px 0 50px 0;
	width: 50%;
    float: left;		
	}

    .onebox a:link { color: #ff0000; }
    .onebox a:visited {color: #ff0000; }
    .onebox a:active { color: #ff0000; }
    .onebox a:hover { color: #ff0000; }
    .onebox img {
    max-width: 100%;
    height: auto;
    }
     
    .onebox p {
    padding-bottom: 10px;  
    }
    
	.twobox {
	text-align: center;
	padding: 40px 0 50px 0;
	width: 50%;
    float: left;
	}
    
    .twobox a:link { color: #ff0000; }
    .twobox a:visited {color: #ff0000; }
    .twobox a:active { color: #ff0000; }
    .twobox a:hover { color: #ff0000; }
    .twobox img {
    max-width: 100%;
    height: auto;
    }
    
    .twobox p {
    padding-bottom: 10px;
    }
    
    .secdesk { 
    display:none; 
    }    
    .sectab { 
    display:block;
    }
    
    .secmob { 
    display:none;
    }  
}

@media only screen and (min-width: 435px) and (max-width: 580px) {
	
    /*body {
    background-color:#ffffff;
    background-position:center;
    background-repeat:repeat;
    }*/
    
	header {
	width: 100%;
	background-image: url(../images/image03.jpg);
	background-repeat: no-repeat;
    background-position: center;
	height: 364px; 
	padding: 0px;
	color: white;
	}
	
	nav ul {
	max-height: 0;	
	}
	
	.showing {
	max-height: 20em;	
	}

	nav ul li {	
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	text-align: left;
	}

	.handle {
	 display:block;
	 color: white;
	}

	.spacebox1 {
	width: 90%;
  	margin: 0 auto;
	padding: 25px;
	}

	.spacebox1 p {padding: 20px;}
	
	.spacebox1 img {
    max-width: 100%;
    height: auto;
    }

	.onebox {
	text-align: center;
	padding: 40px 5% 20px 5%;
	clear: both;
	display: block;
	width: 90%;		
	}

	.twobox {
	text-align: center;
	padding: 20px 5% 40px 5%;
	display: block;
	width: 90%;
	}

    .secdesk { 
    display:none; 
    }    
    .sectab { 
    display:none;
    }
    
    .secmob { 
    display:block;
    }
}

@media only screen and (min-width: 287px) and (max-width: 434px) {
	
    body {
    background-color:#ffffff;
    background-position:center;
    background-repeat:repeat;
    }
    
	header {
	width: 100%;
	background-image: url(../images/image04.jpg);
	background-repeat: no-repeat;
    background-position: center;
	height: 377px; 
	padding: 0px;
	color: white;
	}
	
	nav ul {
	max-height: 0;	
	}
	
	.showing {
	max-height: 20em;	
	}

	nav ul li {	
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	text-align: left;
	}

	.handle {
	display:block;
	color: white;
	}
	
	.spacebox1 {
	width: 90%;
  	margin: 0 auto;
	padding: 18px;
	}

	
	.spacebox1 p {padding: 20px;}
	
	.spacebox1 img {
    max-width: 100%;
    height: auto;
    }

	.onebox {
	text-align: center;
	padding: 40px 5% 40px 5%;
	clear: both;
	display: block;
	width: 90%;		
	}
    
	.twobox {
	text-align: center;
	padding: 40px 5% 40px 5%;
	display: block;
	width: 90%;
	}

    .secdesk { 
    display:none; 
    }    
    .sectab { 
    display:none;
    }
    
    .secmob { 
    display:block;
    }
    
    footer img {
    max-width: 100%;
    height: fixed;
    }
}