@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');

html{
    scroll-behavior: smooth;
	scroll-padding-top: 50px;
}


body, html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	
}


body{
    background-color: #f3f3f5;
    font-size: 100%!important;
    text-align: left;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;
}

h5{
	font-size: 125%!important;
	font-weight: 600!important;
	color: #000000;
}

h6{
	font-size:95%;
	color: #333333;
}

.px-15{
	padding-left:0px;
	padding-right:0px;	
}


.f125only{
	font-size: 125%!important;
}

.f95{
	font-size: 95%!important;
    font-weight: 600!important;
    color: #333333;
}

.f80{
	font-size: 80%!important;
    font-weight: 400!important;
    color: #333333;
}
/* nav starts*/
.navbar{
	background-color: white;
    padding-left: 0em;
    padding-right: 0;
	padding-top: 0;
    padding-bottom: 0;
}

.navbar-collapse{
	/*border-top:1px solid #c9c6c6;
	margin-top:10px;*/
}
.second-nav{
	text-decoration:none;
}
.second-nav:hover{
	text-decoration:none;
}

.dropdown-divider{
	border-top: 1px solid #f3f3f5;
}

.mtminus10{
	margin-top:-10px;
}

.navbar li a , .right-nav li a {
	vertical-align: bottom;
    padding-bottom: 0;
    margin-bottom: -5px;
}

.nav-link{
	font-family: 'Open Sans', sans-serif;
	font-size: 87.5%;
	font-weight: 300;
	color: #454545!important;
	text-decoration: none;
}

.nav-link:hover{
	font-family: 'Open Sans', sans-serif;
	font-size: 87.5%;
	font-weight: 300;
	color: #629ffb!important;
	text-decoration: none;
}


.navbar-nav{
	padding-bottom: 4px;
}



.dropdown-item{
	color: #454545!important;
	font-size: 87.5%!important;
	background-color: white;
	padding-top:5px!important;
	padding-bottom: 10px!important;
}

.dropdown-item:hover{
	color: #333!important;
	font-size: 87.5%!important;
	background-color: #f3f3f5!important;
	padding-top:5px!important;
	padding-bottom: 10px!important;
}

.nav-mobile-logo{
	text-align: right;
}

.nav-mobile-logo a{
	display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 0rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.right-nav{
	width: 100%;
    padding-top: 12px;
    padding-left: 0.5em;
	margin-top: 0;
	/*display: flex;*/
	display: block;
    flex-direction:column;
}

.right-nav li,.right-nav li >a{
	display: inline;
	text-align: right;	
	
}

.right-nav li >a{
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
	font-weight: 300;
	color: #454545;
	text-decoration: none;
	padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: -2rem;
	
}

.dropdown-content {display: none;
padding-top:0!important;
	margin-top:0!important;
	left:15px!important;
	border: #c9c6c6 thin solid!important;
	border-radius:0 !important;
}

.dropdown-new{
	position:relative!important;
}

.dropdown-new:hover .dropdown-content {display: block;
position:absolute!important;
	left:0!important;
}

.nav-avatar-img{
	width:25px;
	height:25px;
	max-width:25px;
	max-height:25px;
	border-radius:100%;
}

/* nav ends*/


/* header starts */

.header-nav{
	padding-left: 1em;
	padding-top:1em;
	padding-bottom:0em;
	margin-bottom: 0em;
	padding-right: 1em;
	white-space: nowrap;
}

.header-nav li,.header-nav li> a{
	display: inline;
	padding-left: 0;
}

.header-nav li> a{
	display: inline;
	font-family: 'Open Sans', sans-serif;
	font-size: 87.5%;
	font-weight: 300;
	color: #454545;
	text-decoration: none;
}

.header-nav li> a:hover{
	display: inline;
	font-family: 'Open Sans', sans-serif;
	font-size: 87.5%;
	font-weight: 300;
	color: #454545;
	text-decoration: none;
}

.header-nav-category:hover, .header-nav-category:focus {
    color: #16181b;
    text-decoration: none;
	font-weight: 600!important;
    background-color: transparent!important;
}

.header-nav-category.active, .header-nav-category:active {
    color: #000000;
    text-decoration: none;
	font-weight: 800!important;
    background-color: transparent!important;
}


.header-nav-category + .header-nav-category::before{
	display: inline-block;
	padding-right:2.8em;
	content: "";
	
}

.horizontal-scroll::-webkit-scrollbar {
	width: 0 !important 
}
.horizontal-scroll{
	 overflow: -moz-scrollbars-none; 
	-ms-overflow-style: none;
}

.dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
	font-weight: 400!important;
    background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
    color: #000000;
    text-decoration: none;
	font-weight: 600!important;
    background-color: transparent;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0)!important;
}


.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0)!important;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent!important;
    border-color: #4e555b;
}
/* header ends */

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5em;
    color: #333333;
    content: ">";
	font-size: 1em!important;
	font-weight: 400!important;
}

.breadcrumb{
	margin-bottom: 0;
	background-color:transparent;
	padding-bottom: 1em;
	padding-left: 1em;
}



#subservbred {
	font-size: 80%;
	color: #333333;
}

#subservbred::before{
	font-size: 127%!important;
	
}

.breadcrumb-item a{
	font-size: 80%;
	color: #333333;
	text-decoration: none;
}

.breadcrumb-item:hover a{
	font-size: 80%;
	color: #333333;
	text-decoration: underline;
}

.breadcrumb-item.active{
	font-weight: 600;
	color: #333333;
	padding-top:0;
	font-size:100%;
	margin-top: -0.25em;
}

.breadcrumb-descriptor{
	padding-left: 1.1em;
    padding-right: 0.25em;
	font-size: 100%;
	color:#454545;
	margin-bottom: 0.5em;
	line-height: 1.25em;
	padding-top:0.25em;
}


.breadcrumb-services{
	font-size: 80%!important;
    color: #666666!important;
    font-weight: 400;
    margin-bottom: 0.75em;
}

.breadcrumb-brand{
	font-size: 87.5%!important;
    color: #454545;
    font-weight: 600;
    margin-bottom: 0.75em;
}

.breadcrumb-title{
	font-size: 80%!important;
    color: #333333;
    font-weight: 400;
    margin-bottom: 0.0em;
    word-wrap: break-word;
    max-height: 6em;
    line-height: 1.3em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

 .breadcrumb-comapnyname a{
	font-size: 80%!important;
    color: #666666!important;
    font-weight: 400;
    margin-bottom: 0.75em;
	text-decoration:none;
	padding-left:1.0em!important;
}


.current-breadcrumb{
	font-size:125%!important;
}

.showing-results{
	padding-left: 1.1em;
	padding-right:0.5em;
	font-size: 80%;
	color:#666666;
	padding-top: 0em;
    margin-bottom: 0em;
    text-align: left;
    padding-bottom: 0em;
	margin-top:-1em;
}

.agency-tile{
	background-color: white;
  position: relative;
  -webkit-box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.18);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 0px 6px 0px rgba(0,0,0,0.18);  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 0px 6px 0px rgba(0,0,0,0.18);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
}

.sponsor-tag{
	font-size: 80%;
	color: #666666;
	text-transform: uppercase;
	position: absolute;
	left:0;
	 padding-left: 1.25em;
	padding-right:1.25em;
	padding-top:0em;
	top:0;
}

.verified-tag{
	font-size: 80%;
	height:20px;
	width: 75px;
	text-align: right;
	color: #666666;
	text-transform: uppercase;
	position: absolute;
	right:0;
	padding-left:1em;
	padding-right:0.5em;
	top:0em;
	padding-top:0em;
	background-color: #f3f3f5;
}

.awarded-tag {
    font-size: 80%;
    height: 20px;
    width: 75px;
    text-align: right;
    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    padding-left: 0.25em;
    padding-right: 0.5em;
    top: 0em;
    padding-top: 0em;
    background-color: #629ffa;
}



.verified-tag img{
	position: absolute; 
	left: -20px; 
	top: 0;
}


.awarded-tag img {
    position: absolute;
    left: -20px;
    top: 0;
}
.agency-tile-section1{
	/*padding-bottom: 0.75em;*/
	padding-bottom: 0.25em;
	padding-left: 0.5em;
    padding-right: 0.5em;
	padding-top: 0.25em;
}


.tile-section1-left{
	padding-left:0;
	padding-right:0.5em;
	width: 100%;
	max-width: 135px;
	min-width: 135px;
}

.tile-section1-right{
	padding-left: 0.5em;
	padding-right: 0.5em;
	
}

.tile-section1-right h5{
	font-size: 87.5%!important;
	font-weight: 600!important;
	color: #333333;
	margin-top:0;
	margin-bottom:0.25em;
}

.tile-section1-right p{
	font-size: 87.5%!important;
	font-weight: 400;
	color: #333333;
	margin-top:0.25em;
	margin-bottom:0;
}


.agency-edit label, .agency-edit span, .agency-edit div h6{
	font-size: 80%!important;
		color: #666666!important;
	text-transform: none!important;
	font-weight: 400;
}

.agency-edit input{
	font-size: 75%!important;
		color: #666666!important;
	text-transform: none!important;
	font-weight: 400;
}

.agency-edit div select option{
	font-size: 100%!important;
		color: #666666!important;
	text-transform: none!important;
	font-weight: 400;
}

.agency-edit p, .agency-edit ol li{
	font-size: 80%!important;
		color: #454545!important;
	text-transform: none!important;
	font-weight: 400;
}



.tile-section1-location{
	font-size: 100%!important;
}

.tile-section1-location,.tile-section1-location li{
	display: inline;
	padding-left: 0;
	font-weight: 400;
	color: #333333;
}

.tile-section1-location li{
	font-size: 95%!important;
}

.tile-section1-city + .tile-section1-city::before {
    display: inline-block;
	padding-left: 0;
    padding-right: 0.25em;
    color: #333333;
    content: "|";
	font-size: 1em!important;
	font-weight: 400!important;
}

.tile-section1-more-cities{
	color: #666666;
	font-size: 0.9em!important;
	text-decoration: underline;
	padding-left: 0.25em!important;
	padding-right: 0.25em!important;
}

.blue-btns{
	background-color:#629ffb;
	color:white;
	width: 92px;
	height: 25px;
	padding:0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 75%;
	margin-left:-2px;
	border-radius: 0;
}

.blue-btns:hover{
	background-color:#4890fc;
	color:white;
	width: 85px;
	height: 25px;
	padding:0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 75%;
	margin-left:-2px;
	border-radius: 0;
}

.agency-tile-section2{
	padding-bottom: 0.75em;
	padding-left: 0.5em;
    padding-right: 0.5em;
	padding-top: 0.25em;
}

.tile-section2-left{
	padding-left:0;
	padding-right:0.5em;
	width: 100%;
	max-width: 135px;
	min-width: 135px;
}

.tile-section2-right{
	padding-left: 0.75em;
	padding-right: 0.5em;
	line-height: 1.3;
	font-size: 80%!important;
	color: #454545;
}


.tile-section2-left h4, .tile-section3-left h4, .tile-section4-left h4, .agency-tile > div > form > .form-group > label {
	font-size: 80%!important;
	text-transform:uppercase;
	color: #666666;
	padding-top: 2px;
    font-weight: 650;
}

.agency-tile > div > form > .form-group > label {
	/*margin-left: -5px;
	margin-top: 4px;*/
}

.project-share-icons{
	position: absolute; 
	bottom: 15px; 
	right: 15px;
}

.project-view-iframe{
	width:100%;
	height:407px;
}

.tile-section2-right p, .tile-section3-right p, .tile-section3-right p, .agency-tile > div > form > .form-group > div > p , .agency-tile > div > p {
	margin-top:-0.15em;
	margin-bottom: 0!important;
}

.agency-tile > div > form > .form-group > div > p , .agency-tile > div > p {
	display: inline-block;
	padding-left: 0;
    padding-right: 0.25em;
    color: #333333;
	font-size: 80%;
	font-weight: 400!important;
	margin-top: 0;
}

.agency-tile > div > p {
	margin-left: -5px;
	margin-top: 5px;
}

.tile-section2-specialization,.tile-section2-specialization li, .tile-section3-clients,.tile-section3-clients li, .tile-section4-right p{
	display: inline;
	padding-left: 0!important;
}

.tile-section2-specialization-name + .tile-section2-specialization-name::before, .tile-section3-clients-name + .tile-section3-clients-name::before {
    display: inline-block;
	padding-left: 0;
    padding-right: 0.25em;
    color: #333333;
    content: "|";
	font-size: 1rem!important;
	font-weight: 400!important;
	
}

.agency-tile-section3{
	padding-bottom: 0.75em;
	padding-left: 0.5em;
    padding-right: 0.5em;
	padding-top: 0.25em;
}

.tile-section3-left{
	padding-left:0;
	padding-right:0.5em;
	width: 100%;
	max-width: 135px;
	min-width: 135px;
}


.tile-section3-right{
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 1.3;
	font-size: 87.5%!important;
	color: #454545;
}


.tile-section3-right p{
	margin-top:-0.15em;
	margin-bottom: 0!important;
	font-size: 87.5%!important;
	color: #454545;
}

.tile-section3-clients,.tile-section3-clients li{
	display: inline;
	padding-left: 0;
	
}

.agency-tile-section4{
	padding-bottom: 0.75em;
	padding-left: 0.5em;
    padding-right: 0.5em;
	padding-top: 0.25em;
}

.tile-section4-left{
	padding-left:0;
	padding-right:0.5em;
	width: 100%;
	max-width: 135px;
	min-width: 135px;
}

.tile-section4-right{
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 1.3;
	font-size: 87.5%!important;
	color: #454545;
}


.tile-section4-right p{
	margin-top:-0.15em;
	margin-bottom: 0!important;
}

.agency-tile-section5{
	padding-bottom: 0.75em;
	padding-left: 0.15em;
	padding-right: 0.15em;
	padding-top: 0.25em;
}


.tile-portfolio-box{
	padding-left:15px!important;
	padding-right: 15px!important;   
}

.tile-portfolio-box .card{
	 height: auto;
   /* min-height: 375px;*/
	 min-height: 340px;
}

.tile-portfolio-box a .card{
	 height: auto;
    min-height: 335px;
}

.tile-portfolio-box div .edit-dropdown{
	opacity: 0.5;
}

.tile-portfolio-box a div .edit-dropdown{
	opacity: 0.5;
}

.tile-portfolio-box:hover div .edit-dropdown{
	opacity: 1;
}
.tile-portfolio-box:hover a div .edit-dropdown{
	opacity: 1;
}

.tile-portfolio-box-blank{
	padding-left:5px!important;
	padding-right: 5px!important;
	background-color: #f6f6f6;
	height: 100%;
}

.tile-portfolio-box-blank > .inner{
	padding-top:50%;
}

.tile-portfolio-box-blank >a > .inner{
	padding-top:50%;
}

.inner p,.fa-plus-circle{
	text-transform: uppercase;
	color: #666666;
}

.category-ul{
	padding-left:0;
}

.category-ul li{
	list-style: none;
}

.card{
	border:none!important;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.10);
}

.mouse-opacity:hover{
	opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
	cursor:pointer;
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.project-project-box .edit-dropdown{
	opacity:0.5;
}

.project-project-box:hover .edit-dropdown{
	opacity:1;
}

.no-shadow{
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0)!important;
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0)!important;
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0)!important;
}

.light-grey-bg{
	background-color: #f6f6f6;
	border-radius: 0.25em;
}

.tile-portfolio-box > .card > .card-body > .card-title
{
	font-size: 87.5%!important;
	color: #454545;
	font-weight: 600;
	margin-bottom:0.75em;
	min-height: 0px;
}

.tile-portfolio-box > .card > .card-body > a>.card-title
{
	font-size: 87.5%!important;
	color: #454545;
	font-weight: 600;
	margin-bottom:0.75em;
}

.tile-portfolio-box >a > .card > .card-body > .card-title
{
	font-size: 87.5%!important;
	color: #454545;
	font-weight: 600;
	margin-bottom:0.75em;
	
}

.tile-portfolio-box >a > .card > .card-body > a>.card-title,.tile-portfolio-box >a > .card > .card-body >.card-title
{
	font-size: 95%!important;
	color: #333333;
	font-weight: 600;
	margin-bottom:0.5em;
	min-height: 45px;
}


.tile-portfolio-box > .card > .card-body > .card-subtitle
{
	font-size: 80%!important;
	color: #666666!important;
	font-weight: 400;
	margin-bottom:0.75em;
}

.tile-portfolio-box > .card > a> .card-body > .card-subtitle
{
	font-size: 80%!important;
	color: #333333!important;
	font-weight: 400;
	margin-bottom:0.5em;
}

.tile-portfolio-box > .card > .card-body >a> .card-subtitle
{
	font-size: 95%!important;
	color: #333333!important;
	font-weight: 400;
	margin-bottom:0.5em;
}
.tile-portfolio-box>a > .card > .card-body > .card-subtitle
{
	font-size: 80%!important;
	color: #666666!important;
	font-weight: 400;
	margin-bottom:0.75em;
}

.tile-portfolio-box>a > .card > .card-body > a>.card-subtitle
{
	font-size: 95%!important;
	color: #333333!important;
	font-weight: 400;
	margin-bottom:0.5em;
}

.tile-portfolio-box > .card > .card-body > a>.card-text
{
	font-size: 80%!important;
	color: #333333;
	font-weight: 400;
	margin-bottom:0.0em;
	word-wrap: break-word;
  max-height: 6em;
  line-height: 1.3em;
display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.tile-portfolio-box > .card >.card-text
{
	font-size: 80%!important;
	color: #333333;
	font-weight: 400;
	margin-bottom:0.0em;
	word-wrap: break-word;
  max-height: 6em;
  line-height: 1.3em;
display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.tile-portfolio-box > .card > .card-body > .card-text
{
	font-size: 80%!important;
	color: #666666;
	font-weight: 400;
	margin-bottom:0.0em;
	word-wrap: break-word;
  max-height: 6em;
  line-height: 1.7em;
display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.tile-portfolio-box>a > .card > .card-body > .card-text
{
	font-size: 80%!important;
	color: #333333;
	font-weight: 400;
	margin-bottom:0.0em;
	word-wrap: break-word;
  max-height: 6em;
  line-height: 1.3em;
display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.tile-portfolio-box>a > .card > .card-body >a> .card-text
{
	font-size: 80%!important;
	color: #666666;
	font-weight: 400;
	margin-bottom:0.5em;
	word-wrap: break-word;
  max-height: 6em;
  line-height: 1.3em;
display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.card-body > .views-likes{
	padding-top:10px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-top:#9a9a9a thin solid;
}

.views-likes > .fa-eye{
	color: #9a9a9a;
}

.views-likes > .fa-heart{
	color: #629ffa;
}

.views-likes-font{
	font-family: 'Open Sans', sans-serif;
	font-size:0.9em;
	color: black;
	padding-left:0.5em;
}


.featured-agency-logo-img{
	border:#c9c6c6 thin solid;
}

.featured-right-block{
	padding-left:0!important;
}
/* home */

.home-bg-image-section img{
		width:auto;
		height:100%;
		margin:0 auto;
		margin-top:0px;
		filter:grayscale(1);
		
	}

.home-bg-1{

}

.home-bg-2{
	background-color: #629ffb;
}

.home-bg-3{
	background-color: #ffffff;
}

.home-bg-4{
	background-color: transparent;
}

.home-bg-5{
	background-color: #ffffff;
}

.home-heading{
	color: #333333;
	font-size: 125%;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 100px;
	line-height: 1.25;
	
}

.home-heading-featured{
	color: #333333;
	font-size: 125%;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 0px;
	line-height: 1.25;
	padding-left:0px;
}

.home-para{
	color: #333333;
	font-size: 87.5%;
	font-weight: 400;
	line-height: 1.5;
}

.home-btns-sec{
	min-height: 100px;
	line-height:2.5;
}



.home-blue-btn{
	border: #629ffb 2px solid;
    border-radius: 7px;
    color: white;
    padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
    background-color: #629ffb;
    transition: all 0.5s;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.home-blue-btn:hover{
	border: #629ffb 2px solid;
    border-radius: 7px;
    color: black;
    padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.5s;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.home-bg-2-ul{
	list-style: none;
	padding-left:0;
	color: #333333;
	font-size: 87.5%;
	font-weight: 400;
	line-height: 1.5;
}

.home-bg-2-ul li{
	padding-top:5px;
	padding-bottom:5px;
	color:#fff !important;
}

.home-heading-white{
	color: white;
	font-size: 270%!important;
	font-weight: 700!important;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.0;
	padding-top:48px;
}

.home-black-btn{
	border: #000 2px solid;
    border-radius: 7px;
    color: white;
    padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
    background-color: #000;
    transition: all 0.5s;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}
.home-black-btn:hover{
	border: #000 2px solid;
    border-radius: 7px;
    color: black!important;
    padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.5s;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.home-marketers-note{
	position:absolute;
	bottom: 10px;
	left:5px;
	color: #000;
	font-size:75%;
}

.home-heading-black{
	color: black;
	font-size: 125%!important;
	font-weight: 700!important;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.0;
	padding-top:50px;
	margin-bottom: 0;
}

.tagline-home-3{
	color: #d80216;
	font-size:87.5%;
	font-weight: 700;
}

.home-services-box-head{
	background-color: rgba(0,0,0,0.5);
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left:5px;
	text-transform:uppercase;
	line-height: 1.1;
	z-index:9;
	min-height:52px;
	font-size:87.5%;
}

.home-prev{
	position: absolute;
	top: 60%;
	left:0;
	z-index:9;
}

.home-next{
	position: absolute;
	top: 60%;
	right:0;
	z-index:9;
}

#home-btns-sec{
	display: block;
}

#marketers-form-home{
	display: none;
}

#home-btns-sec2{
	display: block;
}

#agency-form-home{
	display: none;
}

.tile-agency-sec{
	/*position:absolute;
	bottom:20px;*/
	position:relative;
	/*min-height:75px;*/
	min-height:0;
	z-index:9;
}

.tile-agency-title{
	font-size: 80%!important;
    color: #666;
    font-weight: 600;
    margin-bottom: 0.0em;
	margin-right: 15px;
    padding-top: 5px;
	}
	
	.tile-agency-type{
	font-size: 75%!important;
    color: #aaa;
    font-weight: 400;
    margin-bottom: 0.0em;
	margin-right: 15px;
    padding-top: 5px;
	}

.tile-agency-logo{
	width: 59px;
    height: 58px;
    border-radius: 0;
    border: #ddd thin solid;
    margin-left: 10px;
    margin-top: 5px;
	overflow: hidden;
    filter: grayscale(0);
	}

.popular-service-links img{
	filter: grayscale(1);
}
.popular-service-links img:hover{
	filter: grayscale(0);
}
.featured-company-name{
	font-size: 100%;
}	


/* home */

/* Filters starts */

.filters h1{
	color: #454545;
	font-size: 95%;
	font-weight: 600;
	text-align: left;
	margin-bottom: 0;
    margin-top: 0.25rem;
}

.filters h2{
	color: #666666;
	font-size: 1.10em;
	font-weight: 400;
	text-decoration: underline;
	text-align: right;
}

.filter-section{
	padding-top: 10px;
	padding-bottom: 10px;
}

.filter-box{
	background-color: white;
	color: #666666;
	font-size: 75%;
	padding:2px;
	padding-left:5px!important;
	padding-right:5px!important;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left:0!important;
	cursor: default!important;
	border: none;
}

.filter-box-grey{
	background-color: #dcdbdb;
	color: #454545;
	font-size: 80%!important;
	padding:2px;
	padding-left:10px!important;
	padding-right:10px!important;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left:0!important;
	cursor: default!important;
	border: none;
}


.filter-box-close{
	cursor: pointer!important;
	color: #666666;
	font-size: 0.9em;
	font-weight: 400!important;
	padding-left:5px!important;
	padding-right:5px!important;
	text-decoration: none;
}

.filter-box-close:hover{
	cursor: pointer!important;
	color: #454545;
	font-size: 0.9em;
	font-weight: 400!important;
	padding-left:5px!important;
	padding-right:5px!important;
	text-decoration: none;
}

.panel-title{
	color: #333333!important;
	font-size: 87.5%!important;
	font-weight: 600;
	text-align: left;
	margin-bottom: 0!important;
}

.panel-title > a:before {
    float: right !important;
    content:"+";
    padding-right: 0px;
	font-weight: 600!important;
	/*color: #454545;*/
	color:transparent;
}


.panel-title > .rhs-side-nav:before {
    float: right !important;
    content:"" !important;
    padding-right: 0px;
	font-weight: 600!important;
	color: #454545;
}
.active-side{
	color:#629ffb !important;	
}

.panel-title > a.collapsed:before {
    float: right !important;
    content:"-";
	font-weight: 600!important;
	/*color: #454545;*/
	color:transparent;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
	color: #454545;
}
		#nav{
		position: sticky;
		height:100vh;
		top: 10rem;
}		
		.panel-title a{
        color:#454545;
}


.custom-checkbox .custom-control-label::before {
    border-radius: 0rem;
	background-color: transparent!important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")!important;
	
}

.custom-control-label{
	font-size: 80%!important;
	padding-top: 2px;
	color: #454545;
}


.scrollbar::-webkit-scrollbar {
    background-color:#dddddd;
    width:6px;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
     background-color:#dddddd;
}
.scrollbar::-webkit-scrollbar-track:hover {
     background-color:#dddddd;
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color:#666666;
    border-radius:0px;
    border:none;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#666666;
    border-radius:0px;
    border:none;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}

.scrollbar {
	 overflow-y: scroll;
}

.filter-border-bottom{
	padding-bottom:15px;
	border-bottom: #c9c6c6 thin solid;
}

#categories-collapse{
	height: 8em;
}

#services-collapse{
	height: 20em;
}

#location-collapse{
	height: 8em;
}

#employees-collapse{
	height: 8em;
}

#ekatra-verified-collapse{
	height: 4em;
}

.search-box{
	width:95%;
	background-color: transparent;
	outline: none!important;
	border: #c9c6c6 thin solid;
	border-radius:0.25em;
	font-size: 80%;
}

.has-search{
	/*position: relative;*/
	background-color: #f3f3f5;
    position: sticky;
    top: 0;
    z-index: 9;

}

.has-search .search-box {
    padding-left: 0.5rem;
}

.has-search .search-box-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
	right:10px;
}
 input{    
height:30px;
padding-left:25px;   
}

a:focus,
button:focus,
input:focus,
textarea:focus,
label::after{
outline: none!important;
}

.grey-btns{
	background-color:transparent;
	color:#c9c6c6!important;
	text-decoration: underline!important;
	height: 25px;
	padding-top:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 75%!important;
	margin-left:0px;
	border-radius: 0;
	cursor: pointer!important;
}

.grey-btns:hover{
	background-color:transparent;
	color:#c9c6c6!important;
	text-decoration: underline!important;
	height: 25px;
	padding-top:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 75%!important;
	margin-left:0px;
	border-radius: 0;
	cursor: pointer!important;
}


.black-btns{
	background-color:transparent;
	color:#666666!important;
	text-decoration: underline!important;
	height: 25px;
	padding-top:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 75%!important;
	margin-left:0px;
	border-radius: 0;
	cursor: pointer!important;
}

.black-btns:hover{
	background-color:transparent;
	color:#666666!important;
	text-decoration: underline!important;
	height: 25px;
	padding-top:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 75%!important;
	margin-left:0px;
	border-radius: 0;
	cursor: pointer!important;
}

.btn-dark{
	font-size: 80%;
}

.profile-logo-btn{
	position: absolute;
	top: 45px;
	left: 15px;
	opacity: 0.7;
}

.profile-pic-box:hover .profile-logo-btn{
	opacity: 1;
}

.blue-underline-btns{
	background-color:transparent;
	color:#629ffb!important;
	text-decoration: underline!important;
	height: 25px;
	padding-top:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 75%;
	margin-left:0px;
	border-radius: 0;
	cursor: pointer!important;
}
.blue-underline-btns:hover{
	background-color:transparent;
	color:#4890fc!important;
	text-decoration: underline!important;
	height: 25px;
	padding-top:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 75%;
	margin-left:0px;
	border-radius: 0;
	cursor: pointer!important;
}

.list-group-custom{
	border: none!important;
	padding-left:0!important;
	padding-bottom: 2px!important;
}

.white-toggle{
	color: black;
    border-radius: 0!important;
    background-color: #ffffff;
    border-color: #6c757d;
	padding:0.25rem;
	width: 175px;
	text-align: left;
	padding-left:0.5rem;
	position: relative;
	font-size: 75%;
}

.white-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
	position: absolute;
    top: 1rem;
    right: 0.75rem;
}

.show > .btn-secondary.white-toggle {
    color: #000;
    background-color: white;
    border-color: #4e555b;
	font-size: 75%;
}

.white-toggle-item{
    color: #6666666;
    font-size: 75%!important;
}


.white-toggle:hover {
    color: #000;
    background-color: white;
    border-color: #4e555b;
}

.white-toggle-item:hover{
	color: white;
	background-color: #629ffb!important;
}

.edit-dropdown-item:hover{
	color: white;
	background-color: #629ffb!important;
}

.bottom-border-only{
	border:none!important;
	border-bottom: #c9c6c6 thin solid!important;
	border-radius:0!important;
}

.upload-pic-circle{
	position: absolute;
	width: 26px;
	height: 25px;
	right:-12px;
	bottom: 0px;
	cursor: pointer;
	z-index: 9999;
}

.profile-pic-box{
	border: #dcdbdb thin solid!important;
	min-height: 135px;
	min-width: 135px;
	max-width: 135px;
	max-height: 135px;
	position: relative;
	margin:0 auto;
}

.profile-pic-title-txt{
	line-height: 1.5;
	text-align: center;
	padding-top:40px;
	width: 135px;
}

.filter-option-inner-inner{
	font-size:75%;
	padding-top: 2px;
}

.bg-grey{
	background-color: #ebe9e9;
}

.cover-pic-box{
	width: 100%;
	height: auto;
	background-color: #b3d0fd;
	overflow: hidden;
	padding-left:0;
	padding-right: 0;
	position: relative;
	cursor: pointer;
    padding-top:100px;
}

/*.cover-pic-img{
	width: 890px!important;
	height: 156px!important;
	max-width:890px!important;
	background-color: #b3d0fd;
	overflow: hidden;
	padding-left:0;
	padding-right: 0;
	position: relative;
	
    padding-top:0px;
	margin-left:-190px!important;
	margin-top:-10px;
}
*/
.cover-pic-img{
	/*width: 890px!important;
	height: 156px!important;
	max-width:890px!important;*/
	background-color: #b3d0fd;
	overflow: hidden;
	padding-left:0;
	padding-right: 0;
	position: relative;
	/*cursor: pointer;*/
    padding-top:0px;
	/*margin-left:-190px!important;*/
	margin-top:0px;
	width:100%;
	height:100%;
}

.cover-pic-box-rm {
	width: 100%;
	height: 250px;
	background-color: #b3d0fd;
	overflow: hidden;
	padding-left:0;
	padding-right: 0;
	position: relative;
	cursor: pointer;
    padding-top:100px;
    cursor:default; 
}

.cover-pic-box-rm .verified-tag{
	top:100px!important;
}

.add-cover-btn {
	opacity: 0.5!important;
  filter: alpha(opacity=50)!important; /* For IE8 and earlier */
	z-index:999;
}

.cover-pic-box:hover  .add-cover-btn{
	opacity: 1!important;
  filter: alpha(opacity=100)!important; /* For IE8 and earlier */
	
}

.cover-pic-box:hover img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	opacity: 0.5;
}

.add-cover-btn{
	position: absolute;
    /* left: 15rem; */
    /* top: 1.5rem; */
    vertical-align: middle;
    top: 40%;
    left: 40%;
}

.admin-btn{
	height: 40px;
	font-size: 87.5%!important;
	background-color: transparent!important;
	color: #454545!important;
	text-align: left;
	border:none!important;
	padding-left:1rem;
	padding-right: 0.5rem;
	border-radius: 0!important;
	line-height: 1.0;
	padding-top:0.9rem;
	cursor: pointer;
}

.admin-btn a{
    
   color: #454545!important;
    text-decoration: none;
    
}

.admin-btn:hover{
	height: 40px;
	font-size: 100%;
	background-color: transparent!important;
	color: #333!important;
	text-align: left;
	border:none!important;
	padding-left:1rem;
	padding-right: 0.5rem;
	border-radius: 0!important;
	line-height: 1.0;
}

.admin-btn::after{
	 content: '';
    display: block;
    width: 0;
    height: 5px;
	margin-top: 8px;
    background:#629FFB;
    transition: width .3s;
}

.admin-btn:hover::after{
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: #629FFB medium solid;
	padding-bottom: 0;
	width: 100%;
	
}

.admin-btn:active::after{
	 content: '';
    display: block;
    width: 0;
    height: 5px;
	margin-top: 8px;
    background:#629FFB;
    transition: width .3s;
}

.admin-btn:active::after{
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: #629FFB medium solid;
	padding-bottom: 0;
	width: 100%;
	
}

.right-blue-border{
	border-right: none;
    border-bottom: #629ffb thin solid;
	margin-bottom:20px;
}

.green-txts{
	font-size:87.5%!important;
	color: #2AD500!important;
	position: relative;
}
.green-txts a{
	position: absolute;
	bottom: 0;
	color: #2AD500!important;
}

.blue-txts{
	font-size:87.5%;
	color: #629ffb!important;
	position: relative;
}

.blue-txts:hover{
	font-size:87.5%;
	color: #0d67d6!important;
	position: relative;
}

.blue-txts a{
	position: absolute;
	bottom: 0;
	color: #629ffb!important;
}

.blue-txts a:hover{
	position: absolute;
	bottom: 0;
	color: #0d67d6!important;
}

.form-text{
	color: #999999!important;
    font-size: 80%!important;
    margin-bottom: 0;
   
}

.signup-head-sm-txt{
	font-size: 87.5%;
	color: #454545;
}

.tile-body-copy{
	font-size:80%;
	color: #333333;
	text-align: left;
}

.form-group label , .singlogin-label{
	color: #999999;
	font-size: 80%;
	margin-bottom: 0;
    margin-top: 0.75rem;
}
.singlogin-label-input{
	color: #666666;
	font-size: 87.5%;
	margin-bottom: 0;
   
}

.form-control{
	color: #666666!important;
	font-size: 80%!important;
	margin-bottom: 0!important;
}



.form-control-txt{
	color: #666666!important;
	font-size: 80%!important;
	margin-bottom: 0!important;
	margin-top: 0.5rem;
}

input{
	margin-top:0.25rem;
}

.help  small{
	color: #999999!important;
	font-size: 75%!important;
}

.big-blue-btns{
	background-color: #629ffb;
	border: #629ffb thin solid;
	font-size: 95%!important;
	font-weight: 400!important;
}

.big-blue-btns:hover{
	background-color: #0d67d6!important;
	border: #629ffb thin solid;
	font-size: 95%!important;
	font-weight: 400!important;
}

.proceed-btn-blue{
	width:90%;
}

.fa-info-circle{
	padding-left: 5px;
	cursor: help;
}
.fa-info-circle:hover{
	padding-left: 5px;
	cursor: help;
}

.verify-collapse-box{
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0)!important;
	padding-left: 0;
    padding-right: 0;
}

.verify-collapse-box p{
	font-size: 0.9rem;
	padding-left: 0;
    padding-right: 0;
}

.verify-collapse-box > .input-group > input{
	width:140px!important;
	flex: none;
}

.popover-body{
	color: #c9c6c6!important;
	border: 1px solid rgba(0, 0, 0, 0)!important;
}

.eye-hover:hover{
	color:rgba(0,0,0,0.5);
	cursor:pointer;
}


.show-help:hover + .help small{
	display: block;
}

.help small{
	display: none;
	padding:5px;
	font-style: normal;
}

.project-cover{
	width: 147px;
	height: 77px;
}

.work-box-upload{
	height: 50px;
	background-color: #F0F0F0;
	opacity: 1;
  filter: alpha(opacity=20); /* For IE8 and earlier */
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.work-box-upload:hover{
	height: 50px;
	background-color: #fff;
	opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.agency-tile-section5 > div > div > div > p, .agency-tile > div > p{
	font-size: 80%;
	color: #454545!important;
	font-weight: 400;
}

.agency-tile-section5 > div > div > div > h3, .agency-tile > div > div > div > h3, .agency-tile > form> div > div > div > h3{
	font-size: 125%;
	color: #454545!important;
	font-weight: 600;
	margin-top:1rem;
	margin-bottom: 0.5rem;
}

.page-item .disabled {
    color: #333333;
    pointer-events: none;
    cursor: auto;
    background-color: transparent;
    border-color: transparent;
}

.page-item{
	display: flex;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #454545;
    background-color: transparent;
    border: none;
	padding-left: 0.25rem!important;
    padding-right: 0.25rem!important;
}

.page-link:hover {
  z-index: 2;
  color: #629ffb;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}

.page-item + .page-item::before{
    display: inline-block;
    padding-left: 0;
    padding-right: 0.25em;
    color: #333333;
    content: "|";
    font-size: 1rem!important;
    font-weight: 400!important;
}

.agency-profile-table tr td{
	font-size: 80%;
	color: #333;
}

.td-link{
	color: #333;
	text-decoration: underline;
}

.agency-edit h4{
	font-size: 87.5%;
	font-weight: 700;
	margin-top: 0.75rem;
}

.filter-section h2{
	color: #333333!important;
    font-size: 125%!important;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
	margin-bottom: 0.75rem!important;
}

.filter-section p{
	font-size: 80%;
}

/* Filters ends */
.text-ellipsis-dot{
	width: 150px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.preview-btn{
		margin-top: 0px!important;
		margin-bottom:10px!important;
	}

.error{
	color: #DD0003!important;
	font-style: normal;
    font-size: 75%;
}

.grey-msg-box{
	background-color: #ebe9e9;
}

.blue-msg-box{
	background-color: #c2d9fe;
}

.blue-msg-box:hover{
	/*background-color: #f3f3f5;
	cursor: pointer;*/
}

.mr150{
	margin-right: 0px;
}

.ml150{
	margin-left: 0px;
}

.custom-input-group-text{display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
   margin-bottom: 0;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #f3f3f5!important;
    text-align: center;
    white-space: nowrap;
    /*background-color: #f3f3f5;*/
	background-color: transparent;
  border: none!important; 
    border-radius: 0!important;
}

.btn-file {
    overflow: hidden;
	position: relative;
	color:#aaa;
	background-color:transparent;
	border:none;
}

.btn-file:hover{
	background-color:#4890fc!important;
	color:white;
	cursor:pointer;
}

.btn-file input[type=file] {
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none;
    cursor: inherit;
    display: block;
	position: absolute;
}

.glyphicon-paperclip{
	position: relative;
    top: 1px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 display: inline-block;
}

#upload{
    display:none;
	
}

.queries-blue-btn{
	background-color: #629ffb;
	color: white!important;
	border: #629ffb thin solid!important;
	padding: 0.375rem 0.75rem;
	border-radius: 0!important;
	text-transform: uppercase;
	font-size: 80%;
	
}

.queries-img-hover{
	filter: grayscale(100%);
	
}

.queries-img-hover:hover{
	filter: grayscale(0%);
	
}

.has-search .queries-search-box {
    padding-left: 1.5rem;
	padding-right: 2.5rem;
}

.queries-search-box {
    width: 100%;
    background-color: transparent;
    outline: none!important;
    border: none!important;
    border-radius: 0!important;
    font-size: 80%;
}

.queries-top-section-pl{
	padding-left:0!important;
}

.queries-name-pl{
	padding-left:25px!important;
}

.blue-txt-msg{
	color: #3785fb!important;
}

.queries-scroll-height{
	max-height: 360px;
	overflow-x: hidden;
}

.scrollbar-light{
	overflow-y: scroll;
}

.scrollbar-light::-webkit-scrollbar {
    background-color:#dddddd;
    width:6px;
}

/* background of the scrollbar except button or resizer */
.scrollbar-light::-webkit-scrollbar-track {
     background-color:#dddddd;
}
.scrollbar-light::-webkit-scrollbar-track:hover {
     background-color:#dddddd;
}

/* scrollbar itself */
.scrollbar-light::-webkit-scrollbar-thumb {
    background-color:#c1c1c1;
    border-radius:0px;
    border:none;
}
.scrollbar-light::-webkit-scrollbar-thumb:hover {
    background-color:#c1c1c1;
    border-radius:0px;
    border:none;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar-light::-webkit-scrollbar-button {display:none}



.queries-blue-circle{
	color: white;
	font-size:70%;
	background-color: #629ffb;
	border-radius:100%;
	max-width: 22px;
	max-height: 22px;
	width:20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	
}

.notification-red-circle{
	color: white;
	font-size:54%;
	background-color:tomato;
	border-radius:100%;
	max-width: 14px;
	max-height: 14px;
	width:14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	line-height: 14px;
	position: absolute;
	right:0px;
	top:-5px;
}

.date-time-stamp{color: #999999!important;
	font-size: 70%!important;
	
}

.color999{
	color: #999;
}

.color999:hover{
	color: #333;
}

.notification-dropdown-section{
	width: 300px;
	top: 15px!important;
}

.avataar-dropdown-section{
	top: 19px!important;
}

.dashboard-msg-unread{
	background-color: #f3f3f5;
}

.right-greyborder-lgonly{
	border-right: none;
	border-bottom: #c9c6c6 thin solid;
}

.analytic-blue-font{
	font-size: 450%!important;
	color: #619ffb!important;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: 600;
}

.remainingdays-blue-font{
	font-size: 200%!important;
	color: #619ffb!important;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: 600;
}


/*blog*/

.blog-thumb-img-box img{
	width: 100%;
	height: auto;
	
}

.blog-thumb-box div h3{
	font-size:125%;
	font-weight: 700;
}

.blog-thumb-box div p{
	font-size:85%;
	color: #666666;
}

.blog-thumb-para{
	font-size:95%!important;
	color: #454545!important;
	
}

.blog-blue-btn-outlined{
	border: #349ce5 2px solid;
	border-radius:0;
	color: #454545;
	padding: 7px;
	text-decoration: none;
	background-color:transparent;
	transition: all 0.5s;
	
}

.blog-blue-btn-outlined:hover{
	border: #349ce5 2px solid;
	border-radius:0;
	color: white;
	padding: 7px;
	text-decoration: none;
	background-color:#349ce5;
	transition: all 0.5s;
	
}

.blog-blue-btn{
	border: #349ce5 2px solid;
	border-radius:0;
	color: white;
	padding: 7px;
	text-decoration: none;
	background-color:#349ce5;
	transition: all 0.5s;
	
}

.blog-blue-btn:hover{
	border: #349ce5 2px solid;
	border-radius:0;
	color: #454545;
	padding: 7px;
	text-decoration: none;
	background-color:transparent;
	transition: all 0.5s;
	
}

.blog-panel-title{
	font-size: 85%!important;
	font-weight: 800!important;
	text-transform: uppercase!important;
	text-decoration: underline!important;
}

.trending-heading{
	font-size:85%!important;
}

.black-next-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
	margin-right: -50px;
}

.black-prev-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
	margin-left: -50px;
}

.caption-bg-carousel{
	position:absolute;
	bottom:0;
	background-color: rgba(0,0,0,0.75);
	width: 85%;
    left: 7.5%;
}

.caption-bg-carousel h5{
	color: white!important;
}

.blog-main-thumb-p{font-size:85%;
	color: #666666;
}

.blog-story-heading{
	font-size:225%;
	font-weight: 700;
	line-height: 1.5;
}
/*blog*/

.agency-tile-section5 li {
    font-weight: 300;
    font-size: 80%;
}

.agency-tile-section5 figcaption {
    font-size: 80%;
    font-weight: 300;
}

/* Footer */

.footer-ul{
	list-style-type:none; 
	line-height: 1.5;
	text-align: left;
    padding-left: 15px;
}

.footer-ul li{
	display: inline;
	font-size: 80%;
}

.footer-ul-li + .footer-ul-li::before{
    display: inline;
	padding-left: 10px;
    padding-right: 10px;
    color: #333333;
    content: "|";
	
	
}


.footer-ul li a{
	color: #666666;
	text-decoration: none;
}

.footer-links{
	color: #454545!important;
	text-decoration: none;
}

.footer-links:hover{
	color: #629ffb!important;
	text-decoration: none;
}

.modal{z-index: 9999 !important;}
/* Footer */
/* Media Query starts */

@media (min-width: 576px) { 

.queries-top-section-pl{
	padding-left:5px!important;
}	
	
	.queries-name-pl{
	padding-left:5px!important;
}
	
	.mr150{
	margin-right: 150px;
}

.ml150{
	margin-left: 150px;
}
	
	.text-ellipsis-dot{
	width: 220px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
	
	.navbar{
	background-color: white;
    padding-left: 0.75em;
    padding-right: 0;
	padding-top: 0;
    padding-bottom: 0;
}
	
	.tile-section1-right h5{
	font-size: 95%!important;
	font-weight: 600!important;
	color: #333333;
	margin-top:0;
	margin-bottom:0.25em;
}
	
	.blue-btns{
	background-color:#629ffb;
	color:white;
	width: 100px;
	height: 25px;
	padding:0;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	font-size: 75%!important;
	border-radius: 0;
}

.blue-btns:hover{
	background-color:#4890fc;
	color:white;
	width: 100px;
	height: 25px;
	padding:0;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	font-size: 75%!important;
	border-radius: 0;
}
	
	
 }

 
 
@media (min-width: 768px) { 

.proceed-btn-blue{
	width:100%;
}

.px-15{
	padding-left:15px;
	padding-right:15px;	
}

.right-nav li >a{
	font-family: 'Open Sans', sans-serif;
	font-size: 87.5%;
	font-weight: 300;
	color: #454545;
	text-decoration: none;
	padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: -2rem;
	
}

.profile-pic-box{
	border: #dcdbdb thin solid!important;
	min-height: 135px;
	min-width: 135px;
	max-width: 135px;
	max-height: 135px;
	position: relative;
	margin:0;
}

.project-share-icons{
	position: absolute; 
	bottom: 5px; 
	right: 15px;
}

.cover-pic-box-rm {
	width: 100%;
	height: auto;
	background-color: #b3d0fd;
	overflow: hidden;
	padding-left:0;
	padding-right: 0;
	position: relative;
	cursor: pointer;
    padding-top:100px;
    cursor:default; 
}

.home-heading-black{
	font-size:125%!important;	
}

.home-heading-featured{
	color: #333333;
	font-size: 125%;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 0px;
	line-height: 1.25;
	padding-left:0;
}

.queries-top-section-pl{
	padding-left:25px!important;
}	
	
.queries-name-pl{
	padding-left:0px!important;
}
		
	
	.mr150{
	margin-right: 0px;
}

.ml150{
	margin-left: 0px;
}
	
	
	.text-ellipsis-dot{
	width: 300px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
	
	.nav-mobile-logo{
	text-align: center;
}

	.right-nav{
	width: 100%;
    padding-top: 20px;
    padding-left: 0.5em;
}
	
.right-blue-border{
	border-right: #629ffb thin solid;
    border-bottom:none;
	margin-bottom:0;
}
	
.footer-ul{
	list-style-type:none; 
	line-height: 1.5;
	text-align: center;
    padding-left: 15px;
}	
	
.cover-pic-img{
	width: 100%!important;
	height: auto!important;
	max-width:100%!important;
	background-color: #b3d0fd;
	overflow: hidden;
	padding-left:0;
	padding-right: 0;
	position: relative;
	/*cursor: pointer;*/
    padding-top:7px;
	margin-left:0px!important;
	margin-top:0px;
}	
	
.featured-right-block{
	padding-left:0.5em!important;
}	
	
.featured-company-name{
	font-size: 1.5rem;
}	

 }

 
@media (min-width: 992px) { 
.home-heading-black{
	font-size:190%!important;	
}
	.mr150{
	margin-right: 150px;
}

.ml150{
	margin-left: 150px;
}
	
	

	.preview-btn{
		margin-top: -20px!important;
		margin-bottom:10px!important;
	}	
	
	.text-ellipsis-dot{
	width: 100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
	
	.showing-results{
	padding-left: 0.25em;
    padding-right: 0.75em;
	font-size: 80%;
	color:#666666;
	padding-top: 0.5em;
    margin-bottom: 0em;
    text-align: right;
    padding-bottom: 0;
	margin-top: 0;
}

	.right-nav{
		display: block;
		flex-direction:column;
	}
	
	.right-greyborder-lgonly{
	border-right: #c9c6c6 thin solid;
		border-bottom: none;
}
	
 }

 
@media (min-width: 1400px) { 
.home-heading-black{
	font-size:270%!important;	
}
	
	
.home-bg-image-section img{
		width:100%;
		height:auto;
		margin:0 auto;
		margin-top:0px;
		filter:grayscale(1);
		
	}	

 }