html { margin:0; padding:0; -webkit-text-size-adjust:none; }
body { margin:0; padding:0; color:#191919; font-size:1em; font-family:Helvetica,Arial,Sans-serif; background:#e1eaf0 url("background-nojs.gif") center repeat; }
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,navmob,navsub,content,section { display:block; }
img { border-style:none; display:block; -webkit-touch-callout:none; -webkit-user-select:none; }
img.inline,
article img,
aside img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
form,
.g-recaptcha { margin:0 0 16px 0; padding:0; }
input:focus,
textarea:focus { outline:none; }
hr { border:none 0; margin:30px 0; border-top:1px solid #546893; height:0; }
p { padding:0; margin:0 0 16px 0; }
h1 { color:#546893; font-size:2.1em; margin:0 0 16px 0; line-height:1em; font-weight:normal; }
h2 { color:#546893; font-size:1.8em; margin:0 0 16px 0; line-height:1em; font-weight:normal; }
h3 { color:#546893; font-size:1.4em; margin:0 0 16px 0; line-height:1em; font-weight:normal; }
h4, h5, h6 { color:#546893; font-size:1.2em; margin:0 0 16px 0; font-weight:normal; }
a,
a:visited { color:#546893; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#374461; text-decoration:underline; }
a:active { color:#1a202e; text-decoration:underline; }
blockquote { margin:30px; }
::-moz-selection { background:#546893; color:#FFFFFF; }
::selection { background:#546893; color:#FFFFFF; }
.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.nowrap { white-space:nowrap; }
.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }
.protection { unicode-bidi:bidi-override; direction:rtl; white-space:nowrap; }
.photoRight { float:right; margin:3px 0 17px 20px; }
.photoLeft { float:left; margin:3px 20px 17px 0; }
.photoCenter,
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.right { text-align:right; }
.justify { text-align:justify; }
.article-left { width:47%; float:left; }
.article-right { width:47%; float:right; }
.article-rightalt { width:47%; float:right!important; text-align:right; }
.outdated { background-color:#FFFFFF; border-bottom:2px solid #4891ce; }
.outdated p { margin:0; padding:10px; text-align:center; }
/* ----------------------
Effects
---------------------- */
a { -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; }
/* ----------------------
Interface
---------------------- */
#container { max-width:1024px; margin:0 auto; font-family:'Lora',Helvetica,Arial,serif; }
#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; margin:0; padding:0; }
header { width:100%; position:relative; background-color:#FFFFFF; }
header p { margin:0; }
header .padding { padding:35px; text-align:center; }
header .padding a,
header .padding a:visited { width:242px; height:114px; background:url("connections-travel.png") left center no-repeat; text-indent:-9000px; display:block; margin:0 auto; }
/* NAV > Mobile Button */
navmob { width:100%; display:none; font-size:1.225em; background-color:#7998ac; }
navmob ul { list-style:none; margin:0; padding:0; }
navmob ul li a,
navmob ul li a:visited { padding:13px 20px; display:block; _display:inline-block; text-decoration:none; background:#7998ac url("navm.png") 93% center no-repeat; _background:#7998ac url("navm.gif") 93% center no-repeat; color:#FFF; }
navmob ul li a:focus,
navmob ul li a:hover,
navmob ul li a:active { text-decoration:none; color:#FFF; }
/* NAV > Screen */
#navigation { position:relative; }
nav.sticky { position:fixed; width:100%; max-width:1024px; margin:0 auto; top:0; z-index:100; }
nav.screen { display:block; }
nav.screen ul { list-style:none; margin:0; padding:0; font-size:1.1em; }
nav.screen ul li { width:25%; float:left; text-align:center; position:relative; }
nav.screen>ul>li:nth-child(1)>a,
nav.screen>ul>li:nth-child(1)>a:visited { background-color:#a893b4; color:#FFF; text-decoration:none; padding:10px; display:block; }
nav.screen>ul>li:nth-child(1)>a:focus,
nav.screen>ul>li:nth-child(1)>a:hover { background-color:#91809c; }
nav.screen>ul>li:nth-child(1)>a:active { background-color:#796b82; }
nav.screen>ul>li:nth-child(2)>a,
nav.screen>ul>li:nth-child(2)>a:visited { background-color:#b6c5ca; color:#FFF; text-decoration:none; padding:10px; display:block; }
nav.screen>ul>li:nth-child(2)>a:focus,
nav.screen>ul>li:nth-child(2)>a:hover { background-color:#9eacb0; }
nav.screen>ul>li:nth-child(2)>a:active { background-color:#879396; }
nav.screen>ul>li:nth-child(3)>a,
nav.screen>ul>li:nth-child(3)>a:visited { background-color:#546893; color:#FFF; text-decoration:none; padding:10px; display:block; }
nav.screen>ul>li:nth-child(3)>a:focus,
nav.screen>ul>li:nth-child(3)>a:hover { background-color:#46567a; }
nav.screen>ul>li:nth-child(3)>a:active { background-color:#374461; }
nav.screen>ul>li:nth-child(4)>a,
nav.screen>ul>li:nth-child(4)>a:visited { background-color:#11153b; color:#FFF; text-decoration:none; padding:10px; display:block; }
nav.screen>ul>li:nth-child(4)>a:focus,
nav.screen>ul>li:nth-child(4)>a:hover { background-color:#0a0c21; }
nav.screen>ul>li:nth-child(4)>a:active { background-color:#020308; }
nav.screen ul li ul { display:none; }
nav.screen ul li:hover ul { display:block; position:absolute; }
nav.screen ul li:hover ul li { text-align:left; float:none; font-size:0.87em; }
nav.screen ul li:hover ul li a,
nav.screen ul li:hover ul li a:visited { /*background-color:#7998ac;*/ display:block; color:#FFF; padding:4px 15px 4px 15px!important; height:auto; width:226px; text-decoration:none; }
nav.screen ul li:hover ul li a:focus,
nav.screen ul li:hover ul li a:hover { /*background-color:#546978;*/ }
nav.screen ul li:hover ul li a:active { /*background-color:#303d45;*/ }
nav.screen ul li:hover ul li.current-menu-item a,
nav.screen ul li:hover ul li.current-menu-item a:visited { background-color:#303d45; }
nav.screen ul li.over ul { display:block; position:absolute; }
nav.screen ul li.over ul li { text-align:left; float:none; font-size:0.87em; }
nav.screen ul li.over ul li a,
nav.screen ul li.over ul li a:visited { /*background-color:#7998ac;*/ display:block; color:#FFF; padding:4px 15px 4px 15px!important; height:auto; width:226px; text-decoration:none; }
nav.screen ul li.over ul li a:focus,
nav.screen ul li.over ul li a:hover { /*background-color:#546978;*/ }
nav.screen ul li.over ul li a:active { /*background-color:#303d45;*/ }
nav.screen ul li.over ul li.current-menu-item a,
nav.screen ul li.over ul li.current-menu-item a:visited { background-color:#303d45; }
nav.screen>ul>li:nth-child(1)>ul li a,
nav.screen>ul>li:nth-child(1)>ul li a:visited { background-color:#a893b4; }
nav.screen>ul>li:nth-child(1)>ul li a:focus,
nav.screen>ul>li:nth-child(1)>ul li a:hover { background-color:#91809c; }
nav.screen>ul>li:nth-child(1)>ul li a:active { background-color:#796b82; }
nav.screen>ul>li:nth-child(2)>ul li a,
nav.screen>ul>li:nth-child(2)>ul li a:visited { background-color:#b6c5ca; }
nav.screen>ul>li:nth-child(2)>ul li a:focus,
nav.screen>ul>li:nth-child(2)>ul li a:hover { background-color:#9eacb0; }
nav.screen>ul>li:nth-child(2)>ul li a:active { background-color:#879396; }
nav.screen>ul>li:nth-child(3)>ul li a,
nav.screen>ul>li:nth-child(3)>ul li a:visited { background-color:#546893; }
nav.screen>ul>li:nth-child(3)>ul li a:focus,
nav.screen>ul>li:nth-child(3)>ul li a:hover { background-color:#46567a; }
nav.screen>ul>li:nth-child(3)>ul li a:active { background-color:#374461; }
nav.screen>ul>li:nth-child(4)>ul li a,
nav.screen>ul>li:nth-child(4)>ul li a:visited { background-color:#11153b; }
nav.screen>ul>li:nth-child(4)>ul li a:focus,
nav.screen>ul>li:nth-child(4)>ul li a:hover { background-color:#0a0c21; }
nav.screen>ul>li:nth-child(4)>ul li a:active { background-color:#020308; }
.mobilenavspacer { background:url("arrow.png") center 93% no-repeat; _background:url("arrow.gif") center 93% no-repeat; }
/* NAV > Mobile */
nav.mobile { display:none; width:100%; z-index:900; font-size:1.2em; }
nav.mobile .content { margin:0!important; padding:0!important; }
nav.mobile ul { list-style:none; margin:0; padding:0; }
nav.mobile ul li a,
nav.mobile ul li a:visited { background-color:#7998ac; padding:13px 20px; color:#FFFFFF; display:block; _display:inline-block; text-decoration:none; border-top:1px solid #FFFFFF; }
nav.mobile ul li a:focus,
nav.mobile ul li a:hover { background-color:#546978; color:#FFFFFF; }
nav.mobile ul li a:active { background-color:#303d45; color:#FFFFFF; }
nav.mobile ul ul li a,
nav.mobile ul ul li a:visited { background-color:#546978; padding:13px 20px 13px 30px; }
nav.mobile ul ul li a:focus,
nav.mobile ul ul li a:hover { background-color:#303d45; }
nav.mobile ul ul li a:active { background-color:#0c1012; }
article { line-height:1.4em; background-color:#FFFFFF; margin-bottom:280px; }
article .padding { padding:35px; }
article img { width:100%; height:auto; }
article img.inline { max-width:100%; width:auto; height:auto; display:-moz-inline-stack; display:inline-block; }
.info p { margin:0; font-size:1.2em; }
.info1,
.info2,
.info3,
.info4 { width:25%; float:left; text-align:center; }
.info1 a,
.info1 a:visited { background-color:#a893b4; color:#FFF; text-decoration:none; padding:35px; display:block; }
.info1 a:focus,
.info1 a:hover { background-color:#91809c; }
.info1 a:active { background-color:#796b82; }
.info2 a,
.info2 a:visited { background-color:#b6c5ca; color:#FFF; text-decoration:none; padding:35px; display:block; }
.info2 a:focus,
.info2 a:hover { background-color:#9eacb0; }
.info2 a:active { background-color:#879396; }
.info3 a,
.info3 a:visited { background-color:#546893; color:#FFF; text-decoration:none; padding:35px; display:block; }
.info3 a:focus,
.info3 a:hover { background-color:#46567a; }
.info3 a:active { background-color:#374461; }
.info4 a,
.info4 a:visited { background-color:#11153b; color:#FFF; text-decoration:none; padding:35px; display:block; }
.info4 a:focus,
.info4 a:hover { background-color:#0a0c21; }
.info4 a:active { background-color:#020308; }
/* Footer */
footer { color:#FFF; font-size:1.1em; background-color:#7998ac; }
footer h3 { color:#FFF; }
footer .padding { padding:35px; text-align:center; }
footer a,
footer a:visited { color:#FFF; text-decoration:none; white-space:nowrap; }
footer a:focus,
footer a:hover { color:#FFF; text-decoration:underline; }
footer a:active { color:#FFF; text-decoration:underline; }
.social { list-style:none; margin:0 0 16px 0; padding:0; }
.social .facebook { width:34px; height:34px; background:url("icon-facebook.png") left center no-repeat; _background:url("icon-facebook.gif") left center no-repeat; display:inline-block; text-align:left; text-indent:-9000px; margin-right:10px; }
.social .twitter { width:34px; height:34px; background:url("icon-twitter.png") left center no-repeat; _background:url("icon-twitter.gif") left center no-repeat; display:inline-block; text-align:left; text-indent:-9000px; margin-right:10px; }
.social .linkedin { width:34px; height:34px; background:url("icon-linkedin.png") left center no-repeat; _background:url("icon-linkedin.gif") left center no-repeat; display:inline-block; text-align:left; text-indent:-9000px; margin-right:10px; }
.social .blog { width:34px; height:34px; background:url("icon-blog.png") left center no-repeat; _background:url("icon-blog.gif") left center no-repeat; display:inline-block; text-align:left; text-indent:-9000px; margin-right:0; }
.color1 { background-color:#a893b4; height:10px; width:25%; float:left; }
.color2 { background-color:#b6c5ca; height:10px; width:25%; float:left; }
.color3 { background-color:#546893; height:10px; width:25%; float:left; }
.color4 { background-color:#11153b; height:10px; width:25%; float:left; }
/* .smaller { font-size:smaller; } */
.video_wrapper { width:100%; position:relative; padding-top:56.4%; margin-bottom:16px; }
.video { position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; }
.video video,
.video iframe { max-width:100%; }
/* ----------------------
Contact Form
---------------------- */
.wpcf7-form { clear:both; }
.wpcf7-list-item { display:block; }
.wpcf7-form p { clear:both; font-weight:bold; margin-bottom:15px; }
.wpcf7-form input { padding:3px; width:98.5%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form input[type=radio],
.wpcf7-form input[type=checkbox] { padding:3px; width:3%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form select { padding:3px; width:98.5%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form textarea { padding:4px; width:98.5%; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
.wpcf7-submit { width:100%!important; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:1.225em!important; color: #FFFFFF; padding:5px 5px!important; background-color:#4180ab; }
.wpcf7-submit:hover,
.wpcf7-submit:focus { cursor:pointer; background-color:#54a7de; }
.wpcf7-submit:active { cursor:pointer; background-color:#2e5a78; }
/* ----------------------
Tables
---------------------- */
.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #B4B4B4; padding:5px 3px 3px 0; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table tr:last-child td { border-bottom:none; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table-container img { max-width:100%; height:auto; }
/* ----------------------
Wordpress
---------------------- */
/* Images */
img.size-auto,
img.size-large,
img.size-full,
img.size-medium { max-width:100%; height:auto; }
.alignleft,
img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; }
.alignright,
img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; }
.aligncenter,
img.aligncenter { clear:both; display:block!important; margin-left:auto; margin-right:auto; }
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom:12px; }
/* Navigation */
.navigation { overflow:hidden; }
.navigation a:link,
.navigation a:visited { text-decoration:none; }
.navigation a:active,
.navigation a:hover { }
.nav-previous { float:left; width:48%; }
.nav-next { float:right; text-align:right; width:48%; }
#nav-above { margin-bottom:16px; }
#nav-below { margin-top:16px; }
/* ----------------------
RESPONSIVE
---------------------- */
@media screen and (min-width:668px) and (max-width:967px) {
.info1 a,
.info1 a:visited { padding:20px; }
.info2 a,
.info2 a:visited { padding:20px; }
.info3 a,
.info3 a:visited { padding:20px; }
.info4 a,
.info4 a:visited { padding:20px; }
}
/* Mobile */
@media handheld and (max-width:667px), screen and (max-device-width:667px), screen and (max-width:667px), only screen and (max-device-width:667px) {
/* Generic */
#container { width:100%; margin:0 auto; }
#container div,
#container table,
#container iframe { max-width:100%; }
.photoRight,
.photoright { float:none; display:block!important; margin:0 auto; }
.photoLeft,
.photoleft { float:none; display:block!important; margin:0 auto; }
.photoCentre,
.photocentre { display:block; margin:0 auto; }
.alignleft,
img.alignleft { float:none; display:block!important; margin:0 auto 16px auto; }
.alignright,
img.alignright { float:none; display:block!important; margin:0 auto 16px auto; }
.aligncenter,
img.aligncenter { float:none; display:block!important; margin:0 auto 16px auto; }
img.inline,
article img { display:-moz-inline-box; display:block!important; }
.article-left { width:100%; float:none; margin-bottom:10px; }
.article-right { width:100%; float:none; margin-bottom:10px; }
.article-rightalt { width:100%; float:none; text-align:left; margin-bottom:10px; }
.wp-caption { max-width:100%!important; padding:0 0 2px 0; }
.wp-caption img { margin:0; }
#accessibility { display:none; }
navmob { display:block; }
/* / Generic */
article .padding { padding:20px; }
.info1,
.info2,
.info3,
.info4 { width:50%; }
.info1 a,
.info1 a:visited { padding:20px; }
.info2 a,
.info2 a:visited { padding:20px; }
.info3 a,
.info3 a:visited { padding:20px; }
.info4 a,
.info4 a:visited { padding:20px; }
}
@media only screen and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) {
navmob ul li a,
navmob ul li a:visited { background:url("navm-hd.png") 95% center no-repeat; background-size:27px 15px; }
.mobilenavspacer { background:url("arrow-hd.png") center 93% no-repeat; background-size:34px 18px; }
header .padding a,
header .padding a:visited { background:url("connections-travel-hd.png") left center no-repeat; background-size:242px 114px; }
.social .facebook { background:url("icon-facebook-hd.png") left center no-repeat; background-size:34px 34px; }
.social .twitter { background:url("icon-twitter-hd.png") left center no-repeat; background-size:34px 34px; }
.social .linkedin { background:url("icon-linkedin-hd.png") left center no-repeat; background-size:34px 34px; }
.social .blog { background:url("icon-blog-hd.png") left center no-repeat; background-size:34px 34px; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
header .padding a,
header .padding a:visited { background:url("connections-travel-hd.png") left center no-repeat; background-size:242px 114px; }
.social .facebook { background:url("icon-facebook-hd.png") left center no-repeat; background-size:34px 34px; }
.social .twitter { background:url("icon-twitter-hd.png") left center no-repeat; background-size:34px 34px; }
.social .linkedin { background:url("icon-linkedin-hd.png") left center no-repeat; background-size:34px 34px; }
.social .blog { background:url("icon-blog-hd.png") left center no-repeat; background-size:34px 34px; }
}
@media only screen and (max-width:667px) and (-webkit-min-device-pixel-ratio:3) {
/* HD+ */
}