/**************************************************************************************************************** 
	General
****************************************************************************************************************/

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/lato-reg.eot');
    src: url('../fonts/lato-reg.eot') format('embedded-opentype'),
         url('../fonts/lato-reg.woff') format('woff'),
         url('../fonts/lato-reg.ttf') format('truetype'),
         url('../fonts/lato-reg.svg#LatoRegular') format('svg');
}

@font-face {
    font-family: 'VagabondRegular';
    src: url('../fonts/vagabond.eot');
    src: url('../fonts/vagabond.eot') format('embedded-opentype'),
         url('../fonts/vagabond.woff') format('woff'),
         url('../fonts/vagabond.ttf') format('truetype'),
         url('../fonts/vagabond.svg#VagabondRegular') format('svg');
}




* { margin: 0; border: 0; padding: 0;font-family:LatoRegular; list-style: none; text-decoration: none; }

body { background: url(../images/body_pattern.jpg);color: #666666; }



.wrapper {  margin: 0px auto 0 auto; }

.clearboth{clear:both;}




/**************************************************************************************************************** 
	Standard HTML Styles
****************************************************************************************************************/

a:link, a:visited { color:#CCC; }

a:hover { color:#CCC;  }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

table td { vertical-align: top; text-align: left; }

.border_bottom { border-bottom: 1px dotted #CCC; margin: 0 0 25px; padding-top: 5px; clear: both; }

input[type="text"], textarea { padding: 3px;border: 1px solid #c8c8c8;width: 367px;position: relative;}

hr { border-top: 1px solid #CCC; margin-bottom: 14px; }

textarea{overflow:hidden;overflow: hidden;}

.clearboth{clear:both;}

h1{ }

/**************************************************************************************************************** 
	Header
****************************************************************************************************************/

#header { background: url(../images/header_bg.jpg) #fff no-repeat center 0; min-height: 263px; position: relative; z-index: 1;}

.headerWrapper{ width: 960px;margin:0 auto;position: relative;}

.headerTopDetails{ float: right;  width: 500px;}



.logo{position: relative;top: 10px;width: 365px;float: left; }

.logo img {position: relative;}

.tagline{color: #6699cc;font-size: 32px;font-family: LatoRegular;text-shadow: 1px 1px 1px #fff;text-align: right;position: relative;top: -16px;}

.hTop img{float:right; }

.hTop span{position: relative; top: 20px;font-family: VagabondRegular;}

.hTop{font-size: 18px;font-family:LatoRegular;color: #6699cc;text-shadow: 1px 1px 1px #fff;}

.hTopBtn{float:left;}

.hBot{margin: 60px 0 0 0;text-shadow: 1px 1px 1px #fff;font-family:LatoRegular;}

.hBotCol{float:left;width: 120px;color:#666;}

.hBotCol:nth-child(2){width: 210px;}

.hBotCol:nth-child(3){width: 160px;}

.hBotCol div,.hBotCol img{float:left;}

.hBotCol img{margin-right: 3px;}

.hBotCol a{color:#eb7ceb;}






/**************************************************************************************************************** 
	Navigation
****************************************************************************************************************/

.navigation{background: #fff;padding: 20px 0 0 0;}

.navigation ul{width: 960px; margin: 0 auto;}

.navigation li{display: table-cell; vertical-align: middle;width: 75px;text-align:center;padding: 0 0 20px 0;}

.navigation li:first-child{width: 75px;border-bottom: solid 8px #798ec7;}
.navigation li:nth-child(2){width: 104px;border-bottom: solid 8px #afbde2;}
.navigation li:nth-child(3){width: 103px;border-bottom: solid 8px #ffcb05;}
.navigation li:nth-child(4){width: 105px;border-bottom: solid 8px #ffdf42;}
.navigation li:nth-child(5){width: 105px;border-bottom: solid 8px #7ccdc7;}
.navigation li:nth-child(6){width: 100px;border-bottom: solid 8px #a7dde7;}
.navigation li:nth-child(7){width: 103px;border-bottom: solid 8px #8dc73f;}
.navigation li:nth-child(8){width: 126px;border-bottom: solid 8px #c0d84c;}
.navigation li:nth-child(9){width: 137px;border-bottom: solid 8px #31b9eb;}


.navigation ul:after {content:" ";clear:both;}

.navigation a{font-family:LatoRegular; color:#666666;font-size: 18px;}
.navigation a:hover{color:#eb7ceb;}

#page01 #page_item01, #page02 #page_item02, #page03 #page_item03, #page04 #page_item04, #page05 #page_item05,
#page06 #page_item06, #page07 #page_item07, #page08 #page_item08, #page09 #page_item09, #page10 #page_item10 { background: #6C843E; }


 

/**************************************************************************************************************** 
	Footer
****************************************************************************************************************/

#footer {   line-height: 25px;text-align:center; color: #666666; background:#edf6ff;border-top:solid #d6e4f2 1px;padding: 20px 0 20px 0;}

#footer a { color: #666; }

#footer a:hover { text-decoration: underline; }

#footer p { margin: 0 auto;width: 960px;position: relative; }

.coyright span{margin: 3px;font-size: 13px;}

.color2{color: #eb7ceb;}



 

/**************************************************************************************************************** 
	Newsletter
****************************************************************************************************************/

#newsletter {  background: none repeat scroll 0 0 #eeecec; float: right; margin-top: 30px; padding: 25px; width: 250px; }

#newsletter p.title { font-weight: bold; font-size: 18px; color: #983902; }

#newsletter p.title span { font-weight: normal; font-size: 16px; margin-bottom: 2px; color: #87a250; display: block; }

#newsletter input[type="text"] { display: block; width: 240px; margin: 5px 0; }

#newsletter .submit { background: #4d1c00; color: #FFF; padding: 5px 15px; margin: 8px 0; cursor: pointer; }

#newsletter .submit:hover { background: #a13b00; cursor: pointer; }





/**************************************************************************************************************** 
	Contact Form
****************************************************************************************************************/

#contact_form { /*padding: 0 30px 0 0;padding:57px;*//* padding: 0px 0 0 33px; */}

.contact_form_style{width: 100%;margin-top: 10px}

.contact_form_style input{
	display:block;
	height: 35px;
}
.contactFormBot{
	margin-top: 51px;
	width: 48%;
	height: 291px;
	padding: 35px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.contactFormWrapper{
	
    margin-top: 61px;

}
.contactFormBot label{
	position: relative;
top: -20px;
}
.contactThanks{
	width: 472px;
	position: relative;
	left: 390px;
	top: 171px;
}
.contactThanks h1{
	margin-top: 16px;
}

.message{
	position: relative;
	top: -135px !important;
}
#contact_form div {/*padding-bottom:10px;*/ color:black;/* width: 250px;  padding: 25px;background: #eeecec;*/ }

#contact_form p.title { font-weight: bold; font-size: 22px; margin-bottom: 18px; color: #983902; }

#contact_form p.title span { font-weight: normal; font-size: 16px; margin-bottom: 2px; color: #87a250; display: block; }

#contact_form input[type="text"] { height: 24px; width: 400px; margin: 0 0 10px 0; font: normal 12px Arial, Helvetica, sans-serif; position: relative;  }

#contact_form input[placeholder]{color:black;}

#contact_form textarea { display: block; width: 222px; height: 181px; resize: vertical; position: relative; width: 400px; margin: 0 0 10px 0;}
#contact_form .submit {padding: 5px 15px; cursor: pointer; background: #eb7ceb; color: #fff; width: 131px;}

#contact_form .submit:hover {}

..submit:hover{color: rgb(199, 199, 199);}

.contact_form_field_name {padding-right: 10px;}

.submit_wrapper{background:url(/templates/images/btn_submit.png) no-repeat; width: 259px; height: 55px; margin-top: -45px}

.contact_form_submit{background:none;}

##contact_form  input{-webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}

.btn_contact{font-size: 17px;color: white;position: relative;top: -30px;background: #bd1d1d;left: 150px;width: 101px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}

.inputTypeBox{ outline:none;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}

.colon{position: relative;left: 81px;top: -21px;}
.colonMsg{position: relative;top: -135px;left: 66px;}

/**************************************************************************************************************** 
	Gallery
****************************************************************************************************************/
#gallery{margin: 0 auto 30px auto;}

.gallery_list {  overflow: hidden; padding: 0 !important; margin:  0 0 0 0 !important ;}



.gallery_list li { display: block; float: left; margin: 0 7px 12px 0;}

.gallery_list li a { display: block; padding: 4px; border: 1px solid #CCC;height: 165px; }

.gallery_list li a:hover { padding: 3px; border: 2px solid #87A250; }

.gallery_pagination { text-align: center; }

.gallery_pagination select { padding: 2px; border: 1px solid #CCC; margin-left: 5px; }

/**************************************************************************************************************** 
	before content
****************************************************************************************************************/



	

/**************************************************************************************************************** 
	Content
****************************************************************************************************************/


#hero { height: 316px; width: 960px; margin: 0 auto; overflow: hidden; }

#content { min-height: 500px;color: #666;}

#content .content_table { }

#content_picture { padding: 0 0 0 30px; }

#content_text { width: 100%; }

#content p { margin-bottom: 14px; margin-top: 16px;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {   margin-bottom: 14px; color:#eb7ceb;}

#content h1 { font-size: 29px; line-height: 25px; }

#content h2 { }

#content h3 { font-size: 15px; }

#content h4 { font-size: 14px; }

#content h5 { font-size: 13px; }

#content h6 { font-size: 12px; }

#content ul { margin-bottom: 14px; padding-left: 30px; }

#content ul li { /*list-style: disc;*/ }

.homeWrap{background:#fff;}
.home{width:960px;margin:0 auto;padding: 20px 0 0 0;}
.heroWrap{width:785px;float: left;}
.heroImgCol{width: 196px;height:500px;float:left;background:#f2fafb;background-size: cover !important;}
.hImgColDiv {height:111px;
	display: table-cell;
	vertical-align: middle;
	width: 196px;
	margin: 270px 0 0 0;
	position: relative;
	//top: 180px;
	text-align: center;
	//background: rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0);
	top:0;
	}
.hImgCont{top: 180px;position: relative;padding: 5px;background: rgba(0, 0, 0, 0.5);}
.topSep{display:none;}
/*.heroImgCol:first-child{background:url(/templates/images/hero_image1.jpg) no-repeat center 0px;}
.heroImgCol:nth-child(2){background:url(/templates/images/hero_image2.jpg) no-repeat center 0px;}
.heroImgCol:nth-child(3){background:url(/templates/images/hero_image3.jpg) no-repeat center 0px;}
.heroImgCol:nth-child(4){}*/
.heroWrap:after{content:"";clear:both;}
.rightSidebar{float:right;width: 145px;}
.conSeparate{background:url(/templates/images/separator.png) repeat-x center 0;height:100px;}
.bottomCon{width: 960px; margin: 0 auto 50px auto;text-align:center;}
.bottomCon p{color: #8dc73f;font-size: 24px;}
.hImgWrap{top: 180px;position: relative;padding: 5px;background: #a7dde7;}
.hImgWrap .hImgColDiv{top:0;background: #a7dde7;border: dashed 1px #fff;height: 108px;}
.conPage{padding-top: 20px;background: #fff;}
.conPageWrap{width:960px; margin:0 auto;}
.pageContext{line-height: 25px; font-size: 15px;}
.leftSideNav{width:199px;float: left;}
.secondaryNav {border: solid #f3e5ed 1px;}
.secondaryNav > ul{list-style:none;padding: 0 0px 0 0px !important;margin-bottom: 0 !important;background: #4169e1;}
.secondaryNav li{}


.secondaryNav a:hover{background: #547bf2; color: #fff;}

.secLevel1 ul{position: absolute;border: 1px solid #547bf2;width: 180px;padding: 0 10px 0 0px !important;margin: -40px 0 0 198px;background: #4169e1;z-index: 20;width: 186px;}		
 
.secLevel2 ul{margin: -40px 0 0 196px;}

.secLevel2,.secLevel3,.secLevel4{display:none;} 

.secLevel1 li:hover .secLevel2{display:block;} 
.secLevel2 li:hover .secLevel3{display:block;}  
.secLevel3 li:hover .secLevel4{display:block;} 

.secondaryNav a{/*color:#798ec7;border-top: dashed #e9d2de 1px;*/color: #99cc66;border-top: 1px solid #547bf2;padding: 10px 0 10px 0;display: block;width: 197px;text-indent: 15px;}
.secondaryNav >.secLevel2{border-top: dashed #e9d2de 1px;}
.secondaryNav .secLevel2>li:first-child a{/*border-top: 0 !important;*/} 
.secondaryNav  li:first-child a{/*border-top: 0;*/} 
.secondaryNav .secLevel3 a ,.secondaryNav .secLevel2 a{border-top: 1px solid #547bf2;}
.secLevel3  li:first-child a{/*border-top: 0 !important;*/} 
.leftSideNav .secondaryNav .secLevel4 a{border-top: dashed #e9d2de 1px !important;}
.leftSideNav .secLevel4  li:first-child a{/*border-top: 0 !important;*/} 

.contactPage{width:960px;float:none;}
.conForm{width:47%;float:left;}
.conDetails{width:47%;float:right;}



.pageContent{float:right;width:730px;}
.breadCrumbs{font-size: 14px; color: #666;border-bottom: solid #d2f0fb 1px;padding: 0px 0 10px 0;margin: 0 0 15px 0;}
		.breadCrumbs span{color:#31b9eb;}




.google_map {  width: 100% !important; height: 171px; margin-bottom: 0px !important;margin-top: 25px; }

.circular {
	width: 300px;
	height: 300px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	
	}
	

.borderRound{-webkit-border-radius: 15px;border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;}



/********Contact Form**********/



.inputFormField{display: none;}
.inputTextArea{display: none;}

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

.popDiv{width: 800px; 
	position: fixed;
	z-index: 9999999;
	top: 10%;
	bottom: 10%;
	margin: 0 auto;
	right: 0;
	left: 0;
	background: #fff;
	display:none;
}


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

@media(max-width:959px){
	.headerWrapper{width:100%;}
	.logo{width: 42%;}
	.logo img{width:100%;}
	.headerTopDetails {float: right;width: 52%;}
	.hTop img{float: right; width: 23%;}
	.hTop span{font-size: 15px;}
	.navigation ul{width:100%;}
	.navigation a{font-size:14px;}
	.conPageWrap{width:100%;}
	.pageContent{width: 95%;}
	.breadCrumbs{text-align: right;padding: 0px 10px 10px 0;}
	.bottomCon{width:100%;}
	.bottomCon img{width: 13%;}
	.home{width:100%;}
	.heroWrap{width: 79%;}
	.hImgColDiv{width:20%;}
	.heroImgCol{width: 25%;}
	.contactPage{width:100%;}
	#contact_form input[type="text"], #contact_form textarea{width:100%;}
	
	
}

@media(max-width:767px){
	.heroWrap{width:100%;}
	.rightSidebar{width:100%;}
	.hImgWrap .hImgColDiv{word-break: break-all}
	.hImgColDiv{word-break: break-all;}
}


@media(max-width:636px){
	.headerTopDetails{width: 94%; margin: 0 auto;float:none;}
	.hTop{text-align:center;}
	.hTop img{position: absolute;top: 0;right: 0;}
	.logo{width: 70%;margin-right: 200px;}
	.navigation a{font-size:11px;}
	.hBot{margin:0;padding: 39px 0 40px 0;}
	.bottomCon img{margin: 0 0 20px 43px;}
	
}



@media(max-width:480px){
	.tagline{font-size: 23px;}
	.hBotCol{float:none;clear:both;}
	.hBot{width: 180px;padding: 0 0 70px 0;margin: 0 auto;clear: both;}
	.hTop span{top:0;}
	.hTop {margin: 0px 0 30px 0;}
	.logo{margin-bottom: 20px;}
	.navigation{display:none;}
	.mob_menu{display:block !important;}
	.topSep{display:block;}	
	.topSep img{width:100%;padding: 2px 0 0 0;}
	.secondaryNav{display:none;}
	//.pageContent{width:100%;}
	.bottomCon img{width: 25%;}
	.heroImgCol{width:100%;height: auto;}
	.hImgColDiv{top:0;}
	.hImgWrap{top:0}
	.conForm,.conDetails{width:100%;}
}


/******************mob nav********************/




#toggle, .toggle { display: none; }
.mob_menu  .menu > li { list-style: none; float:left;	}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

@media only screen and (max-width: 768px){
	.mob_menu  .menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
	.mob_menu  .menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-bottom: dashed #e9d2de 1px;width: 95%;margin: 0 auto; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	#toggle:checked + div .menu { display: block; opacity: 1;}
}


/*--------------------------------
 Presentation Styles (Editable)
---------------------------------*/


.nav{ 
	display: block; 
	float: right; 
}

.nav, .menu, .menu > li, .menu > li > a{ 
	height: 100%; 
}

.menu > li > a{
	display: block;
	//padding: 42px 20px;
	padding: 10px 0 10px 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.menu > li > a:hover, .menu > li > a:focus{
	//background: #F2F2F2;
	//box-shadow: inset 0px 5px #51C1F1;
	color: #51C1F1;
	//padding: 50px 20px 34px;
}

.toggle{ 
	z-index: 2; 
}

@media only screen and (max-width: 768px){
	.menu{
		background: #FFFFFF;
		//border-top: 1px solid #51C1F1;
		padding:0;
		margin:0;
	}

	.menu, .menu > li, .menu > li > a{
		height: auto;
		text-align:center;
	}

	.menu > li > a{
		//padding: 15px 15px;
	}

	.menu > li > a:hover, .menu > li > a:focus{
		//background: #F2F2F2;
		//box-shadow: inset 5px 0px #51C1F1;
		//padding: 15px 15px 15px 25px;
	}

	.toggle:after {
		content: attr(data-open);
		display: block;
		width: 200px;
		//margin: 33px 0;
		padding: 10px 50px;
		background: #eb7ceb;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		text-align: center;
		font-size: 12px;
		color: #FFFFFF;
	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}

	.toggle:hover:after{
		background: #eb7ceb;
	}

	#toggle:checked + div .toggle:after{
		content: attr(data-close);
	}
}

@media only screen and (max-width: 479px){
	.header > h1 { 
		text-align: center;
	}
	.header > h1, .nav, .toggle:after{ 
		float: none; 
	}
	.toggle:after { 
		text-align: center; width: 100%; 
	}
}

.mob_menu .menu{z-index:999999;}
.mob_menu {background:#fff;display:none;}
.mob_menu a{color:#666 !important;}
.mob_menu .secLevel1 ul{position:static;width:100%;margin:0px;}
.mob_menu .secLevel2 ul{margin:0;}
.mob_menu .menu.secLevel1 ul{background: rgba(235, 124, 235, 0.11);}
.mob_menu .menu.secLevel2 ul{background: rgba(235, 124, 235, 0.30);}
.mob_menu .menu.secLevel3 ul{background: rgba(235, 124, 235, 0.60);}
.mob_menu .menu  li a{padding: 10px 0 10px 0 ; display:block;width:100%;}
.mob_menu .menu  li {text-align:center;}
.mob_menu .menu .secLevel3 li a{border-bottom: dashed #e9d2de 1px;}
.mob_menu .mob_menu .menu .secLevel2 li a{border-bottom: dashed #e9d2de 1px;}
.mob_menu .mob_menu .menu .secLevel1 li a{border-bottom: dashed #e9d2de 1px;}

.mob_menu .menu a:hover{background: rgba(235, 124, 235, 0.37); }


.mob_menu .menu>li:hover ul{box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.05);