/*!
 * Start Bootstrap - Blog Home (https://startbootstrap.com/template-overviews/blog-home)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-blog-home/blob/master/LICENSE)
 */

body {padding-top: 130px;font-family: 'Muli', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;font-weight: 700;
 letter-spacing: 1px;}
.content .text h4 {margin: 20px 0px 20px;font-size: 20px;} 
p {font-size: 13px;color: #212529;font-weight: 600;letter-spacing: 0.25px;line-height: 22px;} 
button:focus {outline: 0;box-shadow: none;}
button, input[type="submit"] {border: 2px solid #b72025;color: #b72025;text-transform: uppercase;
background-color: transparent;width: auto;height: 45px;cursor: pointer;transition: 0.6s; 
padding: 0px 15px;}  
input[type="submit"]:hover  {background-color: #b72025;color: #fff;}
button:focus, input[type="submit"]:focus {outline: 0;box-shadow: none;}
a:hover, button:hover {transition: 0.6s;} 
.heading h3 {margin-bottom: 20px;position: relative;}

.heading h3:after {content: '';position: absolute;left: 0;width: 100px;height: 2px;
 background-color: #000;bottom: 0;}
 .heading h3:before{opacity: 1;content: "";position: absolute;left: 0px;bottom: 0px;width: 30px;
  height: 2px;background-color: #b72025;z-index: 1;}

.heading span {color: #b72025;font-size: 40px;}
.heading {padding: 30px 0 0;} 
.regInfo button:focus,
.regInfo button:hover,
.services button:focus,
.services button:hover,
.business button:focus,
.business button:hover {background-color: #b72025;color: #fff;transition: 0.5s;}

/*navigation*/

.navbar-dark.top .navbar-toggler-icon {background-image: url(../images/lock.png) !important;}
.navbar-dark.top .navbar-toggler-icon {position: absolute;right: 0;top: 0;width: 1.2em;height: 1.2em;}
.navbar-dark.bottom .navbar-toggler-icon {position: absolute;left: 0;top: 0;width: 1.2em;z-index: 9999;
 height: 1.2em;}
.navbar-dark.top button:focus {background-color: transparent !important;}
.navbar-dark.top img.support {width: 1.5em;height: 1.5em;}
.navbar-dark.top .navbar-nav .nav-link {color: #201a1c;padding: 0;}
.navbar a.navbar-brand {color: #201a1c;text-decoration: none;padding: 0px 0;outline: none;}
.navbar a.navbar-brand span {color: #b72025;font-weight: 500;}
.navbar a.navbar-brand:hover {color: #201a1c;}
#navbarResponsive .form {display: flex;padding-top: 0px;padding-right: 10px;}
.navbar-dark.top .navbar-nav .live-help-cls img {max-width: 20px;vertical-align: middle;}
#navbarResponsive .form .form-control {border-radius: 0;height: 30px;text-align: left;padding: 6px 10px;
margin-right: 5px;color: #201a1c;width: 40%;font-size: 14px;}
#navbarResponsive .form .form-control:focus,
#navbarResponsive .form .form-control:hover {outline: 0;box-shadow: none;border: 1px solid #b72025;}
#navbarResponsive .form button:focus,
#navbarResponsive .form button:hover {color: #b72025;background-color: transparent;}
#navbarResponsive .form button {color: #fff;background-color: #b72025;border: 1px solid #b72025;
width: 15%;height: 30px;}
#navbarResponsive .form button.login {width: 100%;}
.navbar-dark.bottom .navbar-toggler-icon {background-image: url(../images/list.png);}

/* Chrome/Opera/Safari */

#navbarResponsive .form .form-control::-webkit-input-placeholder,
.slider .innerSlider .text .search input[type='text']::-webkit-input-placeholder {color: #ccc;} 
#navbarResponsive .form .form-control::-moz-placeholder,
.slider .innerSlider .text .search input[type='text']::-moz-placeholder {color: #ccc;}
#navbarResponsive .form .form-control:-ms-input-placeholder,
.slider .innerSlider .text .search input[type='text']:-ms-input-placeholder {color: #ccc;}
#navbarResponsive .form .form-control:-moz-placeholder,
.slider .innerSlider .text .search input[type='text']:-moz-placeholder {color: #ccc;}
.fixed-top {padding: 0 !important;}
.fixed-top.top .container {border-bottom: 3px solid #b72025;}
.fixed-top.bottom {top: 82px;transition: 0.5s;} 
.fixed-top.bottom.logoresize{ top:65px; }
.fixed-top.logoresize a.navbar-brand img {width:161px;}
.navbar a.navbar-brand img {
    width: 223px;
    transition: 0.5s;
    margin: 12px 0px;
}
.fixed-top.logoresize a.navbar-brand img {
    width: 185px;
    margin: 8px 0px;
}
/*nav top end */
/*bttom nav menu*/ 

.navbar-dark.bottom .navbar-nav .nav-item.active .nav-link{margin-left: 0px;margin-right: 0px;}
.navbar-dark.bottom .navbar-nav .nav-link{color: #000;padding: 10px 47px;transition: 0.6s;letter-spacing: 0.25px;text-transform: uppercase;
 font-weight: 600; font-size: 15px;}
.navbar-dark.bottom .navbar-nav .nav-item{position: relative;}
.navbar-dark.bottom .navbar-nav .nav-item:last-child:after{border-right: 0;}
.navbar-dark.bottom .navbar-nav .nav-item:after{content: '';position: absolute;right: 0;
 border-right: 1px dotted #7c7c7c;width: 1px;height: 28px;top: 50%;transform: translateY(-50%);}
.navbar-dark.bottom .navbar-nav .nav-link:hover,
.navbar-dark.bottom .navbar-nav .nav-link:focus{background-color: #b72025;color: #fff;}
nav.navbar.bottom{margin-top: 0px;padding: 0;}
nav.navbar.bottom .navbar-toggler {position: absolute;left: 15px;top: -45px;}
nav.navbar.bottom #collapsingNavbar{margin: 4px 0;}
.navbar-dark.bottom .navbar-nav .active>.nav-link{border-right: 1px dotted transparent;}
.navbar-dark.bottom .navbar-nav .active>.nav-link, 
.navbar-dark.bottom .navbar-nav .nav-link.active, 
.navbar-dark.bottom .navbar-nav .nav-link.show, 
.navbar-dark.bottom .navbar-nav .show>.nav-link {color: #fff !important;background-color: #b72025;}

/*End of bottom nav menu*/
/*End of navigation*/
/*slider*/

.slider,
.slider .innerSlider{height: 75vh;width: 100%;}
.slider .innerSlider{display: table;}
.slider .innerSlider .text{vertical-align: middle;display: table-cell; padding: 0px 32px;}
.slider .innerSlider .text h1{text-transform: capitalize;font-size: 35px;}
.slider .innerSlider .text h1 span,
.slider .innerSlider .text h2{font-weight: 500;text-transform: capitalize;}
.slider .innerSlider .text h2{color: #b72025;font-size: 2.5rem;}
.slider .innerSlider .text .search{margin-top: 60px;display: flex;}
.slider .innerSlider .text .search input[type='text']{width: 340px;border-radius: 0;
 border: 3px solid #b72025;height: 70px;font-size: 25px;font-weight: 300;}
.slider .innerSlider .text .search input[type='text']:focus{outline: 0;box-shadow: none;}
.slider .innerSlider .text .search button{border: 3px solid #b72025;background-color: #b72025;
 width: 80px;height: 70px;}

/*End of slider*/
/*regInfo*/

.regInfo .content{background-color: #f7f7f7;padding: 25px 20px;position: relative;}
.regInfo .content p{height: 75px;overflow: hidden;}
.regInfo .content img{position: absolute;top: 30px;}
.regInfo .content .inner{padding-left: 80px;}
.regInfo .content .inner h4{color: #b72025;font-size: 20px;}

/*footer*/

footer .left ul{padding-left: 0;display: block;text-align: center;}
footer .left ul li:first-child{padding-left: 0;}
footer .left p,
footer .left ul{color: #666666; margin-left: 0;}
footer .left ul li{list-style: none;position: relative;padding: 0 20px;color: #666666;
display: inline-block;}
footer .left ul li a,
footer .left a{color: #fff;text-decoration: none;}
footer .left ul li a:hover{color: #b72025;}
footer .left ul li:last-child:after{content: '';width: 0;}
footer .left ul li:after{content: '';position: absolute;width: 1px;height: 15px;right: 0;top: 5px;
background-color: #fff;}
footer .right{text-align: right;color: #666666;}
footer .right p{margin-bottom: 5px;}
footer .right ul{display: flex;padding-left: 0;float: right;}
footer .right ul li{list-style: none;width: 35px;height: 35px;margin-right: 7px;}
footer .right ul li img{max-width: 100%;}
footer .copyright p {color: #fff;}
footer .copyright p a{color: #fff;}
footer .copyright p a:hover{color: #b72025;}

/*End of footer*/
/*regInfo End*/
/*contact page*/

.slider.other,
.slider.other .innerSlider{height: 50vh;}
.contact .leftContact{border: 1px solid #efefef;padding: 20px;}
.contact .leftContact .form{position: relative;}
.contact .leftContact .form input[type="text"],
.contact .leftContact .form input[type="email"],
.contact .leftContact textarea{border-radius: 0;height: 50px;padding: 5px 25px;margin-bottom: 19px;}
.contact .leftContact .form:after{content: '';position: absolute;top: 27%;right: -80px;
 margin-left: -50px;width: 0;height: 0;border-top: solid 30px transparent;
 border-bottom: solid 30px transparent;border-left: solid 30px #ffffff;
 border-right: solid 30px transparent;z-index: 99;}
.contact .leftContact textarea{height: auto;}
.contact .leftContact .form input[type="text"]:focus,
.contact .leftContact .form input[type="email"]:focus,
.contact .leftContact textarea:focus,
.contact .leftContact .form input[type="text"]:hover,
.contact .leftContact .form input[type="email"]:hover,
.contact .leftContact textarea:hover{border-color: #b72025;outline: 0;box-shadow: none;}
.contact .rightContact{color: #fff;} 
.contact .rightContact address{padding: 20px 0 10px 70px;font-weight: 300;background-color: #b72025;}
.contact .rightContact address a{text-decoration: none;color: #fff;}
.contact .rightContact address p{margin-bottom: 10px;}
.contact .rightContact p {color: #fff;}
.contact .rightContact address p i{padding-right: 10px;}
.contact .rightContact h5{font-weight: 300;position: relative;margin-bottom: 20px;padding-bottom: 10px;} 
.contact .rightContact h5 span{font-size: 35px;}
.contact .rightContact h5:after{content: '';position: absolute;left: 0;bottom: 0;width: 60px;
 height: 3px;background-color: #000;}
.contact .rightContact h5:before {opacity: 1;content: "";position: absolute;left: 0px;bottom: 0px;
 width: 30px;height: 2px;background-color: #fff;z-index: 1;} 
.contact .rightContact{height: auto;}

/*End of contact page*/
/*Services page*/

.services ul { padding-left: 0; }
.services ul li {list-style: none;float: left;width: 50%;border-bottom: 1px solid #ccc;}
.services ul li:nth-child(odd) { border-right: 1px solid #ccc; }
.services ul li:last-child,
.services ul li:nth-last-child(2) { border-bottom: 0; }
.services .img {border: 1px solid #dadddf;width: 120px;height: 120px;margin: 0 auto;border-radius: 100%;
 padding: 30px;margin-bottom: 25px;}
.services .img img {max-width: 60px;max-height: 60px;}
.services .content {text-align: center;margin-bottom: 20px;padding: 20px;} 
.services .content h5 {text-transform: capitalize;font-weight: 300;color: #b72025;}

/*End of services page*/

/*sign up page*/ 

.signup .tab-content {padding: 20px;text-align: center;}
.signup .tab-content .form .form-control {width: 100%;border-radius: 0;height: 50px;margin-bottom: 10px;
 padding: 5px 15px;border: 1px solid #ccc;}
.signup .tab-content .form .form-control:focus,
.signup .tab-content .form .form-control:hover {border: 1px solid #b72025;box-shadow: none;outline: 0;}
.signup .nav-tabs .nav-link:focus, 
.signup .nav-tabs .nav-link:hover {border-top: 3px solid #201a1c;}
.signup .nav-tabs .nav-item.show .nav-link, 
.signup .nav-tabs .nav-link.active {border-top: 3px solid #b72025;}
.signup .nav-tabs .nav-link {border-top-left-radius: 0;border-top-right-radius: 0;color: #201a1c;
 font-size: 17px;}

/*End of sign up page*/
/*page plans*/

.plans .content {text-align: center;border: 1px solid #dad4d4;padding-bottom: 25px;}
.plans .content button {width: auto;}
.plans .content button:focus,
.plans .content button:hover {color: #fff;background-color: #b72025;}
.plans .content .head {
    color: #fff;
    background-color: #b72025;
    padding: 40px 10px;
}
.plans .content.basic .head,
.plans .content.business .head {background-color: #F6F5F5; color: #b72025;}
.plans .content.basic,
.plans .content.starter,
.plans .content.basic, .plans .content.starter, .plans .content.business {
    margin-top: 2rem;
}
.plans .content .stomach {
    padding: 47px 25px 30px;
}
.plans .content .stomach ul {padding-left: 0;border-bottom: 1px solid #ccc;}
.plans .content .stomach ul li {list-style: none;position: relative;margin-bottom: 15px;
 padding-left: 20px;}
.plans .content .stomach ul li:before {content: '\f00c';position: absolute;left: 0;width: 10px;
 height: 10px;color: #b72025;font-family: 'FontAwesome';}

/*End of plans page*/
/*page business*/

.business img {width: 100%;}
.business {position: relative;}
.business .content .text {position: absolute;top: 0;width: 50%;padding: 50px;}
.business .content .text p {text-indent: 50px;}
.business .content .text p span {color: #000;font-size: 25px;}

/*End of page business*/
/*page new project*/

.newProject .text{padding: 0 0 0px;}
.project .innerText{height: auto;padding: 50px 150px;text-align: left;color: #fff;
 position: relative;} 
.project .innerText:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;
 top: 0;background-color: rgba(0,0,0,0.5);} 
.project .innerText .heading h3 span{font-size: 40px;color: #fff;}
.project .innerText .heading h3{position: relative;margin-bottom: 30px;padding-bottom: 10px;}
.project .innerText .heading h3:after{content: '';position: absolute;left: 0;width: 100px;
 height: 2px;background-color: #fff;}
.project .innerText a{color: #fff;font-style: italic;text-decoration: none;}
.project .innerText .heading,
.project .innerText p{z-index: 99;position: relative;}

/*End of new project page*/

@media (min-width: 992px) {

    body {padding-top: 132px;}

}

/* custom class */

.inputerrormessage {color: #b72025;text-align: left;font-size: 14px;margin: -5px 0 0px 0;
 position: absolute;z-index: 100;}
#userloginModal #msgloginerror {margin-top: -18px;} 
.errormessage {color:#b72025; text-align: center; margin-bottom:5px;}
.successmessage {color:#00a65a; text-align: center; margin-bottom:5px;}
#navbarResponsive .form #msgloginemail,
#navbarResponsive .form #msgloginpassword {text-align: left;margin-right: 5px;width: 40%;font-size: 12px;}
#navbarResponsive .form .welcome {text-align: left;padding: 4px 10px;margin-right: 5px;font-size: 14px;}
#navbarResponsive .form .logoutbutton button {width: 100% !important;}
.companyfile {padding : 0px !important;}
.modal-dialog {width: 650px;}
.modal-body img {width: 100%;}
#upload_pan_number, #upload_tan_number, #upload_incorporation_certificate, 
#upload_other_documents, #upload_company_logo, #upload_profile_pic {text-align: left !important;
 font-size:12px;}
#upload_pan_number a, #upload_tan_number a, #upload_incorporation_certificate a,
#upload_other_documents a, #upload_company_logo a, #upload_profile_pic a {color: #b72025;font-size:12px;
 text-decoration: none;}
.documents {width:50px;height:50px;}
.addbutton {margin-bottom: 20px;}
.labelname {text-align: right;}
#employee_profile .labelname,
#externalemployeerating .labelname,
#internalemployeerating .labelname{line-height: 50px;}
.labeldesc {text-align: left; font-weight:bold;}
.addbutton button { width:auto !important;}
.forgotpassword a {color: #b72025;font-size: 12px;text-decoration: none;margin-right: -6px;
 margin-top: -3px;}
.forgotpassword a:hover {color: #b72025;}
.search .aadhaarnoformError {left:0 !important;}
.margin-t-10 {margin-top:10px;}
.margin-b-10 {margin-bottom:10px;}
.form button {color: #fff;background-color: #b72025;border: 1px solid #b72025;}
.form button:focus, .form button:hover {color: #b72025;background-color: transparent;}
.form input[type="submit"] {color: #fff;background-color: #b72025;border: 1px solid #b72025;}
.form input[type="submit"]:focus, .form input[type="submit"]:hover {color: #b72025;
 background-color: transparent;}
.card { margin-bottom: 8px;}
a.faqquestion  {color: #212529;text-decoration: none;font-size:18px;}
a:hover.faqquestion {color: #b72025;text-decoration: none;font-size:18px;}
#offer_letter_accepted, #candidate_joined, #candidate_joining_date {display:none;}
.avatar {vertical-align: middle;width: 200px;height: 200px;border-radius: 50%;}
.margin-l-5 { margin-left:5px;}
.margin-l-10 { margin-left:10px;}
.margin-l-30 { margin-left:30px;}
.margin-l-40 { margin-left:40px;}
.margin-b-10 { margin-bottom:10px;}
.padding-l-20 { padding-left:20px;}

.modal-header .close {margin: -1rem -4rem -1rem auto !important;}
.modal-open{overflow:auto;padding-right:0 !important;}
.btn-grey {background-color: #D8D8D8 !important;color: #FFF !important;
 border: 1px solid #D8D8D8 !important;width:45px !important;height:45px !important;}
.btn-rating {color: #212529;background-color: #ffc107 !important;border-color: #ffc107 !important;
 width:45px !important;height:45px !important;}
.signup .colors ul {display: flex;justify-content: center}
.signup .colors ul li{list-style: none;margin-right: 40px;text-transform: uppercase;font-weight: 500;}
.signup .colors ul li span{margin-right: 10px;width: 30px;height: 30px;display: inline-block;}
.signup .colors ul li span.red{background-color: #fc0101;}
.signup .colors ul li span.orange{background-color: #fedd01;}
.signup .colors ul li span.yellow{background-color: #b7cc03;}
.signup .colors ul li span.green{background-color: #039003;}
.bootbox .close {display:none;}
#employeeaccount .form button {width:100%;}
.msgloginemail,.msgloginpassword { padding-top:8px !important;}

/* custom class */
.my-account-sidebar li.nav-item > a.active{}
.my-account-sidebar li.nav-item{flex: 0 0 100%;}
.my-account-sidebar li.nav-item > a, .my-account-sidebar li.nav-item > a.active{ display:block; border-bottom:1px solid #ccc;}
ul.my-account-sidebar{ border: 1px solid #ccc !important;}
.my-account-sidebar li.nav-item > a.active, .my-account-sidebar li.nav-item > a:hover{ border-left:0px !important; border-right:0 !important;}
.my-account-sidebar li.nav-item > a:hover{ border-top: 3px solid #b72025 !important;}
#showSuccessRatingMsg{display:none;padding:15px;color:green;}
.form-control[readonly] {
    background-color: #ffffff !important;
    opacity: 1;
}