/*Common CSS*/
li{list-style:none}
body, html{height:100%}
body{-webkit-text-size-adjust:100%;background: #fff;font-family: 'Lato',Arial,sans-serif;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
*{ margin:0; padding: 0;}
.clearfix:before,.clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
a{text-decoration: none; outline: none;border:0}
a:hover{cursor: pointer}
a:visited{outline:none;text-decoration: none}
ul{list-style: none}
input,textarea{border:0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;font-family:sans-serif}
img{border:0;outline:none}
::-webkit-input-placeholder {color:#989898}
:-moz-placeholder { color:#989898;opacity:  1}
::-moz-placeholder {color:#989898;opacity:  1}
:-ms-input-placeholder {color:#989898}
::-ms-input-placeholder {color:#989898}
input[type="button"], input[type="submit"]{outline:0;cursor: pointer}
.homeBackground{background-image: url(../images/bodybg.jpg);background-size: auto;background-repeat: repeat;background-position: top center;background-attachment: fixed}
.container, .footercontainer{margin:0 auto;width: 1170px;word-wrap: break-word}

/*Page loader CSS*/
.pageLoader {position: absolute;left: 50%;top: 50%;z-index: 1;width: 50px;height: 50px;margin: -25px 0 0 -25px;border: 10px solid #f3f3f3;border-radius: 50%;border-top: 10px solid #e96656;-webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*Page Loader CSS ends*/
/*Animation css*/
@keyframes textanimate
{
  0% { opacity: 0; padding-top: -1%}
  30% { opacity: 0; padding-top: 2%}
  60% { opacity: 0; padding-top: 7%}
  100% { opacity: 1; padding-top:  13%}
}
@keyframes fadeLeft{
  0%{opacity: 0;-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px);}
  100% {opacity: 1;-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}
}
@keyframes fadeRight{
  0%{opacity: 0;-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);}
  100% {opacity: 1;-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}
}
@keyframes fadeUp{
  0%{opacity: 0;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
  100% {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
}
.fadeInLeft{-webkit-animation-name: fadeLeft;animation-name: fadeLeft;animation-duration: 3s;-webkit-animation-duration: 3s}
.fadeInRight{-webkit-animation-name: fadeRight;animation-name: fadeRight;animation-duration: 3s;-webkit-animation-duration: 3s}
.fadeInUp{-webkit-animation-name: fadeUp;animation-name: fadeUp;animation-duration: 3s;-webkit-animation-duration: 3s}
/*Header CSS*/
.headerWrap{background:#fff;padding:5px 0 2px;position: fixed;width: 100%;z-index: 1000;box-shadow: 1px 1px 1px #eee}
.logoWrap{float: left}
.headerMenuWrap{float: right}
.headerMenuWrap li{float:left;margin:24px 12px 10px;font-weight: 400}
.headerMenuWrap li a{color: #404040;font-size:16px;line-height: 20px;display: block}
.headerMenulast{border:1px solid #404040;margin:19px 12px !important}
.headerMenulast a{padding:3px 15px 5px}
.headerMenulast:hover, .headerMenulast:hover .headerMenuWrap li a{border-color: #e96656;color: #e96656}
/*Mob Navigation Menu*/
#nav-toggle {background:#808080;top: 15px;padding:15px 0 0 11px;cursor: pointer;z-index: 99999;position: absolute;right: 0;height: 17px;width: 31px;border-radius:3px;display: none}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {transition: all 500ms ease-in-out;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 2px;width: 21px;background: #ffffff;position: absolute;display: block;content: '';}
#nav-toggle span:before {top: -6px}
#nav-toggle span:after {bottom: -6px}
#nav-toggle.nav-active span {background-color: transparent;}
#nav-toggle.nav-active span:before {transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
#nav-toggle.nav-active span:before, #nav-toggle.nav-active span:after {top: 0;bottom:0}
#nav-toggle.nav-active span:after {transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.nav-active {background-color: #e96656 !important}
.headerMobMenuWrap{display: none;clear: both}
.headerMobMenuWrap li{width: 100%;border-top: 1px solid #EDEDED;position: relative;padding:10px 0}
.headerMobMenuWrap li:first-child{border-top:0}
.headerMobMenuWrap li a{color: #404040;font-size: 16px;display: block}
.headerMenuWrap li a:hover,.headerMobMenuWrap li a:hover{color: #e96656}
/*Header CSS Ends*/

/*First Block CSS*/
.IntroContentWrap{background: rgba(0, 0, 0, 0.5);position: relative;-webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);padding: 285px 0 150px}
.introText{font-size: 30px;line-height: 55px;font-weight: 700;font-family: 'Montserrat',Arial,sans-serif;color: #fff;text-transform: uppercase;text-align: center;margin:0 auto}
.learnbutton{width: 160px;height: 47px;background: #009d6e;border-radius: 5px;margin:50px auto}
.learnbutton a{display: block;color: #fff;font-size:14px;line-height: 47px;text-align: center;text-transform: uppercase;border-radius: 5px}
.learnbutton:hover {background: #069059}
/*First Block CSS Ends*/

/*Feature Block CSS*/
.featureWrap{background: #fff;padding:100px 0}
.featureHeader{color: #404040;font-size: 45px;text-transform: uppercase;text-align: center;font-weight: 700;font-family: 'Montserrat',Arial,sans-serif;padding-bottom: 80px}
.featureBlock{float: left;width: 21%;text-align: center;margin:0 2%;}
.featureIconWrap{width: 125px;height: 125px;margin: auto;border-radius: 50%;border: 10px solid #ececec;margin-bottom: 20px}
.featureIconGlobe img, .featureIconMobile img{border-radius: 50%}
.featureIconRisk img, .featureIconReport img{padding-top: 40px}
.featureIconGlobe:hover{border-color: #f4685f}
.featureIconMobile:hover{border-color: #0bd39c}
.featureIconRisk:hover{border-color: #0bb6e1}
.featureIconReport:hover{border-color: #ffd674}
.featureheadTxt{color: #404040;text-transform: uppercase;font-weight: 700;font-size: 17px;padding-bottom: 10px}
.red-border{background:#f4685f;width: 125px;height:2px;margin:0 auto}
.green-border{background:#0bd39c;width: 50px;height:2px;margin:0 auto}
.blue-border{background: #0bb6e1;width: 120px;height:2px;margin:0 auto}
.yellow-border{background:#ffd674;width: 165px;height:2px;margin:0 auto}
.featureTxt{font-size: 14px;line-height:20px;color: #666666;padding-top: 20px}
/*Feature Block CSS Ends*/

/*About Us CSS*/
.aboutusWrap{background: #272727;padding:100px 0;text-align: center;}
.whiteHeadTxt{color: #fff;font-size: 45px;font-weight: 700;text-transform:uppercase;font-family: 'Montserrat',Arial,sans-serif;padding-bottom: 10px;text-align: center}
.aboutussubTxt{color: #fff;font-size: 16px;font-weight: 400;padding-bottom: 60px}
.aboutleftTxt{color: #fff;font-size: 60px;font-weight: 300;text-align: right;float: left;width: 32%}
.aboutcenterTxt{color: #939393;font-size: 14px;line-height:20px;font-weight: 400;text-align: left;float: left;width: 30%;margin:20px 3%}
.aboutrightList{float: right;width: 32%}
.aboutrightListWrap{padding:20px 0}
.aboutrightListImg{width: 67px;height: 67px;float: left}
.aboutrightListTxt{float: left;padding-left: 15px;width: 260px}
.aboutrightListTxt h3{color: #fffefe;font-size: 16px;font-weight: 700;text-align: left;text-transform: uppercase}
.aboutrightListTxt h4{color: #939393;font-size: 14px;line-height:19px;font-weight: 400;text-align: left;padding:5px 0}
/*About Us CSS Ends*/

/*Contact Us CSS*/
.contactusWrap{background: rgba(0, 0, 0, 0.5);padding:100px 0}
.formcontrolWrap{}
.contactformContainer{padding: 70px 30px;position: relative}
.contactformTitle{font-size:14px;color:#fff;margin-bottom:5px;font-weight:bold;text-shadow:1px 1px 1px #000;display: none}
.formfield{float: left;width: 32%;margin-left: 2%;position: relative}
.formfield:first-child{margin-left: 0}
.formfield input{height: 28px;padding:9px 15px;background: #fff;border-radius: 4px;color: #555;border:0;outline: none;width: 91%;font-size: 14px;text-shadow: none !important}
.formtxtarea{margin:20px auto 25px;position: relative}
.formtxtarea textarea{text-shadow: none !important;padding:10px 16px;background: #fff;border-radius: 4px;color: #555;border:0;outline: none;width: 97%;font-size: 14px}
.formsubmitbtn{margin:0 auto;float: right;width: 182px}
.formsubmitbtn input{background: #f46157;border-radius: 4px;border:0;outline: none;height: 47px;line-height:47px;text-align: center;color: #fff;font-size: 14px;text-transform: uppercase;width: 100%}
.formsubmitbtn input:hover{background: #cb4332}
#formsubmitmsg{color: #f46157;font-size: 18px;padding: 15px 0 0 0;text-align:center;display: none;clear: both;text-shadow: 1px 1px 1px #000}
#formsubmiterrormsg{color: #f46157;font-size: 18px;padding: 15px 0 0 0;text-align:center;display: none;clear: both;text-shadow: 1px 1px 1px #000}
.reqdmsg{right:0;position:absolute;background:#f46157;padding:3px 8px;color:#fff;font-size: 11px;bottom:-10px;-webkit-transition: all 0.5s;transition: all 0.5s}
.msgnone{display:none}
/*Contact Us CSS Ends*/

/*Footer CSS*/
.footerWrap{background: #272727;}
.footerBlock{float: left;width: 31.3%;padding: 60px 0 40px;margin:0 1%;}
.footerBlockBlack{background: #171717;text-align: center;padding:80px 0}
.footerIcon{margin: 5px auto;text-align: center}
.footerTxt,.footerTxt a{color: #939393;font-size: 14px;line-height:20px;font-weight: 400;text-align: center}
.footerSocialIcon{color: #939393}
.footerSocialIcon:hover,.footerTxt a:hover{color: #e96656}
.footerBlockBlack li{display: inline;text-align: center;padding: 0 5px}
.ppTermsUL{padding:20px 0 0}
.ppTermsUL, .ppTermsUL a{font-size: 14px;line-height: 17px;color: #939393}
.ppTermsUL li{padding: 0 2px}
.ppTermsUL li a:hover{text-decoration: underline}
/*Footer CSS Ends*/

/*Privacy page CSS*/
.privacyBackground{font-size: 16px;color: #666666;line-height: 22px}
.privacyBackground .container{width: 1200px}
.privacyBackground .IntroContentWrap{padding: 250px 0 170px;background: url('../images/privacybg.jpg') no-repeat center center
;background-size: cover;box-shadow: none}
.privacyContentWrap{padding:40px 0}
.privacyContentWrap p{padding-top: 20px}
.privacyContentWrap p>b{color: #3b3b3b; font-size: 20px; line-height: 25px; text-transform: uppercase;padding-bottom: 10px;display: inline-block;}
.privacyContentWrap ul{padding-top:20px}
ul.privacyPad{padding-left: 20px;padding-top: 0}
.privacyPad b{display: block;padding: 20px 0 10px;color: #3b3b3b}
/*Privacy page CSS Ends*/

/*Terms page CSS*/
.termsBackground .IntroContentWrap{background: url('../images/termsbg.jpg') no-repeat center center;background-size: cover;}
.termsBackground h3{color: #3b3b3b;text-transform: uppercase;font-size: 20px;line-height: 25px;font-weight: 700;
  padding: 30px 0 0}
.termsBackground h2{color: #282828;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-size: 25px;line-height: 30px;
  font-weight: 500}
.termsBackground p{padding-left: 22px}
p.mainP{padding-left:0 !important}
.termsBackground ul{padding-left: 22px}
.termsBackground span{font-weight: 600;color: #3b3b3b}
/*Terms page CSS Ends*/

/*Sign up page CSS*/
.element-box{padding:12px 0;overflow:hidden; width:330px}
.element-box label{display:inline-block;float:left; color:#333;font-size: 14px}
.element-box sup{font-size:20px; color:#e05d35; margin:-3px 0 0 5px; display:block; float:left}
.element-box input{border:1px solid #dfdfdf; height:30px; width:270px; line-height:30px; padding:0 5px; float:left;
  font-size:14px;color:#333;font-family:'Lato',Arial,sans-serif}
.element-box select{border:1px solid #dfdfdf; height:30px; width:270px; line-height:30px; float:left; padding:5px 1px;
  font-size:14px;color:#333;font-family:'Lato',Arial,sans-serif}
#signup .leftContent{width:700px; padding:40px 0}
#signup p{border-bottom: 1px solid #ccc;color: #555;font-size: 20px;padding-bottom: 10px; margin-bottom:10px}
#signup h2{padding:20px}
.signup .guidelines{padding:5px; font-size:14px}
.signup .container{* float:left}
#txtTop3Domains, #txtTop3Domains2, #txtTop3Domains{margin-bottom:10px}
#errMessage{font-size:14px; color:#fa5050; padding-top:50px; padding-left:30px; width:250px}
#errMessage p{color:#af0d0d}
.captcha{padding-top:10px}
.signupBtn{background: #281c37; color: #fff; font-size: 12px; font-weight: bold; border: 0 none;
  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 0; _padding: 0;
  display: inline-block; cursor: pointer; width: 140px; height: 40px; margin-top: 20px; line-height: 40px;}
#passError{border:1px solid #f54c58 !important; color:#f54c58 !important; background:#F8DBDD; padding:5px; font-size:13px; margin:35px 0 0 10px}
#confirmcaptcha{float:left;margin-left:5px;width:147px}
.fltlt {float: left}
.dnone{display: none}
.dblock{display:block}
#signupMessage, #confirmation{font-size: 14px !important}
.signup .container input[type="checkbox" i]{-webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;}
/*Sign up page CSS Ends*/

/*Responsive Media Quesries*/
@media all and (max-width: 1250px)
{
  .container, .footercontainer, .privacyBackground .container{width: 95%}
  .formfield input{padding: 9px 4%;width: 92%}
  .formtxtarea textarea{padding: 12px 1.5%;width: 97%}
}
@media only screen and (max-width:1050px){
  #signup .leftContent {width:480px; padding: 20px 0;float: none;margin:0px auto;}
  .element-box {width:auto;float: none;}
  .element-box select {width:458px; padding:0 10px}
  .element-box input {width:458px; padding:0 10px}
  #googleVerify {width:100%}
  #errMessage {width:100%}
  #googleVerify .errorbox-good, .errorbox-bad {overflow:hidden !important}
  #googleVerify .tAndCs input {float:left !important; width:14px !important}
  #googleVerify .tAndCs label {float:left !important; width:90% !important}
}
@media all and (max-width: 990px)
{
  .aboutleftTxt,.aboutcenterTxt,.aboutrightList{float: none;width: auto;text-align: center}
  .aboutleftTxt{font-size: 50px}
  .aboutcenterTxt{margin:20px auto}
  .aboutuscontentWrap {width: 730px;margin:0 auto}
  .aboutrightListTxt{width: auto}
  .dispNone{display: none}
  .footerBlockBlack{padding:80px 0 100px}

}
@media all and (max-width: 767px)
{
  .container,.privacyBackground .container{width: 90%;position: relative;}
  .featureBlock,.formfield, .footerBlock{float: none;width: auto}
  .featureWrap, .aboutusWrap{padding: 50px 0}

  /*Header*/
  .logoWrap img{width: 125px;height: auto}
  .introText{font-size: 23px;line-height: 40px}
  #nav-toggle{display: block}
  .headerMenuWrap{display: none}
  /*Header*/
  .IntroContentWrap{padding: 100px 0 80px}

  /*Feature block*/
  .featureHeader{font-size: 25px;padding-bottom: 20px}
  .featureBlock{padding-bottom: 25px;margin:0 auto}
  /*Feature block*/

  /*About us block*/
  .aboutuscontentWrap{width: auto}
  .whiteHeadTxt{font-size: 25px}
  .aboutleftTxt{font-size: 30px}
  .aboutussubTxt{font-size: 15px;padding-bottom: 20px}
  .aboutrightListTxt{width: 80%;padding-left: 10px}
  /*About us block*/

  /*Contact form Block*/
  .contactusWrap{padding: 80px 0 120px}
  .footercontainer{width: 100%}
  .contactformContainer{padding:0;width:auto;margin:30px auto 0}
  .formfield{margin: 0 auto 20px}
  .formfield input{padding: 9px 3%;width: 94%}
  .formtxtarea{margin:0 auto 20px}
  .formtxtarea textarea{padding: 12px 3%;width: 94%}
  .formsubmitbtn{float: none}
  /*Contact form Block*/

  /*Footer*/
  .footercontainer{padding-top: 50px}
  .footerBlock{padding:0 0 40px}
  .footerBlockBlack{padding:30px 0}
  .footerTxt{padding:0 15px;}
  /*Footer*/

  /*Privacy*/
  .privacyBackground .IntroContentWrap{padding: 140px 0 70px}
  .privacyContentWrap{padding: 10px 0 20px}
  .privacyBackground{font-size: 14px;line-height: 20px}
  .privacyContentWrap p>b{font-size: 16px;line-height: 21px}
  .privacyContentWrap p{padding-top: 15px}
  /*Privacy*/

  /*Terms*/
  .termsBackground h3{font-size: 16px;line-height: 21px}
  .termsBackground h2{font-size: 20px;line-height: 25px;padding-top: 20px}
  .termsBackground p{padding-left: 15px}
  .termsBackground ul{padding-left: 15px}
  /*Terms*/
}
@media only screen and (max-width:560px){
  #signup .leftContent{width: 90%}
  .element-box input{width: 90%;padding: 0 4%}
  .element-box select{width: 90%;padding: 0 4%}
}
@media all and (max-width: 479px)
{
  .aboutrightListTxt{width: 68%}
  .formfield input{padding: 9px 4%;width: 92%}
  .formtxtarea textarea{padding: 12px 4%;width: 92%}
}