@charset "UTF-8";

/* MAIN STYLE */

/* ---------------------------------------------------------------------- */
/* Import fonts and styles
/* ---------------------------------------------------------------------- */
@import url("http://fonts.googleapis.com/css?family=Metrophobic");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic,400italic,600italic,700italic,300,600,800,800italic");
@import url("http://fonts.googleapis.com/css?family=Tinos:400,700,400italic,700italic");

/* ---------------------------------------------------------------------- */
/* General
/* ---------------------------------------------------------------------- */
* {margin: 0; padding: 0; outline: none;}
html, body {height: 100%; position: relative; box-sizing: border-box;}
body {font-family: "Helvetica Neue", "Open Sans", sans-serif; font-size: 12px; line-height: 1.5em; color: #383838; background-color: #fff; background-image: none; background-repeat: repeat; background-position: left top; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
a, a > * {text-decoration: none;}
a, a:hover, a > * {color: #FF5000;}
a, a > *, .button, .jcarousel-prev, .jcarousel-next {-webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;}
h1 {font-weight: 300; font-size: 2.333em; line-height: 1.214em;}
h2 {font-weight: bold; font-size: 1.5em; line-height: 1.333em;}
h3 {font-weight: 600; font-size: 1.333em; line-height: 1.375em;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;}
#main-menu > ul > li > a {text-transform: none;}

/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#wrapper {border-top: 5px solid #003B71; padding-top: 8px; overflow: hidden;}
.container {width: 940px; max-width: 100%; margin: 0 auto;}
#main {margin-bottom: 0;}

/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {display: inline; float: left; margin-right: 2%;}
.one-half {width: 49%; max-width: 460px;}
.one-third {width: 32%; max-width: 300px;}
.one-fourth {width: 23.5%; max-width: 220px;}
.two-thirds {width: 66%; max-width: 620px;}
.three-fourths {width: 74.5%; max-width: 700px;}
.column-last {margin-right: 0 !important;}

/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
#header-top {margin-bottom: 2px;}
#logo {margin: 0 auto; text-align: center;}
#logo a {background-image: url("/assets/img/logo_300x73.png"); background-repeat: no-repeat; width: 300px; height: 73px; margin: 0 auto; display:block; text-indent:-9999px; padding-bottom: 5px;}
.contact {word-wrap: break-word;}
.contact p {background-repeat: no-repeat; padding-left: 23px; margin-bottom: 15px;}
#header .contact {float: right;	margin-top: 11px;}
#header .contact.float-left {float: left;}
#header .contact p {float: right; background-repeat: no-repeat;	background-position: left center; margin-left: 20px; margin-bottom: 0;}

/* ---------------------------------------------------------------------- */
/* Social icons
/* ---------------------------------------------------------------------- */
.social ul {overflow: hidden; margin-right: -6px;}
.social li {float: left; margin: 0 6px 6px 0;}
.social a {display: block; width: 24px; height: 24px; background-position: left top; background-repeat: no-repeat; text-indent: -10000em;}
.social li a:hover {background-position: 0 -25px;}
.social li.facebook a {background-image: url("/assets/img/facebook.png");}
.social li.linkedin a {background-image: url("/assets/img/linkedin.png");}
.social li.rss a {background-image: url("/assets/img/rss.png");}

/* ---------------------------------------------------------------------- */
/* Forms & Buttons
/* ---------------------------------------------------------------------- */
input, textarea, select {font-family: inherit; font-size: inherit; line-height: inherit; color: inherit;}
input, textarea {-webkit-appearance: none;}
input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="radio"] {-webkit-appearance: radio;}
input {line-height: normal;}
textarea {overflow: auto;}
input[type="submit"] {width: auto;}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-focus-inner {padding: 0;	border: none;}
.button, .content-form input.button {width: auto; display: inline-block; cursor: pointer; line-height: normal; margin: 0 10px 20px 0; border: none; color: #fff !important;	padding: 7px 15px;}
.button.large {font-size: 1.5em; padding: 10px 20px;}
.button, .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-next:hover, .jcarousel-next:focus {background-color: #FF5000;}
.button:hover, .content-form input.button:hover {background-color: #383838;}

/* ---------------------------------------------------------------------- */
/* Search form
/* ---------------------------------------------------------------------- */
#search-form {float: right;	position: relative;	margin: 15px 0 5px 20px;}
#search-text {position: absolute; top: 0; right: 0; width: 190px; height: 16px; padding: 6px 36px 6px 10px; border: none; background-color: #e5e5e5;}
#search-text::-webkit-input-placeholder {color: #888;}
#search-text:-moz-placeholder {color: #888;}
#search-submit {position: absolute;	top: 0;	right: 0; width: 36px; height: 28px; background: url("/assets/img/search-icon.png") no-repeat center center;	border: none; text-indent: -10000em; background-color: #e5e5e5; cursor: pointer;}

/* ---------------------------------------------------------------------- */
/* Content
/* ---------------------------------------------------------------------- */
#content {/*padding-top: 10px;*/}
p {margin-bottom: 20px;}
.float-left {float: left;}
.float-right {float: right;}
.post-content {text-align: justify;}
#main-slider {margin-bottom: 10px;}
.flex-direction-nav a:link, .flex-direction-nav a:visited {background-color: rgba(255, 80, 0, 1.0);}
.flex-control-paging a.flex-active {background-color: #FF5000;}
.flex-direction-nav a {background-image: url("/assets/img/slider-arrows.png");}
.promobox {border-left: 4px solid #FF5000;}
.promobox-inner {background-color: #f7f7f7; border: 1px solid #e5e5e5; border-left: none; padding: 15px 20px; margin-bottom: 20px;}
.promobox h2 {margin-bottom: 5px;}
.promobox div.with-button {display: inline;}
.promobox .button {float: right; margin: 0 0 0 20px;}
.promobox .mobile {display: none;}
.promobox p {margin-bottom: 0; margin-top: 20px;}
.promobox h2 + p, .promobox p:first-child {margin: 0;}
h1#page-title {padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5;}
h2 > a {
    text-decoration: none;
    color: #383838;
}
h2 > a:hover {color: #FF5000;}


ul#search-results li {border-top: 1px dotted #ccc; padding: 20px 0;}
ul#search-results li:first-child {border: none;	padding-top: 0;}
ul#search-results h2 {margin-bottom: 5px;}
ul#search-results h2 a, ul#search-results h2 a strong {color: #383838;}
ul#search-results h2 a:hover, ul#search-results h2 a:hover strong {color: #FF5000;}
ul#search-results p {margin: 0;}

.post-single .post {margin-bottom: 15px;}
.post-single-image {overflow: hidden; position: relative; width: 100%; height: 240px; display: inline-block; background-color: #FFF; margin-bottom: 20px;}
.post-single-image img {position: absolute; top: -20px; left: -55px;}
.post-single-image > a .overlay {opacity: 0; filter: alpha(opacity=0); z-index: 0;}
.post-single-image > a:hover .overlay {opacity: 1; filter: alpha(opacity=100); z-index: 1;}
.overlay {display: block; background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.overlay.zoom {background-image: url("/assets/img/overlay-zoom.png");}
.overlay.link {background-image: url("/assets/img/overlay-link.png");}
.post-date {font-size: 0.97em; line-height: 1.272em; color: #888;}
.post-date .title {font-weight: bold; font-style: normal;}
.post-date .title {color: #383838;}
.post-date > span {display: block;}
.post-date > span {margin-bottom: 5px; font-style: italic;}
.post-date-home {margin-right: 20px; width: 50px; float: left;}
.post-body {overflow: hidden;}
h2.post-title {margin-bottom: 15px; padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5; display: flex;}
h2 span.more {font-weight: normal; font-size: 0.666em; line-height: 1.5em;}
h2 span.more a {font-style: italic;}
.post-title a {color: #383838;}
.post-title a:hover {color: #FF5000;}
.post-list > .post > .post-single-image {display: block;}
.post-list .post {border-top: 1px solid #e5e5e5; padding-top: 20px;}
.post-list .post:first-child {border: none; padding: 0;}
.post-list-home {padding-top: 15px; border-top: 1px solid #e5e5e5;}
.post-list-home .post {margin-bottom: 0px;}
a.morelink {color: #383838; font-style: italic;}
a.morelink:hover {color: #FF5000;}

.content-form p {margin-bottom: 10px;}
.content-form input, .content-form textarea, .content-form select {background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 6px 10px; border-radius: 0; box-sizing: border-box;}
.content-form input:hover, .content-form textarea:hover, .content-form select:hover {border-color: #d9d9d9;}
.content-form input:focus, .content-form textarea:focus, .content-form select:focus {border-color: #ccc;}
.content-form input {width: 50%;}
.content-form label, .content-form input, .content-form textarea, .content-form select {margin-bottom: 5px;}
.content-form label {display: block; clear: both;}
.content-form .error {color: #f25824;}
.content-form textarea, .content-form select {width: 60%;}
.content-form textarea {height: 160px;}
.content-form input[type="file"] {padding: 0; border: none;}
.content-form input.button {background-color: #FF5000;}
.note {color: #FF5000;}
.notification-box {position: relative; margin-bottom: 20px;	padding: 10px 24px 10px 24px; background-repeat: no-repeat;	background-position: 10px center; border: 1px solid;}
a.notification-close {display: block; position: absolute; right: 10px; top: 10px; color: #666 !important; font-weight: bold; font-size: 1.166em; line-height: normal;}
.notification-box p {margin-bottom: 0;}
.notification-box > p:first-child {margin: 0;}
.notification-box-success {background-color: #deebc5; border-color: #b9d188;}
.notification-box-error {background-color: #faebe6; border-color: #f5d0c4;}

ul.arrow, ul.circle {margin-bottom: 20px;}
ul.arrow ul, ul.circle ul {margin-left: 14px; margin-bottom: 0;}
ul.arrow ol, ul.circle ol {margin-left: 18px;}
ul.arrow li, ul.circle li {margin-bottom: 5px;}
ul.arrow ul li:first-child, ul.circle ul li:first-child, ul.arrow ol li:first-child, ul.circle ol li:first-child {margin-top: 5px;}
ul.arrow li {background: url("/assets/img/arrow-right.png") no-repeat left 0.416em; padding-left: 11px;}
ul.circle li {background: url("/assets/img/circle.png") no-repeat left 0.416em; padding-left: 11px;}

#sidebar .widget {margin-bottom: 20px;}

.widget ul.menu li {border-bottom: 1px dotted #ccc;}
.widget ul.menu li > a {display: block; color: #383838; padding: 5px 0 5px 11px; background: url("/assets/img/arrow-right.png") no-repeat left 0.833em;}
.widget ul.menu li > a:hover, .widget ul.menu li.current-menu-item > a {color: #FF5000;}
h3.widget-title {margin-bottom: 10px;}
h3.widget-title > a {text-decoration: none; color: #383838;}
h3.widget-title > a:hover {color: #FF5000;}

/* ---------------------------------------------------------------------- */
/* Pagination
/* ---------------------------------------------------------------------- */
#pagination {border-top: 1px solid #e5e5e5; padding-top: 10px; margin: 10px 0; text-align: right;}
#pagination > span {margin-right: 15px;}
#pagination ul, #pagination li, #pagination > span {display: inline-block;}
#pagination li, #pagination > span {vertical-align: middle;}
#pagination li {margin-right: 5px; line-height: normal;}
#pagination li:last-child {margin-right: 0;}
#pagination a {display: block; background-color: #e5e5e5; color: #383838;} 
#pagination a, #pagination li.current {padding: 5px 10px;}
#pagination a:hover, #pagination li.current {color: #fff; background-color: #FF5000;}

/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer {color: #FFFFFF; background-color: #003B71; border-top: 5px solid #e5e5e5; margin-top: 20px;}
#footer-bottom {overflow: hidden; padding: 14px 0; font-size: 0.916em; line-height: 0.916em;}
#footer-bottom a {color: #FFFFFF;}
#footer-bottom p {margin: 0;}
#footer-navigation ul {text-align: right;}
#footer-navigation ul li {display: inline;}

/* ---------------------------------------------------------------------- */
/* Scroll to Top
/* ---------------------------------------------------------------------- */
#toTop, #toTopHover {background: no-repeat url("/assets/img/to-top.png") center center; width: 30px; height: 30px; overflow: hidden; bottom: 20px; right: 20px; text-indent: -10000em; position: fixed;}
#toTop {display: none; background-color: #FF5000;}
#toTopHover {display: block; opacity: 0;}
#toTop:active, #toTop:focus {outline: none;}

/* ---------------------------------------------------------------------- */
/* Responsivness
/* ---------------------------------------------------------------------- */
@media only screen and (min-width: 960px) {
    .hidden-lg {display: none !important;}
}

@media only screen and (max-width: 959px) {
    .container {width: 96%; margin: 0 auto;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .hidden-lg {display: none !important;}
}

@media only screen and (max-width: 767px) {
    .hidden-lg {display: block !important;}
    .one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {float: none; display: block; margin-right: 0; width: 100%; max-width: none;}
    #menu-search {display: none;}
    #header-top {margin-bottom: 0;}
    #header-top #social-icons .contact {float: none; margin: 0 0 10px 0;}
    #header-top #social-icons .social ul {text-align: center; display: table; margin: 0 auto;}
    #header-top #logo {text-align: center;}
    #logo a {background-image: url("/assets/img/logo_202x49.png"); background-repeat: no-repeat; width: 202px; height: 49px; font-size: 0; margin: 0 auto; padding: 0 0 8px 0; line-height: none;}
    .flex-caption {display: none;}
    .promobox .button {display: none;}
    .promobox .mobile {float: none; display: inline-block; margin-left: 0; margin-top: 20px;}
    .content-form input {width: 100%; max-width: none;}
    .content-form textarea {width: 100%; max-width: none;}
    #footer-navigation ul {text-align: left; padding-top: 5px;}
    #toTop, #toTopHover {right: 10px; bottom: 10px;}
}