/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/

/*---------------------------------
	OVERRIDES
-----------------------------------*/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
a{color:#666;outline:0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}
a:active{color:#399;}
a:visited{color:#066;}
a:hover{color:#ff6;}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
strong,b{color:#2c3e50; font-weight:bold;}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}
.abc{
    overflow:hidden;
}
a img {
  transition: 0.5s;
}
a img:hover {
  opacity: 0.6;
  transition: 0.5s;
}
/*---------------------------------
	text code and div
-----------------------------------*/
.st{
    font-size:140%;
    line-height:140%;
}
.bgyellow {
 	background-color:#ffff99;
	}
.bgblue {
 	background-color:#4896ed;
	}
.bggray {
 	background-color:#cccccc;
	}
.bgp {
 	background-color:#308dcd;
	}
.pink{
    color:#f36;
}
.white{
    color:#fff;
}
.bgg {
 	background-color:#41bfb1;
	}
.bgw{
   	background-color:#fff;;
}
.green{
	color:#009999;
}
.topmenu{
    	background-color:#308dcd;
}
.topmenu a{
	color: #ffffff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}

.topmenu a:hover {
	color:  #ffff99;
    	text-decoration: underline;
}
.topmenu ul{
    margin:0;
    padding:0;
}
.topmenu li{
     	display:inline;
  	list-style:none;
    	padding:0 3% 0 0;
    	font-style:normal;
	font-size:120%;
}

.text1{
	width: 100��;
    	height:auto;
    	padding-top:5%;
    	padding-bottom:5%;
    	background-color:#009999;
    	box-sizing:border-box
	}

.text2{ 
    	padding:5%;
    	margin:5% auto 5% auto;
	width: 70��;
    	background-color:#fff;
    	box-sizing:border-box
	}

.text3{
	width: 100��;
    	height:auto;
    	padding-top:5%;
    	padding-bottom:5%;
    	background-color:#fff;
    	box-sizing:border-box
	}

.text4{ 
    	padding:5%;
    	margin:5% auto 5% auto;
	width: 80��;
    	background-color:#fff;
    	box-sizing:border-box
	}

.footer2{
	font-size:90%;
    	line-height:160%;
}

.footer{ 
    	padding:5%;
    	margin:5% auto 5% auto;
	width: 80��;
    	background-color:#afe1c8;
    	box-sizing:border-box
	}

h1,h2,h3,h4,h5,h6{
font-weight:bold;
line-height:140%;
}

h1{
font-size:3em;
margin:1% 5% 1% 5%;
}

h2{
font-size:2.5em;
margin:1% 0 1% 0;
}

h3{
font-size:2em;
margin:1% 1% 1% 1%;
line-height:130%;
border-left: 12px solid #009999;
border-bottom: 2px dashed #009999;
background-color:#ffff9d;
}

h4{
font-size:1.5em;
margin:1% 0 1% 0;
}

h5{
font-size:1.2em;
margin:1% 0 1% 0;
}

h6{
font-size:1em;
margin:1% 0 1% 0;
}

thead th,
tbody th{
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
}

.menu{
}

blockquote{
}

ul.breadcrumb{
	font-size:80%;
    }
ul.breadcrumb li {
	display:inline;
	list-style:none;
}

.breadcrumb h1{
	font-size:120%;
    	display:inline;
    	margin:0;
}

.header{
        position:absolute; top:0%; left:0%;
}
.center{
    text-align:center;
}
/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#666;
background-color:#ffffff;
font:bold 1.3em/130% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
width:auto;
}

html {
font-size : 50%;
}

@media screen and (min-width : 768px){
html{ font-size :75%;}
}
 
@media screen and (min-width : 1280px) {
html{ font-size : 100%};
}



#01{
    background-color:#41bfb1;
    padding:3% 0 3% 0;
}

#02{
    background-color:#fff;
    padding:3% 0 3% 0;
}

#03{
    background-color:#41bfb1;
    padding:3% 0 3% 0;
}

#04{
    background-color:#fff;
    padding:3% 0 3% 0;
}

#05{
    background-color:#41bfb1;
    padding:3% 0 3% 0;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}