@import url("common.css");
h2				{ /*font-style:italic;*/}
.bannerWraper	{ background:url(../images/dedicated-bg.jpg) no-repeat 0px 0px;background-size:cover}
.bannerWraper .fixedWidth	{ background:url(../images/hiring-man.png) no-repeat 0px 100%; padding-bottom:20px;}
.banner-cont	{ width:66%; text-align:center; padding:23px 0 25px 0; height:100%; overflow:hidden; float:right;}
.bannerWraper h1{ font-size:3.5em; margin:30px 0 0 0;}
.bannerWraper h2{  color: #2d484f;
    font-size: 2em;
    font-style: italic;
    font-weight: normal;}
.bannerWraper ul{ width:45%; float:left; margin-bottom:40px; margin-top:40px;}
.bannerWraper ul + ul	{ float:right; width:45%}
.bannerWraper ul li	{ text-align: left; font-size:1.6em; color:#192122; font-style:italic; margin:4px 0;background:url(../images/banner-blt.png) no-repeat 0px 8px; padding:0 0 0 25px;}
.bannerWraper p		{ margin-bottom:20px; text-align:center; clear: both;}
.bannerWraper p a	{ display: inline-block;
    background-color: #fc3176;
    padding: 15px 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;  padding:15px 30px;}
.bannerWraper p a:active	{ box-shadow:none;}
#hiringPlan				{  padding:40px 0}
#hiringPlan section		{ width:29%; margin:2%; background-color:#fff; border-radius:5px;/*box-shadow: 0px 0px 10px #888888;*/ padding-bottom:20px; float:left; }
#hiringPlan section h3	{ border-radius:5px 5px 0 0; text-align:center; padding:10px 0; font-size:1.8em; color:#fff;}
#hiringPlan section figure	{ background-color:#fff; text-align:center; padding:10px 0 10px 0; margin:10px 0 0 0; height:170px;}
#hiringPlan section figure img	{ width:50%}
#hiringPlan section div		{ padding:10px 20px;}
#hiringPlan section h6		{ font-size:1.6em;}
#hiringPlan section li		{ font-size:1.0em;border-bottom:1px solid #d7d7d7!important; padding:1px 0 5px 20px;}
#hiringPlan section ul li:before { content: "";border-style: solid;border-width: 0.35em 0 0.35em 0.45em;display: block;height: 0;width: 0;left: -1em;top: 0.9em;position: relative;}
#hiringPlan section li:last-child	{ border-bottom:0;}
#hiringPlan section p				{ margin-top:15px;}
#hiringPlan section p a 			{ display: inline-block;
    padding: 12px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 1.3em;
    border-radius: 5px;
    /* border: 1px solid #e27b16; */}

#hiringPlan section h3,#hiringPlan section p a 	{ background-color:#f39233;}
#hiringPlan section li	{ border-color:#e6d6c6}
#hiringPlan section ul li:before	{ border-color:transparent #f39233}

#hiringPlan section:nth-child(2) h3,#hiringPlan section:nth-child(2) p a 	{ background-color:#9dd139;}
#hiringPlan section:nth-child(2) li	{ border-color:#d9f6a0}
#hiringPlan section:nth-child(2) ul li:before	{ border-color:transparent #9dd139}
#hiringPlan section:nth-child(2) p a	{ border-color:#82b71b;}

#hiringPlan section:nth-child(3) h3,#hiringPlan section:nth-child(3) p a 	{ background-color:#3abbba;}
#hiringPlan section:nth-child(3) li	{ border-color:#97dbda}
#hiringPlan section:nth-child(3) ul li:before	{ border-color:transparent #3abbba}
#hiringPlan section:nth-child(3) p a	{ border-color:#199392;}

#hiringPlan section:nth-child(4) h3,#hiringPlan section:nth-child(4) p a 	{ background-color:#eb6a8a;}
#hiringPlan section:nth-child(4) li	{ border-color:#efb4c3}
#hiringPlan section:nth-child(4) ul li:before	{ border-color:transparent #eb6a8a}
#hiringPlan section:nth-child(4) p a	{ border-color:#cf3c61;}

#hiringPlan section:nth-child(5) h3,#hiringPlan section:nth-child(5) p a 	{ background-color:#9b6393;}
#hiringPlan section:nth-child(5) li	{ border-color:#e0aed9}
#hiringPlan section:nth-child(5) ul li:before	{ border-color:transparent #9b6393}
#hiringPlan section:nth-child(5) p a	{ border-color:#83427a;}

#hiringPlan section:nth-child(6) h3,#hiringPlan section:nth-child(6) p a 	{ background-color:#133d7b;}
#hiringPlan section:nth-child(6) li	{ border-color:#9bb4d9}
#hiringPlan section:nth-child(6) ul li:before	{ border-color:transparent #133d7b}
#hiringPlan section:nth-child(6) p a	{ border-color:#042b63;}
#hiringPlan section p a:hover { background: #000; }

@media screen and (max-width: 1023px) {
#hiringPlan section{min-height: 550px;}
#hiringPlan section figure{height: auto;}
}

@media screen and (max-width: 979px) {
#hiringPlan section p a{font-size: 1.1em; text-align: center;}
#hiringPlan section h3{font-size: 1.6em;}
}

@media screen and (max-width: 799px) {
#hiringPlan section{min-height: 600px;}
}

@media screen and (max-width: 767px) {
.bannerWraper .fixedWidth{background-position: 50% 100%;}
.banner-cont{width: 100%; padding: 23px 0 70% 0;}
#hiringPlan section{min-height: 580px;}
}

@media screen and (max-width: 670px) {
#hiringPlan section{min-height: 550px; width: 46%;}
}

@media screen and (max-width: 570px) {
#hiringPlan section{min-height: 600px;}
}

@media screen and (max-width: 450px) {
.banner-cont{padding: 23px 0 100% 0;}
.bannerWraper ul{width: 100% !important; margin-bottom: 0; margin-top: 0;}
.bannerWraper p{padding-top: 40px;}
.bannerWraper p a{margin-bottom: 20px;}
#hiringPlan section{min-height: 1px; margin: 0 0 30px; width: 100%;}
.bannerWraper h1{font-size: 2.5em;}
.bannerWraper h2{font-size: 1.5em; margin-bottom: 20px;}
.bannerWraper ul li{font-size: 1.3em;}
}

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

@media screen and (max-width: 350px) {
.bannerWraper h1{font-size: 1.5em;}
.bannerWraper h2{font-size: 1.2em; margin-bottom: 20px;}
.bannerWraper ul li{font-size: 1em;}
}