@charset "utf-8";
/* CSS Document */
/*#f26b09*/    /*orange color*/ 

body, html, object, ol, hr, li, ul, p, div, img, h1, h2, h3, h4, h5, h6, a, span, input, textarea { border:none; margin:0; padding:0; list-style:none; text-decoration:none; background:none; font-family: 'Titillium Web', sans-serif; font-size:14px; }
body { background:#fff; }
.clear { clear:both; }
.clear-5 { clear:both; height:5px; }
.clear-15 { clear:both; height:15px; }
.clear-10 { clear:both; height:10px; }
.clear-20 { clear:both; height:20px; }
.left { float:left; }
.right { float:right; }

@font-face {
	font-family: 'TitilliumWeb-Bold';
	src: url('fonts/TitilliumWeb-Bold.ttf') 
}
/*
@font-face {
 font-family: 'pt_sansregular';
 src: url('pt_sans-web-regular-webfont.eot');
 src: url('pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'), url('pt_sans-web-regular-webfont.woff') format('woff'), url('pt_sans-web-regular-webfont.ttf') format('truetype'), url('pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
*/.top-line { background:#89ab20; height:5px; width:100%; }
body {background:url(../images/body-bg.png) repeat-x top #e8cb9f; }
.wrapper {width:970px; height:auto; margin:auto; }
.container{height:auto; width:970px;}
.header {height:150px; width:970px; }
.logo {float:left; margin:10px auto 10px auto; }
.top-text {color:#021306; text-shadow: 1px 1px 1px #FFF; font-size:22px; font-weight:bold; line-height:29px; text-align:center; margin:1px 2px 1px 0px; }
.top-text span { color:#fff; font-size:23px; }
.center-text { float:left; color:#00456f; text-shadow: 1px 1px 1px #D3D3D3; font-size:18px; font-weight:bold; margin-top:19px; line-height:29px; text-align:center; }
.center-text span { color:#fff; font-size:18px; }
.top-phone { float:right; margin-top:16px; }
.top-phone .id { color:#004070; text-align:right; font-weight:bold; margin-bottom:10px; }
.top-phone .phone { color:#fff; background:url(../images/phone.jpg) no-repeat; height:31px; padding-left:90px; font-size:18px; font-weight:bold; }
.review{font-family: 'Titillium Web', sans-serif; font-size:16px; text-align:justify;}
.learn { background:url(../images/learn.jpg) no-repeat; width:172px; height:44px; float:right; }
.learn p { padding:8px 26px; font-weight:bold; font-size:13px; }
.menu-bar { background:url(../images/menu-bg.jpg) repeat-x; height:37px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:0px 15px }
.menu-bar ul li { float:left; }
.menu-bar ul li a {font-size:15px; color:#000; margin:0px; text-align:center; line-height:37px; display:block; font-weight:bold; }
.menu-bar .divider { background:url(../images/menu-divider.jpg) repeat-y; height:37px; margin:0px 15px; width:2px; }
.menu-bar ul li:hover a { color:#E2370B; }
.banner-area { width:970px; height:365px; }
.shadow { background:url(../images/banner-shadow.jpg) no-repeat center; height:52px; width:970px; }
.main-content { margin:40px 0; }
.lesson-cover { width:378px; float:left; }
.lessons{width:378px; background:#fff no-repeat right bottom; height:525px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom:10px; float:left; }
.lessons-header { width:100%; height:60px; background:#2a89cd; color:#fff; line-height:60px; text-align:center; font-weight:bold; font-size:18px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.underline { height:1px; width:85%; margin:auto; background:#fff; position:relative; top:-10px; }
.underline-online { height:1px; width:85%; margin:auto; background:#fff; position:relative; top:5px; }
.lessons ul { margin:20px 0 0 25px; }
.lessons ul li { color:#737373; list-style:disc; margin-bottom:10px; }
.lessons a { padding:20px 16px; color:#fff; font-weight:bold; font-size:14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn-red { margin:9px 14px; height:25px; }
.lesson-shadow { background:url(../images/lesson-shadow.jpg) no-repeat; width:369px; height:25px; }
.about { float:left; width:292px; margin:0px 30px; }
.welcome { font-size:20px; color:#fff; font-weight:bold; padding-bottom:20px; }
.welcome span { font-size:20px; color:#e2370b; font-weight:bold; }
.about p{ font-size:16px; text-align:justify; line-height:26px; font-family: 'pt_sansregular'; }
.online-cover { width:228px; margin:auto; float:right; }
.online-other {width:228px; background:#d78d0a; min-height:367px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.online {width:228px; background:#d78d0a; min-height:502px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.online-header {font-size:18px; color:#fff; text-align:center; font-weight:bold; padding-top:27px; }
.form-row input { background:#fff; height:43px; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; width:200px; margin-left:10px; padding:0px 5px; }
.message{height:50px; width:208px; margin:0px 0px 30px 6px; }
.underline-reg{height: 1px;width: 85%;margin: auto; background:#fff; position: relative; margin-top:10px;}
.form-tarea textarea { background:#fff; height:120px; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; width:200px; margin-left:10px; padding:0px 5px; }
.form-row {margin:12px 0; }
.submit { background:#000; padding:10px 15px; color:#fff; font-weight:bold; font-size:13px; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; margin: 24px 72px; cursor:pointer; }
.submit:hover { opacity:0.8; }
.icon-strip { background:#fff; padding:0px 10px; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; }
.icon-strip ul li { float:left; }
.icon-strip ul li:hover { opacity:0.9; }
.icon-strip ul { margin-left:15px; }
.footer-full { background:#ececec; border-bottom:1px solid #bdc7d0; }
.footer-header { border-bottom:1px solid #bcbcbc; padding-bottom:10px; padding-right:15px; color:#ee2d02; font-size:17px;  margin-bottom:15px; }
.col { margin-top:20px; float:left; margin-right:5px; margin-left:6px;}
.col p { color:#333; line-height:30px; }
.cont a { color:#333; font-weight:bold; }
.links a { color:#333; }
.links ul li { margin-bottom:10px; }
.testimonials { width:300px; float:right; margin-top:10px; }
.testimonial-bg { background:url(../images/testimonial-mid.jpg) repeat-y; }
.test-head { color:#787878; font-size:14px; text-align:center; }
.test-img { background:url(../images/image-frame.jpg) no-repeat; width:73px; height:71px; padding:6px; float:left; margin: 5px 5px 5px 10px }
.test-data { width:190px; float:right; margin-right:10px; color:#727272; font-family: 'pt_sansregular'; line-height:18px; }
.test-row { margin:0; }
.footer-copyright { border:4px solid #ccd6df; background:#fff; color:#204e72; font-weight:bold; }
.copyright {font-size:16px; padding:10px; text-align:center; }
.trans-box { width:688px; background:url(../images/black80.png) repeat; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; padding:5px 20px 15px; }
.brd-crum, .brd-crum a {font-size:25px; }
.brd-crum { margin:5px; color:#000 }
.brd-crum a { color:#fff; font-weight:bold; }
.about-heading { font-size:22px; margin:15px 0 }
.trans-box p { margin-bottom:15px; line-height:21px; }
.form-shadow { margin:auto 5px; }
.main-content-about { margin:10px 0; }
.trans-box ul { margin-left:20px; }
.trans-box ul li { list-style:disc; margin-bottom:7px; }
.subscribe { background:#008bea; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; width:100%; padding:10px 5px; }
.subscribe p { font-size:13px; color:#fff; padding:5px; }
.input-area { margin:4px 5px 10px; }
.input-area input { background:#fff; padding:7px 5px; }
.go { background:url(../images/go.jpg) no-repeat !important; width:36px; height:33px; cursor:pointer; position:relative; top:2px; }
.go:hover { opacity:0.9; }
.trans-box-full { width:968px; background:url(../images/black80.png) repeat; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; padding:5px 20px 15px; }
.form-fields { float:left; width:100px; line-height:20px; }
.form-inputs input { background:#fff; padding:10px 5px; width:230px; color:#272727; }
.form-inputs textarea { background:#fff; padding:8px 5px; height:50px; width:230px; color:#272727; }
.form-row-page { margin:5px 0; }
.sub { background:#e72c00; font-weight:bold; color:#fff; text-align:center; padding:5px 12px; margin-left:150px; margin-top:10px; }
.map { border-left:1px solid #000; padding-left:80px; }
.map-head { position:relative; top:-19px; margin-bottom:0px !important; }
.map iframe { border:4px solid #fff; }
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a { text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; top:-40px; z-index:999999 }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #5bafdd; color: #5bafdd; text-indent: -1000px; }
.cs-active { background-color: #5bafdd; color: #FFFFFF; }
.cs-title { width: 545px; padding: 10px; color:#000; margin-left:420px; top:0px;  font-family: 'FreestyleScript-Regular'; font-size:42px;  text-transform:uppercase; color:#003356; }
.cs-title span { font-family: 'FreestyleScript-Regular'; font-size:42px;  text-transform:uppercase; color:#ff3000;}

.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
.points { font-size:21px; color:#000; font-style:italic; font-weight:bold; margin-top:20px; }
 @font-face {
 font-family: 'FreestyleScript-Regular';
 src: url('freescpt.eot');
 src: url('freescpt.eot?#iefix') format('embedded-opentype'),  url('freescpt.woff') format('woff'),  url('freescpt.ttf') format('truetype'),  url('freescpt.svg#freescpt') format('svg');
 font-weight: normal;
 font-style: normal;
}
.cs-title ul{margin-left:30px; margin-top:15px;}
.cs-title ul li{color:#003356; font-size:14px; margin-bottom:8px; list-style:disc; }
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #23527c;
    border: solid 2px #23527c;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #67c5ff;
    color: #339900;
}
.square{
    text-decoration: none;
    font-weight: bold;
    
    color: #000;
    text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.32), 0px 1px 0px #6182ca, 0px 2px 0px #4f6aa7, 0px 1px 0px #5470ad;
}
.square:active {
    top: 4px;
	box-shadow: none;
}
a.message-button {
    background: #2d8bcb;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 12px 0px;
}

a.message-button:hover {
    transition: linear 1s;
    -webkit-transition: linear 1s;
    border: 2px solid #e96123;
    border-radius: 50%;
}
a.email-button {
    background: #2d8bcb;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 12px 0px;
}

a.email-button:hover {
    transition: linear 1s;
    -webkit-transition: linear 1s;
    border: 2px solid #e96123;
    border-radius: 50%;
}
p.contact-onroad {margin:-5px 0px 8px 15px;}
.contact-head{color:#FFF;font-family: 'Titillium Web', sans-serif; font-size:19px; font-weight:bold;}
.showme-cover { width:315px; float:left; }
.showme{width:585px; background:#fff no-repeat right bottom; height:396px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom:10px; float:left; }
.showme-header { width:100%; height:60px; background:#2a89cd; color:#fff; line-height:60px; text-align:center; font-weight:bold; font-size:18px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.showme-underline { height:1px; width:85%; margin:auto; background:#fff; position:relative; top:-10px; }
.underline-online { height:1px; width:85%; margin:auto; background:#fff; position:relative; top:5px; }
.bnts{ background:#000; padding:10px 15px; color:#fff; font-weight:bold; font-size:13px; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; margin: 24px 72px; cursor:pointer; }
.bnts:hover { opacity:0.8; }
.online-term {width:228px; background:#d78d0a; min-height:372px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }