
.top-blue-header{
    background:#09f;color:#fff;border-bottom:2px solid #c2c2c2;text-align:center;
    background-image: url('../images/teelance-banner.jpeg');
    background-size: cover;
}


@font-face{font-family:'bebas_neueregular';src: url('../fonts/bebasneue-webfont.woff2') format('woff2'), url('../fonts/bebasneue-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'keep_calmmedium';src:url('../fonts/keepcalm-medium-webfont.woff2') format('woff2'), url('../fonts/keepcalm-medium-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{font-family:Tahoma, Arial;font-size:18px;line-height:24px;color:#000;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
a{color:#000;text-decoration:none;}
/*.container{max-width:1024px;margin:auto;padding:0 20px;}*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
header{}
img{max-width:100%;width:auto;height:auto;}
h1{text-transform:uppercase;font-size:80px;line-height:100px;font-family:'bebas_neueregular', Arial;font-weight:normal;}
h2{font-size:40px;font-weight:normal;line-height:50px;font-family:'bebas_neueregular', Arial;}
.subtitle{max-width:640px;border-top:#656464 2px solid;padding:20px 0;margin:0 auto 80px;font-size:36px;}
.roundbtn{border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;border:2px solid #00bff3;padding:15px 40px;display:inline-block;font-size:24px;text-transform:uppercase;color:#fff;background:#09f;}
.three-block{display:table;text-align:center;padding:20px 0;width:100%;}
.three-block .block{display:table-cell;vertical-align:middle;width:33.33%;padding:0 40px;}
.width60{width:60%;float:left;}
.width40{width:40%;float:left;}
.business{border-bottom:2px solid #c2c2c2;}
.account{padding:20px 0;border-bottom:2px solid #c2c2c2;text-align:center;}
.account .columns{margin-top:30px;}
.account p{text-align:left;margin:60px 50px 0 0;font-size:26px;line-height:34px;}
/*.account .width60{background:#c2c2c2;height:300px;}*/
.winning-design .width40, .no-stress .width40{background:#c2c2c2;height:250px;}
.protected{padding:20px 0 40px;text-align:right;border-bottom:2px solid #c2c2c2;}
.protected p, .protected h2, .no-stress p, .no-stress h2{text-align:right;margin-right:50px;}
.tagline{background:#ebebeb;font-size:18px;line-height:22px;font-family:'bebas_neueregular', Arial;padding:30px 0;text-align:center; border-bottom: 2px solid #c2c2c2}
.winning-design{padding:25px 0; border-bottom: 2px solid #c2c2c2}
.winning-design h2{text-align:center;}
.winning-design p, .winning-design .width60 h2{margin-left:50px;text-align:left;}
.no-stress{padding:25px 0;border-top:0px solid #c2c2c2;border-bottom:2px solid #c2c2c2;}
.get-started{text-align:center;padding:30px 0;border-bottom:2px solid #c2c2c2;border-top:0px solid #c2c2c2;}
.get-started h2{font-size:36px;color:#7e7979;margin-bottom:30px;}
.bottom-section{background:#09f;color:#fff;font-family:'keep_calmmedium', Arial;padding:20px 0;border-bottom:2px solid #c2c2c2;}
.bottom-section h3{font-size:30px;padding:20px 0;border-bottom:1px solid #fff;margin-bottom:10px;}
.bottom-section .three-block .block{padding:0;}



.chart, .chart *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.chart{border:1px solid #000;display:table;margin-bottom: 10px;}
.chart .width50{display:table-cell;padding:2%;text-align:center;color:#000;/*font-family:Tahoma;*/border:1px solid #000;width:50%;vertical-align:top;}
.chart .topbar{height:30px;margin:-4% -4% 0;}
.chart .free .topbar{background:#29abe2;}
.chart .business .topbar{background:#0071bc;}
.chart img{margin:10px 0; width: 75%; height: 40px;}
.chart .h1{/*font-size:75px;line-height:80px;*/text-transform:uppercase;}
/*.chartDesc{color:#666;font-size:25px;line-height:30px;margin:20px 0;}*/
.chart .signUp{border:2px solid #29abe2;color:#0071bc;font-size:18px;padding:10px 40px;display:inline-block;margin:10px auto;text-transform:capitalize;/*line-height:40px;*/}
.chart p{font-size:14px;line-height:14px;margin: 15px 0 0 0; text-align: center}


.roundbtn:hover{
	background-color: #c2c2c2;
	border-color: #c2c2c2;
	text-decoration: none;
}

.signUp:hover{
	background-color: #0071bc;
	border-color: #0071bc;
	color: #FFF;
	text-decoration: none;
}

.bottom-section .three-block{
	padding: 0;
	font-size: 18px ;
}

.business .block h3{
	font-family:"bebas_neueregular",Arial;
}

@media (max-width: 768px){
	.subtitle{margin-bottom:0;font-size:30px;}
	h1{font-size:40px;line-height:48px;}
	.bottom-section h3{font-size:24px;}
}

@media (max-width: 600px){
	.roundbtn{padding:10px 20px;font-size:18px;}
	.subtitle{font-size:20px;padding:10px 0;}
	.three-block .block{width:70%;display:block;margin:auto;}
	.width40, .width60{width:100%;float:none;}
	.width40 p, .width60 p{margin:auto;text-align:center;}
	.account p{font-size:18px;line-height:24px;}
	.protected p, .protected h2, .no-stress p, .no-stress h2, .winning-design .width40, .no-stress .width40, .winning-design p, .winning-design .width60 h2{margin:auto;text-align:center;}
	.winning-design .width40, .no-stress .width40{height:auto;}
	.width40 + .width60{margin-top:20px;}
	.width60 + .width40{margin-top:20px;}
	.bottom-section .three-block .block{margin:50px auto;}
}

@media (max-width: 420px){
	.chart .width50{display:block;width:100%;}
	.chart .topbar{margin:-2% -2% 2%;}
}


