@charset "utf-8";
/* CSS Document */
    
	/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
    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{line-height:1}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
    ul{ margin:0; padding:0; list-style:none;}
    blockquote,q{quotes:none}
    blockquote:before,blockquote:after,q:before,q:after{content:none}
    a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration:none; outline:0;}
    ins{background-color:#ff9;color:#000;text-decoration:none}
    mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
    del{text-decoration:line-through}
    abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
    table{border-collapse:collapse;border-spacing:0}
    hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
    input,select{vertical-align:middle; outline:0;}
	img{ outline:0; border:0; max-width:100%;}
/*Reset CSS ends here*/

.clear{ clear:both;}
.bdr0{ border:0 !important;}
.fleft{ float:left !important;}
.fright{ float:right !important;}
button{ cursor:pointer;}
h1, h2, h3, h4, h5, h6, p{ margin:0 0 15px; padding:0; font-weight:normal;}
h1{ font-size:16px; text-transform:uppercase; color:#fff;}
h2{ font-size:13px; text-transform:uppercase; color:#fff;}
body { background:url(../images/body_bg.png) repeat #bedb39; color:#333; font-family: 'museo_slab500', Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;}
.wrapper{ width:1170px; margin:0 auto;}
.wrapper:after{ display:block; content:""; clear:both;}
.header{ background:#fff; padding:6px 0 0;}
.cloud_bg{ background:url(../images/cloud_rpt.png) repeat-x; height:35px; margin-bottom:20px;}
.logo{ width:211px; float:left; margin-bottom:-6px; position:relative; z-index:99;}
.orange_bnr{ background:#fd7400; padding:25px 0 20px; text-align:center; color:#fff; text-transform:uppercase;}
.la_1{ display:inline-block; margin-bottom:20px;}
.orange_bnr h1{ font-size:25px; line-height:35px; text-shadow:3px 3px 1px rgba(0, 0, 0, 0.3); margin-bottom:5px;}
.orange_bnr h2{ font-size:20px; line-height:35px;}
.la_2{ position:absolute; right:0; top:0;}
.orng_ctnt{ width:725px; margin:0 auto;}
.orange_bnr .wrapper{ position:relative;}
.main_sec{ padding:35px 0;}
.main_sec_lft{ float:left; width:740px;}
.main_sec_rgt{ float:right; width:415px;}
.vdo{ display:block; position:relative; height:265px; color:#fff; box-shadow:4px 5px 0 rgba(0, 0, 0, 0.2); margin-bottom:15px;}
.vdo p{ font-size:20px; line-height:20px; position:absolute; bottom:0; width:100%; text-align:center;}
.ovrly{ position:absolute; height:100%; width:100%; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.7);}
.vdo_btn{ position:absolute; left:330px; top:75px; height:auto;}
.free_trial{ display:block; height:125px; border:0; background:#fd7400; color:#fff; width:100%; box-shadow:4px 5px 0 rgba(0, 0, 0, 0.2); font-size:60px; line-height:60px; font-family: 'museo_slab500', Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:5px 5px 0px rgba(0, 0, 0, 0.15);}
.free_trial span{ display:block; font-size:18px; line-height:18px; opacity:0.6; text-shadow:none;}
.blue_btn_sec{}
.blue_btn{ float:left; margin-bottom:15px; border:0; background:#176e94; width:200px; height:125px; box-shadow:4px 5px 0 rgba(0, 0, 0, 0.2); color:#fff; font-family: 'museo_slab500', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0;}
.blue_btn h1{ line-height: 28px; height:50px; word-wrap:break-word; overflow:hidden; font-family: 'museo_slab700', Arial, Helvetica, sans-serif; font-size:23px; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.1);}
.blue_btn span{ display:block; height:35px; overflow:hidden; opacity:0.7; font-size:10px; line-height:18px;}
.blue_btn_sec .blue_btn:nth-child(2n){ float:right;}
.news_sec{ background:rgba(132, 157, 17, 0.8); padding:50px 0 10px;}
.latest_news{ float:left; width:490px;}
.testimonials{ float:right; width:605px;}

.lNews_img{ float:left; width:128px;}
.latestN{ float:right; width:350px; color:#fff;}
.latest_news h1{ line-height:14px; padding-right: 25px; position:relative; z-index:1; margin-bottom:20px;}
.latestN h2{ font-size:13px; text-transform:uppercase; color:#fff; margin-bottom:5px; line-height:13px;}
.latestN p{ margin-bottom:0;}
.latestN a.read_more{ color:#a9e964;}
.latestN a.read_more:hover{ text-decoration:underline;}

.bottom_note{ font-size:11px; color:#bedb39; text-align:center; clear:both;}
.footer{ background:#bedb39; padding:15px 0;}
.copy{ float:left; width:70%; font-size:11px; color:#5c8d28;padding: 3px 0;}
ul.social{ float:right; width:30%;}
ul.social{ text-align:right;}
ul.social li{ display:inline-block; font-size:24px; margin-left:18px;}
ul.social li a{ color:#467216;}
ul.social li a:hover{ color:#fff;}





.nav {
	position:relative;
	display:inline-block;
	float:right;
	margin-top:40px;
}
.nav-list {
	text-align:left;
	list-style:none;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
	list-style:none;
	margin-left:10px;
}

.nav-item:first-child{ margin-left:0;}

.nav-item a {
	display:block;
	color:#333;
	font-size:13px;
	text-transform:uppercase;
	padding: 5px 8px;
}
.nav-item > a:hover, .nav-item.active a {
	background:#ffcf42;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#932C77;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#BEDB39 url(../images/nav_btn.png) no-repeat center center;
	background-size:100%;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #8B2870;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../img/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.nav-mobile {
		display:block;
		right:2%;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
		position:absolute;
		right:0;
		margin-top:55px;
	}
	.nav-list {
		display:none;
		background:#fff;
		z-index:9999;
		position:relative;
		padding:20px 0;
	}
	.nav-item {
		width:100%;
		float:none;
		margin:0 0 1px;
	}
	.nav-item > a {
		padding:15px;
		font-size:14px;
		font-family: 'museo_slab700'; 
		color:#176e94;
	}
	.nav-item:hover > a, .nav-item.active > a{ color:#fff;}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
}