@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: 12px 18px 12px 18px; border: 0px solid #017c8e;
    text-decoration: none;background-color: #fc3176;color: #fff; border-radius: 4px;margin-top: 13px;font-weight: normal;}
.bannerWraper h1 a:hover { background-color: #007bd5; }
.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: 2.6em;
    line-height: 30px;
    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;
}	
.main_content_left label {
    display: block;
    height: 100%;
    margin: 0 0 20px;
    /* overflow: hidden; */
    width: 100%;
    float: left;
}	
.main_content_left label span {
    display: block;
    float: left;
    font-size: 16px;
    padding: 11px 0 0;
    text-align: right;
    width: 28%;
}
.main_content_left label input {
    border: 1px solid #dbdbdb;
    color: #686666;
    float: left;
    font-size: 14px;
    margin-left: 25px;
    padding: 11px 10px;
    width: 53%;
    border-radius: 5px;
    box-shadow: 5px 10px 3px 2px rgba(0,0,0,0.25);
	outline: none;
}
.main_content_left label select {
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 3px #888;
    color: #686666;
    float: left;
    margin-left: 25px;
    padding: 11px 10px;
    width: 57%;
	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: 54%;outline: none;
	border: 1px solid #dbdbdb;
}
.main_content_left input.submit {
    background-color: #f8246c;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 1.8em;
    border: 2px solid #fb5e93;
    margin: 0 0 0 31%;
    color: #fff;
    cursor: pointer;
}
#form1 #name {
    display: none;
}
#testimonial aside h3, #contactus aside h3   { font-size: 2em;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px; }
.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.1em;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 30px;
}
#testimonial aside ul li, #contactus aside ul li {
	margin: 0px 0px 12px;
	background: URL(../images/banner-blt.png) no-repeat 0 4px;
	padding: 0px 0px 0px 23px;
}
#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; }
.main_content_left ul { margin: 0px 0px 20px 0px; }
.main_content_left ul li {	
    text-align: left;
    font-size: 1.2em;
    color: #192122;
    font-style: italic;
    margin: 4px 0;
    background: url(../images/package-blt.png) no-repeat 0px 7px;
    padding: 10px 0 10px 35px;
}


@media screen and (max-width: 979px) {
.main_content_left{width: 100%;}
#testimonial aside,
#contactus aside{width: 100%;}
#contactus aside{padding-top: 30px;}
.banner-cont{text-align: center;}
.bannerWraper h1 span{display: block;} 
.bannerWraper h1 a{display: inline-block; float: none; margin-top: 0 !important;}
.map{padding-bottom: 35%;}
.testimonial .clientTestimonials section{width: 100%; margin: 40px 0;}
}

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

@media screen and (max-width: 400px) {
.map{padding-bottom: 100%;}
}