@import url(https://db.onlinewebfonts.com/c/8cdc51d9ff931c3ad1afa824dbf94e9b?family=BrandonGrotW01-Regular);

body {
  font: BrandonGrotW01;
  font-family: BrandonGrotW01-Regular;
  box-sizing: border-box;
}


/* Overwrite default styles of hr */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}



/* Set a style for the submit/register button */
.registerbtn, .loginbtn {
  background-color: #44b4bc;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 0.7;
}

.loginbtn:hover{
  opacity: 0.7;
}

/* Add a blue text color to links */
a {
  color: dodgerblue;
  text-decoration: none;
}

.landing-2 {
  padding-top: 2px !important;
}



.login-box, .signup-box {
    background: #fff;
    padding: 20px;
    max-width: 480px;
    margin: 3vh auto;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    border: 1px solid #f0f0f0;
}

.login-box:hover {
      box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.signup-box:hover{
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.login-box h2 {
    margin: 20px 0 20px;
    padding: 0;
    text-transform: uppercase;
    color: #4688F1;
}

.social-button {
     background-position: 25px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 50px;
     line-height: 50px;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    border-radius: 3px;
    margin: 10px auto;
    outline: rgb(255, 255, 255) none 0px;
    padding-left: 20%;
    transition: all 0.2s cubic-bezier(0.72, 0.01, 0.56, 1) 0s;
     -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#facebook-connect {
    background: rgb(255, 255, 255) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/facebook.svg?sanitize=true') no-repeat scroll 5px 0px / 30px 50px padding-box border-box;
    border: 1px solid rgb(60, 90, 154);
}

#facebook-connect:hover {
      border-color: rgb(60, 90, 154);
      background: rgb(60, 90, 154) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/facebook-white.svg?sanitize=true') no-repeat scroll 5px 0px / 30px 50px padding-box border-box;
      -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#facebook-connect span {
      box-sizing: border-box;
    color: rgb(60, 90, 154);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(255, 255, 255);
    outline: rgb(255, 255, 255) none 0px;
      -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#facebook-connect:hover span {
      color: #FFF;
      -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#google-connect {
    background: rgb(255, 255, 255) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/google-plus.png') no-repeat scroll 5px 0px / 50px 50px padding-box border-box;
    border: 1px solid rgb(220, 74, 61);
}

#google-connect:hover {
      border-color: rgb(220, 74, 61);
      background: rgb(220, 74, 61) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/google-plus-white.png') no-repeat scroll 5px 0px / 50px 50px padding-box border-box;
      -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#google-connect span {
      box-sizing: border-box;
    color: rgb(220, 74, 61);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
      -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#google-connect:hover span {
      color: #FFF;
      -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.feelometer-icon-thread li{
  display: inline-block;
  margin: auto 14px auto 14px;
}
#review_form_wrapper, .start-venting-here{
  box-sizing: border-border-box;
  text-align: center;
}

.feelometer-icon-thread ul {
    list-style-position: inside;
    text-align: center;
}
.feelometer-icon-thread input[type="radio"] {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    width: 4%;
    height: 6%;
    transform: translate(-54%,18%);
}
.feelometer-icon-thread input[type="radio"] + label {
    font-size: 12px;
    cursor: pointer;
    margin: 0.6em;
    display: grid;
    text-align: center;
}
.feelometer-icon-thread i.fas.fa-square{
  cursor: pointer;
}
.feelometer-icon-thread i.fas{
  font-size: 60px;
}
.feelometer-head-text h2 {
    color: #fff;
    text-align: center;
}

.feelometer-icon-thread.let-it-go input[type="radio"] + label {
  color: #000;
}

.feelometer-icon-thread.let-it-go input[type="radio"]:checked + label {
  color: #44b4bc;
}

p.comment-form-comment {
    border-radius: 0;
}

.feelometer-icon-thread i.the-worst{

    background: rgb(214,11,40);
    background: -moz-linear-gradient(90deg, rgba(214,11,40,1) 0%, rgba(238,133,26,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(214,11,40,1) 0%, rgba(238,133,26,1) 100%);
    background: linear-gradient(90deg, rgba(214,11,40,1) 0%, rgba(238,133,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d60b28",endColorstr="#ee851a",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.feelometer-icon-thread i.very-bad{

    background: rgb(238,133,26);
    background: -moz-linear-gradient(90deg, rgba(238,133,26,1) 0%, rgba(254,230,8,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(238,133,26,1) 0%, rgba(254,230,8,1) 100%);
    background: linear-gradient(90deg, rgba(238,133,26,1) 0%, rgba(254,230,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee851a",endColorstr="#fee608",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feelometer-icon-thread i.bad{
    background: rgb(248,221,7);
    background: -moz-linear-gradient(90deg, rgba(248,221,7,1) 0%, rgba(168,213,58,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(248,221,7,1) 0%, rgba(168,213,58,1) 100%);
    background: linear-gradient(90deg, rgba(248,221,7,1) 0%, rgba(168,213,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8dd07",endColorstr="#a8d53a",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.feelometer-icon-thread i.nothing{
    background: rgb(168,213,58);
    background: -moz-linear-gradient(90deg, rgba(168,213,58,1) 0%, rgba(22,165,207,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(168,213,58,1) 0%, rgba(22,165,207,1) 100%);
    background: linear-gradient(90deg, rgba(168,213,58,1) 0%, rgba(22,165,207,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8d53a",endColorstr="#16a5cf",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.feelometer-icon-thread i.good{
    background: rgb(22,165,207);
    background: -moz-linear-gradient(90deg, rgba(22,165,207,1) 0%, rgba(26,114,175,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(22,165,207,1) 0%, rgba(26,114,175,1) 100%);
    background: linear-gradient(90deg, rgba(22,165,207,1) 0%, rgba(26,114,175,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#16a5cf",endColorstr="#1a72af",GradientType=1);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.feelometer-icon-thread i.very-good{
    background: rgb(26,114,175);
    background: -moz-linear-gradient(90deg, rgba(26,114,175,1) 0%, rgba(84,56,143,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(26,114,175,1) 0%, rgba(84,56,143,1) 100%);
    background: linear-gradient(90deg, rgba(26,114,175,1) 0%, rgba(84,56,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a72af",endColorstr="#54388f",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.feelometer-icon-thread i.the-best{
    background: rgb(84,56,143);
    background: -moz-linear-gradient(90deg, rgba(84,56,143,1) 0%, rgba(109,52,155,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(84,56,143,1) 0%, rgba(109,52,155,1) 100%);
    background: linear-gradient(90deg, rgba(84,56,143,1) 0%, rgba(109,52,155,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54388f",endColorstr="#6d349b",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.feelometer-icon-thread input[type="radio"]:checked + label i.fas {
    -webkit-text-stroke: 4px #44b4bc;
}




/*home page*/


.color-blue {
  color: #44b4bc;
}
.color-black{
  color: #000;
}
.color-white{
  color: #fff;
}
.line-height{
    line-height: 40px;
}
.bg-blue{
  background-color: #44b4bc;
}
.bg-white{
  background-color: #fff;
}
.overflow-hidden{
  overflow: hidden;
}

.gulabi-btn{
  background: #b10029 !important;
  color: #fff !important;
  border: 1px solid#b10029 !important;
}
.white-btn{
  background: #fff !important;
  color: #000 !important;
  border: none !important;
}
.gulabi-btn:hover{
  opacity: 80%;
  background-color: #b10029;
  border: 1px solid#b10029;
}
.white-btn:hover{
  background-color: #ffffff;
  border: 1px solid #ffffff;
  opacity: 80%;
}

.d-flex.flex-column.flex-md-row.align-items-center.p-3.px-md-4.sticky-top.bg-light.border-bottom.shadow-sm.jb-navbar {
    opacity: 1;
}
.fa {
  padding: 10px;
  font-size: 20px;
  width: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.col-md-5.p-lg-5.mx-auto.my-5 {
    float: left;
}
.position-relative.overflow-hidden.p-md-5.m-md-3.m-0.p-0.bg-light {
    background: url('../img/desperate.jpg');
    background-color: rgba(0, 0, 0, 0);
    padding: 0 !important;
    margin: 0 !important;
}
.section1-txt{
  margin-right: 0 !important;
  background: #44b4bc;
}
.section1-img{
  padding: revert;
}



.section2-txt{
  margin-right: 0 !important;
  background: #f1f1f1;
}
.section2-img{
  padding: revert;
}



.bg-laptop{
  background: url('../img/laptop.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.section3, .section8 {
    margin: 170px 20px !important;
}

.bg-girl{
  background: url('../img/awesome_girl2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg-green{
  background-color: #44b4bc;
}


input[type=text], input[type=password], input[type="email"] {
  width: 100%;
  padding: 12px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: 1px solid #000;
  background: transparent;
}
.send-pdf-btn{
  background-color: #fff;
  color: #000;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}


.send-pdf-btn{
  background-color: #fff;
  color: #000;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  width: auto;
}
.send-pdf-btn:hover{
  opacity: 80%;
}

 
.section7-txt{
  background: #f1f1f1;
  color: #44b4bc;
}
.custom-btn:hover{
  border: 1px solid #44b4bc;
  background: #44b4bc;
}

 
.section9-txt{
  margin-right: 0 !important;
}
.section9-img{
  padding: revert;
}
#comp-kdxtbola4svg{
  text-align: center;
}

#comp-kdxtbola4svgcontent, #comp-kdxtbolbsvgcontent, #comp-kdxtbolb3svgcontent, #comp-kdxtbolb6svgcontent{
  width: 35px;
  height: auto;
  text-align: center;
}


.btn-outline-primary:hover {
    color: #fff;
    background-color: #44b4bc;
    border-color: #44b4bc;
}

.landing-text{
    line-height: 65px;
    letter-spacing: 4px;
}



input.pdf-first::placeholder, input.pdf-last::placeholder, input.pdf-email::placeholder {
    color: #fff !important;
}
input.pdf-first, input.pdf-last, input.pdf-email {
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
}
input.pdf-first::-ms-input-placeholder, input.pdf-last::-ms-input-placeholder, input.pdf-email::-ms-input-placeholder{
    color: #fff !important;
}
input.pdf-first:focus, input.pdf-last:focus, input.pdf-email:focus{
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
}

input.pdf-first::-webkit-input-placeholder{
  color: #fff !important;
}

input.contact-form::-webkit-input-placeholder{
  color: #fff !important;
}
textarea.contact-form::-webkit-input-placeholder{
  color: #fff !important;
}

input[class=contact-form]:focus, input[class=pdf-first]:focus, input[class=pdf-last]:focus, input[class=pdf-email]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
textarea:focus { 
  outline: none !important;
}
.loginbtn:focus{
  outline: none;
}

.contact-btn:active{
  outline: none;
  background-color: #44b4bc !important;
}

#emailid {
  border-radius: 0;
}





/* contact form  */
.contact-btn {
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
}
.contact-btn:hover {
  background: #44b4bc;
  border: 1px solid #fff;
}
.contact-textarea{
  margin: 5px 0 22px 0;
  border: 1px solid #fff;
  padding: 12px;
  overflow: hidden;
  width: 100%;
}
.contact-textarea:focus{
  border-color: #fff;
}

.contact-form{
  border: 1px solid #fff !important;
  background-color: #44b4bc !important;
  color: #fff !important;
}







/* editor tool bar */

/* strike */
#cke_23 {
  display: none;
}

/* remove format */
#cke_24 {
  display: none;
}

/* copy formating */
#cke_25 {
  display: none;
}

/* justify */
#cke_33 {
  display: none;
}

/* link */
#cke_35 {
  display: none;
}

/* unlink */
#cke_36 {
  display: none;
}

/* Decrease indent */
#cke_40 {
  display: none;
}

/* Increase indent */
#cke_41 {
  display: none;
}

/* block quote */
#cke_42{
  display: none;
}

/* table */
#cke_44{
  display: none;
}

/* spell checker */
#cke_48{
  display: none;
}
.cke_toolbar_separator{
  width: 0 !important;
  margin: 0 !important;
}