@import url("fonts.css");

body {
    font-family: Ubuntu;
    color: #414042;
    background: #fff url(../images/background.jpg)  no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
h1 {
    font-family: baron_neue_bold_italicBdIt;
    margin: 0 20px;
}

a, a:focus {
    text-decoration: none;
}

.container-fluid {padding: 0;}


.min-padding {
    padding: 0 2px;
}

.carousel-caption {
    font-size: 25px;
    right: 20% !important;
    width: 300px !important;
    left: auto !important;
    background: -webkit-repeating-linear-gradient(
                45deg,
                #7c7c7c,
                #7c7c7c 2px,
                #ccc 2px,
                #ccc 2px
            );
    background: -moz-repeating-linear-gradient(
                45deg,
                transparent,
                transparent 2px,
                #ccc 2px,
                #ccc 2px
            );
    background: -o-repeating-linear-gradient(
                45deg,
                transparent,
                transparent 2px,
                #ccc 2px,
                #ccc 2px
            );
    background: repeating-linear-gradient(
                -45deg,
                #7c7c7c,
                #7c7c7c 2px,
                #646464 2px,
                #646464 4px
            );
}

.carousel-caption a, .carousel-caption a:focus {
    color: #FFD217;
}


.navbar span {
    font-family: baron_neue_bold_italicBdIt;
    font-size: 20px;
}
.navbar {background-color: #FFD217;z-index: 99; border: none; position: absolute; top: 0; width: 100%;}
.navbar-collapse {padding: 0;}
.navbar-brand {padding: 0; position: absolute; z-index:100;}
.navbar-brand img {height: 236px;}
.nav {padding-left: 236px;}

section {border-top: 50px solid #FFD217; height: 100%; min-height: 280px; overflow: auto; padding-top: 10px}
section:nth-child(3){border-top-color: #fbc706;}
section:nth-child(4){border-top-color: #faba0c;}
section:nth-child(5){border-top-color: #f9ae12;}
section:nth-child(6){border-top-color: #f8a118;}
section:nth-child(7){border-top-color: #f7941e;}

@media(max-width:768px) {
    .navbar-brand img {height: 100px;}
    .nav {padding-left: 0;}
}

nav ul li{height: 118px;}
nav ul li:nth-child(1){background-color: #fbc706;}
nav ul li:nth-child(2){background-color: #faba0c;}
nav ul li:nth-child(3){background-color: #f9ae12;}
nav ul li:nth-child(4){background-color: #f8a118;}
nav ul li:nth-child(5){background-color: #f7941e;}

nav li a{color: #000; height: 103px; padding-bottom: 0 !important;}
nav li a:hover, a:focus{background-color: inherit !important; color: inherit;}
nav li a span {position: absolute; bottom: 0; right: 5px;}
nav li a.active {border-top: 15px solid #fff;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img
{
    width: 100% !important;
}
#main .carousel-indicators {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 15;
    width: 30px;
    padding-left: 0;
    margin-left: auto;
    text-align: center;
    list-style: none;
    top: 50%;
}
#main .carousel-indicators li {
    display: block;
    width: 30px;
    height: 8px;
    margin: 1px;
    margin-bottom: 4px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fbc706;
    border-radius: 0;
}
#main .carousel-indicators .active {
    width: 30px;
    height: 8px;
    margin: 1px;
    margin-bottom: 4px;
    background-color: #fbc706;
}

#partners img {
    width: 100%;
}

#press .carousel {
    margin: 0 auto;
    position: relative;
    width: 90%;
}

#press .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
}

#press .carousel-indicators ol{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 15;
    width: 30px;
    padding-left: 0;
    margin-left: auto;
    text-align: center;
    list-style: none;
    top: 50%;
}

#press .carousel-indicators li {
    width: 24.5%;
    height: auto;
    text-align: left;
    margin: 0;
    cursor: pointer;
    opacity: .5;
    padding-top: 49px;
    border-radius: 10px;
    float: left;
}

#press .carousel-indicators li img {
    float: left;
    padding-right: 7px;
}

#press .carousel-indicators li span {
    color: #616161;
    display: inline-block;
    font-size: 14px;
    padding-top: 15px;
    text-align: left;
}


#press .carousel-indicators {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 15;
    width: inherit;
    padding-left: 0;
    margin-left: auto;
    text-align: right;
    list-style: none;
}


#products .carousel-indicator-holder {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: auto;
    top: auto;
    left: auto;
    text-align: right;
}

#products .carousel-indicators {
    font-family: baron_neueregular;
    font-size: 15px;
    position: relative;
    bottom: 10px;
    left: auto;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    text-align: right;
    list-style: none;
}

#products .carousel-indicators li {
    text-indent: 0;
    width: 100%;
    background: none;
    border: none;
    height: inherit;
    white-space: nowrap;
}

#products .carousel-indicators .active {
    color: #faba0c;
}
#products .carousel-indicator-holder a {
    font-size: 72px;
    color: #faba0c;
}

#products .carousel-inner {
    margin-bottom: 10px;
    min-height: 300px;
}
@media(max-width:768px) {

    #products .carousel-control-buttons {
        margin-top: -29px;
        padding: 0 10px;

    }

    #products .carousel-indicator-holder {
        height: 100%;
        bottom: auto;
        top:0;
    }

    #products .carousel-indicators .active{
        display: inline-block !important;
        padding: 0 10px;
    }

    #products .carousel-indicator-holder ol li {
        display: none;
    }

    #products .carousel-indicator-holder a {
        font-size: 40px;
    }
}



/* content styles */

.inside {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
    /*
    // if you want to give content full height give him height: 100%;
    // with content full height you can't apply margins to the content
    // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
    */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}