@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:center;}
#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:2.5% 1.5%; background-color:#f39233;  float:left; border-radius:6px !important;}*/
.portfolioMain section	{ width:30%; margin:2.5% 1.5%; background-color:#f39233; /*box-shadow: 10px 10px 5px #888888;*/ float:left; border-radius:6px !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 h4 a	{ background-color:#133d7b;}
.portfolioMain section + section + section h4 a:hover	{ background-color:#0a2b5d;}

.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;}


@media screen and (max-width: 1279px) {
.portfolioMain section h4 a{font-size: 1.5em;}
.portfolioMain section h4 a span{font-size: 1.5em;}
}

@media screen and (max-width: 979px) {
.portfolioMain section{width: 47%;}
.banner-cont{text-align: center;}
.bannerWraper h1 span{display: block;} 
.bannerWraper h1 a{display: inline-block; float: none; margin-top: 0 !important;}
}

@media screen and (max-width: 450px) {
.bannerWraper h1{font-size: 3.5em;}
.portfolioMain section{width: 100%; box-sizing: border-box; margin: 3% 0;}
}