*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after, .clearboth {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
	padding-top:40px;
	
}
.groupb:before,
.groupb:after {
    content:"";
    display:table;
}
.groupb:after {
    clear:both;
	
}
.groupb {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
	background: rgba(255, 255, 255, 0.9);
	
	margin-top:30px;
	
	border-top: thin solid #ddd;
	border-bottom: thin solid #ddd;
	padding:10px;
}

/*  GRID COLUMN SETUP   ==================================================================== */

.row {
	display: block;
	float:left;
	margin: 0% 0 2% 1.6%;
}
.row_yht {
	display: block;
	float:left;
	margin: 0% 0 2% 1.6%;
	color: #333;
	background: #fff;
	
}
.row:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.row { 
		margin: 1% 0 1% 0%;
	}
	
}
/*  GRID OF TWO   ============================================================================= */


.grid_2_of_2 {
	width: 100%;
}

.grid_1_of_2 {
	width: 49.2%;
}
.grid_1_of_2_yht {
	width: 49.2%;
	
}
.grid_1_of_2_logo	{
	width: 19.2%;
}
.grid_1_of_2_menu	{
	width: 79.2%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.grid_2_of_2 {
		width: 100%; 
	}
	.grid_1_of_2, .grid_1_of_2_.navi, .grid_1_of_2_yht{
		width: 100%; 
		float:none;
		clear:both;
	}
	.grid_1_of_2_logo	{
		width:49.2%;
	}
	.grid_1_of_2_menu	{
		width:49.2%;
	}
	.logo	{
	text-align:center;
}
h3	{
	font-size:1.3em;
}
}

/*  GRID OF THREE   ============================================================================= */

	
.grid_3_of_3 {
	width: 100%; 
}

.grid_2_of_3 {
	width: 66.13%; 
}

.grid_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.grid_3_of_3 {
		width: 100%; 
	}
	.grid_2_of_3 {
		width: 100%; 
	}
	.grid_1_of_3 {
		width: 100%;
	}
}


/*  GRID OF FOUR   ============================================================================= */

.grid_4_of_4 {
		width: 49%; 
	}
	.grid_3_of_4 {
		width: 49%; 
	}
	.grid_2_of_4 {
		width: 49%; 
	}
	.grid_1_of_4 {
		width: 49%; 
	}
.grid_4_of_4 {
	width: 100%; 
}

.grid_3_of_4 {
	width: 74.6%; 
}

.grid_2_of_4 {
	width: 49.2%; 
}

.grid_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.grid_4_of_4 {
		width: 100%; 
	}
	.grid_3_of_4 {
		width: 100%; 
	}
	.grid_2_of_4 {
		width: 100%; 
	}
	.grid_1_of_4 {
		width: 100%; 
	}
}






body	{
font:100% 'Open Sans', sans-serif, verdana, arial, helvetica, helve, sans-serif;
line-height:1.125em;
color:#333;
text-align:center;
background:#eee url('../images/bg5.jpg') no-repeat;
background-position: center center;
background-attachment:fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
margin:0 auto;
padding:0;
}
#wrapper {
width:100%;

margin:0px auto;
position:relative;
text-align:left;

overflow: auto;

}
#topcontainer	{
width:90%;
max-width:1090px;
margin:0px auto;
background:#272768;
height:100px;
margin-top:30px;
margin-bottom:30px;
    -moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-box-shadow: 3px 3px 15px #333;
-webkit-box-shadow: 3px 3px 15px #333;
box-shadow: 3px 3px 15px #333;
}
.topcontent {
width:100%;
font-size:.8125em;
max-width:92.3em;
margin:0 auto;
}

#headercontainer {
width:90%;
max-width:1090px;
margin:0 auto;
background:no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  clear:both;
  
}
header	{
	
    width: 100%;
    height: 350px;
    /*background: url('../images/DSC00591.jpg');
    background-position: center;
	 clear:both;
    -moz-border-radius-topright: 50px;
border-top-right-radius: 50px;
    background-size: cover;*/
}
.headerimg	{
	
}
#maincontentcontainer	{

	overflow: auto;
}
.content_main	{
		
	width:90%;
max-width:1090px;
margin:0 auto;
	margin-top:30px;
	padding:30px;
	background:#fff;
		overflow: auto;
	border:thin solid #ddd;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
clear:both;
-moz-box-shadow: 3px 3px 15px #333;
-webkit-box-shadow: 3px 3px 15px #333;
box-shadow: 3px 3px 15px #333;
}
.content_main2	{
		
	width:90%;
max-width:1090px;
margin:0 auto;
	padding:30px;
	background:#fff;
		overflow: auto;
margin-bottom:20px;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;
border:thin solid #ddd;
clear:both;
-moz-box-shadow: 3px 3px 15px #333;
-webkit-box-shadow: 3px 3px 15px #333;
box-shadow: 3px 3px 15px #333;
}
.content_3	{
	clear: both;
		margin-top:30px;
	width:90%;
max-width:1090px;
margin:0 auto;
}
.content	{
	padding:30px;
	
}
.three	{
	margin-top:30px;
	margin-bottom:30px;
	  background: #fff;
	padding:30px;
	min-height:250px;
	-moz-border-radius: 10px;
border-radius: 15px;

	border:thin solid #eee;
	z-index:100;
}
#footercontainer	{
	width:90%;
max-width:1090px;
margin:0 auto;
	margin-top:10px;
	margin-bottom:30px;
	background:#272768;
	overflow: auto;
	color:#fff;
	    -moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-box-shadow: 3px 3px 15px #333;
-webkit-box-shadow: 3px 3px 15px #333;
box-shadow: 3px 3px 15px #333;
}
#footercontainer p	{
	font-size:0.65em;
}
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
p {
font-size:0.75em;
hyphens:auto;
-webkit-hyphens:auto;
-webkit-hyphenate-character:\2010;
-webkit-hyphenate-limit-after:1;
-webkit-hyphenate-limit-before:3;
-moz-hyphens:auto;
}
.liquid-slider p	{
 font-size:0.7em;
}
.refs2	{
	padding:30px;
}
.content_main li	{
font-size:0.75em;
}
.topcontent	li	{
	font-size:1.2em;
	color:#fff;
	font-weight:400;
}
.logoimg	{
	position:relative;
	top:15px;
	left:10px;
	
	max-width:100%;
	padding:10px;
	
}

img	{
max-width:100%;
height:auto;
}
.logo	{
	float:left;
	position:relative;
	top:-90px;
	left:20px;
background:url('../images/Ribbon3.png') no-repeat;
	height:330px;
	width:200px;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.9));
filter: url(shadow.svg#drop-shadow);
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, 
Color='#000')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, 
Color='#000')";
	
 background-size: cover;
}
.menu	{
	color:#fff;
	float:right;
	position:relative;
	top:30px;
	right:50px;
}
.menu li	{
	display:inline;
	padding-right:25px;
	
}
.menu a	{
	color:#fff;
	text-decoration:none;
	font-family: 'Prosto One', cursive;
}
.menu a:hover	{
	color:#fff;
	padding-bottom:5px;
	border-bottom:2px solid #fff;
	font-family: 'Prosto One', cursive;
	-moz-transition: border-bottom .25s ease-in;
     -o-transition: border-bottom .25s ease-in;
     -webkit-transition: border-bottom .25s ease-in;
     transition: border-bottom .25s ease-in;
}
.center	{
	text-align:center;
}
.white	{
	background: #fff;
	}
#back-top {
	position: fixed;
	right:20px;
	bottom: 30px;
	
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url('../images/up-arrow2.png') no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}


.slicknav_menu, .sitename {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #menu, #topcontainer {
		display:none;
	}
	
	.js .slicknav_menu {
		width:100%;
		float:right;
		display:block;
		background:#272768;
		color:#fff;
		text-align:right;
		margin-bottom:15px;
		padding:15px 10px 10px 10px;
		
	}
	.slicknav_menu a	{
		color:#fff;
		text-decoration: none;
	}
	.slicknav_menu li	{
		color:#fff;
		text-decoration: none;
		padding:5px;
	}
	.slicknav_menu ul	{
		list-style-type: none;
	}
	.sitename	{
		display:inline;
		position:relative;
		height:30px;
		
		color:#fff;
		float:left;
		background:#272768;
		z-index:999;
	}
	#back-top, #back-top span, #back-top a {
	display:none;
	
}
}
figure {
  overflow: hidden;
  margin: 0 auto;
      -moz-border-radius-topright: 50px;
border-top-right-radius: 50px;

  /* Three images per line, each 1/3 of viewpoint width (where minimum width size is 100px) and 200px per height */
  
  width: 100%;
 
  height: 350px;
   -moz-box-shadow: 3px 3px 15px #333;
-webkit-box-shadow: 3px 3px 15px #333;
box-shadow: 3px 3px 15px #333; 
 
 
}
img {
    
   
}
.scale img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    vertical-align: middle;
    
}
.towidth img{
    max-height: none;
    display: inline-block;
}
.towidth::before{
    content: ".";
    overflow: hidden;
    display:inline-block;
    vertical-align: middle;
    width: 0;
    height:100%;
    
    margin: 0 auto;
}
.toheight img{
    max-width: none;
}
.towidth img{
    
}
.cover img {
    display:none;
}
.cover img {
    content: '';
    background-position: 50% -20%;
   object-fit: cover;
    display:inline-block;
    
}
@-moz-document url-prefix() {  
.scale img{
    width: auto;
    height: auto;
    
    margin: 0 auto 0 auto;
    vertical-align: middle;
    
}
.towidth img{
    max-height: none;
    display: inline-block;
}
.towidth::before{
    content: ".";
    overflow: hidden;
    display:inline-block;
    vertical-align: middle;
    width: 0;
    height:auto;
    
    margin: 0 auto;
}
.toheight img{
    max-width: none;
}
.towidth img{
    
}
.cover img {
    display:none;
}
  .cover img {
    content: '';
    background-position: center center;
    background-size: cover;
    display:inline-block;
    width: auto;
    height: auto;   
  }
  
  
}