*, *:before, *:after {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:Arial; font-size:14px; line-height:22px; height: 100%}a{ text-decoration: none; color: #3498db; outline: 0 !important;}textarea { resize: vertical;}

body { background:#FFF; overflow-x:hidden;}

/*Pre-sets*/
.show1 { display:block;}
.container { width:1120px;margin:0 auto;padding:0;max-width:100%;}
#slideshow {display: block;width: 1920px;position: relative;left:-391px;}
.rslides {display: none;}
/*transition: all 0.3s linear; -webkit-transition: all 0.3s linear;*/

/*HEADER*/

header { height: 100px; width: auto;text-align:center;}
.logo {right: 0;left: 25px;text-align:left;;position: absolute;z-index: 99;padding: 22px 0;margin: 0}


/*NAVIGATION*/

#nav-area { background:url(images/nav-bg.png)repeat-x center top;clear:both;text-align:center;height:65px;position:relative;z-index: 99;}
#nav-area p { color:#fff;font:bold 20px/100% open sans;position:absolute;left:10px;top:8px;display:none;}
nav { padding: 0;}
nav ul li{ display: inline-block; vertical-align: middle; position: relative; margin: 0 10px;}
nav ul li:after { content:url(images/nav-spacer.png);top:0;right:-25px;}
nav ul li:last-child:after { content:"";}
nav ul li a { display: block; padding:18px 38px; color: #fff;font:16px rubik;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
nav ul li a:hover, nav ul li.current_page_item > a { background: url(images/navbtn.png)repeat-x; color: #fff;}

/* Navigation bar icon */
.nav-toggle-button{ display: none; float: right; color: #fff; cursor: pointer;position:absolute;top:6px;right:10px;}
.nav-toggle-button .fa{display: block;}
.toggle-button {position: absolute; right: 5px; top: 7px; display: none; z-index: 999; color: #fff !important;cursor:pointer;}

/*Banner Config*/
#banner { background: #fff; margin:-159px auto;position: relative;}
#banner:after { content: url(images/banner-aft.png);margin:-55px auto 0;text-align: center;width: 100%;}
.bannerleft { float:left;}
.bannerright { float:right;}
.slogan { position:absolute;z-index:99;left: 0;right: 0;text-align: center;bottom: 170px;}
.slogan h3 { font:300 40px rubik;color: #133d9b; text-shadow: 1px 1px 1px #fff, 1px 1px 1px #fff, 1px 1px 1px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff, -1px -1px 1px #fff, -1px -1px 1px #fff, -1px -1px 1px #fff;}
.slogan h3 span{ display:block;color:#d72525;text-shadow: 1px 1px 1px #fff, 1px 1px 1px #fff, 1px 1px 1px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff, -1px -1px 1px #fff, -1px -1px 1px #fff, -1px -1px 1px #fff;}

/* 
* Middle Area Config 
*/
#middle { text-align:center;clear:both;margin-top:213px;height: 270px;}
.middleboxes { display:inline-block;vertical-align:top;background:url(images/mid-btn.png)repeat-x center top;border-radius:5px;border:1px solid #eeeeee;height:190px;width:350px;text-align:left;padding: 14px 18px;position: relative;margin-right: 20px;height: 205px;}
.middleboxes:last-child { margin-right: 0}

.middleboxes:nth-child(1) h4:after { content: url(images/mid-aft1.png);top: 4px;
left: 95px; }
.middleboxes:nth-child(2) h4:after { content: url(images/mid-aft2.png); top: 4px;
right: 74px;}
.middleboxes:nth-child(3) h4:after { content: url(images/mid-aft3.png);top:0; right: 73px; }
.middleboxes h4 { font:300 20px rubik;color:#424242;position: relative;letter-spacing: 3px;}
.middleboxes h4 span { display:block;font:700 24px/17px rubik;color:#d72525;}
.middleboxes p { font:14px/22px rubik;color:#666666;padding: 20px 0 19px 0;height: 104px}
.middleboxes a { color:#fff;background: #d72525;border-radius: 4px;display:block;width:109px;position: relative;padding-left: 10px}
.middleboxes a:hover { background: #131fb7 }
.middleboxes a:after { content: url(images/mid-btn-aft.png);right: 10px;
top: -2px;}

/* 
* Sidebar Area Config 
*/
#sidebar { }
aside { text-align:left;position: relative;width:350px;height:351px;background: url(images/sidebar-bg.png)no-repeat;}
aside a { font:300 20px rubik;color:#fff;display: block; margin-left:25px; padding-top:25px;}
aside  { font:300 20px rubik;color:#fff;margin-top: 14px;}
aside a:after { content: url(images/sidebar-aft.png);right: 3px;top: 15px;}
aside a span { display:block;font:bold 24px rubik;}
aside h5 { font: 20px/18px rubik;color:#e55b5b;margin: 195px 0 0 25px; width:100px;}
aside ul li { font:bold 20px/21px rubik;color:#0a2f83; margin-left:25px; width:165px;}

.other_tabs{margin:0 auto 25px;}
.other_tabs ul li a { width: 350px;max-width: 100%;color: rgb(255, 255, 255);display: block;padding: 12px 5px;text-align: center;border-radius: 7px;font: bold 20px rubik; margin: 6px auto; background: rgb(19, 61, 155) none repeat scroll 0% 0%; }
.other_tabs ul li a:hover,.other_tabs li.current_page_item a {background: rgb(242, 62, 62) none repeat scroll 0% 0%;}




.page-content,#sidebar{display:inline-block;vertical-align:top;}
/* 
* Main Content Area Config 
*/
#main { margin:20px 0 50px 0;}
.page-content { width: 750px; padding: 0 32px 20px 0; font:normal 14px/30px open sans;color: #666666;;text-align:left;}
.content-title2,.content-title{ height:auto;text-align:left;}
.welcome { font: 300 30px rubik;color: #666666;}
.content-comp { display:block;font:30px rubik;color:#d33a3a;}
.page-content p { margin:30px 0;font: 300 15px/26px rubik;
color: #666666;}
.page-content p:nth-child(2) { margin-top:0;}
.page-content p:last-child { margin-bottom:0;}
.page-content a { font-weight:bold;text-decoration:underline;}
.page-content a:hover { text-decoration:none;}
.page-content ul {margin:0; padding:0; padding-left:30px; list-style:none;}
.page-content ul li { margin-bottom:6px; position: relative; padding:3px 0 0 21px;text-align:left;}
.page-content ul li:before { position: absolute; content: url(images/check-btn.png); left: -5px; top: 7px;}
.page-content a,.comp, .mark { color: #d33a3a; font-weight: bold;font-family: rubik}
.entry-summary p { margin:10px 0!important;line-height: 25px;}
.entry-meta a,.entry-title a { color:#000;}

/* 
* Bottom Area Config 
*/
.bot-top { background: url(images/bot-top-bg.png)no-repeat center top;position: relative; height: 430px}
.bot-top .f-right { width: 550px;padding: 77px 30px;}
.bot-top .f-right:before { content: url(images/top-bot-aft.png);margin-left: -480px;bottom: 0px;}
.bot-top h4 { font: 300 20px rubik;color: #fff;letter-spacing: 2px;}
.bot-top h4 span { display:block; font:700 30px/25px rubik;color: #1e63ff;}
.bot-top p {  font: 14px/24px rubik;color: #fff;padding: 25px 0;}
.bot-top a {  background:url(images/top-bot-btn.png)no-repeat center top;font: 20px rubik;color:#fff;position: relative;width: 189px;display: block;height: 51px;padding: 14px 0 0 17px}
.bot-top a:hover {  background-position: center bottom; color:#5f5f5f;}
.bot-top a:hover:after {  content: url(images/topbot-aft-hv.png); }
.bot-top a:after {  content:url(images/top-bot-btn-aft.png);bottom: 13px;
right: 19px;}
.bottom { padding: 52px 0 70px; }
.bottom ul li { display: inline-block;position: relative;vertical-align: top;margin-left: 3px;}
.bottom ul li a{ width: 367px;height: 220px;border-radius: 4px;border: 2px solid #ededed;position: relative;position: relative;margin-right: -7px;vertical-align: top;}
.bottom ul li a { color:#2c323e;font: 24px rubik;display: block;padding: 153px 0 0;width:276px;text-align: center;}
.bottom ul li a:before { top:45px;right: 0;left: 0;text-align: center;}
.bottom ul li:nth-child(1) a:before { content: url(images/bottom-bfr1.png);}
.bottom ul li:nth-child(2) a:before { content: url(images/bottom-bfr2.png);}
.bottom ul li:nth-child(3) a:before { content: url(images/bottom-bfr3.png);}
.bottom ul li:nth-child(4) a:before { content: url(images/bottom-bfr4.png);}
.bottom ul li:nth-child(5) a:before { content: url(images/bottom-bfr5.png);}
.bottom ul li:nth-child(6) a:before { content: url(images/bottom-bfr6.png);}
.bottom ul li:nth-child(7) a:before { content: url(images/bottom-bfr7.png);}
.bottom ul li:nth-child(8) a:before { content: url(images/bottom-bfr8.png);}
.bottom ul li:nth-child(1) a:hover:before { content: url(images/bottom-bfr1-hv.png);}
.bottom ul li:nth-child(2) a:hover:before { content: url(images/bottom-bfr2-hv.png);}
.bottom ul li:nth-child(3) a:hover:before { content: url(images/bottom-bfr3-hv.png);}
.bottom ul li:nth-child(4) a:hover:before { content: url(images/bottom-bfr4-hv.png);}
.bottom ul li:nth-child(5) a:hover:before { content: url(images/bottom-bfr5-hv.png);}
.bottom ul li:nth-child(6) a:hover:before { content: url(images/bottom-bfr6-hv.png);}
.bottom ul li:nth-child(7) a:hover:before { content: url(images/bottom-bfr7-hv.png);}
.bottom ul li:nth-child(8) a:hover:before { content: url(images/bottom-bfr8-hv.png);}
.bottom ul li a:hover { background: #1E63FF;color: #fff;border-radius: 4px;border:2px solid #1b59e5;color:#fafcff;}

/* 
* Footer Area Config 
*/
footer { background:url(images/footer-bg.png) no-repeat center top; color: #fff; padding: 82px 0; clear:both;text-align:center;height:379px;}
.footerboxes { display:inline-block;vertical-align:top;width:341px;height:190px;text-align:left;position: relative;margin-right: 34px}
.footerboxes:last-child { margin-right: 0}
.footerboxes h4 { color:#fff;font: 300 20px rubik;text-transform: uppercase;}
.footerboxes h4 span{ display: block;font: bold 24px rubik;color:#ff9797;padding-bottom: 15px;text-transform: none}
#contactinfo ul li{ white-space: pre-line;font: 15px/20px rubik;color:#fff;}
#contactinfo ul li:first-child { padding: 0 0 20px}
#contactinfo ul li:nth-child(4) { padding: 0 0 20px}
#contactinfo ul li:first-child:before{ content: url(images/icon-map.png);right: 10px;top: 47px;}
#contactinfo a{  font:bold 15px rubik; color:#ff9797;}
#contactinfo a:hover{  color:#fff;}
#footer_nav ul { padding:0; text-align: left; list-style: none;column-count: 2;-webkit-column-count: 2;-moz-column-count: 2; }
#footer_nav ul li { display: inline-block; vertical-align: top; position:relative;text-align: left;height: 15px;margin:0 25px 16px 0;}
#footer_nav ul li:before { content:url(images/footer-bfr.png);top: 3px;
left: 9px;}
#footer_nav ul li:last-child:after { content:"";}
#footer_nav ul li a { width:167px;display: block;font:300 15px rubik;color: #fff;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;padding: 5px 24px;}
#footer_nav ul li a:hover,#footer_nav li.current_page_item a {border:1px dashed #fff; border-radius: 4px;}
.footer-logo { width: 340px;height: 150px;margin-bottom: 24px;margin-bottom: 24px}
.social { font: 300 20px rubik;color:#fff;display: inline-block;}
.social ul { padding-top: 14px}
.social ul li { display: inline-block;}
.social ul li:first-child { vertical-align: -moz-middle-with-baseline;margin-top: -40px}
.social ul li a{ display: block;}
/*
* Copyright Config
*/
#copyright,.footer-comp,#copyright a { color:#FFF;font:300 15px rubik;}
#copyright {text-align:center;height:50px;margin-left: -13px}
#copyright a:hover { text-decoration:underline;}