/*

Poject Title : Pro-S

Responsive   : Yes 

Author       : Yograj

Status       : Be Happy!

Date         : 12-08-2016


*/


img { max-width: 100%; }
.maincntnr:after, .navi ul:after, .footer-nav:after,.footer-nav ul:after,.footer-copyright:after,.image:after,#nav:after { content: ""; clear: both; display: block; }
* { margin: 0px; padding: 0px; box-sizing:border-box;  }
.clear { clear: both; }
body { background: #fff; font-family: 'Open Sans', sans-serif;    font-size: 12px;color: #585757;line-height:1.7;}
p{text-align:justify; margin-bottom:15px;}	
.wrap-1 { width: 100%; }
.maincntnr { max-width: 1050px; margin: 0 auto; }

/*=========Top-Header-Starts=======*/

.top-header { background: #242424; }
.top-header-left { float: right; width: 400px; }
.top-header-left .Email { float: left; color: #d7d7d7; font-size: 12px; text-decoration: none; font-family: 'Open Sans', sans-serif; padding: 12px 20px; font-weight: 600; }
.top-header-left .Email a { color: #d7d7d7; font-size: 12px; text-decoration: none; font-family: 'Open Sans', sans-serif; border-right: 2px solid #d7d7d7; padding-right: 20px; font-weight: 600; }
.top-header-left .Phone { float: left; color: #d7d7d7; font-size: 12px; text-decoration: none; font-family: 'Open Sans', sans-serif; padding: 12px 7px; font-weight: 600; }
.top-header-left .Phone a { color: #d7d7d7; font-size: 12px; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 600; }

/*=========Top-Header-End/*=========*/




/*=========Header-And-Navigation-Starts=======*/

.header-logo { float: left; width: 200px; margin-top: 20px; }
.navi { float: right;  padding: 30px 0; }
.navi ul { list-style-type: none; }
.navi ul li { float: left;/* padding: 38px 18px; */ margin-right: 20px; padding-bottom: 11px; }
.navi ul li a { font-size: 15px; text-decoration: none; font-family: 'Open Sans', sans-serif; color: #000; font-weight: 600; border-right: 2px solid #d7d7d7; padding: 0 20px; }
.navi ul li:last-child a { border-right: none; }
.navi ul li.active { border-bottom: 2px solid #000; }
#nav .mobile-menu{font-size:14px; color:#FFF; width:100%; text-align:left; display:block; padding:10px; /*! margin:0 auto; */ 
                  background:#006c49; text-transform:uppercase; display:none;}

/*=========Header-And-Navigation-End=========*/




/*=========slider-Starts=======*/

.slider{    text-align: center;}
.slider-logo img { margin-top: 12px;    width: 100%; }

/*=========slider-End/*=========*/



.Content h2{text-align:center;margin:15px 0px 15px 0px;font-size: 26px;color: #ff7202;font-family: 'Open Sans', sans-serif;}
.qc-team img {margin-bottom: 15px;}


.bannerInner { position: relative; text-align: center }
.bannerInner h1 { position: absolute; top: 50px; font-weight: 400; z-index: 12; text-transform: uppercase; color: #fff; font-size: 40px; }

/*=========Footer-Starts=======*/

.footer { background-color: #242424; background-color: #242424; display: inline-block; width: 100%; float:left; }
.footer-nav {
    float: left;
}
.footer-nav ul { list-style-type: none; }
.footer-nav ul li { float: left;padding-top: 20px;padding-bottom: 20px;position: relative;}
.footer-nav ul li a {font-size: 10px;text-decoration: none;font-family: 'Open Sans', sans-serif;color: #fff;font-weight: 600;
                     position: relative;padding: 0 20px;display: inline-block;}
.footer-nav ul li:after { content: "::"; color: white; }
.footer-nav ul li:last-child:after { content: ""; }
.footer-copyright { float: right; width: 235px; }
.footer-copyright p { font-size: 10px; font-family: 'Open Sans', sans-serif; color: #fff; font-weight: 600; margin: 20px 0px; }

/*=========Footer-End/*=========*/




/*=========About-us-PageStarts=======*/

.about-cntnt h2 { margin-top: 20px; font-size: 26px; color: #ff7202; font-family: 'Open Sans', sans-serif; text-align: left; }
.cntnt-1 { margin-top: 20px; margin-bottom: 20px; }
.cntnt-1 h3 { font-size: 16px; color: #ff7202; font-family: 'Open Sans', sans-serif; text-align: left; margin-bottom: 4px }

.cntnt-2 { margin-top: 20px; margin-bottom: 20px; }
.cntnt-2 h3 { font-size: 16px; color: #ff7202; font-family: 'Open Sans', sans-serif; text-align: left; margin-bottom: 4px }

.cntnt-3 { margin-top: 20px; margin-bottom: 20px; }
.cntnt-3 span { margin-left: 23px; }
.cntnt-3 h3 { font-size: 16px; color: #ff7202; font-family: 'Open Sans', sans-serif; text-align: left; margin-bottom: 4px }

.cntnt-4 { margin-top: 20px; margin-bottom: 20px; }
.cntnt-4 h3 { font-size: 16px; color: #ff7202; font-family: 'Open Sans', sans-serif; text-align: left; margin-bottom: 4px }


/*=========About-us-Page-End=========*/

.innerContent{ margin:2em 0; width:100%; display:inline-block;}
.innerContent h2{margin:0 0 15px; font-size: 26px; color: #ff7202; font-family: 'Open Sans', sans-serif; text-align: left;}

/*=========Contact-&-Address-Starts=======*/


.conAdd li{ list-style:none; font-size:14px; color:#585757; padding-left:45px; margin-bottom:20px;}
.conAdd li span{ color:#ff7202}
.conAdd .email{ background:url(../image/iconEmail.jpg) no-repeat left 0 }
.conAdd .tel{ background:url(../image/iconPhone.jpg) no-repeat left 0}
.conAdd .fax{ background:url(../image/iconFax.jpg) no-repeat left 0}
.conAdd .add{ background:url(../image/iconAddress.jpg) no-repeat left 0}

.conAdd{ width:32%; float:left}
.confrm{ width:50%; float:right}
.confrm fieldset{ border:none; margin-bottom:10px;}
.confrm textarea.form-control{ height:100px;}
.confrm .form-control{    border: 1px solid #d5d2d2;
    width: 100%;
    outline: none;
    padding: 15px; transition:0.5s;
   font-family:Arial;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

	 } 
.confrm .form-control:focus{box-shadow: 0 0 8px #2263e0;border-color: #6089d9;}
.confrm .btn{font-size: 18px;font-weight: 600;color: #fff;background: #ff7a04;border: none;outline: none;
             text-transform: uppercase;padding: 10px 29px;border-radius: 5px; cursor:pointer}

/*=========Contact-&-Address-End=========*/

.innerContent h2 {text-align: center;}
.fclty-img {text-align: center;}
.fclty-img img {width: 300px;height: 250px;}

.fclty-img2 {text-align: center;margin-top: 30px;}
.fclty-img2 img {width: 452px;height: 250px;margin-left: 5px;}

.fclty-img3 {text-align: center;margin-top: 30px;}
.fclty-img3 img {width: 452px;height: 250px;margin-left: 5px;}

.fclty-img4 {text-align: center;margin-top: 30px; display:inline-block; width:100%}
.fclty-img4 img {width: 452px;height: 452px; float:left;    margin-left: 7%;}

.fclty-cntnt {float: right;width: 450px;}
.fclty-cntnt p {font-size: 16px; color: #cb1c17; font-family: 'Open Sans', sans-serif; font-weight:bold;}

.fclty-img5{margin-top:25px;}
.fclty-img5 img {width: 88%;height: 460px;margin-left: 7%;}

.fclty-img6{margin-top:25px;}
.image {margin-left: 7%;}
.img-cntnt{float:left;}
.img-cntnt p {font-size: 16px;text-align: center;color: #00349e; font-family: 'Open Sans', sans-serif;}
.img-cntnt img {width: 453px;;height: 250px;margin-right: 14px;}

.fclty-img7{text-align:center;}
.fclty-img7 img {width: 88%;height: 448px;margin-left: 18px;}

.fclty-img8{text-align:center;}
.fclty-img8 img {width: 88%;height: 448px;margin-left: 18px;}











/*=========Media-Starts-For-{1024}=========*/

@media only screen and (max-width:1024px){
	
.navi ul li {padding: 15px 10px;margin-right: 0px;padding-bottom: 11px;}
.footer-copyright {width: 260px;}
.footer-copyright p {margin: -39px 0px;}
.about-cntnt {margin-left: 25px;}
.bannerInner h1 {top: 19px;left: 19px;}
.confrm fieldset {padding-right: 10px;}
.footer-nav {float: none;}
}
/*=========Media-End-For-{1024}=========*/





/*=========Media-Starts-For-{800}=========*/

@media only screen and (max-width:800px){
.footer-copyright {width: 256px;}
.navi ul li {padding: 0px 10px;padding-bottom: 7px; margin-right:0px;}
.about-cntnt {margin-left: 25px;}
.bannerInner h1 {top: 10px;left: 19px;}
.confrm fieldset {padding-right: 9px;}
.footer-nav {float: none;}
.img-cntnt {width: 100%;display: inline-block;text-align: center;}
.fclty-img4 img {width: 380px;float: none; margin-left: 3%;}
}

/*=========Media-End-For-{800}=========*/




/*=========Media-Starts-For-{640}=========*/

@media only screen and (max-width:640px){
.navi {width: 391px;}
.navi ul li a {font-size: 12px;padding: 0 13px;}
.navi ul li {margin-right: 0px; padding:0px 4px;}
.footer-nav ul li a {padding: 0 15px;}
.bannerInner h1 {top: 2px;}
.fclty-img4 img {float:none;}
.img-cntnt {display: inline-block;width:100%; text-align:center;}
.footer-nav {float: none;}

}
/*=========Media-End-For-{640}=========*/


@media (max-width:420px){
	.maincntnr{width:100%;}
}



/*=========Media-Starts-For-{420}=========*/

@media only screen and (max-width:420px){
.maincntnr{width:100%;}
.navi ul li a {font-size: 9px;}
.bannerInner img{height:100px;}
.bannerInner h1 {font-size: 27px; top:26px;}
.conAdd {width: 90%;margin-left: 10%;}
.confrm {width: 89%;}
.confrm fieldset {padding-right: 27px;}
.footer-nav {float:none;}
.footer-nav ul li {width: 24%;display: inline-block;text-align: center;}
.footer-copyright {width: 81%;margin-top: 30px;}
.about-cntnt h2 {font-size: 22px;}
.header-logo {width: 100%;text-align: center;}
.img-cntnt img {width: 320px;}
.fclty-img2 img {width: 321px;margin-left: 0px;}
.fclty-img3 img {width: 323px;margin-left: 0px;}
.fclty-img4 img {width: 320px;float: none; margin-left: 3%;}
.fclty-cntnt {width: 80%;display: inline-block;text-align: center;}
ul.menu {
    display: block !IMPORTANT;
}

}
/*=========Media-End-For-{420}=========*/