﻿/* Desktops */
@media screen and (min-width: 1241px){
/*DO THIS*/
#topmenutablet {display: none;}
#topmenumobile {display: none;}
#topmenuicon {display: none;}

#topbackground {
	position:fixed;
	top: 0px;
	left:0%;
	width:100%;
	height: 8vw;
	background-color: #ffffff;
	border-bottom:3vw #07BAED solid;
	z-index: 9998;
}
#toplogo_pt1 {
	position:fixed;
	left:26.2%;
	width:8%;
	top:1vw;
	/*border: 1px solid #ffff00;*/
}
#toplogo_pt2 {
	position:fixed;
	left:34.5%;
	width:29%;
	top:0vw;
}
#toplogo_pt3 {
	position:fixed;
	left:63.5%;
	width:10%;
	top: 2.1vw;
}
.toplogo_pt1, .toplogo_pt2 {
	font-family: BubbleboddyNeue-Bold;
	text-decoration: none;
	z-index: 9999;
	text-align: center;
}
.toplogo_pt1 {
	color: #72A6B8;
	font-size: 3.0vw;
}
.toplogo_pt2 {
	color: #00788F;
	font-size: 5.5vw;
}
#topstrap {
	position:fixed;
	left:25%;
	width:50%;
	top:5.2vw;
}
.topstrap {
	font-family: Arial Rounded MT bold;
	z-index: 9999;
	text-align: center;
	color: #72A6B8;
	font-size: 1.7vw;
}
#topphone {
	position:fixed;
	left:75%;
	width:10%;
	top:4.7vw;
}
.topphone {
	font-family: Arial Rounded MT bold;
	z-index: 99999;
	text-align: center;
	color: #00788F;
	font-size: 1.2vw;
}

/*Menu*/
#topmenu {
	position:fixed;
	top: 8vw;
	left:0%;
	width:100%;
	height: 3vw;
	z-index: 9999;
}
.menubullet {
	height:0.9vw;
	width:0.9vw;
}
#topbox1 {
	position:relative;
	left:20vw;
    /*text-align: center;*/
    top:0.5vw;
    display: initial;
}
#topbox2 {
	position:relative;
	left:24.5vw;
    /*text-align: center;*/
    top:0.5vw;
    display: initial;
}
#topbox3 {
	position:relative;
	left:29vw;
    /*text-align: center;*/
    top:0.5vw;
    display: initial;
}
#topbox4 {
	position:relative;
	left:33vw;
    /*text-align: center;*/
    top:0.5vw;
    display: initial;
}
#topbox5 {
	position:relative;
	left:38vw;
    /*text-align: center;*/
    top:0.5vw;
    display: initial;
}
.topbox1 {
	color: #3b3b3b;
	font-size: 1.5vw;
	font-family: Arial Rounded MT bold;
	text-decoration: none;
}
a.topbox1:hover {
	color:#00788F;
}
.topbox1fix {
	color: #00788F;
	font-size: 1.5vw;
	font-family: Arial Rounded MT bold;
	text-decoration: none;
}
a.topbox1fix:hover {
	color: #3b3b3b;
}
/*End Menu*/

}/* END Desktops */

/* Mobile landcape and Tablets */
@media screen and (min-width: 601px) and (max-width: 1240px){
/*DO THIS*/
#topmenu {display: none;}
#topmenumobile {display: none;}
#topmenuicon {display: none;}

#topbackground {
	position:fixed;
	top: 0px;
	left:0%;
	width:100%;
	height: 8vw;
	background-color: #ffffff;
	border-bottom:3vw #07BAED solid;
	z-index: 9998;
}
#toplogo_pt1 {
	position:fixed;
	left:26.2%;
	width:8%;
	top:1vw;
	/*border: 1px solid #ffff00;*/
}
#toplogo_pt2 {
	position:fixed;
	left:34.5%;
	width:29%;
	top:0vw;
}
#toplogo_pt3 {
	position:fixed;
	left:63.5%;
	width:10%;
	top: 2.1vw;
}
.toplogo_pt1, .toplogo_pt2 {
	font-family: BubbleboddyNeue-Bold;
	text-decoration: none;
	z-index: 9999;
	text-align: center;
}
.toplogo_pt1 {
	color: #72A6B8;
	font-size: 3.0vw;
}
.toplogo_pt2 {
	color: #00788F;
	font-size: 5.5vw;
}
#topstrap {
	position:fixed;
	left:25%;
	width:50%;
	top:5.2vw;
}
.topstrap {
	font-family: Arial Rounded MT bold;
	z-index: 9999;
	text-align: center;
	color: #72A6B8;
	font-size: 1.7vw;
}
#topphone {
	position:fixed;
	left:75%;
	width:10%;
	top:4.7vw;
}
.topphone {
	font-family: Arial Rounded MT bold;
	z-index: 99999;
	text-align: center;
	color: #00788F;
	font-size: 1.2vw;
}

/*Menu*/
#topmenutablet {
	position:fixed;
	top: 8vw;
	left:0%;
	width:100%;
	height: 3vw;
	z-index: 9999;
}
.menubullet {
	height:0.9vw;
	width:0.9vw;
}
#topbox1 {
	position:relative;
	left:16vw;
    /*text-align: center;*/
    top:0.2vw;
    display: initial;
}
#topbox2 {
	position:relative;
	left:20.5vw;
    /*text-align: center;*/
    top:0.2vw;
    display: initial;
}
#topbox3 {
	position:relative;
	left:25.5vw;
    /*text-align: center;*/
    top:0.2vw;
    display: initial;
}
#topbox4 {
	position:relative;
	left:30.5vw;
    /*text-align: center;*/
    top:0.2vw;
    display: initial;
}
#topbox5 {
	position:relative;
	left:36vw;
    /*text-align: center;*/
    top:0.2vw;
    display: initial;
}
.topbox1 {
	color: #3b3b3b;
	font-size: 1.9vw;
	font-family: Arial Rounded MT bold;
	text-decoration: none;
}
a.topbox1:hover {
	color:#00788F;
}
.topbox1fix {
	color: #00788F;
	font-size: 1.9vw;
	font-family: Arial Rounded MT bold;
	text-decoration: none;
}
a.topbox1fix:hover {
	color: #3b3b3b;
}
/*End Menu*/

}/* END Mobile landcape and Tablets */

/* Mobile portrait */
@media screen and (max-width: 600px){
/*DO THIS*/
#topmenu {display: none;}
#topmenutablet {display: none;}
#topmenumobile {
	position:fixed;
	top: 0px;
	left:0%;
	width:100%;
	height: 12.9vw;
	background-color: #ffffff;
	z-index: 9998;
	border-color: #00788F;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
}

#toplogo_pt1 {
	position:fixed;
	left:23.2%;
	width:10%;
	top:1.35vw;
}
#toplogo_pt2 {
	position:fixed;
	left:33.5%;
	width:29%;
	top:0vw;
}
#toplogo_pt3 {
	position:fixed;
	left:68.1%;
	width:13%;
	top: 2.4vw;
}
.toplogo_pt1, .toplogo_pt2 {
	font-family: BubbleboddyNeue-Bold;
	text-decoration: none;
	z-index: 9999;
	text-align: center;
}
.toplogo_pt1 {
	color: #72A6B8;
	font-size: 3.5vw;
}
.toplogo_pt2 {
	color: #00788F;
	font-size: 6.5vw;
}
#topstrap {
	position:fixed;
	left:22%;
	width:60%;
	top:8.2vw;
}
.topstrap {
	font-family: Arial Rounded MT bold;
	z-index: 9999;
	text-align: center;
	color: #72A6B8;
	font-size: 2.3vw;
}
#topphone {
	position:fixed;
	left:80%;
	width:19%;
	top:6.7vw;
}
.topphone {
	font-family: Arial Rounded MT bold;
	z-index: 99999;
	text-align: center;
	color: #00788F;
	font-size: 2.2vw;
}

.mobile li  {
display:list-item;
}
.topnavigation {
	color: #3b3b3b;
	font-size: 2.5vw;
	font-family: Arial Rounded MT Light;
	text-decoration: none;
}
a.topnavigation:hover {
	color: #00788F;
}
.topnavigationfix {
	color: #00788F;
	font-size: 2.5vw;
	font-family: Arial Rounded MT bold;
	text-decoration: none;
}
a.topnavigationfix:hover {
	color: #3b3b3b;
}

ul {
	list-style:circle;
    padding-left:5px;
    color:#4f982e;
}
li {
display:inline;
margin:0 4px;
line-height:0.95;
}
.bullets li  {
	display:list-item;
}
#topmenuicon {
	position:fixed;
	top:3px;
	left: 0px;
    width: 20vw;
    height: 8vw;
	z-index:99999;
	background-image: url("../images/menuicon_v2.png");
	background-size: 100%;
	background-repeat: no-repeat;
    /*border: 2px solid #3a3a3a;*/
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color:rgba(7, 186, 237, 0.9);
	min-width: 170px;
	box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.3);
	padding: 12px 16px;
	text-decoration: none;
	z-index:1500;
}
.dropdown:hover .dropdown-content {
    display: block;
}
}/* END Mobile portrait */

/* All Screen Sizes */
/*DO THIS*/
