/*Defaults*/
.clickable-link:hover { 
    cursor: pointer; 
    color: #957959;
}

/*Modal*/
.modal {
    padding: 0 !important;
}

/*.modal-backdrop {
    opacity:.8 !important;
}*/

.modal-header {
    /* height: 20px; */
}
#marketing-challenge .website-btn.disabled{
    background: #999999;
    border: 1px solid #999!important;
    color: #FFF!important;
}

.close {
    top: 2px;
    right: 10px;
    position: absolute;
}

/*Nav*/
.wrapper {
    text-align: right;
    margin-top: 20px;
    padding-right: 40px;
    margin-bottom: 20px;
}

.wrapper ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
}

.wrapper li {
    float: left;
}

.nav-link {
    position: relative;
    display: block;
    padding: 5px 0;
    margin: 0 12px;
    text-transform: uppercase;
    transition: color 0.1s,background-color 0.1s,padding 0.2s ease-in;
    color: #ff4713;
}

.nav-link::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #ff4713;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}

.nav-item .active::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #ff4713;
    transform-origin: right top;
    transform: scale(1, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}

.nav-link:hover::before, .nav-link:focus::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

.nav-link {
    font-family: 'Helvetica Neue Condensed';
    font-size: 16px;
    color: #696969;
    text-transform: uppercase;
}

.nav-link:hover {
    color: #1c1c1b;
}

.nav-link:focus {
    color: #1c1c1b;
}

.nav-item .active {
    color: #1c1c1b;
}

/*Gallery*/
.owl-carousel div .textoverlay {
    padding-bottom: 15px;
}

/*#gallery*/ .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 3px 3px;
    background: #FFF;
    display: inline-block;
}

/*#gallery*/ .owl-dots .owl-dot:hover span {
    background:#FFF;
}

/*#gallery*/ .owl-dots .owl-dot.active span {
    width: 11px;
    height: 11px;
    margin-bottom: 1px;
    background: #FFF;
}

/*#gallery*/ .owl-dots .owl-dot span {
    display: inline-block;
}

.item-video video {
    width: 100%;
    height: auto;
}

.gallery-videos .item-video, .gallery-images .item-image {
    opacity:.4;
    transition:.4s ease all;
    transform:scale(1 , .8);
}

.gallery-videos .active .item-video, .gallery-images .active .item-image {
    opacity:0.6;
    transform:scale( .98, .9);
}

.gallery-videos .center .item-video, .gallery-images .center .item-image {
    opacity: 1;
    transform: scale(1);
}

.gallery-videos .owl-item, .gallery-images .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.poster {
    position: relative;
}

/*#gallery-videos .play img, #gallery-image .camera img {
    width: 80px;
    height: 80px;
}*/

.play, .camera {
    position: absolute;
    top: 50%;
    left: 50%;

    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);

    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translate(-50% , -50%);
}

#gallery-video-modal .item-video, #gallery-image-modal .item-image{
    margin-bottom: 15px;
}

/*Container Dots*/
/*#gallery*/ .owl-theme .owl-dots .owl-dot.active span, 
/*#gallery*/ .owl-theme .owl-dots .owl-dot span  {  
    background-color: #ff4713;
}

.owl-theme #dots-container-image, 
.owl-theme #dots-container-video, 
.owl-theme #dots-container-video-modal,                
.owl-theme #dots-container-image-modal {
    position: initial;
    top: auto;
    left: auto;
    transform: none;
}

/*#gallery*/ #gallery-video-carousel-dots, 
/*#gallery*/ #gallery-image-carousel-dots {
    display: block;
    top: auto;
    bottom: -35px;
    position: absolute;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
}

/*#gallery*/ #gallery-video-modal-carousel-dots,
/*#gallery*/ #gallery-image-modal-carousel-dots {
    display: block;
    top: auto;
    /*bottom: 5px;*/
    position: absolute;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
}

/*#gallery*/ #gallery-video-carousel-dots > .left-arrow, 
/*#gallery*/ #gallery-image-carousel-dots > .left-arrow,
/*#gallery*/ #gallery-video-modal-carousel-dots > .left-arrow,
/*#gallery*/ #gallery-image-modal-carousel-dots > .left-arrow {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    padding: 0;
    border: none;
    color: #ff4713;
    position: absolute;
    top: 50%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

/*#gallery*/ #gallery-video-carousel-dots > .left-arrow.prev, 
/*#gallery*/ #gallery-image-carousel-dots > .left-arrow.prev,
/*#gallery*/ #gallery-video-modal-carousel-dots > .left-arrow.prev,
/*#gallery*/ #gallery-image-modal-carousel-dots > .left-arrow.prev {
    left: -30px;
}

/*#gallery */#gallery-video-carousel-dots > .right-arrow, 
/*#gallery*/ #gallery-image-carousel-dots > .right-arrow,
/*#gallery*/ #gallery-video-modal-carousel-dots > .right-arrow,
/*#gallery*/ #gallery-image-modal-carousel-dots > .right-arrow {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    padding: 0;
    border: none;
    color: #ff4713;
    position: absolute;
    top: 50%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

/*#gallery*/ #gallery-video-carousel-dots > .right-arrow.next, 
/*#gallery*/ #gallery-image-carousel-dots > .right-arrow.next,
/*#gallery*/ #gallery-video-modal-carousel-dots > .right-arrow.next,
/*#gallery*/ #gallery-image-modal-carousel-dots > .right-arrow.next  {
    right: -30px;
}

/*#gallery*/ .owl-dots .owl-dot {
    display: inline; 
 
}
/*End Container Dots*/

@media (min-width: 576px) { 
    /*Nav*/
    .nav-link {
        font-size: 16px;
    }
 
}
@media (min-width: 768px) {
    /*Nav*/
    .wrapper .nav-link {
        font-size: 18px;
    }

    .nav-wrapper {
        text-align: center;
        margin-bottom: 30px;
    }
}
@media (min-width: 992px) {
    /*Nav*/
    .wrapper {
        padding-right: 100px;
    }
    
    .nav {
        float: right;
    }
    
    .wrapper .nav-link {
        font-size: 22px;
    }
    
    /*Gallery*/
    .gallery-videos .item-video, .gallery-images .item-image {
        margin-bottom: 100px;
    }

    /*#gallery*/ #gallery-video-carousel-dots, 
    /*#gallery*/ #gallery-image-carousel-dots {
        top: auto;
        bottom: 60px;
    }
}