@charset "utf-8";
/* CSS Document */


.marginii {
     margin: 154px 0px 100px 0px;
	  min-height:500px;
}
.carousel-indicators li {
     display: none;
}

.color {
     /*color: #0c0404;*/
	   color: #FFF;
	 font-size: xx-large;
}

.color3 {
     color: #FFF;
	 font-size: xx-large;
}

.banner-main {
     position: relative;
     background: url(img/banner.jpg);
     background-size: 100% 100%;
	 
}
.banner-main .carousel-caption {
     text-align: left;
     left: 0;
     top: 16%;
     position: relative;
}
.banner-main .carousel-caption h1 {
     font-size: 20px;
     line-height: 1em;
     font-weight: bold;
     color: #f1f1f1;
	
}

.banner-main .carousel-caption h3 {
     font-size: 28px;
     line-height: 50px;
     font-weight: bold;
     color: #fff;
}

.banner-main .carousel-caption p {
     color: #FFF;
     padding: 9px 0px;
     margin-bottom: 30px; 	 
}


.banner-main .carousel-caption2 {
     text-align: left;
     left: 0;
     top: 16%;
     position: relative;
}
.banner-main .carousel-caption2 h1 {
     font-size: 20px;
     line-height: 1em;
     font-weight: bold;
     color: #f1f1f1;
	
}

.banner-main .carousel-caption2 h3 {
     font-size: 28px;
     line-height: 50px;
     font-weight: bold;
     color: #fff;
}
.banner-main .carousel-caption2 p {
     color: #FFF;
	 font-size:large;
     padding: 9px 0px;
     margin-bottom: 30px; 	 
}

/*--------------------------=------------------------*/

.about {
     background: url(img/about-bg.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     padding: 60px 0px 30px 0px;
	
}
.about .about-box {
     text-align: left;
	 background-color: none;
	 border: double 1px #000;
	 background-color:#000;
}
.about .about-box h2 {
     font-size: 50px;
     font-weight: bold;
     color: #fff;
     line-height: 50px;
     padding-bottom: 35px;
}
.about .about-box .white-bg {
     background: #fff;
     width: 100%;
     text-align: center;
     padding: 20px 0px 15px 0px;
     margin-bottom: 35px;
}
.about .about-box .white-bg span {
     font-size: 30px;
     line-height: 20px;
     color: #000;
}
.about-box .titlepage {
     text-align: center;
}
.about-box .titlepage h2 {
     padding: 0px 0px 36px 0px;
     font-size: 50px;
     font-weight: bold;
     color: #fff;
     line-height: 50px;
     position: relative;
     margin-bottom: 20px;
}

.about-box .titlepage h2::after {
     content: "";
     position: absolute;
     left: 0;
     top: 70%;
     margin: 10px auto;
     height: 3px;
     background: #ddd;
     width: 45%;
     right: -295px;
}

.about-box .titlepage h3 {
     padding: 0px 0px 36px 0px;
     font-size: 30px;
     font-weight: bold;
     color: #fff;
     line-height: 30px;
     position: relative;
     margin-bottom: 10px;
	 margin-top: 20px;
	 text-decoration:underline;
}

.about-box .titletime h3 {
     padding: 0px 0px 30px 0px;
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     line-height: 0px;
     position: relative;
     margin-bottom: 10px;
	 text-align:center;
	 margin-top:0px;
}
.about-box .titlepage span {
     color: #fff;
     font-size: 17px;
     line-height: 32px;
     display: block;
}
.about-box .titlepage .read-more a {
     font-size: 17px;
     padding: 15px 60px;
     background-color: #fff;
     color: #000;
     display: inline-block;
     line-height: 20px;
     border-radius: 5px;
     text-align: center;
     margin-top: 30px;
}
.about-box .titlepage .read-more a:hover {
     background-color: #000;
     color: #fff;
}

.about-box hr{
border-top-color:#fff;
width:50%;
}

@media screen and (max-width: 479px) {

.banner-main {
     position: relative;
     background: url(img/banner.jpg);
     background-size: 100% 100%;
	 
}

.banner-main .carousel-caption {
     text-align: left;
     left: 0;
     top: 16%;
     position: relative;
     padding:0px;
	
	 /*background-color:#f3f3f3; opacity:.85;*/

}
.banner-main .carousel-caption h1 {
     font-size: 46px;
     line-height: 55px;
     font-weight: bold;
     color: #f1f1f1;
}

.banner-main .carousel-caption h3 {
     font-size: 26px;
     line-height: 30px;
     font-weight: bold;
     color: #fff;
}

.banner-main .carousel-caption p {
     color: #fff;
     padding: 19px 0px;
     margin-bottom: 30px;

}

.banner-main .carousel-caption2 {
     text-align: left;
     left: 0;
     top: 16%;
     position: relative;
}
.banner-main .carousel-caption2 h1 {
     font-size: 20px;
     line-height: 1em;
     font-weight: bold;
     color: #f1f1f1;
	
}

.banner-main .carousel-caption2 h3 {
     font-size: 28px;
     line-height: 30px;
     font-weight: bold;
     color: #fff;
}
.banner-main .carousel-caption2 p {
     color: #FFF;
	 font-size:large;
     padding: 9px 0px;
     margin-bottom: 30px; 	 
}

/*--------------------------=------------------------*/

.about {
     background: url(img/about-bg.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     padding: 60px 0px 30px 0px;
	
}
.about .about-box {
     text-align: left;
	 background-color: none;
	 border: double 1px #000;
	 background-color:#000;
	 
}
.about .about-box h2 {
     font-size: 50px;
     font-weight: bold;
     color: #fff;
     line-height: 50px;
     padding-bottom: 35px;
}
.about .about-box .white-bg {
     background: #fff;
     width: 100%;
     text-align: center;
     padding: 20px 0px 15px 0px;
     margin-bottom: 35px;
}
.about .about-box .white-bg span {
     font-size: 30px;
     line-height: 20px;
     color: #000;
}
.about-box .titlepage {
     text-align: center;
}
.about-box .titlepage h2 {
     padding: 0px 0px 36px 0px;
     font-size: 50px;
     font-weight: bold;
     color: #fff;
     line-height: 50px;
     position: relative;
     margin-bottom: 20px;
}

.about-box .titlepage h2::after {
     content: "";
     position: absolute;
     left: 0;
     top: 70%;
     margin: 10px auto;
     height: 3px;
     background: #ddd;
     width: 45%;
     right: -295px;
}

.about-box .titlepage h3 {
     padding: 0px 0px 36px 0px;
     font-size: 30px;
     font-weight: bold;
     color: #fff;
     line-height: 30px;
     position: relative;
     margin-bottom: 10px;
	 margin-top: 20px;
	 text-decoration:underline;
}

.about-box .titletime h3 {
     padding: 0px 0px 30px 0px;
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     line-height: 0px;
     position: relative;
     margin-bottom: 10px;
	 text-align:center;
	 margin-top:0px;
}
.about-box .titlepage span {
     color: #fff;
     font-size: 16px;
     line-height: 32px;
     display: block;
}
.about-box .titlepage .read-more a {
     font-size: 17px;
     padding: 15px 60px;
     background-color: #fff;
     color: #000;
     display: inline-block;
     line-height: 20px;
     border-radius: 5px;
     text-align: center;
     margin-top: 30px;
}
.about-box .titlepage .read-more a:hover {
     background-color: #000;
     color: #fff;
}

.about-box hr{
border-top-color:#fff;
width:50%;
}


}