/* CSS Codes by: Larry Geams Parangan */
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*reset*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0pt none; 
	font-size:100%; 
	margin:0pt; 
	outline-color:invert; 
	outline-style:none;	
	outline-width:0pt;	
	padding:0pt;
}

/*body*/
body {
	margin:0; 
	padding:0; 
	font-family:'Roboto', 'Arimo', sans-serif; 
	font-size:13px; 
	color:#000; 
	line-height:22px; 
	background:#3e972b;
}
.widget-container{list-style: none;}
/*basics*/

a img {border:none;}
img, a { border:none; outline:none !important;}
a { color:#43a630; text-decoration:none;}
a:hover { color:#43a630;text-decoration:underline; }
.logo{
	background: url(images/logo.png) no-repeat;
	width:473px;
	height:152px;
	display: block;
	text-indent:-9999px;
	position: absolute;
	left: 37px;
	bottom: -43px;
}
.comp {
	color:#3038a0; 
	font-weight:bold;
}
.comingsoon {
	color:#FF0000; 
	font-weight:bold; 
	font-style:italic;
}
.clearfix {
	clear:both; 
	overflow:hidden;
}
.floatleft-img{ float:left; margin-right:20px; margin-top:10px; border: 4px outset #000;}
.floatright-img{ float:right; margin-left:20px; margin-top:10px; border: 4px outset #000;}

h1{font-size:24px; margin:0; padding:0;}
h2{font-size:20px; margin:0; padding:0;}
h3{font-size:16px; margin:0; padding:0;}
h4{font-size:14px; margin:0; padding:0;}
h5{font-size:12px; margin:0; padding:0;}
h6{font-size:10px; margin:0; padding:0;}

/*layers*/
#wrapper,.wrapper {
	width:1000px; 
	height:auto; 
	margin:0px auto;
	background: #fff;
}
#banner {
	width:90%;
	height:121px;
	background:url(images/banner-bg.png) repeat-x center top;
	
	position: relative;
	top: -21px;
	left:150px;
	z-index:30;
}
/*footer*/
#footer {
	position:absolute;
	width:90%; 
	/* height:138px;  */
	padding-top:9px; 
	font-size:11px; 
	left:150px;
	color:#fff; 
	margin:-11em auto 0 auto; 
	background:url(images/banner-bg.png) repeat-x center top;
	height: auto;
}
.inner-footer{
	width: 1017px;
	height: 160px;
	right:100px;
	margin: 0px auto;
	position: relative;
}
.inner-banner{
	width: 1000px;
	height: 101px;
	margin: 0px auto;
	right:100px;
	position: relative;
	
}
.banner-contact{
	width: 970px;
	margin: 0px auto;
	text-align: right;
	background: #fff;
	padding: 23px;
}
.banner-contact h2{
	font: 23px 'Arimo', sans-serif;
	font-weight: normal;
}
.banner-contact h4{
	font: 15px 'Arimo', sans-serif;
	font-weight: bold;
}

/*list icons*/
	.list{width:500px; height:auto; padding:0 0 0 40px;}
	.list ul {margin:0; padding:0; list-style:none; }
	.list ul li {list-style-image:url(images/imghome.png); width:300px; height:auto;}	
/*nav*/
#nav {
	width:435px; 
	height:96px; 
	font-family:'Open Sans', 'Roboto', 'Arimo', sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color:#FFF; 
	text-align:center; 
	background:url(images/nav-bg.png) repeat-x left top;
	position: absolute;
	right: 0px;
	bottom:-12px;
}
#nav ul {
	margin:0; 
	padding:0; 
	list-style:none;
}
#nav ul li {
	display:inline; 
	float:left;
	margin: 1px;
}
#nav ul li a {
	width:auto; 
	height:96px; 
	line-height:120px; 
	color:#FFF; 
	text-decoration:none; 
	padding: 5px;
	display:block; 
	float:left; 
	background:#797fc9;
}
#nav ul li a:hover, #nav ul li.current_page_item a {
	color:#fff; 
	text-decoration:none;
	background:#43a630;
}

#main-bg{
	background: #fff;
	width: 1017px;
	height: auto;
	margin: -4em auto;
}
/*Flash*/
#flash{
	width:1000px;
	height:412px;
	margin-top: -55px;
}
.slogan{float:right; width:439px; height:65px; background: url(images/slogan.png) no-repeat; position:relative;  top:300px; left:20px; line-height:59px; color:#fff; font-size:30px; font-family:Andalus; padding-left:20px;}
.slogan span{font-size:25px; font-family:Andalus; padding-left:10px; color:#fff; font-weight:bold;}
#fade{
	width: 1000px;
	margin: 0px auto;
	height: 409px;
	background: url(images/scroll-img.png) repeat-x;
}

/*mid*/
#mid{
	width: auto;
	height: 215px;
	margin: 5px auto;
	padding: 12px 12px 0px;
}
.mid-box{
	background: #b6bbff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 327px;
	height: 200px;
	float: left;
	margin: 2px;
	position: relative;
}
.mid-title{
	background: url(images/mid-title-bg.png) no-repeat left center;
	width: 327px;
	height: 85px;
	margin: 7px 0px;
	padding-left: 70px;
	color:#fff;
}
.mid-title h4{
	font: 18px Comic Sans MS;
	padding-top: 15px;
	font-weight: normal;
} 
.mid-title h2{
	font: 23px 'Arimo', sans-serif;
} 
.mid1:before{
	content: url(images/notes-icon.png);
	position: absolute;
	top: 22px;
	left: 5px;
}
.mid2:before{
	content: url(images/note-pen-icon.png);
	position: absolute;
	top: 22px;
	left: 5px;
}
.mid3:before{
	content: url(images/avatar-icon.png);
	position: absolute;
	top: 22px;
	left: 5px;
}
.mid-box p{
	width: 299px;
	padding-left: 10px;
	font: 13px 'Arimo', sans-serif;
	height: 47px;
}
.mid-box a{
	display: block;
	color: #fff;
	text-align:center;
	margin: 9px;
	background: url(images/click-btn.png) no-repeat left top;
	width: 97px;
	height: 25px;
}
.mid-box a:hover{
	background: url(images/click-btn.png) no-repeat left bottom;
}
/*main*/
#main {
	width:auto;
	height:auto; 
	background:url(images/main.jpg) repeat-x left top #FFF;
	padding-bottom: 12em;
}
.col-a {
	width: 340px;
	height: auto;
	float: left;
	padding: 0px 12px;
}
.col-a1 {
	width: 340px;
	height: auto;
	float: left;
	padding: 0px 12px;
	margin: 5em 0px;
}
.services{
	background: #b8e4ae;
	width: 325px;
	height: auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 1em;
}
.inner-services{
	padding: 10px;
	color: #1e2372;
}
.inner-services h4{
	font: 18px Comic Sans MS;
	font-weight: normal;
} 
.inner-services h2{
	font: 30px 'Arimo', sans-serif;
} 
.inner-services ul{
	list-style-image: url(images/list-icon.png)
}
.inner-services li {
	padding: 5px;
}
.inner-services li a{
	color: #353ead;
	font-weight:bold;
}
.contact-info h4{
	font: bold 18px 'Arimo', sans-serif;
}
.contact-info h2{
	font: normal 32px 'Arimo', sans-serif;
}
.contact-info ul{
	list-style: none;
}
.contact-info li{
	position: relative;
}
.contact-info li:first-child:before{
	content: url(images/home-icon.png);
	position: absolute;
	left: -30px;
}
.contact-info li:nth-child(2):before{
	content: url(images/phone-icon.png);
	position: absolute;
	left: -30px;
}
.contact-info li:last-child:before{
	content: url(images/mail-icon.png);
	position: absolute;
	left: -30px;
}
.col-b {
	width: 630px;
	height: auto;
	float: left;
	line-height: 25px;
}
.col-b1{
	width: 630px;
	height: auto;
	float: left;
	line-height: 25px;
	margin: 5em 0px;
}
.thumb{
	float: left; 
	padding-right: 20px;
}
.col-b h4{
	font: 18px 'Arimo', sans-serif;
}
.col-b h2{
	color: #3038a0;
	font: 30px 'Arimo', sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}
.title {
	font-family:'Arimo', sans-serif;
	font-size:20px; 
	font-weight:bold; 
	color:#0A347A; 
	padding-bottom:10px;
 }
.subtitle {color:#FE4477;}
		

.foot-logo{
	background: url(images/footer-logo.png) no-repeat;
	width: 282px;
	height: 83px;
	float: right;
	text-indent: -9999px;
	margin: 14px;
}
#footer ul {
	margin:30px 77px 0px;
	padding:0; 
	list-style:none;
	width: 604px;
}
.footer-left{
	float: left;
	width: 604px;
	font-size: 13px;
}
#footer ul li {display:inline;}
#footer ul li a {
	color:#fff; 
	text-decoration:none; 
	padding:0 16px 0 12px;
	border-right: 1px solid #fff;
}
#footer ul li:last-child a {border-right: 0px;}
#footer ul li a:hover {
	color:#fff; 
	text-decoration:underline
}
#lastlink a {border:none !important;}
#copyright {margin:0px 88px 0px; width: 604px;}
#copyright a {
	color:#fff; 
	text-decoration:underline;
}
#copyright a:hover {
	color:#fff; 
	text-decoration:none;
}
	
.bg-music{/* position:absolute; bottom:0px; left:430px; */ width: 300px; height: 40px; margin: 0 auto; padding-top: 7px;}

/*buttons*/
a.button-1 {
	width:280px; 
	height:62px; 
	margin:0 auto 0 auto; 
	display:block; 
	background:url(images/button-1.jpg) no-repeat left top;
}
a.button-1:hover {
	background:url(images/button-1.jpg) no-repeat left bottom;
}
.button-2 a {
	width:110px; 
	height:24px; 
	line-height:24px; 
	font-family:'Trebuchet MS', sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color:#FFF; 
	text-align:center; 
	text-decoration:none; 
	display:block; 
	background:url(images/button-2.jpg) no-repeat left top;
}
.button-2 a:hover {
	color:#FFF; 
	text-decoration:none; 
	background:url(images/button-2.jpg) no-repeat left bottom;
}
	
/*slideToggle*/
.contact {
	font-size:15px; 
	text-align:left; 
	padding-top:10px;
}
.contact table {
	border:1px solid #FFF;
	background:#FFF;
}
.contact th {
	font-weight:bold; 
	background:#8BE801;
}
.contact td {
	border:1px solid #FFF; 
	background:#FFF;
}
.contact th span {font-size:11px;}
.contact ul,.contact ul li {
	list-style-type:none; 
	margin:0; 
	padding:0;
}
.contact ul li {
	background:#AEDEEE; 
	border-bottom:2px solid #77bfd6; 
	padding:10px; 
	margin-bottom:4px;
}
.contact ul li strong {
	font-size:15px; 
	color:#FF0000;
}
.contact ul li span {font-size:13px;}
		
/*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;}

/*Resources*/
.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;
}

/*** COMMENTS STYLE ***/
#comments, #comments-title{padding-top:15px;}
ol.commentlist li {
	background: url(images/com_line.jpg) no-repeat left bottom; 
	padding-bottom:25px; 
	margin-bottom:10px; 
	padding-top:15px; 
	margin-left:-10px; 
	padding-right:25px;
}
ol.commentlist {
	border:1px dashed #CCC; 
	width:100%;
}
ol.commentlist ul {
	border-top:1px dashed #CCC;
	width:100%; 
	margin-top:15px; 
	list-style:none;
}
ol.commentlist ul li {border-bottom:1px dashed #CCC;}
.comment p {
	padding:15px 0; 
	line-height:20px;
}
.comment-form-author input {margin-left:25px;}
.comment-form-email input {margin-left:28px;}
.comment-form-url input {margin-left:17px}

#respond {
	width:100%; 
	border:1px solid #CCC; 
	background:#FFFFE1;
	padding:15px 20px 0 20px; 
	margin-top:25px;
 }
.form-submit input {
	background:#FFFFE1;
	border:none; 
	color:#FFF; 
	font-weight:bold; 
	padding:7px 12px; 
	cursor:pointer;
}

/* Social */
.social { margin: 9px 1px -11px 0px;}