@charset "utf-8";
/* MavenProRegular-ext */
@import url(https://fonts.googleapis.com/css?family=Rubik:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Rubik+Mono+One|Rubik+One);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);

/* CSS Document */
::-moz-selection{background:#2c2047;color:#fff;}
::selection{background:#2c2047;color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active,a:focus{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle; max-width:100%;}
body{font:14px/1.6em "Lato",sans-serif,Arial,Helvetica; color:#1f1f1f;background:#fff; }

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Rubik,sans-serif,Arial,Helvetica; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
.noBor{background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
hr{border:none; height:0; overflow:hidden; border-bottom:1px dotted #666;margin:12px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
.mauto {margin:0 auto !important; display:block !important;}
.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt60{margin-top:60px !important;}.mt50{margin-top:50px !important;}.mt0{margin-top:0 !important;}
.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb0{margin-bottom:0px !important;}
.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml0{ margin-left:0 !important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr0{ margin-right:0 !important;}

/*respon*/
.container{width:1100px;margin:0 auto;} 
.row-fluid {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%; margin-left:1.564102564102564%\9; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;  width:48%\9; }/*border====   margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;*/
.row-fluid .span3 { width: 31.623931623931625%; }/*padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;*/
/*border====    margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9;*/
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1),.row-fluid > .span5:nth-of-type(5n+1) { margin-left: 0;}
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1){ clear:both}
.row-fluid .span4:nth-of-type(4n+1){ margin-left:0; clear:both}
.row-fluid .span4 { width: 23.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/
.row-fluid .span5 {  width: 17.90%;padding:0 0 0 4%\9; margin-left:0\9; width:19.2%\9;* width:15%;}
@media (max-width: 1100px) {
	.container{width:auto; padding:0 3%;}
}
@media (max-width: 767px) {
	.row-fluid .span3 { width: 48.717948717948715%; }
	.row-fluid > .span3:nth-of-type(3n+1) { margin-left:  2.564102564102564%; clear:none }
	.row-fluid > .span3:nth-of-type(2n+1),.row-fluid .span4:nth-of-type(2n+1) { margin-left: 0; clear:both }
	.row-fluid .span4 { width: 48.717948717948715%;margin-left:0; margin-bottom:15px;}/*width: 48.717948717948715%; margin-left:0; margin-bottom:15px;*/
	
}
@media (max-width: 479px) { 
	.row-fluid .span { width: 100% !important;margin-left: 0 !important;  }
}
.visible-phone,.visible-tablet,.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop, .visible-tablet{display: inherit !important;}
  .visible-desktop, .hidden-tablet {display: none !important ;} 
}
@media (max-width: 767px) {
  .hidden-desktop,.visible-phone { display: inherit !important;  }
  .visible-desktop,.hidden-phone {display: none !important;} 
}

.gradient{
    background: #0ef9e2;
    background: -moz-linear-gradient(left,  #0ef9e2 0%, #10f6af 80%);
    background: -webkit-gradient(linear, left center, right center, color-stop(0%,#0ef9e2), color-stop(80%,#10f6af));
    background: -webkit-linear-gradient(left,  #0ef9e2 0%,#10f6af 80%);
    background: -o-linear-gradient(left,  #0ef9e2 0%,#10f6af 80%);
    background: -ms-linear-gradient(left,  #0ef9e2 0%,#10f6af 80%);
    background: linear-gradient(to right,  #0ef9e2 0%,#10f6af 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ef9e2', endColorstr='#10f6af',GradientType=1 );
}
.gradient2{
    background: #0ef9e2;
    background: -moz-linear-gradient(top,  #10f6af 0%, #0ef9e2 100%);
    background: -webkit-gradient(linear, top center, bottom center, color-stop(0%,#10f6af), color-stop(100%,#0ef9e2));
    background: -webkit-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: -o-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: -ms-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: linear-gradient(to bottom,  #10f6af 0%,#0ef9e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10f6af', endColorstr='#0ef9e2',GradientType=0 );
}
:root .gradient,
:root .gradient2{filter:none;}

/*btn*/
.btn_try,
.btn_buy {display:inline-block;background:url(images/btnImg.png) no-repeat 0 0 #10f6af; border:solid 2px #10f6af; border-radius:100px; font-size:18px; line-height:1.2em; font-weight:bold; color:#333 !important; padding:15px 30px 11px 60px; box-shadow:0 3px 5px #ccc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn_try {background-position:17px -7px;}
.btn_buy {background-position:17px -126px; background-color:#fff;}
.btn_try:hover {text-decoration:none; background-color:#0ef9e2;border:solid 2px #0ef9e2;color:#333 !important;}
.btn_buy:hover {text-decoration:none; background-color:#10f6af;border:solid 2px #10f6af;color:#333 !important;}

.btndown_win,
.btndown_mac,
.btnbuy_win,
.btnbuy_mac {display:inline-block;background:url(images/btnImg.png) no-repeat 0 0 #10f6af; border:solid 2px #10f6af; border-radius:100px; font-size:18px; line-height:1.2em; font-weight:bold; color:#333 !important; padding:12px 30px 10px 60px; box-shadow:0 3px 5px #ccc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btndown_win {background-position:17px -247px; background-color:#fff;}
.btndown_mac {background-position:17px -367px;}
.btndown_win:hover {text-decoration:none;background-color:#10f6af;border:solid 2px #10f6af;}
.btndown_mac:hover {text-decoration:none;background-color:#0ef9e2;border:solid 2px #0ef9e2;}
.btnbuy_win {background-position:17px -126px; background-color:#fff;}
.btnbuy_mac {background-position:17px -126px;}
.btnbuy_win:hover {text-decoration:none; background-color:#10f6af;border:solid 2px #10f6af;}
.btnbuy_mac:hover {text-decoration:none; background-color:#0ef9e2;border:solid 2px #0ef9e2;}

.btn_default {display:inline-block;background:#fff; border:solid 2px #10f6af; border-radius:100px; font-size:16px; line-height:1.2em; font-weight:bold; color:#333; padding:13px 30px; box-shadow:0 3px 5px #ccc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn_default:hover {text-decoration:none; background:#10f6af;border:solid 2px #10f6af;}

/*header*/
.header {background:#fff; padding:15px 0 0 0;}
.brand_nav {float:right; padding:15px 0 25px 10px;}
.brand_nav ul {float:right;}
.brand_nav ul li {float:left; padding:0 5px;}
.brand_nav ul li.line {background:url(images/cssImg.png) no-repeat 30px 3px; padding-right:6px;}
.brand_nav ul li a {display:block; width:30px; height:30px; overflow:hidden; text-indent:-99999px; background:url(images/cssImg.png) no-repeat 0 0;}
.brand_nav ul li a.st {background-position:-33px 3px;}
.brand_nav ul li a.se {background-position:-76px 3px;}
.is_logo {float:right; padding:0 0 0 5px;}
.is_logo a {display:block; width:100px; height:30px; background:url(images/is_logo.png) no-repeat center center; overflow:hidden; text-indent:-99999px;}
.pro_header {padding:0 200px 0 0;}
.pro_header .logo {float:left;}
.pro_header .logo a {display:block; background:url(images/vc_logo.png) no-repeat 0 -2px; height:40px; padding:20px 0 0 70px; font-size:18px; line-height:1.2em;}
.pro_header .logo a:hover {text-decoration:none;}
.pro_header .pro_nav {float:right; padding:15px 0 0 0;}
.pro_header .pro_nav ul {float:left;}
.pro_header .pro_nav li {float:left; padding:0 13px;}
.pro_header .pro_nav li.line {background:url(images/cssImg.png) no-repeat -8px 3px; width:5px; height:30px; padding:0;}
.pro_header .pro_nav li a {display:block; padding:5px 0 25px 0; border-bottom:solid 5px #fff; font-size:16px; line-height:1.2em;}
.pro_header .pro_nav li a.curr,
.pro_header .pro_nav li a:hover {text-decoration:none;color:#05d494; border-bottom:solid 5px #05d494;}
.pro_header .pro_nav .btn {float:right;font-size:16px; line-height:1.2em; padding:0 0 0 5px;}
.pro_header .pro_nav .btn a {display:block; float:left; margin:0 5px; border:solid 2px #333; border-radius:100px; padding:3px 20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.pro_header .pro_nav .btn a.b_try {background:#333; color:#fff;}
.pro_header .pro_nav .btn a.b_buy {background:#fff;}
.pro_header .pro_nav .btn a:hover {text-decoration:none;}
.pro_header .pro_nav .btn a.b_try:hover {background:#fff; color:#333;}
.pro_header .pro_nav .btn a.b_buy:hover {background:#333; color:#fff;}
.pro_header .pro_nav .btn a.curr {background:#05d494; color:#fff;}
.header {position:relative; z-index:11;}
.header .container {position:relative; z-index:12;}
.pop_menu {position:absolute; z-index:13; top:100%; left:0; background:#fff url(images/menu_bg.jpg) no-repeat right bottom; padding:3% 4%; width:92%;}
.pop_menu .title {float:left; width:30%; font-size:80px; line-height:1em; color:#d3d1d1; font-weight:bold;}
.pop_menu .info {padding:0 0 0 35%;}
.pop_menu ul {overflow:hidden; padding:10px 20% 0 0;}
.pop_menu ul li {float:left; width:30.3%; padding:3px 0; list-style:disc; margin-left:3%; color:#666;}
.pop_menu ul li a {color:#666; line-height:1.2em;}
.pop_menu ul li:hover,
.pop_menu ul li a:hover {color:#05d494; text-decoration:none;}
.pop_menu .menu_pro li {width:auto; float:none;}

@media (max-width: 979px) {
	.header {padding:0;}
	.brand_nav {float:none; overflow:hidden; padding:10px 0; border-bottom:solid 1px #ccc;}
	.pro_header {padding:10px 0;}
}
@media (max-width: 800px) {
	.brand_nav {float:right; border-bottom:0; padding:25px 0 0 0;}
	.pro_header .logo {padding:0 0 10px 0;}
	.pro_header .pro_nav { float:none; clear:both; overflow:hidden;border-top:solid 1px #ccc;}
	.pro_header .pro_nav .btn {float:left;}
}
@media (max-width: 600px) {
	.brand_nav {float:none; padding:10px 0; border-bottom:solid 1px #ccc;}
	.pro_header .pro_nav {border-top:0;border-top:solid 1px #ccc; padding:10px 0 0 0;}
	.pro_header .pro_nav .btn {display:none;}
}

.tc_bg,.tc_bg iframe {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7;z-index:10;}
.tc_bg iframe {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8  */filter:alpha(opacity=0);/* ie5-7  */opacity: 0;}

.bg_gray {background:#f9f9f9;}

/*rating*/
.rating{display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; background:url(images/star_img.png) no-repeat 0 -3px; zoom:1}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating li{background-position:-30px 0; width:30px; height:30px; }
.bigRating li.on{background-position:-30px -36px}
.bigRating li.half{background-position:-30px -72px}

.smallRating li{background-position:-79px -3px; width:12px; height:12px; }
.smallRating li.on{background-position:-79px -31px}
.smallRating li.half{background-position:-79px -58px}

/*footer*/
.footer_bottom {background:url(images/bg_dot.png) #161718; color:#999; padding:50px 0;}
.footer_bottom a {color:#999;}
.footer_bottom .item {float:left; width:35%;}
.footer_bottom .i2 {width:25%;}
.footer_bottom .i3 {width:40%;}
.footer_bottom .c {color:#05d494;}
.footer_bottom .column {color:#fff; font-size:18px; line-height:1.2em; font-weight:bold; padding:10px 0;}
.footer_bottom ul {padding:10px 0 0 0;}
.footer_bottom ul li {padding:3px 0;}
.footer_bottom .country {padding:10px 0 30px 0; margin-bottom:20px; border-bottom:solid 1px #424243;}
.footer_bottom .social { overflow:hidden;}
.footer_bottom .social a {display:block; float:left; width:60px; height:60px; margin-right:10px; overflow:hidden; text-indent:-9999px; background:url(images/social_icon.png) no-repeat center 0;}
.footer_bottom .social a.icon_fb {background-position:center 0;}
.footer_bottom .social a.icon_in {background-position:center -60px;}
.footer_bottom .social a.icon_gg {background-position:center -120px;}
.footer_bottom .social a.icon_tw {background-position:center -180px;}
.footer_bottom .social a.icon_ytb {background-position:center -240px;}
.footer_bottom .social a.icon_fb:hover {background-position:center -300px;}
.footer_bottom .social a.icon_in:hover {background-position:center -360px;}
.footer_bottom .social a.icon_gg:hover {background-position:center -420px;}
.footer_bottom .social a.icon_tw:hover {background-position:center -480px;}
.footer_bottom .social a.icon_ytb:hover {background-position:center -540px;}
.footer {background:#161718; color:#999; padding:20px 0; text-align:center;}
.footer a {color:#999;}
.footer a.about {color:#05d494;}
@media (max-width: 800px) {
	.footer_bottom .item {width:50%; padding:0 0 20px 0;}
	.footer_bottom .i2 {width:50%;}
	.footer_bottom .i3 {width:auto; float:none; clear:both; padding:20px 0 0 0;border-top:solid 1px #424243;}
}
@media (max-width: 500px) {
	.footer_bottom .item {width:65%;}
	.footer_bottom .i2 {width:35%;}
	.footer_bottom .i3 {width:auto; float:none; clear:both;}
}
@media (max-width: 370px) {
	.footer_bottom .item {width:auto; float:none;}
	.footer_bottom .i2 {border-top:solid 1px #424243;padding:20px 0;}
}

/*bottom choose*/
.choose_bg{background:#0ff8cc url(images/choose_bg.jpg) no-repeat center center;padding:80px 0;}
.choose_bg h2{ font-size:36px; font-weight:700; text-align:center; line-height:1.2em;}
.choose{margin-top:50px;}
.choose .item{float:left;width:15%;height:154px;margin-left:15px;border:2px solid #19d2bc; border-radius:200px; text-align:center;}
.choose .item:first-child{margin-left:0;}
.choose .item strong{display:block;font-size:30px;margin-top:50px;}
.choose .item p{margin-top:10px;padding:0 15px;}
@media (max-width: 979px) {
	.choose .item{ width:15%; margin-left:10px; }
	.choose .item strong{ font-size:24px; }
}
@media (max-width: 767px) {
	.choose .item{ width:30%;margin-top:10px;}
	
}
@media (max-width: 479px) {
	.choose .item{ width:44.2%; }
}

/*paging*/
.paging{ text-align:center; margin:30px 0;}
.paging a{padding:3px 7px ;text-decoration: none; color:#333; font-size:16px; line-height:1.2em;border-radius:100px;}
.paging a:hover{background:#10f6af; color:#333;}
.paging a.curr{color:#2c2047; font-weight:bold; background:none !important;}
.paging .bb{padding:3px 15px ; margin:0 10px; border-radius:100px; border:solid 2px #10f6af; background:#fff; color:#333;}
.paging .bb:hover{background:#10f6af; color:#333; text-decoration:none;}

.totop{ display:none; background:url(images/cssImg.png) no-repeat -140px 0; position:fixed; z-index:2;  width: 69px;height: 62px; bottom:100px; right:0; font-size:16px; text-indent:-9999px;}
.totop:focus{ outline:none}
@media (max-width: 979px) {
	.totop{ display:block !important; position:static; background:url(images/cssImg.png) no-repeat -140px 0; text-align:center; color:#434B52; width:auto;height: 62px; line-height:62px;text-indent:0;}
}

.addthis_floating_style{ position:absolute !important; top:0; left:50%; margin:0 0 0 580px; width:60px; border:1px solid #dbdbdb; padding:10px 6px; background:#fff;}
@media (max-width: 1200px) {
	.addthis_floating_style {display:none;}
}

.rollTop {display:none;position:fixed;bottom:0;left:0; z-index:999; width:100%; background:#fff; padding:15px 0;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;box-shadow:0 0 5px #ccc;}
.rollTop .container {position:relative; z-index:2;}
.rollTop .close_btn {display:block; width:34px; height:34px; border-radius:100px; overflow:hidden; text-indent:-99999px; text-align:left; background:url(images/close-btn-pop.png) no-repeat center center #fff;box-shadow:0 0 5px #ccc; position:absolute; top:-34px; right:-30px; cursor:pointer;}
.rollTop .name{line-height:1.2em; font-size:20px; font-weight:normal; padding:0 420px 0 0;}
.rollTop .btn {float:right;}
@media (max-width: 767px) {
	.rollTop .close_btn {left:50%; right:auto; margin:0 0 0 -17px;}
	.rollTop .name {display:none;}
	.rollTop .btn {float:none; text-align:center;}
}

/*.paypalStyle{display:block !important;}*/