@import url("common.css");
/*h2				{ font-style:italic;}*/
.bannerWraper	{ }
.banner-cont	{ padding:30px 0 30px 0; }
.bannerWraper h1{ font-size:4.5em; color:#333c3f; }
#testimonial						{ border-top:4px solid #d8d6d6;}
#testimonial article				{ width:70%; margin:20px auto 50px auto; text-align:center; border-bottom:1px solid #b4b4b6; padding-bottom:30px;}
#testimonial article:last-child		{ margin-bottom:0; border-bottom:0;}
#testimonial article h3				{ font-size:2em;}
#testimonial article p				{ margin:10px 0; font-size:1.3em; line-height:1.6em; color:#323236; text-align:left;}
#testimonial article p + p			{ color:#000; line-height:1.2em; font-weight:700;}
#testimonial article p + p span		{ display:block;}
.testimonial .clientTestimonials section	{ width:27%; margin:40px 3%;}
.testimonial .clientTestimonials section div	{ border:7px solid #bdbcbc; padding:20px 15px; position:relative; background-color:#fff;box-shadow: 10px 10px 5px #888888;}
#testimonial article img	{ margin:0 0 20px 0;border-radius:115px;box-shadow: 10px 10px 5px #888888; width:230px; height:230px;}

.bannerWraper h1 a	{ display:block; float:right; font-size:0.4em; padding:7px 18px 9px 18px; border:2px solid #017c8e; text-decoration:none; background-color:#0492a7; color:#fff; border-radius:5px; margin-top:17px; font-weight:normal;}

.portfolioMain			{ padding:40px 0;border-top:4px solid #d8d6d6;}
.portfolioMain section	{ width:22%; margin:3% 1.5%; background-color:#f39233;box-shadow: 10px 10px 5px #888888; float:left; border-radius:10px !important;}
.portfolioMain section h4 a	{ padding:140px 20px 40px 20px; display:block; background:url(../images/web-design-icon.png) no-repeat 50% 30px; font-size:2em; font-weight:700; color:#fff; text-decoration:none; text-align:center; line-height:1.4em; text-transform:uppercase; border-radius:10px !important;}
.portfolioMain section h4 a span	{ display:block; font-size:1.7em;}
.portfolioMain section h4 a:hover	{ background-color:#e77505;}

.portfolioMain section + section h4 a	{ background-color:#abdd4b;}
.portfolioMain section + section h4 a:hover	{ background-color:#86c50c;}

.portfolioMain section + section + section h4 a	{ background-color:#ead229;}
.portfolioMain section + section + section h4 a:hover	{ background-color:#d7bc00;}

.portfolioMain section + section + section + section h4 a	{ background-color:#3abbba;}
.portfolioMain section + section + section + section h4 a:hover	{ background-color:#039493;}

.portfolioMain section + section + section + section + section h4 a	{ background-color:#eb6a8a;}
.portfolioMain section + section + section + section + section h4 a:hover	{ background-color:#c93a5d;}

.portfolioMain section + section + section + section + section + section h4 a	{ background-color:#769995;}
.portfolioMain section + section + section + section + section + section h4 a:hover	{ background-color:#4d726e;}

.portfolioMain section + section + section + section + section + section + section h4 a	{ background-color:#9b6393;}
.portfolioMain section + section + section + section + section + section + section h4 a:hover	{ background-color:#843879;}

.portfolioMain section + section + section + section + section + section + section + section h4 a	{ background-color:#133d7b;}
.portfolioMain section + section + section + section + section + section + section + section h4 a:hover	{ background-color:#0a2b5d;}

.main_content_left { float: left; width: 70%; }
#testimonial aside, #contactus aside { float: right; width: 25%; }
.main_content_left h3   { font-size: 3em;
    line-height: 46px;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px; }
.main_content_left h4   { font-size: 2em;
    line-height: 36px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px; }	
.main_content_left h5 {
    border-bottom: 2px solid #e3e2e0;
    color: #5f5f5f;
    font-size: 1.5em;
    margin: 10px 0 20px;
    padding: 0 0 7px;
}	
.form-row { display: block;
    height: 100%;
    margin: 0 0 20px;
    /* overflow: hidden; */
    width: 100%;
    float: left; }
.main_content_left label {
    display: block;
    float: left;
    font-size: 16px;
    padding: 11px 0 0;
    text-align: right;
    width: 28%;
}
.main_content_left .form-row input {
    border: 1px solid #dbdbdb;
    color: #686666;
    float: left;
    font-size: 14px;
    margin-left: 25px;
    padding: 11px 10px;
    width: 54%;
    border-radius: 5px;
    /*box-shadow: 5px 10px 3px 2px rgba(0,0,0,0.25);*/
	outline: none;
}
.main_content_left label select, .main_content_left select {
    border: 1px solid #dbdbdb;
    /*box-shadow: 0 0 3px #888;*/
    color: #686666;
    float: left;
    margin-left: 25px;
    padding: 11px 10px;
    width: 56.5%;
	border-radius: 5px;
    /*box-shadow: 5px 10px 3px 2px rgba(0,0,0,0.25);*/
    outline: none;
}
.main_content_left textarea {
    /*box-shadow: 5px 10px 3px 2px rgba(0,0,0,0.25);*/
    color: #686666;
    float: left;
    height: 110px;
    margin-left: 25px;
    padding: 1% 1% 1% 2%;
	border-radius: 5px;
    width: 53.4%;outline: none;
	border: 1px solid #dbdbdb;
	resize: none;
}
.main_content_left input.submit, .main_content_left input[type=submit] {
    background-color: #f8246c;
    border-radius: 7px;
    padding: 5px 20px;
    font-size: 1.8em;
    border: 2px solid #fb5e93;
    margin: 0 0 0 31%;
    color: #fff;
    cursor: pointer;
	box-shadow: none;
}

.main_content_left input.submit:hover, .main_content_left input[type=submit]:hover {
    background-color: #007bd5;
    border: 2px solid #007bd5;
    
}

#testimonial aside h3, #contactus aside h3   { font-size: 2em;
    line-height: 46px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px; }
.main_content_left p {
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: 300;
    margin-bottom: 30px;
}
#testimonial aside ul, #contactus aside ul {
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 300;
    margin-bottom: 30px;
}
#contactus { background: #FFF;border-top:4px solid #d8d6d6; }
#success {color:#5eb054; }
#success h6 {font-size: 18px; font-weight: bold; margin: 0px; padding: 0px 0px 6px 0px; }
#success p {font-size: 15px; font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px; }

@media screen and (max-width: 979px) {
	.main_content_left,
	#contactus aside {
    	width: 100%;
	}
	.testimonial .clientTestimonials section {
		width: 100%;
    	margin: 0;
		margin-top:40px;
	}
}

@media screen and (max-width: 450px) {
	.main_content_left label {
		width: 100%;
		padding: 11px 0;
		text-align: left;
	}
	.main_content_left .form-row input,
	.main_content_left label select, .main_content_left select,
	.main_content_left textarea {
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}
	.clientTestimonials h2 {
    font-size: 2.5em;
}
}