/************************************************* Header ********************************************************************/
header { position:absolute; left:0; top:0; width:100%; z-index:2;}
.top-bar { font-size:14px;}
/******* Home Banner ********************************************************************/
.carousel-caption { left:0; right:0; bottom:30%; transform:translateY(30%); z-index:1;}
.carousel-caption h1 { font-size:100px; line-height:100px;}
.carousel-caption h1 small { font-size:20px;font-family: 'Source Sans Pro', sans-serif; letter-spacing:7px;}
/******* Contents ********************************************************************/
.quality { background:url(../images/bg-line.jpg) repeat-y ;background-position:center center}
.quality h2 { font-size:160px;}
.quality h3 { font-size:25px; letter-spacing:1px;}

.PgBanner img {
    opacity: 0.4;
}
.PgBanner {
    background: #000;
}

.services { background:url(../images/service-bg.jpg) no-repeat; background-position:center center; background-size:cover;}
.ser-bg { background:rgba(0,0,0,0.8); padding:145px 0;}

.ser-block { border:2px solid #fff; padding:60px;}

.welcome h2 { font-size:40px;}

.services .cus-wdth { width:80%;}
.services h3 { font-size:25px;font-family: 'Source Sans Pro', sans-serif; font-weight:700;}

.projects .cus-wdth { width:80%;}


.testimony h2 { font-size:35px;}
.testimony-txt { border:2px solid #fff; padding:70px 50px; font-size:20px; line-height:40px;}
.testimony .name { font-size:18px; font-weight:700;}
.contact-form { background:url(../images/form-bg-n.jpg) no-repeat; background-position:center center; background-size:cover; margin-top:150px;}
.contact-form .form { padding:50px 80px;}

.contact-form h2 {font-family: 'Poly', serif;}
.contact-form h2 small {font-family: 'Lato', sans-serif; font-size:12px;}
.contacts h3 { font-size:12px;font-family: 'Source Sans Pro', sans-serif;}
.contacts p { font-size:25px;}


/*
font-family: 'Anton', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Poly', serif;
font-family: 'Source Sans Pro', sans-serif;
*/




/********** Footer ***************************************************************************************************/

.social-rounded li a { background:#0098ff; width:50px; height:50px; line-height:50px; font-size:20px !important;}
.social-rounded li a:hover { background:#000; color:#fff !important;}
footer button { position:absolute; right:-25px; top:-8px; z-index:2;}
footer fs { font-size:30px;}
footer h3 {font-size:20px;font-family: 'Source Sans Pro', sans-serif;}
footer li a { color:#fff;}
footer li a:hover { color:#09cbda;}
footer li { list-style:none;}
.copyright {}
.copyright p {font-size:10px; line-height:18px; letter-spacing:1px;}
.bul li {
    margin-left: 25px !important;
    list-style: disc !important;
}
/*************************************************************************************************************/
@media (min-width: 767.98px) {}
@media (min-width: 1920px) {}
@media (min-width: 1200px) {}
@media (min-width: 1359.98px) and (max-width: 1459.98px) {	}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
@media (max-width: 1199.98px) {
.carousel-caption h1 {font-size: 30px; line-height: 35px;}
.carousel-caption p {font-size: 14px; line-height: 20px;}
.carousel-caption h1 br { display:contents;}
.cus-wdth { width:100% !important;}

}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.MainBanner .carousel-caption {position:static; background:#000; bottom:0; transform:translateY(0);} 
}
/******************************* width-ipad ***************************************/
@media (max-width:768px) {
.carousel-caption { left:0; right:0; bottom:0; transform:translateY(0); z-index:1;}



}
@media (max-width: 479px) {
header { position:relative; background:#000;}
footer { text-align:center;}
.carousel-caption h1 {font-size: 25px;}


}
@media (max-width: 320px) {}