/*@import url("header-footer.css");*/

.lazyloadEnable.lazyload, .lazyloadEnable.lazyloading  {opacity: 0;transform: scale(0.8);}
.lazyloadEnable.lazyloaded {opacity: 1;transform: scale(1);transition: all 700ms;}
.main-wrapper, .rt-main-wrapper{background-color: #cad2dd;}
.trial-btn{background-color: #e95d4e;color: #fff;border-radius: 0px;border: 0px;}
.trial-btn:hover{background-color: #1abc9c;color: #fff;}
.main-container{margin-top: 74px;padding: 60px 0;}
.mobile-checker-content {background: #fff;padding: 60px 0 0;}
.main-right{/*margin-top: 100px;*/margin-bottom: 50px;}
.main-right h1 {font-family: 'OpenSans', sans-serif;font-size: 48px;margin: 0 0 20px;font-weight: 800;color: #333c48;line-height: 1.25;}
.main-right label{color: #333c48;font-size: 20px;margin-bottom: 15px;line-height: 1.5;}
/*.main-right .input-group{width: 100%;margin-bottom: 10px;}*/
.info-form {position: relative;max-width: 450px;}
.info-form .form-group {position: relative;margin-bottom: 20px;}
.info-form .err-msg {position: absolute;top: 100%;color: #f72239;font-size: 12px;font-weight: bold;font-family: 'Oxygen',sans-serif;left: 0}
.recaptcha_btn {position: relative;display: flex;justify-content: space-between;align-items: center;}
#recaptcha1 {transform: scale(0.9);margin-left: -15px;}
.check-web-add{border-radius: 6px;height: 56px;border: none;box-shadow: none;}
.check-web-add:focus {box-shadow: none;border: 0;}
.input-group-addon{background-color: #fff;border: none;border-radius: 6px;padding: 0px;text-align: right;padding-right: 10px;/*width: 30px !important;*/}
.check-btn {background-color: #19b933 !important;color: #fff !important;padding: 8px 30px;border-radius: 6px;right: 0px;outline: none !important;font-weight: bold;font-size: 16px;}
.recaptcha_btn .check-btn {min-width: 160px;height: 60px;}
.note {font-size: 13px;font-style: italic;font-weight: 300;margin-bottom: 15px;}
.mobile-about > h2 {font-family: 'Oxygen', sans-serif;font-size: 25px;line-height: 1.28;font-weight: bold;margin-bottom: 20px;}
.mobile-about > p {font-size: 18px;line-height: 1.67;margin-bottom: 35px;}
.features-subscribe {background-image: url(https://cdnasset.rankwatch.com/image/features-page-images/bottom-bg.png);padding: 77px 0;background-repeat: no-repeat;background-size: cover;}
.get_started::after {content: '';display: table;clear: both;}
.features-subscribe .get_started{margin-left: auto; margin-right: auto;margin-bottom: 40px;}
.features-subscribe .feature-heading{text-align: center; line-height: 39px; font-size: 29px;font-weight: normal;}
.feature-hero {margin: 25px auto 0;font-size: 100px;font-weight: 300;background: #f9c03a;background: -moz-linear-gradient(top, #f9c03a 0%, #f72237 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #f9c03a), color-stop(100%, #f72237));background: -webkit-linear-gradient(top, #f9c03a 0%, #f72237 100%);background: -o-linear-gradient(top, #f9c03a 0%, #f72237 100%);background: -ms-linear-gradient(top, #f9c03a 0%, #f72237 100%);background: linear-gradient(to bottom, #f9c03a 0%, #f72237 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c03a', endColorstr='#f72237', GradientType=0 );background-clip: text;-webkit-background-clip: text;text-fill-color: transparent;-webkit-text-fill-color: transparent;}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .feature-hero {
        color: #f72237;
        background: transparent;
    }
}
.card_heading {font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight: 700;position: relative;line-height: 20px;}
.gray-link {position: relative;display: inline-block;margin-top: 20px;background-color: #edf1f6;padding: 12px 38px;border-radius: 10px;font-size: 16px;font-weight: 600;color: #7f8ea4;letter-spacing: 0.2px;}
.gray-link:hover, .gray-link:focus{text-decoration: none;}
.green-bg {background-color: #19b933;}
.blue-bg {background-color: #3172b9;}
.gray-link.green-bg, .gray-link.blue-bg {color: #f7f8f9;}
.btn_holder > a.gray-link {width: 100%;max-width: 210px;outline: none;margin-left: 5px;margin-right: 5px;border-radius: 6px;}
.other-tools {position: relative;margin: 100px auto 70px;text-align: center;}
.other-tools > h2 {position: relative;font-size: 30px;line-height: 1.36;font-weight: bold;margin: 0 auto 70px;padding-bottom: 28px;}
.other-tools > h2::before {position: absolute;bottom: 0;left: 50%;content: '';max-width: 210px;height: 2px;background-color: #19b933;width: 100%;margin-left: -105px;}
.other-tool-box {position: relative;background-color: #f7f8f9;border-radius: 10px;text-align: center;display: table;width: 100%;height: 190px;margin-bottom: 15px;}
.other-tool-box > a > p {position: relative;font-size: 20px;font-weight: bold;line-height: 1.3;/*padding-left: 115px;*/margin-bottom: 0;display: inline-block;}
.other-tool-box > a {text-decoration: none;outline: none;color: #333c48;}
/*.webAnayzer::before, .backlinkAnalyzer::before {position: absolute;content: '';width: 85px;height: 70px;left: 70px;top: 50%;margin-top: -35px;}
.webAnayzer::before {background: url(https://cdnasset.rankwatch.com/image/mobile-friendly-checker/web-analyzer.png) no-repeat center;}
.backlinkAnalyzer::before {background: url(https://cdnasset.rankwatch.com/image/mobile-friendly-checker/backlink-analyzer.png) no-repeat center;}*/

/*.main-right > .form-group {min-height: 150px;margin-bottom: 0;}*/
.footer .form-group, .footer .input-group{width: 100%;}
.pdf-btn{background-image: url(https://cdnasset.rankwatch.com/mobile-checker-img/icons.png);background-repeat: no-repeat;background-position: -305px -170px;border: none;height: 30px;width: 55px;}
.pdf-btn:hover{background-color: transparent;}
.rt-main-container{margin: 120px 0px 50px;}
#mob-content {margin-bottom: 70px;}
.rt-main-container .main-left img{ max-width: 100%;/*max-height: 100%;*/}
.rt-main-container .main-right{margin-top: 35px;margin-left: 0px;margin-bottom: 0;padding-right: 30px;}
.rt-main-container h1{margin-top: 0px;margin-bottom: 26px;text-align: center;}
.mob-frd-img, .pg-score-img, .no-mob-frd-img {margin-bottom: 8px;width: 70px;height: 70px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #19b933;border-radius: 50%;position: relative;}
.mob-frd-img::before {position: absolute;content: '';height: 24px;width: 40px;left: 50%;top: 50%;margin-left: -20px;margin-top: -16px;border-left-width: 8px;border-style: solid;border-color: #fff;border-bottom-width: 8px;border-top: none;border-right: none;transform: rotate(-45deg);}
.no-mob-frd-img{background-color: #f72239;}
.no-mob-frd-img::before, .no-mob-frd-img::after {position: absolute;content: '';height: 6px;width: 50px;background-color: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);border-radius: 10px;}
.no-mob-frd-img::after {transform: translate(-50%, -3px) rotate(-45deg);}
.pg-score-img{background-color: #3172b9;letter-spacing: 0.35px;font-weight: 800;font-size: 22px;line-height: 70px;color: #fff;}
.rs-head{font-size: 20px;font-weight: bold;margin: 15px 0px;}
.text-green, .ps-text, .text-red {color: #333c48;font-size: 16px;line-height: 1.88;letter-spacing: 0.24px;text-align: left;font-weight: bold;}
.rt-main-container ul{list-style-type: none;padding: 0px;margin: 0px;}
.rt-main-container li.right, .rt-main-container li.wrong {position: relative;font-size: 18px;padding-left: 40px;line-height: 1.67;margin-bottom: 13px;letter-spacing: 0.27px;color: #4e565f;}
.rt-main-container li.right::before, .rt-main-container li.wrong::before {position: absolute;content: '';left: 0;top: 15px;height: 20px;width: 20px;margin-top: -10px;border-radius: 100%;}
.rt-main-container li.right::before {background-color: #19b933;}
.rt-main-container li.right::after {position: absolute;content: '';border-color: #fff;left: 4px;top: 50%;margin-top: -5px;height: 8px;width: 12px;border-top: 0;border-right: 0;border-style: solid;transform: rotate(-45deg);}
.rt-main-container li.wrong::before {background-color: #f72239;}
.rt-main-container li.wrong::after {position: absolute;content: '+';left: 3px;color: #fff;font-weight: bold;top: 15px;margin-top: -18px;font-size: 20px;transform: rotate(-45deg);}
.rt-main-container .main-right > .form-group {min-height: auto;}
.pdf-report {width: 100%;margin: 80px auto 50px;border-top: 2px solid #7f8ea4;padding-top: 50px;float: left;}
.mobScreen {background: url(https://cdnasset.rankwatch.com/image/mobile-friendly-checker/phone-result.png);background-repeat: no-repeat;height: 620px;width: 450px;margin: 0 auto;}
#imgView > img {border-radius: 22px;}
.imgView .mCSB_scrollTools{margin: 13px -3px 0px 0px !important;}
.imgView .mCustomScrollBox{border-radius: 22px !important;}
.imgView .mCSB_container{width: 232px !important;margin-right: 0px !important;}
#imgView{width:232px;}
.imgView{height: 495px;position: absolute;width: 233px;display: block;margin: 56px 0 0 121px;}
.mobBg {background-color: #fff;height: 495px;margin: 55px 0 0 122px;position: absolute;width: 230px;border-radius: 22px;overflow: auto;}
/*.rt-main-container .col-sm-offset-2{margin-left: 4.667% !important;}
.rt-main-container .col-sm-8{width:97.667% !important;}*/
  #allRes .main-right .form-group, #allRes .main-right .rw-progressbar{max-width: 700px;margin: auto;}
/*#allRes .main-right .clearfix{margin-left: 191px;}
#allRes .pdf-report .col-md-6{margin-left: 21% !important;padding-right: 0px !important;padding-left: 0px !important;}*/
.adj-space {width: 100%;float: left;margin-top: 40px;}
.rw-progressbar p{color: #333c48;font-size: 14px;margin-top: 8px;font-weight: bold;padding-left: 20px;}
input::-webkit-input-placeholder {color: #333c48;}
input:-ms-input-placeholder {color: #333c48;}
input::-ms-input-placeholder {color: #333c48;}
input::placeholder {color: #333c48;opacity: 1;}
input::-moz-placeholder {color: #333c48;opacity: 1;}
input:-moz-placeholder {color: #333c48;opacity: 1;}
.adj-margin-top {margin-top: 0;}

/*mobile friendly popup*/
#pdfDownload .modal-dialog {width: 100%;max-width: 950px;transform: translate(-50%,-50%);top: 50%;left: 50%;position: absolute;}
#pdfDownload .modal-body {padding: 60px 50px 50px;}
#pdfDownload button.close {background: #7f8ea4;color: #fff;opacity: 1;height: 18px;width: 18px;border-radius: 17px;top: 5px;right: 5px;position: absolute;z-index: 9;}
#pdfDownload button.close::before, #pdfDownload button.close::after {position: absolute;content: '';top: 50%;left: 50%;height: 10px;width: 2px;background: #fff;margin-top: 1px;}
#pdfDownload button.close::before {transform: translate(-50%, -50%) rotate(45deg);}
#pdfDownload button.close::after {transform: translate(-50%, -50%) rotate(-45deg);}
#pdfDownload .modal-content {border-radius: 10px;}
#pdfDownload .WA-image {position: relative;z-index: 1;}
#pdfDownload .WA-image > img, #pdfDownload .bottom-img > img {max-width: 100%;}
#pdfDownload .report_modal {position: relative;padding: 25px 0 45px;width: 100%;max-width: 515px;margin-right: auto;z-index: 1;}
#pdfDownload .report_modal > p {font-family: 'Oxygen', sans-serif;font-size: 22px;line-height: 1.5;color: #333c48;text-align: center;margin-bottom: 50px;}
#pdfDownload .report_modal > p > strong {font-family: 'Oxygen', sans-serif;font-size: 22px;color: #333c48;}
#pdfDownload .report_modal form > input {width: 100%;height: 56px;margin-bottom: 15px;color: #333c48;font-size: 16px;font-family: 'Oxygen',sans-serif;padding: 0 25px;border-radius: 6px;border: 1px solid #e6e6e6;}
#pdfDownload .report_modal form {position: relative;}
#pdfDownload .report_modal form > input:nth-child(2) {margin-bottom: 0;padding: 0;background: #19b933;color: #fff;font-weight: bold;border: 0;}
#pdfDownload .err-msg {position: absolute;top: -25px;color: #f72239;font-size: 12px;font-weight: bold;font-family: 'Oxygen',sans-serif;}
#pdfDownload .bottom-img {position: absolute;left: 0;bottom: 0}

@media (max-width: 991px){
  #pdfDownload .report_modal > p, #pdfDownload .report_modal > p > strong, #pdfDownload .report_modal form > input {font-size: 14px;}
  #pdfDownload .report_modal form > input {height: 36px;padding: 0 15px;}
}
@media (max-width: 767px){
  #pdfDownload .modal-body {padding-top: 30px;}
  #pdfDownload .modal-dialog {max-width: 430px;}
  #pdfDownload .report_modal {padding: 25px 0;}
  #pdfDownload .report_modal > p {margin-bottom: 30px;}
}

@media (max-width: 1199px){
  .main-right {margin-top: 0px;margin-bottom: 30px;}
  .main-right h1 {font-size: 38px;}
  /*.note {font-size: 14px;}*/
  .main-right label {font-size: 18px;margin-bottom: 20px;}
  .other-tools {margin-top: 35px;}
  /*.webAnayzer::before, .backlinkAnalyzer::before {left: 35px;}*/
}
/*@media (max-width: 1024px){
  .main-container{margin-bottom: 60px;}
}*/

@media (max-width: 992px){
  .main-right h1{font-size: 26px;}
  .check-web-add {height: 45px;}
  .input-group-addon {padding-right: 2px;}
  .check-btn, .check-btn:hover, .check-btn:focus {padding: 8px 20px;font-size: 14px;}
  .main-right label{font-size: 16px;}
  /*.note {font-size: 12px;padding-left: 5px;font-weight: 400;}*/
  .rt-main-container{margin: 70px 0px;}
  .rw-progressbar p{font-size: 14px;line-height: normal;/*margin-bottom: 60px;*/}
  .footer p{line-height: 20px;}
  .mobile-about > h2 {font-size: 20px;}
  .mobile-about > p {font-size: 16px;margin-bottom: 15px;}
  .other-tool-box {height: 130px;}
  .other-tool-box > a > p {/*padding-left: 80px;*/font-size: 14px;}
  /*.webAnayzer::before, .backlinkAnalyzer::before {left: 25px;transform: scale(0.5);}*/
  .features-subscribe {padding: 50px 0;}
  .features-subscribe .feature-heading {font-size: 20px; margin-top: 0;}
  .feature-hero {margin: 0 auto 15px;font-size: 65px;}
  .rt-main-container .main-right {margin-top: 60px;}
  .rt-main-container .main-right > .form-group {min-height: 100px;}
  .mobScreen {margin-left: -80px;}
  .adj-space, .rt-main-container .main-right.adj-margin {margin-top: 0;}
}

@media (max-width: 767px){
  .main-right {text-align: center;}
  .main-right > .form-group {width: 100%;max-width: 600px;margin: auto;}
  .main-left > img {margin: auto;}
  .other-tools > [class*="col-sm-"] {width: 50%;float: left;}
  .rw-progressbar p{font-size: 13px;}
  .ui-progressbar{width: 80%;margin: 0px auto;}
  .rt-main-container{margin-top: 22px;}
  .rt-main-container h1{font-size: 30px;margin-top: 20px;}
  .rt-main-container li.right, .rt-main-container li.wrong{font-size: 15px;}
  .footer p, .footer input{font-size: 12px;line-height: normal;}
  .footer .form-group{margin-bottom: 40px;}
  .pdf-btn{background-image: url(https://cdnasset.rankwatch.com/mobile-checker-img/icons.png);background-repeat: no-repeat;background-position: -311px -170px;border: none;height: 30px;width: 40px;}
  #getResults, .rs-head, #mobileRes {width: 100%;text-align: left;max-width: 300px;margin: 0 auto;}
  .mobScreen {margin-left: auto;margin-right: auto;}
  .mob-frd-img, .pg-score-img, .info-form {margin: auto;}
  .text-green, .ps-text {text-align: center;}
  .rs-head, .adj-space {margin-bottom: 15px;}
  .main-container {margin-top: 55px;}
}
@media (max-width: 800px){
  .mobScreen {background: url(https://cdnasset.rankwatch.com/image/mobile-friendly-checker/phone-result.png);width: 400px;transform:scale(0.9);-webkit-transform: scale(0.9);-ms-transform: scale(0.9);}
  .mobBg {background-color: #fff;height: 496px;margin: 55px 0 0 123px;position: absolute;width: 230px;}
}
@media (max-width: 560px){
  .main-container{background-size: 100% auto;background-position: center 90px;min-height: 510px;padding-top: 30px;}
  .main-right {text-align: left;margin-bottom: 0;}
  .main-right h1 {font-size: 22px;}
  .other-tool-box > a > p {text-align: left;/*padding-left: 55px;*/}
  /*.webAnayzer::before, .backlinkAnalyzer::before {left: -20px;}*/
  .other-tool-box > a > p > img {max-width: 50px;}
  .mobScreen {margin-left: -70px;}
  .rt-main-container h1.text-head {font-size: 18px;margin-top: 20px;line-height: 30px;font-weight: bold;margin-bottom: -35px;}
  .feature-hero {font-size: 45px;}
}
@media (max-width: 480px){
  .recaptcha_btn {flex-wrap: wrap;} 
  .recaptcha_bt .check-btn {margin-top: 15px;}
}
@media (max-width: 360px){
  .main-container{background-size: 100% auto;background-position: center 90px;min-height: 410px;}
  .other-tools > [class*="col-sm-"] {width: 100%;}
  .other-tools > h2 {font-size: 26px;}
  .features-subscribe .feature-heading {font-size: 14px;}
  .feature-hero {font-size: 40px;}
  .main-right .rw-progressbar p {padding-left: 5px}
  .check-btn, .check-btn:hover, .check-btn:focus {padding: 10px;font-size: 12px;}
  .rt-main-container .main-right {padding-right: 0;}
  
}