/**
 * Place your custom styles here.
 */

body {background:#fff; color:#222; margin-top:0; font-size:15px; font-weight:300; }

/*.fontyourface  p, .fontyourface div {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300; line-height: 28px;
}*/

/*
p, div {font-size:16px;}
*/
/**/.fontyourface #toolbar-administration  p, .fontyourface #toolbar-administration div {font-size:14px;}

#toolbar-administration a, toolbar-administration a:link, toolbar-administration a:visited {font-family: "Open Sans"; font-weight:300;}

#toolbar-administration {
    font-size: small;
    line-height: 1;
}




p {
    margin: 0 0 30px;
}

a {
    transition: all .45s ease;
    outline: 0!important;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
}


h2, .h2 {
    font-size:25px; text-transform:none; font-weight:bold;
}

h2, .h2, h3, .h3 {
    margin-bottom: 10px;
    margin-top: 15px;
}

a, a:link, a:visited {
    color: #448ac6;
    text-decoration: none; font-weight:bold;
}

h2 a, h2 a:link, h2 a:visited {

}

a:hover {text-decoration:underline; color:#3b3298;}




/* general declerations */

.full-width {width:100%;}

ul.tabs--primary {margin-bottom:10px;}

.alert {margin-top:20px;}




h2.block-title {
    background:none; padding:20px 0px 15px 0px; margin: 20px 0 20px 0;
    font-size: 34pt;letter-spacing: -0.02em; color:#333;
    border-bottom:0px solid #ddd;
}

.block h2.block-title {
    background:none;
    padding:10px 0px 0px 0px;
    margin: 0px 0 20px 0;
    font-size: 34pt;letter-spacing: -0.02em; color:#333;
    border-bottom:0px solid #ddd;
}


.page-header {
    border-bottom: 2px solid #333;
    margin: 0px 0 0px;
    padding-bottom: 9px;
}


/*.navbar-brand {display:none;}*/





/* buttons */

.btn {
    display: inline-block;
    padding: 10px 15px;
    margin-bottom: 0; margin-top:15px;
    font-size:19px; font-weight:300;
    border: 1px solid transparent;
    border-radius: 0px;
}



/* user */

.user-logged-in .label {color:#222;}

.user-logged-in .field--name-user-picture {float:left; margin-right:10px;}









/* #################################### */
/* header colors ############### */

#verytop-container {padding: 15px 0 10px 0;}



/* header padding mobile */

@media(max-width:480px){
    #verytop-container .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right:0px; margin-left:0px;
    }
}





/* top right */

.region-verytop-right {text-align:right;}
.region-verytop-right section {float:right;}
.region-verytop-right .button-style {margin-left:20px; padding: 25px 10px;}








/* ######################################################### */


.region-sidebar-second h2 {
    margin-bottom: 10px;
    margin-top: 0px;
}




#page-header {display:block;}








/* ############################################## */
/* homepage 3 blocks  */

#views-bootstrap-hp-block-block-1 .views-field-title {padding:20px 30px 0px 30px; font-weight:800;}
#views-bootstrap-hp-block-block-1 .views-field-body {padding:5px 30px 30px 30px;}

#views-bootstrap-hp-block-block-1 img {width:100%;}

#views-bootstrap-hp-block-block-1 h2 {margin:0;}



/* ######################################################### */
/* home page blocks */
/**/

.view-hp-block .col .views-field .hp_block {
    background: #455084; padding:20px; margin-bottom:15px;
}

.hp_block_block {}

.hp_block { display:block;  padding:0px;}

a:link.hp_block, a:visited.hp_block {background:#455084;}

a:hover.hp_block  {background:#2c3564;}

.hp_block_title {display:block; font-size:15pt; padding: 30px 30px 20px 30px; text-transform: uppercase;}
.hp_block_body  {display:block; padding: 0px 30px 20px 30px; font-weight:100;   }

#views-bootstrap-hp-block-block-1 a,
#views-bootstrap-hp-block-block-1 a:link,
#views-bootstrap-hp-block-block-1 a:visited {font-weight:100; color:#fff; min-height:450px;}

a.hp_block,
a.hp_block:link,
a.hp_block:visited {font-weight:100; color:#fff;/* min-height:450px;*/ margin-bottom:20px;}

/* ############################################################## */



























/* ################################################################ */
/* homepage banner */

#block-views-block-homepage-banner-block-1 {
    background-size: cover;
    background-position: center right;
}

.homepage-banner {text-align:center;}

.homepage-banner .views-field-title a:link, .homepage-banner .views-field-title a:visited {color:#ccc;}

.homepage-banner .views-field-title h2 { font-family: Open Sans; font-size:53pt; letter-spacing: -0.03em; padding:0px; margin:5px; color:#ccc;}
.homepage-banner .views-field-body p{ font-size:22pt; line-height:25pt; color:#fff; padding: 20px 0 20px 0;}

.banner .view-content {max-width:900px; margin:0 auto; padding: 90px 0 90px 0;}


@media (max-width: 480px) {
    .homepage-banner .views-field-title h2 {font-size:37pt;}
    .banner .view-content {  padding: 20px 0 20px 0;}
}


.region-banner h2 {visibility: hidden;}



/* homepage banner button */
/* button style link */


.banner .button-style { visibility: hidden; }

.button-style a, a.button-style, .button-style a:link, .button-style a:visited {
    background:#069b14; color:#fff; padding:15px; font-weight:700;
    display:inline-block; margin: 5px; border:2px solid #fff;
}

.banner a.button-style:nth-child(2), .banner .button-style:nth-child(2) a:visited { background:#71a5ed; }
.banner a.button-style:nth-child(3), .banner .button-style:nth-child(3) a:visited { background:#2975e8; }


a.button-style:hover {color:#fff; background:#08106c; font-weight:700; text-decoration:none;}


/* NNNNNNNNNNNNNNNNNNNNNNNNNNNN */





/* ################################## */
/* content above */

#contentabove {background:#ede1e1;}









/* Flickity carousel ################################# */

.flickity-viewport .gallery-cell {width:320px; max-width:100%;}
.flickity-viewport .gallery-cell img,
.flickity-viewport .gallery-cell .views-field-body {width:300px; max-width:100%;}
.flickity-viewport .gallery-cell .views-field-field-image {}















h1.page-header {
     padding: 30px 0 10px ; margin-bottom:30px;
}





#block-homepageslide {padding: 65px 0 50px 0; max-width:1140px; margin-left: auto; margin-right: auto; }





















/* social icons ################### */

#block-views-block-social-links-block-1 {margin-top:-1px;}
#block-views-block-social-links-block-1 img {float:right; padding-left:4px; max-width:36px;}

@media(max-width:380px){

    #block-views-block-social-links-block-1 {display:none;}

}










/* ################################################### */
/* home page 3 blocks */

.view-hp-block .col {margin-top:20px;}

.view-hp-block .col .views-field-title  {padding:10px 10px 0 10px; background:#f3f3f3;}
.view-hp-block .col .views-field-body {padding:0 10px 17px 10px; background:#f3f3f3;}














/* ###################################### */
/* blog page */

.views-view-grid .row {margin-bottom:30px;}

.view-blog .views-row {overflow: auto; margin-bottom:50px; padding-bottom:50px; border-bottom: 1px solid #ddd;}
/*.view-blog .views-field-field-image {float:none; margin-left:0px; margin-bottom:15px; }*/

@media(min-width:769px){
    .view-blog .views-field-field-image {/*float:right; margin-left:0px; margin-bottom:15px; */}
}

.view-blog .views-row .btn {margin-top:20px;}




/* ########################### */
/* blog */

.views-more-link {display:block; max-width:9em; float:none; margin-top:15px; background:#e6e7e9; clear:both; padding:10px; margin-top:10px; text-align:center;}

.view-id-blog a, a.views-more-link, .views-more-link a:link, .views-more-link a:visited {color:#101030;}

a.views-more-link:hover {color:#fff; background:#6f6fa6;}


.page-node-type-article .content .col-sm-6 {max-width:75%; float:right; }

@media(max-width:679px){
    .page-node-type-article .content .col-sm-6 {padding-left:0; padding-right: 0; margin-bottom:15px; max-width:100%; }
}















/* ####################### */
/* image hover effect */
/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_fade */

.hover-container { display:block;
  position: relative;
  width: 100%;
}

.hover-container img {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {display:block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
  background: rgba(69, 80, 132, .5);
}

.hover-container:hover .overlay {
    display:block;
  opacity: 1;
    bottom: 0;
  height: 100%;
}
.hover-container:a {display:block;}
a.hover-link, .hover-link a:link, .hover-link a:visited {display:block; width:100%; height:100%;}


.hover-text {
    display:block;
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}




































/* maincontent ###########################################*/

#maincontent {
    margin-right: 0px; margin-left: 0px;
    padding:30px 0 50px 0;
    background:#fff; color:#444;
}

.region-content {margin-bottom:20px;}


#highlighted {
    margin-top: 0px; margin-bottom: 0px;
    padding:0px 0 0px 0;
    background:#f6f6f6;
}























/* NAV BAR ############################################### */

#block-logo {float:none; padding: 9px 0;}

#block-trboot-main-menu {float:right; padding-top:10px;}

#nav-container { background: rgba(75, 75, 75, 0.54); }

#navbar {margin:0 auto 0px auto; background: none;}

.navbar-default {
    background-color: none;
    border:none;
}
.navbar {
    border-radius: 0px;
}
.navbar {
    border: 0px solid transparent;
    margin-bottom: 20px;
    min-height: 30px;
    position: relative;
}
.navbar .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: none; /*0 1px 0 rgba(255, 255, 255, 0.1) inset;*/
    overflow-x: visible;
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none ;
}

.navbar-default .navbar-nav > li > a {
    color: #eee;
    font-size: 100%; font-weight:300;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
     background:#252739;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #646891;
}
.navbar-collapse nav { float:right; padding:5px 0; text-transform: uppercase; font-size:10.5pt;}

/* NAV BAR ############################################### */





#navbar {padding-left:0; padding-right:0;}

.region-navigation {float:left;}
.region-navigation img {padding: 10px 0 10px 0;}

.navbar-header {}



@media(max-width:767px){
    #navbar {padding-left:10px; padding-right:10px;}
    .region-navigation {float:right;}
    .region-navigation-collapsible nav {width:100%;}
}


.navbar-btn {
    margin-bottom: 0px;
    margin-top: 0px;
}


ul.navbar-nav {max-width:100%;}

.navbar-nav {
    margin: 0px 0px;
}

/* togle hover */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #6f6fa6;
}
/* toggle normal - no hover */
.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #767676;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}

/* 3 bars */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}


.nav > li {
    position: relative;
    display: block;
    max-width:100%;

}

.nav > li > a {
    position: relative;
    display: block;
margin-left:0px;

}




.region-header h1 {display:none;}













/* ####################################################### */
/* services page header */
/* ################################ */

#title {

    background:#666; margin: 0 auto 0auto;
}
#title div {text-align:center;}

#title .title {max-width:1100px; text-align:center; padding: 30px 0 60px 0; margin-bottom:30px;}

#title .title h1 {text-transform:uppercase; font-size:37pt; padding-bottom:10px; margin-bottom:20px; border-bottom:2px solid #f2e40f;}











/* ########################################################### */
/* homepage services block - 3 accross */

/* services blocks ############### */

.view-services .views-field-field-services-image {padding: 10px 0 10px 0;}

.view-services .col {padding-bottom:30px;}
.view-services {text-align:left;}

.view-services img {/*width:100%;*/}



@media(max-width:767px){

    #block-views-block-services-block-1 .col{ margin-bottom:60px;}
     #block-views-block-services-block-1 .row{ max-width:100%; margin-left:auto; margin-right:auto;}

    .view-services .col-xs-12, .view-services .col-sm-4, .view-services .col-md-4, .view-services .col-lg-4
    {
    /*padding-right: 15px; padding-left:15px; max-width:100%;*/ margin:0;
    }

}
















/* ################################################################ */
/* services page */



/* hide services titles - already in top block */
.page-node-type-services h1.page-header {display:none;}


#services_top {background:#eee;}

#services_top_container .views-field-body{margin-top:auto; margin-bottom: auto;}

#services_top .field-content img,
#services_bottom .field-content img{margin:0 auto 0 auto;}

.page-node-type-services #services_top_container, .page-node-type-services #services_bottom_container {padding: 40px 0 40px 0;}


.page-node-type-services #services_top .field-content p,
.page-node-type-services #services_bottom .field-content { font-size:19px;}






#toprow {overflow:auto;}

.services .field--name-field-services-image {float:right; margin: 0 50px 0 50px;}

#toprow .services .field--name-field-highlights {
    clear:both;
    margin:30px;
}

#toprow .field--name-body {margin: 50px;}




#secondrow {border-top:1px solid #ddd; margin-top:60px; padding-top:60px; margin-bottom:60px;padding-bottom:30px;}


.services .field--name-field-image {float:left; margin: 0 50px 0 50px;}

.services .field--name-field-highlights {margin: 50px 50px 50px 70px;}

#secondrow .services .field--name-field-highlights {
    clear:none; padding-left:30px;
}





/* ################################################################ */
/* services page */











/* ################################################################ */
/* Testimonials */

.view-testimonials .views-row {padding: 0 0 30px; margin: 0 0 30px 0; border-bottom: 1px solid #ddd;}

.region-testimonials h3 {display:none;}










/* ################################################################ */
/* course dates */

h2.location_h2 { clear:both; font-size: 23pt; font-weight:600; margin:20px 0 20px 0; padding: 10px 0 10px 0;border-bottom:1px solid #222; }

h3.course-duration-h3 {font-size: 17pt; font-weight:300; margin:20px 0 20px 0; padding: 10px 0 10px 0;border-bottom:1px solid #222;
    clear:both;
}


h2.course_name_h2 {display:block; clear:both; font-size: 13pt; font-weight:600; margin-top:20px;}


/* divs */

div.c_month {font-size:11pt; float:left; width:100%; display:block; margin:0 10px 20px 0; padding:10px; background:#f3f3f3;}

/* text date block */

#block-views-block-c-dates-block-2 div.c_month {width:100%; }




/* course dates block shown on location page content  */

#block-views-block-c-dates-block-1-2 {margin-top:30px;}



/* ################################################################ */







/* ################################################################ */
/* course locations */


/* map */
.page-node-type-course-location  .field--name-field-geolocation {padding:20px 0 20px 0;}

.page-node-type-course-location #block-views-block-c-dates-block-1-2 .field--name-body {padding:20px 0 20px 0;}


















/* ############################################################# */
/* blog */

.page-node-type-news-story .bs-region--left,
.page-node-type-news-story .bs-region--right {margin-top:30px;}

.page-node-type-news-story .node--type-news-story .field--name-body {margin-top:30px;}

#author {display:block;}
.page-node-type-news-story #author {display:block;}

#author { /*border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; padding: 10px; margin-bottom:15px;*/}

.page-node-type-news-story #maincontent {padding-top:20px;}

.page-node-type-news-story h2 {font-weight:bold; font-size: 140%;}


/* comment form */
.bs-region--bottom {margin-top:50px;}




/* ################# */
/* about us */





/* ################# */
/* the team */

.view-the-team .views-row {padding: 0 0 60px 0; margin-bottom:60px; border-bottom: 2px solid #eee;}

.view-the-team .views-row{overflow:auto;}

.view-the-team .views-field-field-email {padding:15px 0;}

@media(min-width:767px){
    .view-the-team .views-row img {float:right; margin-left:30px;}
}


.page-node-type-the-team .field--name-field-job-title .field--item,
.page-node-type-the-team .field--name-field-job-title,
.view-the-team  .field--name-field-job-title {font-weight:800; margin:10px 0 10px 0;}










/* ############################## */
/* Locations */

.view-coures-locations .views-row {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom:1px solid #ddd;}

.view-coures-locations .views-row img{float:right;}




.view-course-location-pictures .views-field-field-pictures {float:left; margin:0 5px 5px 0;}










/* ################## */
/* remove padding from block images */



.region-sidebar-first #block-views-block-hp-block-block-2.block, .region-sidebar-second #block-views-block-hp-block-block-2.block {
    padding: 0px;
    margin-bottom: 20px;
    word-wrap: break-word;
}

#block-views-block-hp-block-block-2.block .view-hp-block .col {
    margin-top: 0px;
}





#views-bootstrap-hp-block-block-3 .views-field-body {min-height: 4em;}


























/* dates */

#edit-field-entrefdate-0-inline-entity-form-title-wrapper, #edit-field-entrefdate-0-inline-entity-form-uid-wrapper {display:none;}

.cancelled {text-decoration: line-through; background:yellow;}
.holiday {text-decoration:none; color:yellow;  background:red;}

.view-c-dates .date-comment {font-size:11px; line-height: 12px;}


.page-node-type-course-location .view-c-dates h2.location_h2 {display:none;}


#block-views-block-c-dates-block-2 h2.block-title {font-size: 26pt; margin-top:30px;}

#block-views-block-c-dates-block-4 .block {padding:0; margin-bottom:0;}


.region-sidebar-first #block-views-block-c-dates-block-4, .region-sidebar-second #block-views-block-c-dates-block-4 {
    padding: 0px;
    margin-bottom: 0px;
}









/* ############################### */
/* contact page */


.field--name-webform {margin-top:30px;}












/* ###################################### */
/* wall of fame */

#views-bootstrap-wall-of-fame-page-1 .walloffame {background:#f3f3f3; padding:20px; margin:0px; }

#views-bootstrap-wall-of-fame-page-1 .row {margin: 0 0 30px 0;}












/* ######################################## */
/* testimonials */

#testimonials {background:#d0d2e1; padding:30px 5px 30px 5px;}
#testimonials .view-header {text-align:center;}

#views-bootstrap-testimonials-block-1 .carousel-inner .item { padding: 0 7% 0 7%;/*max-width: 700px; margin: auto; display:block; */}
/*

#views-bootstrap-testimonials-block-1 .views-more-link {
    display: inline-block;
    max-width: 9em;
    float: none;
    margin-top: 0px;
    background: #e6e7e9;
    clear: both;
    padding: 0px;
    margin-top: 0px;
    text-align: center;
}
*/
#views-bootstrap-testimonials-block-1 .carousel-caption {display:none;}



.carousel-control.right, .carousel-control.left {background:none;}



.carousel-control {
    width: 5%;

}

.carousel-inner {text-align:center;}









/* blocks ########################## */

.region-sidebar-first .block,
.region-sidebar-second .block {
    background:#f3f3f3; padding:20px; margin-bottom:20px;
    word-wrap:break-word;
}

















/* ##########################################  */
/* gallery row */

#gallery .col {padding-left: 0; padding-right: 0;}

#gallery .col img {width:100%;}












/* footer #######################  */


/* overfooter  */

#overfooter {padding:20px 0 20px 0; background: #101030; color:#fff; margin-top:0px;}

#overfooter a, #overfooter a:link, #overfooter a:visited {color:#fff;}
#overfooter .contextual-links a, #overfooter .contextual-links a:link, #overfooter .contextual-links a:visited {color:#ccc;}



/* overfooter nav */

#overfooter .navbar-nav > li {
    float: none;
}
#overfooter .navbar-nav > li a:hover, #overfooter .navbar-nav > li a:active {
    color:#eee; background:#101030;
}

#overfooter .nav > li > a {
    padding: 15px 0 15px 0;

}
#overfooter .nav > li > a:hover, #overfooter .nav > li > a:focus {
    text-decoration: underline;
    background-color: #101030;
}





/* footer */

.nav a, .nav a:link, .nav a:visited {
    font-weight: 300;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}


.footer-copyright {margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ccc;}


@media(max-width:480px){
    .footer-credit {display:block; clear:both;}
    .footer-copyright {margin:0 10px 0 0; padding:0 10px 0 0; border-right:0px solid #ccc;}
}




#footer {background:#101030; color:#fff;}

#footer .field a, #footer .field a:link, #footer .field a:visited {color:#fff;}


.footer h2 {border-bottom:2px solid #eee; padding-bottom: 5px; display:inline-block;}

.footer {
    margin-top: 0px; margin-bottom:0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 0px solid #E5E5E5;
}

.footer .navbar-nav {
    float: none;
}



.region-footer, .region-footerright {border-top: 0px solid #d9f79d; margin:20px 0 20px 0;}

@media(min-width:767px){
    .region-footerright {text-align:left;}
     .region-overfooterright {text-align:left;}
}

@media(max-width:990px){
    #footercontainer {padding-bottom: 30px; padding-top: 30px;}
    .footer {padding-top:0; padding-bottom:15px;}
    .region-footer, .region-footerright {margin:0px 0 0px 0;}
    .region-footerright {text-align:left;}
}


#block-menu-block-1 {padding: 20px 0 20px 0px;}

.region-footer .nav > li,
.region-footer .nav > li > a {
    display: inline;
    padding: 10px 5px 10px 0;
    position: relative;
}

#block-block-3 p{line-height:19pt; margin: 20px 0 20px 0;}



@media(max-width:767px){
    #block-footerlogo {display:none;}

}





/* ################################################ */
/* rssb */
/* social media share icons */

.content .rrssb {margin-top:20px;}





/* ########################################################################## */
/* footer social media icons */


.social-media-links--platforms.horizontal li {margin:0 0 5px 0px; padding:0;}

.social-media-links--platforms.horizontal li a {
    display:inline-block;
    background: #444; margin:0 0 0 0px; padding:5px; width:1.9em;
    font-size:145%;
}

.social-media-links--platforms.horizontal li a:hover {background:#777;}















/* google maps */

.google-maps {
    overflow: hidden;

    position: relative;
}














/* primary ############################################### */


/* tablets */



@media(min-width:767px){

    .col-sm-3 img {max-width:100%;}
    #block-views-articles-block .views-field-field-image,
    #block-views-articles-block-3 .views-field-field-image { float: none;   margin: 0px;}
    .region-content img {max-width: 100%;}

}




/* tablets */

@media(max-width:767px){

    .front .region-sidebar-first {display:none;}


}




/* primary ############################################### */











/* ############################################# */
/* superfish */

#block-mainnavigation a ,#block-mainnavigation a:link, #block-mainnavigation a:visited {
    color: #eee;
    text-decoration: none;
    font-weight: 300;
}

#block-mainnavigation a:hover { color:#fff; background:#989ab6;}





#block-mainnavigation .sf-style-none {
  float: left;
  margin: 0;
  padding: 0;
}
#block-mainnavigation .sf-style-none.sf-navbar {
  width: 100%;
}
#block-mainnavigation .sf-style-none ul {
  padding-left: 0;
}
#block-mainnavigation .sf-style-none a,
#block-mainnavigation .sf-style-none span.nolink {
  color: #eee;
  padding: 0.75em 1em; background:#0c1137;
}
#block-mainnavigation .sf-style-none a.sf-with-ul,
#block-mainnavigation .sf-style-none span.nolink.sf-with-ul {
  padding-right: 1.75em;
}
#block-mainnavigation .sf-style-none.rtl a.sf-with-ul,
#block-mainnavigation .sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-mainnavigation .sf-style-none span.sf-description {
  color: #0000ff;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}
#block-mainnavigation .sf-style-none.rtl span.sf-description {
  margin: 5px 5px 0 0;
}
#block-mainnavigation .sf-style-none li,
#block-mainnavigation .sf-style-none.sf-navbar {
  background: #f0f0f0;
}
#block-mainnavigation .sf-style-none li li {
  background: #e0e0e0;
}
#block-mainnavigation .sf-style-none li li li {
  background: #d0d0d0;
}
#block-mainnavigation .sf-style-none li:hover,
#block-mainnavigation .sf-style-none li.sfHover,
#block-mainnavigation .sf-style-none a:focus,
#block-mainnavigation .sf-style-none a:hover,
#block-mainnavigation .sf-style-none a:active,
#block-mainnavigation .sf-style-none a.is-active,
#block-mainnavigation .sf-style-none span.nolink:hover {
  background: #646891; color:#fff;
  outline: 0;
}
#block-mainnavigation .sf-style-none li:hover > ul,
#block-mainnavigation .sf-style-none li.sfHover > ul {
  top: 53px;
}
#block-mainnavigation .sf-sub-indicator:after {
  content: "▼";
}
#block-mainnavigation ul .sf-sub-indicator:after,
#block-mainnavigation .sf-vertical .sf-sub-indicator:after {
  content: "►";
}
#block-mainnavigation .sf-navbar ul .sf-sub-indicator:after,
#block-mainnavigation .sf-accordion .sf-sub-indicator:after,
#block-mainnavigation .sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after {
  content: "▼";
}
#block-mainnavigation .sf-navbar ul ul .sf-sub-indicator:after {
  content: "►";
}
#block-mainnavigation .sf-accordion.sf-accordion-with-buttons li.sf-expanded > .sf-accordion-button:after {
  content: "▲";
}
#block-mainnavigation .sf-horizontal.rtl ul .sf-sub-indicator:after,
#block-mainnavigation .sf-vertical.rtl .sf-sub-indicator:after,
#block-mainnavigation .sf-navbar.rtl ul ul .sf-sub-indicator:after {
  content: "◄";
}

#block-mainnavigation #superfish-main-toggle {
    background: #f0f0f0 url(../images/burger.png) center left no-repeat;
    padding-left: 60px;
}

#block-mainnavigation div.sf-accordion-toggle.sf-style-none a {
    display:inline-block;
  background: #f0f0f0;
  color: #525252;
  padding: 1em;
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded {
  background: #c0c0c0;
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded > a,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
#block-mainnavigation .sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
#block-mainnavigation .sf-style-none.sf-accordion li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper ol,
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper a.menuparent,
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper {
  background: #c0c0c0;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper li {
  background: transparent;
}








ul.sf-menu .sf-sub-indicator {
    height: 12px;
    line-height: 9999px;
    opacity: 0.75;
    overflow: hidden;
    position: absolute;
    right: 0.75em;
    speak: none;
    text-indent: -9999px;
    top: 50%;
    width: 12px; font-size:13px;
}

























































































/* debugging */

/*#verytop-container {max-width:100%;;}*/


















































// general

.main-container {
  padding: 0px;
}
.page-header {
  padding-bottom: 0px;
}

// normal sections

#block-testblock1,
.block-block-content4ba4c375-b6c7-4f87-ba84-d9269a014202,
.block-block-content1a31ff52-7962-454d-8df9-e5a203d1e4ca {
  text-align: center;
  padding: 10em;
  font-size: 20px;
  background-color: #204d74;
  color: #fff;
}

// parallax sections

.parallax {
  text-align: center;
  // so we can absolute position the background
  position: relative;
  overflow: hidden;
  height: 600px;
}

.parallax__bg {
  position: absolute;
  width: 100%;
  height: 140%;
}

.parallax--paralax1 .parallax__bg {
  background:  url('../images/bg.jpg');
}
.parallax--paralax2 .parallax__bg  {
  background: url('../images/bg2.jpg');
}

.parallax__content {
  // center content vertically
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  h2 {
    margin: 0px;
    font-size: 30px;
  }
  p {
    font-size: 20px;
  }
}






































































/*
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700|Istok+Web|Oxygen:300,700,400|Varela+Round|Chivo|Telex);
html {
  color: black !important; }

@media (max-width: 767px) {
  html {
    width: 200%; } }
@media (min-width: 768px) {
  html {
    width: 1260px; } }
.root.timeline.twitter-timeline {
  background-color: #2c3e50; }
  .root.timeline.twitter-timeline p, .root.timeline.twitter-timeline a, .root.timeline.twitter-timeline ol, .root.timeline.twitter-timeline ul, .root.timeline.twitter-timeline li {
    font-family: "Oxygen", "Ubuntu", "Helvetica Neue", Helvetica, arial, sans-serif; }

.root.twitter-timeline .tweet {
  padding: 7px 10px;
  border-bottom: 1px solid white; }
.root.twitter-timeline a,
.root.twitter-timeline a:visited {
  text-decoration: underline; }
.root.twitter-timeline .u-url,
.root.twitter-timeline .expand,
.root.twitter-timeline .hashtag,
.root.twitter-timeline .profile {
  text-decoration: none; }
  .root.twitter-timeline .u-url:hover,
  .root.twitter-timeline .expand:hover,
  .root.twitter-timeline .hashtag:hover,
  .root.twitter-timeline .profile:hover {
    text-decoration: underline;
    color: #111; }

.u-photo,
.full-name,
.inline-media {
  display: none; }
*/

#twitter-widget-0 {display:none;}

.timeline-Widget {
    display:none;
}





/*
    General styles
*/

#contentbelow {background:#f3f3f3; padding: 30px 0 30px 0;}



.TweetAuthor-name {
    font-family: "Open Sans", Arial, sans-serif;
    background-color: none; font-size:24pt;
}

.SandboxRoot.env-bp-970 .timeline-Tweet-text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}


.SandboxRoot.env-bp-970 .timeline-Tweet-text, .timeline-Tweet-text {font-size:140%; line-height:140%;}

.SandboxRoot.env-bp-820 .timeline-Tweet-text {font-size:140%; line-height:140%;}
.SandboxRoot.env-bp-660 .timeline-Tweet-text {font-size:140%; line-height:140%;}

.SandboxRoot.env-bp-330 .TweetAuthor-name, .SandboxRoot.env-bp-430 .TweetAuthor-name, .SandboxRoot.env-bp-550 .TweetAuthor-name {
    font-size:22px; color:#ff6600;
    line-height: 18px;
}



li.timeline-TweetList-tweet {
  max-width:30%; float:left;
}






.timeline-Tweet img, .timeline-Tweet-media img {
  /*  max-width:240px;*/

}

























 /*.twitter-widget {max-height:510px;}*/




@media (max-width: 767px) {
    #twitter-widget-0 {max-height:1100px;}
}
@media (max-width: 680px) {
   #twitter-widget-0 {max-height:1700px;}
}
@media (min-width: 900px) {
    #twitter-widget-0 {max-height:500px;}
}





















.navbar .search-form  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    /*width: 100%;*/
    margin-bottom: 0;
}




/* codepen */
/* https://codepen.io/silenzium/pen/ZbKmRR */

/**
 * NAVBAR SEARCH
 */

.navbar .search-form {
    float:right;
    margin:0;
    padding:0;
    margin-top: 10px;

    .input-group {
        display:block;
        padding-right:30px;
        width:30px;
        overflow:hidden;
        border-left:2px solid transparent;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    &.open .input-group {
        border-left:2px solid #5F5F5F;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .form-control,
    .form-control:focus {
        /*color:#fff;*/
        height: 30px;
        padding: 6px 12px 0;
        border-radius:0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 16px;
        background-color: transparent;
        border-color: transparent;
    }
    .input-group-btn {
        display:block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height:30px;
        z-index: 2;

        .icon {
            position:relative;
            bottom:-3px;
            left: -1px;
            font-size:16px;
        }
    }
    .btn {
        padding:5px 8px;
        border-radius:0;
        /*color:#fff;*/
        background-color: transparent;
        border: 1px solid transparent;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .btn:active,
    .btn:hover,
    .btn:focus,
    &.open .btn {
        color:#fff;
        background-color: #5F5F5F;
        border: 1px solid #5F5F5F;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        outline: none;
        outline: 0px auto -webkit-focus-ring-color;
        outline-offset: 0;
    }
    &.open .input-group {
        width:145px;
        -webkit-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;
    }
}

:-ms-input-placeholder {
    color: #555 !important;
}
::-moz-placeholder {
    color: #555 !important;
}
:-moz-placeholder {
    color: #555 !important;
}
::-webkit-input-placeholder {
    color: #555 !important;
}

@media (max-width:767px) {

    .navbar .search-form {
        float: none;
        margin-top: 0px;
        padding:14px 0;

        .input-group,
        &.open .input-group {
            width:auto;
            -webkit-transition: none;
            transition: none;
            border-left: 2px solid #5F5F5F;
        }
        .btn {
            background-color: #5F5F5F;
            border: 1px solid #5F5F5F;
            -webkit-transition: none;
            transition: none;
        }
    }

    :-ms-input-placeholder {
        color: #555 !important;
        text-transform:uppercase;
    }
    ::-moz-placeholder {
        color: #555 !important;
        text-transform:uppercase;
    }
    :-moz-placeholder {
        color: #555 !important;
        text-transform:uppercase;
    }
    ::-webkit-input-placeholder {
        color: #555 !important;
        text-transform:uppercase;
    }
}

@media (min-width: 768px) and (max-width:780px) {
    .navbar .search-form.open .input-group {
        width: 135px;
    }
}
@media (min-width: 980px) {
    .navbar .search-form.open .input-group {
        width: 230px;
    }
}
@media (min-width: 1300px) {
    .navbar .search-form {

        .input-group-btn {
            width:32px;
            height:32px;

            .icon {
                font-size:18px;
            }
        }
        .form-control,
        .form-control:focus {
            height:32px;
        }
        .input-group {
            padding-right:32px;
            width:32px;
        }
    }
}














































/* bootstrap carousel */

.carousel-caption h3 {font-size:28pt; font-weight:600; text-transform:uppercase}

.carousel-caption a {margin-bottom:20px;}

.carousel-caption p {text-align:center; font-size:22pt; line-height:25pt; font-weight:200;}
.carousel-caption #carousel-buttons {margin-bottom:30px;}


.carousel-caption #carousel-buttons a:link, .carousel-caption #carousel-buttons a:visited {display:inline-block; background:#ccc; color:#fff; padding:6px 12px;}

.carousel-caption #carousel-buttons a:link:first-child, .carousel-caption #carousel-buttons a:visited:first-child {background-color:#000;}



.carousel-caption {
    position: absolute;
    bottom: 12%;
}


.carousel-caption {
    right: 15%;
    left: 15%;
    padding-bottom: 30px;
}

.leaderboard p {
    max-width: 1980px;
}

.carousel-inner img {width:100%;}