/*
Theme Name: The Education Center
Description: Custom theme for The Education Center
Version: 1.0
Author: GiantMedia.com.au
*/

/*  RESET  ============================================================================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

html,body
{
    width: 100%!important;
    height: 100%;
    margin: 0px;
    padding: 0px;
}


table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-bottom: 1px solid #ffcb08; margin: 1em 0; padding: 0; }
*{ margin:0; } html, body { height:100%; } a { outline:none; } a img { border: none; }

/*  PAGE  ============================================================================= */

body {font-size:14px; color:#1D1D1D; background:#fff; font-family: 'Open Sans', sans-serif; line-height: 1.3; }
#main_content { padding:23px 0px; }
.menu-toggle { display:none; }

p { margin: 0px 0px 1.2em; font-size:14px; line-height:1.5em; }

/*  stop iphone changing color of phone numbers
============================================================================= */
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

/* headings
============================================================================= */

h1,h1 a  {
color: #00aeef; 
display:block; 
font-size: 24px;
margin: 13px 0;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-weight:800;
}

h2, h2 a, h3, h3 a  {
color: #00aeef; 
display:block; 
font-size: 22px;
margin: 13px 0;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-weight:500;
}


h4, h4 a, h5, h5 a {
color: #00aeef; 
display:block; 
font-size: 20px;
margin: 10px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}

a { color: #76664f; text-decoration:none; }
a:hover { color:#ccc; }
b { font-weight:bold; } 

/* responsive */
iframe { max-width:100%!important; display:block; margin:13px auto; }
img  { max-width:100% !important; height:auto; display:block; }
#mobile { display:none; }

/*  HEAD  ============================================================================= */
#header_wrap { background:#119f4a; width:100%; height:auto; display:block; }
header { clear: both; /* 1000px / 1250px */ font-size: 1.0em; /* 13 / 16 */  margin: 0px auto 0px auto; height:65px;   }
 header:before, header:after { content:""; display:table; }
 header:after { clear:both; }
 header { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
  #logo { padding:0px 0px 13px 0px; position:absolute; top:0px; left:30px; }
   #logo img { max-width:314px!important; width:100%; display:block; }
   
 #nav_wrapper { display:block; }
   #navbar { float:right; margin: 0; text-align:right; padding: 23px 0 13px 0; }
  .left, .right { margin:25px 0 0 0!important; }
   .left li, .right li { margin:0 80px 0 0!important; }
  .ddsmoothmenu { }
   .ddsmoothmenu ul { list-style-type:none; }
   .ddsmoothmenu ul li{ position:relative; float:left; display:inline; font-size:12px; height:14px; line-height:14px; padding:0 0 5px 7px; margin:0 7px 0 0; text-transform:lowercase;}
    .ddsmoothmenu ul li.last { margin-right:0; }
   .ddsmoothmenu ul li a{ display: block; text-decoration: none; color:#fff; font-weight:600;  font-family: 'Lato', sans-serif; }
   * html .ddsmoothmenu ul li a{ display: inline-block; }
   .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected {text-decoration:none; color:#71b4c4; }
   .ddsmoothmenu ul li ul{ position: absolute; left:0; top:0px; display: none; visibility: hidden; width:160px; z-index:50; background:#71b4c4; padding:0; height:auto; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
   .ddsmoothmenu ul li ul li{ display: list-item; float: none; margin:0!important; width:160px; height:auto!important; padding:0!important; font-size:12px!important; line-height:15px!important; border:0; }
   .ddsmoothmenu ul li ul li a{ width: 100%; padding:7px 5px 7px 10px; margin:0; height:auto; text-transform:none; color:#fff; text-align:left; }
   .ddsmoothmenu ul li ul li a:hover { color:#ccc; }
   .ddsmoothmenu ul li ul:last-child li a { -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;  }	 
	
 #phone { float:right; font-size:24px; padding:2px 23px; font-weight:100; color:#669900; display:inline-block; margin-top:33px; }
 

/*  BODY  ============================================================================= */
#main-top { background:url(images/mainpage-top.jpg) center top no-repeat; min-height:780px; }
#main { background:url(images/bkg-tile.png); padding-bottom:50px; }
#page_content {
float:left;
margin: -350px 23px 0 23px;
width: 640px; }

#page_content_contact {
float:left;
margin: -350px 23px 0 23px;
width: 900px; }

.box { margin-right:35px!important; }
	
.team-box { clear: both;
display: block;
width: 100%; }	
#page_content_right { 
float:right;
width: 300px;
margin:-280px 23px 0 0; }

#page_enquiry { border:1px solid #ccc; padding:13px; }

#page_img img { border-top: 20px solid #00aeef; margin-bottom:23px; }
#team_img { float:left; margin: 0 13px 13px 0; min-width: 200px; }

#team_img img { border-top: 20px solid #00aeef; min-width:100%; }
#wrapper { width:100%; }
#page_banner { background:url("images/banner.jpg") no-repeat 100%;  margin-bottom:23px; }
#page_banner h1 { color:#FFF; margin:70px 0px; font-weight:300; }
.page_link { color:#76664F; display:block; font-size: 23px; margin: 13px 0; padding: 13px 0px 13px 0px; text-decoration: none; font-weight:300; border-bottom:1px solid #907F66; }
.news_read_more { margin:13px 0px; }

.crums { padding:13px 0px 0px 0px!important; }

/*  SIDEBAR  ============================================================================= */
.side_box { display:block; text-align:left; }
  
/*  CONTENT ============================================================================= */
  #main ul { list-style-type:circle #f29628; }
  #main ol li { margin:0 0 0.35em 1.0em; line-height:1.6em; list-style:decimal; }
  #main ul li {  list-style-image: url("images/list_bullet.png"); padding:5px 0 5px 8px; margin-left:33px;} 
  #prod_single_right { margin-top:33px; }
  #page_left_contact { margin-top:33px; }
  #captcha { width:90px; }
  #name { width:35%; margin-right:5%; display:inline-block; float:left; margin-bottom:13px !important;  }
  #feature { text-align:center; }
  #feature img{ margin:0px auto; }
  #vids .col:nth-child(3n+2) { margin-left:0px!important; }
  
/*  HOME  ============================================================================= */
#latest_courses_box { position:absolute; left:30px; top:210px; border-bottom:20px solid #ed1c24; padding-bottom:23px; }
#latest_courses_top { background:url(images/recent-cources-bkg-top.png) top no-repeat; display:block; height:73px; width:314px; }
#latest_courses { background:#ececec; width:100%; display:block; }
#latest_courses h1 { margin-left:13px;}
#latest_courses_box h1 { text-align:left; display:block; margin:0px 0px 13px 13px; }
#copy h3 a, #copy h3 { text-align:left; font-size:14px; color:#1E1E1E; margin:0px 0px 4px 0px; line-height:1.3em; font-weight:600;  }
#home_course { width:288px; display:block; margin:0px 13px 7px 13px; padding-bottom:7px; border-bottom:solid 1px #71b4c4; height:70px;  }
#buffer { display:block; height:13px; clear:both;}
 #img { float:left; width:100px; position:relative; }
  #date { position:absolute; top:0px; left:0px; padding:0px; color:#FFF; background:#119f4a; font-size:16px; font-weight:bold; height:100%; }
  #date p { margin:13px 5px 0px 5px; }
 #copy { float:left; width:175px; margin-left:13px; } 
  #copy p { margin:0px; font-size:13px; line-height:1.3em; }
#icons { position:absolute; top:410px; left:360px; border-bottom:20px solid #fbab18; height: 327px; display:block; }
 #fb { background:url(images/facebook-icon.png); background-position:0px 46px; width:46px; height:46px; display:inline-block; }
  #fb:hover { background-position:0px 0px; }
 #tw { background:url(images/twitter-icon.png); background-position:0px 46px; width:46px; height:46px; display:inline-block; }
   #tw:hover { background-position:0px 0px; }
 #vm { background:url(images/vimeo-icon.png); background-position:0px 46px; width:46px; height:46px; display:inline-block; }
   #vm:hover { background-position:0px 0px; }
#icon_blocks { display:block; margin:23px 0px; }
#block { display:block; float:left; margin: 0px 5px; width:150px;height:250px; }
#block h1 a { color:#FFF; font-size:16px; padding:13px; margin:0px; line-height:18px; }
#block h1 { margin:0px; }
 .home_tute_icon { background:#ed1c24; height:100px; display:block; }
 .home_art_icon { background:#71b4c4; height:100px; display:block;  }
 .home_intro_icon { background:#119f4a; height:100px; display:block;  }
 .home_enquire_icon { background:#00aeef; height:100px; display:block;  }

.see-more { 
background: #00AEEF;
color: #FFFFFF;
display: inline-block;
margin: 0px 13px;
padding: 8px 18px;
text-align: center;
font-weight:bold;
}

.see-more-news-home { 
background: #00AEEF;
color: #FFFFFF;
display: inline-block;
margin: 0px;
padding: 8px 18px;
font-weight:bold;
width:100px;
}

.see-more-news { 
background: #00AEEF;
color: #FFFFFF;
display: block;
margin: 20px 0px 33px;
padding: 8px 18px;
font-weight:bold;
width:100px;
}

.latest_news { position:relative; width:314px; margin-left:30px; float:left; }
 #home_news {  }
 #news_img { position:relative; }
 #news_date { position:absolute; top:0px; left:0px; padding:5px 8px; color:#FFF; background:#119f4a; font-size:16px; font-weight:bold; height:50px; border-radius: 0 0 7px 0; }
 .latest_news #copy { width:100%; margin:23px 0px; }
  #main .div_row { padding-bottom:33px; }
.home-welcome { width:640px; float:left; margin-left:15px; }

  
 
/*  SLIDE  ============================================================================= */

#sliderBlk { height:auto; background:#f3f3f3; }

/*  FOOT  ============================================================================= */
#footer_wrap { text-align:left; background:url(images/bkg-tile-footer.png); width: 100%; position:relative; }

 footer iframe { border-radius:50%; }
 footer { clear: both; max-width: 1200px; margin: 0 auto; position: relative; z-index:5; color:#fff!important; font-size:14px; padding:23px 0px; }

 footer h2 { color:#fff;}
   #footer_copy { text-align:center; padding:23px 0px 23px 0px; display:block; }
   #foot-contact { padding-bottom:34px; }
	 #foot-contact p { margin:8px 34px; color:#fff; }
 .hours { float:left; margin-right:23px; width:20%;  }
 .map { float:left; margin-right:23px; width:33%; }
 .contact { float:left; margin-right:23px; width:20%;  }
footer #copy { margin:23px auto; color:#fff; font-weight:bold; text-align:center; width:auto; float:none; } 

/*  SECTIONS  ============================================================================= */

.div_row { margin:0px auto!important; width:1025px!important; position:relative; left:1px; background:#FFF; display:block; }
 footer .div_row { background:none!important; }
 header .div_row { background:none!important; }
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */



/*  GALLERY  ============================================================================= */
.gallery { margin: 23px auto 0 auto; /* gallery clearing*/ overflow: hidden; width: 90%; }
.gallery .gallery-item {margin-bottom:0.5em; text-align: center; }
 .gallery .gallery-item img { max-width:100% !important; height:auto; display:block; }
.gallery .gallery-icon { margin:0!important; padding:0!important; }
.gallery .gallery-icon img { padding:0; margin:0;}
.gallery .gallery-caption { font-size:11px; text-transform:uppercase; margin:3px 0 0 0;}
.gallery br { clear: both }
 .sidr {display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}
 .sidr .sidr-inner{padding:0 0 15px}
 .sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
 .sidr.right{left:auto;right:-260px}
 .sidr.left{left:-260px;right:auto}
 .sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}
 .sidr p{font-size:13px;margin:0 0 12px}
 .sidr p a{color:rgba(255,255,255,0.9)}
 .sidr>p{margin-left:15px;margin-right:15px}
 .sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}
 .sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}
 .sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}
 .sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}
 .sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}
 .sidr ul li ul{border-bottom:none;margin:0}
 .sidr ul li ul li{line-height:40px;font-size:13px}
 .sidr ul li ul li:last-child{border-bottom:none}
 .sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}
 .sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}
 .sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}
 .sidr form{margin:0 15px}
 .sidr label{font-size:13px}
 .sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}
 .sidr input[type=checkbox]{width:auto;display:inline;clear:none}
 .sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}
 .sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
 
  


/*  SUNDRIES  ============================================================================= */
.inline { display:inline; }
.fr { float:right; }
.fl { float:left; }
.tl { text-align:left; }
.tr { text-align:right; }
.clBottom { margin-bottom:0px!important; padding-bottom:0px!important; }
.white { color:#fff!important; text-decoration:none; }
.blue { color:#3155a5!important }
.orange { color:#f58220!important }
.center { text-align:center; }
.no_style { text-decoration:none; }
.icon { margin:0px 8px; display:inline; position:relative; top:8px; }
.fb { position:relative; top:-14px; }
.clear { clear:both; }

 .MB0 { margin-bottom:0!important;}
 .MB1 { margin-bottom:1.0em!important;}
 .MB2-5 { margin-bottom:2.5em!important;}
 .MB3 { margin-bottom:3.0em!important;}
 .MB5 { margin-bottom:5.0em!important;}
 .MR0 { margin-right:0!important;}
 .ML1 { margin-left:1.0em!important;}
 .PB0 { padding-bottom:0!important;}
 .PB0-5, .minPad { padding-bottom:0.5em!important;}
 .PB2 { padding-bottom:2.0em!important;}
 .PB4 { padding-bottom:4.0em!important;}
 .PT0 { padding-top:0!important;}
 .PT2-5 { padding-top:2.5em!important;}
 .MT0 { margin-top:0!important;}
 .aCenter {text-align:center;}
 .aLeft { text-align:left;}
 .aRight { text-align:right!important;}
 .noB {border:0!important;}
 .noPad { padding:0!Important;}
 .noMarg { margin:0!important;}
 .posRel { position:relative;}
 .flLeft, .alignleft, .lImg { float:left; display:inline;}
 .flRight, .kImg, .rForm, .alignright { float:right; display:inline;}
 a.editLink {color:#F00; font-weight:bold; font-size:11px; }
 a:hover.editLink {color:#900; text-decoration:underline; }
 .kImg { margin:0 0 2.0em 2.0em; font-size:10px; text-transform:uppercase;}
 .lImg, .bdrImg { background:#FFF; -webkit-box-shadow: 0 4px 3px 1px #96b9be; box-shadow: 0 4px 3px 1px #96b9be; margin:0 2.0em 2.0em 0; }
 .bdrImg { margin:0 0 2.0em 0; }
 .alignright { margin:0 0 15px 20px; }
 .alignleft { margin:0 20px 15px 0; }
 p.pCrumbs { font-size:0.9em; margin:0 0 2em 0; padding:0; color:#FFF; font-weight:700;}
  p.pCrumbs a { color:#FFF;}
 .mainUL { padding:1.0em 0 0 0; margin:0 0 2.0em 0; clear:both; height:1px; border-bottom:1px solid #1B75BC; }
 .fullUL { clear:both; border-bottom:1px solid #222; }
 #imageDetails { color:#333!important;}
 .smallTxt { font-size:10px; text-transform:uppercase; }
 .lightWt { font-weight:300!important;}
 .rForm { width:280px; margin:0 0 0 20px; font-size:11px; }
 .wpcf7 form { width:100%; font-size:0.9em }
 .wpcf7 form p { margin:0 0 13px 0!important; }
 .wpcf7 input, .wpcf7 select { background:#fff; border:none; padding:0.9em 0 0.9em 5%; font-size:12px; color:#333;  width:80%; height:20px; margin:0; -moz-border-radius:0.6em; -khtml-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em; border:1px solid #988871; }
 .wpcf7 textarea { background:#fff; border:none; padding:0.9em 0 0.9em 5%; font-size:12px; color:#333;  width:80%; height:50px; margin:0; -moz-border-radius:0.6em; -khtml-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em; border:1px solid #988871; }
 #chaptcha { width:50px!important; display:inline!important; }
 .wpcf7-captchac {  display:inline!important; float:none!important; padding: 0px!important; }
  .Cfrom {}
  .wpcf7 input.HALF { width:43%; margin-right:1%; }
 .wpcf7 input[type="submit"] { background: #00AEEF;
color: #FFFFFF;
display: inline-block;
margin: 0px 0px;
padding: 8px 18px;
font-weight:bold;border: 1px solid #988871;
border-radius:0;
font-size: 14px;
height: auto;
width: auto;
}
 .wpcf7 input[type="submit"]:hover { color:#999; }
 .wpcf7 input.CAPTCHA { width:auto!important; display:inline-block!important; vertical-align:middle!important; }
 .wpcf7 form img { margin:0 0.3em 0 0!important; display:inline-block!important; vertical-align:middle!important; }
 .clearFl, .portBr { width: 100%; height:0; clear: both; }
 .page_nav { text-align:center; }
  .page_nav .page-numbers{ font-size:24px; padding:0.5em 0; margin:0px 5px 0 0; color: #988871; text-decoration:none;}  
  .page_nav .page-numbers:hover{  color: #333; text-decoration:none; }  
  .page_nav .current{ color: #999; }
 .mc-field-group { margin:0 0 1.0em 0;}
  .mc-field-group label { display:none;}
  .mc-field-group label.showLabel { display:inline; margin-right:1.0em;}
  .mc-field-group input, .mc-field-group select, #pFoot .clear input.button {background:#FFF; padding:0.7em 0 0.7em 5%; font-family: 'Open Sans', sans-serif; font-size:1.1em; color:#333; width:85%; margin:0!important; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; border:0;}
   .mc-field-group select { width:auto;}
   #pFoot .clear input.button { background:#f77a00; padding:0.5em 1.5em; color:#FFF; width:auto; }
 a.rMore { color:#38b4cb!important; font-weight:400; text-transform:uppercase; font-size:0.9em; }
 p.seeMore { margin-bottom:0; text-align:right}
 a.seeMore { background:url(images/rMore.png) bottom right no-repeat #b62026; -moz-border-radius:0.4em 0.4em 0 0.4em; -khtml-border-radius:0.4em 0.4em 0 0.4em; -webkit-border-radius:0.4em 0.4em 0 0.4em; border-radius:0.4em 0.4em 0 0.4em; display:inline-block; padding:0.5em 1.2em; }
  a.seeMore.mBl {background:url(images/rMoreBl.png) bottom right no-repeat #b62026;  }
  a.seeMore span { width:13px; height:14px; background:url(images/rMoreLink.png) no-repeat; text-indent:-9999px!important; display:block; text-align:left;}
 .blkLink { color:#FFF; background:#908d31; padding:1.5em;}
  .blkLink p { font-size:1.4em; font-family: 'Open Sans', sans-serif;}
  .blkLink a { color:#FFF;}