/*
	Author		: Ernesto M. Abasolo III
*/



*, *:before, *:after {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after { position: absolute;}
img{max-width: 100%; height: auto;}
html, button, input, select, textarea { color: #222;}
html, body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.4; height: 100%;color:#3e3e3e;}
a{ text-decoration: none; color: #3498db; outline: 0 !important;}
textarea { resize: vertical;}

.comingsoon {color:#FF0000; font-weight:bold; font-style:italic;}
.floatleft-img{ float:left; margin-right:20px; margin-top:10px; border: 4px solid #fff; box-shadow:0 0 5px;margin-left:7px;}
.floatright-img{ float:right; margin-left:20px; margin-top:10px; border: 4px solid #fff; box-shadow:0 0 5px;margin-right:7px;}

h1,h2,h3,h4,h5,h6,ul{margin:0 auto;font-weight:normal;}
ul{margin:0 auto;padding:0;list-style:none;}

.technology {cursor:pointer; font-weight:bold; margin:5px 0; padding:10px 0; background:#fff;}
.openlanguage {color:#000; background:#fff;}
.closedlanguage {color:#000; background:#fff; border-bottom:1px solid #333;}
.thelanguage {padding:0 10px 0 10px; border: 1px solid #000;  background:#fff;line-height:25px;}	
	
/*
* Header Config
*/

header.page-header { width: auto; min-height: 100px;background-color: #FFFCF5;  }
.logo-wrapper img{width: 395px;}
.logo-wrapper {margin-top: -72px;}
.header-info{}
.header-info span{display:block;}

/*
* Navigation Config
*/

nav.page-nav{height:69px;background:url(images/nav-bg.png)repeat-x center top;}
nav.page-nav ul{margin:0 auto;padding:0;list-style:none;}
nav.page-nav li{ display: inline-block; vertical-align: middle; position: relative; }
nav.page-nav li a{ display: block; width: auto; margin: 0px 8px; padding:20px 12px 25px; font-size:15px;color: #262e00; font-weight: bold;position:relative;z-index:999;}
nav.page-nav li:first-child a{margin-left:25px;}
nav.page-nav li a:hover, nav.page-nav li a:active, nav li.current_page_item a{ background: #a1c71b; color: #262e00;}
nav.page-nav ul li:after{content:url(images/nav-spacer.png);top:2px;right:0px;}
nav.page-nav ul li:last-child:after{content:"";}

/* Drop down icon */
nav.page-nav span{ position: absolute; right: 0; top: 0; display: none; padding: 5px; cursor: pointer; z-index: 9; }

/* Navigation bar icon */
.nav-toggle-button{ display: none; float: right; color: #231d1d; cursor: pointer; margin-top: 35px; }
.nav-toggle-button .fa{ display: block;  }


/*
*	Banner Area Config
*/
.banner{height:707px;background:url(images/banner-bg.png)no-repeat center top;}
.banner > .container{padding-top:82px;position:relative;}
.banner-left{}
.slogan{margin-top:10px;font-family:Georgia, serif;font-size:25px;color:#27268b;font-style:italic;}
.slogan .clr{color:#86a200;}
.slogan .bl{display:block;line-height:20px;}
.appointment{margin-top:18px;}
.appointment a{display:block;width:281px;height:49px;line-height:49px;background:url(images/appointment-btn.png)no-repeat top left;font-size:19px;color:#2d1875;text-indent:20px;text-align:start;}
.appointment a span{font-weight:bold;color:#313e00;}
.appointment a:hover{color:#fff;background:url(images/appointment-btn.png)no-repeat bottom left;}
.appointment a:hover span{color:#fff;}

.dlApplication{display:block;width:281px;height:49px;line-height:49px;background:url(images/appointment-btn.png)no-repeat top left;font-size:13px;color:#2d1875;text-indent:10px;}
.dlApplication:hover{color:#fff !important;background:url(images/appointment-btn.png)no-repeat bottom left;}

.socials{margin-top:115px;position:relative;z-index:99999;}
.socials h2{font-size:16px;color:#fff;display:inline-block;vertical-align:middle;}
.socials .icons{margin-left:5px;display:inline-block;vertical-align:middle}


.flash{width:676px;height:505px;position:absolute;top:35px;right:0;}

/* 
* Middle Area Config 
*/
#mid{max-width:1000px;height:321px;margin:0 auto;background:url(images/mid-bg.png);padding:28px 19px 0;margin-top:-220px;position:relative;z-index:999;}
.tile{width: 280px;max-width: 100%;min-height: 215px;text-align:left;margin-top:43px;margin-left:10px;}
.tile:nth-child(2){width: 280px;margin:0 0 0 75px}
.tile:last-child{margin-left:30px;}
.tile h2{font-family:Georgia, serif;font-style:italic;color:#2d1875;font-family:Georgia, serif;font-size:26px;position:relative;}
.tile:first-child h2{padding-left:62px;margin-bottom:25px;}
.tile:nth-child(2) h2{padding-left:62px;}
.tile:last-child h2{padding-left:52px;margin-bottom:25px;}
.tile:first-child h2:before{content:url(images/tile1-b.png);top:10px;left:0;}
.tile:nth-child(2) h2:before{content:url(images/tile2-b.png);top:10px;left:0;}
.tile:last-child h2:before{content:url(images/tile3-b.png);top:10px;left:0;}
.tile:nth-child(2) h2{font-family:Georgia, serif;font-style:italic;color:#2d1875;font-family:Georgia, serif;font-size:26px;position:relative;}
.tile:last-child h2{font-family:Georgia, serif;font-style:italic;color:#2d1875;font-family:Georgia, serif;font-size:26px;position:relative;}
.tile h2 span{display:block;font-family: 'Open Sans', sans-serif;font-size:32px;font-weight:bold;font-style:normal;color:#313e00;line-height:20px;}

.mid-con{color:#313e00;line-height:25px;min-height:115px;}
.tile:nth-child(2).mid-con{color:#313e00;line-height:25px;min-height:100px;}


.tile ul{margin:30px auto;padding:0;list-style:none;}
.tile ul.mk li{position:relative;}
.tile ul.mk li a{font-weight:bold;color:#313e00;padding:3px 0;padding-left:30px;background:none;line-height:15px!important;text-indent:0;width:auto!important;}
.tile ul li:before{content:url(images/ul-b.png);top:5px;left:0;}
.tile ul li:after{content:url(images/ul-a.png);bottom:-1px;left:0;}
.tile a{display:block;width:150px;height:35px;line-height:32px;font-weight:bold;color:#fff;text-indent:15px;background:url(images/mid-btn.png)no-repeat top left;}
.tile a:hover{background:url(images/mid-btn.png)no-repeat bottom left;}

/* 
* Sidebar Area Config 
*/

aside.page-sidebar{ width: 285px; max-width: 100%; height:auto;}
.stories{width:286px;height:auto;border:1px solid #afd02e;border-radius:10px;padding:20px;}
.stories h2{font-family:Georgia, serif;font-size:26px;font-style:italic;position:relative;margin-bottom:30px;color:#566e00;}
.stories h2:before{content:url(images/stories-h2-b.png);top:0;right:0;}
.stories h2 span{font-family: 'Open Sans', sans-serif; font-size:23px;color:#2e2283;font-style:normal;font-weight:bold;line-height:15px;display:block;}
.stories-con{font-style:italic;color:#454545;position:relative;line-height:25px;min-height:70px;padding-left:5px;}
.stories-con:before{content:url(images/stories-b.png);top:-15px;left:0;}
.stories-con:after{content:url(images/stories-a.png);bottom:15px;right:0;}
.stories a{display:block;width:150px;height:35px;line-height:32px;font-weight:bold;color:#fff;text-indent:15px;background:url(images/stories-btn.png)no-repeat top left;}
.stories a:hover{background:url(images/stories-btn.png)no-repeat bottom left;}


.contact-info{margin-top:20px;width:286px;height:221px;border:1px solid #afd02e;border-radius:10px;padding:10px 20px;}
.contact-info h2{font-family:Georgia, serif;font-size:26px;font-style:italic;position:relative;margin-bottom:20px;color:#566e00;}
.contact-info h2:before{content:url(images/contact-a.png);top:10px;right:0;}
.contact-info h2 span{font-family: 'Open Sans', sans-serif; font-size:23px;color:#2e2283;font-style:normal;font-weight:bold;line-height:15px;display:block;}
.contact-info ul {margin:0 0 0 0; padding:0; list-style:none;}
.contact-info ul li {line-height:22px; padding:0 0 0 25px; position:relative;z-index:2}
.contact-info ul li:first-child{padding-bottom:15px;}
.contact-info ul li a {color:#434145; font-weight:bold;}
.contact-info ul li a:hover {color:#434145; text-decoration:underline;}
.contact-info ul li:first-child:before{content:url(images/maps.png); position:absolute; top:5px;left:0;}
.contact-info ul li:nth-child(2):before{content:url(images/phone.png); position:absolute;top:15px;left:0;}
.contact-info ul li:last-child:before{content:url(images/mail.png); position:absolute;top:2px; left:0;}

.postcard{margin-top: 20px; width: 286px; height: 57px; border: 1px solid #AFD02E; border-radius: 10px; padding: 10px 42px;}
.postcard a{display:block;width:200px;height:35px;line-height:34px;font-weight:bold;color:#fff;text-indent:15px;background:url(images/postcard-btn.png)no-repeat top left;}
.postcard a:hover{background:url(images/postcard-btn.png)no-repeat bottom left;}

.visitorCounter{margin-top:20px;font-size:16px;color:#454545;}
.visitorCounter span{padding:5px 50px;border:1px solid #afd02e;border-radius:8px;text-align:center;}
/* 
* Main Content Area Config 
*/
.grid{padding:20px 0;}
.main{width:390px;}
.main h1 {font-family:Georgia, serif;font-size:22px; font-style:italic; color:#566e00;margin-bottom:15px;}
.main h1 span{font-family: 'Open Sans', sans-serif; display:block;font-weight:bold;font-style:normal;font-size:28px;line-height:30px;}
.main p {line-height:25px;padding-bottom:15px;}
.main a{color:#566e00;font-weight:bold;text-decoration:none;}
.main a:hover{color:#353298;}
.main ul {margin:0; padding:0; padding-left:0; list-style:none;}
.main ul li{ line-height:25px; margin-bottom:3px; position: relative; padding:3px;padding-left:50px;}
.main ul li:before{ position: absolute; content: url(images/bull.png); left: 20px; top: 7px;}

.page-content { width: 690px; max-width: 100%;}

.comp, .mark{ color: #353298; font-weight: bold; }

.staff{width:388px;height:201px;background:url(images/staff-bg.png)no-repeat center top;position:relative;}
.right{float:right;width:262px;}
.staff h2{font-family:Georgia, serif;font-size:19px; font-style:italic; color:#566e00;margin:15px 0 10px;}
.staff h2 span{font-family: 'Open Sans', sans-serif;font-size:26px; font-style:normal;font-weight:bold; color:#2e2283;}
.staff-con{width:240px;color:#454545;line-height:17px;}
.staff a{margin-top:20px;margin-left:45px;display:block;width:150px;height:35px;line-height:32px;font-weight:bold;color:#fff;text-indent:15px;background:url(images/staff-btn.png)no-repeat top left;}
.staff a:hover{background:url(images/staff-btn.png)no-repeat bottom left;color:#fff;}

.staff-img{position:absolute;bottom:0;left:0;}

/*
*RIGHT SIDEBAR
*/

.service-areas{width:286px;height:309px;border:1px solid #afd02e;border-radius:10px;padding:20px;position:relative;}
.service-areas h2{font-family:Georgia, serif;font-size:26px;font-style:italic;position:relative;margin-bottom:30px;color:#566e00;}
.service-areas h2:before{content:url(images/service-areas-b.png);top:8px;right:0;}
.service-areas h2 span{font-family: 'Open Sans', sans-serif; font-size:23px;color:#2e2283;font-style:normal;font-weight:bold;line-height:15px;display:block;}
.service-areas ul{}
.service-areas ul li{position:relative;display:block;padding:2px 0 2px 10px;}
.service-areas ul li:before{content:url(images/services-bull.png);top:0;left:0;}
.service-areas a{margin-top:15px;display:block;width:167px;height:35px;line-height:32px;font-weight:bold;color:#fff;text-indent:15px;background:url(images/services-btn.png)no-repeat top left;}
.service-areas a:hover{background:url(images/services-btn.png)no-repeat bottom left;}
.state-img{position:absolute;right:10px;top:85px;}


.choose{margin-top:20px;width:286px;height:286px;border:1px solid #afd02e;border-radius:10px;padding:20px;}
.choose h2{font-family:Georgia, serif;font-size:26px;font-style:italic;position:relative;margin-bottom:15px;color:#566e00;}
.choose h2:before{content:url(images/choose-b.png);top:0;right:0;}
.choose h2 span{font-family: 'Open Sans', sans-serif; font-size:23px;color:#2e2283;font-style:normal;font-weight:bold;line-height:15px;display:block;}
.choose-con{color:#454545;position:relative;line-height:25px;min-height:145px;}
.choose a{display:block;width:150px;height:35px;line-height:32px;font-weight:bold;color:#fff;text-indent:15px;background:url(images/stories-btn.png)no-repeat top left;}
.choose a:hover{background:url(images/stories-btn.png)no-repeat bottom left;}
/* 
* Bottom Area Config 
*/


/* 
* Footer Area Config 
*/

footer.page-footer{height:109px;background:url(images/footer-bg.png)repeat-x center top;padding-top:35px;}
.nav-footer ul{ margin: 0 auto 0; padding: 0; text-align: center; list-style: none; }
.nav-footer ul li{ display: inline-block; vertical-align: top;position:relative; }
.nav-footer ul li a{ display: block; padding: 0 25px; color: #fff;}
.nav-footer ul li a:hover,.nav-footer li.current_page_item a{text-decoration:underline; }
.nav-footer ul li:after{content:"|";top:0;right:-3px;color:#fff;}
.nav-footer ul li:last-child:after{content:"";}


/*
* Copyright Config
*/

.footer-comp{ color:#FFF; font-weight:normal;}
#copyright { margin:10px auto 0 auto; color:#FFF; text-align:center;}
#copyright a{ color: #fff;}
#copyright a:hover{ text-decoration:underline;}

/*
* Dang IE 7
*/
.lt-ie8 .dang-ie{ width: 100%; height: 100%; position: fixed; background-color: #00abdd;}
.message{ text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}
.inner-message{	position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{ position: relative; left: 3em;}
.inner-message a.download{ display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}
.terms{ color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie8 .protect-me{ display: none; }

/*search*/
.search_results div.page, .search_results div.post {padding:20px; margin-bottom:8px; background:#FFFFE1; border-bottom:2px solid #CCC;}
.search_results h2 a {text-decoration:none;}
.search_results div.entry-meta {font-style:italic;}
.search_results a {color:#000;}
.search_results a:hover {text-decoration:none;}

/*resouces*/
.resources {font-size:14px; }
	.resources a {color:#566e00; text-decoration:none; display:block;font-weight:bold;}
	.resources a:hover {color:#353298; text-decoration:none; padding-left:1px;}
	.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
	.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #353298; border-bottom:2px solid #353298;}
	.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;} /*optional*/
	.resources ul li:before{content:"";}

@media only screen and (max-width: 600px)
{
	.grid
	{
		display: flex;
		flex-flow: column;
		padding: 10px;
	}
	.page-content
	{
		display: flex;
		flex-flow: column;
	}
	.banner-left
	{
		text-align: -webkit-center;
	}
	.page-content, .page-sidebar{
		top: 200px;
    	position: relative;
	}
}
@media only screen and (max-width: 1020px)
{
	#mid{
		margin-left:10%;
		top: 180px;
		background: none;
	}
	.tile{
		margin: 43px 0 0 0px !important;
		padding: 30px;
		background-image: linear-gradient(#97c10d, #e3ef81);
		border-radius: 15px;
	}
	.contact-info {
		margin-bottom: 125px;
	}
}

@media only screen and (max-width: 400px)
{
	#mid{
		margin-left:6%;
	}
}