/*

	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: 14px; line-height: 1.4; height: 100%;color:#202020;}

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;}

/*

* Header Config

*/



header.page-header {min-height: 157px; width: auto;background:url(images/header-bg.png)repeat-x center top; position: relative; z-index: 999;}

.logo-wrapper{padding-top:23px;width:322px;height:178px;position:absolute;left:0;z-index:99;}

.flags{float:left;margin-right:70px;}

.header-info{width:636px;padding:23px 4px 0 0;font-family: 'Open Sans', sans-serif;font-size:18px;color:#595959;}

.header-info span{font-family: 'Oswald', sans-serif;font-size:20px;color:#f0555f;font-weight:bold;}

/*

* Navigation Config

*/

nav.page-nav{width:636px; position: relative; z-index: 999;}

nav.page-nav ul{margin: -10px auto -9px; padding:0; list-style:none; position: relative; z-index: 999;}

nav.page-nav li{ display: inline-block; vertical-align: middle; position: relative; z-index: 999;}

nav.page-nav li a{ font-family: 'Bitter', serif;display: block; width: auto; margin:15px 1px 0 2px;padding:15px 6px;color: #fff; font-weight: normal; font-size: 13px !important; text-align: center;}

nav.page-nav li a:hover, nav.page-nav li a:active, nav li.current_page_item a{ background:url(images/nav-a-bg.png)repeat-x center top; color: #fff;}

nav.page-nav ul li:after{content:url(images/nav-spacer.png);position:absolute;top:20px;right:-4px;}



nav.page-nav ul li:nth-child(2), nav.page-nav ul li:nth-child(6){margin-top: 10px !important;}

nav.page-nav ul li:nth-child(2) a, nav.page-nav ul li:nth-child(6) a{margin-top: 14px !important; padding-top: 7px !important;}



	nav.page-nav ul ul{display: none;position: absolute; top: 83%; left: 0; z-index: 999; text-align: left !important;}

	nav.page-nav ul li:hover  ul{display:block;}

	nav.page-nav ul ul li a{display:block; width:140px; color:#fff !important; background: #0068c1; padding-bottom: 11px; text-align: left !important; padding-left: 15px !important;}

	nav.page-nav ul ul li { display: block !important; text-align: left !important;}

	nav.page-nav ul ul li:after{content: "" !important;}

	nav.page-nav ul ul li  a:hover, nav.page-nav ul ul li.current_page_item a{ background:#fdb20f!important; color:#fff !important;}

	nav.page-nav ul ul li:before{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:421px;background:url(images/banner-bg.png)repeat-x center top;margin-top:-31px; position: relative; z-index: 0;}

.banner-content{position:relative;}

.slogan{position:absolute;left:30px;bottom:27px;z-index:999;}

.ban-img{position:absolute;right:348px;bottom:43px;z-index:999;}

.banner-sidebar{position:absolute;bottom:0;right:5px;background:url(images/banner-sidebar-bg.png)no-repeat bottom right;width:480px;height:200px;z-index:999;}

.banner-sidebar ul{margin:0 auto;padding:0;list-style:none;margin-top:10px;position:absolute;right:18px;}

.banner-sidebar ul li {display:block; text-align:left;padding:2px 0;}

.banner-sidebar ul li a{width:292px;height:40px;line-height:40px;font-size:17px;font-weight:bold;color:#FFF; text-decoration:none;display:block;padding-left:60px;}

.banner-sidebar ul li:first-child a{background:url(images/banner-sidebar1.png)no-repeat top left;transition:all 0.5s ease-in-out;}

.banner-sidebar ul li:nth-child(2) a{background:url(images/banner-sidebar2.png)no-repeat top left;transition:all 0.5s ease-in-out;}

.banner-sidebar ul li:nth-child(3) a{background:url(images/banner-sidebar3.png)no-repeat top left;transition:all 0.5s ease-in-out;}

.banner-sidebar ul li:last-child a{background:url(images/banner-sidebar4.png)no-repeat top left;transition:all 0.5s ease-in-out;}



.banner-sidebar ul li:first-child a:hover, .banner-sidebar ul li:first-child.current_page_item a {color:#fff; text-decoration:none; background:url(images/banner-sidebar1.png)no-repeat bottom left;transition:all 0.5s ease-in-out;}

.banner-sidebar ul li:nth-child(2) a:hover, .banner-sidebar ul li:nth-child(2).current_page_item a {color:#fff; text-decoration:none; background:url(images/banner-sidebar2.png)no-repeat bottom left;transition:all 0.5s ease-in-out;}

.banner-sidebar ul li:nth-child(3) a:hover, .banner-sidebar ul li:nth-child(3).current_page_item a {color:#fff; text-decoration:none; background:url(images/banner-sidebar3.png)no-repeat bottom left;transition:all 0.5s ease-in-out;}

.banner-sidebar ul li:last-child a:hover, .banner-sidebar ul li:nth-child(4).current_page_item a {color:#fff; text-decoration:none; background:url(images/banner-sidebar4.png)no-repeat bottom left;transition:all 0.5s ease-in-out;}

/* 

* Middle Area Config 

*/

#mid{margin-top:20px;margin-bottom:10px;}



.tile{width: 315px;height:215px;max-width: 100%;text-align:left;}

.tile:first-child{background:url(images/midbox1.png)no-repeat center top;}

.tile:nth-child(2){background:url(images/midbox2.png)no-repeat center top;}

.tile:nth-child(3){background:url(images/midbox3.png)no-repeat center top;}



#mid a{font-family: 'Oswald', sans-serif;font-size:24px;color:#636363;padding-top:150px;padding-left:15px;line-height:23px;}

#mid a span{display:block;font-family: 'Bitter', serif;font-size:24px;font-weight:bold;color:#87aa3e}



#mid a:first-child:hover{background:url(images/midbox1-hover.png)no-repeat center top;}

#mid a:nth-child(2):hover{background:url(images/midbox2-hover.png)no-repeat center top;}

#mid a:last-child:hover{background:url(images/midbox3-hover.png)no-repeat center top;}





/* 

* Sidebar Area Config 

*/



aside.page-sidebar{ width: 300px; max-width: 100%;}

.page-sidebar ul {margin:0; padding:0; list-style:none;font-family: 'Lato', sans-serif;font-size:16px;font-weight:bold;color:#fff;margin-bottom:30px;}

.page-sidebar ul li {display:block; text-align:left;padding:3px 0;}

.page-sidebar ul li a{width:auto;font-family: 'Bitter', serif;font-size:18px;font-weight:normal;height:47px;line-height:47px;color:#FFF; text-decoration:none;display:block;background:url(images/sidebar-btn.png)no-repeat top left;transition:all 0.5s ease-in-out;text-indent:27px;}

.page-sidebar ul li a:hover, .page-sidebar ul li.current_page_item a {color:#fff; text-decoration:none; background:url(images/sidebar-btn.png)no-repeat bottom left;transition:all 0.5s ease-in-out;}



.uploadf a{width:300px;font-family: 'Bitter', serif;font-size:18px;font-weight:normal;height:47px;line-height:47px;text-decoration:none;display:block;background-color:#006cce;transition:all 0.5s ease-in-out;text-align:center;font-weight:bold;border-radius:6px;margin-bottom:20px;}

.uploadf a:hover{text-decoration:none; background-color:#d44b54;transition:all 0.5s ease-in-out;}



.blink{   

  animation-duration: 1000ms;

  animation-name: blink;

  animation-iteration-count: infinite;

  animation-direction: alternate;

}



@keyframes blink {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}

@keyframes blink {

  0% {

    opacity: 1;

    color: #d45555;

  }



  25% {

    color: #c2d455;

    opacity: 0;

  }



  50% {

    opacity: 1;

    color: #7be140;

  }



  75% {

   opacity: 0;

   color: #55a8d4;

 }



 100% {

   opacity: 1;

   color: #d2a4e9;

 }

}



.outer-box{background-color:#006cce;border-radius:8px;padding:5px;margin-bottom:19px;}

.outer-box2{background-color:#9cc447;border-radius:8px;padding:5px;}



.clients{background-color:#115ea4;border-radius:8px;padding:5px;}

.employee{background-color:#87aa3e;border-radius:8px;padding:5px;}



.login{background-color:#fff;border-radius:8px;padding-left:14px;padding-bottom:15px;}

.login h2{margin:0 auto;font-family: 'Bitter', serif;font-size:22px;color:#202020;font-weight:bold;}



.inputs{margin-top:10px;}

.inputs input[type="text"]{border:none;width:169px;height:32px;border:1px solid #969696;border-radius:5px;padding:0 10px;margin:0 0 15px 10px}

.inputs input[type="submit"]{border:none;width:97px;height:29px;background:url(images/clients-btn.png)no-repeat top left;transition: all 0.5s ease-in-out;color:#5e3200;text-align:center;margin-left:155px;}



.employee .inputs input[type="submit"]{border:none;width:97px;height:29px;background:url(images/clients-btn.png)no-repeat top left;transition: all 0.5s ease-in-out;color:#5e3200;text-align:center;margin-left:155px;margin-bottom:30px;}



.inputs input[type="submit"]:hover{background:url(images/clients-btn.png)no-repeat bottom left;transition: all 0.5s ease-in-out;color:#fff;}

.member{font-size:12px;text-align:center;display:block;margin:10px 0;}

.login a{font-size:12px;display:block;width:165px;height:29px;line-height:29px;text-align:center;background:url(images/login-btn.png)no-repeat top left;transition: all 0.5s ease-in-out;color:#5e3200;margin:0 auto;}

.login a:hover{background:url(images/login-btn.png)no-repeat bottom left;transition: all 0.5s ease-in-out;color:#fff;}

/* 

* Main Content Area Config 

*/

.grid{margin-bottom:10px;margin-top:0px;position:relative;padding-top:60px;}

.grid:after{content:url(images/mid-after.png);position:absolute;top:10px;margin:0 auto;left:-550px; right:0;}

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

.page-content h1 {font-family: 'Bitter', serif;font-size:24px;color:#6c6c6c;margin:0 auto;padding-bottom:12px;border-bottom:1px solid #dbdbdb}

.page-content h1 span{color:#87aa3e;}

.page-content p{line-height:28px;padding-bottom:5px;}

.page-content a{color:#87aa3e;font-weight:bold;text-decoration:none;}

.page-content a:hover{color:#5d93b1;}

.page-content ul {margin:0; padding:0; padding-left:60px; list-style:none;}

.page-content ul li{ line-height:28px; margin-bottom: -6px; position: relative; padding:3px;}

.page-content ul li:before{ position: absolute; content: url(images/bull.png); left: -21px; top: 5px;}

.page-content ol {margin:0; padding:0; }

.page-content ol li{ line-height:28px; margin-bottom:3px; position: relative; padding:3px;}

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



.text-indent{padding-left:30px;}

.size1{font-size:18px;}

.size2{font-size:20px}

.services{width: 100%; text-align: center; margin: -5px 0px 30px;}

.services a{text-decoration: underline !important;}

.title{width: 100%; text-align: center; font-weight: bold; text-decoration: underline;}

.btn{margin-bottom: 20px;}

.btn a{padding: 8px 25px 9px !important; background: #006cce; border-radius: 6px; color: #fff !important;  font-size: 15px;}

.btn a:hover{background: #d44b54; color: #fff !important;}

.sub{margin-top: 20px; text-align: center; font-weight: bold;}



.btn2{margin: 20px 0px -14px; width: 300px; text-align: center;}

.btn2 a{padding: 12px 54px 13px !important; display: block; background: #006cce; border-radius: 6px; color: #fff !important; font-size: 17px; font-weight: bold;}

.btn2 a:hover{background: #d44b54; color: #fff !important;}



.content-img{float:left;padding-right:10px;}



/* 

* Bottom Area Config 

*/

.bottom{margin-top:45px;margin-bottom:10px;}

.bot{}

.bot-tile{width: 176px;height:197px;max-width: 100%;text-align:left;background:url(images/bottom-btn.png)no-repeat center top;text-align:center;margin:0 8px;}

.bot-tile:first-child{margin-left:0;}

.bot-tile:last-child{margin-right:0;}

.bottom a{font-family: 'Oswald', sans-serif;font-size:24px;color:#fff;text-transform:uppercase;padding-top:60px;}

.bottom a:last-child{padding-top:40px;}

.bottom a span{display:block;font-family: 'Bitter', serif;font-size:18px;color:#fff;font-weight:normal!important;line-height:20px;text-transform:none;}



.bottom a:hover{background:url(images/bottom-btn-hover.png)no-repeat center top;color:#ffc443;}

.bottom a:hover span{color:#75bdff;}





/* 

* Footer Area Config 

*/



footer.page-footer{height:455px;position:relative;}

.footer-top{height:396px;background:url(images/footer-top-bg.png)repeat-x center top;}

.foot{padding-top:40px;position:relative;}

.newsletter{width:650px;float:left;}

.newsletter h2{font-size:20px;color:#fff;}

.newsletter h2 span{color:#ffca57;font-family: 'Bitter', serif;}

.newsletter input[type="text"]{width:300px;height:45px;border:1px solid #6aabcd;border-radius:10px;color:#a3a3a3;font-size:13px;font-style:italic;padding:0 20px;margin-right:20px;}

.newsletter input[type="submit"]{border:none;margin-top:10px;display:block;width:161px;height:46px;background:url(images/news-btn.png)no-repeat top left;transition: all 0.5s ease-in-out;font-size:20px;font-weight:bold;text-align:center;color:#fff;}

.newsletter input[type="submit"]:hover{background:url(images/news-btn.png)no-repeat bottom left;transition: all 0.5s ease-in-out;}



.social{float:right;width:300px;}

.social h2{font-family: 'Bitter', serif;font-size:20px;font-weight:bold;color:#fff;}



.contact-info{float:left;width:600px;padding-top: 7px;}

.contact-info h2{font-size:20px;color:#fff; margin-bottom: 12px;}

.contact-info h2 span{color:#ffca57;font-family: 'Bitter', serif;}

.contact-info ul {margin:0px 0 0 0; padding:0; list-style:none;}

.contact-info ul li{line-height:25px;padding:0 0 0 54px; position:relative;z-index:2;display:inline-block;vertical-align:top;width:250px;color:#fff;font-size:13px;}

.contact-info ul li:last-child{padding:0 0 0 54px; position:relative;z-index:2;display:inline-block;vertical-align:top;width:300px;margin:-50px 0 0 250px;}

.contact-info ul li a {color:#fff; text-decoration:none;font-weight:bold;}

.contact-info ul li a:hover {color:#ffb30c; text-decoration:none;}

.contact-info ul li:first-child:before{content:url(images/home.png); position:absolute; top:15px;left:-2px;}

.contact-info ul li:nth-child(2):before{content:url(images/phone.png); position:absolute;top:0px;left:10px;}

.contact-info ul li:last-child:before{content:url(images/mail.png); position:absolute;top:-7px; left:15px;}



.footer-logo{position:absolute;bottom:-10px;right:10px;}



.nav-footer ul{ margin: 5px auto 0; padding: 0; text-align: center; list-style: none;float:left;}

.nav-footer ul li{ display: inline-block; vertical-align: top;position:relative;}

.nav-footer ul li a{ display: block; padding: 0 7px; color: #595959;font-size:13px;}

.nav-footer ul li:first-child a{padding-left:0;}

.nav-footer ul li:last-child a{padding-right:0;}

.nav-footer ul li a:hover,.nav-footer li.current_page_item a{color:#87aa3e;font-weight:bold;}

.nav-footer ul li:after{content:"•";position:absolute;top:0;right:-5px;}

.nav-footer ul li:last-child:after{content:"";}





/*

* Copyright Config

*/



.footer-comp{ color:#595959; font-weight:normal;}

#copyright { margin:0px auto 0px auto; float:right;margin-top:5px;color:#595959; text-align:center;font-size:13px;position:relative;z-index:999;}

#copyright a{ color: #595959;}

#copyright a:hover{ text-decoration:none;}



/*

* 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:#990100; text-decoration:none; display:block;font-weight:bold;}

	.resources a:hover {color:#ff0000; 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 #ACD7D6; border-bottom:2px solid #95CCCB;}

	.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;} /*optional*/



/* News Feed */

.breaking_news { text-align: center !important; }

.breaking_news p { line-height: 20px; }

.breaking_news h1 { font-family: 'Bitter', serif; font-size: 23px; color: #D44B54; }

.breaking_news a { color: #006CCE; font-weight: bold; }

.breaking_news a:hover { color: #D44B54; }