.homepreview {padding: 0 0 100px 0 !important;}
.footer p a {color: #adb5bd !important;}
p a {    color: #000 !important;
    font-weight: 500 !important;}
.wiselogos {
    text-align: center;
    background-color: #f8f9fc;
    padding: 20px;
    border-bottom-color: #2f55d4;
    margin-bottom: 20px;
    margin: 0 auto;
}
.maxh200 {max-height: 200px !important;}
.nolist {list-style: none !important;}
.modal-body {padding: 0px !important;}
.mypopover {
position: absolute;
    font-size: 40px;
    line-height: 31px;
    font-family: "Kalam", sans-serif;
    color: #fff;
    text-align: center;
    width: 95%;
    margin-top: 23%;
    text-shadow: 2px 2px #000;
    z-index: 1000;
}
.mypopover p {
    font-size: 24px;
    text-shadow: 2px 2px #000;
	margin-bottom: 0px !important;
}
.mypopover a {text-shadow: 1px 1px #000 !important;}
.blog p a {color: #000; font-weight: 500;}
.blog p a:hover {color: #9B9A9A; font-weight: 500;}
.homesec1 {padding: 100px 15px 0 15px !important;}
.w100 {width: 100% !important;}
.irs {font-size: 20px; text-align: center; font-weight: bold;}
.toph1 {text-align: center; background-color: #f8f9fc; padding: 20px; border-color: #2f55d4; margin-top: 15px; margin-bottom: 50px;}
.homeprice {text-align: center; background-color: #f8f9fc; padding: 20px; border-color: #2f55d4; margin-bottom: 20px;}
.homeprice p {margin: 0; font-size: 18px; font-weight: bold;}
.pricestrial {text-align: center; background-color: #f8f9fc; padding: 20px; border-color: #2f55d4; margin-bottom: 20px; width: 550px; margin: 0 auto;}
.plus {margin-bottom: 2px;}
.pricestrial p {margin: 0; font-size: 18px; font-weight: bold;}
.hometophr {width: 150px;}
.toph1 h1 {font-size: 33px; line-height: 20px !important;}
.homeoursvc {margin-bottom: 50px;}
.nocc {margin-top: 20px; font-size: 17px;}
.nocc2 {font-size: 26px; line-height: 30px;}
.nocctxt {font-size: 18px;}
.noccsign {font-size: 16px;}
.signup h4 {line-height: 24px; text-align: center;}
.homeprices {font-size: 24px !important;}
.home-h1 h1 {width: 100% !important; font-size: 30px !important;}
.home-h1 h2 {font-size: 25px !important;}
.homelist li {font-size: 18px !important;}
.text-muted {
    color: #5c5c5c !important;
}

.blogpad {padding: 1.5rem !important;}
.blog .author {
     position: inherit; 
    top: 5%;
    left: 5%;
    z-index: 1;
     opacity: 1; 
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.homeh1 {display: none;}
.fakeh1 {font-family: "Nunito", sans-serif;
    line-height: 1.5;
    font-weight: 600;}

.annual-sub {margin-bottom: 0px; font-size: 17px;}
/* width */
::-webkit-scrollbar {
    width: 12px;
	height: 50px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px white; 
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2f55d4; 
    border-radius: 5px;
}

.login-page .forgot-pass {
    cursor: pointer !important;
}
.link {color: #000;}
.accord {background-color: #fff;}
.press {margin-top: 0px !important;}
.prfoot {display: inline;}
.prbr {display: none;}
.lg-desc {max-width: 800px;}
.monthly {    
  background-color: #2f55d4;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 30px;
    padding: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;}
.sharesample {border: medium solid #5B5959; border-radius: 15px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt80 {margin-top: 80px;}
.mt100 {margin-top: 100px;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px;}
.f22 {font-size: 22px !important;}
.f25 {font-size: 25px !important;}
.docs-H2-1 {font-size: 28px !important;}
.roundedborder {border-radius: 15px;
    border-color: #000;
    border-style: solid;}
.listlink a {color: #5e6570 !important;}
.listlink a:hover {color: #2f55d4 !important;}
.listlink a:visited {color: #5e6570 !important;}
.nolinkcolor a {color: #6c757d !important;}
.nolinkcolor a:hover {color: #6c757d !important;}
.nolinkcolor a:visited {color: #6c757d !important;}
.pp h1 {font-size: 22px;}
.pp h2 {font-size: 19px;}
.pp h3 {font-size: 17px;}
.smtm {
    font-size: 12px;
    vertical-align: top;
}
.mysec {padding: 140px 0px;}
.myh1 {font-size: 38px; margin-bottom: 30px;}
.myh2 {font-size: 22px; font-weight: bold;}
.myh3 {font-size: 17px; text-align: left; margin-bottom: 10px; margin: 0 auto; font-weight: bolder;}
.blogpad .myh2 {text-align: center;}
.myhr {margin-bottom: 0;
    border: 0;
    border-top: .05em solid #333744 !important;}
.rns a {color: #adb5bd; font-size: 15px;}
.rns a:hover {color: #fff;}
.bggrey {background-color: #f1f1f1;}
.m0a {margin: 0 auto !important;}
.email-top {width: 98%; margin: 0 auto; background-color: #202942; padding: 25px 0; color: #E7E5E5; font-weight: bold; font-size: 23px;}
.email-top img {width: 225px; height: auto;}
.email-card {background-color: #ffffff; width: 80%; padding: 25px 0; margin: 0 auto;}
.thanks {font-size: 17px; font-weight: bold;}
.email-row1 {width: 98%; margin: 0 auto; background-color: #E7E2E2; padding: 25px 0; font-size: 14px; text-align: center; text-transform: uppercase;}
hr {border-top: .05em !important; margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: .08em solid #333744 !important;}
.smtm {
    font-size: 16px;
	color: #2f55d4;
    vertical-align: super;
}
.launch {color: #2f55d4;}
.maininner {margin-top: 100px;}
.demoinner {margin-top: 25px;}
.justify {text-align: justify !important;}
.nobr {display: none;}
.nomob {display: inline-block;}
.mobonly {display: none !important;}
.titlein {font-size: 36px; letter-spacing: 1px;}
.mtop50 {margin-top: 50px !important;}
.mbot50 {margin-bottom: 50px !important;}
.mtop100 {margin-top: 100px !important;}
.ptop50 {padding-top: 50px !important;}
.pbot50 {padding-bottom: 50px !important;}
.ptop100 {padding-top: 100px !important;}
.pbot100 {padding-bottom: 100px !important;}
.logo img {width: 185px !important; height: auto !important;}
.pricerow2 {margin-top: 80px;}
.ques {padding: 1px 0 100px 0 !important;}
.homesec img {width: 445px; height: auto;}
.logo-footer img {width: 225px; height: auto;}
.foottext {padding-right: 57px;}
.text-success {
    color: #1a90d2 !important;
}
.text-success2 {
	color: #2f55d4 !important;
}
.feature-list li {font-size: 20px !important;}

/* iPad Landscape */
@media (max-width: 1200px) {
.homesec img {width: 380px !important; height: auto !important;}
.maininner {margin-top: 55px !important;}	
.titlein {font-size: 30px; letter-spacing: 1px;}	
.whyrestitle {font-size: 22px !important;}
.carouselsec img {width: 300px !important; height: auto !important;}	
}

/* iPad Portrait */
@media (max-width: 992px) {
#topnav .buy-button {
	display: none !important;}
#topnav .buy-menu-btn {
    display: block !important;
    margin: 0 10px;
	padding: 10px 20px;}
.homesec img {width: 335px !important; height: auto !important;}
.maininner {margin-top: 100px !important;}
.demoinner {margin-top: 50px !important;}
.titlein {font-size: 23px; letter-spacing: 1px;}	
.title-heading .heading {
    font-size: 29px;
    letter-spacing: 1px;}
	.mobmtop50 {margin-top: 50px !important;}
.homeh1 {display: inline-block;}
}

@media (max-width: 768px) {
.title-heading .heading {
    font-size: 29px !important;
    letter-spacing: 1px;}	
}

/* iPhone Landscape */
@media (max-width: 767px) {
	.mypopover {
/*	display: none;*/
    position: absolute;
        font-size: 32px;
        line-height: 22px;
        font-family: "Kalam", sans-serif;
        color: #fff;
        text-align: center;
        width: 96%;
        margin-top: 122px;
        text-shadow: 2px 2px #000;
        z-index: 1000;
}
.mypopover p {
/*	display: none;*/
    font-size: 16px;
    text-shadow: 2px 2px #000;
    margin-bottom: 0px !important;
}
	.cssurvey h1 {font-size: 30px; margin-top: 30px;}
	.mysec {padding: 75px 0px;}
	.myh1 {font-size: 28px !important; margin-top: 50px; margin-bottom: 30px;}
	.titlein {font-size: 30px; letter-spacing: 1px;}
	.mobmtop50 {margin-top: 50px !important;}
	.logo img {width: 175px !important; height: auto !important;}
	.bg-half-170 {padding: 76px 0 !important;}
	.mobcenter {text-align: center;}
	.ques {padding-top: 65px!important;}
	.homesec img {width: 480px !important; height: auto !important;}
	.carouselsec img {width: 250px !important; height: auto !important;}
	.swapcontainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .swapcontainer .first_div {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .swapcontainer .second_div {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media (max-width: 580px) {
	.swapcontainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .swapcontainer .first_div {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .swapcontainer .second_div {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
	
.homesec img {width: 450px !important; height: auto !important;}	
}	

.caption {
  font-size: 12px; 
  /* font-style: italic;  */
  color: darkgray;
}
.errorMsg {
  font-size: 11px;
  color: red;
  font-style: italic;
}

/* iPhone Portrait */
@media (max-width: 480px) {
	.caps {padding: 0px 60px;}
	.cap {margin-top: 40px;}
	.demobtn {margin-right: 0px !important;}
	.mypopover {
/*	display: none;*/
position: absolute;
        font-size: 25px;
        line-height: 20px;
        font-family: "Kalam", sans-serif;
        color: #fff;
        text-align: center;
        width: 92%;
        margin-top: 80px;
        text-shadow: 2px 2px #000;
        z-index: 1000;
}
.mypopover p {
/*	display: none;*/
    font-size: 16px;
    text-shadow: 2px 2px #000;
    margin-bottom: 0px !important;
}
	.irhomepkg {padding: 0 0 30px 0 !important;}
	.irs {margin-bottom: 0px !important;}
	.homeprice p {font-size: 15px !important;}
	.pricestrial {width: 100%;}
	.toph1 {background-color: #f8f9fc; padding: 20px; border-color: #2f55d4; margin: 0 15px;}
	.toph1 h1 {font-size: 24px; margin-top: 20px !important;}
	.foottext {padding-right: 0px !important;}
	.dssamp {font-size: 14px !important;}
	.monitor {width: 100% !important;}
	.mmt50 {margin-top: 50px !important;}
	.home-h1 h1 {width: 100% !important; font-size: 26px !important;}
	.ques .p-4 {padding: 0px !important;}
	.blogout {padding-left: 5px !important; padding-right: 5px !important}
	.blogpad {padding: 1.5rem .5rem !important;}
	.press {margin-top: 50px !important;}
	.press h1 {font-size: 23px;}
	.prfoot {display: none;}
	.prbr {display: inline;}
	.cssurvey h1 {font-size: 23px; margin-top: 30px;}
	.betabtn {font-size: 23px !important;}
	.hidemob {display: none;}
	.nobr {display: inline-block !important;}
	.nomob {display: none !important;}
	.mobonly {display: inline-block !important;}
	.titlein {font-size: 28px; letter-spacing: 1px;}
	.homesec img {width: 100% !important; height: auto !important;}
	.carouselsec img {width: 325px !important; height: auto !important;}
	.swapcontainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .swapcontainer .first_div {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .swapcontainer .second_div {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}	

#forgot {
  cursor: pointer;
}