/*
Theme Name: EFS
Author: Jojet
Version: 1
*/

* {
vertical-align: baseline;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
body {
font-family: 'Cabin', sans-serif;
font-size: 0.9em;
color: #000;
background: #dcedf3;
-webkit-text-size-adjust: none;
}

.nf-form-content.fieldset {border: 1px solid #e5e5e5;padding: 20px;margin: 0 0 20px 0;}
.nf-before-form-content {padding-bottom:20px;}

/* Main Layout Divs
....................................................................... */
#page-wrap_header {
clear: both;
float: left;
width: 100%;
background: #014e7e;
}
#page-wrap_hero {
clear: both;
float: left;
width: 100%;
background: #0d7dbd;
background-image: none;
background-image: -moz-linear-gradient(top, #1896c7, #0d7dbd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1896c7), to(#0d7dbd));
background-image: -webkit-linear-gradient(top, #1896c7, #0d7dbd);
background-image: -o-linear-gradient(top, #1896c7, #0d7dbd);
background-image: linear-gradient(to bottom, #1896c7, #0d7dbd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1896c7', endColorstr='#0d7dbd', GradientType=0);
background-repeat: repeat-x;
padding: 35px 0 35px 0;
}
#page-wrap_intro {
clear: both;
float: left;
width: 100%;
background: #fff6cc;
border-bottom: 1px solid #ebe2bc;
}
#page-wrap_content {
clear: both;
float: left;
width: 100%;
background: #fff;
padding: 30px 0 30px 0;
}
body.blog #page-wrap_content,
body.single-post #page-wrap_content,
body.archive #page-wrap_content {
background: url(img/bg_blog1.png) 0 0 repeat-x, url(img/bg_blog2.png) 99% 50px no-repeat;
background-color: #fff;
}
#page-wrap_footer {
clear: both;
float: left;
width: 100%;
background: #dcedf3;
border-top: 1px solid #c6dfec;
padding: 30px 0 10px 0;
}
.center {
clear: both;
width: 950px;
margin: 0 auto;
}
.content {
float: left;
width: 600px;
}
.sidebar {
float: left;
width: 320px;
margin: 0 0 0 20px;
}
.half_width {
float: left;
width: 48%;
}
.half_width:last-child {
float: right;
}


/* Generic Elements
....................................................................... */
p {
line-height: 1.7em;
margin: 0 0 12px 0;
}
a {
color: #0061b2;
text-decoration: underline;
}
a:hover {
color: #000;
}
h1, h2, h3, h4 {
font-weight: 700;
}
h1 {
color: #0061b2;
font-size: 2.5em;
margin: 0 0 12px 0;
}
h2 {
color: #1896c7;
font-size: 1.75em;
margin: 0 0 12px 0;
}
.sidebar h2 {
color: #0061b2;
margin-bottom: 8px;
}
h3 {
color: #0061b2;
font-size: 1.4em;
margin: 0 0 12px 0;
}
h4 {
color: #1896c7;
font-size: 1.1em;
margin: 0 0 12px 0;
}
img {
max-width: 100%;
height: auto !important;
}
img, img a {
border: 0;
text-decoration: none;
}
img.bordered {
background: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
padding: 4px;
}
ul {
margin: 0 0 8px 10px;
list-style-type: none;
}
li {
margin: auto;
list-style: none;
background: url(img/bullet.png) 0 6px no-repeat;
padding: 0 0 8px 15px;
margin-left: 0;
}
hr {
border: 0;
border-bottom: 1px solid #e7e7e7;
background: transparent;
height: 1px;
padding: 5px 0 0 0;
margin: 0 0 12px 0;
}
blockquote {
background: #fff6cc;
border: 1px solid #ebe2bc;
padding: 15px 15px 5px 15px;
margin: 0 0 20px 0;
}
.testimonial {
background: #eef8fb url(img/pic_testimonial.png) 10px 10px no-repeat;
border: 1px solid #c6dfec;
padding: 15px 15px 5px 75px;
margin: 0 0 20px 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float:left;
margin: 0 10px 5px 0;
}
.alignright {
float:right;
margin: 0 0 5px 10px;
}
.textcenter {
text-align: center;
}
.small {
font-size: 0.8em;
}
.nomargin {
margin: 0;
}
.pad {
padding-left: 5px;
padding-right: 5px;
}
.indent {
padding-left: 15px;
}
.cta a, a.cta {
display: inline-block;
text-decoration: none;
font-weight: 700;
color: #00416a !important;
text-shadow: 1px 1px 0 #b3e3fb;
border: 1px solid #61beed;
background: #64c5f6;
background-image: none;
background-image: -moz-linear-gradient(top, #89d6fe, #64c5f6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89d6fe), to(#64c5f6));
background-image: -webkit-linear-gradient(top, #89d6fe, #64c5f6);
background-image: -o-linear-gradient(top, #89d6fe, #64c5f6);
background-image: linear-gradient(to bottom, #89d6fe, #64c5f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89d6fe', endColorstr='#64c5f6', GradientType=0);
background-repeat: repeat-x;
padding: 6px 10px 6px 10px;
}
.cta.small a, a.cta.small {
font-size: 0.9em;
padding: 0 10px 0 10px;
}
.cta a:hover, a.cta:hover {
color: #000 !important;
box-shadow: 0 0 4px #64c5f6;
}
.cta.quote a, a.cta.quote {
text-shadow: 1px 1px 0 #ffec91;
border: 1px solid #f7cb01;
background: #ffd308;
background-image: none;
background-image: -moz-linear-gradient(top, #ffe673, #ffd308);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe673), to(#ffd308));
background-image: -webkit-linear-gradient(top, #ffe673, #ffd308);
background-image: -o-linear-gradient(top, #ffe673, #ffd308);
background-image: linear-gradient(to bottom, #ffe673, #ffd308);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe673', endColorstr='#ffd308', GradientType=0);
background-repeat: repeat-x;
padding: 6px 10px 6px 10px;
}
.cta.quote a:hover, a.cta.quote:hover {
box-shadow: 0 0 4px #ffd308;
}
.cta.cta_block {
display: block;
}


/* Form styles
....................................................................... */
form {
margin: 0 0 20px 0;
padding: 5px 0 0 0;
}
fieldset {
border: 1px solid #e5e5e5;
padding: 20px;
margin: 0 0 20px 0;
}
legend {
color: #0061b2;
font-size: 1.3em;
font-weight: 700;
padding: 0 1px 0 0;
margin: 0;
}
label {
display: block;
color: #000;
font-weight: 700;
padding: 0 0 5px 0;
}
input, textarea, select {
display: block;
color: #666;
width: 265px;
font-size: 1em;
font-weight: normal;
font-family: 'Cabin', sans-serif;
background: #fff;
border: 1px solid #d9d9d9;
box-shadow: inset 1px 1px 1px #dedcdb;
padding: 6px 10px 6px 10px;
margin: 0 5px 15px 0;
}
input:focus, textarea:focus {
color: #000;
border: 1px solid #61beed;
box-shadow: 0 0 4px #b4e6ff;
}
::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
color: #666;
opacity: 1;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #666;
opacity: 1;
}
:-ms-input-placeholder {
color: #666;
opacity: 1;
}
select {
width: 287px;
padding: 3px;
}
select option {
padding: 0 5px;
}
textarea {
overflow: auto;
overflow-x: hidden;
resize: none;
}
.radio, .checkbox {
display: inline-block;
padding: 5px 15px 10px 0;
}
input[type="radio"], input[type="checkbox"] {
display: inline-block;
width: auto !important;
padding: 0;
border: 0;
}
button, input.submit, input[type=submit], .field-wrap input[type=button] { /* Submit */
width: auto;
font-size: 1.2em;
font-family: 'Cabin', sans-serif;
font-weight: 700;
color: #00416a !important;
text-shadow: 1px 1px 0 #b3e3fb;
box-shadow: none;
border: 1px solid #61beed;
background: #64c5f6;
background-image: none;
background-image: -moz-linear-gradient(top, #89d6fe, #64c5f6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89d6fe), to(#64c5f6));
background-image: -webkit-linear-gradient(top, #89d6fe, #64c5f6);
background-image: -o-linear-gradient(top, #89d6fe, #64c5f6);
background-image: linear-gradient(to bottom, #89d6fe, #64c5f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89d6fe', endColorstr='#64c5f6', GradientType=0);
background-repeat: repeat-x;
vertical-align: top;
padding: 4px 15px 4px 15px;
margin: 5px 0 5px 0;
cursor: pointer;
}
button:hover, input.submit:hover, input[type=submit]:hover {
color: #000 !important;
box-shadow: 0 0 4px #64c5f6;
}

span.wpcf7-list-item {
display: block;
padding: 0;
margin: 0 0 0 1.5em !important;
}
span.wpcf7-list-item:first-child {
padding-top: 15px;
}
span.wpcf7-list-item input {
margin-bottom: 10px;
}


/* Contact area styles
....................................................................... */
.contact {
text-align: center;
margin: 0 0 20px 0;
}
.contact h2 {
display: inline-block;
vertical-align: middle;
font-weight: 400;
color: #000;
margin: 0;
}
.contact h2 strong {
font-weight: 700;
color: #0061b2;
padding-right: 15px;
}
.contact h2 a {
text-decoration: none;
}

.socnet {
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
.socnet a {
display: inline-block;
width: 28px;
height: 28px;
background-image: url(img/sprite.png);
background-position: -999px -999px;
background-repeat: no-repeat;
text-indent: -9999px;
}
.socnet a.li {
background-position: 0 -200px;
}
.socnet a.fb {
background-position: -40px -200px;
}
.socnet a.tw {
background-position: -80px -200px;
}

.accred {
display: inline-block;
vertical-align: middle;
}
.accred div {
display: inline-block;
width: 75px;
height: 75px;
background-image: url(img/sprite.png);
background-position: -999px -999px;
background-repeat: no-repeat;
text-indent: -9999px;
}
.accred div.atol {
background-position: 0 -100px;
}
.accred div.years {
background-position: -90px -100px;
}
#page-wrap_footer .accred div.atol {
background-position: 0 -400px;
}
#page-wrap_footer .accred div.years {
background-position: -90px -400px;
}

#page-wrap_footer .accred div.ipp {
width: 150px;
}
#page-wrap_footer .accred div.ipp a {
display: block;
width: 150px;
height: 75px;
text-indent: -9999px;
background: url(img/sprite.png) 100% -300px no-repeat;
}


/* Header styles
....................................................................... */
header {
float: left;
position: relative;
width: 100%;
padding: 15px 0 0 0;
}
#logo {
float: left;
background: url(img/sprite.png) 0 0 no-repeat;
padding: 13px 0 0 30px;
margin: 0 0 20px 0;
}
#logo h1 {
font-size: 3em;
margin: 0;
}
#logo h1 a {
color: #fff;
text-decoration: none;
}
#logo p {
font-size: 0.9em;
line-height: 1.2em;
color: #ffd200;
margin: 0 0 0 2px;
}

header .contact {
float: right;
text-align: left;
padding: 5px 0 0 0;
margin: 0;
}
header .contact h2 {
color: #fff;
}
header .contact h2 strong {
color: #ffd200;
}


/* Navigation styles
....................................................................... */
#navi {
clear: both;
float: left;
width: 100%;
min-height: 40px;
background: url(img/sprite.png) 0 -1175px repeat-x;
position: relative;
text-align: center;
z-index: 99;
}
#navi ul {
margin: 0;
padding: 10px 0 0 0;
}
#navi li {
display: inline;
position: relative;
list-style: none;
background-image: none;
margin: 0;
padding: 0;
}
#navi li a {
display: inline-block;
color: #fff;
font-size: 1.1em;
font-weight: 700;
text-decoration: none;
padding: 10px 7px 20px 7px;
}
#navi li.chat a {
color: #8dd8ff;
}
#navi li.current_page_item a {
color: #ffd200;
}
#navi li a:hover {
text-decoration: underline;
}

#navi li ul { /* Dropdown list */
display: none;
float: left;
position: absolute;
left: 0;
top: 35px;
width: 200px;
z-index: 999;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33);
border: 1px solid #014e7e;
background: #014e7e;
background-image: none;
background-image: -moz-linear-gradient(top, #014e7e, #1b608b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#014e7e), to(#1b608b));
background-image: -webkit-linear-gradient(top, #014e7e, #1b608b);
background-image: -o-linear-gradient(top, #014e7e, #1b608b);
background-image: linear-gradient(to bottom, #014e7e, #1b608b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014e7e', endColorstr='#1b608b', GradientType=0);
background-repeat: repeat-x;
border-top: 0;
padding: 0 0 5px 0;
margin: 0;
}
#navi li ul li, #navi li.current_page_item ul li {
clear: both;
background-image: none;
padding: 0;
margin: 0;
}
#navi li ul li a, #navi li.current_page_item ul li a  {
float: none;
display: block;
width: 180px;
color: #fff;
text-decoration: none !important;
border-top: 1px solid #347198;
border-bottom: 1px solid #0c4569;
font-size: 1em;
text-align: left;
background-image: none;
padding: 5px 0 5px 0;
margin: 0 10px 0 10px;
}
#navi li ul li:first-child a, #navi li.current_page_item ul li:first-child a {
border-top: 0;
}
#navi li ul li:last-child a, #navi li.current_page_item ul li:last-child a {
border-bottom: 0;
}

#navi li ul li.close {
position: absolute;
right: 5px;
}
#navi li ul li.close a, #navi li.current_page_item ul li.close a {
width: 15px;
background: url(img/submenu_close.png) 50% 50% no-repeat !important; /* NOT preloaded above */
text-indent: -9999px;
}

#navi li ul li a:hover, #navi li.current_page_item ul li a:hover {
color: #fff;
text-decoration: underline !important;
}
#navi ul li:hover > ul {
display: block;
}

#toggle_navi {
display: none;
clear: both;
}
#toggle_navi a {
display: block;
color: #fff;
background: #173d55;
text-decoration: none;
padding: 7px 0 7px 0;
}
#toggle_navi a:hover {
background: #173d55;
}
#toggle_navi a .icon {
display: inline-block;
width: 15px;
height: 10px;
background: url(img/sprite.png) 100% -200px;
margin-right: 5px;
}


/* Sidebar styles
....................................................................... */
.widget {
clear: both;
position: relative;
font-size: 0.95em;
padding: 0 15px 0 15px;
margin: 0 0 25px 0;
}
.widget_boxed .widget, .widget_experience .widget {
background: #fff6cc;
border: 1px solid #ebe2bc;
padding: 15px 15px 5px 15px;
}
.widget ul {
padding: 0;
margin: 0;
}
.widget li {
list-style: none;
background: none;
padding: 0;
margin: 0;
}
.widget li a {
display: block;
font-size: 1.2em;
text-decoration: none;
border-bottom: 1px solid #e5e5e5;
padding: 8px 0 8px 0;
}
.widget li a:hover {
text-decoration: underline;
}

.sidebar form {
margin: 0;
}
.sidebar input {
width: 94%;
padding-left: 2%;
padding-right: 2%;
}
.sidebar button, .sidebar input.submit, .sidebar input[type=submit] {
width: auto;
}
.widget.widget_search label {
display: none;
}

.widget_testimonials h2 .icon {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 30px;
background: url(img/sprite.png) -170px -200px no-repeat;
}

.widget_quote,
.widget_faq,
.widget_chat,
.widget_testimonialbtn {
margin-left: -15px;
margin-right: -15px;
}
.widget_quote a.cta,
.widget_faq a.cta,
.widget_chat a,
.widget_testimonialbtn a {
display: block;
font-size: 1.1em;
padding: 15px 10px 15px 12px;
}
.widget_quote .icon,
.widget_faq .icon,
.widget_chat .icon,
.widget_testimonialbtn .icon {
display: inline-block;
vertical-align: middle;
width: 38px;
height: 32px;
}
.widget_quote .icon {
background: url(img/sprite.png) -220px -200px no-repeat;
}
.widget_faq .icon {
background: url(img/sprite.png) -270px -200px no-repeat;
}
.widget_chat .icon {
width: 50px;
background: url(img/sprite.png) -5px -305px no-repeat;
}
.widget_testimonialbtn .icon {
width: 50px;
background: url(img/sprite.png) -313px -200px no-repeat;
}

.widget_experience .widget {
min-height: 95px;
padding: 15px 15px 5px 100px !important;
overflow: hidden;
}
.widget_experience img {
position: absolute;
top: 10px;
left: 10px;
max-width: 75px;
}
.widget_experience h3, .widget_experience p {
margin-bottom: 8px;
}


.start_options .option h2 a .icon {
width: 100px;
vertical-align: middle;
margin-right: 10px;
}
.widget li.destination a, .widget li.subject a, .widget li.help a {
background: url(img/sprite.png) -9999px -9999px no-repeat;
font-weight: 700;
padding: 25px 0 25px 100px;
}
.widget li.destination a {
background-position: -155px -865px;
}
.widget li.subject a {
background-position: -155px -970px;
}
.widget li.help a {
background-position: -155px -1070px;
}

.widget_testimonials h2.title,
.widget_experience h2.title,
.widget_quote h2.title,
.widget_faq h2.title,
.widget_chat h2.title,
.widget_testimonialbtn h2.title {
display: none;
}


/* Posts
....................................................................... */
.post {
clear: both;
float: left;
width: 100%;
min-height: 90px;
border-bottom: 1px solid #e5e5e5;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
}
.sidebar .post {
border: 0;
padding: 0;
margin: 0 0 5px 0;
}
.post .meta {
font-size: 0.9em;
color: #666;
padding: 0;
margin: 0 0 10px 0;
}
.post .postmetadata {
font-size: 0.9em;
color: #666;
padding: 5px 0 15px 0;
}
.post h3 {
margin-bottom: 10px;
}
.post h3 a {
color: #1896c7;
text-decoration: none;
}
.post h3 a:hover {
text-decoration: underline;
}
.post a.post_link {
white-space: nowrap;
}
.post .cta { /* Button links */
padding-top: 0;
padding-bottom: 0;
}
.commentlist li { /* Comments list */
list-style: none;
background-image: none;
border-top: 1px solid #e5e5e5;
padding: 15px 0 5px 50px;
margin: 0 0 20px 0;
}
.commentlist .avatar {
float: left;
margin-left: -50px;
}
.comment-meta {
padding: 10px 0 10px 0;
}
#respond { /* Comments form */
clear: both;
background: #f5f5f5;
padding: 15px;
}
#respond textarea {
width: auto;
}
.post img.attachment-post-thumbnail {
float: left;
max-width: 80px;
background: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
padding: 4px;
margin: 0 10px 3px 0;
}


/* Custom Recent Posts Widget
....................................................................... */
.widget.rpwe_widget {
background: #eef8fb;
border: 1px solid #c6dfec;
padding: 15px 15px 5px 15px;
}
.rpwe_widget h2 {
color: #0061b2;
font-size: 2.5em;
margin: 0 0 12px 0;
}
.rpwe-block li {
border: 0;
padding: 0;
margin: 0 0 15px 0;
}
.widget .rpwe-block li a {
border: 0;
padding: 0;
}
.rpwe-block h3 {
margin-bottom: 5px !important;
font-weight: 700 !important;
color: #0061b2;
line-height: auto;
}
.rpwe-block h3.rpwe-title {
font-size: 1.2em !important;
}
.widget .rpwe-block li h3 a {
color: #1896c7 !important;
}
img.rpwe-alignleft, img.rpwe-thumb {
float: left;
max-width: 80px;
border: 0 !important;
background: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
padding: 4px !important;
margin: 5px 10px 3px 0;
}
.rpwe-summary {
font-size: 1em !important;
line-height: 1.6em;
}
.rpwe-summary a {
font-weight: bold;
font-size: 1em !important;
}


/* Country listings
....................................................................... */
.country {
min-height: 48px;
border-bottom: 1px solid #e5e5e5;
padding: 5px 0 15px 130px;
margin: 0 0 20px 0;
}
.country h3, .country h4 {
margin-bottom: 8px;
}
.country h3 a, .country h4 a {
text-decoration: none;
}
.country h3 a:hover, .country h4 a:hover {
text-decoration: underline;
}
.country .pic {
float: left;
width: 100px;
height: 100px;
margin: 5px 0 0 -130px;
}
.country .pic img {
float: left;
max-width: 100px;
background: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
padding: 4px;
margin: 0 10px 10px 0;
}


/* File downloads
....................................................................... */
.pdf {
min-height: 48px;
padding: 5px 0 0 50px;
margin: 0 0 20px 0;
}
.pdf h4 {
margin-bottom: 8px;
}
.pdf h4 a {
color: #1896c7;
text-decoration: none;
}
.pdf h4 a:hover {
text-decoration: underline;
}
.pdf .icon {
float: left;
width: 37px;
height: 45px;
background: url(img/sprite.png) -120px -200px no-repeat;
margin: 5px 0 0 -50px;
}


/* CTA Page Suffix Boxes
....................................................................... */
.cta_wrapper {
clear: both;
margin: 0 0 20px 0;
}
.cta_box {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 22.5%;
margin: 0 1% 0 1%;
}
.cta_box h4 {
font-size: 1em;
}
.cta_box a.cta,
.cta_box a.cta.quote {
display: block;
min-height: 95px;
padding: 15px 2px 10px 2px;
}
.cta_box a .icon {
display: block;
vertical-align: middle;
width: 38px;
height: 32px;
margin: 0 auto 10px auto;
}
.cta_box.box_quote .icon {
width: 32px;
background: url(img/sprite.png) -220px -200px no-repeat;
}
.cta_box.box_faq .icon {
width: 28px;
background: url(img/sprite.png) -270px -200px no-repeat;
}
.cta_box.box_chat .icon {
width: 38px;
background: url(img/sprite.png) -5px -305px no-repeat;
}
.cta_box.box_contact .icon {
width: 42px;
background: url(img/sprite.png) -60px -305px no-repeat;
}


/* Footer styles
....................................................................... */
footer.center {
padding: 20px 0 0 0;
}
#footer_navi {
clear: both;
float: left;
width: 100%;
min-height: 60px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
position: relative;
text-align: center;
margin: 0 0 20px 0;
}
#footer_navi ul {
margin: 0;
padding: 0;
}
#footer_navi li {
display: inline;
position: relative;
list-style: none;
background-image: none;
margin: 0;
padding: 0;
}
#footer_navi li a, #footer_navi li.current_page_item a {
display: inline-block;
color: #000;
font-weight: normal;
font-size: 1.1em;
text-decoration: none;
padding: 20px 7px 20px 7px;
}
#footer_navi li a:hover {
text-decoration: underline;
}

#page-wrap_footer .footer_links {
text-align: center;
font-size: 0.85em;
color: #585f61;
}
#page-wrap_footer .footer_links ul {
    margin: 0;
    padding: 0;
    display: inline;
}

#page-wrap_footer .footer_links ul li {
    display: inline;
    background: none;
    margin: 0;
    padding: 0;
}
#page-wrap_footer .footer_links ul li::after {
    content: ' | ';
}

#page-wrap_footer .footer_links ul li:last-child::after {
    content: '';
}

#page-wrap_footer .footer_links a {
color: #585f61;
text-decoration: none;
}
#page-wrap_footer .footer_links a:hover {
text-decoration: underline;
}

footer .contact h2 {
font-size: 1.5em;
}


/* Live Chat Button
....................................................................... */
#btn_chat {
position: fixed;
right: 0;
top: 125px;
width: 65px;
z-index: 99;
}
#btn_chat a {
display: block;
width: 45px;
min-height: 80px;
color: #00416a;
text-shadow: 1px 1px 0 #b3e3fb;
-webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.1);
border: 1px solid #8dd8ff;
background: #64c5f6;
background-image: none;
background-image: -moz-linear-gradient(top, #89d6fe, #64c5f6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89d6fe), to(#64c5f6));
background-image: -webkit-linear-gradient(top, #89d6fe, #64c5f6);
background-image: -o-linear-gradient(top, #89d6fe, #64c5f6);
background-image: linear-gradient(to bottom, #89d6fe, #64c5f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89d6fe', endColorstr='#64c5f6', GradientType=0);
background-repeat: repeat-x;
text-align: center;
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
padding: 5px 10px 8px 10px;
}
#btn_chat a:hover {
color: #000;
-webkit-box-shadow: 0 0 4px #64c5f6;
-moz-box-shadow: 0 0 4px #64c5f6;
box-shadow: 0 0 4px #64c5f6;
}
#btn_chat a .icon {
display: inline-block;
width: 48px;
height: 38px;
background: url(img/sprite.png) 0 -300px no-repeat;
}

#btn_chat_secondary { /* Footer chat link */
display: none;
width: 100%;
text-align: center;
padding: 5px 0 15px 0;
}
#btn_chat_secondary a {
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
}
#btn_chat_secondary a .icon {
display: inline-block;
width: 48px;
height: 38px;
background: url(img/sprite.png) 0 -300px no-repeat;
vertical-align: middle;
}


/* Homepage specific elements
....................................................................... */
#hero_text {
float: left;
width: 53%;
color: #fff;
text-shadow: 1px 1px 1px #0f77ad;
padding: 0 3% 0 0;
}
#hero_text h1, #hero_text h2, #hero_text h3, #hero_text a {
color: #fff;
}
#hero_pic {
float: left;
/*width: 43%;*/
width: 400px;
background: #fff;
padding: 4px;
box-shadow: 0 0 8px #fff;
}
#hero_pic #slideshow {
position: relative;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
#hero_pic .item {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-backface-visibility: hidden;
}
#hero_pic .item:first-child {
position: relative;
display: block;
float: left;
}
#hero_pic .item img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

.home_casestudy, .home_testimonial {
padding: 0 0 30px 90px;
}
.home_casestudy h2, .home_testimonial h2 {
color: #0061b2;
font-size: 2em;
}
.home_casestudy p, .home_testimonial p {
text-align: left !important;
}
.home_casestudy .pic, .home_testimonial .pic {
float: left;
width: 80px;
height: 80px;
margin: 5px 0 0 -90px;
}
.home_testimonial .pic {
margin-left: -80px;
}
.home_casestudy .pic img {
float: left;
max-width: 70px;
background: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
padding: 4px;
margin: 0 10px 10px 0;
}
.home_casestudy h4 {
margin-bottom: 5px;
}
.home_casestudy h4 a {
color: #1896c7;
text-decoration: none;
}
.home_casestudy h4 a:hover {
color: #1896c7;
text-decoration: underline;
}

.intro {
position: relative;
min-height: 175px;
padding: 30px 15px 10px 220px;
overflow: hidden;
}
.intro .pic {
position: absolute;
top: 20px;
left: 15px;
width: 145px;
}
.intro .pic img {
max-width: 172px;
}
.intro h2 {
color: #0061b2;
font-size: 2em;
}

.start_options {
margin: 0 0 40px 0;
}
.start_options ul {
padding: 0;
margin: 0
}
.start_options li.option {
float: left;
width: 33%;
text-align: center;
list-style: none;
background-image: none;
padding: 0;
margin: 0;
}
.start_options .option h2 {
border-left: 1px solid #d9d9d9;
margin: 0;
}
.start_options .option:last-child h2 {
border-right: 1px solid #d9d9d9;
}
.start_options .option h2 a {
display: block;
text-decoration: none;
}
.start_options .option h2 a .icon {
display: inline-block;
width: 100%;
height: 125px;
}
.start_options .option.destination h2 a .icon {
background: url(img/sprite.png) 50% -500px no-repeat;
}
.start_options .option.subject h2 a .icon {
background: url(img/sprite.png) 50% -625px no-repeat;
}
.start_options .option.help h2 a .icon {
background: url(img/sprite.png) 50% -750px no-repeat;
}

/* Datepicker
....................................................................... */
.datePicker { display: inline;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { display: inline;}
.ui-datepicker-trigger { top: 9px; position: relative;}

@media (max-width: 1400px) {

	body.blog #page-wrap_content,
	body.single-post #page-wrap_content,
	body.archive #page-wrap_content {
	background: #fff url(img/bg_blog1.png) 0 0 repeat-x;
	}

}


@media (max-width: 1100px) {

	#btn_chat {
	display: none;
	}
	#btn_chat_secondary {
	display: block;
	}
	#page-wrap_footer .contact {
	margin-bottom: 0;
	}

}


@media (max-width: 1000px) {

	body.blog #page-wrap_content,
	body.single-post #page-wrap_content,
	body.archive #page-wrap_content {
	background: #fff url(img/bg_blog1.png) 0 -10px repeat-x;
	}
	#page-wrap_content {
	padding-top: 15px;
	}
	#page-wrap_hero {
	padding: 15px 0 15px 0;
	}
	.center {
	width: 98%;
	padding: 0;
	margin: 0 0 0 1%;
	}

	.content {
	width: 63%;
	margin: 0;
	}
	.sidebar {
	width: 34%;
	margin-left: 2%;
	}

	#navi li a {
	font-size: 1em;
	padding-left: 7px;
	padding-right: 7px;
	}
	#navi li ul li a {
	font-size: 0.9em;
	}

	#logo {
	height: 65px;
	padding-top: 18px;
	}
	#logo h1 {
	font-size: 2.55em;
	}
	#logo p {
	font-size: 0.75em;
	}

	.accred div {
	width: 50px;
	height: 50px;
	}
	.accred div.atol {
	background-position: -180px -100px;
	}
	.accred div.years {
	background-position: -240px -100px;
	}
	#page-wrap_footer .accred div.atol {
	background-position: -180px -400px;
	}
	#page-wrap_footer .accred div.years {
	background-position: -240px -400px;
	}

	.contact h2 {
	font-size: 1.3em;
	}
	header .contact {
	padding-top: 17px;
	}

	#footer_navi {
	min-height: 0;
	}
	#footer_navi li a {
	font-size: 1em;
	padding: 7px;
	}

	#hero_pic {
	width: 42%;
	}

	.intro {
	padding: 20px 15px 10px 200px;
	}

	.start_options {
	padding-top: 5px;
	margin-bottom: 25px;
	}
	.start_options .option h2 {
	font-size: 1.4em;
	}
	.start_options .option:first-child h2 {
	border-left: 0;
	}
	.start_options .option:last-child h2 {
	border-right: 0;
	}

	.widget li.destination a, .widget li.subject a, .widget li.help a {
	font-size: 1em;
	}

	#page-wrap_footer h2 {
	display: block;
	}
	#page-wrap_footer .socnet, #page-wrap_footer .accred {
	padding-top: 10px;
	}

}


@media (max-width: 750px) {

	#page-wrap_content{
	padding: 10px 0 0 0;
	}
	.content, .sidebar {
	clear: both;
	float: none;
	width: 100%;
	margin: 0;
	}
	.half_width, .half_width:last-child {
	clear: both;
	float: none;
	width: 100%;
	}

	h1 {
	font-size: 2em;
	}
	h2 {
	font-size: 1.5em;
	}
	h3 {
	font-size: 1.25em;
	}
	.content img.alignleft, .content img.alignright {
	max-width: 120px;
	}

	header {
	text-align: center;
	padding-top: 5px;
	}
	#logo {
	float: none;
	display: inline-block;
	width: 308px;
	text-align: left;
	margin-bottom: 5px;
	}
	header .contact {
	width: 100%;
	text-align: center;
	padding: 0 0 10px 0;
	}
	header .contact h2 strong {
	padding-right: 5px;
	}
	header .socnet {
	padding-right: 0;
	}
	header .accred {
	display: none;
	}

	#toggle_navi {
	display: block;
	}
	#navi {
	min-height: 0;
	background-image: none;
	}
	#navi ul {
	display: none;
	}
	#navi.expanded ul {
	display: block;
	}
	#navi ul {
	text-align: left;
	border-bottom: 1px solid #347198;
	margin: 0 0 15px 0;
	}
	#navi li {
	clear: both;
	float: none;
	display: block;
	background-image: none;
	border-top: 1px solid #347198;
	border-bottom: 1px solid #173d55;
	}
	#navi li a {
	padding: 6px 10px 6px 10px;
	margin: 0;
	}
	#navi li ul {
	display: block;
	position: relative;
	float: none;
	top: auto;
	width: auto;
	background: transparent;
	filter: ;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 4px 0 4px 5px;
	margin: 0 0 5px 0;
	}
	#navi li ul li, #navi li.current_page_item ul li {
	float: none;
	display: inline-block;
	border: 0;
	border-right: 1px solid #347198;
	}
	#navi li ul li a, #navi li.current_page_item ul li a {
	width: auto;
	font-size: 0.85em;
	border: 0;
	padding: 2px 5px 2px 5px;
	margin: 0 5px 0 0;
	}

	.widget {
	padding: 0;
	}
	.widget_boxed .widget {
	padding: 10px 2% 5px 2%;
	}
	.widget.rpwe_widget {
	padding: 10px 2% 5px 2%;
	}
	.widget_quote, .widget_faq, .widget_chat, .widget_testimonialbtn {
	margin-left: 0;
	margin-right: 0;
	}
	.widget li.destination a, .widget li.subject a, .widget li.help a {
	font-size: 1.2em;
	}

	.start_options {
	margin-bottom: 15px;
	}
	.start_options .option h2 {
	font-size: 0.9em;
	}
	.start_options .option h2 a .icon {
	height: 63px;
	}
	.start_options .option.destination h2 a .icon {
	background-position: 50% -875px;
	}
	.start_options .option.subject h2 a .icon {
	background-position: 50% -975px;
	}
	.start_options .option.help h2 a .icon {
	background-position: 50% -1075px;
	}


}

@media (max-width: 600px) {

	.country {
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	}
	.country .pic {
	float: left;
	width: 90px;
	margin-left: 0;
	}
	.country .pic img {
	max-width: 70px;
	}

	#respond textarea {
	width: 245px;
	}

	#footer .accred {
	display: block;
	clear: both;
	}

	#hero_text {
	clear: both;
	float: none;
	width: 100%;
	padding: 0;
	}
	#hero_pic {
	clear: both;
	float: none;
	width: 98%;
	padding: 1%;
	}

	.home_casestudy, .home_testimonial {
	padding-left: 0;
	}
	.home_casestudy .pic, .home_testimonial .pic {
	float: left;
	width: 90px;
	height: auto;
	margin-left: 0;
	}
	.home_testimonial .pic {
	width: 70px;
	}
	.home_casestudy .pic img {
	max-width: 70px;
	}
	.home_testimonial .pic img {
	max-width: 60px;
	}

	.intro {
	padding-left: 110px;
	padding-bottom: 0;
	}
	.intro .pic {
	left: 5px;
	top: 25px;
	width: 90px;
	}
	.intro .pic img {
	max-width: 90px;
	}
	.intro h2 {
	font-size: 1.5em;
	}

}

@media (max-width: 479px) {

	legend {
	padding: 0 0 15px 0;
	}
	fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	}

	#logo {
	width: 250px;
	text-align: left;
	}
	#logo h1 {
	font-size: 2.1em;
	}
	#logo p {
	}

	ul.service_list li {
	clear: both;
	float: none;
	width: 100%;
	}
	ul.service_list li a strong {
	max-width: 80%;
	}
	a.cases_link, a.build_link {
	font-size: 1.1em;
	}

	.intro {
	padding-left: 80px;
	padding-bottom: 0;
	}
	.intro .pic {
	left: 5px;
	width: 60px;
	}
	.intro .pic img {
	max-width: 60px;
	}

	.start_options {
	padding-top: 5px;
	margin-bottom: 10px;
	}
	.start_options li.option {
	clear: both;
	float: none;
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
	}
	.start_options .option h2, .start_options .option:last-child h2 {
	font-size: 1.1em;
	border: 0;
	border-bottom: 1px solid #d9d9d9;
	}
	.start_options .option h2 a .icon {
	width: 100px;
	vertical-align: middle;
	margin-right: 10px;
	}
	.start_options .option.destination h2 a .icon {
	background-position: 50% -870px;
	}
	.start_options .option.subject h2 a .icon {
	background-position: 50% -975px;
	}
	.start_options .option.help h2 a .icon {
	background-position: 50% -1074px;
	}

	.cta_box {
	width: 47.25%;
	margin: 0 1% 0 1%;
	}
	.cta_box a.cta,
	.cta_box a.cta.quote {
	min-height: 80px;
	}

}

/*! SocialCount - v0.1.6 - 2013-08-08
* https://github.com/filamentgroup/SocialCount
* Copyright (c) 2013 zachleat; Licensed MIT */

.socialcount {
    color: #fff;
    font-size: .875em;
    line-height: 2.2em;
}
.socialcount > li {
    background-image: none;
    background-color: #999;
    padding: 0;
}
.socialcount > li,
.socialcount > li > a:focus,
.socialcount .loading {
    border-radius: 5px;
}
.socialcount > li > a:focus,
.socialcount > li:hover,
.socialcount > li.hover /* fix for IE and iframes */ {
    background-color: #464646;
}
/* Special class added to count when it's >= the minimum */
.socialcount .count.minimum {
}


/* Base CSS */

.socialcount {
    list-style: none;
    padding-left: 0;
    margin: 0 0 .6em 0;
    overflow: hidden;
}
.socialcount-large {
    line-height: normal;
}
.socialcount :link,
.socialcount :visited {
    color: inherit;
}
.socialcount > li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    vertical-align: top;
    min-width: 80px;
    min-height: 30px;
    text-align: center;
    white-space: nowrap;
    *margin-right: 4px;
}
.socialcount.like.de_DE > .facebook {
    min-width: 90px; /* like */
}
.socialcount-small > li {
    min-width: 0;
}
.socialcount-large > li {
    float: left;
    margin: 0 .6em .6em 0;
}
.socialcount.recommend .facebook {
    min-width: 120px;
}
.socialcount-small.recommend .facebook {
    min-width: 0;
}
.socialcount-large > li,
.socialcount-large.recommend .facebook {
    min-width: 105px;
}
.socialcount > li > a {
    display: block;
    padding: 0 5px;
    text-decoration: none;
    color: inherit;
}
.socialcount-small > li > a {
    padding-left: 8px;
    padding-right: 8px;
}
.socialcount-large > li > a {
    padding: 12px 5px 8px;
}

.socialcount .count {
    color: inherit;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    margin-left: 6px;
}
.socialcount-large .count {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
}
.socialcount-small .count {
    margin-left: 0;
}

.socialcount .facebook iframe {
    height: 21px;
    width: 90px; /* recommend */
}
.socialcount.de_DE .facebook iframe {
    width: 83px; /* recommend */
}
.socialcount.like .facebook iframe {
    width: 48px; /* like */
}
.socialcount.like.de_DE .facebook iframe {
    width: 83px; /* like */
}

.socialcount .button {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    text-align: center;
    pointer-events: none;
}
.socialcount .button iframe {
    pointer-events: auto;
}
.socialcount-large .button {
    top: auto;
    bottom: 2px;
}

.socialcount.grade-a.activate-on-hover > li.hover .count,
.socialcount.grade-a.activate-on-click > li.hover.active .count {
    text-indent: -999px;
}

.socialcount.grade-a.activate-on-hover > li.hover .button,
.socialcount.grade-a.activate-on-click > li.hover.active .button {
    display: block;
}
.socialcount.grade-a.activate-on-hover > li.hover > a,
.socialcount.grade-a.activate-on-click > li.hover.active > a {
    cursor: default;
}
.socialcount-small.grade-a.activate-on-hover > li.hover > a,
.socialcount-small.grade-a.activate-on-click > li.hover.active > a,
.socialcount.grade-a.activate-on-hover > li.hover .button iframe,
.socialcount.grade-a.activate-on-click > li.hover.active .button iframe {
    cursor: pointer;
}

/* Inline loading */
.socialcount .loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: #aaa;
    background-color: rgba(170, 170, 170, 0.7);
    color: #000;
    text-transform: uppercase;
    font-size: .75em;
    text-align: center;
}
.socialcount-large .loading {
    padding-top: 30%;
}
.socialcount .loading .dot {
    display: inline-block;
    /* no ie7 compat needed here, just shows the text links */
    width: 6px;
    height: 6px;
    margin: 0 3px;
    background: #fff;
    opacity: 0;
    border-radius: 50%;

    -webkit-animation: socialCountLoadingFade .6s infinite;
    -moz-animation: socialCountLoadingFade .6s infinite;
    animation: socialCountLoadingFade .6s infinite;
}

.socialcount .loading .dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.socialcount .loading .dot:nth-child(2) {
    -webkit-animation-delay: .05s;
    -moz-animation-delay: .05s;
    animation-delay: .05s;
}

.socialcount .loading .dot:nth-child(3) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
}

@-webkit-keyframes socialCountLoadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes socialCountLoadingFade {
    0% { opacity: 0;  }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes socialCountLoadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

.social-icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  *margin-right: 5px;
}

.socialcount.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount.grade-a.activate-on-click > li.hover.active .social-icon {
  display: none;
}

.socialcount-small.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount-small.grade-a.activate-on-click > li.hover.active .social-icon,
.socialcount-large.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount-large.grade-a.activate-on-click > li.hover.active .social-icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.icon-sprite, .icon-facebook, .icon-googleplus, .icon-pinterest, .icon-share, .icon-twitter {
  background: url('img/icon-sd6cd4d0ec7.png') no-repeat;
}

.icon-facebook {
  background-position: 0 0;
  height: 15px;
  width: 17px;
}

.icon-googleplus {
  background-position: -21px 0;
  height: 17px;
  width: 20px;
}

.icon-pinterest {
  background-position: -45px 0;
  height: 15px;
  width: 11px;
}

.icon-share {
  background-position: -60px 0;
  height: 16px;
  width: 20px;
}

.icon-twitter {
  background-position: -84px 0;
  height: 15px;
  width: 17px;
}

/* HD icons */
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .social-icon {
    -webkit-background-size: auto 17px;
    -moz-background-size: auto 17px;
    -o-background-size: auto 17px;
    background-size: auto 17px;
    background-image: url('img/icon-hd-s816aa7a6b3.png');
  }
}