@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);

html, body{ overflow-x:hidden;}

::-webkit-scrollbar-thumb:vertical {

    width: 18px;

    background: #fa830c;

}

::-webkit-scrollbar-thumb:horizontal {

    height: 18px;

    background: #fa830c;

}

::-webkit-scrollbar {

    width: 18px;

    background: #292929;

    background-image: url(../img/pattern.jpg);

    background-repeat: repeat;

}

.withripple {

    position: relative;

}

.ripple-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: 2px;

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12)

}

.ripple {

    position: absolute;

    width: 20px;

    height: 20px;

    margin-left: -10px;

    margin-top: -10px;

    border-radius: 100%;

    background-color: rgba(0, 0, 0, 0.05);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transform-origin: 50%;

    -ms-transform-origin: 50%;

    transform-origin: 50%;

    opacity: 0;

    pointer-events: none;

}

.ripple.ripple-on {

    -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;

    transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;

    opacity: 1;

}

.ripple.ripple-out {

    -webkit-transition: opacity 0.1s linear 0s !important;

    transition: opacity 0.1s linear 0s !important;

    opacity: 0;

}

.navbar-brand {

    padding: 5px 15px;

}

body {

    background-image: url(../img/pattern.jpg);

    background-repeat: repeat;

    background-attachment: fixed;

}

.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>li>a:focus {

    color: #fa830c;

    transition: all .28s cubic-bezier(0.4, 0, .2, 1);

    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.5), 0 6px 6px rgba(0, 0, 0, 0.23);

}

.carousel-fade .carousel-inner .item {

    opacity: 0;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

    opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}

.carousel-fade .carousel-control {

    z-index: 2;

}

a.right.carousel-control {

    background-color: #fa830c;

    opacity: 1;

    height: 20%;

    width: 3%;

    top: 40%;

    right: -34px;

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .0000) 0, rgba(0, 0, 0, 0.0) 100%);

    transition: all .28s cubic-bezier(0.4, 0, .2, 1);

}

a.left.carousel-control {

    background-color: #fa830c;

    opacity: 1;

    height: 20%;

    width: 3%;

    top: 40%;

    left: -34px;

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .00010) 0, rgba(0, 0, 0, 0.0) 100%);

    transition: all .28s cubic-bezier(0.4, 0, .2, 1);

}

a.left.carousel-control:hover,

a.left.carousel-control:focus {

    width: 4%;

    left: -45px;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

}

a.right.carousel-control:hover,

a.right.carousel-control:focus {

    width: 4%;

    right: -46px;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

}

.tab-content .boxing {

    margin: 0 0 10px;

    color: #212121;

    background-color: #fff;

    padding: 8px;

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .0001) 95%, rgba(0, 0, 0, 0.157) 100%);

    margin-bottom: 0px

}

.white-box {

    color: #212121;

    background-color: #fff;

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

    padding: 8px;

}

.black-box {

    color: #212121;

    background-color: rgba(0, 0, 0, .5);

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

    padding: 8px;

}

h2 {

    color: #fff;

    background-color: #fa830c;

    width: 100%;

    height: auto;

    padding: 10px 22px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 0;

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

    font-family: 'Roboto Slab', serif;

}

h3 {

    font-family: 'Roboto Slab', serif;

    color: #fa830c;

    font-weight: 700;

}

p {

    font-size: 15px;

}

/* Sticky footer styles
-------------------------------------------------- */

html {

    position: relative;

    min-height: 100%;

}

svg {

    box-shadow: 0 0 0 rgba(0, 0, 0, 0);

    transition: all .28s cubic-bezier(0.4, 0, .2, 1);

}

svg:hover,

svg:focus {

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}

.tab-content .row .nowhite {

    margin: 0 15px;

    color: inherit;

    background: transparent;

    padding: 0;

    background-image: none;

}

.footer {

    padding-top: 20px;

    /* padding-bottom: 30px; */

    width: 100%;

    height: auto;

}

@media (max-width: 767px;

) {

    .footer {

        padding-top: 10px;

    }

}

address {

    color: #fa830c;

    font-size: 15px;

    font-weight: 400;

}

address strong {

    font-family: 'Roboto Slab', serif;

    font-size: 20px

}

address a {

    color: #fa830c;

    transition: all .28s cubic-bezier(0.4, 0, .2, 1);

}

address a:hover,

address a:focus {

    color: #fa830c;

    text-decoration: none;

    font-weight: 700;

}

h2 {

    margin-top: 0

}

.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>li>a:focus {

    color: #fa830c;

    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.5);

}

@media (min-width: 767px) {

    .dtbl {

        display: table;

    }

    .hoch {

        float: none;

        display: table-cell;

        vertical-align: top;

    }

    .pad {

        padding-right: 15px

    }

}


.width {

    width: 225px;

}

@media (max-width: 767px) {

    .ma {

        margin: 15px;

        margin-bottom: 0;

    }

    .width {

        width: 150px;

    }

}

@media (min-width: 1200px) {
    .container {width: 970px;}
}

.grey {
    
}