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

html, body {width: 100%; height:100%;}
body{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#434A52; margin:0px; padding:0px; background:#FFF }
* { -webkit-box-sizing: content-box !important;}
a{cursor:pointer; text-decoration:none; color:#005578; text-decoration: none; outline:none}
input, textarea, button {outline:none}

.bar1, .bar2, .bar3 { width: 30px; height: 4px; background-color: #434A52; margin: 4px 0; transition: 0.4s; border-radius: 3px}


/* select field*/

.select { position: relative; display: inline-block; margin-bottom: 15px; width: 100% }
.select select { margin-bottom: 5px; display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0;  background: #005578; color: #FFF; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size:18px}
.select select::-ms-expand {display: none; }
.select select:hover, .select select:focus { color: #FFF; background: #005578;}
.select select:disabled {opacity: 0.5; pointer-events: none;}
.select__arrow {position: absolute !important; top: 14px; right: 0px; width: 0px !important; height: 0px !important; pointer-events: none; border-style: solid; border-width: 15px 10px 0 10px; border-color: #FFFFFF transparent transparent transparent; float: inherit !important;}
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {border-top-color: #FFF;}
.select select:disabled ~ .select__arrow { border-top-color: #FFF;}
.selectoff {background: #93b2c2 !important;}

header .menubars {width:30px; height:26px; top: 15px; float:right; position:relative}
header .menubars .bars{position:absolute; width:100%; height:4px; border-radius:4px; background:#434A52; left:0px;-webkit-transition: .5s ease; transition: .5s ease;}
header .menubars .bar1 {top:0px;}
header .menubars .bar2 {top:50%; margin-top:-2px; width:100% !important; opacity:1}
header .menubars .bar3 {bottom:0px;}
header .menubars .bar1-open{top:30% !important; transform:rotate(45deg); -webkit-transform: rotate(45deg);}
header .menubars .bar3-open{top: 30% !important; transform:rotate(-45deg); -webkit-transform: rotate(-45deg);}
header .menubars .bar2-open{opacity:0 !important}

.cover {width:100%; height:0%; top:0px; z-index:5; background: rgba(0,0,0,0.80); position:absolute; -moz-transition::1s ease; -webkit-transition: 1s ease; transition: 1s ease; display: block;}
.cover-open {display:block !important; height:100% !important}

nav {position:fixed; top:110px; width:100%; z-index:6; display:none; opacity: 0; -moz-transition::3s ease; -webkit-transition: 3s ease; transition: 3s ease;}
nav ul{width:100%; float:left; padding:0px; margin:0px}
nav ul li { list-style-type:none; width:100%; text-align:center; font-family: 'Open Sans', sans-serif !important; padding-bottom:8px}
nav ul li a {color:#fff; font-size:35px}
nav ul li a:hover {color:#95c11f;}
.shownav {display: block; opacity:1; -moz-transition::3s ease; -webkit-transition: 3s ease; transition: 3s ease;}
#menubars {cursor:pointer}


#subcategory {position: relative; background: #cae08f; padding-top: 30px}
@media only screen and (min-width: 980px) {
	#subcategory span {width: 50%}
	#subcategory h3 {font-size: 32px; margin-top: 50px; line-height: 32px; color: #333 !important;}
	#subcategory img {width: 50%}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	#subcategory span {width: 50%}
	#subcategory h3 {font-size: 25px; margin-top: 44px; line-height: 25px; color: #333 !important;}
	#subcategory img {width: 50%}
}
@media only screen and (max-width: 767px) {
	#subcategory h3 {font-size: 17px; margin-top: 18px; line-height: 15px; color: #333 !important;}
	#subcategory {padding-bottom: 15px}
}

nav {position:fixed; top:75px; width:20%; z-index:6; display:none; opacity: 0; -moz-transition::1s ease; -webkit-transition: 1s ease; transition: 1s ease; background: #a2c038; right:5%}
nav ul{width:100%; float:left; padding:0px; margin:0px}
nav ul li { list-style-type:none; width:100%; text-align:center; font-family: 'Open Sans', sans-serif !important; padding:8px 0px; border-bottom: 1px solid #FFF}
nav ul li a {color:#fff; font-size:1.3vw; font-weight: 100}
nav ul li a:hover {color:#0b8e36;}
nav ul li:last-child {border:0px}
.showmenu {display: block; opacity:1; -moz-transition::3s ease; -webkit-transition: 3s ease; transition: 3s ease;}
#menubars {cursor:pointer}

.accedibutton {display:block; background: #434A52; padding: 3px 5px; border-radius: 4px; color: #FFF; text-decoration: none; margin-right: 10px; float: right; margin-left: 5px; margin-top: 16px;}

.aree {display: none}