@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300);

*{margin:0; padding:0;}
body{font-family: 'Source Sans Pro', sans-serif; font-size:15px; color:#000000; background:#FFFFFF;}
p{padding:5px 0 10px 0; line-height:21px;}
ul{list-style-type:none; margin:10px 0 0 0;}
ul li{ margin:0 0 10px 0; padding:0 0 0 30px;}
img{border:0; outline:none;  max-width:100%;}
h1{ font-weight:normal; font-size:48px; font-weight: 300;  margin:0 0 0 0; color: #000; padding:40px 0 0 0;  }
h1 strong{color:#CC3300;}
h2{ font-weight:normal; font-size:36px; font-weight:300; padding:25px 0 0 0; color:#000000;}
.master-in h2{font-size:30px; font-weight:normal;}
a{text-decoration:none; color:#38648b;}
a:hover{text-decoration:underline;}

.clr{clear:both;}
.flexn{display:flex;}
.flexn .block{ background:#FFFFFF; border-radius:6px; margin:15px; width:50%;}
.master{width:100%; text-align:center;}
.master-in{width:100%; text-align:center;}
.master-in h1{text-align:left; position: static;  margin:0; padding:40px 0; font-size:36px; font-weight: 300; color:#000; text-shadow: none;}
.wttxt{color:#a4c9fd; padding:0 0 30px 0;}
.main{width:1250px; text-align:left; margin:0 auto;}
.logo{ float:left; margin:0 0 0 0;}
.logo img{ margin:15px 0 0 0;}
.bgin{background: url(../imagesnew/banner-in.jpg) no-repeat; margin:70px 0 0 0; background-size:cover;}
.banner-in{margin:0 0 0 0; }
.banner{background: no-repeat 0 0; height:420px; margin:90px 0 20px 0;}
.banner img{margin:270px 0 0 460px;}
.banner1{background: no-repeat center 0px; height:565px; margin:0 0 20px 0; text-align:center;}
.banner1 img{margin:272px 0px 0px 525px;}
.ls{float:left; width:55%; margin:20px 0 0 0;}
.rs{float:right; width:40%; margin:20px 0 0 0;}
.bg{background: 0 0; background-size:cover; margin:70px 0 0 0;}	
#bg { background: url(../imagesnew/banner.jpg) 50% 0 no-repeat ; 	height: auto;  	background-size:cover; margin:70px 0 0 0;     width: 100%;     max-width: 1920px;     position: relative;	padding:0 0 20px 0;}
#texture{ background: url(../imagesnew/background.jpg) 50% 0 no-repeat fixed; 	height: auto;  	background-size:cover; margin:70px 0 0 0;     width: 100%;     max-width: 1920px;     position: relative;	padding:40px 0;}
#bluebg{ background: url(../imagesnew/bluebg.jpg) 50% 0 no-repeat fixed; 	height: auto;  	background-size:cover; margin:0 0 0 0;     width: 100%;     max-width: 1920px;     position: relative;	padding:0;}
.topbtns{ margin:30px auto;}
.topbtns a{float:left; margin:0 10px; text-shadow:none;}
.topbtns a.dlbtn{border-radius:10px; background:#99cc00; border:1px solid #99cc00; padding:10px 30px; text-align:center; color:#336600; font-size:26px; font-weight:normal; text-shadow:1px 1px #b1d83b; transition:all .4s;}
.topbtns a.dlbtn:hover{text-decoration:none; background:#336600; border:1px solid #336600; color:#FFFFFF; text-shadow:none;}
.topbtns a.bnbtn{border-radius:10px;  padding:12px 22px; text-align:center; color:#FFFFFF; font-size:20px; font-weight:normal; background:rgba(255, 102, 0, 0.8); transition:all .4s;}
.topbtns a.bnbtn:hover{text-decoration:none; background:#ff6600;}
.bannerarea{width:1250px; margin:0 auto; padding:20px 0 40px 0; position:relative;}
.bannerarea img{margin:20px 0 30px 0; }
.subtxt{color:#FFFFFF; font-size:24px; font-weight: 300; line-height:30px; margin:20px 0 0 0; text-shadow:1px 1px #003366;}
.top{position:fixed; width:100%; top:0; height:70px; background:#fff; border-bottom:1px solid #ccc;}
.bor{ border-bottom:1px solid #ccc; padding:0 0 70px 0;}
.topnew{width:1250px; margin:100px auto 0 auto; text-align:center;}
.topnew p{font-size:22px; color:#000; font-weight:300;} 
.topnew a{  border-radius:10px; color:#33cc00; text-align:center; width:250px; border:1px solid #33cc00; font-size:24px; display:block; padding:10px; margin:10px auto; transition:all .2s;}
.topnew a:hover{background:#33cc00; color:#FFFFFF; text-decoration:none;transform: scale(1.1);}
.download{ padding:30px 0 0 0;}
.download a{background:#33cc00; border-radius:10px; color:#FFFFFF; text-align:center; border-bottom:3px solid #339900; font-size:24px;  padding:10px 20px; margin:10px 0;}
.topleft{float:left; color:#fff; width:60%; text-align:left;}
.topleft p{font-size:18px; line-height:28px; color:#2e899e;}
.topleft ul li{ margin:0 0 15px 0;  line-height:24px; font-size:18px; font-weight:normal; background:url(../imagesnew/point.png) no-repeat 5px 7px; color:#000;}
.topright{float:right; width:30%; background:#fff; margin-top:60px; border-radius:10px;}
.topright strong{text-align:center; font-weight:normal; font-size:20px; padding:20px; padding-bottom:0; display:block;}
.topright form{padding:20px;}
.formfield{ margin-bottom:8px;}
.formfield input{border:1px solid #ccc; border-radius:2px; padding:7px 2%; background:#fff; width:96%;}
.formfield select{border:1px solid #ccc; border-radius:2px; padding:7px 2%; background:#fff; width:100%;}
.send{border:none; outline:none; color:#fff; padding:10px 20px; font-size:20px; font-weight:normal; background:#86C805; border-radius:6px;}
.guide{padding:20px; padding-top:0; text-align:center; color:#000000;}
.guide a{display:inline-block; color:#000; margin:0 10px;}

.scrollToTop{	width:50px; 	height:50px;	padding:0; 	text-align:center; 	background: whiteSmoke;	font-weight: bold;	color: #444;	text-decoration: none;	position:fixed;	bottom:75px;	right:40px;	display:none;	background: url(../imagesnew/top.gif) no-repeat 0 0;}
.scrollToTop:hover{	background: url(../imagesnew/top.gif) no-repeat 0 -62px;}
.txt1{text-align:center; font-size:32px; padding:0 0 40px 0;}
.txt1 p{font-weight:normal; font-size:17px; margin:10px 0;}
.txt2{text-align:center; font-size:36px; padding:30px 0 10px 0;}
.boxnew{ padding:20px; margin:10px;  border-radius:8px; }
.boxnew img{float:left;}
.boxnew div{position:relative; margin:0 0 0 100px;}
.boxnew strong{display:block; font-size:24px; font-weight:300; color:#000000;}
.row{ display:flex; flex-direction:row; padding:0;}
.coll{ margin:10px; padding:120px 20px 20px 20px; width:33%;  transition: all 0.3s ease-in-out; text-align:center; background:#2e899e url(../imagesnew/recover.png) no-repeat center 20px;  border-radius:6px; color:#FFFFFF;}
.coll img{margin:10px 0;}
.coll strong{display:block; font-weight:300; font-size:26px;}
.coll:hover{background:#deeffa url(../imagesnew/recover.png) no-repeat center -700px; color:#2e899e; }

.coll1{ margin:10px; padding:120px 20px 20px 20px; width:33%;  transition: all 0.3s ease-in-out; text-align:center; background:#2e899e url(../imagesnew/save.png) no-repeat center 20px;  border-radius:6px; color:#FFFFFF;}
.coll1 img{margin:10px 0;}
.coll1 strong{display:block; font-weight:300; font-size:26px;}
.coll1:hover{background:#deeffa url(../imagesnew/save.png) no-repeat center -700px; color:#2e899e; }

.coll2{ margin:10px; padding:120px 20px 20px 20px; width:33%;  transition: all 0.3s ease-in-out; text-align:center; background:#2e899e url(../imagesnew/compatibile.png) no-repeat center 20px;  border-radius:6px; color:#FFFFFF;}
.coll2 img{margin:10px 0;}
.coll2 strong{display:block; font-weight:300; font-size:26px;}
.coll2:hover{background:#deeffa url(../imagesnew/compatibile.png) no-repeat center -700px; color:#2e899e; }
.rownew{ display:flex; flex-direction:row; padding:0;}
.collnew{  color:#FFFFFF; width:50%; border-right:1px solid #1A758A; padding:0 90px 50px 0;}
.collnew strong{font-size:30px; display:block; font-weight:normal; padding:60px 0 0 0;}
.collnew:last-child{border:none; padding:0 0 50px 80px;}
.requer{}
.requer strong{font-size:20px; color:#5ab5ca; padding:20px 0 5px 0;}
.requer ul{ margin:10px 0 15px 10px;}
.requer ul li{background: url(../imagesnew/check.png) no-repeat 0 5px; padding:0 0 5px 25px; line-height:19px; font-size:14px;}
.leftarea{float:left; width:33%; text-align:left; margin:30px 0 0 0; text-align:center;}
.rightarea{float:right; width:65%; text-align:left; margin:30px 0 0 0;}
.buttons{margin:10px 0;}
.buttons img{ margin:0 0 -20px 0;}
.buttons a.bnt{background:#0066CC; color:#FFFFFF; font-size:24px; padding:10px; display:inline-block;  border-radius:10px; border:1px solid #0066CC; border-bottom:3px solid #0033CC; text-align:center; margin:0 10px;  transition: all 0.3s ease-in-out;}
.buttons a.bnt:hover {  background-color: #ffffff;  color: #0033CC;  border:1px solid #0033CC; border-bottom:3px solid #0033CC; text-decoration:none;}
.buttons a.dln{background:#33cc00; color:#FFFFFF; font-size:24px; padding:10px; display:inline-block; border-radius:10px; border:1px solid #33cc00; border-bottom:3px solid #339900; text-align:center; margin:0 10px;   transition: all 0.3s ease-in-out;}
.buttons a.dln:hover {  background-color: #ffffff;  color: #339900;  border:1px solid #339900; border-bottom:3px solid #339900; text-decoration:none;}
.rightarea strong{font-weight: normal; font-size:30px; display:block; color:#000000; text-shadow:1px 1px #fff;}
.rightarea h1{font-weight: normal; font-size:36px; display:block; color:#000000; text-shadow:1px 1px #fff; padding:0;}
.rightarea ul{margin:10px 0 0 10px; padding:0 0 20px 0;}
.rightarea ul li{margin:0 0 12px 0; line-height:24px; background:url(../imagesnew/arrow.png) no-repeat 0 8px; padding:0 0 0 30px; font-size:17px; font-weight: normal; color: #003366; text-shadow:1px 1px #fff;}
.rightarea ul li strong{display:inline; font-weight:bold; font-size:17px; color: #003366;}
.rightarea span{display:block; font-size:20px; padding:10px 0 0 0;}
.btns{width:450px;  overflow:hidden;}
.dl{float:left; margin:0 20px; text-align:center;}
.dl a{display:block; padding:15px 0; color:#ffffff; background: #333333; transition:all .5s; width:200px; margin:20px auto; font-size:24px; font-weight: bold;}
.dl a:hover{padding:15px 10px; }
.bn{float:right; margin:0 20px; text-align:center;}
.bn a{display:block; padding:15px 0; color: #ffffff; background: #FF9900; transition:all .5s; width:150px; margin:20px auto; font-size:24px; font-weight: bold;}
.bn a:hover{padding:15px 10px; }
.docfiles{ padding:0 0 30px 0;}
.docfiles ul{ margin:10px 0 0 20px;}
.docfiles ul li{ float:left; margin:0 25px 0 0; background:none; padding:0;}
.docfiles ul li a{background:url(../imagesnew/pdf.png) no-repeat 0 0; padding:0 0 0 20px; color:#990000;}
.docfiles ul li a:hover{color:#000000; text-decoration:underline;}
.docs{ padding:30px 0; text-align:center;}
.docs ul{ margin:0 0 0 20px;}
.docs ul li{ float:none; margin:0 10px; background:none; padding:0; display:inline;}
.docs ul li a{background:url(../imagesnew/pdf.png) no-repeat 0 0; padding:0 0 0 20px; color:#990000;}
.docs ul li a:hover{color:#000000; text-decoration:underline;}
.support{background: #cccccc; padding:40px 0;}
.support strong{font-size:24px; font-weight:normal; display:block; padding:0 0 30px 0;}
.support-l{float:left; width:45%; }
.support-r{float:right; width:45%; }
.support-r strong{font-size:14px; font-weight:bold; padding:0;}
.support-l .win{background:url(../imagesnew/windows.png) no-repeat 0 0; padding:0 0 0 90px;}
.outlook{background: no-repeat 0 0; padding:0 0 30px 90px;}
.support-l strong{font-size:14px; font-weight:bold; padding:0;}
.softwarevideo{float:right; width:40%; margin:0 0 0 5%;}

#body {    width:100%;    margin:20px auto;}
.accordion {    margin: 0;    padding:15px 40px 15px 10px;    background:url(../imagesnew/plus.png) no-repeat right 20px rgba(255, 255, 255, 0.9);    font-family: Arial, Helvetica, sans-serif;   text-decoration:none;    color: #000;    font-size:17px;	margin:0 0 2px 0;}
.accordion:hover{cursor:pointer;}
.accordion-open {    background: url(../imagesnew/minus.png) no-repeat right 20px rgba(255, 255, 255, 0.2);    color: #fff;}
.accordion-open span {    display:block;    float:right;    padding:10px;}
.accordion-open span {    background:url(../imagesnew/minus.png) center center no-repeat;}
.accordion-close span {    display:block;    float:right;    background:url(../imagesnew/plus.png) center center no-repeat;    padding:10px;}
div.container {    padding:0;    margin:0;}
div.content {    margin: -2px 0 0 0;    padding:10px 10px 30px 10px;	 background: rgba(255, 255, 255, 0.1);}
div.content ul, div.content p {    padding:0;    margin:0;    padding:3px;}
div.content ul li {    list-style-position:inside;    line-height:25px;}
div.content ul li a {    color:#555555;}
code {    overflow:auto;}

.demo{width:853px; height:480px; margin:30px auto;}
.demo iframe{width:100%; height:100%;}


/* ============================================================
  GLOBAL
============================================================ */
.effects {  padding-left: 15px;}
.effects .img {  position: relative;  float: left;  margin-bottom: 5px;  width: 31%;  padding:1%;  background:#e7e7e7;  overflow: hidden;}
.effects .img:nth-child(n) {  margin-right: 5px;}
.effects .img:first-child {  margin-left: -15px;}
.effects .img:last-child {  margin-right: 0;}
.effects .img img {  display: block;  margin: 0;  padding: 0;  max-width: 100%;  height: auto;}
.overlay {  display: block;  position: absolute;  z-index: 20;  background: rgba(0, 0, 0, 0.8); overflow: hidden;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;}
a.close-overlay {  display: block; position: absolute;top: 0;  right: 0;  z-index: 100;  width: 45px; height: 45px; font-size: 20px;  font-weight: 700; color: #fff; line-height: 45px;  text-align: center;  background-color: #000;  cursor: pointer;}
a.close-overlay.hidden {  display: none;}
a.expand {  display: block;  position: absolute; z-index: 100; width: 40px;  height: 40px;der: solid 3px #fff;  text-align: center;  color: #fff; line-height: 40px;  font-weight: 700;  font-size: 30px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;  -o-border-radius: 30px;  border-radius: 30px;  background:url(../imagesnew/zoom.png) no-repeat 8px 8px;}
#wrapper {  width: 100%;  margin: 0 auto;}
#main {  background-color: #fff;  padding: 30px 0;}
/* ============================================================
  EFFECT 3 - SLIDE IN LEFT
============================================================ */
#effect-3 .overlay {  top: 0;  bottom: 0;  left: 0;  width: 0;  height: 100%;}
#effect-3 .overlay a.expand {  top: 0;  bottom: 0;  left: 50%; margin: auto 0 auto -30px;}
#effect-3 .img.hover .overlay {  width: 100%;}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Info Bar
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
#info-bar {  background-color: #289f77;}
#info-bar a {  color: white;  font-size: 14px;  text-transform: uppercase;  display: inline-block; margin: 0;  padding: 10px;}
#info-bar a:hover {  background-color: #238b68;}
span.all-tutorials, span.back-to-tutorial {  display: block;  width: 50%;}
span.all-tutorials {  float: left;  text-align: left;}
span.back-to-tutorial {  float: right;  text-align: right;}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Header
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
header {  padding: 30px 0;}
#title {  text-align: center;}
#title h1 {  color: #fff;  font-size: 30px;  margin-bottom: 10px;}
#title h2 {  color: #81dfc0;  font-size: 20px;}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Footer
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Extras
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.clearfix:after {  visibility: hidden;  display: block;  content: "";  clear: both;  height: 0;}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */


.checkcontainer {
float: left;
width: 2%;
}
.termtext {
width: 93%;
float: right;
font-size: 12px;
font-weight: 100;
line-height: normal;
color: #666666;
}
.hidecont{display:none; padding:5px 0 20px 0; text-align:left;}
input.formfieldadded{padding:2%; margin-bottom:30px; width:100%;}





@media all and (max-width: 600px) {
.container {    width: 100%;  }
#info-bar a {    display: block;  }
span.all-tutorials,   span.back-to-tutorial {    width: 100%;  }
span.all-tutorials,   span.back-to-tutorial {    float: none;    text-align: center;  }
span.all-tutorials {    border-bottom: solid 1px #238b68;  }
#title h1 {    font-size: 20px;  }
#title h2 {    font-size: 16px;  }
}

.gray-box{background:url(../imagesnew/line.gif) 0 0; margin:20px 0;}
.gray-box-shap{background:url(../imagesnew/shape.gif) repeat-x 0 0;}
.feature{ padding:25px 0;}
.feature span{font-size:42px; color:#666666; text-align:center; display:block; font-weight:300; text-shadow:1px 1px #ffffff;}
.video{float:right; width:400px; border: 3px solid #000000; margin:30px 0 0 0;}
.screenview{float:right; width:400px;  margin:30px 0 0 0;}
.soft{float:left; width:540px; margin:25px 0 0 0;}
.soft ul{}
.soft ul li{background:url(../imagesnew/check.png) no-repeat 0 0; line-height:19px; padding:3px 0 15px 35px;}
.txt{font-size:24px; padding:15px 0 0 0; color: #000; font-weight:normal;}
.footer{ background:#eee; padding:30px 0; color:#000; font-size:14px; margin:0 0 0 0; line-height:20px;}
.footer a{color:#0066CC;}
.fl{float:left; text-align:left; color:#000;}
.fl ul{display:block; overflow:hidden; margin:0 0 10px 0;}
.fl ul li{float:left; background:none; padding:0; margin:0;}
.fl ul li a{color:#FFFFFF; padding:10px 5px; display:block; text-align:center; width:30px; font-size:20px;   transition:all .2s;}
.fl ul li a.blue{ background:#024cab;}
.fl ul li a.blue:hover{background:#ffffff; color:#024cab;}
.fl ul li a.sky{background:#01c4e0;}
.fl ul li a.sky:hover{background:#ffffff; color:#01c4e0;}
.fl ul li a.red{background:#fd4239;}
.fl ul li a.red:hover{background:#ffffff; color:#fd4239;}
.fl ul li a.navy{background:#073976;}
.fl ul li a.navy:hover{background:#ffffff; color:#073976;}
.fl a{color:#2e899e;}
.fr{float:right;}
.fr img{margin:7px 0 0 0;}
.foot{text-align:center;}
.menu{position:absolute; top:30px; margin:0 0 0 250px;}
.nav{padding:0; margin:0; line-height:43px; color: #ccc; margin:0 0 10px 0; background: rgba(46, 137, 158, 0.8); }
.nav a{color:#fff;}
.screen-left{float:left; width:410px; margin:10px 0 10px 10px;}
.screen-right{float:right; width:410px; margin:10px 10px 10px 0;}
.screencont-left{float:left; width:550px; margin:10px 0 10px 10px;}
.screencont-right{float:right; width:550px; margin:10px 10px 10px 0;}
.step{background-color:#eaeaea; padding:7px 15px; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; margin:40px 0 0 0; font-size:18px;}
.step1{background-color:#eaeaea; padding:7px 15px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; margin:40px 0 0 0; text-align:right; font-size:18px;}
.screenhead{font-size:24px; color: #666666; padding:25px 15px 0 15px;}
.tx{padding:5px 15px 0 15px;}
.box{background-color:#f5f5f5; border:1px solid #CCCCCC; padding:15px; float:left; width:418px; margin:20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; }
.box span{display:block; font-size:20px;}
.box ul{padding:15px 0 0 0;}
.box ul li{list-style-type:disc; margin:0 0 0 15px; padding:0 0 10px 0;}
.map{padding:10px 0 0 0;}
.map ul{}
.map ul li{list-style-type:circle; margin:0 0 0 20px; padding:0 0 10px 0;}
.map ul li a{text-decoration:none; color:#000000;}
.map ul li a:hover{text-decoration:underline;}
.point{}
.point ul{padding:10px 0 0 0;}
.point ul li{background:url(../imagesnew/check.png) no-repeat 0 0; line-height:21px; padding:3px 0 15px 35px;}
.head{font-size:24px; padding:15px 0 5px 0;}
.note{background:#f5f5f5; border-radius:4px; padding:7px; border:1px solid #eeeeee; margin:10px 0;}
.note span{font-weight:bold; font-size:16px; color:#990000;}
.social{margin:10px auto; width:150px; }
.social img{margin:0 4px 0 0; float:right;}
.screens{float:left; width:29%; padding:1%; margin:1%; border:1px solid #eeeeee; border-radius:8px; max-height:200px; overflow:hidden;}
.screens strong{ display:block; background:#f5f5f5; border-radius:6px; padding:7px; font-weight:normal; color:#000; margin:0 0 10px 0;}
.boxdemo{float:left; width:45%; box-shadow:0 0 5px #cccccc; border-radius:6px; text-align:center; margin:2% 0;}
.boxdemo strong{display:block; font-weight:normal; font-size:24px; padding:15px 0; border-bottom: 1px solid #eeeeee; margin:0 0 20px 0;}
.boxdemo a{ background:#0066CC; border-radius:6px; padding:10px 0; width:120px; margin:15px auto; display:block; color:#FFFFFF;}
.boxdemo a:hover{text-decoration:none; background:#000000;}
.boxdemo1{float:right; width:45%; box-shadow:0 0 5px #cccccc; border-radius:6px; text-align:center; margin:2% 0;}
.boxdemo1 strong{display:block; font-weight:normal; font-size:24px; padding:15px 0; border-bottom: 1px solid #eeeeee; margin:0 0 20px 0;}
.boxdemo1 a{ background:#0066CC; border-radius:6px; padding:10px 0; width:120px; margin:15px auto; display:block; color:#FFFFFF;}
.boxdemo1 a:hover{text-decoration:none; background:#000000;}

/*-------------    lightbox css start ----------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{ background-color:#666666;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../imagesnew/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../imagesnew/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../imagesnew/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../imagesnew/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../imagesnew/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../imagesnew/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../imagesnew/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../imagesnew/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-top:28px;}
#cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; top:0; left:0; background:url(../imagesnew/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; top:0; left:27px; background:url(../imagesnew/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../imagesnew/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../imagesnew/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:0; right:0; background:url(../imagesnew/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
.cboxIE6 #cboxTopLeft{background:url(../imagesnew/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../imagesnew/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../imagesnew/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../imagesnew/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../imagesnew/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../imagesnew/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../imagesnew/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../imagesnew/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

.buy-info{ margin:20px 0 0 0;}
.buy-info table{border-top:1px solid #c6eefd; border-right:1px solid #c6eefd; background:#fff;}
.buy-info table td:nth-child(even) {background: #e5f6fd}
.buy-info table td:nth-child(odd) {background: #f2fbfe}
.buy-info table tr td{  padding:10px; border-bottom:1px solid #c6eefd; border-left:1px solid #c6eefd;}
.buy-info table tr th{  padding:20px 10px; background-color:#00abeb; font-size:24px; font-weight:normal;  color:#fff;}
.buy-info table span{display:block; text-align:center;}
.center{text-align:center;}
.license{text-align:center;}
.license span{display:block; color:#CC3300;}
.license strong{display:block; font-size:30px; font-weight: normal; text-decoration:line-through; font-family:Arial, Helvetica, sans-serif; color:#FF0000; padding:15px 0;}
.license strong span{font-weight:bold; color:#666;}
.license strong span i{font-style:normal; font-size:24px;}
.license p{font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; color:#99CC00;}
.license p i{font-style:normal; font-size:30px;}
.license a{color:#FFFFFF; background:#0066CC; display:block; width:150px; text-align:center; padding:10px 0; margin:10px auto; font-size:24px; border-radius:6px; font-family: 'Source Sans Pro', sans-serif;}
.buy-info table tr th a{color:#FFFFFF; text-shadow:none; font-weight:normal; background:#0066CC; display:block; width:150px; text-align:center; padding:10px 0; margin:10px auto; font-size:24px; border-radius:6px; font-family: 'Source Sans Pro', sans-serif;}
.buy-info table tr th strong{font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; text-align:center; display:block;}
.buy-info table tr th strong span{display:inline; font-size:30px;}
.name{font-size:20px;}
.name span{font-size:36px;}
.price{font-size:30px; color: #000000; display:block; text-align:center; font-weight:bold;}
.price span{font-size:36px; color: #FF0000; }
.price span strong{color:#333333;}
.buybutton{	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;	box-shadow: 0px 1px 0px 0px #f0f7fa;	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);	background-color:#33bdef;	-moz-border-radius:6px;	-webkit-border-radius:6px;	border-radius:6px;		border:1px solid #057fd0;	display:inline-block;	cursor:pointer;	color:#ffffff;	font-size:15px;	font-weight:bold;	padding:6px 24px;	text-decoration:none;	text-shadow:0px -1px 0px #5b6178;	margin:10px 0;}
.buybutton:hover{	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);	background-color:#019ad2;    text-decoration:none;}

/*-------------    lightbox css end ----------------*/

.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;	float: ;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	text-align:center;}
.video-container {    height: 0;    margin: 20px 0 30px;    overflow: hidden;   padding-bottom: 30%;    padding-top: 30px;   position: relative;}
.video-container iframe, .video-container object, .video-container embed {border: medium none;    height: 100%;    left: 10px;    outline: medium none;   position: absolute;   top: 0;    width: 58%;}
.clients{float:left; width:44%; padding:2%; margin:30px 1% 1% 1%; background:#ffffff; min-height:230px; border-radius:8px;}
.clients p{ }
.clients ul li strong{display: inline; font-weight:bold; font-size:14px;}
.clients strong{font-size:24px; padding:0 0 10px 0; display:block; font-weight: normal;}
.clients strong img{float:left; margin:0 10px 0 0;}
.clients span{color: #999999; display:block; font-weight:bold;}
.gbg{background:#f2f0f0; padding:40px 0; margin:0 0 0 0;}
.whtbg{background:#ffffff; padding:40px 0; margin:0 0 0 0;}
.sdr-menu{ height:32px; position:absolute; top:280px; width:100%;}
.sdr-menu a:hover {background: no-repeat left top;  }
.sdr-menu a:hover span {background: no-repeat right top; margin: 0 0 0 10px;  color: #000000;}

#nav-wrap{  position:absolute; top:0; margin:17px 0 0 210px;}
/* menu icon */
#menu-icon{	display: none; /* hide menu icon initially */}
#nav, #nav li{margin:0;	padding:0;}
#nav li {list-style:none;	float:left;	margin:0 1px 0 0; background:none; padding:0;}
/* nav link */
#nav a{display: block; font-size: 14px;line-height: 33px; padding: 1px 20px; color: #333; font-weight:normal; text-transform: none;}

#nav a:hover, #nav a.active{color: #2e899e; text-decoration:none; border-bottom:none; }
/* nav dropdown */
#nav ul{background: #fff;	padding: 0;	position: absolute;	border: solid 1px #ccc;	display: none; /* hide dropdown */	width: 200px; top:40px;}
#nav ul li{float: none;	margin: 0;	padding: 0; border-bottom:1px solid #ccc;}
#nav ul li:last-child{border:none;}
#nav ul li a{ padding:1px 20px;}
#nav li:hover > ul{	display: block; /* show dropdown on hover */}


.msgold{float:right; margin:20px 10px 0 0;}
.downbtn{ padding:0 0;}
.downbtn a{display:block; text-align:center; width:250px; background: #99CC00; padding:15px 0; color: #006600; font-size:24px; font-weight:bold; margin:30px auto; transition:all .2s;}
.downbtn a:hover{transform: scale(1.3);}
.mid{background: #CCCCCC;}
.white{background-color:#FFFFFF;}
.topbox{float:left; background:#FFFFFF; width:29%; margin:1%; padding:1% 1% 30px 1%; display:block; text-align:center; display:block; transition:all .2s; }
.topbox strong{display:block; font-size:18px;}
.topbox:hover .addicon{color:#ffffff; font-size:100px;}
.addicon{color:#0099ff; font-size:100px;}
.addicon img{margin:15px 0 0 0;}
.featbox{float:left; background:#fafafa; width:40%; padding:2%; margin:2%; display:block; text-align:center; display:block; transition:all .2s;  border-bottom:3px solid #fdd4d4; position:relative;}
.featbox:after{   padding:0;margin:0;display:block;/* not really needed */   content: "";  width:50%;  height:3px;  background-color:#fafafa;  position: absolute;  left:0;  bottom:-3px;}
.featbox:hover{transform: scale(1.1);}
.featbox strong{display:block; font-size:18px;}
.featbox:hover .addicon{color:#ffffff; font-size:100px;}
.arrow-down {	width: 0; 	height: 0; 	border-left: 10px solid transparent;	border-right: 10px solid transparent;	border-top: 10px solid #d24718;margin:0 auto;}


.topboxnew{float:left; background:#ffffff; width:29%; margin:1%; padding:1%; display:block; text-align:center; display:block; transition:all .2s; border-radius:8px; height:270px;}
.topboxnew strong{display:block; font-size:18px;}
.topboxnew:hover .addiconnew{color:#ffffff; font-size:100px;}
.addiconnew{background:#d24718; border-radius:8px; height:100px; position:relative;}
.reliconnew{background:#d24718; border-radius:70px; height:70px; width:70px; position: absolute; top:-35px; border:3px solid #ffffff; color:#ffffff; left:38%; font-size:40px;}
.reliconnew i{margin:15px 0 0 0;}
.reliconnew img{margin:15px 0 0 0;}
.addiconnew strong{display:block; color:#ffffff; padding:45px 0 0 0; font-weight:normal; font-size:22px;}
.featbox1{float:left; background:#fafafa; width:40%; padding:2%; margin:2%; display:block; text-align:center; display:block; transition:all .2s; border-bottom:3px solid #fdd4d4; position:relative;}
.featbox1:after{   padding:0;margin:0;display:block;/* not really needed */   content: "";  width:50%;  height:3px;  background-color:#fafafa;  position: absolute;  right:0;  bottom:-3px;}
.featbox:hover{transform: scale(1.1);}
.featbox1:hover{transform: scale(1.1);}
.featbox1 strong{display:block; font-size:18px;}
.featbox:hover .addicon{color:#ffffff; font-size:100px;}
.whiteicon{color:#0099FF; font-size:100px;}
.blueicon{color:#0099FF; font-size:100px;}
.bspace{padding:60px 0;}
.compare{ text-align:left;}
.compare table{border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;}
.compare table td, .compare table th{border-top:1px solid #cccccc; border-right:1px solid #cccccc; padding:10px;}
.compare table th{font-weight:normal; font-size:18px;}
.left{float:left;}
.right{float:right; margin:90px 0 0 0;}
.dlbox{width:480px; margin:30px auto;}
.eulas{}
.eulas ul li{ margin:5px;}
.eulas ul li a{background:#f5f5f5 url(../imagesnew/pdficon.gif) no-repeat 10px 7px; border-radius:6px; padding:7px 7px 7px 30px; display:block; text-decoration:none; color:#000000;}
.eulas ul li a:hover{text-decoration:underline;}
.phone{float:right; margin:20px 20px 0 0;}
.refund{float:left; width:40%; font-size:12px; text-align:left; margin:30px 0 20px 2%;}
.refund a{color:#cc9900;}
.refund img{ float:left; margin:0 10px;}
.refund strong{display:block;}
.secure{float:right; width:40%; font-size:12px; text-align:left; margin:30px 2% 20px 0}
.secure strong{display:block;}
.secure img{ float:left; margin:0 10px 30px 0;}
.impnote{background:#f3f3f3; border:1px solid #e3e3e3; padding:10px; border-radius:6px;}
.impnote strong{color:#CC0000; }
.contact-left{ float:left; margin:20px 0 0 0;}
.contact-left-img{float:left; width:72px; margin:0 10px 0 0;}
.contact-left-cont{float: left;}
.contact-left-cont p{ padding:0; margin:5px 0 10px; font-size:20px; color:#000000;}
.contact-left-cont p span{font-size:12px;}
.contact-right{float:right; margin:20px 0 0 0;}
.contact-right-img{float:left; width:72px; margin:0 10px 0 0;}
.contact-right-cont{float: left; font-size:13px;}
.contact-right-cont p{padding:0; margin:0 0 10px 0; line-height:16px;}
.contact-right-cont a{color:#000000; display:block;}
.contact-right-cont a:hover{text-decoration:underline;}
.blktxt{font-size:24px; text-align:center; font-weight:normal; border-bottom:1px dashed #999999; padding:0 0 10px 0; margin:0 0 20px 0;}
.contact{background:#f5f5f5; padding:20px; border-radius:6px;}
.paymentoptions{ text-align:center; margin:0 auto; padding:25px 0;}
.paymentoptions a{text-decoration:none; color:#cc9900;}
.paymentoptions a:hover{text-decoration:underline; color:#000000;}
.lrg-txt {    font-size: 36px;    font-weight: 300;    padding: 0;    text-align: center;}
.videoss{width:640px; margin:20px auto;}
.boxdl{}
.boxdl img{float:left;}
.boxr{position:relative; margin:0 0 0 250px; padding:50px 0 0 0;}


[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: #2266a5;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
   background: rgba(46, 137, 158, 0.6);
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}
[class^='imghvr-'] figcaption h1,
[class*=' imghvr-'] figcaption h1,
[class^='imghvr-'] figcaption h2,
[class*=' imghvr-'] figcaption h2,
[class^='imghvr-'] figcaption h3,
[class*=' imghvr-'] figcaption h3,
[class^='imghvr-'] figcaption h4,
[class*=' imghvr-'] figcaption h4,
[class^='imghvr-'] figcaption h5,
[class*=' imghvr-'] figcaption h5,
[class^='imghvr-'] figcaption h6,
[class*=' imghvr-'] figcaption h6 {
  color: #ffffff;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

/* imghvr-shutter-in-*
   ----------------------------- */
[class^='imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:after,
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:before {
  background: rgba(46, 137, 158, 0.6);
  position: absolute;
  content: '';
}
[class^='imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:after {
  top: 0;
  left: 0;
}
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:before {
  right: 0;
  bottom: 0;
}
[class^='imghvr-shutter-in-'] figcaption,
[class*=' imghvr-shutter-in-'] figcaption {
  opacity: 0;
  z-index: 1;
}
[class^='imghvr-shutter-in-']:hover figcaption,
[class*=' imghvr-shutter-in-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
/* imghvr-shutter-in-horiz
   ----------------------------- */
.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
  width: 0;
  height: 100%;
}
.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
  width: 50%;
}
/* imghvr-shutter-in-vert
   ----------------------------- */
.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
  height: 0;
  width: 100%;
}
.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
  height: 50%;
}
/* imghvr-shutter-in-out-horiz
   ----------------------------- */
.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
  width: 0;
  height: 100%;

}
.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
  width: 100%;
  opacity: 0.75;

}

figcaption{display:block; text-align:center;}

.dlboxnew{background:#fff; padding:20px; margin:20px 0; border-radius:8px; border:10px solid #eee;}
.dlboxnew img{float:left;}
.lsd{ float:left; width:300px; background:#eee; padding:20px; border-radius:10px;}
.lsd .guide {padding:10px 0;}
.lsd .formfield{ }
.detail{border-radius:8px; position:relative; margin:0 0 0 370px;}

.dlboxnew strong{display:block; font-weight:normal; font-size:20px; padding:10px 0;}
.detail ul{}
.detail ul li{background:url(../imagesnew/arrow.png) no-repeat 0 5px; padding:0 0 10px 30px; line-height:20px;}


.downloadbtn a{display:block; text-align:center; border-radius:8px; width:270px; background:#669900; border-bottom:3px solid #336600; margin:20px auto; color:#FFFFFF; font-size:24px;  padding:15px; transition: background 0.5s linear;}
.downloadbtn a i{margin:0 5px 0 0;}
.downloadbtn a:hover{text-decoration:none; color:#669900; background:#FFFFFF;}

@media screen and (max-width: 1280px) {
.main{width:auto;}
.topnew{width:auto;}
.bannerarea{width:auto; margin:0 20px;}
.fl{padding:0 0 0 10px;}
.fr{padding:0 10px 0 0;}
.bspace{padding:60px 20px ;}
.nav{padding-left:20px;}
.buy-info{margin:20px;}
h2{padding-left:20px;}
p{margin:0 20px;}
ul{margin:10px 20px 0 20px;}
.logo{margin:0 0 0 10px;}
.rownew{margin:0 15px;}
.banner-in{ background:none;}
.dlboxnew{margin:20px 10px;}

}


/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 1000px) {

.boxdemo{margin-left:1%;}
.boxdemo1{margin-right:1%;}

.master-in{width:100%; text-align:center; }
.banner-in{margin:60px 0 0 0; background-position:10px 10px}
h1{font-weight:normal; font-size:30px; top:20px; left:10px;}
.subtxt{ font-size:18PX; font-weight:normal;}

/* nav-wrap */
#nav-wrap{position: absolute; width:45px; margin:0; right:250px; top:15px;}	/* menu icon */
#menu-icon{color:#ffffff; background:url(../imagesnew/menu.png) no-repeat 2px 2px;  font-weight:normal; text-transform:uppercase; width:22px; height:15px;  padding:7px; cursor:pointer; display:block; /* show menu icon */ margin:0; text-align:center; }
#menu-icon:hover, #menu-icon.active{background:url(../imagesnew/menu.png) no-repeat 2px 2px; color:#666666;} /* main nav */
#nav{clear:both; position:absolute; top:44px; width:180px; right:20px; margin:0 0 0 -135px; - z-index:10000; padding:5px; background:#ffffff; border:solid 1px #2e899e; display:none; text-align:center; z-index:9999; } /* visibility will be toggled with jquery */
#nav li{clear:both; float:none; margin:5px 0;}
#nav a, 	#nav ul a{font:inherit;	background:none; display:inline; padding:0; color:#2e899e; border:none; display:block; padding:5px; text-align:left;}
#nav a:hover, 	#nav ul a:hover, #nav a.active{color: #fff; background:#2e899e; border:none;}
/* dropdown */
#nav ul{width:auto; position:static; display:block; border:none; background:inherit; margin:0;}
#nav ul li{margin: 3px 0 3px 5px;}
#nav ul li a{padding-left:10px;}

.license img{width:100%;}
.main{ width:100%;}

.banner{background: no-repeat center 30px; height:565px; margin:90px 0 20px 0; text-align:center;}
.banner img{margin:465px 0 0 0;}

.banner1{background: no-repeat center 30px; height:565px; margin:0 0 20px 0; text-align:center;}
.banner1 img{margin:465px 0 0 0;}

.phone{margin-top:15px;}
.logo{margin-top:5px; margin-left:0;}

h2{margin:0 10px; font-size:24px; padding-left:0;}
p{margin:0 10px;}
.txt{margin:0 10px; font-size:30px;}
.master-in h1{margin:0 10px; font-size:22px; width:auto; padding-top:30px;}
.buy-info table{ width:100%;}
.box{ width:auto; float:none;}
.logo img{margin:10px;}


.soft{ width:45%; margin-left:10px;}
.video{ width:45%;  margin-right:10px;}
.screenview{ width:45%;  margin-right:10px;}
.nav{padding:0 10px;}
.point{margin:0 10px;}
.sps{margin:0 10px;}
.buy-info{margin:10px; margin-bottom:0;}


.screen-left{float:none; width: auto; margin:10px; text-align:center;}
.screen-right{float:none; width: auto; margin:10px; text-align:center;}
.screencont-left{float:none; width: auto; margin:10px; text-align:center;}
.screencont-right{float:none; width: auto; margin:10px; text-align:center;}
.step1{text-align:center;}

.bannerarea{width:auto; padding:0 10px;}


.banner{margin:60px 0 20px 0;}

.bg{margin:60px 0 0 0;}
.top{height:70px;}
.bor{padding:0 0 70px 0;}
.topnew{margin-top:60px;}

.topbox{height:430px;}
.featbox{height:380px;}
.featbox1{height:380px;}
.topboxnew{height:auto;}
.support{padding-left:10px; padding-right:10px;}
.softwarevideo{margin-right:10px;}

.accordion{font-size:16px; font-weight:bold;}

[class^="imghvr-"] figcaption, [class*=" imghvr-"] figcaption{padding:10px;}
figcaption img{width:40px;}
.ls{float:none; width:auto; margin:0;}
.rs{float:none; width:auto; margin:0;}

}


@media screen and (max-width: 768px) {

h2{font-size:20px; font-weight:bold;}
.txt{font-size:20px; font-weight:bold;}
.box span{font-size:16px; font-weight:bold;}
.banner{background: no-repeat center 20px;}
.banner1{background: no-repeat center 20px;}

.soft{ width: auto; float:none; margin:10px;}
.video{width: auto; float:none;  margin:10px;}
.screenview{width: auto; float:none;  margin:10px;}

.fl{ float:none; width:auto; margin:0 10px; text-align:center;}
.fl ul{text-align:center;}
.fl ul li{float:none; display:inline-block;}
.fr{float:none; width:auto; margin:0 10px; text-align:center;}


.buy-info table tr td{ padding:10px 5px;}
.buy-info table tr th{padding:10px 5px; font-size:14px; font-weight:bold;}
.name{font-size:14px;}
.name span{font-size:14px; font-weight:bold;}
.price{font-size:20px; color:#000000; display:block; text-align:center}
.price span{font-size:16px; color: #FF6600;}
.buybutton{padding:6px;}
.social img{margin:0 4px 0 0; float:none;}

.subtxt{font-size:16px;}

.accordion{font-size:14px; font-weight:bold;}
.dlbox{width:auto;}
.left{ display:none;}
.right{float:none; width:auto; margin:0;}

.videoss{width:auto; margin:20px 10px;}
.buttons a.dln{font-size:18px;}
.buttons a.bnt{font-size:18px;}

.boxnew{float:none; width:auto; margin:10px; padding:10px;}
.rownew{display:block;}
.collnew{ width:auto; padding:0; border:none;}
.collnew:last-child{padding:0;}
}


@media screen and (max-width: 640px) {

.topbox{float:none; width:auto; margin:10px; padding:10px; height:auto;}
.featbox{float:none; width:auto; margin:0 10px; padding:10px; height:auto;}
.featbox1{float:none; width:auto; margin:0 10px; padding:10px; height:auto;}
.msgold{width:120px;}
h1{border:270px; font-size:24px;}
.topboxnew{float:none; width:auto; margin:10px; padding:10px;}


.leftarea{display:none !important;}
.rightarea{float: none; width:auto; margin:0; padding:60px 0 0 0;}
.softwarevideo{float:none; width:auto; margin:10px;}

.accordion{font-size:15px; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; font-size:15px; }

.faqtabs-menu li a.readd{font-size:16px;}
.refund{float:none; width: auto; margin:20px 0; text-align:center;}
.refund img{text-align:center; float:none; margin:0;}
.secure{float:none; width: auto; margin:20px 0; text-align:center;}
.secure img{text-align:center; float:none; margin:0;}

.contact-left{ float:none; margin:20px 0 0 0; text-align:center;}
.contact-left-img{float:none; width:72px; margin:10px auto;}
.contact-left-cont{float: none;}
.contact-right{float:none; margin:20px 0 0 0; text-align:center;}
.contact-right-img{float:none; width:72px; margin:10px auto;}
.contact-right-cont{float: none; font-size:13px;}
.contact-left-cont p span{ display: inline;}
.license strong{padding:10px 0;}
.license strong span{font-size:20px;}
.license strong span i{font-size:16px;}
.license p{font-size:24px;}
.license p i{font-size:18px;}
.license a{ width:100px; padding:5px 0; font-size:16px;}

.buy-info table tr th a{ width:100px; padding:5px 0; font-size:16px;}
.buy-info table tr th strong{font-size:20px;}
.buy-info table tr th strong span{font-size:14px;}

.row{display:block;}
.coll{width:auto;}
.coll1{width:auto;}
.coll2{width:auto;}
.clients{float:none; width:auto;}
.topbtns{width:370px;}
.topbtns a.dlbtn{font-size:18px; padding:10px;}
.topbtns a.bnbtn{font-size:18px; padding:10px;}

.dlboxnew img{display:none;}
.detail{margin:0;}
figcaption img{width:30px;}
figcaption p{ font-size:10px; line-height:15px;}
.screens{width:45%;}
.topleft {
    float: none;
    color: #fff;
    width: auto;
    text-align: left;
}
.topright {
    float: none;
    width: auto;
    background: #fff;
    margin-top: 60px;
    border-radius: 10px;
}
.flexn {
    display: block;
}
.flexn .block{width: auto;}
.scrollToTop { background:none;}
.lsd {
    float: none;
    width: auto;
    background: #eee;
    padding: 20px;
    border-radius: 10px;
}
.video-container iframe, .video-container object, .video-container embed {    border: medium none;    height: 100%;    left: 0;    outline: medium none;   position: absolute;   top: 0;    width: 100%;}
}

@media screen and (max-width: 480px) {

.support-l{float:none; width:auto; text-align:center;}
.support-r{float:none; width:auto; text-align:center;}

.support-l .win{background:url(../imagesnew/windows.png) no-repeat center top; padding:80px 0 30px 0;}
.outlook{background: no-repeat center top; padding:80px 0 0 0;}

h1{font-size:18px; bottom:250px;}
.subtxt{font-size:12px; line-height:18px;}

.msgold{ display:none !important;}

.screens{float:none; width: auto; padding:10px; margin:10px; border:1px solid #eeeeee; border-radius:8px; pointer-events: none;    cursor: default;}
.left{display:none !important;}
.right{float:none; width:auto; margin:0;}
.clients{float:none; width:auto; padding:10px; margin:10px;}

.license a{ width:auto;}

.buy-info table tr th a{ width:auto;}
.phone{display:none;}
#nav-wrap{ right:0;}
.banner-in{background-image:none; padding:0;}

.buttons a.dln{font-size:14px; margin:5px;}
.buttons a.bnt{font-size:14px; margin:5px;}
.download a{font-size:16px; padding:10px;}

.topbtns{width:285px;}
.topbtns a.dlbtn{font-size:14px; padding:10px;}
.topbtns a.bnbtn{font-size:14px; padding:10px;}
.topbtns a{margin:0 4px;}
.bannerarea{margin:0 5px;}

.boxnew{text-align:center; padding:10px;}
.boxnew img{float:none; margin:10px 0;}
.boxnew div{margin:0;}

.lsd {width:auto;}

}