/* Template V.1.0 */

/* COLORS */
.header-inner{
	/*background:rgba(241, 242, 242, 0.7);*/
}
#footer{
	background-color: #335e98;
	color: white;
}


/*********** TAGS ***********/
.container-full{
	max-width: 1170px;
	margin: 0 auto;
}
.logo{
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 5px;
}
.logo img{
	width: 70%;
	height: auto;
}
body{
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	min-height: 100%;
  	display: -ms-flexbox;
  	-ms-flex-direction: column;
  	display: flex;
    flex-direction: column;
}
h1{font-size: 3em;}
h2{font-size: 2em; margin-top: 0;}
h3{font-size: 1.5em;}
h4{font-size: 1em;}
h5{font-size: 0.8em;}

/*********** HEADER ***********/
.header{
	position:fixed;
	top:0;
	width: 100%;
	z-index: 99999;
	background-color: #fcfcfc;
	box-shadow: 1px 1px 2px #9e9e9e;
}
.header-inner{
}
.header-nav{
    float: right;
}
.header-top{
	min-height: 10px;
	text-align: right;
}
.header-top .search{
	margin-top:10px;
}
.header-top .search label{
	display: none;
}
.header-mid{
	min-height: 30px;
}

/*********** NAVIGATON ***********/
.navigation{
}
.nav-menu{
	padding-top: 30px;
	text-align: right;
}
.nav-menu ul li a{
	font-size: 1.3em;
	padding: 0px 30px;
}
/* Underline From Left */
.nav-menu .maxiroundedcenter ul li a {
  display: inline-block !important;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0) !important;
  transform: perspective(1px) translateZ(0)!important;
  box-shadow: 0 0 1px transparent;
  position: relative !important;
  overflow: hidden;
}
.nav-menu .maxiroundedcenter ul li a:before {
  content: "";
  position: absolute!important;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right!important;
  transition-property: right!important;
  -webkit-transition-duration: 0.3s!important;
  transition-duration: 0.3s!important;
  -webkit-transition-timing-function: ease-out!important;
  transition-timing-function: ease-out!important;
}
.nav-menu .maxiroundedcenter ul li a:hover:before, ..nav-menu .maxiroundedcenter ul li a:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
/*********** TOP-BOXES ***********/
.top-box-1{
	background-color: white;
}
.top-box-1-inner{}

.top-box-2{
	background-color: white;
}
.top-box-2-inner{
	border-bottom: 40px solid #335e98;
}
.slide-top{
	min-height: 250px;
}
.slide-wrap{
}
.left-side{
	padding-top: 20px;
}
.left-side h3{
	font-family: 'Roboto', sans-serif;
	font-size: 3em;
	font-weight: 700;
}
.left-side p{
	line-height: 30px
}
.right-side{
	text-align: right;
}
.red{
	font-size: 1.7em;
	color: #e91800;
}
.blue{
	font-size: 2.4em;
	color:#4096ee;
}
/*********** CONTENT ***********/
.content{
	margin: 0 auto;
	min-height: 200px;
	border: 1px solid black;
	width:100%;
  	min-height:100vh;
  	/*height:100%;*/
  	-ms-flex: 1
	flex: 1;
	padding-top: 115px;
}
.content-inner{}
.content-top{
}
.content-bottom{}
.bg-side, #yoo-zoo{
	border: 1px solid #d8d8d8;
	background: #F9F9F9;
	margin-top: -25px;
	border-radius: 10px;
	margin-bottom: 50px;
}

.about-wrap ul{
	list-style: none;
	text-align: center;
}
.about-wrap ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0 50px;
}
.promo-wrap td{
	vertical-align: top;
}
.promo-wrap ul li{
	padding-right: 50px;
}
.cat-frame {
	text-align: center;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	min-height: 100px;
	padding: 25px 0px 0px 0px;
	background-color: #fff;
	min-height: 170px;
}
.category-wrap{
	margin-bottom: 30px;
}
.item-wrap{
	width: 100%;
}
.item-img img{
	/*width: 90%;*/
}
.item-tables{}
/************ZOO*************/
.yoo-zoo img {
	max-width: 100%;
	height: auto;
}
#yoo-zoo .items {
	padding: 20px;
}
#yoo-zoo div.box-1 {
	border-left: none;
	border-right: none;
	background: none;
	overflow: hidden;
}#yoo-zoo div.box-t1 {
	background: none;
}
#yoo-zoo div.box-b1 {
	background: none;
}
#yoo-zoo div.box-b3 {
	height: 9px;
	border-bottom: none;
	background: none; 
}
#yoo-zoo div.box-t3 {
	height: 9px;
	border-top: none;
	background: none;
}
#yoo-zoo div.box-t2, #yoo-zoo div.box-b2 {
	background: none;
}
#yoo-zoo .items h2.pos-title, #yoo-zoo .items p.pos-links  {
	text-align: center;
}
#yoo-zoo .items div.pos-description {
	display: none;
}
#yoo-zoo .items div.teaser-item {
	padding: 15px 10px 0px 10px;
}
/********CONTACT*****************/
.contact-wrap, .about-wrap, .promo-wrap, .home-wrap, 
#yoo-zoo .item > div.floatbox {
	padding: 50px;
}
.contact-info{
	font-size: 1.2em;
}
.contact-form{}
.bfElemWrap{
	margin-bottom: 10px;
}
/*********** BOTTOM-BOXES ***********/
.bottom-box-1{
}
.bottom-box-1-inner{}

.bottom-box-2{}
.bottom-box-2-inner{

}
/*********** FOOTER ***********/
#footer{
}
.footer-inner{}
.footer-content{}
.footer-top{
	padding-top: 15px;
}
.footer-col-1, .footer-col-2, .footer-col-3{
	min-height: 100px;
	margin-right: -4px;
}
.copy{
	text-align: center;
	font-size: 0.8em;
}
/*********** CLASSES ***********/

/********************** MEDIA QUERIES **********************/
/***********RESPONSIVE MENU***********/


@media only screen and (min-width:320px) and (max-width: 736px){
.content {
	padding-top: 80px;
}
.header-top .search .btn-primary{
		display: none;
}
.logo img {
	width: 50%;
	height: auto;
}
.nav-menu {
	padding-top: 0;
}
.nav-menu .maxiroundedcenter ul li{
	position: relative !important;
	left: -40%;
	margin-bottom: 10px;

}
.nav-menu .maxiroundedcenter ul{
	position: relative;
}
.slide-wrap .left-side h3 {
	font-size: 1.7em;
	text-align: center;
}
.slide-wrap .left-side p {
	line-height: 30px;
}
.slide-wrap .left-side p {
	text-align: center;
}
.blue {
	font-size: 1.7em;
}
.red {
	font-size: 1.3em;
}
.cat-box{
	margin-bottom: 20px;
}
.category-wrap {
	margin-bottom: 0;
}
.about-wrap ul {
	padding: 0;
}
.about-wrap ul li {
	padding: 5px 0px;
}
#yoo-zoo .width25 {
	border-top: 1px solid #E6E7E8;
	padding-bottom: 20px;
}
#yoo-zoo div.box-1 div.row {
	border-top: none;
}
#yoo-zoo .item > div.floatbox {
	padding: 0px;
}
}



@media screen and (max-width: 736px) {
#maximenuck87 .maximenumobiletogglericonck {
		display: block !important;
		font-size: 33px !important;
		text-align: right !important;
		padding-top: 10px !important;
		 padding-bottom: 10px !important;
		  padding-right: 10px !important;
		  }
#maximenuck87 ul.maximenuck .maximenumobiletogglerck ~ li.maximenuck.level1 
{display: none !important;
	}
#maximenuck87 ul.maximenuck .maximenumobiletogglerck:checked ~ li.maximenuck.level1 {display: block !important;}
}

@media screen and (max-width: 736px) {
div#maximenuck87 ul.maximenuck li.maximenuck.nomobileck, 
div#maximenuck87 .maxipushdownck ul.maximenuck2 li.maximenuck.nomobileck { 
		display: none !important;
 }
}
@media screen and (min-width: 640px) {
div#maximenuck87 ul.maximenuck li.maximenuck.nodesktopck, 
div#maximenuck87 .maxipushdownck ul.maximenuck2 li.maximenuck.nodesktopck
 { display: none !important; }
}