/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.work-steps .steps {
  padding: 20px;
  background: #f5a425;
  color: #fff;
  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease 0s;
  position: relative;
  display: inline-block;
  width: 100%;
}
.work-steps .steps:hover {
  box-shadow: 2px 21px 50px rgba(41, 44, 61, 0.15);
}
.work-steps .steps span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 60px;
  position: absolute;
  right: 5%;
  bottom: 10%;
  opacity: 0.3;
}
.work-steps .steps h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.work-steps .steps p {
  font-weight: 300;
  margin: 0px;
}
.work-steps .steps h3,
.work-steps .steps p {
  /* padding-right: 30px; */
  padding-left: 24px;
}
.work-steps .col-sm-4:nth-child(2) .steps {
  background: #03a9f4;
}
.work-steps .col-sm-4:nth-child(3) .steps {
  background: #673ab7;
}
.work-steps .steps h3 a{
  color: #fff;
}
.work-steps .steps-image {
    display: inline-block;
    float: left;
    width: 30%;
}
.work-steps .steps-desc {
    display: inline-block;
    float: left;
    width: 70%;
}


.about-container .elementor-text-editor {
  background: #fff;
  color: #696969;
  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease 0s;
  padding: 50px;
}
.about-container .elementor-text-editor:hover {
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.07);
}
.qx-element-text.about-container {
  background: #fff;
  color: #696969;
  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
  padding: 50px;
}

.title-leftborder {
  padding-left: 12px;
  color: #000;
}
.title-leftborder:before {
  position: absolute;
  content: "";
  left: 15px;
  width: 4px;
  height: 18px;
  top: 26px;
  background: #4c4ab5;
}

#qx-text-99228 h3 {
	font-size: 24px !important;
}

.counters .qx-nc-title {
  font-size: 22px;
  line-height: 22px;
}
.counters .qx-nc-number {
  font-size: 50px;
  font-weight: bold;
  line-height: 50px;
}

#map-view .qx-col-wrap {
	padding: 10px 15px;
}

.location h3.uk-panel-title {
	padding-left: 15px;
}

.contact-info-box p {
	line-height: 28px !important;
}

.social-icons li a {
	font-size: 14px !important;
}

.tm-headerbar {
	background: #f6f6f6 !important;
}

.tm-toolbar {
	background: #4c4ab5 !important;
	padding: 10px 0;
	color: #ffffff !important;
}

.tm-toolbar .uk-subnav > * > * {
	color: #ffffff !important;
}

.uk-subnav-line > :nth-child(n+2)::before {
	border-left: 1px solid #ffffff !important;
}
.social-icons li {
	font-weight: 500;
}

.tm-footer ul.uk-subnav {
  margin: 0px !important;
}
.tm-footer .social-icons li {
  margin: 0px;
}
.tm-footer .social-icons {
  margin: 0px !important;
}

.sclogin-modal-links.sclogin {
	margin-top: 9px;
}
.sclogin .dropdown-menu {
	left: -65px;
}

.toolbar {
	border: 2px solid;
}



#tm-top-d {
  padding: 0px;
}
.notice-title, .hm-notice {
  display: inline-block;
  float: left;
}
.notice-title {
  width: auto;
  margin-right: 10px;
}
.hm-notice {
  width: 87%;
}
.notice-title h4 {
  line-height: 40px;
  margin: 0px;
}
.hm-notice .sprocket-headlines {
  border: 0px !important;
  box-shadow: none !important;
  background: no-repeat !important;
}

.tm-logo.uk-navbar-brand::before {
	display: none;
}

@media (max-width:767px){
  .tm-headerbar {
  display: block !important;
}
.tm-nav-logo {
  display: block !important;
}
.login-btn {
	position: absolute !important;
	right: 20px !important;
	top: 80px !important;
	z-index: 9999;
	left: none !important;
	float: none !important;
	color: #fff;
}
  .qx-element.about-container {
	padding: 0px !important;
}
  .hm-notice {
  width: 100% !important;
}
  .sprocket-headlines-list {
	padding: 5px 0px !important;
}
}


.qx-element{
	line-height: 1.7em !important;
}

#about-us{
  padding:50px 0px !important;
}

.gallery-heading{
  text-align: center;
  margin-bottom: 20px;
}


@media (min-width:768px) and (max-width:1219px){
  .hm-notice {
	width: 80%;
	float: right;
}
}
.hm-notice .text {
	margin: 6px !important;
}
.gkHighlighterWrapperSub span {
	padding-left: 20px !important;
}