﻿/*
 * Project Styles
 * 
 */

/* ==========================================================================
   Base styles and resets
   ========================================================================== */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust: none;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }


code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12.025px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;}pre.prettyprint{margin-bottom:18px;}
pre code{padding:0;color:inherit;background-color:transparent;border:0;}



q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }
li { list-style:none; margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: none;  }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.hidden {display: none;}

/* ==========================================================================
   Efront editor styles
   ========================================================================== */
   

.editorLink{left:10px;position:absolute;top:10px;z-index:1}.editorLink a{background:transparent url(/images/editor.png) no-repeat top left;color:#fff;display:block;font-weight:700;height:22px;padding:0;text-align:center;text-decoration:none;text-indent:-999em;width:35px}.editorLink a:hover{background:transparent url(/images/editor.png) no-repeat top left;color:#fff}.widgetLink{left:-25px;position:absolute;top:-15px}.widgetLink a{background:transparent url(/images/editor.png) no-repeat top left!important;color:#fff;display:block;height:22px!important;padding:0;text-align:center;text-indent:-999em;width:35px}.linkeditorLink a{background:transparent url(/images/editor.png) no-repeat top left;color:#fff;display:block;height:22px;padding:0;text-align:center;text-indent:-999em;width:35px}.posrelative{position:relative}

#important-information .widgetLink, #privacy-policy .widgetLink, #fsg .widgetLink , #powerwrap-partners .widgetLink{left: 0;top: 0;}

.fancybox-skin {background-color: #fff!important;}

/* ==========================================================================
   General styles
   ========================================================================== */
html { background:#fff; }
body { font-family:'Baskerville W01 Regular_705699';  font-size:14.5px; color:#000;  padding-top: 55px;}

.wrapper { max-width:915px; width:100%; margin:0 auto; padding:0px 20px; position:relative; }
.wrapper:before, .wrapper:after { content: ""; display: table; }
.wrapper:after { clear: both; }
.wrapper { *zoom: 1; }

a { text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
outline:none!important; }
	a:hover { color:#fff;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#000;opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { color:#000;opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#000;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#000;opacity:1;}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img {max-width:100%; height:auto;}

.col12 { width: 100%; float: left;}
.col11 { width: 91.66666666666666%; float: left; }
.col10 { width: 83.33333333333334%; float: left;}
.col9 { width: 75%; float: left;}
.col8 { width: 66.66666666666666%; float: left; }
.col7 { width: 58.333333333333336%; float: left;}
.col6 { width: 50%; float: left;}
.col5 { width: 41.66666666666667%; float: left;}
.col4 { width: 33.33333333333333%; float: left;}
.col3 { width: 25%; float: left;}
.col2 { width: 16.666666666666664%; float: left;}
.col1 { width: 8.333333333333332%;  float: left;}

/* ==========================================================================
   Fonts
   ========================================================================== */
  /*
  
  font-family:'Baskerville W01 Regular_705699';
  font-family:'Baskerville W01 Italic';
  font-family:'Baskerville W01 Medium_705693';
  font-family:'BaskervilleW01-MediumIt_705696';
  font-family:'Baskerville W01 Bold_705687';
  
  */


/* ==========================================================================
   Header
   ========================================================================== */
.fixed-top {position: fixed; top:0; left: 0; width: 100%; background-color: #fff;z-index: 5000;}

#header { width:100%; min-height:55px; background-color:#000; padding:15px 0px 13px 0px; }
	#logo { display:block;  float:left; }	
	.nav{ list-style:none; margin-left:40px; display:block; float:left;}
	.nav li{ list-style:none; display:inline-block; margin-right:12px; padding-top:3px;}
	.nav li.last ,.nav li:last-child {margin-right:0px;}
	.nav li a{ font-size:16px; line-height:16px; color:#fff;}
	.nav li.on a,
	.nav li a:hover{ color:#6cb0c6; }
	
	.logins_nav_icon{ color: #808080; margin-bottom: 50px; display: none; }
	.logins_nav_icon a{ color: #808080; float: right; font-size: 24px; background: url(../images/icon_menu_logos.png) right center no-repeat; padding: 0 55px 0 0; font-style: italic; }
	
	.nav_icon{ width: 30px; height: 20px; float: right; background: url(../images/icon_menu.png) right center no-repeat; text-indent: -99999px; margin-bottom: 5px; display: none; }

/* ==========================================================================
   Login Bar
   ========================================================================== */
   
#login-bar {border-bottom:6.5px solid #000;}
	.login-nav{ list-style:none; display:block;}
	.login-nav li{ list-style:none; display:inline-block; margin-right:20px; padding:30px 0px 20px 0px;}
	.login-nav li a{ font-size:14px; line-height:14px; color:#000;}
	.login-nav li.on a,
	.login-nav li a:hover{ color:#000; }
	.menu-label {font-family:'Baskerville W01 Italic'; font-size:14px; line-height:14px; color:#929292;}
	.login-nav li.power-login {padding-left:30px; background:url(../images/icon-colibri.png) left center no-repeat;}
	.login-nav li.smart-login {padding-top:20px;padding-left:25px; background:url(../images/icon-owl.png) left center no-repeat;}

/* ==========================================================================
   Main
   ========================================================================== */	
   		
#main{padding:15px 0px 30px 0px; background:url(../images/pattern.png) repeat;
	background-position: center top;
	/* background-position: calc(50% + 12px) top; */
}	
	#main .wrapper {overflow:hidden;}
	#content-main {width:74.4%; float:left; padding-right:50px; border-right:1px solid #000;}
	#content-sidebar {width:25.6%; float:left; padding-left:24px;}

/* ==========================================================================
   Main Content
   ========================================================================== */	
	.banner {padding:18px 15px 50px 23px; position:relative; margin-bottom:13px;}
	.banner.black {background-color:#000; color:#fff;}	
	.cut {background-image:url(../images/cut.png); background-position:bottom right; background-repeat:no-repeat;}
	.banner .read-more-btn {font-size:11px; line-height:11px; color:#fff; text-transform:uppercase; display:block; padding-right:35px; padding-top:12px; padding-top:21px; padding-bottom:5px;  position:absolute; bottom:15px;right:15px; background:url(../images/icon-polygon-plus.png) top right no-repeat;}	
	
	
	.more-btn {font-size:11px; line-height:11px; color:#000; text-transform:uppercase; display:block; padding-right:35px; padding-top:18px; padding-bottom:5px;  position:absolute; bottom:10px;right:10px; background:url(../images/icon-polygon-arrow.png) top right no-repeat; min-height:37px; font-family: "Baskerville W01 Medium_705693";}
	
	.home .blue .more-btn {background:url(../images/icon-polygon-arrow-white.png) top right no-repeat;}

	.home .blue .more-btn:hover { color: #000;  background:url(../images/icon-polygon-arrow.png) top right no-repeat;}
	
	.home .gray .more-btn:hover { background:url(../images/icon-polygon-arrow-white.png) top right no-repeat; }
	.home .gray span {color:#000;}
	
	.home .gray {padding: 20px 10px 50px 11px}
	.home .nobg .more-btn:hover { color: #000; background: url(../images/icon-polygon-arrow-blue.png) top right no-repeat; }

	h2 {font-size:28px; line-height:28px; font-weight:normal;}
	h3 {font-size:24px; line-height:28px; font-weight:normal;}
	h4 {font-size:20px; line-height:20px; font-weight:normal;} 
	
	strong {font-family:'Baskerville W01 Bold_705687'; font-weight:normal;}
	em {font-family:'Baskerville W01 Italic'; font-style:normal;}
	
	span.black {color:#000;}
	span.blue {color:#6CB0C6;}
	
	.columns {overflow:hidden; margin:0px -12px;}
	.columns .column {float:left; padding:0px 12px;}
	.columns .column.first {width:32%;}
	.columns .column.middle {width:40%;}
	.columns .column.last {width:28%;}
	
	.box { padding:20px 10px 50px 20px; position:relative; margin-bottom:15px;}
	.box.blue { background-color:#6CB0C6; color:#fff;}	
	.box.blue .more-btn {color:#fff;}
	.box.nobg {border-top:4px solid #000; padding:16px 0px 50px 0px; background:url(../images/border.png) right bottom no-repeat;}
	.box.gray{ background-color:#9FAFB3; color:#fff;}	
	
	.box.nobg h4 { color:#6CB0C6; padding-top: 12px;}
	.box.nobg .more-btn:hover{ color:#6CB0C6; }
	.box.box2 {padding-top:5px;}
	.box2 h4 { padding-bottom:3px; }
	.box2 h4.border { border-bottom:1px solid #000; margin-bottom:8px;}
	.box p {line-height:15px; font-size:14.5px;}
	
	.box.box2.team-box {padding-bottom:40px; margin-top:45px;}
	
	.powerful h2 {color:#6CB0C6; padding-top: 12px;}
	

	h2, h3,h4 {-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

	/* home */
	
	.home .banner {height: 208px; }
	.home .banner h3.lead, .home .banner h3.first {font-size: 4em;line-height: 0.9em; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; padding: 18px 15px 50px 23px}
	.home .banner h3.second {display: none; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
	/*
.home .banner:hover h3.first{display: none; }
	.home .banner:hover h3.second{display: block;}
	
	.home .banner.active h3.first{display: none; }
	.home .banner.active h3.second{display: block;}
*/
	.home .banner.active .stay-open {background: url(../images/icon-polygon-close.png) right 0px no-repeat;}
	
	
	.home .banner .read-more-btn:before{ content: "READ MORE"; font-size: 11px; color: #fff; position: absolute; left: -77px; top: 15px; }
	.home .banner.active .read-more-btn:before{ content: "CLOSE"; left: -50px; }
	
	
	.home .banner .cycle-pager {position: absolute;
z-index: 1000;
bottom: 0;
right: 0;
font-size: 2.5em; margin-right: 1em;}

.home .banner .cycle-pager span {margin-right: -8px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.home .banner .cycle-pager .cycle-pager-active {color: #6cb0c6;}
	
	
/* ==========================================================================
   Sidebar
   ========================================================================== */
	
	#content-sidebar .box {padding-bottom:17px; background:none; font-size:16px;}
	#content-sidebar .box.links-box {border-bottom:4px solid #000; padding-bottom:.5em;}
	#content-sidebar .box.blue { background-color:#6CB0C6; color:#fff; padding-bottom: 13px; padding-top: 13px; font-size: 22px; margin-top: 30px;
margin-bottom: 30px;}

	#content-sidebar .grey { background:#9FAFB3;padding: 20px 10px 50px 10px;  padding-bottom: 13px; padding-top: 13px; font-size: 22px; margin-bottom: 15px;color:#fff; }

.group-logins {border-bottom:4px solid #000; padding-bottom:.5em; }

	#content-sidebar .box h2 { font-size: .8em;line-height: 1em;}
	#content-sidebar .cut {background-image:url(../images/cut.png); background-position:bottom right; background-repeat:no-repeat;}
	#content-sidebar .box.icon h2{padding-left: 3em;}
	
	#content-sidebar .box.icon.bird h2 { background: url(../images/icon-colibri-white.png) 4px top no-repeat;}
	#content-sidebar .box.icon.owl h2{ background: url(../images/icon-owl-white.png) 19px 4px no-repeat;}
	
	
	#content-sidebar .login-box {border-top: none; padding-top: 0 ; padding-bottom: 0!important; margin-bottom: 0px;/* padding-bottom: 30px; */}
	#content-sidebar .login-box h5{color: #929292; font-family: 'Baskerville W01 Italic'; margin-bottom: 10px;}
	
	#content-sidebar .login-box li.smart-login {background: url(../images/icon-owl.png) 19px 4px no-repeat; padding-top: .4em;}
	#content-sidebar .login-box li.power-login {background: url(../images/icon-colibri.png) 4px top no-repeat; padding-top: .4em;}
	
	
	.form {padding-top:15px;}
	.form input[type=text], .form input[type=email], .form textarea { font-family:'Baskerville W01 Regular_705699'; display:block; width:100%;padding-bottom:1px; border:none; background:url(../images/border.png) right bottom no-repeat; margin-bottom:10px; padding-right: 30px;}
	.form textarea {min-height:70px;}
	.form input[type=submit] {font-family:'Baskerville W01 Regular_705699';  border:0; display:inline-block; background:url(../images/icon-polygon-arrow.png) right center no-repeat; min-height:26px; padding-right:30px;}
	
	.links-box ul{list-style:none; padding-top:5px; display:block;}
	.links-box ul li{list-style:none; padding-bottom: 1.2em;}
	.links-box ul li a{color:#000; text-decoration: none; font-family: "Baskerville W01 Medium_705693";}
	.links-box ul li a:hover{  text-decoration: underline;}
	
	
	.login-box ul{list-style:none; padding-top:5px; display:block;}
	.login-box ul li{list-style:none; padding-bottom: 1.2em; text-align: left; padding-left: 3em;}
	.login-box ul li a{color:#000; text-decoration: none; font-family: "Baskerville W01 Medium_705693"; }
	.login-box ul li a:hover{  text-decoration: underline;}
	
/* ==========================================================================
   Footer
   ========================================================================== */
   
#footer {border-top:6.5px solid #000; padding-top:17px; padding-bottom:30px; font-size:12px; line-height:15px; }	
	.footer-columns {overflow:hidden; margin:0px -5px;}
	.footer-column {float:left;  padding:0px 5px;}
	.footer-column-1 {width:17%;}
	.footer-column-2 {width:11%;}
	.footer-column-3 {width:12%;}
	.footer-column-4 {width:19%;}
	.footer-column-5 {width:14%;}
	.footer-column-6 {width:9%;}
	.footer-column-7 {width:17%;}
	
	#footer h6 {font-family:'Baskerville W01 Bold_705687'; font-weight:normal; padding-bottom:8px;} 
	#footer a {color:#000;}
	
	#footer .imp-links {font-family:'Baskerville W01 Bold_705687'; margin-top: 1em; line-height: 18px; }
	
	#privacy-policy p, #privacy-policy ul {margin-bottom: 1em;}
	#privacy-policy ul li{list-style: disc inside;}
	
	#fsg p, #fsg ul {margin-bottom: 1em;}
	#fsg ul li{list-style: disc inside;}
	
	#powerwrap-partners p, #powerwrap-partners ul {margin-bottom: 1em;}
	#powerwrap-partners ul li{list-style: disc inside;}
	
	
/* ==========================================================================
   About Pages
   ========================================================================== */	
   
.sub-nav{ list-style:none;  display:block; padding:0px 0px 25px 0px; margin-bottom:15px; /* border-top:1px solid #000; */  border-bottom:4px solid #000;}
	.sub-nav li{ list-style:none; display:inline-block; margin-right:20px; }
	.sub-nav li.last ,.sub-nav li:last-child {margin-right:0px;}
	.sub-nav li a{ font-size:16px; line-height:16px; color:#000;}
	.sub-nav li.on a,
	.sub-nav li a:hover{ color:#6CB0C6; }

.crumb {padding: 10px 0 10px 0; color: #929292;} 
.crumb a{color: #929292;} 	
.crumb a:hover{color: #6cb0c6;} 	
.entry	{max-width:500px; padding-bottom:34px; background:url(../images/border.png) bottom right no-repeat; margin-bottom:100px; position: relative;}
.entry.sec_entry{ padding-bottom:0; background: none; max-width: 500px; }
	.entry p {line-height:18px; padding-bottom:6px; }
	.entry a {color:#000; font-family: "Baskerville W01 Medium_705693"; text-decoration: none;}
	.entry a:hover {color:#000; text-decoration: underline; }
	.entry p.leading {font-size:27px; line-height:32px; color:#6CB0C6; padding-bottom:12px; }
.sec_entry p.leading{ padding-left: 15px; }
.sec_entry p{ padding-left: 15px; }

.page-title {color:#6CB0C6; padding-left:5px; padding-bottom:15px;}

.people-cont{ position: relative; }   
.people-cont .person{ float: left; width: 176px; margin-bottom: 12px; margin-left: 25px;  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.people-cont .person:nth-child(3n+1){ margin-left: 0; }
.people-cont .person a{ display: block; position: relative; }
.people-cont .person img{ display: block; }
.people-cont .overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); padding: 30px 13px 0 13px; color: #fff; transition: all 400ms ease; }
.people-cont .overlay h3{ font-size: 18px; line-height: 20px; margin-bottom: 10px; }
.people-cont .overlay h4{ font-size: 14.5px; line-height: 16.5px; font-style: italic; width: 80%;}


.board .overlay h4 {font-size: 14px;}
	
	
.people-cont .polygon{ display: block; width: 24px; height: 27px; background: url(../images/icon-polygon-plus.png) center no-repeat; position: absolute; right: 16px; bottom: 12px; transition: background 200ms ease; }
.people-cont .triangle{ display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 0px solid #fff; border-right: 25px solid #fff; position: absolute; bottom: 0; right: 0; }

.people-cont .excerpt{ position: absolute; }

.pesron_inner.active .overlay{ opacity: 0; }
.pesron_inner.active .polygon{ background: url(../images/icon-polygon-close.png) right 0px no-repeat; }

.person  .the_excerpt{ display: none; opacity: 1; position: absolute; top: auto; left: 0; width: 100%; padding: 15px 15px 30px; font-size: 14.5px; }
.person  .the_excerpt ul {margin-top: 1em;}
	.person  .the_excerpt ul li {list-style: disc; list-style-position: outside;margin-left: 1em;}


.wrap_block{ margin-bottom: 13px; }
.wrap_block img{ float: left; margin-right: 20px; }
.wrap_block .text{ padding-top: 23px; }
.sec_entry .wrap_block .text p{ padding-left: 0; }

/* ==========================================================================
   Contact Us
   ========================================================================== */
.contact_us_head{ color: #000; background-color: #6cb0c6; margin-bottom: 30px; }   
.contact_us_head h3{ font-size: 50px; line-height: 1; margin-bottom: 0; }
.contact_us_head h3 span{ color: #fff; }

.contact_page .contact-box{ width: 200px; width: 350px; padding: 16px 0; background: none; border-top: 3px solid #000; border-bottom: 3px solid #000; float: left; margin-bottom: 50px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.contact_page .contact_details{ float: left; margin-right: 60px; margin-bottom: 50px; }
.contact_page .contact_details p{ line-height: 15px; }
#errbox { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
/* ==========================================================================
   Why
   ========================================================================== */
.why_head{ color: #fff; background-color: #6cb0c6; margin-bottom: 30px; padding-bottom: 7px; }   
.why_head h3{ font-size: 20px; line-height: 1; margin-bottom: 42px; }   
.why_head h3 .black{ color: #000; }



.why_head {height: 208px; }
	.why_head h3.first {font-size: 4em;line-height: 1em; /* width: 65% */;}
	.why_head h3.second {display: none;}
/*
	.why_head:hover h3.first{display: none; -webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;}
	.why_head:hover h3.second{display: block;}
*/
	
	/*
.why_head.active h3.first{display: none;}
	.why_head.active h3.second{display: block;}
*/

	
.why_items .person{  }
.why_items .person a{ height: 132px; background: #9fafb3; }
.why_items .person a.active{ background: #000; }
.why_items .person a.active .overlay{ opacity: 1; }
.why_items .person .overlay{ background: none; padding: 10px 13px 0 13px; }
.why_items .overlay h3{ font-size: 28px; line-height: 30px; word-break: break-word;  }
.why_items .polygon:before{ content: "READ MORE"; font-size: 11px; color: #fff; position: absolute; left: -77px; top: 15px; font-family:'Baskerville W01 Medium_705693'}
.why_items .active .polygon:before{ content: "CLOSE"; left: -50px; font-family:'Baskerville W01 Medium_705693'}

.why_head.active .stay-open {background: url(../images/icon-polygon-close.png) right 0px no-repeat;}

/* .why_head .read-more-btn {padding-top: 11px;} */


.why_head .read-more-btn:before{ content: "READ MORE"; font-size: 11px; color: #fff; position: absolute; left: -77px; top: 15px; }
.why_head.active .read-more-btn:before{ content: "CLOSE"; left: -50px; }

.why_items .person  .the_excerpt a {height: auto; background: transparent; color:#000; font-family: "Baskerville W01 Medium_705693"; text-decoration: none; display: inline;}

.why_items .person  .the_excerpt a:hover{  text-decoration: underline;}
.why_items .person  .the_excerpt h3{ font-family:'Baskerville W01 Medium_705693'; margin-bottom: 5px; font-size: 14.5px; line-height: 19px; }


/* ==========================================================================
   Fee Calculator
   ========================================================================== */
.fee-calculator{}
.fee-calculator h2{ color:#6CB0C6; padding-left:25px; padding-bottom:15px; }
.fee-calculator .row{ margin-left: -15px; margin-right: -15px; margin-bottom: 15px; }
.fee-calculator .row>div{ padding: 0 15px; }
.fee-calculator h4{ font-size: 14.5px; font-family:'Baskerville W01 Medium_705693'; }
.fee-calculator p{ font-size: 14.5px; margin-bottom: 5px; line-height: 16.5px; }

.table_holder{ background: #c5d0d3; position: relative; padding: 13px 18px 25px; font-size: 14.5px; }
.table_holder:after{ content: ""; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 0px solid #fff; border-right: 25px solid #fff; position: absolute; bottom: 0; right: 0; }
.table_holder table{ width: 100%; }
.table_holder table *{ border: 1px solid #c5d0d3; }
.table_holder table span, .table_holder table sup, .table_holder table small, .table_holder table input {border: none; font-family: 'Baskerville W01 Regular_705699';}
.table_holder table input {text-align: right; width: 100%;}
.table_holder .right{ text-align: right; }
.table_holder td{ background: #fff; padding: 3px 5px; }
.table_holder td.grey{ background: #e1e7e9; }
.table_holder tfoot td{ background: #000; color: #fff; }

.table_holder thead td{ text-align: center; }
.table_holder thead .blank{ background: none; }
.table_holder thead .middle{ background: #333333; color: #fff; }
.table_holder thead .last{ background: #000000; color: #fff; }
.table_holder td.light-grey{ background: #edf1f2; }


.table_holder td.light-green{ background: #b1bdc1; color:#fff;}
.table_holder td.green{ background: #a0afb3; color:#fff;}

.page-title.with-icon{  }
.page-title.with-icon span{ float: left; position: relative; top: 46px; left: 18px; }
.page-title.with-icon img{ float: right; }

.divider{ border: none; border-top: 1px solid #000000; }

h3.section_title{ padding-left: 25px; font-size: 14.5px; margin-bottom: 10px; margin-top: 20px; text-transform: uppercase; font-family: "Baskerville W01 Medium_705693";}
.row-section{ padding: 0 13px; margin-bottom: 15px; }
.row-section >div{ padding: 0 12px; }
.row-section img{ display: block; margin: 0 auto 7px; border: 1px solid #333333}
.row-section a{ color: #000; font-size: 14.5px; font-family: "Baskerville W01 Medium_705693"; text-decoration: none;}
.row-section a:hover{  text-decoration: underline;}

.gen-adv-war a{ color: #000; font-size: 14.5px; position: relative; font-family: "Baskerville W01 Medium_705693"; text-decoration: none;}
.gen-adv-war a:hover{  text-decoration: underline;}
.row-section p{ line-height: 1.2; }

.list-style1{ padding-left: 25px; margin-bottom: 10px; }
.list-style1 li{ background: url(../images/icon-polygon-plus-black.png) left 3px no-repeat; display: block; padding-top: 3px; padding-left: 20px; margin-bottom: 5px; }

/* ==========================================================================
   News List
   ========================================================================== */
.news_list{ padding: 0 25px; }
.news_list .post{ float: left; width: 28%; padding:16px 0px 50px 0px; background:url(../images/border.png) right bottom no-repeat; margin-bottom: 15px; position: relative; /* max-height: 151px; */ height: 171px;}
.news_list .post .date{ background: #929292; color: #fff; font-size: 14.5px; line-height: 28px; padding: 0 5px; margin-bottom: 3px; }
.news_list .post + .post{ margin-left: 8%; }
.news_list .post:nth-child(3n+1){ margin-left: 0; }
.news_list a:hover {   color: #6CB0C6;}
	
.why_head.news {height: auto;}	
.why_head.news h3{ font-size: 50px;}


.show-mobile {display: none!important}
.page{padding-top: 0;}

.logo-table td {vertical-align: middle!important; text-align: center; padding: 5px;}
.logo-table td img {max-width: 100%; height: auto; display: block; margin: 0 auto;}

 
/* ==========================================================================
   Portrait iPad
   ========================================================================== */
@media only screen and (max-width: 1023px){
	
	.columns .column.first{ width: 35%; }
	.columns .column.middle{ width: 35%; }
	.columns .column.last{ width: 30%; }
	
	.people-cont .person{ margin-left: 15px; width: 152px; }
	.people-cont .overlay{ padding: 13px 30px 0px 13px; }
	.people-cont .overlay h3{ font-size: 20px; line-height: 20px; margin-bottom: 5px; }
	
	.news_list{ padding: 0 10px; }
	.news_list .post{ float: left; width: 30%; }
	.news_list .post + .post{ margin-left: 5%; }
	.news_list .post:nth-child(3n+1){ margin-left: 0; }
	.show-mobile {display: none!important}
	.page{padding-top: 0;}
}

/* ==========================================================================
   Landscape iPhone
   ========================================================================== */
@media only screen and (max-width: 767px){
	body { padding-top: 0!important;}
	.page{padding-top: 136px;}
	#login-bar{ display: none; }
	.nav{ display: none; }
	.group-logins {display: none;}
	.logins_nav_icon{ display: block; }
	.nav_icon{ display: block; }
	
	#main-menu > ul{ margin-top: 60px; }
	
	#main{ padding: 10px 0; }
	#main .wrapper{ padding: 0 10px; }

	#content-main {width:100%; float:none; padding-right:0px; border-right:0; margin-bottom:30px;}
	#content-sidebar {width:100%; float:none;padding-left:0px;}
	.footer-column {width:25%;}
	
	.entry {margin-bottom:0px;}
	
	.columns .column.first{ width: 100%; }
	.columns .column.middle{ width: 100%; }
	.columns .column.last{ width: 100%; }
	
	.box{ margin-bottom: 10px; }
	
	.people-cont .person{ margin-left: 2%; width: 32%; }
	.people-cont .person img{ width: 100%; }
	.person  .the_excerpt{ position: absolute; }
	
	.wrap_block img{ width: 50%; height: auto; }
	.wrap_block .text{ padding-top: 23px; }
	
	.contact_page .contact-box{ width: 100%; margin-bottom: 20px; }
	.contact_page .contact_details{ margin-bottom: 20px; margin-left: 0; }
	
	.fee-calculator .col7{ width: 100%; margin-bottom: 0; }
	.fee-calculator .col5{ width: 100%; margin-bottom: 0; }
	
	.row-section .col3{ width: 50%; margin-bottom: 15px; }
	
	.page-title.with-icon span{ top: auto; display: block; }
	.page-title.with-icon img{ float: left; margin-top: 10px; }
	
	.show-mobile {display: block!important}
	
	.doc-img {text-align: center;}
	
}


/* ==========================================================================
   Landscape iPhone
   ========================================================================== */
@media only screen and (max-width: 600px){
	.home .banner h3.lead, .home .banner h3.first {font-size: 3em;}
	
	.why_head h3.first {font-size: 3em;}
	.logo-table td {padding: 8px;}
}

/* ==========================================================================
   Portrait iPhone
   ========================================================================== */
@media only screen and (max-width: 479px){
	
	.home .banner h3.lead, .home .banner h3.first {font-size: 2.5em;}
	.why_head h3.first {font-size: 2.5em;}
	.footer-column{ width: 100%; margin-bottom: 10px; }
	
	.people-cont .person{ margin-left: 0%; width: 100%; }
	.person  .the_excerpt{ position: relative; }
	.people-cont .person.marginBottom{ margin-bottom: 12px !important; }
	
	.people-cont .overlay{ padding: 30px 20px; }
	.people-cont .overlay h3{ font-size: 20px; line-height: 22px; margin-bottom: 15px; }
	.people-cont .overlay p{ font-size: 18px; }
	
	.wrap_block img{ width: 100%; height: auto; margin-right: 0; float: none; }
	.wrap_block .text{ padding-top: 23px; }
	
	.row-section .col3{ width: 100%; }
	
	.news_list .post{ float: left; width: 100%; }
	.news_list .post + .post{ margin-left: 0%; }
	
	.people-cont .overlay h3{ font-size: 30px; line-height: 30px; margin-bottom: 5px; }
	
}



