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

		
#head {
	background-image:url(../images/headbg.jpg);
	height: auto;
	width: 100%;


}	

#headbody{
	margin:0 auto;
	background-image:url(../images/head.jpg);
	height: 285px;
	width: 1024px;
}

#headmenu{
	float:right
	}
	
	

/************* animate menue *************/

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

nav {
	width:800px;
    position: relative;
    text-align: center;
}
nav:hover a {
    color: transparent;
    text-shadow: 0 0 3px #26abdf;
}
nav a {
    color: #26abdf;
    display: inline-block;
    font-family: tahoma;
    font-size: 1em;
    height: 55px;
    line-height: 55px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 130px;
}
nav a:hover {
    border-bottom: 5px solid #ff0000;
    color: #ff0000;
    text-shadow: none;
}
@media screen and (max-width: 620px) {
    nav a {
        width: 49%;
    }
}
@media screen and (max-width: 300px) {
    nav a {
        width: 100%;
    }
}
/**************************/

#container{
	width:100%;
	background-color:#e9eef0;
	}	

#concon{
	padding-left:4px;
	background-color:#082c39;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
	width: 1020px;
	color:#8bcbe4;
	font-family: 'Arimo', sans-serif;
	font-size:21px;
	margin-bottom: 5px;
	cursor:pointer;
	}

	
#conbody{
	margin:0 auto;
	height: 186px;
	width: 1024px;
	}
.con {
	margin:0 auto;
	position: relative;
	top:0px;
	left:0px;
	width: 800px;
	height: 186px;
	overflow:hidden; 
}

ul#topnav {
	position: relative;
	top:-15px;
	left:0px;
	list-style: none;
	clear: both;
	width: 100%;
}


ul#topnav li#bleft{
	background: url(../images/cen2.png);
	float: left;
	height:220px;
	width:250px;
	cursor:pointer;
}

ul#topnav li#bcenter{
	background: url(../images/cen3.png);
	float: left;
	height:220px;
	width:250px;
	cursor:pointer;
}

ul#topnav li#bright{
	background: url(../images/cen4.png);
	float: left; 
	height:220px;
	width:250px;
	cursor:pointer;
}

/************* PRICE **********/

#containerpr{
	width:100%;
	}	
	
#conbodypr{
	margin:0 auto;
	height: 150px;
	width: 1024px;
	}
.conpr {
	margin:0 auto;
	position: relative;
	top:0px;
	left:0px;
	width: 950px;
	height: 150px;
	overflow:hidden; 
}

ul#topnavpr {
	position: relative;
	top:0px;
	left:0px;
	list-style: none;
	clear: both;
	width: 100%;
}


ul#topnavpr li#prleft{
	background: url(../images/price1.jpg);
	margin-left:50px;
	margin-right:50px;
	float: left;
	top:-20px;
	height:300px;
	width:200px;
	cursor:pointer;
}

ul#topnavpr li#prcenter{
	background: url(../images/price2.jpg);
	margin-left:50px;
	margin-right:50px;
	float: left;
	top:-20px;
	height:300px;
	width:200px;
	cursor:pointer;
}

ul#topnavpr li#prright{
	background: url(../images/price3.jpg);
	margin-left:50px;
	margin-right:50px;
	float: left; 
	top:-20px;
	height:300px;
	width:200px;
	cursor:pointer;
}

/**************************/

#hline{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:7px;
	background-color:#93cfe6;
}

/**************************/

#bodydesc1 {
	width: 100%;
	margin:0 auto;
	width:auto;

}

#bodydesc2 {
	width: 100%;
	margin:0 auto;
	display:none;
	width:auto;

}

#bodydesc3 {
	width: 100%;
	margin:0 auto;
	display:none;
	width:auto;

}
#bodydesc4 {
	font-family: 'Arimo', sans-serif;
	width: 100%;
	margin:0 auto;
	width:1024px;
	color:#427c92;
}
#bodydesc4 a{
	color:#427c92;
}

#bodydesc4 a:hover {
    color: #ff0000;
}


#mapleft a{
	color:#427c92;
}

#mapleft a:hover {
    color: #ff0000;
}

.bodydescfirst{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:5px;
	padding-top:7px;
	padding-bottom:7px;
	color:#3f7f98;
	font-size:18px;
	font-family: 'Arimo', sans-serif;
	background-color:#e9eef0;
	width: 1024px;
	cursor:pointer;
}

.bodydescfirstblue{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFF;
	font-size:20px;
	font-family: 'Arimo', sans-serif;
	background-color:#64cce7;
	width: 1024px;

}

.bodydescfirstmin{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	padding-left:24px;
	padding-right:5px;
	color:#3f7f98;
	font-size:18px;
	font-family: 'Arimo', sans-serif;
	background-color:#e9eef0;
	width: 1024px;
}

.bodydescfirstmin a{
	color: #025b72;
	}

.bodydescfirstmin a:hover,
.bodydescfirstmin a:active,{
	color:#3f7f98;
}


.newscontent {
	font-size:16px;
	font-family: 'Arimo', sans-serif;
	color:#082c39;
	display:none;
	width:100%;
	background-color:#FFF;
	}
	
	
.newscontentpr {
	margin:0 auto;
	font-size:22px;
	font-family: 'Arimo', sans-serif;
	width:1000px;
	color:#082c39;
	background-color:#FFF;
	}

.newscontentpri {
	margin:0 auto;
	font-size:22px;
	font-family: 'Arimo', sans-serif;
	width:1000px;
	color:#082c39;
	background-color:#FFF;
	}

.newscontentpri a {
		color: #025b72;
	}
.newscontentpri a:hover,
.newscontentpri a:active,{
	color:#3f7f98;
}

	
.newscontentfq {
	margin:10px auto;
	font-size:18px;
	font-family: 'Arimo', sans-serif;
	width:1000px;
	color:#082c39;
}

#concactb{
	margin:0 auto;
	width: 600px;

}

#concactbody{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	font-size:20px;
	font-family: 'Arimo', sans-serif;
	color:#8bcbe4;
	}
	

#mapcenter {
	width: 1024px;
	height:400px;
	margin:0 auto;
}

#mapleft {
	text-align:left;
	font-family: 'Arimo', sans-serif;
	color:#3f7f98;
	font-size:22px;
	float:left;
	width: 400px;
}

#mapright a{
	font-family: 'Arimo', sans-serif;
	color:#F00;
	font-size:20px;
}

#mapright {
	
	float:right;
	width: 600px;
	font-family: 'Arimo', sans-serif;
	color:#3f7f98;
	font-size:18px;
	float:left;
}

#aboutus{
	background-color:#082c39;
	margin:0 auto;
	height: 200px;
	width: 1024px;
	}
/************************************/
.light-wrapper{
	width:850px;
	margin:0 auto;
	}
/*************************************/

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
	
.black-wrapper {
    background: #082c39;
	color:#3f7f98;
    border-bottom: 1px solid #e5e5e5;
	height:450px;
}
.black-wrapper .lead {
    color: #cacaca
}
.black-wrapper a {
    color: #cacaca
}
.black-wrapper a:hover {
    color: #fa6c65
}
.black-wrapper h1,
.black-wrapper h2,
.black-wrapper h3,
.black-wrapper h4,
.black-wrapper h5,
.black-wrapper h6 {
    color: #FFF
}
.black-wrapper .section-title,
.black-wrapper .section-title span,
.black-wrapper .section-title span:before {
    color: #FFF
}
.black-wrapper .widget h1,
.black-wrapper .widget h2,
.black-wrapper .widget h3,
.black-wrapper .widget h4,
.black-wrapper .widget h5,
.black-wrapper .widget h6 {
    color: #cacaca
}

 
  .col-sm-3 {
	padding: 10px;
	font-family: 'Arimo', sans-serif;
	float: left;
    width: 25%;
  }

.large-12 h3{
	text-align:center;
	color:93cfe6;}
	
.tbli{
	width:70%;
	color:93cfe6;}	
	
.tbli h4 strong{
	color:red;
		}	
		
.newscontent a {
    position: relative;
	width:80%;
    color: #ffffff;
    text-decoration: none;
    background-color:#64cce7;
    font-size: 1.25em;
    display: block;
    padding: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px #23768c, 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px #23768c, 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px #23768c, 0px 9px 25px rgba(0,0,0,.7);
    margin: 10px auto;
    text-align: center;

    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.newscontent a:active {
    -webkit-box-shadow: 0px 3px 0px rgb(193, 155, 108), 0px 3px 6px rgba(0, 0, 0, .9);
    -moz-box-shadow: 0px 3px 0px rgb(193, 155, 108), 0px 3px 6px rgba(0, 0, 0, .9);
    box-shadow: 0px 3px 0px rgb(193, 155, 108), 0px 3px 6px rgba(0, 0, 0, .9);
    position: relative;
    top: 6px;
}
		
		
/************* PRICE **********/


.contime {
	background-image:url(../images/timeline.jpg);
	margin:0 auto;
	position: relative;
	top:0px;
	left:0px;
	width: 1024px;
	height: 107px;
	overflow:hidden; 
}

ul#timenav {
	position: relative;
	top:0px;
	left:0px;
	list-style: none;
	clear: both;
	width: 100%;
}


ul#timenav li#time1{
	margin-left:20px;
	margin-right:50px;
	float: left;
	top:0px;
	height:50px;
	width:50px;
	cursor:pointer;
}

ul#timenav li#time2{
	margin-left:50px;
	margin-right:50px;
	float: left;
	top:0px;
	height:50px;
	width:50px;
	cursor:pointer;
}

ul#timenav li#time3{
	margin-left:50px;
	margin-right:50px;
	float: left; 
	top:0px;
	height:50px;
	width:50px;
	cursor:pointer;
}
ul#timenav li#time4{
	margin-left:50px;
	margin-right:20px;
	float: left;
	top:0px;
	height:50px;
	width:50px;
	cursor:pointer;
}

ul#timenav li#time5{
	margin-left:80px;
	margin-right:50px;
	float: left;
	top:0px;
	height:50px;
	width:50px;
	cursor:pointer;
}

ul#timenav li#time6{
	margin-left:50px;
	margin-right:50px;
	float: left; 
	top:0px;
	height:50px;
	width:50px;
	cursor:pointer;
}

ul#timenav li#time7{
	margin-left:55px;
	float: left; 
	top:0px;
	height:50px;
	width:50px;
	cursor:pointer;
}

/**************************/		

/*-------------------------------------rep---------------------------------*/
	
.tooltip {
  display: none;
  position: absolute;
  background-color: #427c92;
  font-family: 'Arimo', sans-serif;
  color:#427c92;
  width:200px;
  padding: 3px 3px;
  z-index:999;
  
}