/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
    
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*footer {
    margin: 50px 0;
}*/

@media(max-width: 767px){
.carousel, .item, .active {
  height: auto;
}
}



/* Added by johnny 4/8/2017 */

.btn-outline {background-color: transparent; color: #fff; border-color: #fff; letter-spacing: 2px; text-transform: uppercase; font-size: 21px; border-radius: 0; padding:15px 20px 12px; line-height: 1; transition: 150ms linear}
.btn-outline:hover, .btn-outline:focus {letter-spacing: 5px; color: #fff;}
.list-products {overflow: hidden;}
.list-products .item:hover {cursor: pointer;}
.img-holder img {max-width: 100%}
.slick-disabled { opacity: 0 !important; pointer-events: none; }
.slick-dots li button {display: none;}
.slick-prev, .slick-next {text-indent: -99999px; background:none; border:0; background-size: 28px 53px; background-position: center; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); position: absolute; z-index: 999; width: 28px; height: 53px; transition: 50ms linear; opacity: 0.6}
.slick-prev { background-image: url(../images/icon-arrow-prev.png); left: 2%;}
.slick-next { background-image: url(../images/icon-arrow-next.png); right: 2%;}
.slick-prev:focus, .slick-next:focus {outline: none;}
.slick-prev:hover, .slick-next:hover {opacity: 1}
.modal-body.for-product {padding:15px 65px;}
.modal-body.for-product hr {border-width: 1px; border-color: #000}
.modal-body.for-product .img-holder {padding-left: 15px; padding-right: 15px;}
.modal-body.for-product .product-caption {padding-left: 30px;}
.modal-body.for-product dt {text-align: left; width: 30px;}
.modal-body.for-product dd {border-left: 1px solid #000; margin-left: 17px; padding-left: 15px;}
.modal .modal-header {position: relative; z-index: 4}
.modal .modal-body.for-product {z-index: 3}
#perm .modal-body, #perm .modal-header {background-color:#000}
#rebond .modal-body, #rebond .modal-header {background-color:#000}
#multi-color .modal-body, #multi-color .modal-header {background-color:#000}
#treatment .modal-body, #treatment .modal-header {background-color:#000}
#scalp-treatment .modal-body, #scalp-treatment .modal-header {background-color:#000}
#other .modal-body, #other .modal-header {background-color:#000}
#hair-cut .modal-body, #hair-cut .modal-header {background-color:#000}
#color .modal-body, #color .modal-header {background-color:#000}



@media only screen and (max-width: 767px) {
.btn-outline {transform: scale(0.5);}
}