/*
primary - #0B6EB3 - new #0B6EB3
primary hover - #0F9FEA - new #0F62A2
base text - #212121
grey - #666666

light bg - 
dark bg - #333333


*/

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?-f1citb');
    src: url('../fonts/icomoon.eot?#iefix-f1citb') format('embedded-opentype'), url('../fonts/icomoon.ttf?-f1citb') format('truetype'), url('../fonts/icomoon.woff?-f1citb') format('woff'), url('../fonts/icomoon.svg?-f1citb#icomoon') format('svg');
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 2.4rem;
    letter-spacing: 0.05rem;
    color:#212121;
}

.container{
    position:relative;
}

#logo {
    width: 230px;
    margin-top: -10px;

}




/* Header / Menu */

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

.navbar .defaulticon-menu {
    font-size: 3rem;
    margin: 5px -20px 0 0;
    display: inline-block;
}


/* Buttons */

.btn,
a.btn {
    font-weight: 400;
}

a:active,
a:hover,
a:visited,
a:focus {
    text-decoration: none;
}

.btn-default {
    background-color: #ededed;
    color: #212121;
}

.btn-primary{
    color: #0B6EB3;
    font-weight: 700;
    border-radius: 3px;
    border-color: #0B6EB3;   
    background-color: transparent;
}

.btn-info{
    color: #0B6EB3;
    font-weight: 700;
    border-radius: 3px;
    border-color: #d2ebfc;       
    background-color: transparent;
}

.btn-facebook {
    background-color: #425F9C;
}

.btn-facebook:hover {
    color: #fff;
}

.btn-inverted {
    background-color: rgba(255, 255, 255, .9);
    color: #0B6EB3;
}

.btn-trans,
.btn-trans:hover {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}

.btn > .loading-sm, .btn > .loading-lg{
    margin-left:16px;
    margin-right:16px;
}


/* Star ratings */

#hide {
    display:none;
}



/* Generic */



.list{
    margin: 0;
    padding: 15px;
    list-style: none;
}

.list li{
    padding:3px 0;   
}

.clear{
    clear:both;   
}

margin-bottom-lg,
.margin-bottom {
    margin-bottom: 20px;
}

margin-top-lg,
.margin-top {
    margin-top: 20px;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    height: 0;
}

.js-hide {
    display: none;
}

.bg-default, .bg-info, .bg-white, .bg-none{
    padding: 15px;   
}

.bg-default {
    background-color: #f2f2f2;
}

.bg-info{
    background-color: #f2f9fe;
}

.bg-white{
    background-color: #fff;   
}

/* This is not correctly named, but only used in one place so leaving it as is for now*/
.img-fullwidth{
    width:80px;   
}

.img-circle{
    width: 60%;   
}


/* Typography */

.text-quotes{
    font-size: 6rem;
    height: 27px;
    display: inline-block;
    line-height: 43px;
    padding: 6px;   
}

.text-quotes-sm {
    font-size: 3rem;
    height: 10px;
    display: inline-block;
    line-height: 10px;
    padding: 2px;
}

.lead span.text-quotes:first-child{
    float: left;   
}

.lead span.text-quotes:last-child{
    float: right;   
}

.text-uppercase,
.text-uppercase * {
    text-transform: uppercase;
}

.text-muted,
.text-muted * {
    opacity: .6;
}

.text-small,
.text-small * {
    font-size: 1.1rem;
}

.text-lead {
    font-size: 1.7rem;
    font-weight: 100;
    line-height: 2.8rem;
    color: #0B6EB3;
}

.text-default,
.text-default a {
    color: #212121;
}

.text-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.text-list .active a, .text-list a.active{
    color: #00EB66;
    text-shadow: 1px 1px 4px rgba(1,1,1, .1);   
}

.text-bold{
    font-weight: 700;   
}

.text-quote{
    font-style: italic;
    font-size: 1.6rem;
}

.text-quote small{
    font-style: normal;
    opacity: .7;
    font-size: 1.1rem;

}

.text-primary{
    color: #0B6EB3;   
}

.bg-primary{
    background-color:#0B6EB3;
}

.bg-info{
    background-color:#d2ebfc;
}

ul.bg-info, ul.bg-primary, ul.bg-default{
    padding: 15px 15px 15px 25px;   
}

.clickable {
    cursor: pointer;
}

p {
    margin: 15px 0;
}

ul {
    margin: 10px 0;
    padding: 0 0 0 20px;
}

li {
    padding: 3px 0;
}

h1, h2, h3{
    font-weight:700;   
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: 0.1rem;
    /*font-weight:700;*/
    color: #212121;
}




/* Inputs and forms */

input[type="text"],
textarea,
select,
.form-control {
    border: 1px solid #f0f0f0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 6px;
}

input[type=checkbox],
input[type=radio] {
    display: none;
}


/* to hide the checkbox itself */

input[type=checkbox] + label:before,
input[type=radio] + label:before {
    font-family: 'icomoon';
    display: inline-block;
}

input[type=checkbox] + label:before {
    content: "\e98d";
    margin: 3px 10px 3px 1px;
}

input[type=checkbox]:checked + label:before {
    content: "\e999";
    color: #0B6EB3;
}

input[type=radio] + label:before {
    content: "\e99d";
    margin: 3px 10px 3px 0;
}

input[type=radio]:checked + label:before {
    content: "\e99e";
    color: #0B6EB3;
}

input[type=checkbox]:checked + label,
input[type=radio]:checked + label {
    color: #0B6EB3;
}

.checkbox label,
.radio label {
    padding: 0;
}

.form-group label {
    font-weight: 100;
}

.form-control{
    border-radius: 3px;
}

/* Badges */

.badge {
    font-size: .9rem;
}



/* Sections */

.section-hero-backdrop, .section-callout, .section-feature, .section-highlight, .section-content, .section-hero, .section-footer{
    padding:50px 0;   
}

.section-hero .container{
    min-height:600px;   
}

.section-header{
    background-color: #0B6EB3;  
    padding:3px 0;
}

.section-header, .section-header a{
    color:#fff;   
}

.section-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    background-color: #000;
    min-height: 550px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section-hero .heroicon-marker-left, .section-hero .heroicon-marker-right{
    position: absolute;
    top: 45%;
    color: #fff;
    font-size: 6rem;  
    opacity: .7;
    cursor: pointer;
}

.section-hero .heroicon-marker-left{
    left:0;   
}

.section-hero .heroicon-marker-right{
    right:0;   
}

.section-hero-backdrop{
    width:100%;
    height:100%;
    top:0px;
    bottom:0px;
    left:0;
    right:0;
    position:absolute;
}

.section-hero-caption{
    position:absolute;
    bottom:100px;
    left: 15px;;
    right:0;
    opacity: .7;
}

.section-hero-usp{
    position: absolute;
    top: 0px;
    right: 0;
    width: 50%;
}

.section-hero-usp *{
    text-align: center;
    line-height: 4rem;
}

.section-hero-caption *, .section-hero-usp *{
    text-shadow: 0 0 20px rgba(0,0,0,.9);
    color: #fff;
}

.section-hero-backdrop-white{
    background-color: rgba(255,255,255,.9);
}

.section-hero-backdrop-black{
   /* background-color: rgba(0,0,0,.3);*/
    box-shadow: inset 0px -50px 250px rgba(0,0,0,.9);
}

.section-callout {
    background-color: #0B6EB3;
    color: #fff;
}

.section-callout h1, .section-callout h2, .section-callout h3{
    color:#fff;   
}

.hero-circle + span{
    float: left;
    display: inline-block;
    padding: 25px 0 0 10px;
}

.section-content {
    background-color: #fff;
}

.section-highlight{
    background-color: #f8f8f8;
}

.section-feature {
    background-color: #d2ebfc;
}

.section-slim {
    padding: 5px 0;
}

.section-box{
    padding: 15px;
}

.section-overflow-callout{
    background-color: #fff;
    width: 100%;
    min-height: 600px;
    margin: -150px 0 -20px 0;
    padding: 15px;
    box-shadow: 0 0 30px rgba(0,0,0,.02);
}

.section-overflow-top-callout{
    background-color: #fff;
    width: 100%;
    /*min-height: 400px;*/
    margin: -136px 0 0 0;
    padding: 15px;
    box-shadow: 0 0 30px rgba(0,0,0,.02);
}

.section-overflow-callout h1, .section-overflow-top-callout h1{
    background-color: #0B6EB3;
    color: #fff;
    padding: 25px 15px;
    margin: -15px -15px 15px -15px;   
}

/* pills and articles */

.pill{
    display: block;
    background-color:#fff;   
    min-height: 160px;
    width: 100%;
    color: #121212;
}

.pill p{
    font-size: 1.1rem;
    line-height: 18px;   
}

.pill.active{
    background-color: #d2ebfc; 
}

.pill > div:nth-child(1){
    width:40%;
    height:160px;
    background-position: center center;
    background-size: cover;
    float: left;
}

.pill > div:nth-child(2){
    padding:15px;
    float:right;
    width:60%;
    height: 160px;
    border: 1px solid #d2ebfc;
    border-left-width: 0px;
}

.pill ~ .pill{
    margin-top:15px;   
}

.pill strong{
    color: #0B6EB3;
}

article{
    box-shadow: 0 0 30px rgba(0,0,0,.02);   
}

article.article{
    background-color: #fff;
    padding: 15px;
}

article.article-image{
    background-color:#fff;
    width:100%;
    min-height:320px;
    position:relative;
}

article.article-image > div:nth-child(1){
    position: absolute;
    width:40%;
    height:100%;
    background-position: center center;
    background-size: cover;
    top:0;
    left:0;
    bottom:0;
    
}

article.article-image > div:nth-child(2){
    padding:15px;
    float:right;
    height:100%;
    width:60%;
}

article.article h3, article.article-image h3{
    margin:0 0 15px 0; 
    color: #0B6EB3;
}

article.article .text-lead small{
    font-size: 1rem;
    
}

hr{
    border: 0px solid #d2ebfc;
    border-top-width: 1px;
    margin: 15px 0;
}



/* Footer */

footer {
    background-color: #f0f0f0;
    width: 100%;
    padding-top:50px;
}

footer > .footer-terms{
    background-color: #e7e7e7;
    padding:3px 0;
    margin-top: 50px;
}

footer ul,
footer li {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

footer a {
    color: #0B6EB3;

}

footer strong {
    font-weight: 400;
    text-transform: uppercase;
}

footer img {
    margin: 15px 30px;
    width: 80%;
    max-width: 280px;
}




/* Desktop */

@media only screen and (min-width: 991px) {

    .navbar-nav > li:hover > a,
    .navbar-nav > li:focus > a {
        color: #0B6EB3;
    }
}

@media (min-width: 1200px) {
    .margin-bottom-lg,
    .margin-bottom-lg {
        margin-bottom: 20px;
    }
    .margin-top-lg,
    .margin-top-lg {
        margin-top: 20px;
    }
}


/* Tablet */

@media (min-width: 768px) and (max-width: 1199px) {
    

    
    .details-img-options {
        height: 50px;
    }
    .section-hero video {
        margin: 0 -25% 0 -25%;
        width: 150%;
    }
    .section-hero {
        padding: 150px 0 50px 0;
    }
    
    .section-overflow-top-callout{
        margin: 15px 0 0 0;   
    }
    
    .section-overflow-callout{
        margin: 30px 0 0 0;
        background-color: rgba(255,255,255,.1);
        min-height: auto;
        padding-top: 0px;
    }
    
    .section-hero-usp{
        width: 100%;
    }
    
    .margin-bottom-md,
    .margin-bottom-md {
        margin-bottom: 20px;
    }
    .margin-top-md,
    .margin-top-md {
        margin-top: 20px;
    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



}


/* Mobile */

@media (max-width: 767px) {
    
    .navbar{
        margin-bottom: 0px;   
    }
    
    .navbar-collapse{
        background-color: #f8f8f8; 
    }
    
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .section-hero .heroicon-marker-left, .section-hero .heroicon-marker-right{
        top: 84%;
    }
    
    .section-hero-usp{
        width: 100%;
    }
    
    .section-overflow-top-callout{
        margin: 15px 0 0 0;   
    }
    
    .section-overflow-callout{
        margin: 30px 0 0 0;
        background-color: rgba(255,255,255,.1);
        min-height: auto;
        padding-top: 0px;
    }
    
    article.article-image > div:nth-child(2) {
        width: 100%;
        float: none;
    }
    
    article.article-image > div:nth-child(1) {
        display: none;
    }
    
    .section-hero{
        min-height: 300px;   
    }
    
    .margin-bottom-sm,
    margin-bottom-xs {
        margin-bottom: 20px;
    }
    .margin-top-sm,
    margin-top-xs {
        margin-top: 20px;
    }

    .section-hero {
        padding: 80px 0 0 0;
    }
    .section-hero form {
        background-color: rgba(0, 0, 0, .4);
        padding: 10px 10px 12px 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    .section-hero h1 {
        font-size: 3.2rem;
        margin: 0 0 80px 0;
        line-height: 4.2rem;
    }
    .section-hero {
        background-image: url('../img/mockup-hero.jpg');
        background-color: transparent;
    }
    
    /* pills and articles */

    .pill{
        display: block;
        background-color:#f2f9fe;   
        min-height: 40px;
        width: 100%;
    }

    .pill > div:nth-child(1){
        display:none;
    }

    .pill > div:nth-child(2){
        padding:7px 10px;
        float:right;
        width:100%;
        height: 40px;
        border: 0px;
    }

    div > .pill + div > .pill{
        border-top-width: 0px; 
    }

    .pill p{
        display:none;
    }
    
    
    .section-hero-backdrop, .section-callout, .section-feature, .section-highlight, .section-content, .section-hero, .section-footer {
        padding: 25px 0;
    }
    
    .section-hero .heroicon-marker-left, .section-hero .heroicon-marker-right{
        font-size:3rem;
    }
    
    .section-hero .container {
        min-height: 375px;
    }
    
    .section-hero-caption *, .section-hero-usp *{
        text-align: center;   
    }
    
    .section-overflow-callout h1, .section-overflow-top-callout h1{
        padding: 15px 15px;
        font-size: 3rem;
    }
    
}


/* Font Icons */

[class*="socialicon-"],
[class*="heroicon-"],
[class*="defaulticon-"],
[class*="review-star-"],
.loading-sm, .loading-lg {
    font-family: 'icomoon';
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin: 3px 6px;
    font-weight:100 !important;
}

[class*="heroicon-"] {
    font-size: 4rem;
    display: block;
}

[class*="socialicon-"] {
    font-size: 1.4rem;
}

.hero-circle{
    background-color: rgba(255,255,255,.1);
    width: 70px;
    height: 70px;
    border-radius: 100px;
    padding: 12px 15px;
    margin: auto; 
}

.circle-sm{
    width: 50px;
    height: 50px;
    border-radius: 100px;
    padding: 6px 14px;
    margin: auto;  
    font-size:2rem;
}

.loading-sm, .loading-lg {
    -webkit-animation: spin 800ms infinite linear;
    animation: spin 800ms infinite linear;
    display:inline-block;
}

[class*="defaulticon-"],
.review-star {
    font-weight: 100;
}

.review-star-5,
.review-star-4,
.review-star-3,
.review-star-2,
.review-star-1 {
    margin: 0;
    color: #ffd400;
}

.review-star-5:before {
    content: "\e68d  \e68d  \e68d  \e68d  \e68d";
}

.review-star-4:before {
    content: "\e68d  \e68d  \e68d  \e68d";
}

.review-star-3:before {
    content: "\e68d  \e68d  \e68d";
}

.review-star-2:before {
    content: "\e68d  \e68d";
}

.review-star-1:before {
    content: "\e68d";
}

.default-icon-md {
    font-size: 2.8rem;
}

.loading-sm:before, .loading-lg:before{
    content: "\e902";
}

.loading-lg{
    font-size:4.6rem;
}

.heroicon-marker:before,
.defaulticon-marker:before {
    content: "\e99d";
}

.heroicon-marker-selected:before,
.defaulticon-marker-selected:before {
    content: "\e99e";
}

.heroicon-marker-left:before,
.defaulticon-marker-left:before {
    content: "\e93b";
}

.heroicon-marker-right:before,
.defaulticon-marker-right:before {
    content: "\e93c";
}

.heroicon-edit:before,
.defaulticon-edit:before {
    content: "\e610";
}

.heroicon-lock:before,
.defaulticon-lock:before {
    content: "\e66b";
}

.heroicon-phone:before,
.defaulticon-phone:before {
    content: "\e76a";
}

.heroicon-email:before,
.defaulticon-email:before {
    content: "\e696";
}

.heroicon-home:before,
.defaulticon-home:before {
    content: "\e604";
}

.heroicon-hotel:before,
.defaulticon-hotel:before {
    content: "\e60c";
}

.heroicon-health:before,
.defaulticon-health:before {
    content: "\e68b";
}

.heroicon-list:before,
.defaulticon-list:before {
    content: "\e6cc";
}

.heroicon-people:before,
.defaulticon-people:before {
    content: "\e726";
}

.heroicon-spa:before,
.defaulticon-spa:before {
    content: "\e740";
}

.heroicon-studio:before,
.defaulticon-studio:before {
    content: "\e744";
}

.heroicon-haircut:before,
.defaulticon-haircut:before {
    content: "\e745";
}

.heroicon-beauty:before,
.defaulticon-beauty:before {
    content: "\e745";
}

.heroicon-profile:before,
.defaulticon-profile:before {
    content: "\e7ae";
}

.heroicon-support:before,
.defaulticon-support:before {
    content: "\e7e4";
}

.heroicon-bike2:before,
.defaulticon-gym:before {
    content: "\e860";
}

.heroicon-deals:before,
.defaulticon-deals:before {
    content: "\e8ae";
}

.heroicon-reviews:before,
.defaulticon-reviews:before {
    content: "\e919";
}

.heroicon-location:before,
.defaulticon-location:before {
    content: "\e77a";
}

.heroicon-menu:before,
.defaulticon-menu:before {
    content: "\e92b";
}

.heroicon-bike1:before,
.defaulticon-bike1:before {
    content: "\e85f";
}

.heroicon-user:before,
.defaulticon-user:before {
    content: "\e71e";
}

.heroicon-logout:before,
.defaulticon-logout:before {
    content: "\e6d3";
}

.heroicon-star:before,
.defaulticon-star:before {
    content: "\e68d";
}

.heroicon-plus:before,
.defaulticon-plus:before {
    content: "\e936";
}

.heroicon-minus:before,
.defaulticon-minus:before {
    content: "\e937";
}

.heroicon-tick:before,
.defaulticon-tick:before {
    content: "\e934";
}

.heroicon-cross:before,
.defaulticon-cross:before {
    content: "\e935";
}

.heroicon-context:before,
.defaulticon-context:before {
    content: "\e9e9";
}

.heroicon-date:before,
.defaulticon-date:before {
    content: "\e789";
}

.heroicon-checkboxtick:before,
.defaulticon-checkboxtick:before {
    content: "\e999";
}

.heroicon-checkbox:before,
.defaulticon-checkbox:before {
    content: "\e98d";
}

.heroicon-info:before,
.defaulticon-info:before {
    content: "\e7bc";
}

.heroicon-category-health:before,
.defaulticon-category-health:before {
    content: "\e7e9";
}

.heroicon-category-beauty:before,
.defaulticon-category-beauty:before {
    content: "\e68c";
}

.heroicon-category-fitness:before,
.defaulticon-category-fitness:before {
    content: "\e730";
}

.heroicon-settings:before,
.defaulticon-settings:before {
    content: "\e672";
}

.heroicon-preview:before,
.defaulticon-preview:before {
    content: "\e6a5";
}

.heroicon-listview:before,
.defaulticon-listview:before {
    content: "\e930";
}

.heroicon-mapview:before,
.defaulticon-mapview:before {
    content: "\e782";
}

.heroicon-plus:before,
.defaulticon-plus:before {
    content: "\e98e";
}

.heroicon-minus:before,
.defaulticon-minus:before {
    content: "\e98f";
}

.heroicon-filter:before,
.defaulticon-filter:before {
    content: "\e97c";
}

.heroicon-delete:before,
.defaulticon-delete:before {
    content: "\e681";
}

.heroicon-search:before,
.defaulticon-search:before {
    content: "\e922";
}

.heroicon-money:before,
.defaulticon-money:before {
    content: "\e75e";
}

.heroicon-email:before,
.defaulticon-email:before {
    content: "\e696";
}

.heroicon-link:before,
.defaulticon-link:before {
    content: "\e917";
}

.socialicon-linkedin:before,
.icon-linkedin:before {
    content: "\e601";
}

.socialicon-youtube:before,
.icon-youtube:before {
    content: "\e603";
}

.socialicon-googleplus:before,
.icon-googleplus:before {
    content: "\e600";
}

.socialicon-facebook:before,
.icon-facebook:before {
    content: "\e63b";
}

.socialicon-twitter:before,
.icon-twitter:before {
    content: "\e602";
}

.socialicon-pinterest:before,
.icon-pinterest:before {
    content: "\e615";
}

.socialicon-google:before,
.icon-google:before {
    content: "\ea87";
}

.socialicon-yahoo:before,
.icon-yahoo:before {
    content: "\ea90";
}

.socialicon-instagram:before,
.icon-instagram:before {
    content: "\ea90";
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}