/* Main Theme Styles file */
/* Standardize browser behavior */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, .faq-list dt, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
}

input:focus, textarea:focus {
  outline: none;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* -------------------------------------------------------------------------------------------------------------------
                                                 Default Components
------------------------------------------------------------------------------------------------------------------- */
.fa, .comments-area .comment-list .comment-meta time:before,
[class*='fa-'] {
  display: inline-block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  margin-right: 3px;
}

.post-meta {
  color: #a3a3a3;
  padding-bottom: 5px;
}
.post-meta .generic-info {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 300;
}
.post-meta .generic-info a {
  text-transform: capitalize;
}
.post-meta .generic-info .fa, .post-meta .generic-info .comments-area .comment-list .comment-meta time:before, .comments-area .comment-list .comment-meta .post-meta .generic-info time:before {
  font-size: 14px;
}
.post-meta .generic-info span {
  padding: 0 4px;
}
.post-meta .generic-info time {
  font-style: italic;
  display: block;
  padding-top: 5px;
}
.post-meta .generic-info .tags {
  padding-left: 15px;
}
.post-meta .custom-data {
  float: right;
}

.share-networks span {
  color: #425057;
  font-size: 12px;
  padding-right: 5px;
  font-weight: 300;
}
.share-networks a {
  font-size: 18px;
  margin: 0 3px;
  opacity: 0.5;
  text-decoration: none;
}
.share-networks a:hover {
  opacity: 1;
}

/* FlexSlider Necessary Styles
------------------------------------------------------------ */
.flexslider {
  position: relative;
}

.flexslider .slides img {
  width: 100%;
  display: block;
  -moz-user-select: none;
  height: auto;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* 404 Page
------------------------------------------------------------ */
.error404 .content {
  padding-bottom: 5%;
  text-align: center;
}
@media (max-width: 767px) {
  .error404 .content {
    width: 100%;
  }
}

.error404 .content h3 {
  font-size: 190px;
  line-height: 190px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .error404 .content h3 {
    line-height: 1;
    font-size: 120px;
  }
}
@media (max-width: 479px) {
  .error404 .content h3 {
    font-size: 70px;
  }
}

.error404 .content h2 {
  font-size: 90px;
  line-height: 90px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .error404 .content h2 {
    line-height: 1;
    font-size: 60px;
  }
}
@media (max-width: 479px) {
  .error404 .content h2 {
    font-size: 40px;
  }
}

.error404 .content p {
  text-align: center;
  font-size: 20px;
  line-height: 29px;
}
@media (max-width: 767px) {
  .error404 .content p {
    font-size: 16px;
    line-height: 1.5;
  }
}

.error404 .site-inner input[type="text"] {
  padding: 7px 10px 9px;
  width: 190px;
  margin-top: 1px;
}

.error404 .searchform .search-submit {
  float: none;
}

.searchform .searchsubmit {
  line-height: 40px;
  vertical-align: top;
}

/* Post Navigation.
------------------------------------------------------------ */
.pagination {
  overflow: hidden;
  padding: 20px 0;
  width: 100%;
}
.pagination h2 {
  display: none;
}
.pagination .nav-links > * {
  display: inline-block;
  margin-right: 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  width: auto;
  padding-left: 7px;
  padding-right: 7px;
}
.pagination span {
  background: #d4d5d6;
  color: #e9dfc9;
}
.pagination a {
  background: #d5c8ad;
}
.pagination a:hover {
  background: #236689;
  color: #e9dfc9;
  text-decoration: none;
}

/* Post Navigation default.
------------------------------------------------------------ */
.pagination-custom {
  overflow: hidden;
}
.pagination-custom > * {
  color: #d4d5d6;
  background: #192e38;
  font-family: "Ubuntu", sans-serif;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 0 5px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.pagination-custom a {
  color: #d4d5d6;
}
.pagination-custom a.navi {
  font-size: 18px;
}
.pagination-custom a:hover, .pagination-custom a:focus, .pagination-custom a:active {
  color: #192e38;
  background: #f0f0f0;
}
.pagination-custom span.current {
  color: #192e38;
  background: #f0f0f0;
}

/* Search results.
------------------------------------------------------------ */
.search-results .archive-description {
  display: block;
}
.search-results article {
  overflow: hidden;
  margin-bottom: 30px;
  border-bottom: 1px solid #d3d2c7;
  padding-bottom: 30px;
}
.search-results h1 a {
  text-decoration: none;
}
.search-results .featured-thumbnail {
  float: left;
  margin: 0 20px 0 0;
}
.search-results .entry-content {
  overflow: hidden;
  margin-bottom: 10px;
}
.search-results .excerpt {
  padding-bottom: 20px;
}
.search-results .btn, .search-results .site-content .widget.widget_tag_cloud .tagcloud a, .site-content .widget.widget_tag_cloud .tagcloud .search-results a, .search-results .site input[type="submit"], .site .search-results input[type="submit"] {
  float: left;
}

/* Contact form
------------------------------------------------------------ */
.wpcf7 {
  margin-top: -5px;
}
.wpcf7 p {
  overflow: hidden;
  clear: both;
}
.wpcf7 p.submit {
  text-align: right;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}
.wpcf7 label {
  display: block;
  margin: 0 0 5px;
}
.wpcf7 .captcha-row .captcha {
  float: left;
  width: 120px;
  margin-right: 15px;
}
.wpcf7 .captcha-row img {
  float: left;
  height: 36px;
}
.wpcf7 .ajax-loader {
  display: block;
}
.wpcf7 input[type="submit"] {
  float: left;
}
.wpcf7 span.wpcf7-not-valid-tip {
  position: static;
  width: 100%;
  text-transform: uppercase;
  background: url("../images/icons/icon-error.png") #d32f2f no-repeat 10px 16px;
  line-height: 20px;
  padding: 12px 0 12px 30px;
  color: #fff;
}
.wpcf7 div.wpcf7-response-output {
  margin: 0;
  padding: 10px 20px;
  text-align: center;
}
.wpcf7 div.wpcf7-validation-errors {
  background: #fde8b1;
  color: #222;
}
.wpcf7 div.wpcf7-mail-sent-ok {
  background: #ccff99;
  border: 2px solid #398f14;
}
.wpcf7 img.ajax-loader {
  background: #fff;
}

/* Contact info.
------------------------------------------------------------ */
.contact-info iframe {
  margin-bottom: 20px;
  background: url("../images/loader.gif") no-repeat scroll 50% 50% #fff;
}
@media (max-width: 767px) {
  .contact-info iframe {
    max-height: 200px;
  }
}

/* Page title.
------------------------------------------------------------ */
.page-title {
  position: relative;
  line-height: 0;
}
.page-title img {
  width: 100%;
  height: auto;
}

/* Breadcrumbs (Breadcrumb NavXT widget).
------------------------------------------------------------ */
.breadcrumbs {
  line-height: 1;
  position: relative;
  text-transform: uppercase;
}
.breadcrumbs .container {
  background: #192e38;
  border-top: 10px solid #364e5a;
  position: relative;
  z-index: 1;
}
.breadcrumbs .bcn {
  overflow: hidden;
}
.breadcrumbs .bcn * {
  display: block;
  font-size: 12px;
  line-height: 36px;
  color: #86a1ae;
}
.breadcrumbs .bcn > span {
  float: left;
}
.breadcrumbs .bcn > span a {
  padding: 0 20px;
  position: relative;
}
.breadcrumbs .bcn > span a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #86a1ae;
}
.breadcrumbs .bcn > span a.home {
  padding: 0 20px 0 10px;
}
.breadcrumbs .bcn > span a.home i {
  font-size: 24px;
}
.breadcrumbs .bcn > span a.home:hover {
  color: #b1e3ff;
}
.breadcrumbs .bcn > span a:hover {
  color: #b1e3ff;
}
.breadcrumbs .bcn > span span {
  color: #b1e3ff;
  padding: 0 20px;
}

/* Isotope buttons.
----------------------------------------------------------- */
#filter-by {
  margin: 10px 15px 10px;
}
#filter-by a {
  color: #6e8794;
  font-size: 18px;
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  transition: all 0.3s ease-out 0s;
}
#filter-by a:hover, #filter-by a:focus, #filter-by a:active, #filter-by a.active {
  color: #a1d0ea;
  background: #192e38;
}
#filter-by a.active {
  cursor: default;
}
@media (max-width: 767px) {
  #filter-by a {
    display: block;
    float: none;
    margin-top: 5px;
  }
}

/* Isotope gallery items.
----------------------------------------------------------- */
#gallery {
  margin: 0 -15px;
}
#gallery .pagination-custom {
  padding-left: 15px;
  padding-right: 15px;
}

#galleryHolder {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.galleryItem {
  position: relative;
  float: left;
  overflow: hidden;
  width: 24.9%;
  padding: 15px;
}
@media (max-width: 992px) {
  .galleryItem {
    width: 33.3%;
  }
}
@media (max-width: 767px) {
  .galleryItem {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .galleryItem {
    width: 100%;
  }
}
.galleryItem a {
  display: block;
  text-decoration: none;
  transition: .3s ease-out;
}
.galleryItem a img {
  max-width: 100%;
  height: auto;
  transition: .3s ease-out;
}
.galleryItem a em {
  background: #708690;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s;
}
.galleryItem a .img-border {
  display: block;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.galleryItem a figcaption {
  color: #a3abad;
  padding: 10px 0 0;
  transition: all 0.3s ease-out 0s;
  text-align: center;
}
.galleryItem a .zoom-icon {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  color: #9b9597;
  font-size: 0;
  width: 0;
  height: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  transition: all 0.3s linear 0s;
}
.galleryItem a .zoom-icon i {
  margin: 0;
  transform: rotateY(180deg);
}
@media (max-width: 767px) {
  .galleryItem a .zoom-icon {
    display: none;
  }
}
.galleryItem a:hover {
  text-decoration: none;
}
.galleryItem a:hover img {
  opacity: .7;
}
.galleryItem a:hover figcaption {
  color: #eee;
}
.galleryItem a:hover .zoom-icon {
  margin-left: -34px;
  margin-top: -34px;
  font-size: 40px;
  width: 68px;
  height: 68px;
  line-height: 68px;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  transition-duration: 0.8s;
}

.isotope {
  transition-property: height, width;
}

.isotope .isotope-item {
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  transition-duration: 0s;
}

/* Default post format.
----------------------------------------------------------- */
article.format-standard {
  overflow: hidden;
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 2px solid #566e7a;
  position: relative;
}
article.format-standard .title-row {
  overflow: hidden;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 20px;
}
article.format-standard .title-row time {
  background: #708690 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 12px;
  font-weight: 300;
  margin: 0 10px 0 0;
  padding: 10px;
}
article.format-standard .title-row h2 {
  color: #6783ad;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  padding: 6px 0 0;
  text-transform: none;
}
@media (max-width: 992px) {
  article.format-standard .title-row h2 {
    font-size: 18px;
    padding-top: 8px;
  }
}
@media (max-width: 479px) {
  article.format-standard .title-row h2 {
    clear: left;
  }
}
article.format-standard .title-row h2 a:hover {
  text-decoration: none;
}
article.format-standard .featured-thumbnail {
  margin-bottom: 20px;
  line-height: 0;
  position: relative;
  max-width: 100%;
}
article.format-standard .featured-thumbnail a {
  overflow: hidden;
}
@media (max-width: 767px) {
  article.format-standard .featured-thumbnail a {
    display: block;
  }
}
article.format-standard .post-content {
  overflow: hidden;
}
article.format-standard .post-content .excerpt {
  padding-bottom: 20px;
}

/* Default single article page.
----------------------------------------------------------- */
.single article .featured-thumbnail {
  margin-bottom: 20px;
}

/* Author page.
----------------------------------------------------------- */
body.author .author-info {
  display: none;
}

/* Related posts block.
----------------------------------------------------------- */
.related-posts {
  text-align: center;
}
.related-posts h4 {
  font-size: 13px;
  text-transform: none;
}
.related-posts h4 a:hover {
  color: #fff;
}
.related-posts li {
  float: left;
}
@media (max-width: 992px) {
  .related-posts li {
    margin-bottom: 20px;
  }
  .related-posts li:nth-child(2n+1) {
    clear: left;
  }
}
@media (max-width: 767px) {
  .related-posts li {
    margin: 0 0 20px 0;
    width: 50%;
  }
}
@media (max-width: 479px) {
  .related-posts li {
    width: 100%;
  }
}
.related-posts li:hover img {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}
.related-posts .inner {
  background: #192e38;
  padding: 4px;
}
@media (max-width: 992px) {
  .related-posts .inner {
    background: none;
  }
}
.related-posts figure {
  margin: 0 0 10px 0;
}

/* Search form.
----------------------------------------------------------- */
.site .search-form {
  position: relative;
  max-width: 400px;
}
.site .search-form .search-field {
  padding: 8px 12px;
}
.site .search-form input[type='submit'] {
  background: url("../images/icons/icon-search.png") no-repeat 50% 50%;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  width: 40px;
  height: 100%;
  opacity: .7;
  transition: .3s;
}
.site .search-form input[type='submit']:hover, .site .search-form input[type='submit']:focus, .site .search-form input[type='submit']:active {
  opacity: 1;
  background: url("../images/icons/icon-search.png") no-repeat 50% 50%;
}

/* Comments area on the single post page.
----------------------------------------------------------- */
.comments-area {
  margin-top: 40px;
}
.comments-area .comment-list article {
  padding: 0;
  margin: 0;
  border: none;
}
.comments-area .comment-list .comment {
  background: rgba(156, 156, 156, 0.1);
  border: 1px solid #425057;
  margin-bottom: 30px;
  padding: 20px;
}
.comments-area .comment-list ol.children .comment {
  margin: 20px 0 0;
}
.comments-area .comment-list .comment-awaiting-moderation {
  color: #b05232;
}
.comments-area .comment-list .comment-meta {
  overflow: hidden;
}
.comments-area .comment-list .comment-meta a {
  text-decoration: none;
}
.comments-area .comment-list .comment-meta b.fn {
  font-weight: bold;
}
.comments-area .comment-list .comment-meta img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}
.comments-area .comment-list .comment-meta time {
  font-style: italic;
}
.comments-area .comment-list .comment-meta time:before {
  margin-right: 3px;
  content: "\f133";
}
.comments-area .comment-list .comment-content {
  padding: 15px 0 0;
  font-weight: 300;
  font-size: 13px;
}
.comments-area .comment-list .reply {
  text-align: right;
}
.comments-area .comment-respond .form-allowed-tags {
  font-size: 12px;
}
.comments-area .comment-respond p {
  margin-bottom: 10px;
}

/* Back to top icon.
----------------------------------------------------------- */
#back-to-top {
  bottom: 10px;
  display: none;
  position: fixed;
  right: 10px;
  cursor: pointer;
  z-index: 1;
  color: #708690;
  font-size: 50px;
  opacity: .7;
  transition: .3s;
}
.touch #back-to-top {
  visibility: hidden;
  display: none;
}
.non-touch #back-to-top:hover {
  opacity: 1;
  transform: rotateX(360deg);
}

/* -------------------------------------------------------------------------------------------------------------------
                                                  Widgets
------------------------------------------------------------------------------------------------------------------- */
/* Recent posts default widget in the sidebar.
------------------------------------------------------------ */
.widget_recent_entries li {
  padding-bottom: 10px;
}
.widget_recent_entries li a {
  font-weight: bold;
}
.widget_recent_entries li .post-date {
  display: block;
  color: #aeaeae;
  font-size: 12px;
  font-weight: 300;
}
.widget_recent_entries li .post-date i {
  margin-right: 7px;
}

/* Recent comments default widget in the sidebar.
------------------------------------------------------------ */
.widget_recent_comments li {
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.widget_recent_comments li:last-child {
  margin: 0;
  padding: 0;
  background: none;
}
.widget_recent_comments li .comment-author-link {
  font-weight: bold;
}
.widget_recent_comments li a {
  text-decoration: none;
}

/* Archives default widget in the sidebar.
------------------------------------------------------------ */
.widget_archive h2 {
  margin: 0;
}
.widget_archive li {
  display: block;
}
.widget_archive li a {
  background: #c5d2d8 none repeat scroll 0 0;
  border-bottom: 1px solid #a8b8bf;
  border-left: 4px solid #84a3b1;
  color: #273c47;
  display: block;
  font-weight: bold;
  line-height: 1;
  padding: 12px 20px;
  text-transform: uppercase;
}
.widget_archive li a:hover {
  color: #236689;
  background: #e2e9ec;
  border-left-color: #236689;
}

/* Post categories default widget in the sidebar.
------------------------------------------------------------ */
.widget_categories h2 {
  margin: 0;
}
.widget_categories li {
  display: block;
}
.widget_categories li a {
  background: #c5d2d8 none repeat scroll 0 0;
  border-bottom: 1px solid #a8b8bf;
  border-left: 4px solid #84a3b1;
  color: #273c47;
  display: block;
  font-weight: bold;
  line-height: 1;
  padding: 12px 20px;
  text-transform: uppercase;
}
.widget_categories li a:hover {
  color: #236689;
  background: #e2e9ec;
  border-left-color: #236689;
}
.widget_categories li.current-cat > a, .widget_categories li.current-cat-parent > a {
  color: #236689;
  background: #e2e9ec;
  border-left-color: #236689;
}
.widget_categories ul.children {
  padding: 0 0 0 4px;
}
.widget_categories ul.children li a {
  font-weight: normal;
  text-transform: none;
}

/* Tags widget in the sidebar.
------------------------------------------------------------ */
.site-content .widget.widget_tag_cloud {
  border: none;
}
.site-content .widget.widget_tag_cloud .tagcloud {
  overflow: hidden;
}
.site-content .widget.widget_tag_cloud .tagcloud a {
  font-size: 12px !important;
}
.site-content .widget.widget_tag_cloud .tagcloud a::before {
  display: none;
}

/* Search form widget in the sidebar.
------------------------------------------------------------ */
.site-content .widget.widget_search {
  border: none;
}

/* Calendar widget in the sidebar.
------------------------------------------------------------ */
.site-content .widget.widget_calendar {
  border: none;
  padding: 4px;
  background: #192e38;
}
.site-content .widget.widget_calendar table {
  width: 100%;
}
.site-content .widget.widget_calendar table caption, .site-content .widget.widget_calendar table th, .site-content .widget.widget_calendar table td {
  text-align: center;
  padding: 5px;
  border: 1px solid #566e7a;
}
.site-content .widget.widget_calendar table caption {
  font-weight: bold;
  padding: 7px 0;
  font-size: 16px;
  border: none;
}
.site-content .widget.widget_calendar table td a {
  background: #364e5a;
  display: block;
  font-weight: bold;
  color: #d4d5d6;
}
.site-content .widget.widget_calendar table td a:hover {
  color: #fff;
}
.site-content .widget.widget_calendar table tfoot td {
  background: #364e5a;
  border: none;
}

/* Accordion menu widget.
------------------------------------------------------------ */
.accordion.widget {
  overflow: hidden;
}
.accordion.widget .menu > li > a.act {
  color: #236689;
}
.accordion.widget .menu > li > a.act em:before {
  top: 17px;
  background-position: 0 -20px;
}
.accordion.widget em {
  cursor: copy;
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  height: 100%;
  line-height: 37px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 40px;
  opacity: .4;
}
.accordion.widget em:before {
  background: url("../images/icons/icon-accordion.gif") no-repeat;
  content: "";
  display: block;
  height: 14px;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 14px;
}
.accordion.widget em:hover {
  opacity: .7;
}

/* -------------------------------------------------------------------------------------------------------------------
                                                  Header elements
------------------------------------------------------------------------------------------------------------------- */
.site-header {
  position: relative;
  z-index: 2;
}
.site-header p {
  padding: 0;
}
.site-header .row-top {
  background: #548caa;
  background: linear-gradient(to bottom, #548caa 0%, #2d5a70 100%);
}
@media (max-width: 767px) {
  .site-header .row-top {
    padding: 70px 0 20px;
  }
}
.site-header .site-logo {
  float: left;
  position: relative;
  z-index: 5;
  padding: 5px 0;
}
@media (max-width: 767px) {
  .site-header .site-logo {
    text-align: center;
    float: none;
  }
}
.site-header .site-logo a {
  display: block;
}
@media (max-width: 767px) {
  .site-header .site-logo a {
    display: inline;
  }
}
.site-header .header-blocks {
  overflow: hidden;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .site-header .header-blocks {
    float: none;
    text-align: center;
  }
}
.site-header .header-blocks .widget.social-icons {
  float: left;
  padding: 22px 0 0 40px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .site-header .header-blocks .widget.social-icons {
    float: none;
    padding: 5px 0;
  }
}
@media (max-width: 479px) {
  .site-header .header-blocks .widget.social-icons {
    display: none;
  }
}
.site-header .header-blocks .widget.social-icons a {
  font-size: 0;
  line-height: 0;
  display: block;
  float: left;
  padding: 0 10px;
  color: #fff;
}
@media (max-width: 767px) {
  .site-header .header-blocks .widget.social-icons a {
    float: none;
    display: inline-block;
  }
}
.site-header .header-blocks .widget.social-icons a i {
  opacity: .2;
  transition: .3s;
  font-size: 20px;
}
.site-header .header-blocks .widget.social-icons a:hover i {
  opacity: .4;
}
.site-header .header-blocks .widget.phone {
  color: #fff;
  float: right;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  padding: 24px 30px 0 0;
  text-transform: uppercase;
}
.site-header .header-blocks .widget.phone * {
  color: #fff;
}
@media (max-width: 992px) {
  .site-header .header-blocks .widget.phone {
    clear: right;
    font-size: 14px;
    padding: 10px 0;
  }
}
.site-header .header-blocks .widget.phone strong {
  font-weight: bold;
}
.site-header .header-blocks .widget.listen-live {
  float: right;
  padding: 12px 0 0 0;
}
.site-header .header-blocks .widget.listen-live a {
  background: #eaf8ff url("../images/live.png") no-repeat scroll 9px 11px;
  border-radius: 20px;
  color: #5e9aba;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 41px;
  padding: 0 20px 0 50px;
  text-transform: uppercase;
}
.site-header .header-blocks .widget.listen-live a:hover {
  background-color: #81d4ff;
  color: #fff;
}
@media (max-width: 767px) {
  .site-header .header-blocks .widget.listen-live {
    float: none;
  }
}

/* Primary menu
------------------------------------------------------------ */
.row-menu {
  background: #6ba7c6;
  z-index: 4;
}
@media (max-width: 767px) {
  .row-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #2d5a70;
    background: linear-gradient(to top, #548caa 0%, #2d5a70 100%);
    padding: 10px 15px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.4);
  }
  .row-menu .container {
    display: none;
  }
}
.row-menu .widget.phone {
  text-align: right;
  padding: 8px 0 0 0;
  color: #f0f0f0;
  font-size: 16px;
}
.row-menu .widget.phone * {
  color: #fff;
}

.nav-primary {
  position: relative;
  z-index: 10;
  padding: 0 27px;
}
@media (max-width: 992px) {
  .nav-primary {
    float: none;
  }
}
.nav-primary .main-menu {
  position: relative;
}
.nav-primary .main-menu li {
  position: relative;
  display: block;
  z-index: 2;
}
.nav-primary .main-menu li a {
  display: block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.nav-primary .main-menu > li {
  float: left;
  background: url("../images/menu-sep.gif") repeat-y;
}
.nav-primary .main-menu > li::before {
  content: "";
  position: absolute;
  background: #364e5a;
  left: 0;
  top: -4px;
  width: 100%;
  height: 4px;
  display: none;
}
.nav-primary .main-menu > li:last-child::after {
  content: "";
  position: absolute;
  background: url("../images/menu-sep.gif");
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
}
.nav-primary .main-menu > li.menu-item-has-children > a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: #3a6b84 transparent transparent transparent;
}
@media (max-width: 1199px) {
  .nav-primary .main-menu > li.menu-item-has-children > a::after {
    right: 12px;
  }
}
@media (max-width: 992px) {
  .nav-primary .main-menu > li.menu-item-has-children > a::after {
    right: 6px;
    border-width: 6px 4px 0;
  }
}
.nav-primary .main-menu > li > a {
  color: #18394a;
  font-size: 14px;
  font-weight: 900;
  line-height: 42px;
  padding: 0 48px;
}
@media (max-width: 1199px) {
  .nav-primary .main-menu > li > a {
    padding: 0 34px;
  }
}
@media (max-width: 992px) {
  .nav-primary .main-menu > li > a {
    font-size: 13px;
    padding: 0 20px;
  }
}
.nav-primary .main-menu > li:hover, .nav-primary .main-menu > li.sfHover {
  background-color: #7eb5d3;
}
.nav-primary .main-menu > li:hover > a, .nav-primary .main-menu > li.sfHover > a {
  color: #fff;
}
.nav-primary .main-menu > li:hover > a::after, .nav-primary .main-menu > li.sfHover > a::after {
  border-color: #eee transparent transparent transparent;
}
.nav-primary .main-menu > li.current_page_item, .nav-primary .main-menu > li.current-menu-item, .nav-primary .main-menu > li.current_page_ancestor {
  background: #364e5a;
  box-shadow: 0 -4px 0 2px rgba(255, 255, 255, 0.1);
}
.nav-primary .main-menu > li.current_page_item::before, .nav-primary .main-menu > li.current-menu-item::before, .nav-primary .main-menu > li.current_page_ancestor::before {
  display: block;
}
.nav-primary .main-menu > li.current_page_item > a, .nav-primary .main-menu > li.current-menu-item > a, .nav-primary .main-menu > li.current_page_ancestor > a {
  color: #fff;
}
.nav-primary .main-menu > li.current_page_item > a::after, .nav-primary .main-menu > li.current-menu-item > a::after, .nav-primary .main-menu > li.current_page_ancestor > a::after {
  border-color: #fff transparent transparent transparent;
}
.nav-primary ul.sub-menu {
  background: #354c58;
  border: 1px solid #607a88;
  border-top: none;
  position: absolute;
  top: 42px;
  left: 0;
  box-shadow: 0 3px 0 3px rgba(29, 44, 52, 0.6);
  width: 245px;
  z-index: 2;
  display: none;
}
.nav-primary ul.sub-menu li {
  border-top: 1px solid #4a5e69;
}
.nav-primary ul.sub-menu li:first-child {
  border-top: none;
}
.nav-primary ul.sub-menu li.menu-item-has-children > a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #4a5e69;
}
.nav-primary ul.sub-menu li a {
  color: #86a1ae;
  font-size: 12px;
  line-height: 1;
  padding: 10px 10px 10px 12px;
}
@media (max-width: 992px) {
  .nav-primary ul.sub-menu li a {
    font-size: 11px;
  }
}
.nav-primary ul.sub-menu li.current-menu-item > a, .nav-primary ul.sub-menu li.current-menu-parent > a {
  background: #4a6573;
  color: #b1e3ff;
}
.nav-primary ul.sub-menu li.sfHover > a,
.nav-primary ul.sub-menu a:hover {
  background: #4a6573;
  color: #b1e3ff;
}
.nav-primary ul.sub-menu li.sfHover > a::after,
.nav-primary ul.sub-menu a:hover::after {
  border-color: transparent transparent transparent #68828f;
}
.nav-primary ul.sub-menu .sf-sub-indicator {
  display: none;
}
.nav-primary ul.sub-menu ul {
  border: 1px solid #607a88;
  box-shadow: 3px 3px 0 0 rgba(29, 44, 52, 0.6);
  left: 245px;
  top: -1px;
}
@media (max-width: 767px) {
  .nav-primary {
    display: none;
  }
}

/* Mobile menu
------------------------------------------------------------ */
#hamburger {
  background-color: #192e38;
  display: none;
  height: 36px;
  width: 40px;
  z-index: 10;
  position: relative;
  float: left;
}
#hamburger:before, #hamburger:after, #hamburger span {
  background: #f0f0f0;
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  left: 5px;
}
#hamburger:before {
  top: 5px;
}
#hamburger:after {
  bottom: 5px;
}
#hamburger span {
  top: 50%;
  margin-top: -3px;
}
@media (max-width: 767px) {
  #hamburger {
    display: block;
  }
}

.mm-list, .mm-list > li, .mm-list > li a {
  color: rgba(255, 255, 255, 0.6);
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span {
  transition: none 0.5s ease 0.5s;
  transition-property: transform, top, bottom, left, opacity;
}

html.mm-opening #hamburger span {
  left: -50px;
  opacity: 0;
}

html.mm-opening #hamburger:before {
  transform: rotate(45deg);
  top: 15px;
}

html.mm-opening #hamburger:after {
  transform: rotate(-45deg);
  bottom: 15px;
}

/* Mobile menu theme overrides.
------------------------------------------------------------ */
.mm-menu {
  color: #708690;
}
.mm-menu .mm-listview .mm-next {
  background: #236689;
}
.mm-menu .mm-listview li a,
.mm-menu .mm-listview li span {
  color: #708690;
  padding: 8px 10px 8px 20px;
  -webkit-tap-highlight-color: #cbcbcb;
}
.mm-menu .mm-listview > li > a.mm-prev::before,
.mm-menu .mm-listview > li > a.mm-next::after {
  border-color: #fff;
}
.mm-menu li.current-menu-ancestor > a,
.mm-menu li.current_page_item > a,
.mm-menu li.current-menu-item > a {
  color: #192e38;
  font-weight: bold;
}
.mm-menu .mm-header > a {
  color: #236689;
  font-size: 16px;
}
.mm-menu .mm-header .mm-btn {
  background: #236689;
}
.mm-menu .mm-header .mm-btn::before, .mm-menu .mm-header .mm-btn::after {
  border-color: #fff;
}

.SlectBox {
  width: 200px;
  padding: 7px 12px;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none;
}
.SumoSelect font {
  font-size: 11px;
  line-height: 18px;
  color: #898e97;
}
.SumoSelect .CaptionCont {
  position: relative;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5px;
  user-select: none;
  padding: 7px 12px;
}
.SumoSelect .CaptionCont span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  font-size: 11px;
  line-height: 18px;
  text-transform: uppercase;
  color: #898e97;
}
.SumoSelect .CaptionCont label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
}
.SumoSelect .CaptionCont label i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=");
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8;
}
.SumoSelect .optWrapper > .options > li label {
  user-select: none;
}
.SumoSelect:hover .CaptionCont {
  border-color: #ccc;
}
.SumoSelect:focus .CaptionCont {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic;
}

.SumoSelect > .optWrapper {
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
  z-index: -100;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
  overflow: hidden;
}

.SumoSelect > .optWrapper.open {
  top: 35px;
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}

.SumoSelect > .optWrapper > .options {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  border-radius: 2px;
  /*Set the height of pop up here (only for desktop mode)*/
  max-height: 250px;
  /*height*/
}

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959;
}

.SumoSelect > .optWrapper > .options > li {
  padding: 6px 6px;
  border-bottom: 1px solid #F3F3F3;
  position: relative;
}

.SumoSelect > .optWrapper > .options > li:first-child {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper > .options > li:last-child {
  border-bottom: none;
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper > .options > li:hover {
  background-color: #E4E4E4;
}

.SumoSelect > .optWrapper > .options > li.sel {
  background-color: #a1c0e4;
}

.SumoSelect > .optWrapper > .options > li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

.SumoSelect > .optWrapper > .options > li span {
  display: none;
}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}

/*Hover*/
/*.SumoSelect:hover > .CaptionCont > label { background-color: #F1F1F1; }*/
/*disabled state*/
.SumoSelect > .optWrapper > .options > li.disabled {
  background-color: inherit;
  pointer-events: none;
}

.SumoSelect > .optWrapper > .options > li.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options > li {
  padding-left: 35px;
  cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options > li span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0px;
  bottom: 0px;
  margin-left: -35px;
}

.SumoSelect > .optWrapper.multiple > .options > li span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13);
  border-radius: 0px 0px 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #dbdbdb;
  border-radius: 0px 0px 0px 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0px 0px 3px 0px;
}

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options > li {
  padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options > li {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

/*selected state
.SumoSelect > .optWrapper.multiple > .options > li.selected span i:after,
.SumoSelect .select-all.selected > span i:after{content: '';position: absolute;width: 11px;height: 11px;top: 2px;left: 2px;background-color: rgb(17, 169, 17);border-radius: 2px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);}
*/
.SumoSelect > .optWrapper.multiple > .options > li.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: #11a911;
  box-shadow: none;
  border-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center;
}

/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none;
}

/**Select all button**/
.SumoSelect .select-all {
  border-radius: 3px 3px 0px 0px;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0px 3px 35px;
  height: 20px;
}

.SumoSelect .select-all > span i {
  cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
  background-color: #ccc;
}

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options > li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: url(../images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
/* Owl carousel theme styles */
.owl-theme .owl-controls {
  text-align: center;
}

/* Next and Prev buttons */
.owl-buttons div {
  display: block;
  position: absolute;
  transition: all 0.3s ease 0s;
}
.owl-buttons div span {
  display: none;
}

/* Pagination */
.owl-pagination {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
}
.home .owl-pagination {
  display: none;
}
.owl-pagination .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.owl-pagination .owl-page span {
  background: none repeat scroll 0 0 #ededed;
  border-radius: 50%;
  display: block;
  height: 8px;
  margin: 0 4px;
  width: 8px;
  opacity: 0.5;
}
.owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span {
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(../images/loader.gif) no-repeat center center;
}

/* Slider theme.
------------------------------------------------------------ */
.row-slider {
  position: relative;
  border-bottom: 10px solid #364e5a;
}
.row-slider::before {
  background: url("../images/sep01.png") repeat-y scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 66.8%;
  position: absolute;
  top: 0;
  width: 9px;
}
@media (max-width: 767px) {
  .row-slider::before {
    display: none;
  }
}
.row-slider .container {
  background: #364e5a;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
}
.row-slider .scrolling-text {
  margin-top: 1px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  text-transform: uppercase;
  color: #a6bdc9;
  background: #4a6573;
  overflow: hidden;
  margin-right: 61px;
  position: relative;
}
@media (max-width: 1199px) {
  .row-slider .scrolling-text {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .row-slider .scrolling-text {
    font-size: 12px;
  }
}
.row-slider .scrolling-text .inner {
  position: absolute;
  white-space: nowrap;
}
.row-slider .scrolling-text::after {
  content: '';
  background: url("../images/grad1.png");
  position: absolute;
  right: 0;
  top: 0;
  width: 62px;
  height: 30px;
}
.row-slider .banners {
  position: relative;
}
.row-slider .banners a {
  display: block;
}
@media (max-width: 767px) {
  .row-slider .banners a {
    float: left;
    width: 33.3%;
  }
}
@media (max-width: 479px) {
  .row-slider .banners a {
    width: 100%;
    margin-bottom: 10px;
  }
}
.row-slider .banners a:hover {
  opacity: .9;
}
.row-slider .banners a img {
  width: 100%;
}

.slides > li {
  position: relative;
}

.flexslider .flex-direction-nav {
  background: #364e5a;
  bottom: -31px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.flexslider .flex-direction-nav li {
  float: left;
}
.flexslider .flex-direction-nav a {
  display: block;
  height: 30px;
  width: 30px;
  font-size: 0;
  line-height: 0;
}
.flexslider .flex-direction-nav a.flex-prev {
  background: url("../images/arrow-prev.png");
}
.flexslider .flex-direction-nav a.flex-prev:hover {
  background-position: 0 100%;
}
.flexslider .flex-direction-nav a.flex-next {
  background: url("../images/arrow-next.png");
  border-left: 1px solid #364e5a;
}
.flexslider .flex-direction-nav a.flex-next:hover {
  background-position: 0 100%;
}

/* -------------------------------------------------------------------------------------------------------------------
                                                  General elements
------------------------------------------------------------------------------------------------------------------- */
* {
  box-sizing: border-box;
}

body {
  font-family: "Ubuntu", sans-serif;
  color: #d4d5d6;
  font-size: 14px;
  line-height: 1.5;
  background: #18394a;
  overflow: hidden;
}
body.loaded {
  overflow: auto;
}
@media (max-width: 767px) {
  body {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  body {
    font-size: 12px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

p {
  padding-bottom: 15px;
}

a {
  color: #708690;
  text-decoration: none;
}
a:hover {
  outline: none;
  text-decoration: none;
  color: #236689;
}

blockquote {
  background: url("../images/icons/icon-quote.png") no-repeat scroll 0 6px transparent;
  font-style: italic;
  font-weight: 300;
  padding: 0 0 10px 40px;
}

.featured-thumbnail {
  line-height: 0;
}

.wrap-info {
  overflow: hidden;
}

.site-preloader {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: url("../images/site-preloader.gif") 50% 50% no-repeat #eee;
}
.loaded .site-preloader {
  transition: all .3s linear 0s;
  height: 0;
}

/* Buttons & Links
------------------------------------------------------------ */
/* Default button */
.btn, .site-content .widget.widget_tag_cloud .tagcloud a, .site input[type="submit"] {
  color: #d4d5d6;
  background: #192e38;
  border: none;
  font-family: "Ubuntu", sans-serif;
  word-spacing: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
  position: relative;
}
@media (max-width: 767px) {
  .btn, .site-content .widget.widget_tag_cloud .tagcloud a, .site input[type="submit"] {
    font-size: 12px;
    padding: 0 14px;
    line-height: 30px;
    height: 30px;
  }
}
.btn::before, .site-content .widget.widget_tag_cloud .tagcloud a::before, .site input[type="submit"]::before {
  content: '';
  position: absolute;
  left: 15px;
  top: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #192e38 transparent;
  transition: all 0.3s ease-out 0s;
}
.btn:hover, .site-content .widget.widget_tag_cloud .tagcloud a:hover, .site input[type="submit"]:hover, .btn:focus, .site-content .widget.widget_tag_cloud .tagcloud a:focus, .site input[type="submit"]:focus, .btn:active, .site-content .widget.widget_tag_cloud .tagcloud a:active, .site input[type="submit"]:active {
  color: #192e38;
  background: #f0f0f0;
}
.btn:hover::before, .site-content .widget.widget_tag_cloud .tagcloud a:hover::before, .site input[type="submit"]:hover::before, .btn:focus::before, .site-content .widget.widget_tag_cloud .tagcloud a:focus::before, .site input[type="submit"]:focus::before, .btn:active::before, .site-content .widget.widget_tag_cloud .tagcloud a:active::before, .site input[type="submit"]:active::before {
  border-color: transparent transparent #f0f0f0 transparent;
}

/* Primary link */
.details {
  color: #d4d5d6;
  background: #192e38;
  display: inline-block;
  margin: 0 10px 0 0;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  word-spacing: 3px;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 767px) {
  .details {
    padding: 0 14px;
    line-height: 30px;
    height: 30px;
  }
}
.details:hover, .details:focus, .details.active {
  color: #192e38;
  background: #f0f0f0;
}

/* Secondary read more. */
.link {
  background: url("../images/link-arrow.gif") no-repeat scroll 100% 50%;
  color: #9caac0;
  font-weight: 700;
  padding: 0 20px 0 0;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
}

/* Content shortcode read more link */
.readmore {
  position: relative;
  padding: 0 10px 0 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  transition: .3s;
}
.readmore::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #708690;
  transition: .3s;
}
.readmore:hover {
  color: #b1e3ff;
}
.readmore:hover::after {
  border-color: transparent transparent transparent #b1e3ff;
  right: -4px;
}

/* Default list */
.list ul {
  margin: 0;
  padding-bottom: 20px;
  padding-left: 5px;
}
.list ul li {
  color: #6793a8;
  display: block;
  padding-left: 20px;
  margin-bottom: 5px;
  background: url("../images/list-arrow.gif") no-repeat 0 7px;
  font-weight: 300;
}
.list ul li a:hover {
  text-decoration: underline;
}
.list ul li ul {
  padding: 10px 0 0;
}
.list ul li ul li {
  padding-bottom: 5px;
}
.list ul li ul li:before {
  background: #fff;
  border: 1px solid #777;
  height: 6px;
  left: 8px;
  top: 9px;
  width: 6px;
}

/* Ordered List */
ol li {
  list-style: inside none decimal;
  padding: 0 0 5px 5px;
}

/* Default classes.
------------------------------------------------------------ */
.wrapper {
  overflow: hidden;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.spacer {
  clear: both;
  float: none;
  height: 20px;
}

.center {
  text-align: center;
}

.clear {
  float: none;
  clear: both;
  height: 0;
}

/* Form fields.
------------------------------------------------------------ */
.site input[type='text'],
.site input[type='email'],
.site input[type='password'],
.site input[type='tel'],
.site input[type='url'],
.site input[type='search'],
.site textarea,
.site select {
  outline: none;
  background: #29363c;
  border: 1px solid #566e7a;
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  padding: 8px 15px;
  width: 100%;
  color: #d4d5d6;
  font-family: "Ubuntu", sans-serif;
}
.site input[type='text']:hover,
.site input[type='email']:hover,
.site input[type='password']:hover,
.site input[type='tel']:hover,
.site input[type='url']:hover,
.site input[type='search']:hover,
.site textarea:hover,
.site select:hover {
  border-color: #6b8490;
}
.site input[type='text']:focus,
.site input[type='email']:focus,
.site input[type='password']:focus,
.site input[type='tel']:focus,
.site input[type='url']:focus,
.site input[type='search']:focus,
.site textarea:focus,
.site select:focus {
  border-color: #8598a1;
  background: #29404b;
}
.site textarea {
  max-height: 147px;
  padding: 15px;
}
.site select {
  padding: 7px 5px;
  width: 160px;
  height: 34px;
}
.site input[type="submit"] {
  color: #86a1ae;
  margin-top: 0;
}
.site input[type="submit"]::before {
  display: none;
}

/* Tables inside content pages.
------------------------------------------------------------ */
article table,
div.table table {
  width: 100%;
  background: #192e38;
}
article table caption, article table th, article table td,
div.table table caption,
div.table table th,
div.table table td {
  text-align: center;
  padding: 5px;
  border: 1px solid #566e7a;
}
article table caption,
div.table table caption {
  font-weight: bold;
  padding: 7px 0;
  font-size: 16px;
  border: none;
}
article table th,
div.table table th {
  font-weight: bold;
  background: #28485A;
}
article table td a,
div.table table td a {
  font-weight: bold;
}
article table td a:hover,
div.table table td a:hover {
  color: #fff;
}
article table tr:hover td,
div.table table tr:hover td {
  background: #1c343f;
}

/* Images.
------------------------------------------------------------ */
.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
@media (max-width: 479px) {
  .alignleft {
    float: none;
    display: block;
    margin-right: 0;
  }
}

.alignright {
  float: right;
  margin: 0 0 10px 20px;
}
@media (max-width: 479px) {
  .alignright {
    float: none;
    display: block;
    margin-left: 0;
  }
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

img.border {
  border: 1px solid #cac9be;
}

/* General site layout controls.
------------------------------------------------------------ */
#content {
  position: relative;
}
#content::before {
  content: '';
  background: url("../images/px1.png") repeat-x scroll 0 0;
  height: 589px;
  left: 0;
  position: absolute;
  top: 35px;
  width: 100%;
}
#content::after {
  content: '';
  background: url("../images/px2.png") repeat-x scroll 0 0;
  height: 131px;
  left: 0;
  position: absolute;
  top: -80px;
  width: 100%;
}

.site-content {
  position: relative;
  clear: both;
  overflow: hidden;
}
.site-content::before {
  content: '';
  position: absolute;
  background: url("../images/mic1.png");
  height: 762px;
  left: 50%;
  margin-left: -830px;
  top: 40px;
  width: 360px;
  z-index: 1;
}
.site-content::after {
  content: '';
  position: absolute;
  background: url("../images/mic2.png");
  height: 895px;
  margin-right: -810px;
  right: 50%;
  top: 60px;
  width: 441px;
}
.error404 .site-content::before, .error404 .site-content::after {
  display: none;
}
.site-content > .container {
  background: #364e5a;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
  border-top: 20px solid #364e5a;
  border-bottom: 20px solid #364e5a;
}
.home .site-content > .container {
  border-bottom: none;
}
.home .site-content {
  padding: 0;
}

.main-column {
  position: relative;
}
.main-column::after {
  background: url("../images/sep01.png") repeat-y scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  right: -19px;
  position: absolute;
  top: 0;
  width: 9px;
}
@media (max-width: 767px) {
  .main-column::after {
    display: none;
  }
}
.home .main-column::after, .error404 .main-column::after, .search .main-column::after, .page-template-default .main-column::after, .page-template-page-portfolio .main-column::after, .tax-portfolio_category .main-column::after, .page-template-page-fullwidth .main-column::after {
  display: none;
}

.width {
  width: 1170px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .width {
    width: 100%;
    max-width: 760px;
  }
}
@media (max-width: 767px) {
  .width {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.w100 {
  width: 100%;
}

.w50 {
  width: 50%;
}

.w33 {
  width: 33.3%;
}

.w25 {
  width: 25%;
}

@media (max-width: 767px) {
  .row {
    margin: 0;
  }

  [class*='col-'] {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  [class*='col-']:first-child, .wpcf7-form [class*='col-'] {
    margin-top: 0;
  }
}
/* Titles
------------------------------------------------------------ */
h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 900;
  font-size: 36px;
  color: #192e38;
  line-height: 1.2;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
  padding: 0 0 20px 0;
}
h1 span {
  font-style: italic;
}
@media (max-width: 1199px) {
  h1 {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 24px;
    padding: 0 0 15px;
  }
}
@media (max-width: 479px) {
  h1 {
    font-size: 20px;
  }
}

h2 {
  background: #192e38;
  color: #d4d5d6;
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  line-height: 1.3;
  font-weight: normal;
  padding: 20px;
  margin-bottom: 22px;
  position: relative;
  text-transform: uppercase;
}
h2::after {
  content: '';
  position: absolute;
  left: 20px;
  bottom: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 10px 0 10px;
  border-color: #192e38 transparent transparent transparent;
}
@media (max-width: 1199px) {
  h2 {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  h2 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  h2 {
    font-size: 14px;
  }
}

h3 {
  font-weight: 700;
  font-size: 22px;
  color: #cbcbcb;
  line-height: 1.1;
  padding: 0 0 20px 0;
}
h3 a {
  text-decoration: none;
}
@media (max-width: 1199px) {
  h3 {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  h3 {
    font-size: 18px;
    text-shadow: none;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  h3 {
    font-size: 14px;
  }
}

h4 {
  font-weight: 700;
  font-size: 14px;
  color: #d4d5d6;
  padding: 0 0 5px;
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  h4 {
    font-size: 13px;
  }
}

h5 {
  font-weight: 700;
  font-size: 14px;
  color: #d4d5d6;
  padding: 0 0 5px;
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  h5 {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  h5 {
    font-size: 13px;
  }
}

h6 {
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  color: #d4d5d6;
  padding: 0 0 10px 0;
}

/* -------------------------------------------------------------------------------------------------------------------
                                                  Sidebars
------------------------------------------------------------------------------------------------------------------- */
/* Common rules for all sidebars
------------------------------------------------------------ */
.sidebar {
  position: relative;
  z-index: 1;
}
.sidebar .widget {
  margin-bottom: 25px;
  border: 1px solid #192e38;
}
.sidebar .widget:last-child {
  margin-bottom: 0;
}
.sidebar .block {
  margin-bottom: 20px;
}
.sidebar .widget_nav_menu h2 {
  margin: 0;
}
.sidebar .widget_nav_menu li {
  display: block;
}
.sidebar .widget_nav_menu a {
  background: #c5d2d8;
  font-weight: bold;
  line-height: 1;
  padding: 12px 20px;
  text-transform: uppercase;
  color: #273c47;
  display: block;
  border-bottom: 1px solid #a8b8bf;
  border-left: 4px solid #84a3b1;
}
.sidebar .widget_nav_menu a:hover {
  color: #236689;
  background: #e2e9ec;
  border-left-color: #236689;
}
.sidebar .widget_nav_menu li.current-menu-item > a {
  color: #236689;
  background: #e2e9ec;
  border-left-color: #236689;
}
.sidebar .block-decor {
  padding: 2px;
  background: #d4d5d6;
}
.sidebar .block-decor p {
  border-top: 1px solid #b4babd;
  padding: 10px;
  font-size: 12px;
  color: #425057;
}
.sidebar .block-decor p a {
  font-weight: bold;
  color: #273c47;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sidebar .block-decor p:hover {
  background: #eaeaeb;
}
.sidebar .block-decor p:hover a {
  color: #236689;
}
.sidebar .banner {
  line-height: 0;
}
@media (max-width: 767px) {
  .sidebar .banner {
    border: none;
  }
}
.sidebar .banners p {
  padding: 0;
  line-height: 0;
}
.sidebar .banners a {
  display: block;
  margin-bottom: 10px;
}
.sidebar .banners a:last-child {
  margin-bottom: 0;
}

/* Secondary sidebar
------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------------
                                                  Main rows
------------------------------------------------------------------------------------------------------------------- */
.row-page-content {
  position: relative;
  border-top: 20px solid #364e5a;
  border-bottom: 20px solid #364e5a;
}
.row-page-content::before {
  background: url("../images/sep01.png") repeat-y scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 66.4%;
  position: absolute;
  top: 0;
  width: 9px;
}
@media (max-width: 767px) {
  .row-page-content::before {
    display: none;
  }
}

/* -------------------------------------------------------------------------------------------------------------------
                                                  Blog page
------------------------------------------------------------------------------------------------------------------- */
/* Single item page.
------------------------------------------------------------ */
.single-post .title-section {
  border-bottom: 1px solid #bbb;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 0 10px;
}
.single-post time {
  font-size: 12px;
  text-transform: uppercase;
}
.single-post .share-networks {
  float: right;
}

/* -------------------------------------------------------------------------------------------------------------------
                                              Content types
------------------------------------------------------------------------------------------------------------------- */
/* Single staff page.
------------------------------------------------------------ */
.single-staff article .featured-thumbnail {
  float: left;
  margin: 0 20px 10px 0;
  border: 1px solid #192e38;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .single-staff article .featured-thumbnail {
    float: none;
    display: inline-block;
    margin: 0 0 20px 0;
  }
}

/* -------------------------------------------------------------------------------------------------------------------
                                              Content output via shortcodes
------------------------------------------------------------------------------------------------------------------- */
/* Popular posts shortcode ouput.
------------------------------------------------------------ */
ul.popular_posts li {
  overflow: hidden;
  margin-bottom: 30px;
}
ul.popular_posts .featured-thumbnail {
  float: left;
}

/* Latest posts on the home page.
------------------------------------------------------------ */
ul.block-recent-posts li {
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 15px;
  color: #c4c4c4;
  border-bottom: 1px solid #364e5a;
}
ul.block-recent-posts .wrap-info {
  padding: 6px 0 0;
}
ul.block-recent-posts h5 {
  font-size: 14px;
  padding: 0;
}
ul.block-recent-posts h5 a {
  color: #ffd942;
  font-weight: bold;
  border-bottom: 1px dotted #ffd942;
}
ul.block-recent-posts h5 a:hover {
  border: none;
}
ul.block-recent-posts .meta {
  color: #fff;
  display: block;
  float: left;
  width: 94px;
  line-height: 1;
  font-family: "Oswald", sans-serif;
}
ul.block-recent-posts .meta .day {
  display: block;
  font-weight: bold;
  font-size: 50px;
}
ul.block-recent-posts .meta .month {
  font-size: 16px;
  font-weight: 300;
}
ul.block-recent-posts .excerpt {
  clear: both;
  padding: 7px 0 0;
}

/* Owl Carousel -> Programs post type.
------------------------------------------------------------ */
ul.programs-carousel {
  padding: 10px 0;
  background: #192e38;
  margin: 0 -15px;
  width: auto;
}
ul.programs-carousel > li {
  float: left;
}
ul.programs-carousel li {
  padding: 0 15px;
}
ul.programs-carousel li .featured-thumbnail a {
  font-size: 0;
  line-height: 0;
  display: block;
}
ul.programs-carousel li .featured-thumbnail img {
  width: 100%;
}
ul.programs-carousel li h5 {
  font-size: 14px;
  font-weight: normal;
  background: #354c58;
  text-align: center;
  padding: 10px 0;
  position: relative;
}
@media (max-width: 1199px) {
  ul.programs-carousel li h5 {
    font-size: 13px;
  }
}
@media (max-width: 992px) {
  ul.programs-carousel li h5 {
    font-size: 12px;
  }
}
ul.programs-carousel li h5::before {
  content: '';
  position: absolute;
  left: 14px;
  top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #354c58 transparent;
}
ul.programs-carousel li h5 a {
  text-decoration: none;
  color: #86a1ae;
}
ul.programs-carousel li h5 a:hover {
  color: #b1e3ff;
}
ul.programs-carousel li:hover .wrap-info {
  height: 50%;
}
ul.programs-carousel li:hover img {
  opacity: .85;
}
ul.programs-carousel .owl-buttons div {
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px;
  margin-top: -15px;
  z-index: 10;
  font-size: 0;
  line-height: 0;
}
ul.programs-carousel .owl-buttons div.owl-prev {
  background: url("../images/arrow-prev.png");
  box-shadow: 2px 2px 0 2px rgba(0, 0, 0, 0.6);
  left: 0;
}
ul.programs-carousel .owl-buttons div.owl-next {
  background: url("../images/arrow-next.png");
  box-shadow: -2px 2px 0 2px rgba(0, 0, 0, 0.6);
  right: 0;
}
ul.programs-carousel .owl-buttons div:hover {
  background-position: 0 100%;
}

/* Popular DJ`s on the home page.
------------------------------------------------------------ */
ul.popular-dj {
  overflow: hidden;
}
ul.popular-dj li {
  float: left;
  padding: 0 15px 15px 15px;
  width: 50%;
}
@media (max-width: 992px) {
  ul.popular-dj li {
    width: 100%;
    padding-bottom: 20px;
  }
  ul.popular-dj li:last-child {
    padding-bottom: 5px;
  }
}
ul.popular-dj li .featured-thumbnail {
  float: left;
  margin: 0 10px 0 0;
}
ul.popular-dj li .featured-thumbnail a {
  display: block;
}
ul.popular-dj li h5 a {
  color: #d4d5d6;
}
ul.popular-dj li h5 a:hover {
  color: #b1e3ff;
}
ul.popular-dj li .excerpt {
  font-size: 12px;
  line-height: 1.3;
  color: #a3abad;
}

/* Latest posts on the home page(right sidebar).
------------------------------------------------------------ */
.block.latest-posts {
  background: #d4d5d6;
  border: 1px solid #192e38;
  padding: 2px;
}
.block.latest-posts h2 {
  color: #d4d5d6;
}

ul.latest-posts {
  overflow: hidden;
}
ul.latest-posts li {
  padding: 0 5px 20px 10px;
}
@media (max-width: 992px) {
  ul.latest-posts li {
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
  }
}
ul.latest-posts li .meta {
  display: block;
  float: left;
  margin-right: 10px;
  width: 59px;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  background: #273c47;
  color: #d4d5d6;
}
@media (max-width: 992px) {
  ul.latest-posts li .meta {
    width: 40px;
    padding: 5px 0;
  }
}
ul.latest-posts li .meta span {
  display: block;
  font-size: 26px;
  font-family: "Oswald", sans-serif;
  line-height: 1;
}
@media (max-width: 992px) {
  ul.latest-posts li .meta span {
    font-size: 18px;
  }
}
ul.latest-posts li .meta span.months {
  font-size: 14px;
  padding-top: 4px;
  font-family: "Ubuntu", sans-serif;
}
@media (max-width: 992px) {
  ul.latest-posts li .meta span.months {
    font-size: 12px;
  }
}
ul.latest-posts li h4 {
  font-size: 14px;
  color: #192e38;
}
@media (max-width: 992px) {
  ul.latest-posts li h4 {
    font-size: 13px;
    line-height: 1.2;
    padding-bottom: 0;
  }
}
ul.latest-posts li .excerpt {
  color: #425057;
  font-size: 12px;
}
ul.latest-posts li a {
  display: block;
}
ul.latest-posts li a:hover .meta {
  background: #6ba6c5;
}
ul.latest-posts li a:hover h4 {
  color: #236689;
}

/* Output all staff members (about page).
------------------------------------------------------------ */
ul.staff-list {
  overflow: hidden;
  margin: 0 -15px;
}
@media (max-width: 479px) {
  ul.staff-list {
    margin: 0;
  }
}
@media (max-width: 767px) {
  ul.staff-list li {
    width: 33.3%;
    float: left;
    padding: 0 15px;
    margin: 0;
  }
}
@media (max-width: 479px) {
  ul.staff-list li {
    width: 100%;
    padding: 0 0 30px;
  }
}
ul.staff-list li .featured-thumbnail {
  margin-bottom: 20px;
}
ul.staff-list li .featured-thumbnail img {
  width: 100%;
}
ul.staff-list li .excerpt {
  margin-bottom: 10px;
}

/* DJ list (dj page).
------------------------------------------------------------ */
.featured-dj li {
  margin-bottom: 30px;
}
.featured-dj .featured-thumbnail {
  float: left;
  margin-right: 15px;
}
@media (max-width: 479px) {
  .featured-dj .featured-thumbnail {
    float: none;
    margin: 0 0 20px 0;
  }
}
.featured-dj h5 a {
  color: #d4d5d6;
}
.featured-dj h5 a:hover {
  color: #708690;
}

/* Show list (shows page).
------------------------------------------------------------ */
.show-list li {
  margin-bottom: 20px;
  color: #a3abad;
}
.show-list .featured-thumbnail {
  margin-bottom: 10px;
}
.show-list h5 a {
  color: #d4d5d6;
}
.show-list h5 a:hover {
  color: #708690;
}

/* List all programs (programs page).
------------------------------------------------------------ */
.programs-list-all li {
  margin-bottom: 20px;
  color: #a3abad;
}
.programs-list-all .featured-thumbnail {
  margin-bottom: 10px;
}
.programs-list-all h5 a {
  color: #d4d5d6;
}
.programs-list-all h5 a:hover {
  color: #708690;
}

/* -------------------------------------------------------------------------------------------------------------------
                                              Custom blocks
------------------------------------------------------------------------------------------------------------------- */
/* Block with darker background.
------------------------------------------------------------ */
.block-dark {
  background: #192e38;
  padding: 4px 4px 10px 4px;
  overflow: hidden;
}
.block-dark h2 {
  background: #273c47;
}
.block-dark h2::after {
  border-color: #273c47 transparent transparent transparent;
}
.block-dark h3 {
  background: #273c47;
  padding: 10px 0 10px 10px;
  margin-bottom: 10px;
}
.block-dark p {
  padding-left: 10px;
}
.block-dark .btn, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a, .block-dark .site input[type="submit"], .site .block-dark input[type="submit"] {
  background: #364e5a;
  color: #86a1ae;
}
.block-dark .btn::before, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a::before, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a::before, .block-dark .site input[type="submit"]::before, .site .block-dark input[type="submit"]::before {
  border-color: transparent transparent #364e5a transparent;
}
.block-dark .btn:hover, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a:hover, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a:hover, .block-dark .site input[type="submit"]:hover, .site .block-dark input[type="submit"]:hover, .block-dark .btn:focus, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a:focus, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a:focus, .block-dark .site input[type="submit"]:focus, .site .block-dark input[type="submit"]:focus, .block-dark .btn:active, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a:active, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a:active, .block-dark .site input[type="submit"]:active, .site .block-dark input[type="submit"]:active {
  color: #192e38;
  background: #f0f0f0;
}
.block-dark .btn:hover::before, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a:hover::before, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a:hover::before, .block-dark .site input[type="submit"]:hover::before, .site .block-dark input[type="submit"]:hover::before, .block-dark .btn:focus::before, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a:focus::before, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a:focus::before, .block-dark .site input[type="submit"]:focus::before, .site .block-dark input[type="submit"]:focus::before, .block-dark .btn:active::before, .block-dark .site-content .widget.widget_tag_cloud .tagcloud a:active::before, .site-content .widget.widget_tag_cloud .tagcloud .block-dark a:active::before, .block-dark .site input[type="submit"]:active::before, .site .block-dark input[type="submit"]:active::before {
  border-color: transparent transparent #f0f0f0 transparent;
}

/* Map on the contact page.
------------------------------------------------------------ */
.block.location {
  line-height: 0;
  padding: 5px;
}
.block.location h2 {
  margin: 0;
}
.block.location p {
  padding: 0;
}
@media (max-width: 767px) {
  .block.location iframe {
    max-height: 200px;
  }
}

/* Radio wave background (animated via js).
------------------------------------------------------------ */
.wave_wrapper {
  height: 390px;
  left: 0;
  position: absolute;
  top: 150px;
  width: 100%;
}
.wave_wrapper .wave {
  background: url("../images/wave-bg.png") repeat-x scroll 0 0;
  height: 390px;
  margin-left: -100px;
  margin-right: -100px;
}

/* -------------------------------------------------------------------------------------------------------------------
                                                  Footer
------------------------------------------------------------------------------------------------------------------- */
.site-footer {
  overflow: hidden;
}
.site-footer .container {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
}
@media (max-width: 767px) {
  .site-footer .container {
    padding: 0;
  }
}
.site-footer .footer-section h4 {
  color: #d4d5d6;
}
.site-footer .footer-section .footer-blocks-top {
  padding: 30px 5px;
  background: #192e38;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .site-footer .footer-section .footer-blocks-top .widget_nav_menu {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .site-footer .footer-section .footer-blocks-top .widget_nav_menu.programs {
    width: 50%;
  }
  .site-footer .footer-section .footer-blocks-top .widget_nav_menu.programs li {
    width: 47.5%;
    float: left;
  }
  .site-footer .footer-section .footer-blocks-top .widget_nav_menu.programs li:nth-child(2n-1) {
    margin-right: 5%;
  }
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu li {
  display: block;
  border-bottom: 1px solid #2f414a;
  padding: 7px 0;
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu li.current-menu-item a {
  color: #b1e3ff;
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu li.current-menu-item a::before {
  color: #fefefe;
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu a {
  color: #8da2ac;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 15px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .site-footer .footer-section .footer-blocks-top .widget_nav_menu a {
    text-transform: none;
  }
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu a::before {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 10px;
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu a:hover {
  color: #b1e3ff;
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu a:hover::before {
  color: #fefefe;
}
.site-footer .footer-section .footer-blocks-top .widget_nav_menu .sub-menu {
  display: none;
}
.site-footer .footer-section .footer-blocks-bottom {
  padding: 30px 0;
  background: #0e1a1f;
}
@media (max-width: 767px) {
  .site-footer .footer-section .footer-blocks-bottom .widget {
    margin-top: 10px;
    text-align: center;
  }
}
.site-footer .footer-section .footer-blocks-bottom .widget.logo .logo {
  padding: 10px 0 0 5px;
}
.site-footer .footer-section .footer-blocks-bottom .widget.phone {
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}
.site-footer .footer-section .footer-blocks-bottom .widget.phone::before, .site-footer .footer-section .footer-blocks-bottom .widget.phone::after {
  content: '';
  position: absolute;
  background: url("../images/sep02.png");
  top: 0;
  width: 7px;
  height: 100%;
}
@media (max-width: 767px) {
  .site-footer .footer-section .footer-blocks-bottom .widget.phone::before, .site-footer .footer-section .footer-blocks-bottom .widget.phone::after {
    display: none;
  }
}
.site-footer .footer-section .footer-blocks-bottom .widget.phone::before {
  left: 0;
}
.site-footer .footer-section .footer-blocks-bottom .widget.phone::after {
  right: 0;
}
.site-footer .footer-section .footer-blocks-bottom .widget.phone .text-block {
  padding: 16px 10px 16px 20px;
}
.site-footer .footer-section .footer-blocks-bottom .widget.phone strong {
  display: block;
  font-size: 24px;
}
.site-footer .footer-section .footer-blocks-bottom .widget.social-icons .text-block {
  padding: 25px 0 0 10px;
}
@media (max-width: 767px) {
  .site-footer .footer-section .footer-blocks-bottom .widget.social-icons .text-block {
    padding: 15px 0 0 0;
  }
}
.site-footer .footer-section .footer-blocks-bottom .widget.social-icons a {
  font-size: 0;
  line-height: 0;
  display: block;
  float: left;
  padding: 0 10px;
  color: #fff;
}
@media (max-width: 767px) {
  .site-footer .footer-section .footer-blocks-bottom .widget.social-icons a {
    float: none;
    display: inline-block;
  }
}
.site-footer .footer-section .footer-blocks-bottom .widget.social-icons a i {
  opacity: .2;
  transition: .3s;
  font-size: 24px;
}
.site-footer .footer-section .footer-blocks-bottom .widget.social-icons a:hover i {
  opacity: .4;
}
.site-footer .copyright {
  background: #0e1a1f;
  border-top: 1px solid #192e38;
  color: #4b5d66;
  padding: 24px 25px;
  font-size: 12px;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .site-footer .copyright {
    margin: 0;
    text-align: center;
  }
}
