/* CSS Document */

*{ padding:0px; margin:0px;}

body{ font-size:14px; color:#333333; font-family: 'Rockwell'; height:0px; }

.cl{ line-height:0px; font-size:0px; height:0px; clear:both;}


/*--------------------layout start----------------*/
.layout{ width:100%; }
.header{  width:100%; background:#fff;
    height: 91px;
    position: relative;
    width: 100%;
    z-index: 999; box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25);}
.main-container{ width:1000px; margin:0 auto;}
.slider{ width:100%; }
.body-container{ width:100%; margin:0 auto; }
.footer{ width:100%;  border-top: 4px solid #000; background:#2A2A2A; padding:20px 0; margin-top:50px;}
/*--------------------layout end----------------*/


/*--------------------header start----------------*/
.logo{ padding:16px 0px 10px 20px; width:10%; float:left;}
.logo img{ width:100%; }
.logo h3 span{color:#666;}
.header-right-container{ float:right; width:80%; margin:22px 0 0 60px;}
/*--------------------header end----------------*/

/*--------------------slider start----------------*/
.slider img{ width:100%; height:380px; }
/*--------------------slider end----------------*/

/*--------------------body container start----------------*/
.welcome-conatiner{ background:#888; padding:50px 0; color:#fff;}
.welcome-conatiner p{ color: #fafff1; font-size:16px; line-height:22px; font-family:Arial; text-align:center;}
.welcome-conatiner h1{font-size: 36px; text-align:center; margin-bottom: 10px;
    margin-top:0px;}
.services-container{ margin:0; padding:0;}
.services-container h3{ color:#666666; font-size:24px; padding:50px 0 5px; margin-bottom:30px; border-bottom:1px solid #ccc;}
.services-left-container{ padding:0; width:43%; float:left; padding:10px; border:1px solid #F3F3F3; margin:0 20px 40px 17px;}
.services-left-container h4{ color:#666666; font-size:17px; padding:0 0 10px 0;}
.services-left-container img{ border:1px solid #ccc; padding:5px; float:left; margin:0px 15px 10px 0px; width:20px;}
.services-left-container p{ color:#666666; margin:0 0 0 52px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px;}
.project-container{ margin:0; padding:0;}
.project-container h3{ color:#666666; font-size:24px; padding:50px 0 5px; margin-bottom:30px; border-bottom:1px solid #ccc;}
.project{ padding:0; width:27%; float:left; transition:all 0.5s ease 0s; padding:10px; border:1px solid #F3F3F3; margin:0 20px 40px 17px;}	
.project:hover{ border:1px solid #1275bb; box-shadow:1px 2px 15px -2px #C6C6C6; transition:all 0.5s ease 0s;}


.row{ padding:10px; width:100%;}
.our-partner-container{ padding:0; margin:0;}
.our-partner-container h3{ color:#666666; font-size:24px; padding:50px 0 5px; margin-bottom:30px; border-bottom:1px solid #ccc;}


	
/*--------------------body container end----------------*/

/*--------------------footer start----------------*/
.company-container{ padding:0 0 20px 0; width:40%; float:left; text-align:center; }
.company-container h3{ font-size:20px; color:#dddddd; padding:0 0 20px 0;}
.company-container p{ color:#fff; line-height: 25px;}
.contact-container p { padding:0 30px 0 0 ; color:#fff; font-size:15px; float:left;}
.contact-container span{ padding:0; color:#fff; float:left; font-size:15px;}
.copyright{padding:20px 0 0 0; border-top:1px dashed #666; color:#fff; font-size:14px; text-align:center;}
.copyright a{ text-decoration:none; color:#fff;}
 .copyright a:hover{ color:#FF0000;}
.foorter-nav{ margin:0; padding:0 0 0 27px; float:left; width:25%; text-align:center;}
.foorter-nav h3{ font-size:20px; color:#dddddd; padding:0 0 20px 0;}
.foorter-nav li{ list-style:none; padding:0 25px 10px 0; display:block;}
.foorter-nav li a{ text-decoration:none; color:#fff; transition:all 0.5s ease 0s; font-size:14px;}
.foorter-nav li a:hover{ color:#ff5c23; transition:all 0.5s ease 0s; }
.footer-address-container{ float:left; width:25%; text-align:center;}
.footer-address-container p{ color:#fff; line-height: 25px;}
.footer-address-container h3{ font-size:20px; color:#dddddd; padding:0 0 20px 0;}
/*--------------------footer end----------------*/

/*--------------------about us css start----------------*/
.about-us-container{ margin:50px 0 0 0; padding:0;}
.about-us-container img{ padding:5px; margin:0 15px 15px 0; border:1px solid #ccc; float:left; width:31%; height:356px;}
.about-us-container h3{ color:#666666; font-size:24px; padding:0px 0 5px; margin-bottom:25px; border-bottom:1px solid #ccc;}
.about-us-left-container{ padding:0; width:43%; float:left; padding:10px; border:1px solid #F3F3F3; margin:0 20px 40px 17px;}
.about-us-container p{ padding:0 30px 0 0 ; color:#777; font-size:15px; float:right; width:63%; line-height:32px; text-align:justify;}
/*--------------------about us css end----------------*/

.contact-us-container{ margin:0; padding:0;}
.contact-us-container img{ padding:5px; margin:0 15px 15px 0; border:1px solid #ccc; float:left; width:40%;}
.contact-us-container h3{ color:#666666; font-size:24px; padding:50px 0 5px; margin-bottom:25px; border-bottom:1px solid #ccc;}
.contact-us-right-container{ width:50%; float:right;}
.enquery-container{ float:left; width:47%;}
.enquery-container2{     border-left: 1px dashed #cccccc;
    float: right;
    padding-left: 19px; width:47%;}

/*--------------------contact us css start----------------*/
.contact-us-left-container{ width:45%; float:left}
.map-heading{ background:#CCCCCC; font-size:20px; padding:5px; width:98.1%%;}
.map img{ padding:5px; border:1px solid #CCCCCC; margin:0px;}
.form-container{ margin:20px 0 0 0;}
.user-detail { float:left; padding:5px 0 5px 0; color:#666666; width:23%; font-size:14px; line-height:18px; text-transform:uppercase}
.user-detail.width1 {width:190px;}
.user-detail.width2 {width:125px;}

.register-textbox-container{ padding:0 0 0 0; margin:20px 0 0 15px; width:100%;}
.textbox-register{border:1px solid #B2B2B2; width:70%; padding-left:15px; background:#f4f2f2;  height:35px;	}
.textbox-register.small {width:80px;}
.add-textaera{border:1px solid #B2B2B2; width:74.6%;  padding-left:0 0 0 10px; margin:0; background:#F4F2F2; box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset; height:120px; resize:none}
.submit-container{ margin:25px 0 0 120px;}
.submit-button{background: linear-gradient(#eb5c04, #FF690C) repeat scroll 0 0 #000; border:0; color: #FFFFFF;  cursor: pointer; font: 14px Tahoma,Helvetica,sans-serif; height:40px; padding: 1px 7px 2px; text-align: center; text-transform: uppercase;  width:130px;  transition: all 600ms linear 5s;}
.submit-button:hover{ color:#FFFFFF; background: linear-gradient(#D66017, #FF690C) repeat scroll 0 0 #000;  transition: all 600ms linear 5s;}
.google-map{ width:274px; border:1px solid #ccc; padding:2px 2px 10px; float:right; background:#fff; margin-top:20px;}
.select-button{border:1px solid #B2B2B2; width:254px; border-radius:5px; padding-left:0;   background:#CCCCCC; box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset; height:24px;}
.select-time-button{border:1px solid #B2B2B2; width:55px; float:left; border-radius:5px;  padding-top:3px; margin:0 0 0 2px; background:#CCCCCC; box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset; height:24px;}
.select-button-container{  height:22px; border:1ps solid #ccc; line-height:22px;}
.user-textbox{ margin:0 0 20px 0;}
.map-container{ width:60%; float:left; }
.address-container{ padding:10px 0 40px ;}
.address-container h3{padding:15px 0 8px; border-bottom:1px solid #666; color:#000; font-size:16px ; text-align:left; margin:0 10px 0 10px;}
.address-container p{ float:left; width:36%; padding:15px 0 14px 15px; text-align:right; margin:0 26px 0 0px; font-size:14px; font-weight:bold;}
.address{  padding:20px 0 0;  line-height:22px;}
.contactus-button-container{ margin-left:96px;}

/*--------------------contact us css end----------------*/
ul{
			list-style: none outside none;
		    padding-left: 0;
		}
		.gallery p{  text-align:center; color:#005FC1; font-size:17px; padding:10px 0; }
		.gallery li {
			display: block;
			float: left; padding: transition: all 0.5s ease 0s; 10px; border: 1px solid #f3f3f3;
			
			margin-bottom:20px; padding:10px;
			margin-right:16px;
			width:20%;
		}
		.gallery li a {
			height: 100px;
			width: 100px;
		}
		.gallery li a img { width:100%;  height:245px;
			}
		.gallery li:hover{border: 1px solid #1275bb;
    box-shadow: 1px 2px 15px -2px #c6c6c6;
    transition: all 0.5s ease 0s;}

.projectpage-container{ margin:0px; padding:0px;}

/*--------------------clintel css start----------------*/
.company-detail {
    padding: 15px 10px 20px 45px;
}
.clients-container-detail {
    border: 1px solid #e7e7e7;
    float: left;
    margin: 15px 50px 25px 0;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    transition: all 400ms linear 0s;
    width: 18%; height:100px;
}
.company-detail img {
    float: left;
    font-weight: bold; border:none;
  height:90px;
    margin: 0 25px 2px 0;
    padding: 5px;
    text-align: center;
    width:80%;
}
.view-first img {
    transition: all 0.2s linear 0s;
}
.clients-container-detail:hover {
    box-shadow: 0 0 10px 0 #cecece;
    cursor: pointer;
    transition: all 400ms linear 0s;
}
/*--------------------clintel css end----------------*/