/* ---------9.8.16 UPDATES ----------- */
/* ---------CUSTOM FONTS------------ */
@import url(http://fonts.googleapis.com/css?family=Fanwood+Text);
@font-face{
font-family:'univers45_light';
src:url('fonts/univers-light.eot');
src:url('fonts/univers-light.eot?#iefix') format('embedded-opentype'),
url('fonts/univers-light.svg'),
url('fonts/univers-light.woff') format('woff'),
url('fonts/univers-light.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'univers55';
src:url('fonts/univers.eot');
src:url('fonts/univers.eot?#iefix') format('embedded-opentype'),
url('fonts/univers.svg'),
url('fonts/univers.woff') format('woff'),
url('fonts/univers.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'univers75_black';
src:url('fonts/univers-black.eot');
src:url('fonts/univers-black.eot?#iefix') format('embedded-opentype'),
url('fonts/univers-black.svg'),
url('fonts/univers-black.woff') format('woff'),
url('fonts/univers-black.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}
/* ---------- MAIN ELEMENTS -----------*/
*{
max-height:10000px;
margin:0;
padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
margin:0 0 14px;
}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, 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 {
border:0;
background:none;
}
table {
border-collapse: collapse;
}
table tr {
border: 0;
}
table tr td:first-child {
border: 0;
}
table tr td:nth-child(2) {
border: 5;
border-top: 0;
border-bottom: 0;
}
table tr td:nth-child(3) {
border: 5;
border-top: 0;
border-bottom: 0;
}
table tr td:nth-child(4) {
border: 5;
border-top: 0;
border-bottom: 0;
}
table tr td:nth-child(5) {
border: 5;
border-top: 0;
border-bottom: 0;
}
table tr td:nth-child(6) {
border: 5;
border-top: 0;
border-bottom: 0;
}
table tr td:last-child {
border: 0;
}
body {
min-width:950px;
color:#133247;
font:16px 'univers45_light', Arial, Helvetica, sans-serif;
background:#fff;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:none;
}
/* ----------- MAIN ELEMENTS LINKS ---------- */
a {
text-decoration:none;
color:#133247;
outline:none;
}
a:hover{text-decoration:underline;}
a:active{background-color:transparent;}
input, textarea, select{
font:100% arial,sans-serif;
vertical-align:middle;
color:#000;
overflow:auto;
outline:none;
}
label{vertical-align:middle;}
button, input{
width:auto;
overflow:visible;
outline:none;
}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:130%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:80%;}
h1, h2, h3, h4, h5, h6 {
font-family: 'univers55';
color: #143348;
}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins{text-decoration:underline;}
s, strike, del{text-decoration:line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
table, caption, tbody, tfoot, thead, tr, th, td{
border-collapse:collapse;
border-spacing:0;
}
.container h1 {
margin:-4px 0 20;
font:55px/55px 'Fanwood Text', 'univers45_light', Arial, Helvetica, sans-serif;
font-size: 46px;
color:#143348;
letter-spacing:-1px;
}
.container h2 {
font-family:'Fanwood Text';
font-size: 28px;
color:#143348;
}
.container > .content{
padding:1px 10px 18px 0;
overflow:hidden;
}
.container > .content p{margin:0 0 7px;
}
th, td{
border:1px solid #ccc;
padding:3px 7px;
text-align:left;
vertical-align:top;
}
th{
border-color:#999;
text-align:center;
vertical-align:middle;
}
ul{margin-left:1px;}
ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
img{
max-width:100%;
height:auto;
vertical-align:top;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="submit"],
textarea{
-webkit-appearance:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
[type="submit"]{cursor:pointer;}
button::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding:0;
border:0;
}
.alignleft{
float:left;
margin:0 10px 10px 0;
}
.alignright{
float:right;
margin:0 0 10px 10px;
}
.aligncenter{
display:block;
margin:0 auto;
}
.btn-mobile{display:none;}
#wrapper{
padding:0 10px;
overflow:hidden;
}
#header{
margin:0 -10px;
padding:0 0 39px;
}
#header .holder{
padding:10px 12px 21px 62px;
overflow:hidden;
/*
border-bottom:1px solid #e8edef;
*/
background:url(images/bg-header.jpg) repeat-x;
}
.logo{
float:left;
background:url(images/double-logo-white-600.png) no-repeat;
background-size: contain;
width:460px;
height:70px;
text-indent:-9999px;
overflow:hidden;
margin:12px 0 0;
}
.logo a{
display:block;
height:100%;
}
.block-user{float:right;}
.block-user ul{
margin:0 0 6px;
padding:0;
overflow:hidden;
font:11px/12px 'univers55', Arial, Helvetica, sans-serif;
letter-spacing:-1px;
word-spacing:1px;
text-transform:uppercase;
}
.block-user li{
position:relative;
list-style:none;
padding:0 0 0 22px;
float:left;
}
.block-user li:before{
content:'';
position:absolute;
top:50%;
left:14px;
width:0;
height:0;
margin:-4px 0 0;
border-style:solid;
border-width:4px 0 4px 4px;
border-color:transparent transparent transparent #c5cbcf;
}
.block-user li a{color:#c5cbcf;}
.block-user .lnk-access{font-family:'univers75_black', Arial, Helvetica, sans-serif;}
.block-user .form-search{
float:right;
margin:0;
font:11px 'univers45_light', Arial, Helvetica, sans-serif;
}
.form-search .field-query{
position:relative;
float:left;
margin:0 2px 0 0;
padding:0 0 0 24px;
border:1px solid;
border-color:#a4afb6 #d3d8da #4d6373 #395264;
background:#fff;
}
.form-search .field-query:after{
content:'';
position:absolute;
top:0;
left:0;
width:24px;
height:24px;
background:url(images/sprite.png) no-repeat -1px -1px;
}
.form-search input[type="search"],
.form-search input[type="text"]{
width:119px;
height:22px;
padding:2px 3px 2px 0;
border:none;
color:#cad0d3;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.form-search input[type="submit"]{
height:24px;
padding:0 4px 0 5px;
border:1px solid;
border-color:#435c71 #4a6278 #264257 #465e74;
background:#5b7187;
text-transform:uppercase;
line-height:23px;
letter-spacing:1px;
color:#7f96ae;
cursor:pointer;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.buttons{
clear:both;
float:right;
width:206px;
padding:13px 0 0;
}
.btn-fb{
clear:both;
display:inline-block;
vertical-align:top;
background:#5b7187 url(images/sprite.png) no-repeat -89px -51px !important;
width:31px;
height:28px;
text-indent:-9999px;
overflow:hidden;
margin:0 4px 0 0;
}
.btn-lp{
display:inline-block;
vertical-align:top;
color:#8ea6c0;
font:9px/12px 'Times New Roman', Times, serif;
text-align:center;
background:#5b7187 !important;
height:24px;
padding:2px 6px;
margin:0 4px 0 0;
text-decoration:none !important;
}
.btn-lp strong{
display:block;
text-transform:uppercase;
color:#fff;
font:10px/12px 'univers75_black', Arial, Helvetica, sans-serif;
}
/* --------------------------------Main Element Navigation-------------------------------- */
#nav{
position:relative;
border-bottom:1px solid #eef2f3;
background: rgb(18,49,70);
}
#nav:after{
content:'';
position:absolute;
bottom:0;
left:50%;
width:950px;
height:40px;
margin:0 0 0 -475px;
border-radius:0 0 80px 80px;
-webkit-box-shadow:0 0px 16px 2px rgba(0,0,0,0.3);
box-shadow:0 0px 16px 2px rgba(0,0,0,0.3);
z-index:-1;
}
#nav a:hover{text-decoration:none;}
#nav ul{
margin:0;
padding:0;
font:14px/16px
font-family:'univers55', Arial, Helvetica, sans-serif;
}
#nav li div{position:relative;}
#nav > ul{text-align:center;}
#nav li{
position:relative;
list-style:none;
}
#nav > ul > li{display:inline-block;}
#nav > ul > li > div > a{
display:block;
padding:10px 26px;
color: #fefefe;
}
#nav > ul > li.active > div > a{
padding:11px 26px 12px;
background:#1B3E55;
/*border makes rounded square*/
-moz-border-radius: 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
color: #fff;
font-weight: 700;
}
#nav > ul > li.hover{
background:#3D566E;
-moz-border-radius: 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
#nav > ul > li.hover > div > a:hover{
color: #fefefe;
}
#nav ul ul{
display:none;
top:-9999px;
left:-9999px;
position:absolute;
text-align:left;
font:14px/18px 'univers45_light', Arial, Helvetica, sans-serif;
color:#c7dde5;
z-index:5;
}
#nav li.hover > div > ul{
display:block;
top:100% !important;
left:0 !important;
}
#nav ul ul li{border-top:1px solid #536d84;}
#nav ul ul li:first-child{border:none;}
#nav ul ul a {
position:relative;
display:block;
min-width: 71px;
padding:4px 20px 4px 10px;
background:rgba(61,86,110,0.8);
color:#fefefe;
}
#nav ul ul a:first-child{border:none;}
#nav ul ul li.hover{
background:rgba(15,29,47,0.8);
color:#9cadbd;
text-decoration:none;
}
#nav ul ul a.has-drop-down-a:after{
content:'';
position:absolute;
top:50%;
right:6px;
margin:-4px 0 0;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 4px;
border-color:transparent #98a7b5;
}
#nav li.hover > ul{
display:block;
top:0 !important;
left:100% !important;
}
#nav ul ul ul li{
border:solid #c7d6e0;
border-width:1px 0;
}
#nav ul ul ul a{
min-width:167px;
padding:3px 5px 2px 8px;
background:rgba(255,255,255,0.8);
color:#3d566e;
background:rgba(61,86,110,0.8);
color:#fefefe;
left: 0;
}
#nav ul ul ul a:hover{
background:rgba(255,255,255,0.95);
color:#3d566e;
background:rgba(61,86,110,0.8);
color:#fefefe;
}
/* ---------------End Navigation --------------- */
.container{
max-width:950px;
margin:0 auto;
overflow:hidden;
}
.two-columns{
margin:0 -14px 0 0;
overflow:hidden;
}
.col-small,
.col-large{
float:left;
padding:0 14px 0 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.col-small{width:43%;}
.col-large{width:57%;}
.col-large .content{padding:0 0 17px;}
.col-large .content p{margin:0 0 8px;}
.block{border:1px solid #d5d8d9;}
.block h1{
margin:0;
padding:9px 21px 9px;
background:#d4dadd;
font:25px/30px 'univers45_light', Arial, Helvetica, sans-serif;
color:#143348;
}
.location img{width:100%;}
.teams{
margin:0;
padding:9px 7px 0 23px;
overflow:hidden;
/*min-height: 300px; */
}
.teams li{
float:left;
width:25%;
padding:0 30px 30px 0;
list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.teams li a{
position:relative;
display:block;
-webkit-box-shadow:inset 0 0 0px 1px rgba(255,255,255,0.6);
-moz-box-shadow:inset 0 0 0px 1px rgba(255,255,255,0.6);
box-shadow:inset 0 0 0px 1px rgba(255,255,255,0.6);
}
.teams li img{
position:relative;
width:100%;
z-index:-1;
}
.teams li img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.teams a:hover img {
filter: none;
-webkit-filter: grayscale(0%);
}
.teams li p{
position:absolute;
width:100%;
bottom:0;
height:35px;
display:table;
margin:0;
background:rgba(20,51,72,0.8);
font:15px/15px 'univers45_light', Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
z-index:-1;
}
.teams li span{
display:table-cell;
padding:0 5px;
vertical-align:middle;
}
.teams li a:hover span{text-decoration:underline;}
#footer{
margin:0 -10px 0;
padding:2px 50px 20px 62px;
background:#d4dadd;
font:8pt/9pt 'univers55', Arial, Helvetica, sans-serif;
border: none;
}
#footer p{margin:0 0 5px;}
.single h1{
margin:0 0 20px;
font:25px/26px 'univers45_light', Arial, Helvetica, sans-serif;
color:#143348;
}
.single .alignright {
text-align:right;
}
.single p{margin:0 0 8px;}
.members{
margin:0;
padding:0;
}
.members li {
position:relative;
border-top:2px solid #d4dadd;
padding:8px 8px 8px 20px;
list-style:none;
overflow:hidden;
}
.members li:first-child {
border:none;
}
.members li h3 {
margin:0;
padding:0;
}
.members li h3 a {
font:16px/24px 'univers75_black', Arial, Helvetica, sans-serif;
color:#143348;
margin: 0;
}
.members .team-member-block .team-member-thumbnail {
float: left;
width: 120px;
}
.members .team-member-block .team-member-title {
float: right;
width: 355px;
padding: 0 10px;
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
.members .team-member-block .team-member-thumbnail {
float: none;
width: 120px;
}
.members .team-member-block .team-member-title {
float: none;
display: block;
width: 100%;
padding: 0 10px;
}
}
.team-member-thumbnail-gray {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.team-member-thumbnail img:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.team-member-thumbnail-color {
filter: none;
-webkit-filter: grayscale(0%);
}
.members li .team-member-toggle-button {
display: inline-block;
width:22px;
height:22px;
float:right;
overflow:hidden;
text-indent:-9999px;
background:url(images/sprite.png) no-repeat -2px -27px;
}
.members li .team-member-toggle-content {
display: none;
}
.members li .opener {
/*float:right;*/
width:22px;
height:22px;
overflow:hidden;
text-indent:-9999px;
background:url(images/sprite.png) no-repeat -2px -27px;
}
.members li.active .opener {
background-position:-27px -27px;
}
.members li .slide {
display:none;
padding:12px 0 3px;
font:16px 'univers45_light', Arial, Helvetica, sans-serif;
}
.members li.active:after {
content:'';
position:absolute;
left:6%;
top:100%;
width:88%;
height:40px;
border-radius:70px;
-webkit-box-shadow:0 0px 20px 3px rgba(0,0,0,0.2);
box-shadow:0 0px 20px 3px rgba(0,0,0,0.2);
}
.members li.active .slide {
display:block;
overflow:hidden;
}
.members .slide .picture {
float:left;
margin:0 20px 0 0;
}
.members .slide .picture img{
margin:0 0 10px;
max-width:none;
}
.members .slide .picture a {
position:relative;
display:block;
margin:0 0 2px;
padding:0 0 0 17px;
}
.member-title a.lnk-mail:before{
content:'';
display: inline-block;
width:15px;
height:15px;
background:url(images/sprite.png) no-repeat;
}
.members-title a.lnk-mail:before{background-position:-59px -56px;}
.members .slide p{margin:0 0 12px;}
.block-video{
margin:0 0 0px;
position:relative;
}
.block-video img{
display:block;
width:100%;
height:auto;
}
.block-video img{width:100%;}
.btn-play{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
color:#143348;
background:url(images/video-overlay.png);
font:26px/30px 'univers45_light',Arial,Helvetica,sans-serif;
text-align:center;
}
.btn-play span{
position:absolute;
top:50%;
left:0;
width:100%;
margin:-15px 0 0;
}
.btn-play span:before{
content:''; display:inline-block;
vertical-align:middle;
background:url(images/btn-play.png) no-repeat;
width:13px;
height:19px;
margin:-6px 5px 0 0;
}
.feed{
margin:0;
padding: 14px 16px 0 0;
font: 14px/16px 'univers45_light', Arial, Helvetica, sans-serif;
}
.feed li{
margin :0 0 14px 0;
padding: 0 0 0 12px;
list-style:none;
}
.feed li a:hover {
color:#143348;
}
.cycle-gallery{
position:relative;
margin:-40px -10px -21px;
}
.cycle-gallery .mask{
position:relative;
overflow:hidden;
}
.cycle-gallery .slideset{
width:99999px;
height:100% !important;
}
.cycle-gallery .slide{
position:relative;
float:left;
overflow:hidden;
}
.cycle-gallery .slide .s1{
position:relative;
left:0;
}
.cycle-gallery .slide .s2{margin:0;}
.cycle-gallery .slide img{width:100%;}
.cycle-gallery .btn-prev,
.cycle-gallery .btn-next{
position:absolute;
top:50%;
width:25px;
height:30px;
margin:-15px 0 0;
overflow:hidden;
text-indent:-9999px;
background:url(images/sprite.png) no-repeat;
}
.cycle-gallery .btn-prev{
left:15px;
background-position:-53px -10px;
}
.cycle-gallery .btn-next{
right:15px;
background-position:-83px -10px;
}
.cycle-gallery .text-box{
position:absolute;
top:0;
bottom:-1px;
right:70px;
width:412px;
padding:23px 28px 28px 26px;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjU5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42MSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, rgba(255,255,255,0.59) 0%, rgba(255,255,255,0.6) 1%, rgba(255,255,255,0.8) 17%, rgba(255,255,255,0.93) 32%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 58%, rgba(255,255,255,0.95) 69%, rgba(255,255,255,0.83) 83%, rgba(255,255,255,0.61) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.59)), color-stop(1%,rgba(255,255,255,0.6)), color-stop(17%,rgba(255,255,255,0.8)), color-stop(32%,rgba(255,255,255,0.93)), color-stop(47%,rgba(255,255,255,1)), color-stop(58%,rgba(255,255,255,1)), color-stop(69%,rgba(255,255,255,0.95)), color-stop(83%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0.61)));
background:-webkit-linear-gradient(top, rgba(255,255,255,0.59) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.8) 17%,rgba(255,255,255,0.93) 32%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 58%,rgba(255,255,255,0.95) 69%,rgba(255,255,255,0.83) 83%,rgba(255,255,255,0.61) 100%);
background:-o-linear-gradient(top, rgba(255,255,255,0.59) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.8) 17%,rgba(255,255,255,0.93) 32%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 58%,rgba(255,255,255,0.95) 69%,rgba(255,255,255,0.83) 83%,rgba(255,255,255,0.61) 100%);
background:-ms-linear-gradient(top, rgba(255,255,255,0.59) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.8) 17%,rgba(255,255,255,0.93) 32%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 58%,rgba(255,255,255,0.95) 69%,rgba(255,255,255,0.83) 83%,rgba(255,255,255,0.61) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0.59) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.8) 17%,rgba(255,255,255,0.93) 32%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 58%,rgba(255,255,255,0.95) 69%,rgba(255,255,255,0.83) 83%,rgba(255,255,255,0.61) 100%);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.cycle-gallery .text-box .holder{
padding:3px;
background:#91a3b6;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxYTNiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTU2NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, #91a3b6 0%, #3e566e 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#91a3b6), color-stop(100%,#3e566e));
background:-webkit-linear-gradient(top, #91a3b6 0%,#3e566e 100%);
background:-o-linear-gradient(top, #91a3b6 0%,#3e566e 100%);
background:-ms-linear-gradient(top, #91a3b6 0%,#3e566e 100%);
background:linear-gradient(to bottom, #91a3b6 0%,#3e566e 100%);
}
.topics{
/*
position:fixed;
*/
position: absolute;;
top:320px;
margin:0;
padding:0 4px;
font:14px/24px 'univers75_black', Arial, Helvetica, sans-serif;
z-index:5;
}
.topics li{list-style:none;}
.topics a{color:#133247 ;}
.contact-page .col-small{
width:38.6%;
padding-right:40px;
}
.contact-page .container h1{margin-bottom:20px;}
.contact-page .container p{
color:#d8d8d8;
margin:0 0 12px;
}
.contact-page .container a{
text-decoration:none;
color:#97c8cc;
outline:none;
font-size:75%;
}
.contact-page .container a:hover{text-decoration:underline; font-size:75%;
}
.contact-page .container a:active{background-color:transparent;}
input, textarea, select{
font-size:75%;
vertical-align:middle;
color:#000;
overflow:auto;
outline:none;
}
.wpcf7{
overflow:hidden;
margin:8px -8px 0 0;
}
.wpcf7 .select-area{width:100% !important;}
.wpcf7 .wpcf7-select{
display:block;
width:100%;
}
.wpcf7 .wpcf7-form-control-wrap{
float:left;
width:50%;
padding:0 8px 26px 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
position:relative;
}
.wpcf7 .wpcf7-form-control-wrap.State{width:26.5%;}
.wpcf7 .wpcf7-form-control-wrap.Zip{width:23.5%;}
.wpcf7-text,
.wpcf7-textarea{
display:block;
border:none;
color:#133247;
background:#d4dadd;
padding:7px 11px 8px;
margin:0;
width:100%;
font:14px/16px 'univers45_light', Arial, Helvetica, sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
height:31px;
}
.wpcf7 .Comments{width:100%;}
.wpcf7-textarea{
width:100% !important;
height:141px;
min-height:141px;
padding-right:2px;
}
.wpcf7-submit{
clear:both;
display:block;
border:none;
color:#133247;
background:#d4dadd;
padding:7px 11px 8px;
margin:0;
text-transform:uppercase;
cursor:pointer;
font:14px/16px 'univers45_light', Arial, Helvetica, sans-serif;
height:31px;
}
.wpcf7-not-valid-tip{
position:absolute;
left:0;
top:32px;
background:#fff;
color:#f00;
padding:2px;
}
.map-holder{
height:302px;
}
.jcf-hidden {
display: block !important;
position: absolute !important;
left: -9999px !important; /* change to right: -9999px on RTL sites */
}
.select-area {
position: relative;
overflow: hidden;
cursor: default;
height: 31px;
color:#fff;
float: left;
background:#a2aeb4;
font:14px/18px 'univers45_light', Arial, Helvetica, sans-serif;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.select-area .center {
display:block;
overflow:hidden;
margin:0 30px 0 0;
white-space: nowrap;
padding:6px 10px;
}
.select-area .select-opener {
background:url(images/sprite.png) no-repeat -100px 0;
position: absolute;
right: 11px;
top: 13px;
height:5px;
width:10px;
}
.select-options {
position: absolute;
overflow: hidden;
background: #a2aeb4;
z-index: 2000;
}
.select-options .drop-holder {
overflow: hidden;
height: 1%;
}
.select-options ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0;
font:14px/18px 'univers45_light', Arial, Helvetica, sans-serif;
}
.select-options ul li {
width: 100%;
float: left;
list-style:none;
}
.select-options ul a {
text-decoration: none;
padding: 5px 10px;
display: block;
cursor: default;
color: #000;
height: 1%;
}
.select-options .item-selected a {
text-decoration: none;
background: #a2aeb4;
color: #fff;
}
/* select options optgroup example styles */
.select-options .optgroup {
clear: both;
}
.select-options .optgroup strong {
display: block;
padding: 5px;
}
.select-options .optgroup ul a {
padding-left: 30px;
}
.social-icons{
padding:0; margin:0 auto; list-style:none;
text-align:center;
max-width:450px;
overflow:hidden;
}
.social-icons li{
display:inline-block;
text-align:left;
margin:0 5px 5px;
}
.social-icons li a{
display:block;
height:32px;
width:32px;
text-indent:-9999px;
overflow:hidden;
}
.social-icons .aim a{background:url(images/aim.png) no-repeat;}
.social-icons .behance a{background:url(images/behance.png) no-repeat;}
.social-icons .digg a{background:url(images/digg.png) no-repeat;}
.social-icons .dribbble a{background:url(images/dribbble.png) no-repeat;}
.social-icons .ember a{background:url(images/ember.png) no-repeat;}
.social-icons .evernote a{background:url(images/evernote.png) no-repeat;}
.social-icons .facebook a{background:url(images/facebook.png) no-repeat;}
.social-icons .flickr a{background:url(images/flickr.png) no-repeat;}
.social-icons .forrst a{background:url(images/forrst.png) no-repeat;}
.social-icons .github a{background:url(images/github.png) no-repeat;}
.social-icons .google a{background:url(images/google.png) no-repeat;}
.social-icons .gowalla a{background:url(images/gowalla.png) no-repeat;}
.social-icons .last-fm a{background:url(images/last-fm.png) no-repeat;}
.social-icons .linkedin a{background:url(images/linkedin.png) no-repeat;}
.social-icons .my-space a{background:url(images/my-space.png) no-repeat;}
.social-icons .paypal a{background:url(images/paypal.png) no-repeat;}
.social-icons .rss a{background:url(images/rss.png) no-repeat;}
.social-icons .sharethis a{background:url(images/sharethis.png) no-repeat;}
.social-icons .skype a{background:url(images/skype.png) no-repeat;}
.social-icons .stumbleupon a{background:url(images/stumbleupon.png) no-repeat;}
.social-icons .tumblr a{background:url(images/tumblr.png) no-repeat;}
.social-icons .twitter a{background:url(images/twitter.png) no-repeat;}
.social-icons .vimeo a{background:url(images/vimeo.png) no-repeat;}
.social-icons .yahoo a{background:url(images/yahoo.png) no-repeat;}
.social-icons .you-tube a{background:url(images/you-tube.png) no-repeat;}
.social-icons .facebook a{background:url(images/social_media_icons/blue/facebook-circle.png) no-repeat 0 0/contain;}
.social-icons .linkedin a{background:url(images/social_media_icons/blue/linkedin-circle.png) no-repeat 0 0/contain;}
.social-icons .twitter a{background:url(images/social_media_icons/blue/twitter-circle.png) no-repeat 0 0/contain;}
.social-icons .you-tube a{background:url(images/social_media_icons/blue/you-tube-circle.png) no-repeat 0 0/contain;}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(images/fancybox/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px; /* should be 20px */
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff; /* border-width should be zero */
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(images/fancybox/fancybox.png) -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(images/fancybox/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(images/fancybox/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(images/fancybox/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(images/fancybox/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(images/fancybox/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(images/fancybox/fancybox.png);
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(images/fancybox/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(images/fancybox/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(images/fancybox/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(images/fancybox/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(images/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(images/fancybox/fancybox.png) -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.team-social-icons {
margin-top: 20px;
}
.team-social-icons li a {
display:block;
height: 32px;
width: 32px;
height: 41px;
width: 41px;
text-indent:-9999px;
overflow:hidden;
}
.team-img img {
width: 100%;
border-radius: 5px;
border: solid 1px rgb(18,49,70);
overflow: hidden;
}
.team-twitter-wrapper {
margin-top: 20px;
}
.block-team-contact label {
font-weight: bold;
}
.block-team-contact {
margin:0 0 10px;
}
.block-team-contact-content {
padding: 10px;
}
.block-video-wrapper {
margin: 0 0 10px 0;
}
.elp-logo {
height: 45px;
}
.latest-news-two-col .latest-news-post-col {
float: left;
width: 68%;
padding: 0 2% 0 0;
}
.latest-news-two-col .latest-news-side-col {
float: right;
width: 30%;
}
.latest-news-two-col {
clear: both;
}
.latest-news-feed hr {
padding-bottom: 100px;
margin-bottom: 100px;
border: none;
border-bottom: solid 1px rgb(231,231,231);
}
#menu-social_media {
position: relative;
top: -65px;
}
#social-media-footer {
margin: 80px 0 -50px 0;
padding: 0;
background: rgb(212,218,221);
}
.social-icons-footer{
padding:0; margin:0 auto; list-style:none;
text-align: center;
max-width:450px;
overflow:hidden;
}
.social-icons-footer li{
display:inline-block;
text-align:left;
margin:0 5px 5px;
}
.social-icons-footer li a{
display:block;
width: 240px;
height: 144px;
text-indent:-9999px;
overflow:hidden;
}
.social-icons-footer .facebook a{background:url(images/social_media_icons/blue/facebook-circle.png) no-repeat 0 0/contain;}
.social-icons-footer .linkedin a{background:url(images/social_media_icons/blue/linkedin-circle.png) no-repeat 0 0/contain;}
.social-icons-footer .twitter a{background:url(images/social_media_icons/blue/twitter-circle.png) no-repeat 0 0/contain;}
.social-icons-footer .you-tube a{background:url(images/social_media_icons/blue/you-tube-circle.png) no-repeat 0 0/contain;}
.social-icons-footer .badge a{background:url(images/15_badge_2.png) no-repeat 0 0/contain;}
#home-bottom-img-nav {
margin: 0px auto 10px auto;
max-width:950px;
padding:35px 0 0;
overflow:hidden;
text-align: center;
height: 125px;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
/* just for demo */
/*min-width: 612px;*/
}
#home-bottom-img-nav img {
width: 140px;
}
.box1, .box2, .box3, .box4 {
/*
width: 150px;
height: 125px;
*/
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1
}
.stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0
}
#home-menu-bottom {
display: none;
margin: 20px auto;
max-width:950px;
padding:35px 0 0;
overflow:hidden;
}
#menu-home_page_secondary {
padding:0; margin:0 auto;
list-style:none;
text-align: center;
overflow:hidden;
}
#menu-home_page_secondary {
border: solid black 1px;
text-align: center;
}
#menu-home_page_secondary li{
display: inline-block;
margin: 1px;
width: 24%; border: solid red 1px;
text-align: center;
}
#menu-home_page_secondary li a {
display:block;
text-align: center;
border: solid 1px green;
background: blue;
/*
height: 145px;
width: 145px;
border: solid 2px rgb(181,194,200);
border-radius: 10px;
color: rgb(181,194,200);
font-weight: bold;
font-size: 17px;
background-color: rgb(18,49,70);
padding: 25px;
*/
}/*
#menu-home_page_secondary li:first-child a{
text-align: left;
}
#menu-home_page_secondary li:last-child a{
text-align: right;
}*/
#menu-home_page_secondary li a:hover, #menu-home_page_secondary li a:link, #menu-home_page_secondary li a:visited {
color: rgb(181,194,200);
}
#menu-home_page_secondary li a span {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#team-logo {
width: 45%;
margin-bottom: 10px;
}
#team-logo img {
width: 100%;
}
.home-two-columns {
clear: both;
}
.home-col-1 {
margin: 0 1% 0 1%;
padding: 0;
float: left;
width: 44%;
}
.home-col-2 {
margin: 0 1% 0 1%;
padding: 0;
float: right;
width: 44%;
}
#home-content {
border: none;
}
.home-elp-block {
margin: 50px 0 50px 0;
width: 200px;
}
.home-elp-block img {
width: 100%;
height: auto;
}
#home-title {
margin: 0 0 40px 0;
font-size: 24px;
text-align: center;
}
#home-main-content {
font-size: 18px;
}
#home-media-wrapper {
width: 300px;
height: 500px;
border: solid 1px red;
}
.container {
/*padding-bottom: 100px;*/
}
.topics {
font-family: 'Fanwood Text';
font-weight: bold;
}
.block-team-video-content {
padding: 10px;
}
.youtube-channel-display {
text-align: center;
}
.youtube-channel-display-video {
float: left;
width: 31%;
padding: 2% 1%;
}
.subscription-block {
background:#d4dadd;
padding: 15px 15px 5px 15px;
border-radius: 3px;
font-family: Arial;
font-size: 14px;
}
.subscription-block input[type="text"] {
display: block;
margin: 0;
width: 100%;
font-family: sans-serif;
font-size: 18px;
appearance: none;
box-shadow: none;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.subscription-block input[type="text"]:focus {
outline: none;
}
.subscription-block input[type="text"] {
padding: 10px;
border: solid 1px #dcdcdc;
transition: box-shadow 0.3s, border 0.3s;
}
.subscription-block input[type="text"]:focus,
.subscription-block input[type="text"].focus {
border: solid 1px #707070;
box-shadow: 0 0 5px 1px #969696;
}
.subscription-block input[type="submit"] {
}
.subscription-block .btn {
background: rgb(18,49,70);
border: solid 1px rgb(18,49,70);
border-radius: 5px;
text-align: center;
padding: 10px 30px;
color: #fff;
}
a.subscribe-button {
display: inline;
text-decoration: none;
background: rgb(18,49,70);
border: solid 1px rgb(18,49,70);
border-radius: 5px;
text-align: center;
padding: 10px 30px;
color: #fff;
}
/*-------------- OUR FIRM ---------------*/
.firm { width: 100%; position: relative; margin: .5em 0 6em 0; }
.firm .left { width: 50%; }
.firm .right { width: 45%; position: absolute; top: 0; right: 0; }
/*--OUR FIRM MOBILE---*/
@media only screen and (max-width:480px){
.firm { margin: .1em 0 2em 0; }
.firm .left { width: 100%; margin-bottom: .5em; }
.firm .right { width: 100%; position: relative; }
}
/*-------------- OUR SERVICES---------------*/
.service { width: 100%; position: relative; margin: 20px 0 15px 0;}
.service1 { width: 30%; padding: 0 5px 0 0; }
.service2 { width: 70%; position: absolute; top: 0; right: 0; }
/*--OUR SERVICES MOBILE---*/
@media only screen and (max-width:480px){
.service { margin: 15px 0 15px 0;}
.service1 { width: 100%; display: inline-block; }
.service2 { width: 100%; position: relative; }
}
/*-------------- SMART VESTOR PRO ---------------*/
.svp { width: 100%; position: relative; margin: .5em 0 10em 0; }
.left { width: 45%; }
.right { width: 50%; position: absolute; top: 25px; right: 0; }
/*--SMART VESTOR PRO MOBILE---*/
@media only screen and (max-width:480px){
.svp { margin: .1em 0 2em 0; }
.left { width: 100%; margin-bottom: .5em; }
.right { width: 100%; position: relative; }
}
/*-------------- FRONT PAGE ---------------*/
.front { width: 100%; height: 50px; position: relative; text-align: center; margin: 40px 0 20px 0; }
.fl { width: 33%; position: absolute; left: 0; }
.fc { width: 33%; position: absolute; left: 0; right: 0; margin: auto; }
.fr { width: 33%; position: absolute; right: 0; }
/*--FRONT PAGE MOBILE---*/
@media only screen and (max-width:480px){
.front { height: 100%; }
.fl { width: 100%; position: relative; padding: 20px 0; }
.fc { width: 100%; position: relative; padding: 20px 0; }
.fr { width: 100%; position: relative; padding: 20px 0; }
}
/* --------------------------------- MOBILE RESPONSIVE --------------------------------------- */
/* ---keeps logo in position on a wide screen--- */
@media only screen and (min-width : 1824px) {
#header .header-container {
max-width: 950px;
margin: auto;
}
}
/* ---not sure--- */
@media only screen and (max-width:1122px){
body{min-width:320px;}
}
/* ---iPad portrait--- */
@media only screen and (max-width:780px){
body {
width: 100%;
float: none;
}
#header{padding:0}
#header .holder{padding:10px 5px 10px;}
#header .header-container {
max-width: 950px;
margin: auto;
}
.logo{
float: none;
display:block;
margin: 10px auto 10px;
width:392px;
height:70px;
}
.block-user{display:none;} /*search bar*/
#nav #menu-button {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 15px 20px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
color: #ffffff;
cursor: pointer;
}
#nav #menu-button:after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
right: 20px;
top: 16px;
}
#nav #menu-button:before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #ffffff;
right: 20px;
top: 26px;
}
.container{
border:none;
padding:0 25px;
}
.container h1{
margin:0;
padding:25px 0 15px;
font:25px 'univers55';
}
.container h2{
margin:0;
padding:25px 0 15px;
font:20px 'univers55';
}
.two-columns{
margin:0;
overflow:visible !important;
}
.col-small,
.col-large,
.contact-page .col-small,
.contact-page .col-large{
float:none;
width:auto;
padding:0 0 16px;
}
.col-large .content,
.single{
padding:0 0 13px;
font:13px/17px 'univers45_light', Arial, Helvetica, sans-serif;
}
.col-large .content p,
.single p{margin:0 0 8px;}
.block,
.block-video{
margin:0 -25px;
padding:0 8px;
border:solid #ebeeef;
border-width:3px 0 0;
}
.block-video{padding:0 !important;}
.col-large .block{padding-bottom:16px;}
.block-video{padding:17px 8px;}
.block h1{
padding:11px 14px 7px;
background:none;
font:28px/33px 'univers45_light', Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}
.teams{padding:10px 0 10px 9px;}
.teams li{width:50%;}
.single .alignright{
float:none;
margin:0 -25px;
width:auto;
}
.single img{width:100%;}
.single h1{padding:12px 0;}
.members li{
padding:0 0 1px;
border:none;
}
.members li.active:after{display:none;}
.members li h4{
padding:2px 12px 4px;
border:1px solid #e2e6e8;
background:#d4dadd;
}
.members li h4 a{
font:14px/18px 'univers55', Arial, Helvetica, sans-serif;
color:#143348;
}
.members li .opener{
width:15px;
height:15px;
margin:7px 6px;
background-position:-5px -55px;
}
.members li.active .opener{background-position:-30px -55px;}
.members li .slide{padding:12px 10px 3px;}
.feed{
margin:0;
padding:7px 15px 0;
font:16px 'univers45_light', Arial, Helvetica, sans-serif;
}
.feed li{margin:0 0 10px;}
.feed li a{
color:#143348;
text-decoration:underline;
}
.feed li a:hover{text-decoration:none;}
}
/* ---mobile devices in either portrait or landscape mode, because they are 480 pixels wide in landscape orientation but are still narrower than this maximum width in portrait--- */
@media only screen and (max-width:480px){
#header{padding:0}
#header .holder{padding:10px 5px 1px;}
#header .header-container {
max-width: 100%;
margin: auto;
}
.logo{
float: none;
display:block;
margin: 15px 7px 1px;
width:392px;
height:70px;
background-size:300px;
}
}
/* ---mobile drop-down navigation--- */
@media only screen and (max-width:480px), only screen and (max-width:780px) and (orientation: landscape) {
#wrapper{padding:0;}
#header{margin:0;}
#nav {
border:none;
padding:3px 2px;
}
#nav > ul {
width:100%;
}
#nav ul ul {
position:relative;
top:0;
left:0;
background:#d4dadd;
color:#fff;
}
#nav ul ul ul {
margin-left: -100%;
}
#nav > ul > li {
display:block;
margin:0;
padding:0;
border-top:1px solid #536d84;
border-width:1px 1px 0;
font:14px/16px 'univers55', Arial, Helvetica, sans-serif;
text-align:left;
}
#nav > ul > li > div > a{
position:relative;
display:block;
padding:6px 20px 5px 20px;
color:#85979E;
}
#nav > ul > li.hover,
#nav > ul > li.active,
#nav > ul > li.open{
font-family:'univers55', Arial, Helvetica, sans-serif;
}
#nav > ul > li.active > div > a,
#nav > ul > li.hover > div > a:hover,
#nav > ul > li.open > div > a{
padding:6px 20px 5px 17px;
color:#fff;
text-decoration:none;
}
#nav > ul > li > div > a.has-drop-down-a:after{
content:'';
position:absolute;
top:50%;
right:9px;
}
}