@font-face {
    font-family: 'Roboto-Black', ;
    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-black-webfont.woff2') format('woff2'), url('../fonts/roboto-black-webfont.woff') format('woff'), url('../fonts/roboto-black-webfont.ttf') format('truetype'), url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold', ;
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium', ;
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular', ;
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light', ;
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

/*-------Sticky Footer----------*/

* {
    margin: 0;
}

html, body {
    height: 100%;
    padding: 0 !important;
}


/*--------------General CSS---------*/


body {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #818181;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    counter-reset: step-inner-box;
}

/*-----------------------main styles starts here-----------------------------------------------*/

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*=====================================	PLACE HOLDER CSSS START HERE 		====================================*/

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    box-shadow: none;
    border-radius: 0px;
    border-color: #FFFFFF;
    background-color: transparent;
    -webkit-text-fill-color: #3a4e57;
    -webkit-box-shadow: none;
    transition: background-color 5000s ease-in-out 0s;
}

input::-webkit-input-placeholder {
    color: #a7adb4;
}

input::-moz-placeholder {
    color: #a7adb4;
}

input::-ms-placeholder {
    color: #a7adb4;
}

input.textbox::-ms-input-placeholder {
    color: #a7adb4;
}

input.textbox::-ms-input-placeholder {
    color: #a7adb4;
}

hr{
    border-color: #818191 !important;
}

/*===================================== PLACE HOLDER CSSS END HERE ====================================*/

/*===================================== Commen Butons ===================================*/

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.tbl-data{
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
}
.tbl-data p{
    border-bottom: 1px solid #eaeaea; padding: 10px;
}
.lbl-lst-hd{
    width: 20%; float: left;  text-align: center; 
}
.lbl-lst-data{
    width: 80%; float: left;
}
.lbl-lst-hd h4{
    font-size: 18px; color: #000; font-weight: 600;
}

.list-table{
    margin-top: 50px; margin-bottom: 50px; float: left; width: 100%;
}
.lbl-lst-data h4{
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.lbl-lst-data .tbl-data{
    box-shadow: none; border-top: 1px solid #eaeaea; text-align: center;
}
.owl-hm .owl-nav{
    position: absolute; top: -45px; width: 100%;
}
.owl-hm .owl-nav .owl-prev {
    position: absolute; left: 0; 
    font-size: 50px !important;
    margin: 0;
    outline: none !important;
}
.owl-hm .owl-nav .owl-next{
    position: absolute; right: 0; 
    font-size: 50px !important;
    margin: 0;
    outline: none !important;
}
.owl-hm .owl-nav [class*=owl-]:hover {
    background: none;
    color: #000;
    text-decoration: none;
}
.tbl-data input{
    border: 0; outline: none; text-align: center; width: 100%;height: 21px;
}
header{
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.05);
}
.login-link{
    border: 2px solid rgb(54, 184, 199) !important;
    border-radius: 50px;
    font-size: 16px !important;
    padding: 5px 14px !important;
    color: rgb(54, 184, 199) !important;
    font-weight: 700;
    background-color: transparent;
    text-decoration: none;
}
.login-link:hover{
    background-color: rgb(54, 184, 199);
    color: rgb(255, 255, 255) !important;
    text-decoration: none;
}

.keywords-link{
    margin: 20px;
    border: 2px solid rgb(54, 184, 199) !important;
    border-radius: 5px;
    font-size : 14px;
    padding: 14px !important;
    color: rgb(54, 184, 199) !important;
    font-weight: 700;
    background-color: transparent;
    text-decoration: none;
    width: 250px;
    text-align: center;
    cursor: pointer;
}

.back-link{
    border: 0px;
    border-radius: 50px;
    font-size: 14px !important;
    padding: 5px 14px !important;
    color: #818191 !important;
    font-weight: 600;
    background-color: transparent;
    text-decoration: none;
}
.back-link:hover{
    background-color: #818191;
    color: rgb(255, 255, 255) !important;
    text-decoration: none;
}
.footer-rt{
    text-align: center; color: #fff;
}
footer{
    background-color: #0c1115; padding-top: 40px; padding-bottom: 40px; bottom: 0;
    width: 100%;
}

.footer-lt{
    margin-top: 30px; margin-bottom: 30px;
}
.footer-lt a{
    color: #239eb6; margin-bottom: 10px; margin-right: 30px;
}
.srv-bx{
    margin-top: 40px;
}
.cs-lbl-head{
    text-align: left; margin-bottom: 15px; font-weight: 700; color: #000;
}
.cs-lbl{
    margin-bottom: 15px;
    text-align: center;
}
.cs-value{
    margin-bottom: 15px;
    text-align: center;
}
.cs-lbl input{
    border: 0;
    border-bottom: 1px solid #ccc; padding: 5px 0 10px 0;  outline: none; width: 90%;
}
.rate-no li{
    width: 30px; height: 30px; display: inline-block; vertical-align: top; line-height: 30px; text-align: center; border: 1px solid #ccc;
    color: #818181; cursor: pointer; margin-top: 7px; margin-left: -4px; border-right: 0;
}
.rate-no li:last-child{
    border-right: 1px solid #ccc;
}
.rate-no li:hover, .rate-no li:focus, .rate-no li.active{
    background-color: rgba(54, 184, 199,1); color: #000; border-color: rgb(54, 184, 199);
}
.head-bx{
    min-height: 55px;
}
.lbl-lst-data h6{
    font-size: 15px;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.weightage{
    text-align: center;
    background-color: #36b8c7;
    margin: 0px 20px 0px 20px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}
.rate-no li:hover:nth-child(1), .rate-no li.active:nth-child(1){
    background-color: rgba(54, 184, 199,.2);
  }
  .rate-no li:hover:nth-child(2), .rate-no li.active:nth-child(2)
  {
    background-color: rgba(54, 184, 199,.3);
  }

  .rate-no li:hover:nth-child(3), .rate-no li.active:nth-child(3){
    background-color: rgba(54, 184, 199,.4);
  }

  .rate-no li:hover:nth-child(4), .rate-no li.active:nth-child(4){
    background-color: rgba(54, 184, 199,.5);
  }

  .rate-no li:hover:nth-child(5), .rate-no li.active:nth-child(5) {
    background-color: rgba(54, 184, 199,.6);
  }
  .rate-no li:hover:nth-child(6), .rate-no li.active:nth-child(6){
    background-color: rgba(54, 184, 199,.7);
  }
  .rate-no li:hover:nth-child(7), .rate-no li.active:nth-child(7){
    background-color: rgba(54, 184, 199,.8);
  }
  .rate-no li:hover:nth-child(8), .rate-no li.active:nth-child(8){
    background-color: rgba(54, 184, 199,.9);
  }

  .Submit-btns{
    text-align: right;
  }

.tool-section{
    border: 1px solid #ccc;
    border-radius: 7px;
    overflow: hidden;
    text-align: center;
    box-shadow: 2px 2px 20px 1px #e0e0e0;
}

.tool-section h3{
    color: #000;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 25px;
}

.tool-section button{
    color: #fff;
    margin-bottom: 30px;
    padding: 10px 50px !important;
    background-color: #36b8c7;
    border: 0px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}
.tool-section a{
    color: #fff;
    margin-bottom: 30px;
    padding: 10px 50px !important;
    background-color: #36b8c7;
    border: 0px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

.span-btn{
    border: 0 !important;
    border-radius: 5px;
    font-size: 16px !important;
    padding: 5px 14px !important;
    text-decoration: none;
    margin-bottom: 10px;
}

.enter-btn{
    color: #fff;
    margin-bottom: 30px;
    padding: 10px 50px !important;
    background-color: #36b8c7;
    border: 0px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

.enter-btn:hover{
    color: #fff !important;
    text-decoration: none !important;
}

.matching-score{
    font-size: 50px;
    font-weight: 700;
    color: rgb(54, 184, 199);
    margin-bottom: 0px;
    line-height: 0.6;
}

.matching-score-label{
    color: #000;
    font-weight: 500;
    font-size: 16px;
}

.iframe-css{
    width: 560px;
    height:  315px;
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1300px) {
   
}
@media (max-width: 1100px) {
   
 
}

@media (max-width: 991px) {
 

}

@media (max-width: 767px) {
    .lbl-lst-data{
        width: 70%;
    }
    .lbl-lst-hd{
        width: 30%;
    }

    .Submit-btns{
        margin-top: 20px;
        text-align: center;
    }

    #my-signin2 > div{
        margin: auto;
    }
    .fb-log-div{
        margin-top: 20px !important;
    }
    .iframe-css{
        width: auto !important;
        height: auto !important;
    }
    .enter-btn {
        padding: 10px 37px !important;
        font-size: 15px;
    }
    .footer-lt{
        text-align: center;
    }
    .footer-lt a {
        color: #239eb6;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 420px) {
    .lbl-lst-data{
        width: 55%;
    }
    .lbl-lst-hd{
        width: 45%;
    }

    .Submit-btns{
        margin-top: 20px;
        text-align: center;
    }

    .login-link{
        border: 2px solid rgb(54, 184, 199) !important;
        font-size: 14px !important;
        padding: 5px 12px !important;
    }

    .back-link{
        font-size: 13px !important;
        padding: 5px 12px !important;
    }
    .iframe-css{
        width: auto !important;
        height: auto !important;
    }
    
  
}

.login-box{
    margin-top: 5%;
    margin-bottom: 10%;
}

.jd-div{
  border: 1.6px solid #a7a6a6;
  padding: 15px 0px;
  box-shadow: 1px 3px 11px 0px #a7a6a6;
  font-size: 18px !important;
}