@import url("common.css");
/*h2				{ font-style:italic;}*/
.webdesignPackage {
    border-top: 4px solid #d8d6d6;
    padding: 40px 0;
}
.bannerWraper	{}
.banner-cont	{ padding:30px 0 40px 0; }
.bannerWraper h1{ font-size:4.5em; color:#333c3f; font-style:normal; text-align:left;}

.planContainer		{ padding:40px 0;border-top:4px solid #d8d6d6;}
.planContainer h2	{ margin-bottom:20px;}
.plansContainer	{ background-color:#fff; -webkit-box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.75);box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.75); margin:0px 0 0 0; height:100%; overflow:hidden;}


/*.plansContainer	ul				{  clear:both; margin-bottom:1px; height:100%; overflow:hidden;}
.plansContainer	ul li			{ width:35.6%; float:left; padding:3% 2% 3.7%; background-color:#808c8c; font-size:4.5em; color:#fff; font-weight:700; text-transform:uppercase; margin-left:0.1%}
.plansContainer	ul li + li		{ width:16%; background-color:#18d1d4; font-size:1.7em; text-align:center; padding:2% 2%; line-height:1.1em;}
.plansContainer	ul li + li span	{ font-size:2.5em; display:block; padding:25px 0 5px;}
.plansContainer	ul li + li + li	{ width:16%; background-color:#ffad03;}
.plansContainer	ul li + li + li + li { width:16%; background-color:#f45152;}

.plansContainer	ul + ul li		{ font-size:1.2em; padding:2%; font-weight:normal; background-color:#dedbdb !important; line-height:1em; color:#000; font-weight:700}
.plansContainer	ul + ul li + li	{ font-size:1em; line-height:1.2em; font-weight:normal}
.plansContainer	ul + ul:nth-child(2n+1) li 	{ background-color:#f4f3f3 !important; }
.plansContainer	ul + ul:last-child li + li	{ background-color:#18d1d4 !important;}
.plansContainer	ul + ul:last-child li + li + li	{ background-color:#ffad03 !important;}
.plansContainer	ul + ul:last-child li + li + li + li	{ background-color:#f45152 !important;}
.plansContainer li a 	{ border:2px solid #fff; padding:5px 15px; color:#fff; text-decoration:none}
.plansContainer li a:hover	{ background-color:#fff; color:#000;}*/


.bannerWraper h1	{ }
.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; }    
    
.plansContainer	ul#sep li {
    background-color: #00aac9!important;
    color: #FFF!important;
}


.tablesaw-bar{display: none;}
.tablesaw{font-family: 'Roboto Condensed', sans-serif !important;}
.tablesaw thead{background: none !important; border: none !important;}
.tablesaw thead th{font-family: 'Roboto Condensed', sans-serif !important; width: 16% !important; padding: 2% 2%; text-align: center; background: none; border: none !important; border-bottom: #fff 1px solid !important; border-left: #fff 1px solid !important; font-size: 1.5em !important; text-align: center !important; line-height: 1em !important; color: #fff !important; font-weight: 700 !important; text-transform: uppercase !important; text-shadow: none !important;}
.tablesaw thead th strong{font-size: 2.5em; display: block; padding: 25px 0 5px;}
.tablesaw thead th:first-child{width: 35.6% !important; padding: 3% 2% 3.7% !important; text-align: left !important; background-color: #808c8c !important; font-size: 4.5em !important; color: #fff; font-weight: 700 !important; text-transform: uppercase !important;}
.tablesaw thead th:nth-child(2){background-color: #18d1d4 !important;}
.tablesaw thead th:nth-child(3){background-color: #ffad03 !important;}
.tablesaw thead th:nth-child(4){background-color: #f45152 !important;}
.tablesaw thead th:nth-child(5){background-color: #9abc0d !important;}

.tablesaw tbody{background: #dedbdb !important;}
.tablesaw tbody td{border-bottom: #fff 1px solid !important; border-left: #fff 1px solid !important; text-align: center; font-size: 1em !important; line-height: 0.7em !important; padding: 1% 2%; color: #000; text-transform: uppercase;}
.tablesaw tbody tr td:first-child{text-align: left; font-weight: 700; font-size: 1.1em !important;line-height: 1.2 !important;}
.tablesaw tbody tr:nth-child(even) td{background-color: #fff;}
.tablesaw tbody tr.blue td{background-color: #00aac9 !important; color: #fff !important;}
.tablesaw tbody tr td a{border: 2px solid #fff; padding: 5px 15px; color: #fff; text-decoration: none;}
.tablesaw tbody tr td a:hover{background-color: #fff; color: #000;}
.tablesaw tbody tr.last td{padding: 2%;}
.tablesaw tbody tr.last td:nth-child(2){background-color: #18d1d4 !important;}
.tablesaw tbody tr.last td:nth-child(3){background-color: #ffad03 !important;}
.tablesaw tbody tr.last td:nth-child(4){background-color: #f45152 !important;}
.tablesaw tbody tr.last td:nth-child(5){background-color: #9abc0d !important;}


@media screen and (max-width: 979px) {
.banner-cont{text-align: center;}
.bannerWraper h1{text-align: center;}
.bannerWraper h1 span{display: block;} 
.bannerWraper h1 a{display: inline-block; float: none; margin-top: 0 !important;}
.tablesaw thead th:first-child{width: 30% !important; font-size: 4em !important;}
}

@media screen and (max-width: 799px) {
.tablesaw thead th:first-child{width: 20% !important;}
}

@media screen and (max-width: 767px) {
.tablesaw-bar{display: block !important;}
}

@media screen and (max-width: 670px) {
.tablesaw tbody tr td a{display: block;}
}

@media screen and (max-width: 450px) {
.bannerWraper h1{font-size: 3.5em;}
.tablesaw thead tr:first-child th{font-size: 3em;}
.tablesaw thead th strong{font-size: 2em;}
}

@media screen and (max-width: 400px) {
.tablesaw thead th.first{width: 10% !important; font-size: 2.5em !important;}
}