html,body {
    background: none;
    color: #333331;
    font-size: 14px;
    line-height:23px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;

}

@font-face{font-family:'bebasregular';src:url('../fonts/bebas___-webfont.woff2') format('woff2'),url('../fonts/bebas___-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}
a, a:hover {
    text-decoration: none;
    color: #333331;
}
/** Margins **/
.m-t0{margin-top:0.000rem!important;}
.m-t5{margin-top:0.313rem!important;}
.m-t10{margin-top:0.625rem!important;}
.m-t15{margin-top:0.938rem!important;}
.m-t20{margin-top:1.250rem!important;}
.m-t25{margin-top:1.563rem!important;}
.m-t27{margin-top:1.688rem!important;}
.m-t30{margin-top:1.875rem!important;}
.m-t40{margin-top:2.500rem!important;}
.m-t50{margin-top:3.125rem!important;}
.m-t60{margin-top:3.75rem!important;}
.m-t8{margin-top:0.5rem!important;}
.m-b13{margin-bottom:0.8125rem!important;}
.m-b5{margin-bottom:0.313rem!important;}
.m-b10{margin-bottom:0.625rem!important;}
.m-b15{margin-bottom:0.938rem!important;}
.m-b20{margin-bottom:1.250rem!important;}
.m-b25{margin-bottom:1.563rem!important;}
.m-b30{margin-bottom:1.875rem!important;}
.m-b40{margin-bottom:2.500rem!important;}
.m-b50{margin-bottom:3.125rem!important;}
.m-r15{margin-right:0.938rem!important;}
.m-r20{margin-right:1.250rem!important;}
.m-r25{margin-right:1.563rem!important;}
.m-tb0{margin-top:0.000rem!important;margin-bottom:0.000rem!important;}
.m-tb5{margin-top:0.313rem!important;margin-bottom:0.313rem!important;}
.m-tb10{margin-top:0.625rem!important;margin-bottom:0.625rem!important;}
.m-tb20{margin-top:1.250rem!important;margin-bottom:1.250rem!important;}
.m-tb25{margin-top:1.563rem!important;margin-bottom:1.563rem!important;}
.m-tb30{margin-top:1.875rem!important;margin-bottom:1.875rem!important;}
.m-tb40{margin-top:2.500rem!important;margin-bottom:2.500rem!important;}
.m-tb50{margin-top:3.125rem!important;margin-bottom:3.125rem!important;}
.m-b0{margin-bottom:0.000rem!important;}
.m-l5{margin-left:0.313rem!important;}
.m-l10{margin-left:0.625rem!important;}
.m-l15{margin-left:0.938rem!important;}
.m-l20{margin-left:1.250rem!important;}
.m-l25{margin-left:1.563rem!important;}
.m-l30{margin-left:1.875rem!important;}
.m-l40{margin-left:2.500rem!important;}
.m-l50{margin-left:3.125rem!important;}
.m-l0{margin-left:0.000rem!important;}
/** Paddings **/
.p-0{padding:0.000rem!important;}
.p-t0{padding-top:0.000rem!important;}
.p-t5{padding-top:0.313rem!important;}
.p-t10{padding-top:0.625rem!important;}
.p-t15{padding-top:0.938rem!important;}
.p-t20{padding-top:1.250rem!important;}
.p-t25{padding-top:1.563rem!important;}
.p-t30{padding-top:1.875rem!important;}
.p-t35{padding-top:2.188rem!important;}
.p-t40{padding-top:2.500rem!important;}
.p-t50{padding-top:3.125rem!important;}
.p-b0{padding-bottom:0.000rem!important;}
.p-b5{padding-bottom:0.313rem!important;}
.p-b10{padding-bottom:0.625rem!important;}
.p-b15{padding-bottom:0.938rem!important;}
.p-b20{padding-bottom:1.250rem!important;}
.p-b13{padding-bottom:0.8125rem !important;}
.p-b25{padding-bottom:1.563rem!important;}
.p-b30{padding-bottom:1.875rem!important;}
.p-b35{padding-bottom:2.188rem!important;}
.p-b40{padding-bottom:2.500rem!important;}
.p-b50{padding-bottom:3.125rem!important;}
.p-b80{padding-bottom:6rem!important;}
.p-l0{padding-left:0.000rem!important;}
.p-l5{padding-left:0.313rem!important;}
.p-l10{padding-left:0.625rem!important;}
.p-l15{padding-left:0.938rem!important;}
.p-l20{padding-left:1.250rem!important;}
.p-l25{padding-left:1.563rem!important;}
.p-l30{padding-left:1.875rem!important;}
.p-l40{padding-left:2.500rem!important;}
.p-l50{padding-left:3.125rem!important;}
.p-r0{padding-right:0.000rem!important;}
.p-r5{padding-right:0.313rem!important;}
.p-r10{padding-right:0.625rem!important;}
.p-r15{padding-right:0.938rem!important;}
.p-r20{padding-right:1.250rem!important;}
.p-r25{padding-right:1.563rem!important;}
.p-r30{padding-right:1.875rem!important;}
.p-r40{padding-right:2.500rem!important;}
.p-r50{padding-right:3.125rem!important;}
.p-tb0{padding-top:0.000rem!important;padding-bottom:0.000rem!important;}
.p-tb5{padding-top:0.313rem!important;padding-bottom:0.313rem!important;}
.p-tb10{padding-top:0.625rem!important;padding-bottom:0.625rem!important;}
.p-tb15{padding-top:0.938rem!important;padding-bottom:0.938rem!important;}
.p-tb20{padding-top:1.250rem!important;padding-bottom:1.250rem!important;}
.p-tb25{padding-top:1.563rem!important;padding-bottom:1.563rem!important;}
.p-tb30{padding-top:1.875rem!important;padding-bottom:1.875rem!important;}
.p-tb35{padding-top:2.187rem!important;padding-bottom:2.187rem!important;}
.p-tb40{padding-top:2.500rem!important;padding-bottom:2.500rem!important;}
.p-tb50{padding-top:3.125rem!important;padding-bottom:3.125rem!important;}
.p-lr0{padding-left:0.000rem!important;padding-right:0.000rem!important;}
.p-lr5{padding-left:0.313rem!important;padding-right:0.313rem!important;}
.p-lr10{padding-left:0.625rem!important;padding-right:0.625rem!important;}
.p-lr15{padding-left:0.938rem!important;padding-right:0.938rem!important;}
.p-lr20{padding-left:1.250rem!important;padding-right:1.250rem!important;}
.p-lr25{padding-left:1.563rem!important;padding-right:1.563rem!important;}
.p-lr30{padding-left:1.875rem!important;padding-right:1.875rem!important;}
.p-lr40{padding-left:2.500rem!important;padding-right:2.500rem!important;}
.p-lr50{padding-left:3.125rem!important;padding-right:3.125rem!important;}
.form-control::-webkit-input-placeholder{color:#999;}
.form-control::-moz-placeholder{color:#999;}
.form-control:-ms-input-placeholder{color:#999;}
.form-control:-moz-placeholder{color:#999;}
.clear{clear:both;display:block;height:1px;}
.center-block{float:none!important;}

/*Custom CSS start*/
html{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ad771+0,71bc59+100 */background:#8ad771; /* Old browsers */background:-moz-linear-gradient(top,#8ad771 0%,#71bc59 100%); /* FF3.6-15 */background:-webkit-linear-gradient(top,#8ad771 0%,#71bc59 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom,#8ad771 0%,#71bc59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
body{background:none;}
a,a:focus,a:hover,a:active{outline:none;text-decoration:none;}
.cm-icon{display:inline-block;width:40px;height:40px;background:url(../images/sprite-icon.png) no-repeat;}
.cm-icon-big{width:170px;height:58px;}
.icon-messgae,.icon-fb{display:block;margin:0 auto;}
a:hover .icon-messgae{background-position:0px -53px;}
.icon-fb{background-position:-53px 0;}
a:hover .icon-fb{background-position:-53px -53px;}
.google-play-icon{background-position:-111px 0;}
.app-play-icon{background-position:-107px -63px;}
.center-video{max-width:854px;width:100%;}
/*Landing page css start*/
.fox-common-img{max-width:180px;width:100%;margin-top:81px;}
.footer-bottom a{text-align:center;color:#333332;display:inline-block;vertical-align:middle;font-size:0.875rem;}
.footer-bottom span.download-text{display:inline-block;font-family:"bebasregular";font-size:1.313rem;margin-right:0.75rem;margin-top:0.625rem;}
.right-footer-section{vertical-align:middle;text-align:right;}
.btn-custom-circle{border-radius:100px;padding:0.18rem 2.75rem 0.18rem;font-size:1rem;border:0;text-transform:uppercase;}
.login-modal .modal-dialog .modal-content{max-width:460px;margin:0 auto;}
.login-modal .modal-dialog .modal-content{border-radius:0px;}
.login-modal .modal-dialog h4{border-top:5px solid #66b34e;color:#000000;display:inline-block;font-size:1.875rem;font-weight:600;line-height:2.4rem;text-transform:uppercase;}
.login-modal .modal-header{border-bottom:0px;padding-bottom:0px;}
.login-modal .modal-body{padding:10px 15px 5px;}
.login-modal .close{color:#fff;font-family:open sans;font-size:3rem;font-weight:500;margin-right:-50px;margin-top:-30px;opacity:1;}
.login-modal input{background-color:#e6e5e5;border:0 none;border-radius:0;box-shadow:none;height:inherit;padding:1rem 12px;font-size:1.2rem}
.login-modal .modal-dialog label,.reg-text{font-weight:300;color:#000;font-size:1.563rem;margin-bottom:1px;}
.reg-text a{color:#4570b7;text-decoration:underline;}
.btn-login{background-color:#41802d;border:0 none;border-radius:0;color:#fff;font-family:'Open Sans',sans-serif;font-size:1.438rem;font-weight:600;letter-spacing:7px;padding:1.4rem 10px 1.11rem;text-shadow:0 2px 1px rgba(0,0,0,0.5);text-transform:uppercase;width:100%;}
.btn-login:hover,.btn-login:focus{color:#f5f5f5;background-color:#61a04d;}
.m-tb11{margin-top:0.6875rem!important;margin-bottom:0.6875rem!important;}
.button-lr10{margin-left:-10px;margin-right:-10px;}
.vertical-alignment-container{display:table;height:100%;width:100%;}
.vertical-align-center{display:table-cell;vertical-align:middle;}
/*Landing page css end*/
/*Forgot page css start*/
.middle-content h3{font-size:1.313rem;font-family:'bebasregular';text-transform:uppercase;margin-top:0.875rem;}
/*Forgot page css end*/
.parsley-errors-list{padding-left: 0px;}
.parsley-errors-list li{color: #ff0000; font-size: 12px; list-style: none; margin-top: 5px;}
.email-address{font-size:10px;color:#333;margin-top:-15px;}
.email-address i{color: #ffffff;font-family: arial;font-style: normal;font-weight: bold;width:13px;height:13px;background:#4470b9;border-radius:100%;margin-right:2px;}
.email-address:hover i{background-color:#224e97;}
.email-address span{text-decoration:underline;}
.main-logo{margin-top:-10px;display:inline-block;}
.login-header p{font-size:1.25rem;}
.copyright-text{font-size:0.875rem}
.copyright-text a:hover{color:#23527c;}
/*Privacy Policy page*/
.thanks-img img{display:inline-block;}
.privacy-page h4{margin-top:22px;margin-bottom:6px;font-weight:600;font-size:16px;color:#333;position:relative;}
.privacy-page p,.privacy-page ul li{font-size:14px;}
.privacy-page{background-color:rgba(255,255,255,0.4);padding:5px 25px 25px;border-radius:3px;box-shadow:0px 3px 7px 3px rgba(0,0,0,0.2);}
.privacy-page h4:before{position:absolute;width:4px;height:100%;content:"";background-color:#666;left:-9px;border-radius:10px;}
.privacy-page ul{list-style:none;padding-left:0px;}
.privacy-page li{position:relative;padding-left:15px;}
.privacy-page li:before{content:"\00bb";position:absolute;display:inline-block;height:10px;left:0px;font-size:18px;top:-3px;color:#555;}
.privacy-page .btn-primary{font-size:0.8rem;text-transform:none;padding:0.18rem 1rem;}
/*Media Query Start*/
li {
    list-style: none outside none;
}
ul {
    margin: 0;
}

.background-true {
    background-image: url(../images/option_1_background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
.logo {
    text-align: center;
    font-size: 17px;
}
.logo img {
    width: 200px;
}
.logo h2 {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
}
.header {
    padding: 20px 0px 20px 0px;
}
.social-download {
    overflow: hidden;
    margin-bottom: 10px;
}
.list-social {
    float: left;
    padding: 0px;
    text-align: center;
}
.list-social li {
    float: left;
    margin-right: 30px;
}
.list-social li span {
    display: block;
}
.list-social li a img {
    width: 35px;
}
.download-box {
    float: right;


}
.download-box a {
    display: inline-block;
    margin-left: 20px;
    float: left;
}
.download-box a img {
    height: 50px;
}
.download-box h3 {
    float: left;
    margin: 0px;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 17px;
    font-family: "bebasregular";
    font-size: 1.313rem;
    margin-right: 0.75rem;

}
.box-main {
    margin-top: 30px;
}
.content-box {
    height: 290px;
    background: url(../images/bg-box.jpg);
    position: relative;
}
.content-box img {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.text-box {
    padding-top: 115px;
    padding-left: 40px;
    padding-right: 300px;
}
.text-box h3 {
    margin: 0px;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 40px;
}
.box-2 .text-box, .box-4 .text-box {
    float: right;
    padding-left: 300px;
    padding-right: 40px;
}
.box-2 img, .box-4 img {
    left: 0px;
}


.container {
  position: relative;
  width: 856px;
}
.main-video {
    position: relative;
    margin-bottom: 40px;
}
.left-video, .right-video {
    position: absolute;
    top: 20px;
}
.left-video img, .right-video img {
    width: 160px;
}
.left-video {
    left: -160px;
}
.right-video {
    right: -160px;
}
.bottom-box img {
    width: 100%;
    display: block;
}
.support-top img {
    width: 20px;
    margin-right: 5px;
}
@media (max-width:1199px){
  .fox-common-img{display:none;}
  .center-video{margin:0 auto;float:none !important;}
  .modal{margin:15px;}
  .fp-description br{display:none;}
}
@media (max-width:767px){
  .login-modal .close{margin-right: -5px;margin-top: -15px;color: #66b34e;}
  .container {padding-left:15px !important;padding-right:15px !important;}
  .footer-bottom .text-left,.footer-bottom{text-align:center;}
  .footer-bottom span.download-text,.footer-bottom .right-footer-section a{display:block;margin:15px auto 0 !important;text-align:center;}
  .main-logo{margin-top:10px;}
  .youtube-iframe{max-width:100%;height:auto !important;}
}
@media (max-width:479px){
  .login-modal .close{margin-right: -5px;margin-top: -15px;color: #66b34e;}
}

/*Main css ends here*/

@media all and (min-width: 320px) and (max-width: 856px) {
    .container {
        width:auto;
        padding: 0px 15px;
    }
}
@media all and (min-width: 320px) and (max-width: 767px) {
    .support-top {
      display: none;
    }
    .list-social {
      display: none;
    }
    .socail-mobile {
      display: block;
    }
    .download-box {
      float: none;
      text-align: center;
      margin-bottom: 15px;
    }
    .download-box h3, .download-box a {
      float: none;
      margin:0px;
    }
    .download-box h3 {
      margin-bottom: 10px;
    }
    .left-video, .right-video {
      display: none;
    }
    .content-box {
      height: 140px;
      background-size: 100%;
    }
    .text-box {
      padding-top: 40px;
      padding-left: 20px;
      padding-right: 150px;
    }
    .box-2 .text-box, .box-4 .text-box {
        padding-left: 150px;
        padding-right: 20px;
    }
    .text-box h3 {
      font-size: 18px;
      line-height: 22px;

    }
    .content-box img {
      width: 150px;
    }
    .main-video {
      margin-bottom: 10px;
      padding: 0px 20px;
    }
    .main-video iframe {
      height: 250px;
    }
    .list-social {
      float: none;
      text-align: center;
      margin-bottom: 20px;
    }
    .list-social li {
      float: none;
      display: inline-block;
      margin: 0px 10px;
    }
}

@media all and (min-width: 768px) and (max-width: 856px) {
    .container {
        width:700px;
    }
    .left-video, .right-video {
      display: none;
    }
}