@font-face {
  font-family: 'markpro'; font-style: normal; font-weight: normal;
  src:  url('fonts/markpro.eot');                                     /* IE9 Compat Modes*/
  src:  url('fonts/markpro.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
        url('fonts/markpro.otf') format('opentype'),                  /* Original */
        url('fonts/markpro.woff2') format('woff2'),                   /* Super Modern Browsers */
        url('fonts/markpro.woff') format('woff'),                     /* Pretty Modern Browsers */
        url('fonts/markpro.ttf') format('truetype'),                  /* Safari, Android, iOS */
        url('fonts/markpro.svg#markpro') format('svg');               /* Legacy iOS */
}
/** markpro bold **/
@font-face {
  font-family: 'markpro'; font-style: normal; font-weight: bold;
  src:  url('fonts/markproheavy.eot');
  src:  url('fonts/markproheavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/markproheavy.otf') format('opentype'),
        url('fonts/markproheavy.woff2') format('woff2'),
        url('fonts/markproheavy.woff') format('woff'),
        url('fonts/markproheavy.ttf') format('truetype'),
        url('fonts/markproheavy.svg#markpro') format('svg');
}

body,ul,li,h1,h2,h3,h4,h5,h6,p,svg,div,span,input,ol,a{margin: 0;padding: 0;font-family: "markpro";}
ul li{list-style: none;}
img{max-width: 100%;border:none;}
ul.list-dot>li>a{padding-left: 10px;position: relative;display: inline-block;}
ul.list-dot>li>a:after{content:'';position: absolute;left: 0;top: 8px;width: 4px;height: 4px;display: block;background: #3f4e59;border-radius: 50%;}
ul.list-dot>li>a:hover:after{background: #6ce2d9;}


.container-max {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container-max {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container-max {
    width: 1000px;
  }
}
@media (min-width: 1200px) {
  .container-max {
    width: 1200px;
  }
}

/*bootstrap重置*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding: 0;}




.flex-box { display: flexbox; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-box:before, .flex-box:after { content: " "; display:table; }
.flex-box:after { clear:both; }
.flex-item { display: inline-block; float: left; width: 50%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }


.blue_btn_w{background-color: #61ded1;color: #FFF;}
.blue_btn_b{background-color: #61ded1;color: #303d47;}

.text-white{color:#f3f3f3 !important;}
.text-black{color:#3f4e59 !important;}
.text-red{color:#ff6d5c !important;}
.text-blue{color:#6ce2d9 !important;}

.bg-white{background-color:#f3f3f3;}
.bg-black{background-color:#3f4e59;}
.bg-red{background-color:#ff6d5c;}
.bg-blue{background-color:#6ce2d9;}


/*.group-btn{height: 50px;line-height: 50px;padding: 0 20px;font-size: 20px;transition: all ease-in-out 0.2s;display: inline-block;width: 225px;font-weight: 900;}
.group-btn>span{font-size: 24px;display: inline-block;margin-left: 8px;vertical-align: middle;transition: all ease-in-out 0.2s;}
.group-btn:hover{box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.33);color: #FFF;}
.group-btn:hover>span{color: #FFF;}
.group-btn.blue{background:#6ce2d9;color: #3f4e59;}
.group-btn.blue>span{color: #3f4e59;}
.group-btn.red{background:#ff6d5c;color: #fff;}
.group-btn.red>span{color: #fff;}


.group-btn-line{background: transparent;border:solid 2px transparent;height: 50px;line-height: 50px;font-size: 18px;display: inline-block;width: 225px;padding: 0 20px;font-weight: 900;}
.group-btn-line>span{display: inline-block;margin-left:20px;}
.group-btn-line.blue{color: #61ded1;border-color: #6ce2d9;}
.group-btn-line.red{color: #ff6d5c;border-color: #ff6d5c;}
.group-btn-line.white{color: #fff;border-color: #fff;}

.blue-btn{background: #6ce2d9;color: #3f4e59;height: 50px;line-height:50px;font-size: 18px;width: 145px;text-align: center;display: inline-block;font-weight: 900;border: none;}
.white-btn{background: #fff;color: #3f4e59;height: 50px;line-height:50px;font-size: 20px;width: 145px;text-align: center;display: inline-block;font-weight: 900;border: none;}
.blue-btn-white{background: #6ce2d9;color: #FFF;display: inline-block;border: none;font-size: 14px;height: 40px;line-height: 40px;vertical-align: top;width: 97px;text-align: center;font-weight: 900;border: none;}
.gray-btn{background: #f3f3f3;color: #3f4e59;height: 50px;line-height:50px;font-size: 18px;width: 145px;text-align: center;display: inline-block;font-weight: 900;border: none;}

*/


/** modal/popup **/
.modal-content { padding: 50px 40px; background-color: #3f4e59; box-shadow: none; border-radius: 0; color: #fff; border: none; }
.modal-header { padding: 10px 0; border-bottom: none; }
.modal-header .close { font-size: 30px; color: #fff; margin-top: -30px; line-height: 30px; width: 30px; height: 30px; display: block; opacity: 1; text-shadow: none;}
.modal-header .close:hover { color: #ff6d5c; }
.modal-title { font-size: 24px; font-weight: normal; line-height: 30px; letter-spacing: 0.9px; }
.modal-body { padding: 20px 0; font-size: 18px; }
.modal-footer { padding: 0; border-top: none; background-color: transparent; text-align: center; }
.modal-sm .modal-content { padding: 20px; }
.modal-sm .modal-header .close { position: absolute; margin-top: -10px; right: 10px; }



/** icon **/
.fm { display: inline-block; }
.fm.fm-spin { -webkit-animation: icon-spin .8s linear infinite; -moz-animation: icon-spin .8s linear infinite; -o-animation: icon-spin .8s linear infinite; animation: icon-spin .8s linear infinite; }

/** button **/

.button {margin:0;}




input[type="text"],input[type="email"],input[type="password"],textarea{border: none;padding:0 8px;background: #FFF;height: 40px;line-height: 40px;font-size: 14px;}
select:focus,button:focus,input[type="text"]:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus{outline: none;color: #3f4e59;}
a:focus{outline: none;}
select{height: 40px;line-height: 40px;border:1px solid #3f4e59;padding: 0 8px;}
select option{border:1px solid #3f4e59;}


section .review_cont{height: 300px;display: table;width: 100%;}
section .review_cont .lft{background: #61ded1;color: #FFF;width: 55%;text-align: right;display: table-cell;vertical-align: middle;}
section .review_cont .lft p{width: 380px;font-size: 30px;display: inline-block;text-align: center;line-height: 1.1;font-weight: bold;}
section .review_cont .lft img{vertical-align: top;margin:20px 107px 0 15px;}
section .review_cont .rgt{background: #303d47;color: #FFF;display: table-cell;vertical-align: middle;width: 45%;text-align: left;padding-left:96px;}
section .review_cont .rgt .stars{color: #ffa108;width: 320px;text-align: center;font-size: 20px;margin-bottom: 10px;}
section .review_cont .many{font-size: 20px;width: 320px;text-align: center;}
section .review_cont .reviews_btn {width: 285px;margin-top: 45px;font-weight: 300;margin-left: 20px;}

section .eff_store{background: url(images/effect-store.jpg) no-repeat;color: #FFF;padding: 148px 0;}
section .eff_store h2{font-size: 36px;}
section .eff_store p{font-size: 24px;width: 570px;margin:16px 0 46px; }

section .community_cont{background: url(images/community-bg.jpg) no-repeat;color: #FFF;text-align: center;padding: 180px 0 118px;}
section .community_cont h2{font-size: 36px;}
section .community_cont p{font-size: 24px;margin: 26px auto;max-width: 440px;}


section .filmora_download{position: relative;height: 387px;background-image: url(images/filmora-download-bg.png);background-repeat: no-repeat;}
section .filmora_download p{font-size: 18px;margin: 30px 0;}
section .filmora_download .cont{position: relative;z-index: 2;text-align: center;margin-left: 800px;padding-top: 120px;}
section .filmora_download .group_btn{font-size: 0;}
section .filmora_download .group_btn .download{margin-right: 20px;}





section .mac-cont{display: none;}