@font-face {
    font-family: "OpenSans-Light";
    src: url("OpenSans-Light.ttf");
}


@font-face {
    font-family: "OpenSans-Semibold";
    src: url("OpenSans-Semibold.ttf");
}

@font-face {
    font-family: "Raleway-Light";
    src: url("Raleway-Light.ttf");
}

@font-face {
    font-family: "Raleway-Bold";
    src: url("Raleway-Bold.ttf");
}

@font-face {
    font-family: "Helvetica";
    src: url("Helvetica.otf");
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("OpenSans-Bold.ttf");
}


/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
       width: 100%;
    max-height: 620px;
}

.carousel-control {
       width: 0;
    top: 50%;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #00ADEC;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}


.div-font{color: #fff !important;
 
   /* font-size: 46px !important;*/
    background-color: rgba(0, 0, 0, 0.47) !important;
    width: 100% !important;
    line-height: 80px; font-family: "Raleway-Bold"; font-style: italic;
}

/* Carousel Header Styles */
.header-text {
  position: absolute;
    left: -2%;
    right: auto;
    width: 104% !IMPORTANT;
    color: #fff;
   /* top: 83%;*/    bottom: 0%;
}

.header-text h2 {
     font-size: 40px;
    margin-top: 2%;
    /* font-family: "Helvetica" !important; */
    /* font-family: "Raleway-Light"; */
    font-weight: bold;
    /* font-family: "Raleway-Bold"; */
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}


@media screen and (min-width: 320px) and (max-width: 640px){

.header-text {
    bottom: 0;
    color: #fff;
    left: -5%;
    position: absolute;
    right: auto;
    width: 110% !important;
}


   .header-text h2 {
    font-size: 20px !important; text-align:center !important;
}

}