/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

dia    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}






/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

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

}   
   

body{
font-family: 'Roboto', Georgia;
font-size:14px;
}   
.col-centered{
float: none;
margin: 0 auto;
}
.logo{
width: 120px;
margin: 5px 0 5px;
}

.grey-btn{
color: #313534;
background-color: #ffffff;
border-color: #e5e6e6;
padding: 9px 0px 9px 0;
width: 100px;
border: 1px solid #e5e6e6;
cursor:pointer;
border-radius:2px;
}

.green-btn{
color: #fff;
background-color: 	#ff0000;
border-color: 	#ff0000;
padding: 9px 0px 9px 0;
width: 120px;
border: 1px solid 	#ff0000;
cursor:pointer;
border-radius:2px;
}

.hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


/* modal css */

.login_modal .modal-dialog, .reg_modal .modal-dialog{
max-width:650px;
Height:100%;
margin-top: 0px;
Display:block;
}
.login_modal .modal-header, .reg_modal .modal-header{
border:none;
}
.login_modal .modal-title, .reg_modal .modal-title{
line-height: 22px;
text-align: center;
font-size: 20px;
font-weight: 500;
width:200%;
font-family: 'Noto Sans', sans-serif;
}
.login_modal .modal-title span, .reg_modal .modal-title span {
color: #ff0000;
}
.login_modal select, .login_modal input, .login_modal textarea {
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px;
margin: 5px;
width: 100%;
box-sizing: border-box;
color: #2C3E50;
font-size: 16px;
font-family: 'Roboto', sans-serif;
}
.login_modal .modal-title.sub_req span{
color: #000;
font-size: 14px;
line-height: 26px;
display:block;
}
.login_modal .modal-body button{
background: red;
margin: 5px;
color: #FFF;
font-weight: bold;
opacity: 0.6;
width: 100%;
}
.model_frgtpass{
text-align:left;
font-size:13px;
color:#000;
margin:6px;
}
.model_frgtpass span a{
color:#f44336;
}
.model_register{
text-align:left;
font-size:13px;
color:#000;
margin:6px;
}
.model_register span a{
color:#f44336;
}
.reg_modal h5{
font-size: 13px;
font-weight: 500;
margin-top: 12px;
margin-bottom: 12px;
color: #313534;
}
.reg_modal .modal-header{
padding-bottom:0px;
}
.reg_modal .modal-body{
padding:0px 25px 50px 25px;
text-align:center;
}
.reg_modal button{
text-transform:uppercase;
}
.expertsignup{
color: #fff;
background-color: #ff0000;
border-color: #ff0000;
}


.header-button{
padding-top:5px;
}
.header-button button{
text-transform:uppercase
}
.banner-section{
background-color:#00ACC1
}
.tagline{
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 46px;
line-height: 60px;
margin-top: 50px;
}
.banner-image{
width: 80%;
margin: 0 auto;
display: block;
}
.banner-desc{
color: #fff;
font-size: 28px;
width: 85%;
margin-bottom: 40px;
font-weight: 600;
}
.header_tabs{
margin-top:10px;
}
.header_tabs .tab{
background: #FFF;
/* padding: 15px; */
border-radius: 2px;
font-size: 18px;
text-align: center;
transition:.3s linear;
width: 49%;
float: left;
margin: 0px 1px;
border-bottom: 1px solid #00adc2;
cursor:pointer;
}

.header_tabs .tab a{
color: #000000;
padding: 15px;
display: block;
text-decoration:none;
font-family: 'Roboto', sans-serif;
}

.header_tabs .tab:hover {
background-color: #2098d1;
color: white;
transition:.3s linear;
}

.header_tabs .tab:hover a{
color: white;
transition:.3s linear;
}

.rotatetext-section{
padding:50px;
}

.rotatetext-section h1{
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:400;
}

.rotatetext-section h1 a{
color:#1ABC9C;
text-decoration:none;
}

.userlocation{
width:100%;
height: 65px;
border: 1px #ddd solid;
text-indent: 20px;
font-size: 15px;
font-weight: bold;
position: relative;
background-color: rgb(249, 249, 249);
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-size: auto;
}

.geolocation,.search-term-autocomplete{
width: 42%;
float: left;
}

/* select2 */
.geolocation .select2-container .select2-choice{
height: 63px;
line-height: 63px;
border:none;
background-color:inherit;
background-image:none;
}
.geolocation .select2-container .select2-choice .select2-arrow{
border-left:none !important;
border-radius:0px !important;
background:transparent !important;
background-image:none !important;
}
.geolocation .select2-container .select2-choice .select2-arrow b {
background: url(select2.png) no-repeat 0px 18px;
}
.geolocation .select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 18px;
}

.search-location-filter .select2-container .select2-choice{
height: 38px;
line-height: 38px;
border:none;
background-color:inherit;
background-image:none;
box-shadow: none;
}
.search-location-filter .select2-container .select2-choice .select2-arrow{
border-left:none !important;
border-radius:0px !important;
background:transparent !important;
background-image:none !important;
}
.search-location-filter .select2-container .select2-choice .select2-arrow b {
background: url(select2.png) no-repeat 1px 6px;
}
.search-location-filter .select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -17px 7px;
}
.select2-container.form-control{
padding:0px 0px 0px .75rem;
}

/* select2 */

.submit_wrapper{
width:15%;
float:left;
}

.search-btn{
width: 100%;
height: 65px;
border: none;
background: rgba(206, 42, 46, 0.901961);
font-size: 18px;
font-weight: bold;
color: #fff;
position: relative;
}

.align-centre{
margin:0 auto;
float:none;
display:block;
}

.detect-label{
margin-bottom: 0;
padding: 2px 10px;
border-bottom: none;
background: #e4e4e4;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}


.professional-section{
padding:50px 0;
}

.prof-wrapper{
text-align:center;
float:left;
}

.prof-wrapper img{
width:60%;
}

.prof-wrapper p{
font-weight:300;
font-family: 'Open Sans', sans-serif;
color:#777777;
}

.prof-wrapper p strong{
margin-top: 20px;
display: block;
font-size: 16px;
font-family: 'Roboto', sans-serif;
color:#000000;
}
.assignment-section{
padding: 40px 0;
border-top: 1px #ddd solid;
}

.assign_header{
font-weight: 400;
text-align:center;
margin-top:30px;
}

.assign_header span{
color: #00ACC1;
}

.post-bid-btn{
width: 60%;
margin: 0 auto;
margin-top: 50px;
}

.post-bid-btn a{
background: #00ACC1;
padding: 20px;
border-radius: 2px;
padding-right: 30px;
padding-left: 30px;
margin-top: 20px;
font-size: 18px;
color: white;
text-align: center;
float:left;
text-decoration:none;
margin-left: 1px;
width: 49%;
border:1px solid #00ACC1;
}

.post-bid-btn a:hover{
background:#ffffff;
color:#00ACC1;
border:1px solid #00ACC1;
}

.post-assignment-wrapper{
margin-top:50px;
}

.getanswer-section{
border-top: 1px #ddd solid;
padding:50px 0;
}

.ask-query-btn{
background: #00ACC1;
padding: 15px;
border-radius: 2px;
padding-right: 40px;
padding-left: 40px;
margin-top: 20px;
font-size: 18px;
color: white;
text-align: center;
width: 40%;
display: block;
margin: 15% auto;
}
.ask-query-btn:hover{
color: white;
text-decoration:none;
}

.goal-text{
font-size: 22px;
text-align: center;
font-family: 'Open Sans', sans-serif;
}

.footer-section{
background-color: #1F3B4F;
color: white;
padding:40px 20px;
}

.footer-links{
margin-top:20px;
}

.footer-header{
font-size:28px;
font-weight:400;
color: #ff0000;
}

.footer-links a{
color: #ffffff;
display: block;
margin-bottom: 15px;
font-weight: 300
}

.sub-email{
width: 100%;
background: transparent;
border-bottom: 1px solid #fff;
box-shadow: none;
outline: none;
border: none;
border-bottom: 1px solid #fff;
font-size: 18px;
color: #fff;
padding: 10px 0;
margin-bottom: 15px;
font-weight:300;
}

.sub-btn{
color: #fff;
background-color: #08867e;
border-color: #08867e;
box-shadow: none;
border: none;
width: 100%;
padding: 12px;
font-weight:400;
font-size:16px;
text-transform:uppercase;
letter-spacing: 1px;
cursor:pointer;
}

.footer-contact{
margin-top: 12px;
}

/*registration page*/
.text-primary{
color: #ff0000 !important;
}

h1{
font-size: 32px;
font-weight: bold;
    margin-bottom: 10px;
}

h4{
font-size:15px;
font-weight:bold;
}

.header{
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
background-color: #fff;
position: relative;
}

.registration-header-section{
padding: 10px 0 20px 0;
border-bottom: 1px solid #ddd;
}


.registration-left-img{
width:100%;
}
.clearfix{
clear:both;
}
/*expert form css*/

.lead{
color:rgb(86, 90, 92);
margin-top:50px;
font-size:18px;
font-weight:400;
}
.next_form{
margin-top:30px;
}
.next_form input{
float:right;
}
#outsideindia{
display: inline-block;
width: 30px !important;
vertical-align: middle;
}
/*form styles*/
.msform {
    text-align: center;
    position: relative;
    margin-top: 30px;
}

.msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
	background:#e5e6e6;
    padding: 50px 30px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0%;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
.msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
.msform input, .msform textarea {
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 0px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
font-size: 16px;
font-family: 'Roboto', sans-serif;
}

.msform input:focus, .msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #ee0979;
outline-width: 0;
transition: All 0.5s ease-in;
-webkit-transition: All 0.5s ease-in;
-moz-transition: All 0.5s ease-in;
-o-transition: All 0.5s ease-in;
}
.msform select {
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 0px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
font-size: 16px;
font-family: 'Roboto', sans-serif;
}

.msform label{
font-size: 12px;
color:#313534;
opacity: 0.5;
margin: 0px;
font-weight: 600;
}
.msform label a{
color:rgb(255, 90, 95);
}
/*buttons*/
.msform .action-button {
    width: 100px;
    background: #778899;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

.msform .action-button:hover, .msform .action-button:focus {
   /*  box-shadow: 0 0 0 2px white, 0 0 0 3px #778899; */
}

.msform .action-button-previous {
    width: 100px;
    background: rgb(255, 90, 95);
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

.msform .action-button-previous:hover, .msform .action-button-previous:focus {
   /*  box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1; */
}
.padding_left{
padding-left:0px;
}
.padding_right{
padding-right:0px;
}
.customcheck{
margin-bottom:10px;
}
.customcheck input[type=checkbox].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.customcheck input[type=checkbox].css-checkbox + label.css-label {
padding-left:27px;
height:22px; 
display:inline-block;
line-height:22px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:22px;
vertical-align:middle;
cursor:pointer;

}

.customcheck input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -22px;
}
.customcheck label.css-label {
background-image:url(../img/customcheck.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.msform .customcheck label{
color:#313534;
opacity: 1;
font-size: 14px !important;
font-weight: 400;
}
.gap_btn_30{
margin-bottom:30px;
}
.notebtn{
font-weight: 700;
color: rgb(86, 90, 92);
font-size: 13px;
}
.notebtn span{
display:block;
}
/*headings*/
.fs-title {
font-size: 18px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
letter-spacing: 2px;
font-weight: bold;
text-align:left;
}

.fs-subtitle {
font-weight: normal;
font-size: 14px;
color: #666;
margin-bottom: 20px;
text-align:left;
}
.fs-subtitle  a{
color:rgb(255, 90, 95);
font-weight:bold;
}
.msform fieldset{
text-align:left;
}

/*progressbar*/
#progressbar {
margin-bottom: 10px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
padding: 0;
}

#progressbar li {
list-style-type: none;
color: #000;
font-size: 15px;
width: 33.33%;
float: left;
position: relative;
letter-spacing: 0.5px;
}

#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 50px;
height: 50px;
line-height: 50px;
display: block;
font-size: 24px;
color: #333;
background: #cecece;
border-radius: 25px;
margin: 0 auto 10px;
}

/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 5px;
background: #eee;
position: absolute;
left: -50%;
top: 21px;
z-index: -1;
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #d32727;
    color: white;
}


.more-info{
margin-top:15px;
}

.info-img{
display: inline-block;
width: 30%;
margin-right: 10px;
}


.info-img img{
width:100%;
}

.info-text{
display: inline-block;
width: 61%;
vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
font-size:12px;
}

.info-head{
margin-bottom:10px;
font-weight:bold;
font-size:18px;
}

.upload_profile{
font-size: 14px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
letter-spacing: 2px;
font-weight: bold;
text-align: left;
padding-bottom: 30px;
border-bottom: 1px solid rgba(12, 12, 12, 0.12);
}
.green{
color:green;
}
.red{
color: red;
}
.uploadimg, .skipimg{
display:block;
margin: 15px auto;
}
.skipimg{
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.skipimg:hover {
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
}
.upload-button {
padding: 4px;
border: 1px solid black;
border-radius: 5px;
display: block;
cursor: pointer;
overflow: hidden;
padding: 10px 10px;
text-align: center;
position: relative;
background-color: #f6f7f8;
border: solid 1px #d2d2d7;
}
.profile-pic {
height: 150px;
width: 150px;
border: 2px #ddd solid;
display: block;
margin: 30px auto 20px;
}
.file-upload {
display: none;
}
.serviceimg img{
width:100%;
display:none;
}
.profiledata{
display:none;
}
.profiledata h4{
color:rgb(86, 90, 92); 
line-height:22px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(12, 12, 12, 0.12);
}
.profiledata h5{
color:rgb(86, 90, 92); 
line-height:24px;
font-size: 16px;
}

/* login_new */
.banner_login{
background-image: url(../img/business_10.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 300px;
width: 100%;
background-position: 0px -175px;
}
.logindata{
padding:50px 15px;
}
.breadcrumb_login{
padding:0px;
margin-bottom:50px;
}
.breadcrumb_login li{
display: inline-block;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #ff0000;
padding: 0px 10px;
margin-left: -4px;
}
.breadc
rumb_login li + li{
border-left:2px solid #ff0000;
}
.breadcrumb_login li a{
color:#ff0000;
}
/* float label */
.floatform .form-group {
position: relative;
margin-bottom: 1rem;
padding-top:7px;
}
.floatform .form-control-placeholder {
position: absolute;
top: 0;
left:17px;
padding: 0px 0 0 0px;
transition: all 200ms;
opacity: 0.5;
font-size: 12px;
}
.floatform .form-control {
padding: 2px;
height: 37px;
border-left: 0.5px solid rgba(12, 12, 12, 0.12);
border-right: 0.5px solid rgba(12, 12, 12, 0.12);
border-top: 0.5px solid rgba(12, 12, 12, 0.12);
border-bottom: 0.5px solid rgba(12, 12, 12, 0.12);
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
background: LightYellow;
color: #0c0c0c;
font-size: 16px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius:10px;
}
.form-control:focus ~ .form-control-placeholder, .form-control:valid ~ .form-control-placeholder{
font-size: 75%;
transform: translate3d(0, -55%, 0);
opacity: 1;
color: #ff0000;
}
.error{
	color:red !important;
}
.hide{
	display:none !important;
}
.floatform .form-control:focus{
border-bottom: 2px solid #ff0000;
}

.loginform p{
position: relative;
right: 0px;
bottom: 20px;
margin: 0;
color: inherit;
font-size: 12px;
float: right;
}
.loginform p a{
color:#6f7676;
}
.loginform .customcheck input[type=checkbox].css-checkbox + label.css-label{
font-size:14px;
margin-bottom:-15px;
}
.inkreaction{
color: #fff;
background-color: #ff0000;
border-color: #ff0000;
}
.inkreaction:hover, .inkreaction:active{
background-color: #077871 !important;
border-color: #077871 !important;
}
.no_account h3{
font-weight: 300;
font-size: 20px;
color:#313534;
}
a.inkreaction{
width:80%;
margin: 15px auto 20px;
}

/* user login */
.userloginwrap{
background-color:#e5e6e6;
padding-bottom: 50px;
}
.needwork{
margin-top:25px;
}
.needwork h1{
color: #ff5a5f;
font-size: 34px;
margin:15px 0px;
}
.needwork p{
color: rgb(86, 90, 92);
text-align: center;
line-height: 22px;
font-size: 15px;
font-weight: 700;
}
hr{
margin-top: 24px;
margin-bottom: 24px;
}
.loghere{
color: rgb(86, 90, 92);
text-align: center;
line-height: 22px;
font-size: 15px;
font-weight: 700;
float:right;
}
.loghere span{
color:red;
}
.login_container{
background-color:#fff;
padding:15px 10px;
text-align:left;
}
.login_container h4{
font-size: 15px;
font-weight: 500;'
color: #313534;
}
.logsub{
float:right;
text-transform:uppercase;
margin-top:20px;
}

.plan_wrapper{
padding-top:20px;
}
.plantitle{
font-size: 34px;
font-weight: 700;
width: 100%;
margin:0px 0px 20px;
}
.plancard{
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
cursor:pointer;
}
.type{
background-color:#ff0000;
padding: 24px;
text-align:center;
}
.type h5{
color:#fff;
font-size:20px;
font-weight:300;
margin-top: 24px;
margin-bottom: 12px;
}
.type p{
color:#fff;
font-size:50px;
margin: 0;
line-height: 85px;
}
.type p span{
font-size:75px;
}
.facilities{
background-color: #fff;
min-height: 285px;
}
.facilities ul{
padding:0px;
}
.facilities ul li{
padding: 15px 30px;
font-size: 16px;
display:block;
border-bottom:1px solid #e5e6e6;
line-height: 16px;
color: #313534;
font-weight: 500;
}
.facilities ul li span{
font-weight:bold;
}
.bottommiles{
font-weight: 300;
font-size: 20px;
margin-top: 24px;
margin-bottom: 12px;
}

/* help */
.nopadding{
padding:0px;
}
.greyback{
background-color:#e5e6e6;
}
.helptitle{
text-align:center;
background-color:#fff;
padding:
}
.helptitle h3{
line-height: 22px;
font-size: 20px;
font-weight: 700;
margin-top: 24px;
margin-bottom: 12px;
}
.helptitle p{
line-height: 20px;
font-size: 13px;
margin:0px 0px 30px;
}
.helptabswrap ul li{
text-align:center;
width:50%;
color:#fff;
font-weight: 500;
font-size: 15px;
}
.helptabswrap ul li a{
color:#fff;
display: block;
padding: 15px;
}
.helptabswrap ul li a:hover{
text-decoration:none;
}
.users_tab{
background-color:#2196f3;
}
.users_tab:hover, .pro_tab:hover{
opacity:0.9;
}
.pro_tab{
background-color:#066265;
}
.helptabswrap .nav-tabs{
border-bottom: 1px solid #dee2e6;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.tab_content{
margin-top:30px;
margin-bottom:50px;
}
.card-header{
padding:0px;
}
.card-link{
display:block;
padding: .75rem 1.25rem;
}
.help_collapse .card-body p{
font-size:15px;
color:#313534;
}
.help_collapse .card-body p a{
color:#313534;
}
.help_collapse .card-body p span{
font-weight:bold;
}
.help_collapse .card-header a{
font-size:20px;
color:#313534;
}

.termstitle{
margin:25px 0px 35px;
padding:25px;
background-color:#fff;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.termstitle h3{
font-size: 30px;
text-align: center;
color: #077871;
margin-top: 24px;
margin-bottom: 12px;
font-weight: 400;
}
.termstitle h4{
font-size: 28px;
margin-top: 40px;
margin-bottom: 12px;
font-weight: 400;
color: #313534;
}
.termstitle p{
font-family: 'ralewayregular';
font-size: 18px;
}

/* career */
.banner_career{
background-image: url(../img/careers.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 300px;
width: 100%;
background-position: 0px -205px;
margin-bottom:30px;
}
.careertable thead {
opacity: 0.75;
font-size: 13px;
line-height: 24px;
}
.careertable td{
font-size: 13px;
line-height: 24px;
}
.send_resume{
padding:70px 20px;
}
.send_resume h3{
font-size: 20px;
font-weight: 500;
}

/* expertfree */
.paraman{
margin-top:15px;
}
.expert_form{
background-color: #d4e9fa;
padding: 24px;
margin-top: 24px;
}
.expert_form h4{
font-weight: 500;
font-size: 18px;
color: #31708f;
margin: 15px 0px;
}
.radio_custom input[type=radio].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.radio_custom input[type=radio].css-checkbox + label.css-label {
padding-left:21px;
height:16px; 
display:inline-block;
line-height:16px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:16px;
vertical-align:middle;
cursor:pointer;
margin-right: 15px;
}
.radio_custom input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -16px;
}
.radio_custom label.css-label {
background-image:url(../img/radio.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.top_gap_20{
margin-top:20px;
}
.btn_gap_20{
margin-bottom:20px;
}
.expert_form .text_inputs label{
color: #31708f;
font-size: 12px;
opacity: 0.5;
margin:0px;
display:block;
font-weight: 500;
}
.expert_form .text_inputs input{
height: 50px;
color: #0c0c0c;
font-size: 16px;
width:100%;
border:none;
outline:none;
margin-top:5px;
padding-left:10px;
}
.expert_form .text_inputs textarea{
color: #0c0c0c;
font-size: 16px;
width:100%;
border:none;
outline:none;
margin-top:5px;
padding-left:10px;
}
.input_note{
color:#31708f;
font-size: 14px;
}
.budget_check label{
color: #2196f3;
font-weight:600;
}
.expert_form .action-button {
width: 100px;
/* background: #778899;
font-weight: bold;
color: white; */
border-color: transparent;
background: rgba(0, 0, 0, 0.15);
color: #313534;
opacity: 0.4;
filter: alpha(opacity=40);
border: 0 none;
border-radius: 5px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
float: right;
}
.secured_server{
float: right;
color: rgb(86, 90, 92);
float: right;
color: rgb(86, 90, 92);
margin: 0;
line-height: 55px;
margin-left: 15px;
}
.service_req{
color: #31708f;
background-color: #d9edf7;
line-height: 22px;
font-size: 18px;
font-weight: 500;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.kind_wrk{
font-size: 18px;
font-weight: 500;
margin-top: 10px;
margin-bottom: 10px;
}
.typejob p{
color: rgb(86, 90, 92);
line-height: 22px;
font-size: 15px;
}
.querydata{
background-color:#fff;
padding-bottom:30px;
}
.cardquery img{
width:100%;
}
.query_steps{

}
.querydata h3{
margin-top: 24px;
margin-bottom: 12px;
font-weight: 500;
font-size: 20px;
}
.querydata input{
height: 40px;
color: #0c0c0c;
font-size: 16px;
width: 100%;
border: 1px #ddd solid;
outline: none;
padding-left: 10px;
margin-bottom: 15px;
}
.querydata label{
display:block;
font-size: 12px;
opacity: 0.5;
margin-bottom: 0;
font-weight: 400;
}
.querydata select{
color: #0c0c0c;
font-size: 16px;
height:40px;
border:none;
width:100%;
border-bottom:1px solid #ddd;
}
.querydata textarea{
color: #0c0c0c;
font-size: 16px;
width: 100%;
border: 1px #ddd solid;
outline: none;
padding-left: 10px;
padding-top:10px;
margin-bottom: 15px;
}
.querydata .ask_query{
height: 40px;
color: #fff;
font-size: 16px;
width: 125px;
border: 1px #ddd solid;
outline: none;
padding-left: 10px;
margin-bottom: 15px;
background: red;
color: #FFF;
font-weight: bold;
opacity: 0.4;
}
.query_detail{
background-color:#fff;
padding:20px;
}
.query_detail h4{
font-weight: 500;
font-size: 15px;
margin-top: 12px;
margin-bottom: 12px;
color: #FF5A5F;
}
.query_detail h5{
line-height: 22px;
font-size: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
.query_detail p{
font-size:13px;
}

/* user dashboard */
.dash_menu, .mob_menu_dash{
background: #046380;
}
.dash_menu ul, .mob_menu_dash ul{
padding:0px;
margin: 0;
}
.dash_menu ul li{
display:inline-block;
font-weight: 500;
font-size: 13px;
}
.dash_menu ul li a {
color: #fff;
padding: 1em 1.5em;
text-decoration: none;
display:block;
}
.dash_menu ul li a:hover{
background: #ADC5D9;
}
.mob_menu_dash{
display:none;
}
.mob_menu_dash p {
color: #fff;
padding: 1em 0;
text-align: center;
cursor: pointer;
font-weight: 700;
margin:0px;
}
.mob_menu_dash ul{
display:none;
}
.mob_menu_dash ul li{
display:block;
font-weight: 500;
font-size: 13px;
}
.mob_menu_dash ul li a {
color: #fff;
padding: 1em 1.5em;
text-decoration: none;
display:block;
}
.mob_menu_dash ul li a:hover{
background: #ADC5D9;
}
.user_login{
float:right;
}
.user_login .mainloginwrap{
padding:0px;
line-height: 70px;
margin: 0;
}
.user_login .mainloginwrap li{
display:inline-block;
}
.user_login .mainloginwrap li a{
color:#000;
}
.user_login .mainloginwrap li a:hover{
text-decoration:none;
}
.mail_link {
position: relative;
width: 36px;
height: 36px;
border-radius: 50%;
padding: 10px;
}
.mail_link:hover {
background-color: rgba(12, 12, 12, 0.07);
}
.mail_read{
position:relative;
}
.user_login .mainloginwrap li sup{
background-color: #f44336;
color: #fff;
font-size: 10px;
top: 5px;
right: 0px;
padding: 3px 7px;
border-radius: 10px;
position: absolute;
}
.dropdown{
margin:0px 0px 0px 20px;
padding:0px 15px;
cursor:pointer;
min-width: 80px;
}
.dropdown:hover{
background-color: rgba(12, 12, 12, 0.07);
}
.user_login .dropdown.open{
min-height: 58px;
background-color: #fff;
border-color: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.blankgif{
width: 40px;
height: 40px;
border-radius: 40px;
object-fit: cover;
}
.profilename{
font-size: 15px;
color:#7d7f7f;
font-weight: 500;
margin-left:10px;
margin-right:20px;
}
.dropdown:after {
content: "\f107";
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0px;
right: 15px;
}
.dropdown.open:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.user_login .mainloginwrap li ul{
padding:0px;
width: 100%;
margin-top: -1px;
}
.user_login .mainloginwrap li ul li{
display:block;
}
.open > .dropdown-menu.animation-dock {
-webkit-animation: slide-up .3s ease-out;
-moz-animation: slide-up .3s ease-out;
-ms-animation: slide-up .3s ease-out;
-o-animation: slide-up .3s ease-out;
animation: slide-up .3s ease-out;
}
@-webkit-keyframes slide-up {
    from {
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-moz-keyframes slide-up {
    from {
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-o-keyframes slide-up {
    from {
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-ms-keyframes slide-up {
    from {
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@keyframes slide-up {
    from {
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
.user_login .dropdown-menu > li > a {
display: block;
clear: both;
font-weight: 400;
line-height: 1.846153846;
color: #313534;
white-space: nowrap;
padding: 5px 20px;
}
.badge.style-danger {
background-color: #f44336;
color: #fff;
border-radius: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
top: 3px;
position: relative;
}
.user_login .dropdown-menu{
font-size: 13px;
}
.user_login .dropdown-menu .divider {
height: 1px;
margin: 11px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.user_login .dropdown-menu > li > a:hover, .user_login .dropdown-menu > li > a:focus {
text-decoration: none;
color: #252727;
background-color: #f5f5f5;
}
.mail_drop{
left:-50px;
}




.assign_wrapper{
margin-top:50px;
}
.post_assign{
text-align:center;
}
.post_assign p{
font-size: 18px;
margin:20px auto 0;
border-radius:2px;
width:260px;
height:60px;
background: #00ACC1;
}
.post_assign p a{
color:#fff;
display:block;
line-height: 60px;
}
.post_assign p a:hover{
text-decoration:none;
}
.post_assign p:hover{
text-decoration:none;
-webkit-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite;
}
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1);background: #00ACC1; }
50% { -webkit-transform: scale(1.1);background: #fff; }
100% { -webkit-transform: scale(1);background: #00ACC1; }
}

@keyframes pulse {
0% { transform: scale(1);background: #00ACC1; }
50% { transform: scale(1.1);background: #fff; }
100% { transform: scale(1);background: #00ACC1; }
}
.post_assign h5{
line-height: 15px;
font-weight: 500;
font-size: 13px;
margin: 12px auto;
}
.white_back{
background-color:#fff;
}
.inbox_wrap{
text-align:center;
padding-bottom:40px;
}
.inbox_wrap h2{
font-weight: 300;
font-size: 32px;
padding-bottom: 40px;
margin-top: 24px;
margin-bottom: 12px;
}
.inbox_wrap h4{
font-weight: 400;
font-size: 15px;
margin-top: 12px;
margin-bottom: 12px;
font-family: 'Noto Sans', sans-serif;
}
.need_work{
border-bottom: 1px solid #ddd;
}
.need_work a{
display:block;
padding:40px 20px 20px;
}
.need_work a:hover{
background-color:#f5f5f5;
text-decoration:none;
}
.need_work a h3{
font-size: 24px;
font-weight: 700;
color:#555;
}
.need_work a p{
font-weight: 400;
font-size: 15px;
color:#555;
font-family: 'Noto Sans', sans-serif;
}

.assign_wrap{
text-align:center;
padding-bottom:30px;
}
.assign_wrap h3{
font-weight: 300;
font-size: 32px;
padding-bottom: 40px;
margin-top: 40px;
margin-bottom: 12px;
}
.assign_wrap h3 span{
color: #00ACC1;
}
.assign_wrap .post_assign p{
width:290px;
}
.assign_wrap .cost_range{
line-height: 22px;
font-weight: 400;
font-size: 15px;
margin-top:20px;
}
.profile_query{
padding-top:30px;
padding-bottom:50px;
}
.querypro_wrap h3{
background-color: #47BDB6;
padding: 20px 8px;
font-size:15px;
font-weight:500;
color:#fff;
margin: 0px;
}
.userquery_list{
border-bottom: 1px solid rgba(189,193,193,0.2);
padding: 10px 8px;
}
.userquery_list:hover{
background-color: rgba(229,230,230,0.25);
}
.userquery_list h3{
line-height: 22px;
font-weight: 500;
font-size: 20px;
margin-top: 24px;
margin-bottom: 12px;
font-family: 'Noto Sans', sans-serif;
}
.userquery_list h3 a{
color:#313534;
}
.userquery_list h5{
line-height: 22px;
font-weight: 500;
font-size: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
.userquery_list p{
line-height: 22px;
font-size: 13px;
margin-top: 12px;
margin-bottom: 12px;
}

.query_img{
padding:30px 20px;
text-align:center;
}
.query_img img{
width:100%;
margin-bottom:30px;
}
.querydetails_list{
padding:30px 20px;
}
.profile_detail{
float:left;
}
.profile_detail img{
display:inline-block;
}
.profile_detail p{
display:inline-block;
vertical-align:middle;
font-weight: 700;
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
margin: 0 0 0 10px;
}
.profile_detail p span{
display:block;
margin-top:5px;
font-weight: normal;
font-size:12px;
color:#a3a4a4;
}
.daysago{
font-weight: 500;
font-size: 12px;
margin-top: 25px;
float: right;
}
.daysago p{
margin-bottom:0px;
}
.user_query_data{
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 12px;
}
.user_social_wrap{
padding:0px;
margin:0px;
}
.user_social_wrap li{
display:inline-block;
}
.user_social_wrap li + li{
margin-left:5px;
}
.user_social_wrap li a{
display:block;
}
.querydetails_list h4{
font-weight: 500;
font-size: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
.querydetails_list textarea{
color: #999;
font-size: 14px;
font-weight:600;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 5px 0 10px;
padding: 10px;
height: 105px;
width: 100%;
resize: none;
border: #999 1px solid;
transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
box-shadow: 0 0 5px rgba(81,203,238,0);
-webkit-box-shadow: 0 0 5px rgba(81,203,238,0);
-moz-box-shadow: 0 0 5px rgba(81,203,238,0);
font-family: 'Noto Sans', sans-serif;
}
.comment_btn{
color: #fff;
background-color: #0c7cd5;
border-color: #0c7cd5;
text-transform:capitalize;
font-size:12px;
outline:none;
border:none;
}
.comment_btn:hover, .comment_btn:active{
background-color: #0c7cd5 !important;
color: #fff !important;
border-color: #0c7cd5 !important;
box-shadow: none !important;
border: none;
outline:none;
}
.user_query_sidebar{
padding: 30px 20px;
}
.user_query_sidebar h3{
text-align:center;
color: #2196f3;
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 600;
font-size: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
.user_query_sidebar a h5{
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 13px;
margin-top: 12px;
margin-bottom: 12px;
color: #313534;
}
.user_query_sidebar a{
color: #313534;
}
.article_head{
text-align:center;
padding:50px 0px 0px;
}
.article_head h3{
color: #00ACC1;
font-weight: 700;
font-size: 32px;
padding-bottom: 40px;
margin-top: 0px;
margin-bottom: 12px;
}
.article_head p{
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
.article_data h4{
color: #2196f3;
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 20px;
margin-top: 12px;
margin-bottom: 12px;
}
.article_data h4 a{
color: #2196f3;
}
.article_data .article_text{
color: #313534;
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 14px;
margin-top: 12px;
margin-bottom: 12px;
}
.article_data .article_username{
color: #222;
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
font-size: 16px;
margin-top: 12px;
margin-bottom: 12px;
}
.article_userphoto img{
max-width: 150px;
}
.article_data h6{
color: #2196f3;
line-height: 22px;
font-weight: 500;
font-size: 12px;
margin-top: 12px;
margin-bottom: 12px;
}
.article_views{
float:right;
color: #313534;
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 12px;
margin:0px;
}
.service img{
	width: 100% !important;
	height: auto !important;
}
.protime_wrap{
padding: 30px 15px;
}
.protime{
padding: 20px;
border-radius:5px;
margin-bottom:15px;
}
.protime h5{
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 600;
font-size: 15px;
margin-top: 0px;
margin-bottom: 0px;
color: #313534;
}
.protime p, .free_articles p{
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 13px;
margin-top: 12px;
margin-bottom: 12px;
}
.free_articles{
padding: 10px 20px;
border-radius:5px;
}
.free_articles h5{
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 600;
font-size: 13px;
margin-top: 0px;
margin-bottom: 0px;
color: #313534;
}
.timeline_list{
padding: 30px 15px;
/* width:768px; */
}
.profilepost_wrapper{
background-color:#fff;
padding:20px;
border-radius:5px;
margin-bottom:15px;
}
.timeline_list hr{
margin-top: 10px;
margin-bottom: 10px;
}
.profile_post{
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 13px;
margin-bottom: 10px;
color: #313534;
}
.timeline_list textarea.comment_area{
border-radius: 15px;
color: #000;
font-size: 13px;
line-height: 22px;
font-weight: 400;
margin: 5px 0 10px;
padding: 5px 10px;
width: 92%;
border: #999 1px solid;
box-shadow: 0 0 5px rgba(81,203,238,0);
-webkit-box-shadow: 0 0 5px rgba(81,203,238,0);
-moz-box-shadow: 0 0 5px rgba(81,203,238,0);
font-family: 'Noto Sans', sans-serif;
outline: none;
box-sizing: border-box;
resize: none;
}
.comment_posted{
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 13px;
color: #313534;
background-color: #eff1f3;
padding: 8px 10px;
border-radius: 15px;
width: 92%;
margin-bottom:5px;
}
.comment_posted span{
font-family: 'Noto Sans', sans-serif;
font-weight: 600;
font-size: 13px;
color: #365899;
margin-right:5px;
}
.comment_posted .comment_content{
color: #313534;
}
.comment_reply .comment_posted, .timeline_list .comment_reply textarea.comment_area{
width: 90%;
}
.article_sub{
width: 100%;
background: transparent;
box-shadow: none;
outline: none;
border: none;
border-bottom: 1px solid #999;
font-size: 15px;
color: #969c9c;
padding: 10px 0;
margin-bottom: 15px;
border-radius: 0px;
}
.replybtn{
background-color: transparent;
color: #0c7cd5;
border: none;
outline:none;
padding: 0px;
margin-left: 50px;
}
.replybtn:hover, .replybtn:active{
background-color: transparent !important;
color: #0c7cd5 !important;
border-color: transparent !important;
border: none;
outline:none;
box-shadow: none !important;
}

/* timeline tabs */

.timelinetabs .tab_content{
padding:0px;
margin:0px;
}
.timelinetabs ul{
background-color:#fff;
border-bottom:1px solid #d5d5d5;
}
.timelinetabs ul li {
text-align: center;
width: 33%;
color: #313534;
font-weight: 500;
font-size: 15px;
}
.timelinetabs ul li a {
color: #313534;
display: block;
padding: 15px;
}
.timelinetabs ul li a.active{
background-color: #11baa3;
color: #fff;
}
.timelinetabs ul li a:hover{
text-decoration:none;
}
.timelinetabs ul li + li{
border-left:1px solid #d5d5d5;
}

.timeline_list textarea.comments_area{
border-radius:0px;
color: #000;
font-size: 13px;
line-height: 22px;
font-weight: 400;
margin: 0px;
padding: 5px 10px;
width: 100%;
border: 1px solid #d5d5d5;
box-shadow: 0 0 5px rgba(81,203,238,0);
-webkit-box-shadow: 0 0 5px rgba(81,203,238,0);
-moz-box-shadow: 0 0 5px rgba(81,203,238,0);
font-family: 'Noto Sans', sans-serif;
outline: none;
box-sizing: border-box;
resize: none;
}
/* Updated By ALOk */
.custom_upload{
position:absolute;
}
.custom_upload .upload_post_image{
cursor:pointer;
background-color:#fff;
border:1px solid #d5d5d5;
color: #313534;
padding:5px 15px;
margin-bottom: .5rem;
}
.custom_upload .uploadimage{
opacity: 0;
position: absolute;
z-index: -1;
width:1px;
top:0px;
}
/* Update End */





.sharepostbtn{
background-color:#fff;
border:1px solid #d5d5d5;
color: #313534;
padding:5px 15px;
margin-left: 5px;
}
.sharepostbtn:hover{
background-color:#fff;
border:1px solid #d5d5d5;
color: #313534;
}
.comment_reply{
margin-left:50px;
}
.comment_container{
margin-bottom:30px;
}
.replydate{
margin-top:5px;
margin-bottom:5px;
font-size: 10px;
color: #737373;
}
.jscroll-added .jscroll-loading {
text-align: center;
}

.search-list-wrapper{
background-image: url('https://www.expertmile.com/uploads/services/image/tax_query-20201015093604.png');
}

.search-location-filter{
margin-top:20px;
}

.location-list{
background: #fff;
padding: 15px;
border: 1px solid #cacaca;
}

.search-result-wrapper{
margin-top:40px;
}
.connect_list_wrap{
margin-top:15px;
}

.search-user-detail{
background: #fff;
padding: 15px 0px;
border-bottom: 2px solid #f3f4f4;
}
.location-wrapper label{
font-weight: 300;
font-family: 'Open Sans', sans-serif;
color: #777777;
}

.user-info-wrapper .user-name{
color:#ff0000;
margin-bottom:5px;
font-size: 16px;
}
.city_detail{
color:#000000;
}

.user-info-wrapper .user-designation,.user-info-wrapper .user-info{
font-weight: 300;
font-family: 'Open Sans', sans-serif;
color: #777777;
margin-bottom:10px;
font-size:13px;
}

.view-all-services{
margin:10px 0;
}

.pagination{
margin-left: -15px;
margin-top: 10px;
}


.pagination ul{
padding:0;
}

.pagination ul li{
display: inline-block;
width: 30px;
background: #fff;
text-align: center;
font-size: 14px;
height: 30px;
line-height: 30px;
cursor:pointer;
}

.curr-page{
color:#ff0000;
font-weight: bold;
}

.services-list{
width: 85%;
text-overflow: ellipsis;
overflow: hidden;
height: 1.2em;
white-space: nowrap;
}

.services-list.show{
width: 85%;
text-overflow: clip;
overflow: hidden;
height: 100%;
white-space: unset;
}

.profile-banner-area{
background: #ff0000;
height: 100px;
margin-bottom: 30px;
}

.profile-header{
color: #fff;
font-size: 25px;
padding-top: 30px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}

.user-profile-image img{
border-radius:5%;
}

.user-profile-image{
position:relative;
}

.user-profile-image .verified{
position: absolute;
bottom: 0;
right: 0px;
background: #fff;
border-radius: 50%;
}

.detail-wrapper label,.profile-detail-wrapper  label{
color: #ff0000;
font-size: 16px;
}

.detail-wrapper {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}

.profile-services-list{
padding:0;
}

.profile-services-list li{
display: inline-block;
border: 1px solid #ddd;
padding: 10px 20px;
margin-bottom: 10px;
margin-right: 10px;
border-radius: 5px;
}

.profile-wrapper{
margin: 0 0 30px 0;
}
.articleform{
margin-bottom: 4%;
}
#articlelist{
border:1px solid #dddddd;
border-radius:5px;
}

.viewarticle{
color: #313534;
background-color: #ffffff;
border-color: #e5e6e6;
padding: 5px 0px 5px 0;
width: 100px;
border: 1px solid #e5e6e6;
cursor: pointer;
border-radius: 2px;
display: inline-block;
text-align: center;
text-decoration: none !important;
}

.deletearticle{
color: #fff;
background-color: #ff0000;
border-color: #ff0000;
padding: 5px 0px 5px 0;
width: 94px;
border: 1px solid #ff0000;
cursor: pointer;
border-radius: 2px;
display: inline-block;
text-align: center;
margin-left: 10px;
text-decoration: none !important;
}

.viewarticle:hover{
color:#ffffff;
background-color: #ff0000;
}

.deletearticle:hover{
border-color:#ff0000;
color: #313534;
background:transparent;
}

#articlelist thead th{
color:#ff0000;
}

#articlelist.dataTable tbody th, #articlelist.dataTable tbody td{
padding: 8px 20px;
}

.approved{
background: #0da99e;
color: #fff;
padding: 5px 10px;
border-radius: 20px;
}

.not-approved{
background: #F44336;
color: #fff;
padding: 5px 10px;
border-radius: 20px;
}
.add-article{ 
margin: 15px 0 40px 0; 
text-align: right; 
} 

.addarticle-btn{ 
background: #0da99e; 
color: #fff !important; 
text-decoration: none; 
padding: 10px 20px; 
border-radius: 5px; 
}

.connect-btn{
color: #fff;
background-color: #ff0000;
border-color: #ff0000;
padding: 5px 0px 5px 0;
width: 100px;
border: 1px solid #ff0000;
cursor: pointer;
border-radius: 2px;
display: inline-block;
text-align: center;
text-decoration: none !important;	
}
.connect-btn:hover{
color: #fff;
}

.view-profile-btn{
color: #313534;
background-color: #ffffff;
padding: 5px 0px 5px 0;
width: 100px;
border: 1px solid #2ca89e;
cursor: pointer;
border-radius: 2px;
display: inline-block;
text-align: center;
text-decoration: none !important;	
}


.article_list .notifications .container-fluid,.article_list .notifications .container{
padding:0;	
}

.articlewrap .notifications{
margin-top:10px;	
}

/*messaging*/

#frame {
width: 95%;
min-width: 360px;
max-width: 1000px;
height: 92vh;
min-height: 300px;
max-height: 720px;
background: #E6EAEA;
margin: 0 auto;
margin-top: 60px;
margin-bottom:60px;
}
#contacts ul{
list-style:none;
padding:0;
}

.search-list-wrapper .tab-panel .media{
  background-color:#ffffff; 
  padding: 15px 20px 5px 20px;
  border-radius: 10px;
 }
 
 .search-list-wrapper .tab-panel .media h6{
   color: #ff0000; 
 }
 
 .search-list-wrapper .nav-tabs{
 background:#ffffff;
 padding:none;
     
 }
 
 .search-list-wrapper .nav-tabs .nav-item.show .nav-link,.search-list-wrapper .nav-tabs .nav-link.active{
   color: #ff0000;
   border:none;
   padding:none;
 }
 
 .serch-article-section {
  text-align:center; 
      margin-top: 20px;
 }


 .search-list-wrapper .nav-link{
 color:#000000;  
 }

.homerateYo{
display: inline-block;
margin-left: -15px;
vertical-align: bottom;
margin-top: 5px;   
}


/*Reply section*/
.edit_reply_btn,.delete_reply_btn,.edit_inner_reply_btn,.delete_inner_reply_btn{
margin-right:5px;
margin-bottom: 10px;    
}

.reply_div .blankgif,.blankgif{
position: relative;
z-index: 1;
}

.reply_div .comment_posted,.comment_posted{
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 13px;
color: #313534;
background-color: #eff1f3;
padding: 8px 20px;
border-radius: 0px;
width: 94%;
margin-bottom: 5px;
margin-left: -10px;    
}

.replydate{
margin-right:10px;    
}

.submitrequirment_page .sub_req{
padding:10px 0;
}

.submitrequirment_page .form_submit_inquiry input{
width:100%;
background: #ffffff;
border: 1px solid #ced4da;
border-radius: 10px;
margin-bottom:15px;
}

.submitrequirment_page .form_submit_inquiry .submitReqReq{
width:100%;
background: #ffffff;
border: 1px solid #ced4da;
border-radius: 10px;
margin-bottom:15px;
padding:10px;
min-height: 100px;
}


/**/
.dropdown.open .dropdown-menu{
display:block;
}

.third-menu{
position: absolute;
display:none;
top: -3px;
right: -99%;
background: #fff;
background-color: rgb(255, 255, 255);
background-clip: border-box;
min-width: 10rem;
max-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
max-height: 450px;
overflow-y: auto;
overflow-x: unset;
}

.third-menu li{
    border-bottom: 1px solid #eee;
}

.thirddropdown-menu{
position: relative;
}

.thirddropdown-menu:hover .third-menu{
display:block;
}

.nav-item.dropdown:after{
display:none;
}

.dropdown {
margin: 0px 0px 0px 4px;
padding: 0px 15px;
cursor: pointer;
min-width: 80px;
}

.dropdown.open .dropdownsub{
display: block;    
}

.thirddropdown-menu:after{
content:"\f054";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 8px;
top: 10px;
font-size: 12px;
color: #ff0000;
}

.service_data{
text-transform: capitalize;
background: #ff0000;
padding: 10px 30px;
border-radius: 30px;
width: auto;
display: inline-block;
color: #fff;
}

.service-wrapper{
text-align:center;
}

.service-section .col-md-3:nth-child(odd) .service-icon{
  background-color: #778899;
}

.inlineblock{
display:inline-block;
vertical-align: middle;
}

/* .service-section .col-md-3:nth-child(even) .service-icon,.service-section .col-md-3:nth-child(3n+1) .service-icon{
  background-color: #37c4a7;
} */

.service-section .col-md-3{
margin-bottom: 30px;
margin-top: 30px;
}

.service-icon{
  text-align: center;
  color: #fff;
  background-color: #ff0000;
  width: 150px;
  height: 150px;
  border-radius: 25%;
  font-size: 50px;
  line-height: 150px;
  margin: 20px auto;
}

.service-wrapper h4{
color:#000000;
}

.service-section{
background-image: url('https://www.expertmile.com/uploads/services/image/tax_query-20201015093604.png');
padding-top:20px;
padding-bottom:20px;
}

.allservicebtn{
font-size:18px;
width: 220px;
box-shadow: 1px 1px 5px #000;
}

.service-list-wrapper .col-md-4{
margin-bottom: 20px;
}

.service-list-wrapper h3{
margin-bottom: 20px;
}

.listofservices a{
font-size:16px;
}


@media screen and (max-width: 360px) {
  #frame {
    width: 100%;
    height: 100vh;
  }
}
#frame #sidepanel {
  float: left;
  min-width: 280px;
  max-width: 340px;
  width: 40%;
  height: 100%;
  background: #046380;
  color: #f5f5f5;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel {
    width: 58px;
    min-width: 58px;
  }
}
#frame #sidepanel #profile {
width: 100%;
margin: 10px auto;
border-bottom: 1px solid #fff;
padding: 0 15px;
    margin-bottom: 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 0 0;
    background: #32465a;
  }
}
#frame #sidepanel #profile.expanded .wrap {
  height: 210px;
  line-height: initial;
}
#frame #sidepanel #profile.expanded .wrap p {
  margin-top: 20px;
}
#frame #sidepanel #profile.expanded .wrap i.expand-button {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#frame #sidepanel #profile .wrap {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  -moz-transition: 0.3s height ease;
  -o-transition: 0.3s height ease;
  -webkit-transition: 0.3s height ease;
  transition: 0.3s height ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap {
    height: 55px;
  }
}
#frame #sidepanel #profile .wrap img {
  width: 50px;
  border-radius: 50%;
  padding: 3px;
  border: 2px solid #e74c3c;
  height: 50px;
  float: left;
  cursor: pointer;
  -moz-transition: 0.3s border ease;
  -o-transition: 0.3s border ease;
  -webkit-transition: 0.3s border ease;
  transition: 0.3s border ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap img {
    width: 40px;
    margin-left: 4px;
  }
}
#frame #sidepanel #profile .wrap img.online {
  border: 2px solid #2ecc71;
}
#frame #sidepanel #profile .wrap img.away {
  border: 2px solid #f1c40f;
}
#frame #sidepanel #profile .wrap img.busy {
  border: 2px solid #e74c3c;
}
#frame #sidepanel #profile .wrap img.offline {
  border: 2px solid #95a5a6;
}
#frame #sidepanel #profile .wrap p {
  float: left;
  margin-left: 15px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap p {
    display: none;
  }
}
#frame #sidepanel #profile .wrap i.expand-button {
  float: right;
  margin-top: 23px;
  font-size: 0.8em;
  cursor: pointer;
  color: #435f7a;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap i.expand-button {
    display: none;
  }
}
#frame #sidepanel #profile .wrap #status-options {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 150px;
  margin: 70px 0 0 0;
  border-radius: 6px;
  z-index: 99;
  line-height: initial;
  background: #435f7a;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options {
    width: 58px;
    margin-top: 57px;
  }
}
#frame #sidepanel #profile .wrap #status-options.active {
  opacity: 1;
  visibility: visible;
  margin: 75px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options.active {
    margin-top: 62px;
  }
}
#frame #sidepanel #profile .wrap #status-options:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #435f7a;
  margin: -8px 0 0 24px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options:before {
    margin-left: 23px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul {
  overflow: hidden;
  border-radius: 6px;
}
#frame #sidepanel #profile .wrap #status-options ul li {
  padding: 15px 0 30px 18px;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 35px 22px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li:hover {
  background: #496886;
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    width: 14px;
    height: 14px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -3px 0 0 -3px;
  background: transparent;
  border-radius: 50%;
  z-index: 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    height: 18px;
    width: 18px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li p {
  padding-left: 12px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li p {
    display: none;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
  background: #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
  border: 1px solid #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
  background: #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
  border: 1px solid #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
  background: #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
  border: 1px solid #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
  background: #95a5a6;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
  border: 1px solid #95a5a6;
}
#frame #sidepanel #profile .wrap #expanded {
  padding: 100px 0 0 0;
  display: block;
  line-height: initial !important;
}
#frame #sidepanel #profile .wrap #expanded label {
  float: left;
  clear: both;
  margin: 0 8px 5px 0;
  padding: 5px 0;
}
#frame #sidepanel #profile .wrap #expanded input {
  border: none;
  margin-bottom: 6px;
  background: #32465a;
  border-radius: 3px;
  color: #f5f5f5;
  padding: 7px;
  width: calc(100% - 43px);
}
#frame #sidepanel #profile .wrap #expanded input:focus {
  outline: none;
  background: #435f7a;
}
#frame #sidepanel #search {
  border-top: 1px solid #32465a;
  border-bottom: 1px solid #32465a;
  font-weight: 300;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #search {
    display: none;
  }
}
#frame #sidepanel #search label {
  position: absolute;
  margin: 10px 0 0 20px;
}
#frame #sidepanel #search input {
font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: calc(100% - 0px);
    border: none;
    background: #046380;
    color: #f5f5f5;
}
#frame #sidepanel #search input:focus {
  outline: none;
  background: #435f7a;
}
#frame #sidepanel #search input::-webkit-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input::-moz-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-ms-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-moz-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #contacts {
height: calc(100% - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
}
/*jimit*/
.timeline-upload-img-preview{
width: 120px;
float: left;
}

.timeline-upload-img-preview img{
width: 100%;    
}

.share_post{
clear: both;
margin-top: 10px;
display: block;
padding-top: 10px;    
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts {
    height: calc(100% - 149px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  #frame #sidepanel #contacts::-webkit-scrollbar {
    display: none;
  }
}
#frame #sidepanel #contacts.expanded {
  height: calc(100% - 334px);
}
#frame #sidepanel #contacts::-webkit-scrollbar {
  width: 8px;
  background: #2c3e50;
}
#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
  background-color: #243140;
}
#frame #sidepanel #contacts ul li.contact {
  position: relative;
  padding: 10px 0 15px 0;
  font-size: 0.9em;
  cursor: pointer;
      border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact {
    padding: 6px 0 46px 8px;
  }
}
#frame #sidepanel #contacts ul li.contact:hover {
  background: #32465a;
}
#frame #sidepanel #contacts ul li.contact.active {
background: #05c4a7;
border-right: 0px solid #435f7a;
}
#frame #sidepanel #contacts ul li.contact.active span.contact-status {
  border: 2px solid #32465a !important;
}
#frame #sidepanel #contacts ul li.contact .wrap {
  width: 88%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap {
    width: 100%;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap span {
  position: absolute;
  left: 0;
  margin: -2px 0 0 -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #2c3e50;
  background: #95a5a6;
}
#frame #sidepanel #contacts ul li.contact .wrap span.online {
  background: #2ecc71;
}
#frame #sidepanel #contacts ul li.contact .wrap span.away {
  background: #f1c40f;
}
#frame #sidepanel #contacts ul li.contact .wrap span.busy {
  background: #e74c3c;
}
#frame #sidepanel #contacts ul li.contact .wrap img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  height:40px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap img {
    margin-right: 0px;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap .meta {
  padding: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap .meta {
    display: none;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
  font-weight: 600;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
  margin: 5px 0 0 0;
  padding: 0 0 1px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transition: 1s all ease;
  -o-transition: 1s all ease;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
.msgcnt{
	width: 25px !important;
	height: 25px !important;
	border-radius: 50% !important;
	background-color: #2dbb6d !important;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0px;
	line-height: 25px;
	float: right;
	text-align: center;
	position: relative !important;
}

.contactdetails{
float:left;	
}
#frame .content .messages ul li.sent span{
  display: block;
  font-size: 11px;
  padding-left: 30px;
  margin-bottom: 10px
}
#frame .content .messages ul li.replies span{
  display: block;
  font-size: 11px;
  float: right;
  padding-right: 30px;
  margin-bottom: 10px
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
  position: initial;
  border-radius: initial;
  background: none;
  border: none;
  padding: 0 2px 0 0;
  margin: 0 0 0 1px;
  opacity: .5;
}
#frame #sidepanel #bottom-bar {
  position: absolute;
  width: 100%;
  bottom: 0;
  border:1px solid #ffffff;
}
#frame #sidepanel #bottom-bar button {
  float: left;
  border: none;
  width: 100%;
  padding: 10px 0;
  background: #046380;
  color: #f5f5f5;
  cursor: pointer;
  font-size: 0.85em;
  font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button {
    float: none;
    width: 100%;
    padding: 15px 0;
  }
}
#frame #sidepanel #bottom-bar button:focus {
  outline: none;
}
#frame #sidepanel #bottom-bar button:nth-child(1) {
  border-right: 1px solid #2c3e50;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #2c3e50;
  }
}
#frame #sidepanel #bottom-bar button:hover {
  background: #435f7a;
}
#frame #sidepanel #bottom-bar button i {
  margin-right: 3px;
  font-size: 1em;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button i {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button span {
    display: none;
  }
}
#frame .content {
  float: right;
  width: 60%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame .content {
    width: calc(100% - 58px);
    min-width: 300px !important;
  }
}
@media screen and (min-width: 900px) {
  #frame .content {
    width: calc(100% - 340px);
  }
}
#frame .content .contact-profile {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f5f5f5;
}
#frame .content .contact-profile img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 9px 12px 0 9px;
}
#frame .content .contact-profile p {
  float: left;
}
#frame .content .contact-profile .social-media {
  float: right;
}
#frame .content .contact-profile .social-media i {
  margin-left: 14px;
  cursor: pointer;
}
#frame .content .contact-profile .social-media i:nth-last-child(1) {
  margin-right: 20px;
}
#frame .content .contact-profile .social-media i:hover {
  color: #435f7a;
}
#frame .content .messages {
  height: auto;
  min-height: calc(100% - 93px);
  max-height: calc(100% - 93px);
  overflow-y: scroll;
  overflow-x: hidden;
  width:100%;
}

#frame .content .messages ul{
padding:0;
}
@media screen and (max-width: 735px) {
  #frame .content .messages {
    max-height: calc(100% - 105px);
  }
}
#frame .content .messages::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
#frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
#frame .content .messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 15px 15px 5px 15px;
  width: calc(100% - 25px);
  font-size: 0.9em;
}
#frame .content .messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
#frame .content .messages ul li.sent img {
  margin: 6px 8px 0 0;
}
#frame .content .messages ul li.sent p {
background: #036381;
color: #f5f5f5;
margin-bottom: 5px;
}
#frame .content .messages ul li.replies img {
  float: right;
  margin: 6px 0 0 8px;
}
#frame .content .messages ul li.replies p {
  background: #f5f5f5;
  float: right;
}
#frame .content .messages ul li img {
  width: 22px;
  border-radius: 50%;
  float: left;
      height: 22px
}
#frame .content .messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 20px;
  max-width: 205px;
  line-height: 130%;
}
@media screen and (min-width: 735px) {
  #frame .content .messages ul li p {
    max-width: 300px;
  }
}
#frame .content .message-input {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
  border-bottom: 1px solid #0ec6a7;
}
#frame .content .message-input .wrap {
  position: relative;
}
#frame .content .message-input .wrap input {
font-family: "proxima-nova", "Source Sans Pro", sans-serif;
float: left;
border: none;
width: calc(100% - 50px);
padding: 10px 32px 10px 8px;
font-size: 0.8em;
color: #32465a;
	height: 40px;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap input {
    padding: 15px 32px 16px 8px;
  }
}
#frame .content .message-input .wrap input:focus {
  outline: none;
}
#frame .content .message-input .wrap .attachment {
  position: absolute;
  right: 60px;
  z-index: 4;
  margin-top: 10px;
  font-size: 1.1em;
  color: #435f7a;
  opacity: .5;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
  }
}
#frame .content .message-input .wrap .attachment:hover {
  opacity: 1;
}
#frame .content .message-input .wrap button {
  float: right;
  border: none;
  width: 50px;
  padding: 12px 0;
  cursor: pointer;
  background: #0ac5a7;
  color: #f5f5f5;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap button {
    padding: 16px 0;
  }
}
#frame .content .message-input .wrap button:hover {
  background: #435f7a;
}
#frame .content .message-input .wrap button:focus {
  outline: none;
}

#frame .social-media{
display:none;
}


/* niket */
.article_data_img img{
width:100%;
}
.article_inline_data h4{
margin-top:0px;
}
.author_detail_foot img{
width:100px;
margin-top:20px;
}
.author_box{
border: 3px solid #f7f7f9;
padding:30px;
border-top: 7px solid #f0f0f5;
}
.gotoprofile p{
display:inline-block;
vertical-align:middle;
}
.gotoprofile p .connect-btn{
width:auto;
padding:10px 15px;
}
.gotosocial{
border-top:2px solid #f7f7f9;
padding-top:15px;
margin-top:30px;
}
.gotosocial ul{
padding:0px;
text-align:center;
}
.gotosocial ul li{
list-style:none;
font-size:40px;
display:inline-block;
padding:0px 5px;
}
.footer-social{
border:none;
margin-top: 0;	
}
.footer-social ul li a{
color:#ffffff;	
}

.gotosocial h3{
font-size: 22px;
color: #2a2e2e;
font-weight: 700;
}
.author_box h3{
font-size: 20px;
line-height:20px;
color: #2a2e2e;
font-weight: 600;
margin-bottom:15px;
}
.author_name_detail{
margin-bottom:0px;
font-size: 16px;
line-height:16px;
color: #2a2e2e;
font-weight: 600;
}
.floatform .bottom_form_grp{
margin-bottom:0px;
}
.floatform .innerlab .mobno{
left:0px;
}
.connection_list{
padding:30px;
background-color: #fff;
border-radius: 5px;
}
.accepted_data{
min-height:180px;
}
.pending_data{
min-height:290px;
}
.pending_img img{
width:80px;
}
.profile_menu{
padding:0px;
}
.profile_menu li{
display:block;
font-size:16px;
border-bottom:1px solid rgba(71, 189, 182, 0.4);
}
.profile_menu li a{
color:#222;
padding:10px;
display:block;
}
.profile_menu li a:hover{
text-decoration:none;
}
.profile_pic_wrap{
text-align:center;
margin-top:15px;
}
.update_profile_wrap h2{
font-size: 14px;
text-transform: uppercase;
color: #2C3E50;
letter-spacing: 1px;
font-weight: bold;
text-align: left;
padding-bottom: 10px;
border-bottom: none;
}
.profilepic_update .profile-pic {
height: 150px;
width: 150px;
border: 2px #ddd solid;
display: block;
margin: 0px auto 20px;
object-fit: cover;
}
.profilepic_update .upload-button {
width: fit-content;
display: inline-block;
vertical-align: top;
height: 38px;
line-height: 38px;
padding: 0px 10px;
}
.pic_details{
margin-top:15px;
}
.pic_details p{
line-height: 28px;
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
margin-top: 0px;
margin-bottom: 0px;
color:#969c9c;
}
.personal_detail_edit{
margin:30px 0px;
padding:30px 0px;
border-top:1px solid #e3e3e3;
}
.personal_info_edit p{
line-height: 22px;
font-family: 'Noto Sans', sans-serif;
font-weight: 500;
font-size: 16px;
margin-top: 0px;
margin-bottom: 15px;
color:#969c9c;
}
.form-control:focus {
border-color: #999;
box-shadow: none;
}
.update_profile_wrap hr{
margin-bottom:30px;
border-top: 1px solid #00c3a8;
}
.update_profile_wrap .customcheck label {
color: #313534;
font-size: 14px !important;
font-weight: 400;
}
.kyc_upload{
padding:15px 15px;
margin:30px 0px;
}
.green_back{
background-color: #08867e;
text-align: center;
}
.kyc_upload  h3{
color:#fff;
font-size:20px;
margin: 0px;
}
.notice_red{
color:red;
}
.article_comments{
padding-left:0px;
padding-right:0px;
}
.paystatus{
padding: 100px 50px;
text-align: center;
}
.paystatus h2{
font-size: 30px;
margin-bottom: 20px;
}
.success{
color:#ff0000;
}
.unsuccess{
color:#D91E18;
}
.paybox{
padding: 20px;
background-color: #ff0000;
margin-top: 30px;
border-radius: 3px;
}
.payfail{
padding: 20px;
background-color: #D91E18;
margin-top: 30px;
border-radius: 3px;
}
.paystatus p{
font-size: 16px;
color:#fff;
}
.paystatus p a{
color:#fff;
text-decoration: underline;
}
.verified{
position:absolute;
bottom:0px;
right:0px;
width:25px;
height:25px;
background:#ffffff;
border-radius: 50%;
box-shadow:1px 1px 5px #cccccc;
}
.filter_data_wrap{
margin-bottom: 0px;
padding-left: 0px;
}
.filter_data_wrap li{
display: inline-block;
padding:2px 15px;
border-radius: 5px;
}
.filter_data_wrap li.filter_data{
color:#fff;
background-color: #888888;
}
.registerSubcatTabs{
margin-top: 15px;
}
.registerSubcatTabs .customcheck {
margin-bottom: 20px;
height: 30px;
}
.registerSubcatTabs .nav-tabs .nav-item.show .nav-link,.registerSubcatTabs .nav-tabs .nav-link.active {
color: #fff !important;
background-color: #778899;
border-color: #778899 #778899 #778899;
}
.registerSubcatTabs .nav-tabs {
border-bottom: 1px solid #778899;
}
.registerSubcatTabs .nav-tabs .nav-link:focus,.registerSubcatTabs .nav-tabs .nav-link:hover {
border-color: transparent;
}
.registerSubcatTabs .nav-tabs .nav-link{
color: #222;
}
.registerSubcatTabs .tab-pane, .editProfileSubcatTabs .tab-pane{
margin: 20px 0px;
}
.internal_profile .nav-tabs .nav-link {
color: #222;
background-color: #d0d0d0;
border-color: #d0d0d0;
}
.internal_profile .nav-tabs .nav-item {
margin: 0px 0px;
}
.internal_profile .nav-tabs .nav-item.active{
margin: 0px;
margin-right: 0px;
}
.skip{
width: auto;
padding:10px 15px;
margin-bottom: 15px;
color: #fff;
background-color: #b13639;
border-color: #b13639;
border: 1px solid #b13639;
cursor: pointer;
border-radius: 2px;
}
.skip:hover{
color:#fff;
text-decoration: none;
}
.user_reg_pop .floatform .form-group {
margin-bottom: 0;
}
.otp_modal{
margin-bottom: 15px;
}
.user-dashboard{
padding: 10px;
display: inline-block;
width: auto;
}
.user-dashboard:hover{
color:#fff;
text-decoration: none;
}
.watsapp_float {
position: fixed;

bottom: 1px;
background-color: red;
z-index: 999;
border-radius: 0.1px;
width: 100%;
min-width:100px;
height: 30px;
text-align: center;
line-height: 30px;
}

.message_float{
position: fixed;
right: 0.1%;
bottom: 1px;
background-color: black;
z-index: 999;
border-radius:0.1px;
width:50%;
height: 30px;
text-align: center;
line-height: 30px;
}

.watsapp_float a, .message_float a{
color: #fff !important;
display: block;
}
.watsapp_float .message_icon, .message_float .message_icon{
font-size: 25px;
margin-top: 0px;
}
.message_float .message_icon{
margin-right:0px;
}

.submit_req{
width:100%;
}
.comment_sec{
color: #000;
font-size: 13px;
line-height: 22px;
font-weight: 400;
margin: 5px 0 0px;
padding: 5px 10px;
width: 100%;
border: #999 1px solid;
box-shadow: 0 0 5px rgba(81,203,238,0);
-webkit-box-shadow: 0 0 5px rgba(81,203,238,0);
-moz-box-shadow: 0 0 5px rgba(81,203,238,0);
font-family: 'Noto Sans', sans-serif;
outline: none;
box-sizing: border-box;
resize: none;
}
.submit_review{
color: #fff;
background-color: #117a8b;
text-transform: capitalize;
font-size: 15px;
outline: none;
border: none;
margin-top: 5px;
}
.expert_articles .row{
margin-bottom: 15px;
}
.star_rate .rateYo, .star_rate p {
display: inline-block;
}
.star_rate p {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
color: #727272;
padding: 0px 10px 0px 0px;
margin: 2px 0px;
text-decoration: underline;
}
.review_area{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}
.word_cnt{
margin-bottom: 0px;
color:#222;
}
.error_com{
margin-bottom: 0px;
}
.tt_star{
margin-top: 10px;
font-size: 12px;
}
.tt_rating, .user_rating{
margin-bottom: 10px;
}
.tt_rating a, .user_rating a{
color:#222;
}
.tt_star .rateYo{
padding:0px;
}
.user_rating{
text-align: center;
}
.rating_verified{
width:15px;
margin-left: 10px;
}
.article_box{
border: 3px solid #f7f7f9;
padding: 10px;
border-top: 7px solid #f0f0f5;
margin:25px 0px;
}
.article_box h3{
font-size: 20px;
line-height: 20px;
color: #2a2e2e;
font-weight: 600;
margin-bottom: 0px;
padding-bottom:7px;
border-bottom:1px solid #ccc;
Text-align:center;
}
.trend_wrap{
padding:20px 0px;
border-bottom:1px solid #ccc;
}
.trend_wrap:last-child{
border-bottom:none;
}
.trend_wrap img, .trend_wrap p{
display:inline-block;
vertical-align:top;
}
.trend_wrap img{
padding:10px;
width:100%;
text-align:center;
}
.trend_wrap p{
margin-left:1px;
width:100%;
font-size: 14px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis; 
margin-bottom: 0px;
text-align:center;
}
.ad_mob_hide h3{
margin-bottom:20px;
}
.ad_mob_hide .search-location-filter label{
font-weight:bold;
}
.ad_mob_hide .search-result-wrapper{
margin-top:0px;
margin-bottom:20px;
border: 3px solid #f7f7f9;
padding: 15px;
border-top: 7px solid #f0f0f5;
}
.sidebar_require_frm .req_field input, .sidebar_require_frm .req_field textarea{
width:100%;
}
.sidebar_require_frm .req_field input, .sidebar_require_frm .req_field textarea{
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
color: #2C3E50;
font-size: 16px;
font-family: 'Roboto', sans-serif;
background-color: #f1f1f1;
}
.sidebar_require_frm .req_field button {
background: #d03a3a;
color: #FFF;
font-weight: bold;
width: 100%;
}
.findexpertbox{
padding-left:-20px;
width:50%;

}
.article_text table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
 table-layout: fixed;
}

.article_text table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.article_text table th,
.article_text table td {
  padding: .625em;
  text-align: center;
}
.article_text img{
max-width:100%;
height:auto;
}
/* .g-recaptcha > div, .g-recaptcha iframe{
width:100% !important;
}
.rc-anchor-normal .rc-anchor-content{
width:175px;
} */
.g-recaptcha {
transform:scale(0.8);
-webkit-transform:scale(0.8);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
.mb-20{
margin-bottom:20px;
}


.dropbtn {
/*position: relative;*/
min-width: 10rem;
padding: 10px;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border-bottom: 1px solid rgba(0,0,0,.15);
cursor: pointer;
}
.dropbtn:after {
content: "\f054";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 8px;
top: 15px;
font-size: 12px;
color: #ff0000;
}
.dropdownsub {
position: absolute;
display: none;
top: 45px;
left: 0px;
border:1px solid rgba(0,0,0,.15);
z-index: 9;
}
.srev_drop{
position: absolute;
top: 0;
left: 100%;
display:none;
background: #fff;
background-color: rgb(255, 255, 255);
background-clip: border-box;
min-width: 10rem;
max-width: 10rem;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
max-height: 450px;
overflow-y: auto;
overflow-x: unset;
z-index: 1;
padding-left: 0px;
}
.srev_drop a {
color: #ff0000;
padding: 10px;
text-decoration: none;
display: block;
border-bottom: 1px solid #eee;
}
.srev:hover .dropdownsub{
display: block;
padding: 0;
}
.srev_drop a:hover {background-color: #eee;}
.dropdownsub li:hover .srev_drop {display: block;}
.dropdownsub:hover .dropbtn {background-color: #fff;}

.service_image_list{
    padding-left: 60px;
}

/* niket */




/*Media Query*/

@media(max-width:1200px){
.banner_login, .banner_career{
height: 300px;
width: 100%;
background-position: bottom;
}
.type p {
font-size: 40px;
line-height: 68px;
}
.type p span {
font-size: 65px;
}
.facilities ul li {
padding: 15px 20px;
font-size: 14px;
}
.timeline_list textarea.comment_area, .comment_posted{
width:90%;
}
.comment_reply .comment_posted, .timeline_list .comment_reply textarea.comment_area {
width: 88%;
}
.g-recaptcha {
transform:scale(0.6);
-webkit-transform:scale(0.6);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
}
@media(max-width:991px){
.dropdownsub{
position: relative;
top: 0;
}
.srev_drop{
position: relative;
left: 0;
max-width: 100%;
}
.dropbtn:after{
content: "\f107";
font-size:inherit;
right: 10px;
top: 10px;
}
/* .third-menu{
position: relative;
top: 0;
right: 0px;
max-width: 100%;
border: none;
} */
.tagline{
font-size: 36px;
line-height: 44px;
margin-top: 50px;
}
.banner-desc{
font-size: 22px;
}
.banner-image{
width:100%;
}
.header_tabs .tab a{
font-size:14px;
}
.post-bid-btn{
width:100%;
}
.ask-query-btn{
width: 80%;
font-size:16px;
}
img[src="img/front_query_one.png"]{
width:150px;
}
img[src="img/front_query_two.png"]{
width: 190px;
}
.goal-text{
font-size:16px;
}
.type {
padding: 20px 15px;
}
.type p {
font-size: 25px;
line-height: 45px;
}
.type p span {
font-size: 45px;
}
.timelinetabs .tab_content {
max-width: 100%;
}
.timelinetabs .panel-title a{
background-color:#046380;
}
.timelinetabs .panel-title a:hover{
text-decoration:none;
}
.comment_reply .comment_posted, .timeline_list .comment_reply textarea.comment_area {
width: 90%;
}
.registration-left-img {
width: auto;
}
.ad_mob_hide{
margin-bottom:30px;
}
}
@media (min-width: 768px) {
/* tabs */
.panel-heading {
display: none;
}
.panel {
border: none;
box-shadow: none;
}
.panel-collapse {
height: auto;
}
.panel-collapse.collapse {
display: block;
}
/* tabs */
}
@media(max-width:768px){
.facilities {
min-height: auto;
}
.header_tabs .tab{
width:49%;
}
.prof-wrapper img {
width: 30%;
}
.no_account{
margin-top:50px;
}
a.inkreaction {
width: 100%;
margin: 15px auto 20px;
}
.type p {
font-size: 35px;
line-height: 60px;
}
.type p span {
font-size: 60px;
}
.plantitle {
font-size: 28px;
}
.bottommiles {
font-size: 18px;
}
/* tabs */
.helptabswrap  .tab-content .tab-pane {
display: block;
}
.helptabswrap .nav-tabs {
display: none;
}
.panel-title a {
display: block;
color: #fff;
padding: 15px;
}
.panel {
margin: 0;
box-shadow: none;
border-radius: 0;
margin-top: -2px;
}
.tab-pane:first-child .panel {
border-radius: 5px 5px 0 0;
}
.tab-pane:last-child .panel {
border-radius: 0 0 5px 5px;
}
/* tabs */
.termstitle h3{
font-size: 26px;
}
.termstitle h4{
font-size: 22px;
}
.termstitle p{
font-size: 16px;
}
.careertable{
overflow-x:scroll;
}
.registration-left-img {
width: auto;
}
.query_detail_wrap{
background-color:#fff;
}
.dash_menu{
display:none;
}
.mob_menu_dash{
display:block;
}
/* .timeline_list {
padding: 30px 15px;
width: 90%;
} */
.timeline_list textarea{
width:90%;
}
.ad_mob_hide .google_ad{
display:none;
}
.g-recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
}

@media(max-width:560px){
.multiple_selection .nav-tabs .nav-item {
width: 100%;
text-align: center;
}
.hide-mobile{
display:none;
}
.geolocation, .search-term-autocomplete{
width: 40%;
}
.submit_wrapper {
width: 20%;}
.login_new_btn{
margin-top:15px;
}
.user_loginwrap{
border-top: 1px solid #e5e6e6;
}
.article_head {
padding: 20px 0px 0px;
}
.article_head h3 {
font-size: 24px;
padding-bottom: 20px;
margin-top: 0px;
margin-bottom: 0px;
}
.timeline_list textarea{
width:85%;
}
.comment_reply .comment_posted, .timeline_list .comment_reply textarea.comment_area {
width: 88%;
}
.article_head h1{
font-size:24px;
}
.hide_side_filter{
display: none;
}
.timelinetabs ul li{
font-size:12px;    
}
.article_text .articletablewrapper{
overflow-x: scroll;
}
.article_text table td{
font-size: 12px;
}

.service-section .col-md-3{
width:50%;
}
.service-icon {
  width: 120px;
  height: 120px;
  font-size: 40px;
  line-height: 125px;
}
}

@media(max-width:480px){
.service_data img{
    width: 100%;
}
.service_image_list{
    padding-left: 35px !important;
}
.tagline {
font-size: 26px;
line-height: 35px;
}
.banner-desc {
font-size: 16px;
width: 100%;
}
.header_tabs .tab{
font-size:14px;
}
.userlocation,.search-btn{
height:50px;
}
.geolocation, .search-term-autocomplete {
width: 100%;
margin-bottom: 10px;
}
.assign_header{
font-size:22px;
}
.post-bid-btn a{
width:100%;
margin-top:1px;
font-size: 14px;
}
.submit_wrapper{
width:100%;
}
.timeline_list textarea.comment_area, .comment_posted {
width: 85%;
}
.comment_reply .comment_posted, .timeline_list .comment_reply textarea.comment_area {
width: 80%;
}
.comment_reply {
margin-left: 15px;
}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}