/*
Theme Name: Blank
Author: Zoomroom Interactive
Author URI: http://wordpress.org/
Description: Default theme 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black,left-sidebar, right-sidebar, fixed-layout, responsive-layout,custom-header, custom-menu, 

/******************************************************************
01. GENERAL STYLES
******************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;*display: inline; *zoom: 1;}
audio:not([controls]) { display: none;height: 0;}
[hidden] { display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{border: 0;font: inherit;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html,body{font-family: "adobe-garamond-pro",sans-serif;font-weight:300;font-size:14px;color:#666;}
body{background:#fbfbfb;}
html{font-size: 1em;}
ul,ol { margin-left:20px; line-height:1.5em; }
select{font-size: 1em;}
hr{display:none;}
p { margin-bottom:20px; line-height:1.5em; }
h2 { font-weight:bold; font-size:22px; padding-top:20px; color:#4b81c1; }
h3 { font-size:18px; padding-top:8px; padding-bottom:8px; color:#4b81c1; }

/******************************************************************
02. CLEARFIXIN / FLOATS / INPUTS STYLES
******************************************************************/
.left{float: left;}
.right{float: right;}
.hidden {display: none !important;}
.opaque {opacity: 0 !important;}
.show{display:block;}
.last{margin:0!important}
.clearfix{zoom: 1;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clear{clear:both;}
.spacer{height:20px;}
*::-moz-selection{background: none repeat scroll 0 0 #95C6B5;color: #FFFFFF;}
*::selection {background: none repeat scroll 0 0 #95C6B5;color: #FFFFFF;}
input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], textarea {background-color: #FFFFFF;border: 1px solid #DDDDDD;margin: 0;padding: 6px 10px;width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { color: #000; border:1px solid #DDDDDD;}
input, button, textarea { color: #000; border:1px solid #DDDDDD; outline: medium none;position: relative;transition: all 0.1s ease 0s; -webkit-appearance: none;border-radius: 0;resize:none;}
a[href^=tel]{text-decoration:none;color:#fff;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
blockquote.alignleft,img.alignleft {margin: 7px 24px 7px 0;}
.wp-caption.alignleft {margin: 7px 14px 7px 0;}
blockquote.alignright,img.alignright {margin: 7px 0 7px 24px;}
.wp-caption.alignright {margin: 7px 0 7px 14px;}
blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;}
blockquote a { color:#D2A757; }
.site-content blockquote.alignleft,.site-content blockquote.alignright {border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-top: 17px;width: 50%;}
.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: 17px;}
.wp-caption {margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0;}
.wp-caption {color: #767676;}
.wp-caption-text {font-size: 12px;font-style: italic;line-height: 1.5;margin: 9px 0;}

/******************************************************************
03. LAYOUT & GRID STYLES
******************************************************************/

.col1 { width:8.33%; float:left; margin:0px; padding:0px; }
.col2 { width:16.66%; float:left; margin:0px; padding:0px; }
.col3 { width:25%; float:left; margin:0px; padding:0px; }
.col4 { width:33.33%; float:left; margin:0px; padding:0px; }
.col5 { width:41.66%; float:left; margin:0px; padding:0px; }
.col6 { width:50%; float:left; margin:0px; padding:0px; }
.col7 { width:58.33%; float:left; margin:0px; padding:0px; }
.col8 { width:66.66%; float:left; margin:0px; padding:0px; }
.col9 { width:75%; float:left; margin:0px; padding:0px; }
.col10 { width:83.33%; float:left; margin:0px; padding:0px; }
.col11 { width:91.66%; float:left; margin:0px; padding:0px; }
.col12, .row { width:1170px; clear:both; float:none; margin:0px auto; padding:0px; }
.container { width:100%; float:none; clear:both; position:relative; }
.clr { width:100%; clear:both; height:1px; position:relative; }

/******************************************************************
04. SITE STYLES
******************************************************************/

#header { height:60px; line-height:60px; background:#fff; color:#0f66b3; }
#header #login { float:right; }
#header #popts, #header #eopts, #header #sopts {  float:left; margin-right:20px; }
#header i { margin-right:5px; }
#header #sopts i { margin-right:0px; margin-left:5px; }
#subheader { background:#bdd8eb url('lib/images/top-blue.png') left top repeat-x; }
#logo img { display:block; width:100%; height:auto; margin-top:30px; }
#menuholder { text-align:right; }
#menuholder ul { white-space:nowrap; }
#menuholder ul li { list-style-type:none; display:inline-block; position:relative; float:right; padding:55px 15px; }
#menuholder ul li a { text-transform:uppercase; text-decoration:none; font-weight:bold; }
#menuholder ul li ul.sub-menu { position:absolute; left:-15px; top:95px; background:#fff; z-index:10000; }
#menuholder ul li ul.sub-menu li { display:block; text-align:left; padding:10px 20px 10px 15px; width:100%; background:#fff; }
#menuholder ul li ul.sub-menu li:hover {  background:#bdd8eb; }
#menuholder ul li ul.sub-menu li a:hover { color:#fff; }
#menuholder ul li.menu-item-88 ul.sub-menu { left:-210px; }
.fancyhr { width:100%; text-align:center; padding:45px 0px; }
.fancyhr span { display:inline-block; width:30%; background:url('../../../../wp-content/uploads/thin-grey-line.gif') left center repeat-x; color:#0f66b3; font-size:38px; }
#gallery .fancyhr span { display:inline-block; width:30%; background:url('../../../../wp-content/uploads/thin-grey-line.gif') left center repeat-x; color:#fff; font-size:38px; }
#intro { padding-bottom:40px; }
#intro p, #gallery p, #activities p { text-align:center; }

#catintro { padding-bottom:140px; text-align:left; }
#catintro ul li { margin: 100px 50px 100px 200px; }

#gallery { padding-bottom:40px; }
#gallery .fancyhr, #activities .fancyhr { padding-bottom:0px; }
#gallery h4 { color:#fff; font-size:18px; font-weight:bold; text-align:center; padding-bottom:15px; }
#activities h4 { color:#0f66b3; font-size:18px; font-weight:bold; text-align:center; padding-bottom:15px; }
#galleries { background:#041a31; padding: 0px 0px 40px 0px; }
#activities .col4 img { display:block; width:98%; height:auto; }
#activities .col4 h4 {  text-transform:uppercase; text-align:left; padding-top:35px; font-size:16px; }
#activities .col4 p { text-align:left; margin-right:25px; }
#activities a.bgreen { display:inline-block; background:#019950; color:#fff; font-weight:bold; padding:15px 80px; }
#activities #lmorewide { text-align:center; padding:45px 0px; clear:both; }
#testimonials { background:url('lib/images/blue-house.jpg') center center; background-size:cover; padding:40px 0px; }
.wprong_tmslider .bx-wrapper .bx-viewport { border:0px; background:transparent!important; border-radius:0px; box-shadow:none; }
.wprong_tmslider .con_img, .wprong_tmslider .border_horiz { display:none; }
.wpr_tes_con { font-family: "adobe-garamond-pro",sans-serif!important; font-weight:300; font-size:16px; width:80%; margin:0px auto; }
.desig { font-family: "adobe-garamond-pro",sans-serif!important; font-weight:bold; font-size:16px; }

.greya { display:block; vertical-align:middle; width:98%; color:#666; font-weight:bold; background:#dee0df; padding:11px 15px; margin-bottom:1px; }
.greya img { float:left; margin-right:15px; }
.greya i { float:right; font-size:24px; }
.greya a { display:inline-block; height:32px; line-height:32px; color:#666; }
.greya a:hover { color:red; }
a#viewallprog { display:block; width:98%; background:#1066b1; color:#fff; font-weight:bold; padding:15px 0px; text-align:center; }
#dshadow { width:100%; height:9px; clear:both; margin:0px; padding:0px; background:url('lib/images/dshadow.png') left top repeat-x; }

.proga { display:block; vertical-align:middle; width:98%; color:#0f66b3; font-weight:bold; background:#dceaf5; padding:5px 9px; margin-bottom:4px; }
.proga img { float:left; margin-right:15px; }
.proga i { float:right; font-size:20px; }
.proga a { display:inline-block; height:26px; line-height:26px; color:#0f66b3; }
.proga a:hover { color:red; }

.progb { display:block; vertical-align:middle; width:98%; color:#0f66b3; font-weight:bold; background:#dceaf5; padding:5px 9px; margin-bottom:1px; }
.progb img { float:left; margin-right:15px; }
.progb i { float:right; font-size:20px; }
.progb a { display:inline-block; height:26px; line-height:26px; color:#0f66b3; }
.progb a:hover { color:red; }

/* #footer { padding-top:45px; } */
#footer h4, #programmes h4, .p60 h4 { text-transform:uppercase; text-align:left; font-size:16px; font-weight:bold; color:#0f66b3; padding-bottom:20px;  }
#footer ul { margin:0px; padding:0px; list-style-type:none; }
#footer a, #copyrightinner div a { color:#666; }
#footer iframe { width:90%; }
#footer p, #footer ul { line-height:2em; }
#footer img { display:block; width:100%; height:auto; }
#copyright { border-top:1px solid #ccc; margin-top:20px; padding:20px 0px; }
#copyrightinner div { float:right; }
#programmes {padding-bottom: 40px}
#programmes .gform_wrapper { margin:0px!important; background:#dceaf5; padding:10px 10px 0px 10px; color:#1066b1; }
#programmes label { display:none; }
#programmes li { margin-top:10px; }
#programmes input[type=text] { border:none; width:100%; padding:10px; }
#programmes input[type=submit] { border:none; width:100%; padding:14px 0px; color:#fff; font-weight:bold; background:#019950; margin-bottom:10px; }
#programmes .gform_footer { margin-top:0px; }
.bluea { display:block; vertical-align:middle; width:98%; color:red; font-weight:bold; background:#dceaf5; padding:13px 15px; margin-top:1px; }
.bluea img { float:left; margin-right:15px; }
.bluea i { float:right; font-size:24px; }
.bluea a { display:inline-block; height:32px; line-height:32px; color:red; }
.bluea a:hover { color:#666; }
p#breadcrumbs { margin-bottom:0px; }
.breadcrumb { text-align:right; background:none; }

.blueb { display:block; vertical-align:middle; width:100%; color:red; font-weight:bold; background:#dceaf5; padding:13px 15px; margin-top:1px; }
.blueb img { float:left; margin-right:15px; }
.blueb i { float:right; font-size:24px; }
.blueb a { display:inline-block; height:32px; line-height:32px; color:red; }
.blueb a:hover { color:#666; }

.p60 { padding-bottom:70px; }
.p60 h1 { text-transform:uppercase; text-align:center; font-size:22px; font-weight:bold; color:#0f66b3; padding-top:40px; }
.p60 .fancyhr { padding-top:0px; padding-bottom:0px; }
.p60 .intro { text-align:center; width:70%; margin:0px auto 60px auto; }
.p60 a.vp { text-transform:uppercase; display:block; width:190px; background:#1066b1; color:#fff; font-weight:bold; padding:15px 0px; text-align:center; margin-bottom:20px; }
ol#lnews { margin:0px; padding:0px; list-style-type:none; }
ol#lnews li { clear:left; padding-top:15px;  }
body.archive img.wp-post-image { float:left; width:150px; height:auto; margin-right:30px;  }
body.archive h2 { margin-bottom:15px; }
body.archive h2 a { text-transform:uppercase; text-align:left; font-size:16px; font-weight:bold; color:#0f66b3; padding-bottom:0px; }
a.entry_more { display:block; font-weight:bold; text-decoration:underline; font-style:italic; }
.wp-post-image { float:left; }

/******************************************************************
04-1. RESPONSIVE STYLES (FIXES)
******************************************************************/

.p-flex-container { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch; justify-content: center; } 
.flex-thumbnail-item { padding: 10px; }
.flex-content-item { padding: 10px; flex: 1 1 auto; position: relative; }
.flex-content-item iframe { width: 100%; height: 450px; max-width: 600px; }

/******************************************************************
05. RESPONSIVE STYLES
******************************************************************/

@media only screen and (max-width: 1100px) { /* FF: Tablet landscape (1024 x 768) */
  .col12, .row { width:100%; }
  #footer .col2 { display:none; }
  #footer .col3, #footer .col4 { width:33%; }
  #copyrightinner { padding:0px 20px; }
  #logo img { margin: 30px 0px 0px 20px; }
}

@media only screen and (max-width: 980px) { /* FF: iPhone 6 (980 x 1409) */
  .flex-content-item { padding-bottom: 450px; }
  .flex-content-item iframe { position: absolute; bottom: 0; left: -300px; width: 87vw; max-width: unset; }
}

@media all and (max-width: 800px) { /* FF: Tablet portrait (768 x 1024) */
  ul#menu-main-menu-1, #menuholder { display:none; }
  #logo { width:100%; }
  #logo img { height:100px; width:auto; margin:10px auto; }
}

@media only screen and (max-width: 780px) { /* FF: Small tablet landscape (800 x 600) */
  .p-flex-container { flex-wrap: wrap; }
  .flex-content-item { padding-bottom: 0; }
  .flex-content-item iframe { position: unset; width:100%; }
}

@media only screen and (max-width: 620px) { /* FF: Small tablet portrait (600 x 800) */
  #footer .col3, #footer .col4 { width:100%; float:none; clear:both; }
  #popts, #eopts { width:100%; float:none; }
  #header { height:auto; line-height:30px; text-align:center; }
  #login, #sopts { display:none; }
  #footer iframe { width:100%; }
}

@media only screen and (max-width: 500px) { /* FF: Mobile landscape (480 x 320) */
    
}

@media only screen and (max-width: 380px) { /* FF: iPhone56 Portrait (370 x 600) */
}

@media only screen and (max-width: 320px) { /* FF: iPhone4 Portrait (320 x 568) */
}