@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nCSLrGe-fkSRw2DeVgOoWcQ.woff) format('woff');
}


@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
}
a{text-decoration:none; outline:none;border:0px;}
img{border:0px;}
form{padding:0px; margin:0px;}
.clear{clear:both;}
#header{width:100%; float:left; text-align:center; padding:25px 0;}
#header .header_in{width:88%; margin:auto;}

#header .header_in h1{font-family:'Open Sans'; font-style: normal; font-weight: 800; font-size:60px; color:#37a0e1;padding:0px; margin:0px;}
#header .header_in h2{font-family:'Open Sans'; font-style: italic; font-weight: normal; font-size:35px; color:#fff; text-transform:uppercase; padding:0px; margin:0px auto; background: #52A2DF; line-height:normal; margin-top:20px !important;width: 68%;}
#header .header_in h3{font-family:'Open Sans'; font-style: normal; font-weight: 200; font-size:24px; color:#ff2d00; padding:10px 0 0 0; margin:0px; line-height:25px;}

#banner_area{width:100%; float:left; text-align:center; background:url(../images/banner-bg.jpg) repeat 0 0; height:421px;}
#banner_area .banner_area_in{width:87%; margin:auto; position:relative;}
#banner_area .banner_area_in .laptop{background:url(../images/laptop.png) no-repeat 0 0; width:714px; height:414px; position:absolute; top:28px; left:55px;}
#banner_area .banner_area_in .laptop img{margin-top:25px; width:544px; height:339px;}
#banner_area .banner_area_in .sold{background:url(../images/sold-sale.png) no-repeat 0 0; width:315px; height:343px; position:absolute; top:52px; left:-78px;}
#banner_area .banner_area_in .form{background:url(../images/form-bg.png) no-repeat 0 0; width:332px; height:220px; float:right; margin-top:28px; padding:20px;}
#banner_area .banner_area_in .form h2{font-family:"Roboto Condensed"; font-weight: 700; font-size:24px; color:#ff2d00; text-transform:uppercase; padding:0px; margin:0px; line-height:26px; padding:0px; margin:0px;}
#banner_area .banner_area_in .form p{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; line-height:14px;}
#banner_area .banner_area_in .form input[type="text"]{width:308px; padding:10px 11px; border:solid 1px #65b706; border-radius: 5px; float:left; margin-bottom:10px; color:#65b706;}
#banner_area .banner_area_in .form input[type="button"]{width: 140px;
border-radius: 5px; padding:5px 0px; border:solid 1px #00A6C5; float:right; margin-bottom:10px; background: #37a0e1; /* Old browsers */
background: -moz-linear-gradient(top,  #37a0e1 0%, #47b5fa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37a0e1), color-stop(100%,#47b5fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #37a0e1 0%,#47b5fa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #37a0e1 0%,#47b5fa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #37a0e1 0%,#47b5fa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #37a0e1 0%,#47b5fa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a0e1', endColorstr='#47b5fa',GradientType=0 ); /* IE6-9 */
color:#FFFFFF; text-transform:uppercase; cursor:pointer; font-size:17px; text-align:center;margin-top:5px !important}


#content1{width:100%; float:left; padding:78px 0 70px; background-color:#FFFFFF;}
#content1 .content1_in{width:87%; margin:auto; position:relative;}
#content1 .content1_in span{float:left; width:62%; margin-top:-3px;}
#content1 .content1_in span h2{font-family:'Open Sans'; font-style: bold; font-weight: 600; font-size:40px; color:#37a0e1; line-height:40px; padding:0px; margin:0px;}
#content1 .content1_in span p{font-family:'Open Sans'; font-style: normal; font-weight:200; font-size:20px; color:#434343; line-height:20px;}

#content1 .content1_in .img{width: 27%; float: right;}
#content1 .content1_in .img img{width:308px; height:295px;}



#content2{width:100%; float:left; padding:28px 0 29px 0; background-color:#f2f2f2; margin-top:-61px;}
#content2 .content2_in{width:87%; margin:auto;}
#content2 .content2_in span{float:right; width:58%; margin-top:36px;}
#content2 .content2_in span h2{font-family:'Open Sans'; font-style: bold; font-weight: 600; font-size:40px; color:#37a0e1; line-height:40px; padding:0px; margin:0px;}
#content2 .content2_in span p{font-family:'Open Sans'; font-style: normal; font-weight: 200; font-size:20px; color:#434343; line-height:20px;}

#content2 .content2_in .img{float:left; width:34%; height:299px; /*background:url(../images/ipad.png) no-repeat 0 0*/; position:relative;}
#content2 .content2_in .img img{width:376px; height:300px; margin:30px 0 0 36px;}
#content2 .content2_in .img .key{background:url(../images/key.png) no-repeat 0 0; width:131px; height:130px; position:absolute; bottom:0px; right:0px;} 


#content3{width:100%; float:left; padding:55px 0 5px 0; background-color:#FFFFFF;}
#content3 .content3_in{width:87%; margin:auto; position:relative;}
#content3 .content3_in span{float:left; width:64%; margin-top:-29px;}
#content3 .content3_in span h2{font-family:'Open Sans'; font-style: bold; font-weight: 600; font-size:40px; color:#37a0e1; line-height:40px;}
#content3 .content3_in span p{font-family:'Open Sans'; font-style: normal; font-weight: 200; font-size:20px; color:#434343; line-height:20px;}

#content3 .content3_in .img{width: 30%; float: right; height: 390px; /*background: url(../images/desktop.png) no-repeat 0 0*/; margin-top: -90px;}
#content3 .content3_in .img img{height: 390px; margin: 18px 0 0 16px; width: 280px;}
#content3 .content3_in .free{background:url(../images/free.png) no-repeat 0 0; width:126px; height:235px; position:absolute; top:55px; right:80px;} 


#footer{width:100%; float:left; text-align:center; padding:25px 0;}
#footer .footer_in{width:87%; margin:auto; background:url(../images/line.jpg) no-repeat 0 0; text-align:center; font-family:'Open Sans'; font-style: normal; font-weight: 200; font-size:17px; color:#6a6a6a; padding:18px 0 0 0;}

body .modal-survey {
    /* new custom width */
    width: 650px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -275px;
}
.append-bottom {
    margin-bottom:10px;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
#nwl_bg{ background: #47b5fa; /* Old browsers */
background: -moz-linear-gradient(top,  #47b5fa 0%, #37a0e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47b5fa), color-stop(100%,#37a0e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #47b5fa 0%,#37a0e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #47b5fa 0%,#37a0e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #47b5fa 0%,#37a0e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #47b5fa 0%,#37a0e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b5fa', endColorstr='#37a0e1',GradientType=0 ); /* IE6-9 */
padding-bottom: 5px;
margin-top: 50px;
float: left;
width: 100%;
}
#nwl_bg .inner{width: 87%; margin:auto;}
#nwl_bg .inner .head{
	font-size: 20px;
font-weight: bold;
font-family: 'Open Sans';
color: #fff;
margin: 10px 100px 0px 0px;
float:left;
}
#nwl_bg .inner .sub_head{
	width: 240px;
float: left;
margin: 6px 0px 0px 0px;
}
#nwl_bg input[type="text"]{
	width: 250px;
height: 20px;
padding: 3px 5px;
margin: 10px 0px 0px 150px;
border-radius: 5px;
border: 1px solid #ccc;
box-shadow: 2px 2px 4px #666;
float: left;
}
#nwl_bg input[type="button"]{
	background: #006aab; /* Old browsers */
background: -moz-linear-gradient(top,  #006aab 0%, #38b3ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006aab), color-stop(100%,#38b3ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #006aab 0%,#38b3ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #006aab 0%,#38b3ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #006aab 0%,#38b3ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #006aab 0%,#38b3ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aab', endColorstr='#38b3ff',GradientType=0 ); /* IE6-9 */
float: right;
border: 1px solid #027EF1;
padding: 5px 10px;
border-radius: 5px;
color: #fff;
font-size: 14px;
cursor: pointer;
margin: 10px 40px 0px 0px;
}
#viewport {
	width: 60% !important;
	}
/*#page6 .content {
	padding:0px 0px 20px 0px !important;
	}*/
.content {
	width: 100% !important;
	text-align: center;
	}
#page6 .content .box {
	width: 100% !important;
	margin: 0px auto;
	}
/*#page6 .content .image {
	padding-top: 50px !important;
	}*/
.footer {
	width:100% !important;
	}
.footer .text {
	line-height: 40px !important;
	}
.phone_ir{
	float: right;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	width: 33%;
	position: relative;
	}
@media screen and (max-width: 1024px) {
#banner_area .banner_area_in .form {
	position: relative;
	margin: 100px 266px 0px 0px;
	}
#nwl_bg .inner .head {
	margin: 27px 20px 0px 0px;
	}
#nwl_bg .inner .sub_head {
	margin: 22px 0px 0px 0px;
	}
#nwl_bg input[type="text"] {
	margin: 20px 0px 0px 15px;
	}
#nwl_bg input[type="button"] {
	margin: 21px 40px 0px 0px;
	}
#content1 .content1_in {
	width: 90%;
	}
#content1 .content1_in .img {
	width: 30%;
	}
#content2 .content2_in {
	width: 95%;
	}
#content2 .content2_in .img {
	width: 40%;
	}
#content2 .content2_in span {
	width: 54%;
	}
#content3 .content3_in {
	width: 92%;
	}
#header .header_in h2 {
	width: 80%;
	}
.phone_ir {
	float: none;
	width: 50%;
	margin: 30px auto;
	}
}
@media screen and (max-width: 980px) {
	#banner_area .banner_area_in .form {
	margin: 100px 230px 0px 0px;
	}
#nwl_bg .inner {
	width: 91%;
	}
#content2 .content2_in .img {
	width: 42%;
	}
#content3 .content3_in .img {
	width: 32%;
	}
}
@media screen and (max-width: 768px) {
	#header .header_in h2 {
	width: 100%;
	}
#banner_area .banner_area_in .form {
	margin: 100px 35px 0px 0px;
	}
#nwl_bg .inner {
	width: 95%;
	}
#nwl_bg .inner .sub_head {
	width: 200px;
	}
#nwl_bg input[type="text"] {
	margin: 27px 0px 0px 15px;
	}
#nwl_bg input[type="button"] {
	margin: 10px 30px 0px 0px;
	}
#content1 .content1_in {
	width: 90%;
	}
#content1 .content1_in span {
	width: 100%;
	}
#content1 .content1_in .img {
	margin: auto;
	float: none;
	}
#content2 .content2_in span {
	width: 92%;
	}
#content2 .content2_in .img {
	width: 60%;
	margin-left: 150px;
	}
#content3 .content3_in span {
	width: 100%;
	}
#content3 .content3_in .img {
	width: 73%;
	margin-top: 0px;
	}
#banner_area .banner_area_in .sold {
	display:none;
	}
#banner_area .banner_area_in .laptop {
	display:none;
	}
#banner_area .banner_area_in .form {
	margin: 85px auto 0px;
	float: none;
	}
.phone_ir {
	float: none;
	width: 60%;
	margin: 20px auto;
	}
#content1 .content1_in .img {
	width: 46%;
	}
}
@media screen and (max-width: 480px) {
#header .header_in h1 {
	font-size: 40px;
	}
#header .header_in h2 {
	font-size: 28px;
	}
#header .header_in h3 {
	font-size: 18px;
	}
#content1 .content1_in span {
	padding: 0px;
	}
#content1 {
	padding: 30px 0 70px;
	}
#content1 .content1_in span h2 {
	line-height: 32px !important;
	font-size: 34px !important;
	padding-bottom: 0px !important;
	}
#content2 .content2_in span h2 {
	line-height: 32px !important;
	font-size: 31px !important;
	padding-bottom: 0px !important;
	}
#content3 .content3_in span h2 {
	line-height: 32px !important;
	font-size: 32px !important;
	padding-bottom: 0px !important;
	}
#content1 .content1_in span p {
	line-height: 26px !important;
	font-size: 18px !important;
	}
#content2 .content2_in span p {
	line-height: 26px !important;
	font-size: 18px !important;
	}
#content3 .content3_in span p {
	line-height: 26px !important;
	font-size: 18px !important;
	}
#content1 .content1_in .img {
	width: 67%;
	}
#content2 .content2_in .img {
	width: 86%;
	margin-left: 10px;
	}
#content3 .content3_in .img {
	width: 84%;
	}
#nwl_bg .inner .head {
	margin: 20px 50px 0px 10px;
	}
#nwl_bg .inner .sub_head {
	width: 160px;
	}
#nwl_bg input[type="text"] {
	margin: 15px 0px 10px 10px;
	}
#nwl_bg input[type="button"] {
	margin: 15px 33px 0px 0px;
	}
#page6 .content .image img {
	width: 100% !important;
	}
.phone_ir {
	width: 100%;
	}
}
@media screen and (max-width: 320px) {
	#header .header_in {
	width: 95%;
	}
#header .header_in h1 {
	font-size: 26px;
	}
#header .header_in h2 {
	font-size: 20px;
	}
#banner_area .banner_area_in {
	width: 100%;
	}
#banner_area .banner_area_in .form {
	background-image: none;
	background: #fff;
	width: 90%;
	height: 200px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 5px rgba(95, 185, 255, 0.31);
	}
#banner_area .banner_area_in .form h2 {
	font-size: 20px;
	}
legend {
	font-size: 18px
	}
#banner_area .banner_area_in .form input[type="text"] {
	width: 249px;
	}
#nwl_bg .inner .head {
	float: none;
	margin: 10px auto 0px;
	width: 68%;
	}
#nwl_bg .inner .sub_head {
	float: none;
	margin: 10px auto 0px;
	}
#nwl_bg input[type="button"] {
	float: none;
	margin: 5px 0px 5px 90px;
	}
#content1 .content1_in .img img {
	width: 213px;
	height: 200px;
	}
#content2 .content2_in span {
	width: 100%;
	padding: 0px;
	}
#content2 .content2_in {
	width: 90%;
	}
#content2 .content2_in .img {
	margin-left: 0;
	}
.content2_in .img img {
	width: 276px;
	height: 200px;
	margin: 30px 0 0 0px;
	}
#content3 .content3_in .img img {
	height: 350px;
	margin: 18px 0 0 0px;
	width: 250px;
	}
#content3 .content3_in .img {
	width: 100%;
	}
#content2 .content2_in .img img {
	width: 276px;
	height: 200px;
	margin: 30px 0 0 0px;
	}
.footer .text {
	line-height: 30px !important;
	}
}