@charset "utf-8";

@font-face {font-family: "Hiatus W00 Regular";

  src: url("fonts/e888fcdfc5ea7aaf7b5e4ad032a5ead3.eot"); /* IE9*/

  src: url("fonts/e888fcdfc5ea7aaf7b5e4ad032a5ead3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("fonts/e888fcdfc5ea7aaf7b5e4ad032a5ead3.woff2") format("woff2"), /* chrome、firefox */

  url("fonts/e888fcdfc5ea7aaf7b5e4ad032a5ead3.woff") format("woff"), /* chrome、firefox */

  url("fonts/e888fcdfc5ea7aaf7b5e4ad032a5ead3.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url("fonts/e888fcdfc5ea7aaf7b5e4ad032a5ead3.svg#Hiatus W00 Regular") format("svg"); /* iOS 4.1- */

}



body {

    font-family: 'Arimo', sans-serif;

	letter-spacing: 0.02em;

    color: #000000;

	margin: 0px;

	padding: 0px;

    background-color: #1fb5b6;

	}

html { 

   font-size: 100%;

   word-wrap: break-word;

     }

div, p, table, span { 

   font-size: 0.95rem; 

   line-height: 1.3em;

   }

form {

	margin: 0px;

	padding: 0px;

}

#print {

    display: none;

	}

#mobilenav {

	display: none;

	}



#wrapper1 {

	background-color: #ffffff;

	width: 100%;

	max-width: 1280px;

	}

#wrapper2 {

	float: left;

	text-align: left;

	background-color: #ffffff;

	width: 100%;

	max-width: 1280px;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

	}



#header {

	float: left;

	text-align: left;

	background-color: #ffffff;

	width: 100%;

	height: 160px;

	border-bottom: 4px solid #a4ca5d;

	position: sticky;

	position: -webkit-sticky;

    top: 0px;

	z-index: 200;

	}

@media (max-width: 1100px) {#header {height: 150px;}}

@media (max-width: 1000px) {#header {height: 140px;}}

@media (max-width: 900px) {#header {height: 130px;}}

#headwrap {

	text-align: left;

	background-color: transparent;

	width: 90%;

	max-width: 1200px;

	}

#headcontainer {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 100%;

	max-width: 1200px;

	}

#nav2 {

	height: 92px;

	float: left;

	text-align: right;

	width: 70%;

	margin-top: 15px;

	background-color: transparent;

	color: #b2b3b4; 

	z-index:999999;

	}

@media (max-width: 1100px) {#nav2 {height: 82px;}}

@media (max-width: 1000px) {#nav2 {height: 72px;}}

@media (max-width: 900px) {#nav2 {height: 62px;width: 68%;}}

#nav {

	float: left;

	text-align: left;

	width: 70%;

	background-color: transparent;

	z-index:999999;

	}

@media (max-width: 900px) {#nav {width: 68%;}}



#logo {

	height: 140px;

	float: left;

	text-align: left;

	width: 28%;

	margin-right: 2%;

	margin-top: 10px;

	background-color: transparent;

	}

@media (max-width: 1100px) {#logo {height: 130px;}}

@media (max-width: 1000px) {#logo {height: 120px;}}

@media (max-width: 900px) {#logo {height: 110px;margin-right: 4%;}}



#subnav {

	width: 100%;

	position: sticky;

	position: -webkit-sticky;

    top: -40px;

	z-index: 200;

	}

#subnav1, #subnav2, #subnav3, #subnav4, #subnav5, #subnav6, #subnavgal, #subnavmarke, #subnavpages, #subnavproducts, #subnavnews {

	position: absolute;

	z-index: 100;

	text-align: left;

	background-color: #f2f2f2;

	width: 100%;

	max-width: 1280px;

	height: auto;

	top: 164px;

	left: 0;

	right: 0 ;

	margin: 0 auto;

	display: block;

	border-bottom: 3px solid #ffffff;

	}

.subnavwrap {

	text-align: left;

	background-color: transparent;

	width: 90%;

	max-width: 1200px;

	}

#subnavcontainer1, #subnavcontainer2, #subnavcontainer3 {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 79%;

	padding-left: 0%;

	padding-right: 0%;

	padding-top: 2.5%;

	padding-bottom: 1%;

	margin-left: 21%;

	}

#subnavcontainer2 {

	width: 26.3%;

	}

#subnavcontainer3 {

	width: 24.3%;

	padding-right: 2%;

	margin-left: 0%;

	}

@media (max-width: 1150px) {

#subnavcontainer2, #subnavcontainer3 {

	width: 31.3%;

	padding-right: 2%;

	margin-left: 0%;

	}

	}



.subnavclose {

	float: left;

	text-align: center;

	background-color: transparent;

	width: 100%;

	margin-top: 0px;

	margin-bottom: -17px;

	}



#picwrap {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 100%;

	height: 540px;

	overflow: hidden;

	border-bottom: 4px solid #a4ca5d; /*4bd05 */

	}

@media (max-width: 1100px) {#picwrap {height: 500px;}}

@media (max-width: 1000px) {#picwrap {height: 460px;}}

@media (max-width: 900px) {#picwrap {height: 420px;}}

@media (max-width: 800px) {#picwrap {height: 380px;}}

.piccontainer {

	text-align: left;

	background-color: transparent;

	width: 90%;

	max-width: 1200px;

	}

.picbg {

	background-image: url(../images/layout/header.jpg); 

	background-position: center center; 

	background-repeat: no-repeat; 

	background-size: cover; 

	width: 100%;

	height: 540px;

	}

@media (max-width: 1100px) {.picbg {height: 500px;}}

@media (max-width: 1000px) {.picbg {height: 460px;}}

@media (max-width: 900px) {.picbg {height: 420px;}}

@media (max-width: 800px) {.picbg {height: 380px;}}

li.picbg:before {

    content: "";

}

.piccontent {

    color: #ffffff;

	font-size: 4rem;

	line-height: 4rem;

	text-align: left;

	background-color: transparent;

	max-width: 1200px;

	display: inline-block;

	margin-top: 25%;

	padding-top: 10px;

	padding-bottom: 10px;

	border-top: 2px solid #ffffff;

	border-bottom: 2px solid #ffffff;

	font-family: 'Reenie Beanie', sans-serif;

	}

@media (max-width: 1100px) {.piccontent {margin-top: 28%;}}

@media (max-width: 1000px) {.piccontent {margin-top: 31%;}}

@media (max-width: 900px) {.piccontent {margin-top: 34%;}}

@media (max-width: 800px) {.piccontent {margin-top: 37%}}





#main {

	float: left;

	text-align: left;

	background-color: transperent;

	width: 100%;

	height: auto;

	min-height: 500px;

	margin-bottom: 3%;

	}

#content {

	text-align: left;

	background-color: transperent;

	width: 90%;

	max-width: 1200px;

	height: auto;

	min-height: 500px;

	}

#contentnav {

	float: left;

	width: 20%;

	margin-right: 5%;

	padding-top: 4%;

	color: #868889;

	}

#text {

	float: left;

	width: 100%;

	padding-top: 3.5%;

	}

#contentnav + #text {

	width: 75%;

	}





#footer, #footer2 {

	float: left;

	text-align: left;

	background-color: #a4ca5d;

	width: 100%;

	height: auto;

	padding-top: 2.5%;

	padding-bottom: 2.5%;

	border-top: 2px solid #a4ca5d;

	}

#footer2 {

	background-color: transparent;

	padding-top: 0%;

	padding-bottom: 0%;

	}

#info, #logos {

	text-align: left;

	background-color: transparent;

	width: 90%;

	max-width: 1200px;

	height: auto;

	color: #ffffff;

	font-size: 0.8rem;

	}

#info {

	text-align: left;

	font-size: 0.9rem;

	}

#logos a {

	display: inline-block;

	margin-right: 20px;

	margin-bottom: 20px;

}

#logos a.nomargin {

	margin-right: 0px;

}







#requesthead {

	width: 90%; 

	padding-top: 10px;

	text-align: left;

	background-color: transparent;

	}

#requestcontainer {

	width: 90%; 

	text-align: left;

	height: 540px;

	overflow: auto;

	}

.requestmaincontainer {

    float: left;

	width: 100%; 

	margin-bottom: 5px;

	}

.requeststatuscontainer {

	color: #e3001a;

	font-size: 1.0rem;

	background-color: #FFFFFF;

	width: 100%;

	margin-bottom: 10px;

	padding: 1%;

	voice-family: "\"}\"";

	voice-family:inherit;

	width: 98%;

	}





#floating-panel {

  padding-bottom: 15px;

}



.controls {

  margin-top: 10px;

  border: 1px solid transparent;

  border-radius: 2px 0 0 2px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  height: 32px;

  outline: none;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

}



#pac-input {

  background-color: #fff;

    font-family: 'Arimo', sans-serif;

  font-size: 1rem;

  font-weight: 300;

  margin-left: 2px;

  margin-right: 20px;

  padding: 0 11px 0 13px;

  text-overflow: ellipsis;

  width: 70%;

}



#pac-input:focus {

  border-color: #4d90fe;

}