﻿body, body.home-page { background: #d8e1e8 url(../images/mobile/banner_bg.jpg) no-repeat; background-size: 100%;background-position-y: 53px; }
body article { background : none; padding-top: 0px;}

.content-area em {color:#0175a8;}
::-moz-placeholder {opacity: 1;}
:-moz-placeholder {opacity: 1;}
::-webkit-input-placeholder {opacity: 1;}

body .side-navigation { width: 100%; float: none; }
.content-area, 
.team-category, 
.team-member, 
.events-list,
body .contact-section,
body .address-block,
body .googlemap-container { width: 89%; float: none; margin-left: auto; margin-right: auto; margin-top: 40px; }
.wrapper { width:100%;padding:0;}

body p { font-size: 0.75em; line-height: 1.3em; }
.news-category-section h3,
.side-navigation li { -webkit-border-radius: 0px; border-radius: 0px; }
body article h1:first-of-type { letter-spacing: -2px; line-height: 1.4em; font-size: 1.6em; }

/* header - logo and social icons */
header { background: url(../images/mobile/header.png) no-repeat; background-size:100% 70px;  box-shadow: none;  }
header .main-navigation { height: 70px;float:none; clear:none; background:none; -webkit-border-radius:0px; -webkit-box-shadow: none; box-shadow:none; }
header div.wrapper { width: 100%; }
header .social-media { position: absolute; left: 74px; top: 8px; }
header .logo { float:right; margin: 5px }
header .logo img { width:102px; }

.shimmer-1,
.shimmer-2 {
    font-size: 1.8em;
    padding: .5em 6px;
}
.shimmer-middle-text {
    font-size: 1.3em;
    margin: 0;
    padding: 0 6px;
}

/* menu icon */
header .mobile-nav { display: block; width: 52px; height: 46px; padding: 2px 5px 5px 10px; background: url(../images/mobile/menu_seperator.png) top right no-repeat; }
header .mobile-nav:hover { text-decoration: none; }
header .mobile-nav span{ background: url(../images/mobile/menu.png) 4px 11px no-repeat; color: transparent; background-size: 81%; padding-bottom: 20px; padding-right: 3px; }
header.active .mobile-nav span { background: url(../images/mobile/menu_open.png) 4px 11px no-repeat; color: transparent; background-size: 81%; padding-bottom: 20px; }
header.active .mobile-nav { background: #4b4b4b; box-shadow: inset 0 1px 5px #3c3c3c; -webkit-box-shadow: inset 0 1px 5px #3c3c3c; }

/* roll down menu */
header ul.main-menu, 
header ul.main-menu li:first-child { display : none; }
header ul.main-menu li { width: 100%; clear: both; background: url(../images/mobile/menu_open_arrow.png) 98% center no-repeat,url(../images/mobile/menu_open_radial.png) 108% -5% no-repeat; overflow: hidden; border-bottom: 1px solid #3c3c3c; margin: 0; }
header ul.main-menu li a { display: block; color: #fff; border-right: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 100%; padding: 0.75em 1.3em; text-decoration: none; font-size: 1.05em; letter-spacing: 0px; text-transform: uppercase; }
header ul.main-menu { position:relative; z-index: 999; width: 100%; clear: both; background: #4b4b4b; z-index: 999; top:-17px;}

/* footer */
.clearfix:before, .clearfix:after { content: ""; display: none; }
body footer .footer-links {margin: 26px 0px 0px 10px; float: left; }
body footer .footer-links li { list-style-type: none; float: none; display: block; padding: 0 9px; border-right: none; color: #414042; font-size: 0.75em; line-height: 1.9em; }
body footer .footer-links li:first-child, 
body footer .footer-links li:nth-child(2) { display: none; }
body footer .powered-by p span a { margin-top: 0px; }
body footer .powered-by span { display: block; margin-top: 10px;}
body footer .powered-by p { font-size: 0.75em; width: 90px; margin-top: 27px; margin-right: 20px; }
body div.wrapper footer { width: 100%; background:  url(../images/mobile/footer.png) top center no-repeat; height: 100px; background-size: cover;}

/* home page */
/*body.home-page form { background: 0px 54px url(../images/mobile/banner_bg.png) no-repeat; background-size: 100%;}*/
body.home-page article .content-placeholder { width: 81%; margin-left: auto; margin-right: auto; }
body.home-page article .box-cta { width: 100%; position: relative; margin-bottom: 10px;}
body.home-page article .content-placeholder .section1 { letter-spacing: -2px; font-size: 1.3em; margin-top: 36px; margin-bottom: 22px; width:100%; }
body.home-page article .content-placeholder .section2 { font-size: 0.9em; margin-bottom: 22px;}
body.home-page article .content-placeholder .section3 { letter-spacing: -2px; font-size: 1.3em; margin-bottom: 35px; }
body.home-page article.content-area { width: 100%; float: none; }
body.home-page .flashcanvasanim {height:auto;}
body.home-page .flashcanvasanim canvas { padding: 0 1%; width: 98%; }
/* about us */
.content-area .about-us-image { float: none; margin: 0; width:100%;height:auto;}
body.about-us .content-area p { line-height: 1.3em; }
.mobile-image-container { width: 112%; margin-left: -6%; max-height: 250px; overflow: hidden; }
.about-us .content-area iframe[style] { max-width: 100% !important;height: auto!important;} 
/* video */
body  .video-container{width: 100%;max-width:100%; position: relative;height: auto;}
body .video-container video{min-width: 100%;
height: auto;
min-height: inherit;
width: 100%;}
body article .video { width:100%;}
body .video-container .poster{display: block;position: absolute;top: 0%;width: 100%;}
body .video-container .poster.poster-hidden { display: none; }
body .video-container .poster .content{text-align: center;}
body .video-container .poster .content .placeholder{background-size: cover !important;width: 100% !important;background-color: #000 !important;}
body .video-container .poster img:last-child{position: absolute;top: 40%;right: 35%;}
body .video-container .bar,
body .video-container #mute,
body .video-container #volume-bar,
body .video-container #full-screen{display: none;}
body .video-container #play-pause{background: url(../images/mobile/play_video.png) center center no-repeat;width: 100px;height: 100px;position: absolute;top: 31%;z-index: 300;right: 35%;}
.video-container #play-pause.playing { background: none; }
body .video-container #video-controls{background: none;}

/* people */
body .team-category-list { width: 100%; float: none; }
body .team-category h1:first-of-type + p { font-size: 0.75em; }
.team-category-list ul li a { -webkit-border-radius: 0px; border-radius: 0px; }
.team-category-list ul ul { margin: 4px 0 0 0; }
.team-category-list ul ul li { color: #0b73a1; background: #ffffff; margin-bottom: 3px; width: 95%; list-style-position: inside; padding-left: 5%; }
.team-category-list ul ul li a { background: none; /*color: #0b73a1;*/ font-size: 1em;}

body .category-list li:nth-child(3n+3), body .team-specific li:nth-child(3n+3) { margin-right: 6%; }
body .category-list li:nth-child(2n+2), body .team-specific li:nth-child(2n+2) { margin-right: 0; }
body .category-list li, body .team-specific li { width: 47%; float: left; margin: 0 6% 5% 0; position: relative; }

body .team-member .member-image { float: none; }
body .team-member .member-details { padding: 15px 0; }
body .team-member .member-container { border:none;-webkit-border-radius: 0px;
border-radius: 0px; }
body .team-member ul li { font-size: 0.75em; line-height: 1.3em; }

body.InvestmentTeam .side-navigation, .team-member, .team-member + .team-member  {display: block; }
.team-member, .team-member + .team-member { float: none; }
.team-member + .team-member { padding: 2em 0; }

/* portfolio */
body.portfolio-page article h1, 
body.portfolio-page article p,
body.portfolio-page article div.portfolio-item,
body.portfolio-page article div.portfolio-popup { width: 80%; margin-left: auto; margin-right: auto; float:none;  }
body.portfolio-page article div.portfolio-popup p {  width:100%;padding:0; margin: 0 0 10px 0;font-size: 0.95em; text-align:justify; }
body.portfolio-page article div.portfolio-popup h4 { margin: 0 0 10px 0; }
body.portfolio-page article > p { font-size: 0.75em; }
body.portfolio-page article div.portfolio-item { height:auto; margin-bottom:15px; }
body.portfolio-page article div.portfolio-popup { width: auto; padding: 0; border-radius:0px; position:relative; padding: 5px 15px 15px 14px; -webkit-box-shadow: none; box-shadow: none; }
body div.portfolio-item .portfolio-popup:before { position: relative; top: -18px;}
body .category-list li .member-bio { font-size: 0.6em; }
.category-list li .member-bio h5 { text-transform: uppercase;}

/* news */
.news-category-section ul.news-category li a { -webkit-border-radius: 0px; border-radius: 0px; }
.news-category-section ul.news-category { margin: 4px 0 0 0; }
.news-category-section ul.news-category li { color: #ffffff; background: #0b73a1; margin: 0 0 3px 0; width: 100%; list-style-position: inside; }
.news-category-section ul.news-category li a { font-size: 1em;padding: 5px;}
.news-category-section { float:none; width:100%; }
.content-area .news-section,
.content-area .portfolio-news-section { width: 100%; float: none; padding: 0px; margin-left:auto; margin-right:auto; background:none; }
.content-area .news-section h2 { font-size: 1.1em; }

/* Events */
body .events-list { margin-top: 25px; }
body .events-list ul li img { float: none; margin: 0; width:100% }
body .events-list h2 { font-size: 1.1em; }

/* contact us */
body article .contact-section h1:first-of-type { padding-top: 14px; padding-bottom:10px;}
body .contact-section { float: none; background: none; margin-top: 10px; }
body .address-block { margin-top: 0px; width: 30%; margin-left: 5%; }
body .contact-section .contact-form .field-item span { float: none; margin: 0; display: block; }
body .contact-section .contact-form { width: 100%; } 
body .contact-section .attachement { display:none;}
body .contact-section .contact-form .field-item { margin-bottom: 5px; position: relative; padding-top: 0;}
body .contact-section .contact-form .field-item span { float: none; margin: 0; display: none; position: absolute; top: 0px; }
body .contact-section input[type="text"],
body .contact-section textarea,
body .contact-section input[type="file"] { width: 96%; float: none; padding: 2%;font-size:1em; }
body #googleMap-Office-1 { width: 100%; }
body #googleMap-Office-2 { width: 100%; }
body .mobile-map-link { display:block; }
body .contact-section h2 {display:none;}

body .disclaimer { width:auto; margin-left:20px; margin-top:0px; padding-top:0px}


/* recaptcha restyling */
/*#recaptcha_widget_div { display: none!important; }*/
body .contact-section #recaptcha_area { float: none; }
#recaptcha_table { border: none!important; width:100%; margin-top: 10px!important;}
#recaptcha_table td { display:block; }
#recaptcha_table tr:first-child td:nth-child(2),
#recaptcha_table tr:first-child td:nth-child(3) { display: none; }
#recaptcha_table tr:last-child td:first-child { padding: 5px 0 0 0!important; } 
#recaptcha_table tr:first-child { height:auto!important;background: #ffffff; border: none!important; }
.recaptcha_image_cell center,
#recaptcha_table .recaptcha_image_cell { width: 100%; padding: 0 1% 0 1%!important; margin:0; }
#recaptcha_table #recaptcha_image { border: none!important; }
#recaptcha_image img { height: 100%!important; width: 100%!important; }
#recaptcha_image { width: 100%!important; height: 100%!important; }
body .contact-section .recaptcha_input_area { padding-bottom:0px !important; }
.recaptchatable #recaptcha_response_field { font-size: 11pt; padding: 1%; }
body .contact-section .recaptcha_input_area input[type="text"] { padding: 0 0px; border: 1px solid #c5cdd6 !important; margin-bottom: 8px; width: 100%!important; }
.recaptchatable a, .recaptchatable a:hover { color: #233a63!important; font-size: 0.9em; }

/* legal pages */
.legal-page .content-area { width: 90%; }