html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
  caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; 
-o-transition:all 0.5s ease; transition:all 0.5s ease; color:#333;}
a:focus {outline:none;}

::-webkit-input-placeholder {font-weight:100;}
::-moz-placeholder {font-weight:100;}
:-ms-input-placeholder {font-weight:100;}
:-moz-placeholder {font-weight:100;}

:focus { outline: none; }
html, body {font-family: 'Lato', sans-serif;}

#maincontainer {width:100%; float:left;}

/* ==================== Main css start here ==================== */

/* ===== Header ===== */

.header {width:100%; float:left;}

.header .hd_top {width:100%; float:left; background:#00497b; padding:20px 0;}
.header .hd_top h1 {display:block; color:#fff; font-size:42px; line-height:40px; font-family:'bebas_neueregular'; letter-spacing:1px;}

.header .hd_top .p_blk {display:block; text-align:right;}
.header .hd_top .p_blk a {display:inline-block;}
.header .hd_top .p_blk a img {width:auto;}

/* ===== Bodycontaner ===== */

.bodycontainer {width:100%; float:left; padding:40px 0 0;}

/* Left side css start here */

.bodycontainer .left_blk {display:block;  border-right:1px solid #ccc; padding:0 30px 0 0; margin: 0 0 50px;}
.bodycontainer .left_blk p {display:block; color:#333; font-size:15px; letter-spacing:0.25px; line-height:24px; padding:0 0 25px;}
.bodycontainer .left_blk p b { font-weight:bold;}

.bodycontainer .left_blk .graph_blk {display:block; padding:0 0 20px;}
.bodycontainer .left_blk .graph_blk img {max-width:100%; border-radius:10px;}

.bodycontainer .left_blk .listing_blk {display:block; padding:15px 0 25px;}
.bodycontainer .left_blk .listing_blk p {padding:0 0 10px;}
.bodycontainer .left_blk .listing_blk p b {font-size:18px; font-style:italic; letter-spacing:0.5px;}
.bodycontainer .left_blk .listing_blk ul {display:block; list-style:circle; padding:0 0 0 20px;}
.bodycontainer .left_blk .listing_blk ul li {padding:5px 0 5px 5px; color:#000; font-size:13px; letter-spacing:0.25px; font-weight:400px; line-height:20px;}

.bodycontainer .left_blk .contact_blk {display:block; background:#149757; border-radius:5px; padding:15px 30px; margin:0 0 25px; text-align:center; 
border:3px dashed #fff;}
.bodycontainer .left_blk .contact_blk p {display:block; text-align:center; color:#fff; font-weight:700; font-size:24px; padding:0; line-height:28px; 
font-style:italic; letter-spacing:0.75px;}

.bodycontainer .left_blk .price_table {display:block;}
.bodycontainer .left_blk .price_table  p.head {display:block; font-size:20px; font-weight:900; color:#000; line-height:26px; letter-spacing:0.5px; padding:0 0 15px; 
text-transform:uppercase;}

.bodycontainer .left_blk .price_table table {border:0; margin:0 0 20px;}
.bodycontainer .left_blk .price_table table td {border-bottom:1px solid #ccc; border-left:10px solid #fff;}
.bodycontainer .left_blk .price_table table tr:first-child td {border-bottom:10px solid #fff;}
.bodycontainer .left_blk .price_table table td:first-child {border-left:0;}
.bodycontainer .left_blk .price_table table td strong {padding:5px 15px; line-height:24px; font-weight:bold; text-transform:uppercase; display:block; font-size:15px;}
.bodycontainer .left_blk .price_table table td span {padding:5px 15px; line-height:20px; font-weight:bold; display:block; font-size:13px; letter-spacing:0.5px;}
.bodycontainer .left_blk .price_table p.info {font-style:italic; font-size:16px; letter-spacing:0.5px; padding:0;}
.bodycontainer .left_blk .price_table p.info a {color:#149757;}


/* Right side css start here */

.bodycontainer .right_blk {display:block;}

.bodycontainer .right_blk .btns_blk {display:block; padding:0 0 5px;}
.bodycontainer .right_blk .btns_blk a{display:block; color:#fff; font-weight:bold; padding:0 20px; background:#149757; line-height:40px; font-size:17px;
letter-spacing:0.5px; margin:0 0 5px; border-radius:5px;}
.bodycontainer .right_blk .btns_blk a:hover {background:#00497b; color:#fff;}

.bodycontainer .right_blk .buy_blk {display:block; margin:0 0 30px;}
.bodycontainer .right_blk .buy_blk a {display:block; text-align:center; color:#fff; font-size:32px; background:#10597c; border-radius:5px; padding:0 20px; 
line-height:60px; font-family:'bebas_neueregular'; letter-spacing:1px;}
.bodycontainer .right_blk .buy_blk a:hover {background:#149757;}

.bodycontainer .right_blk .video{display:block; margin:0 0 30px;}
.bodycontainer .right_blk .video iframe{ width:100%!important; border-radius:8px;}

.bodycontainer .right_blk .cover_blk {display:block; padding:20px; background:#f5f8fb; border-radius:5px;}
.bodycontainer .right_blk .cover_blk strong {display:block; background:#09b6b3; line-height:40px; text-align:center; color:#000; font-weight:bold; 
letter-spacing:0.5px; font-size:18px; border-radius:5px; margin:0 0 10px; text-transform:uppercase;}
.bodycontainer .right_blk .cover_blk a {display:block;}
.bodycontainer .right_blk .cover_blk a img {width:100%;}

.bodycontainer .right_blk .form_blk {display:block; padding:0 0 15px;}

/* Footer css start here */

.footer {width:100%; float:left; background:#151515; padding:30px 0;}
.footer p {display:block; text-align:center; font-size:13px; line-height:20px; letter-spacing:1px; color:#fff;}
.footer p a {text-decoration:underline; font-weight:bold;}
