/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px; display:block;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
ul											{margin: 0;}
li											{list-style: none;}



/******Global Elements*******/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}



/* ----------------------- layout ----------*/
html 										{}
body										{color:#002A2D; font-family: 'Open Sans', sans-serif; font-size:16px;}
.flt_Lt										{float:left; display:inline;}
.flt_Rt										{float:right; display:inline;}
.wrapper									{margin:0 auto;}
.container									{width: 1210px; margin:0 auto;}


img											{display: block; max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6						{font-weight: normal;}

button, input[type=submit] 					{-webkit-appearance: none; cursor: pointer;}
button:hover, input[type=submit]:hover 		{opacity: 0.8;}

input 										{font-family: 'Source Sans Pro', sans-serif;}
.text-center								{text-align: center;}
.text-center img							{margin: 0 auto;}

.dtable										{display: table; width: 100%; table-layout: fixed;}
.vmiddle									{display: table-cell; vertical-align: middle;}

.transonh									{ -webkit-transition: all 0.2s ease-in;  -khtml-transition: all 0.2s ease-in;  -moz-transition: all 0.2s ease-in;  -ms-transition: all 0.2s easein;  -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}



h1											{font-size:54px; line-height: 60px; font-weight: 300;}
h2											{font-size:42px; line-height: 50px; font-weight: 300;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:22px; line-height: 28px;}
h6											{font-size:12px; line-height: 20px;}

.lt, .mt, .rt								{float: left;}



.container::before, .container::after		{content: ""; clear: both; display: block;}

a											{ -webkit-transition: all 0.2s ease-in;  
-khtml-transition: all 0.2s ease-in; 
 -moz-transition: all 0.2s ease-in; 
 -ms-transition: all 0.2s ease-in;  
-o-transition: all 0.2s ease-in; 
transition: all 0.2s ease-in;
}



/* ------------------ HEADER HERE -------------------*/
header										{padding: 35px 0 60px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000;}
#logo										{}

header .lt									{width: 33.33%;}
header .mt									{width: 33.33%;}
header .rt									{width: 33.33%; margin: 10px 0 0 0;}

header .lt a								{font-weight: 900; color: #ffa340; font-size: 42px; line-height: 42px;}
header .rt ul								{float: right;}
header .rt ul li							{float: left; margin: 0 20px 0 0;}
header .rt ul li a							{font-size: 20px; color: #FFA340;}

header .rt ul li a:hover					{opacity: 0.6; color: #ffa340;}




/* ------------------------- NAVIGATION HERE ---------------*/
#nav										{}
#nav ul										{}
#nav ul li									{}
#nav ul li a								{}
#nav ul li a span							{}
#nav ul li a:hover							{}



/* ------------------------ MAIN CONTENT HERE --------------*/
main										{}

.section1									{
/*	background: url(../images/banner1.jpg) scroll no-repeat top center; background-size: cover;*/
	padding: 150px 0 0 0; position: relative; overflow: hidden;}

.section2									{background: #FFA340; padding: 25px 0; position: relative; z-index: 10;}
.section2 .btns								{background: #FFFFFF; border-radius: 100px;display: inline-block; line-height: 56px; padding: 0 50px;}
.section2 .btns span						{display: inline-block; vertical-align: middle; font-weight: 600; font-size: 20px; color: #007fff; text-transform: uppercase; padding: 0 0 0 15px;} 
.section2 .btns img							{display: inline-block; vertical-align: middle;}

.section2 .btns:hover						{opacity: 0.8;}

.section1 h1								{position: relative; z-index: 100;}

.section1 .hand-img							{padding: 100px 0 0 0; position: relative; z-index: 100;}
.section1 .hand-img	.phone					{margin: 0 auto; width: 491px; position: relative; left: 80px;}
.section1 .hand-img .playbtn				{position: absolute; top: 30%; left: 30%;}

.section1 .block3							{position: absolute; bottom: 120px; left: 60px;}
.section1 .block4							{position: absolute; bottom: 0px; right: 0;}

.section1 .hand-img .playbtn:hover			{opacity: 0.6;}


.section3									{background-color: #ffe5ca; padding: 70px 0; position: relative; z-index: 10;}


.titlew										{padding: 0 0 50px 0;}

.section3 li								{display: inline-block; width: 30%; vertical-align: top;}
.section3 li h2								{font-size: 60px; color: #ffa340; font-weight: 300; line-height: 80px; padding: 0 0 30px 0;}
.section3 li .imgw							{height: 280px;}
.section3 li h5								{font-weight: 600;}

.section4									{background-color: #a0e0fb; padding: 90px 0; position: relative; z-index: 100;}
.section4 .titlew							{padding: 0;}

.section4 .block1							{position: absolute; left: 0; top: -20px; z-index: 1000;}
.section4 .block2							{position: absolute; right: 0; top: -20px; z-index: 1000;}





main .btns									{background: none; border-radius: 100px; display: inline-block; line-height: 56px; padding: 0 50px; border: 1px solid #a0e0fb; display: inline-block; font-weight: 600; font-size: 20px; color: #ffffff; text-transform: uppercase; border: solid 1px #ffffff;}

main .btns:hover							{opacity: 0.8;}
.section4 .btns:hover {  background-color: #4f9cbd;}

/* .section4 .btns						{border: solid 1px #ffa340; color: #ffa340;} */












/* ------------------ FOOTER HERE --------------------------*/
footer										{background-color: #62cdfb; padding: 40px 0; position: relative; z-index: 10;}
.copy										{}

footer h6									{font-weight: 600; text-transform: uppercase; line-height: 30px;}
footer h6 a									{color: #002a2d;}
footer h6 img								{display: inline-block;}

footer ul									{float: right;}
footer ul li								{float: left; margin: 0 20px 0 0;}
footer ul li a								{font-size: 20px; color: #1f7ea6;}

footer .rt									{float: right;}

footer .rt ul li a:hover					{opacity: 0.6; color: #1f7ea6;}



.wrapper									{overflow: hidden;}

.layer { width: 100%;
  height: calc(100% - 150px);
  position: fixed;
  z-index: 2;}


footer h6 br								{display: none;}

.block1 img, .block2 img, .block3 img, .block4 img {margin: 0;}


.section2 .btns img 						{height: 40px;}


.section2 .btns {margin: 0 15px;}




footer a:hover {   color: #e68114;}


body {overflow-x: hidden;	}



#request-demo-popup {}
#request-demo-popup h2 {padding: 0 0 30px 0; font-size: 30px;}


#request-demo-popup .indicates-required {color: red; padding: 0 0 10px 0;}


.mc-field-group {margin: 0 0 10px 0;}

.mc-field-group label {display: block; padding: 0 0 10px 0;}

.mc-field-group input {height: 40px; padding: 0 10px; font-size: 14px; width: 100%; box-sizing: border-box;}


#request-demo-popup input[type=submit] {background: none;
    border-radius: 100px;
    display: inline-block;
    line-height: 35px;
    padding: 0 30px;
    border: 1px solid #a0e0fb;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    border: solid 1px #ffffff;     border: solid 1px #ffa340;
    color: #ffa340; height: 35px;}



#request-demo-popup {width: 300px;}