@import url("common.css");
/*h2				{ font-style:italic;}*/
.phpdeveloper .bannerWraper,.jsdeveloper .bannerWraper,.graphicdesigner .bannerWraper,.webdesigner .bannerWraper,.seo .bannerWraper,.va .bannerWraper	{ background:url(../images/php-dev-bg.jpg) no-repeat 100% 0px #f5bb98;}
.phpdeveloper .bannerWraper .fixedWidth	{ background:url(../images/php-dev-man.png) no-repeat 0px 100%; padding-bottom:20px;}
.banner-cont	{ width:60%; text-align:center; padding:23px 0 25px 0; height:100%; overflow:hidden; float:right;}
.bannerWraper h1{ font-size:4.7em; margin:10px 0 0 0;}
.bannerWraper h2{  color: #2d484f;
    font-size: 2em;
    font-style: italic;
    font-weight: normal; margin-top:-5px}
.bannerWraper ul{ width:46%; float:left; margin-bottom:30px; margin-top:20px;}
.bannerWraper ul + ul	{ float:right; width:46%}
.bannerWraper ul li	{ text-align: left; font-size:1.5em; color:#192122; font-style:italic; margin:4px 0;background:url(../images/package-blt.png) no-repeat 0px 50%; padding:0 0 0 30px; font-weight:700;text-shadow: 1px 1px 1px #fff;}
.bannerWraper p		{ margin-bottom:0px; text-align:center;}
.bannerWraper p a	{ display:inline-block; background-color:#fc3176; padding:12px 20px; color:#fff; font-size:1.4em; border-radius:5px; margin-left:-5%; text-decoration:none; margin-bottom:25px; margin:0 20px; /*border:3px solid #fb99ba;box-shadow: 0px 1px 12px #514448;*/}
.bannerWraper p a:hover	{ background-color:#e31158;}
.bannerWraper p a + a	{ background-color:#c75930; /*border:3px solid #fff;*/ padding:12px 30px;}
.bannerWraper p a:active	{ box-shadow:none;}
#hiringPlan				{  padding:40px 0}
#hiringPlan	h2			{ font-style:normal; margin-bottom:10px;}
#hiringPlan section		{ float:left; width:27%; margin-right:6%}
#hiringPlan section + section + section{ margin-right:0; width:33%;}
#hiringPlan section h6	{ font-size:1.9em; margin-top:15px;}
#hiringPlan section p	{ font-size:1.1em;}
#hiringPlan section li	{ background:url(../images/package-blt.png) no-repeat 0px 12px; padding:10px 0 10px 35px; font-size:1.3em;}

.jsdeveloper .bannerWraper .fixedWidth	{ background:url(../images/js-dev-man.png) no-repeat 0px 100%; padding-bottom:20px;}
.graphicdesigner .bannerWraper .fixedWidth	{ background:url(../images/man-dedicated-gdesigner.png) no-repeat 0px 100%; padding-bottom:20px;}
.webdesigner .bannerWraper .fixedWidth	{ background:url(../images/man-dedicated-webdesigner.png) no-repeat 0px 100%; padding-bottom:20px;}
.seo .bannerWraper .fixedWidth	{ background:url(../images/seo-dev-man.png) no-repeat 0px 100%; padding-bottom:20px;}
.va .bannerWraper .fixedWidth	{ background:url(../images/vc-woman.png) no-repeat 0px 100%; padding-bottom:20px;}
#packages				{ background: url(../images/pricing-bg.png) no-repeat 0px 100% #e5ecf4; padding:50px 0 110px;background-size:cover; height:100%; overflow:hidden;}	
#packages article		{ padding:0 5%;}
#packages article h2	{ font-style:normal; font-size:4em; color:#021b43; margin-bottom:80px}
#packages section							{ width:31%; float:left; border-right:0; margin:0 1%; border-radius:15px; margin-top:40px;box-shadow: 5px 5px 5px #6b6b6a;}
#packages section + section				{  margin-top:0;}
#packages section:last-child				{ border-left:0;margin-top:36px}
#packages section div						{ background-color:#414141; padding:5px 23px 10px; color:#fff; font-size:2em; font-weight:bold; line-height:1em; border-radius:15px 15px 0 0; position:relative;}
#packages section div b						{ position:absolute; right:30px; top:-25px;}
#packages section div span					{ color:#f99801; font-size:4em; line-height:1em;}
#packages section div + div				{ background-color:#f99801; font-size:1.5em; font-weight:700; border-radius:0;padding:15px 23px;}
#packages section div + div + div			{ background-color:#ffda6c; color:#404040; text-align:center; font-size:2.1em;}
#packages section div + div + div span		{ font-size:2.5em; color:#d40211;}
#packages section div + div + div strong	{ font-size:1.1em;}	
#packages section div + div + div + div	{ background-color:#959595; padding:5px 23px 20px 23px; text-align: left;min-height: 180px; color:#fff;}
#packages section div + div + div + div h6	{ text-transform:none; font-size:0.7em; line-height:0.9em; margin:15px 0 5px;}
#packages section div + div + div + div p	{ font-size:0.5em; font-weight:normal; line-height:1.3em;}
#packages section div + div + div + div ul	{ margin-bottom:15px; margin-top:12px;}
#packages section div + div + div + div li	{ font-size:0.55em; font-weight:normal; color:#252525; background:url(../images/pck-blt.png) no-repeat 0px 9px; padding:0px 0px 0px 25px; text-align:left;}
#packages section div + div + div + div li.noblt	{ background-image:none;}
#packages section div + div + div + div a	{ font-size:0.8em; padding:12px 30px 12px 30px; background-color:#ff2445; border-radius:5px; display:block; color:#fff; text-decoration:none; margin-top:10px; /*box-shadow: 5px 5px 5px #7e7e7e;*/}
#packages section div + div + div + div a:hover {     background-color: #002e50; }
#packages section div + div + div + div + div	{ background-color:#ffda6c; border: none;min-height: 320px;border-radius:0 0 15px 15px; text-align:center;}
#packages section + section div					{ padding:25px 23px 35px}
#packages section + section div b				{ top:-45px}
#packages section + section div + div				{ background-color:#029922; font-weight:700;padding:15px 23px;}
#packages section + section div + div + div		{ background-color:#dedede;}
#packages section + section div span				{ color:#8dc23a; font-size:3.8em; line-height:1em;}
#packages section + section div + div + div + div	{ background-color:#8dc23a;}
#packages section + section div + div + div + div + div	{ background-color:#dedede; border:none;}

#packages section + section + section div span					{ font-size:2.3em; color:#daae00;}
#packages section + section + section div						{ padding:32px 23px 35px 23px}
#packages section + section + section div b					{ right:-15px;}
#packages section + section + section div + div				{ background-color:#daae00; padding:15px 23px;}
#packages section + section + section div + div + div			{ background-color:#ffda6c;padding:18px 23px;}
#packages section + section + section div + div + div span		{ color:#d40211;}
#packages section + section + section div + div + div + div	{ background-color:#959595;  padding:5px 23px 10px 23px; border-bottom:0;}
#packages section + section + section div + div + div + div ul	{ }
#packages section + section + section div + div + div + div + div	{ background-color:#ffda6c;}


@media screen and (max-width: 1023px) {
#packages section div span{font-size: 3.5em;}
#packages section + section div span{font-size: 3.5em;}
#packages section + section + section div span{font-size: 2em;}
}

@media screen and (max-width: 979px) {
#packages article{padding: 0;}
#packages section div{padding: 20px 23px 20px;}
#packages section div span{font-size: 2.8em;}
#packages section + section div span{font-size: 2.8em;}
}

@media screen and (max-width: 799px) {
.phpdeveloper .bannerWraper, 
.jsdeveloper .bannerWraper, 
.graphicdesigner .bannerWraper, 
.webdesigner .bannerWraper, 
.seo .bannerWraper, 
.va .bannerWraper{background-size: cover;}
.bannerWraper .fixedWidth{background-position: 50% 100% !important;}
.banner-cont{width: 100%; padding: 23px 0 60% 0;}
#packages section div{font-size: 1.8em;}
#packages section div + div{font-size: 1.3em;}
.bannerWraper p{clear: both;}
.bannerWraper p a{margin: 0 15px;}
}

@media screen and (max-width: 767px) {
#packages section + section div b{right: 12px;}
#packages section div{padding: 25px 23px;}
#packages section div span{font-size: 2.5em;}
}

@media screen and (max-width: 670px) {
#packages section div b{right: 10px; top: -60px;}
#hiringPlan section{width: 100% !important; margin-right: 0; margin-bottom: 20px;}
#packages section{width: 100%; margin: 0 0 60px !important;}
#packages section div b{right: 20px !important; top: -50px !important;}
#packages section div + div + div + div + div{min-height: 1px;}
}

@media screen and (max-width: 570px) {
.banner-cont{padding: 23px 0 75% 0;}
}

@media screen and (max-width: 450px) {
.banner-cont{padding: 23px 0 100% 0;}
.bannerWraper h1{font-size: 4em;}
.bannerWraper h2{margin-top: 0; margin-bottom: 20px;}
.bannerWraper ul{width: 100% !important; margin-bottom: 0; margin-top: 0;}
.bannerWraper p{padding: 20px 0 0;}
.bannerWraper p a{margin: 0 15px 20px;}
}

@media screen and (max-width: 400px) {
.banner-cont{padding: 23px 0 120% 0;}
#hiringPlan h2{font-size: 3em;}
#packages article h2{font-size: 3em;}
}

@media screen and (max-width: 350px) {
.banner-cont{padding: 23px 0 130% 0;}
}