@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,700|Roboto+Slab');

.edp-bg{
	background-image: url('../img/epd.jpg');
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}

.mhd-bg{
	background-image: url('../img/mhd.jpg');
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}

.ted-bg{
	background-image: url('../img/ted.jpg');
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}

/* NAVIGATION */
.active, .nav-link.active{
    font-weight: 800;
    color: #159bd3;
}


.nav-link{
	color: #000;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
}

.nav-link:hover {
	font-weight: 800;
}

.dropdown-menu {
	font-family: 'Open Sans Condensed', sans-serif;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.2rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #efefef;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
	background-color: #f8f9fa;
	font-weight: 600;
}

/* SPICEFIC STYLE */

.learn-more-link{
	color: #159bd3;
	font-family: 'Open Sans', sans-serif; 
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: none;
}

.map-link{
    cursor: pointer;
}

.map-link:hover{
    color: #159bd3;
}


/* SLIDER */
.carousel-caption {
    position: absolute;
    right: 13%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 65px;
    color: #fff;
    text-align: left;
}

.carousel-caption h3{ 
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6rem;
	font-weight: 300;
}

.carousel-caption h4{ 
	color: #159bd3;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 4rem;
	font-weight: 600;
}

.carousel-caption p{ 
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	font-weight: 100;
}

/* CUSTOMER SLY */
/* Frame */
.frame {
    height: 170px;
    line-height: 180px;
    overflow: hidden;
}
.frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 50px;
}
.frame ul li {
    float: left;
    width: 280px;
    height: 100%;
    margin: 0 1px 0 0;
    padding: 0;
    background: #fff;
    color: #ddd;
    text-align: center;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.frame ul li.active {
    transition:all 0.3s ease;
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.frame ul li img{
    height: 120px; 
}

/* BACKGROUND-IMAGE */
.debut-light-bg{
	background-image: url('../img/debut_light.png');
	background-repeat: repeat;
}

.dark-bg{
	background-image: url('../img/txture.png');
	background-repeat: repeat;
}

.subtle-dots-bg{
	background-image: url('../img/subtle_dots.png');
	background-repeat: repeat;
}

/* HOVER-EFFECT */
.zoomin-on-hover{
	transition: all 0.2s ease-in-out;
}

.zoomin-on-hover:hover{
	transition:all 0.3s ease;
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.link-hover:hover{
    color: #159bd3;
}

/* FONT-COLOR | BG-COLOR*/

.font-color-black{
    color: #000;
}

.font-color-dark{
    color: #666;
}

.font-color-gray{
    color: #999;
}

.font-color-white{
    color: #fff;
}

.font-color-gt-blue{
    color: #159bd3;
}

.gt-blue, .btn-primary{
    background-color: #159bd3;
}

.border-primary{
    border-color: #159bd3;
}

/* FONT-WEIGHT, FONT-FAM */

body{
    font-family: 'Open Sans', sans-serif;
}

.font-condensed{
    font-family: 'Open Sans Condensed', sans-serif;
}

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

.font-reg{
    font-weight: 400;
}

.font-thin{
    font-weight: 300;
}


/* FONTS-SIZE */


@media only screen and (max-width: 576px) {
    .font-xl{
        font-size: 2.5rem;
    }

    .font-mid-xl{
        font-size: 1.9rem;
    }
    
    .font-lg{
        font-size: 1.7rem;
    }
    
    .font-md{
        font-size: 1.4rem;
    }
    
    .font-sm{
        font-size: 1.1rem;
    }
    
    .font-xs{
        font-size: 0.9rem;
    }

    .font-xxs{
        font-size: 0.8rem;
    }

    .resp-img{
        width: 20%;
    }
  }

@media only screen and (min-width: 576px){
    .font-xl{
        font-size: 2.5rem;
    }

    .font-mid-xl{
        font-size: 1.9rem;
    }
    
    .font-lg{
        font-size: 1.7rem;
    }
    
    .font-md{
        font-size: 1.4rem;
    }
    
    .font-sm{
        font-size: 1.1rem;
    }
    
    .font-xs{
        font-size: 0.9rem;
    }

    .font-xxs{
        font-size: 0.8rem;
    }


}
  
@media only screen and (min-width: 768px) {
    .font-xl{
        font-size: 2.5rem;
    }

    .font-mid-xl{
        font-size: 1.9rem;
    }
    
    .font-lg{
        font-size: 1.7rem;
    }
    
    .font-md{
        font-size: 1.4rem;
    }
    
    .font-sm{
        font-size: 1.2rem;
    }
    
    .font-xs{
        font-size: 1rem;
    }

    .font-xxs{
        font-size: 0.8rem;
    }
}


@media only screen and (min-width: 922px) {
    .font-xl{
        font-size: 2.6rem;
    }

    .font-mid-xl{
        font-size: 2rem;
    }

    .font-lg{
        font-size: 1.8rem;
    }

    .font-md{
        font-size: 1.4rem;
    }

    .font-sm{
        font-size: 1.2rem;
    }

    .font-xs{
        font-size: 1rem;
    }

    .font-xxs{
        font-size: 0.8rem;
    }
}