/*------------- #BLOCKS --------------*/
/*------------- #VARIABLES --------------*/
/*------------- #BUTTONS --------------*/
.btn {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 25px 50px;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Varela Round", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  border-radius: 50px;
  position: relative;
  transition: all .3s ease;
  text-align: center; }
  @media (max-width: 768px) {
    .btn {
      padding: 15px 35px;
      font-size: 13px; } }
  .btn + .btn {
    margin-left: 30px; }
  .btn img {
    position: absolute;
    left: 10px;
    top: 10px; }
  .btn i {
    margin-left: 10px;
    font-size: 12px; }
  .btn:after {
    display: block;
    width: 100%;
    height: 100%; }

.btn-small {
  padding: 15px 35px;
  text-transform: none;
  font-size: 16px; }
  @media (max-width: 768px) {
    .btn-small {
      padding: 15px 25px;
      font-size: 13px; } }

.btn-medium {
  padding: 23px 31px; }
  @media (max-width: 768px) {
    .btn-medium {
      padding: 15px 25px;
      font-size: 13px; } }

.btn-large {
  padding: 27px 64px;
  font-size: 18px; }
  @media (max-width: 768px) {
    .btn-large {
      padding: 17px 40px;
      font-size: 13px; } }

.btn-border {
  border: 2px solid; }
  .btn-border.btn-small {
    padding: 12px 35px; }
    @media (max-width: 768px) {
      .btn-border.btn-small {
        padding: 15px 25px; } }
  .btn-border.btn-medium {
    padding: 21px 34px; }
    @media (max-width: 768px) {
      .btn-border.btn-medium {
        padding: 15px 25px; } }
  .btn-border.btn-large {
    padding: 25px 64px; }
    @media (max-width: 768px) {
      .btn-border.btn-large {
        padding: 17px 40px; } }

.c-primary {
  color: #4cc2c0; }
  .c-primary .semicircle:after {
    border-color: #4cc2c0; }

.semicircle {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .semicircle {
      top: 10px;
      left: 10px;
      width: 12px;
      height: 12px; } }
  .semicircle:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 100%; }
    @media (max-width: 768px) {
      .semicircle:after {
        width: 20px;
        height: 20px;
        border: 1px solid #fff; } }

.semicircle--right {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 18px;
  height: 18px;
  overflow: hidden; }
  .semicircle--right:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 100%;
    right: 0; }

/*------------- #Color-scheme for buttons --------------*/
.btn--dark {
  background-color: #2f2c2c; }
  .btn--dark:hover {
    background-color: #3f3f3f; }
  .btn--dark:active {
    box-shadow: 0px -4px 7px 0 rgba(0, 0, 0, 0.5) inset; }
  .btn--dark.btn-hover-shadow:hover {
    background-color: #2f2c2c; }
    .btn--dark.btn-hover-shadow:hover:after {
      box-shadow: 9px 9px 9px 0 rgba(47, 44, 44, 0.2); }
  .btn--dark.btn-hover-shadow:active {
    box-shadow: 0px -4px 7px 0 rgba(0, 0, 0, 0.5) inset; }

.btn--primary {
  background-color: #4cc2c0; }
  .btn--primary.btn-hover-shadow:hover {
    box-shadow: 9px 9px 9px 0 rgba(76, 194, 192, 0.2); }


.btn-hover-shadow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  left: 0;
  top: 0;
  position: absolute;
  transition: all .3s ease; }

  

/*------------- #STUNNING-HEADER --------------*/
.stunning-header {
  padding: 125px 0;
  background-position: center center; }
  @media (max-width: 768px) {
    .stunning-header {
      padding: 60px 0; } }
  .stunning-header .stunning-header-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 5;
    padding: 0 15px; }
    .stunning-header .stunning-header-content .stunning-header-title {
      color: #fff; }
      @media (max-width: 800px) {
        .stunning-header .stunning-header-content .stunning-header-title {
          font-size: 40px; } }
      @media (max-width: 640px) {
        .stunning-header .stunning-header-content .stunning-header-title {
          font-size: 36px; } }
      @media (max-width: 480px) {
        .stunning-header .stunning-header-content .stunning-header-title {
          font-size: 30px; } }
      @media (max-width: 360px) {
        .stunning-header .stunning-header-content .stunning-header-title {
          font-size: 24px; } }
    .stunning-header .stunning-header-content .breadcrumbs {
      margin-top: 40px;
      padding: 0; }
      @media (max-width: 570px) {
        .stunning-header .stunning-header-content .breadcrumbs {
          font-size: 12px; } }
      .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item {
        display: inline-block; }
        .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item a {
          text-transform: uppercase;
          color: white;
          opacity: .5;
          margin-right: 20px; }
          .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item a:hover {
            opacity: 1; }
          .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item a.c-gray + i {
            color: #acacac; }
        .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item.active span {
          color: white;
          opacity: 1;
          text-decoration: underline; }
          .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item.active span.c-primary {
            color: #4cc2c0; }
        .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item i {
          margin-right: 20px;
          color: rgba(255, 255, 255, 0.5);
          font-size: 14px; }
        .stunning-header .stunning-header-content .breadcrumbs .breadcrumbs-item:last-child i {
          display: none; }
  .stunning-header.with-photo {
    position: relative;
    padding: 280px 0 120px;
    background-size: cover; }

.stunning-header-custom {
  color: #fff; }

.stunning-header-custom .stunning-header-title,
.stunning-header-custom span,
.stunning-header-custom i,
.stunning-header-custom a {
  color: inherit !important; }

/*------------- #SERVICES --------------*/
.services-main {
  padding: 60px 40px 60px 0; }
  .services-main .heading .heading-text {
    font-size: 18px;
    line-height: 1.4; }
  .services-main .heading .heading-line {
    margin-bottom: 30px; }

.servises-item {
  padding: 60px 45px;
  transition: all .3s ease; }
  @media (max-width: 980px) {
    .servises-item {
      margin-bottom: 30px; } }
  .servises-item:hover {
    background-color: #f7f9f9; }
    .servises-item:hover .servises-item__content .servises-text {
      color: #acacac; }
    .servises-item:hover .read-more i {
      color: #2f2c2c; }
  .servises-item .servises-item__thumb {
    margin-bottom: 50px; }
  .servises-item .servises-item__content .servises-title {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1; }
    @media (max-width: 480px) {
      .servises-item .servises-item__content .servises-title {
        font-size: 24px; } }
  .servises-item .servises-item__content .servises-text {
    margin-bottom: 30px;
    color: #fff; }
  .servises-item .read-more {
    border: none;
    margin: 0;
    padding: 0; }
    .servises-item .read-more i {
      color: #fff;
      font-size: 26px;
      transition: all .3s ease; }
 

/*------------- #PAGINATION --------------*/
.pagination, .swiper-pagination {
  position: absolute;
  transition: all .3s ease;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .pagination .pagination-item, .pagination .swiper-pagination-bullet, .swiper-pagination .pagination-item, .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #f0f2f2;
    margin: auto 5px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease; }
    @media (max-width: 640px) {
      .pagination .pagination-item, .pagination .swiper-pagination-bullet, .swiper-pagination .pagination-item, .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px; } }
    .pagination .pagination-item.active, .pagination .pagination-item.swiper-pagination-bullet-active, .pagination .swiper-pagination-bullet.active, .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination .pagination-item.active, .swiper-pagination .pagination-item.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet.active, .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 15px;
      height: 15px;
      background-color: transparent;
      border: 2px solid #4cc2c0;
      transition: all .3s ease; }
      @media (max-width: 640px) {
        .pagination .pagination-item.active, .pagination .pagination-item.swiper-pagination-bullet-active, .pagination .swiper-pagination-bullet.active, .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination .pagination-item.active, .swiper-pagination .pagination-item.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet.active, .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          width: 10px;
          height: 10px;
          border-width: 1px; } }
  .pagination.light .pagination-item, .pagination.light .swiper-pagination-bullet, .swiper-pagination.light .pagination-item, .swiper-pagination.light .swiper-pagination-bullet {
    background-color: #f0f2f2; }
    .pagination.light .pagination-item.active, .pagination.light .swiper-pagination-bullet.active, .swiper-pagination.light .pagination-item.active, .swiper-pagination.light .swiper-pagination-bullet.active {
      background-color: transparent;
      border: 2px solid #4cc2c0; }
  .pagination.dark .pagination-item, .pagination.dark .swiper-pagination-bullet, .swiper-pagination.dark .pagination-item, .swiper-pagination.dark .swiper-pagination-bullet {
    background-color: #2f2c2c; }
    .pagination.dark .pagination-item.active, .pagination.dark .swiper-pagination-bullet.active, .swiper-pagination.dark .pagination-item.active, .swiper-pagination.dark .swiper-pagination-bullet.active {
      background-color: transparent;
      border: 2px solid #fff; }
  .pagination.grey .pagination-item, .pagination.grey .owl-dot, .swiper-pagination.grey .pagination-item, .swiper-pagination.grey .owl-dot {
    background-color: #d7d7d7; }
    .pagination.grey .pagination-item.active, .pagination.grey .owl-dot.active, .swiper-pagination.grey .pagination-item.active, .swiper-pagination.grey .owl-dot.active {
      background-color: transparent;
      border: 2px solid #4cc2c0; }
  .pagination.pagination-vertical .pagination-item, .pagination.pagination-vertical .owl-dot, .swiper-pagination.pagination-vertical .pagination-item, .swiper-pagination.pagination-vertical .owl-dot {
    display: block;
    margin: 9px auto;
    background-color: #acd373; }
    .pagination.pagination-vertical .pagination-item.active, .pagination.pagination-vertical .owl-dot.active, .swiper-pagination.pagination-vertical .pagination-item.active, .swiper-pagination.pagination-vertical .owl-dot.active {
      border-color: #fff;
      background-color: transparent; }

/*------------- #NAVIGATION --------------*/
.navigation {
  margin: 20px auto;
  width: 100%;
  position: relative;
  max-width: 770px;
  text-align: center; }
  .navigation a {
    position: relative;
    background: #fff;
    display: inline-block;
    margin: 0 12px 0 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 2px solid transparent;
    text-transform: uppercase;
    color: #acacac;
    font-size: 20px;
    border-radius: 100%;
    transition: all .3s ease; }
    @media (max-width: 640px) {
      .navigation a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0 8px 0 0; } }
    @media (max-width: 460px) {
      .navigation a {
        width: 25px;
        height: 25px;
        line-height: 22px;
        font-size: 12px;
        margin: 0 8px 0 0; } }
    .navigation a:hover {
      color: #4cc2c0; }
    .navigation a.current {
      border-color: #4cc2c0;
      background-color: transparent;
      color: #4cc2c0; }
    .navigation a span {
      position: relative; }
    .navigation a.bg-border-color {
      background-color: #f7f9f9; }
      .navigation a.bg-border-color.current {
        background-color: transparent; }
  .navigation .next, .navigation .btn-next {
    position: relative;
    float: right; }
  .navigation .prev, .navigation .btn-prev {
    position: relative;
    float: left; }

/*------------- #SOCIALS --------------*/
.socials .social__item {
  margin-left: 15px; }
  @media (max-width: 320px) {
    .socials .social__item {
      margin-left: 5px; } }
  .socials .social__item:first-child {
    margin-left: 0; }
  .socials .social__item svg {
    width: 36px;
    height: 36px; }
  .socials .social__item img {
    height: 24px; }

/*------------- #LOCAL-SEO --------------*/
.local-seo img {
  position: relative; }
  @media (max-width: 1024px) {
    .local-seo img {
      width: 70%; } }
  .local-seo img:last-child {
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); }
    @media (max-width: 768px) {
      .local-seo img:last-child {
        bottom: -55px; } }
    @media (max-width: 320px) {
      .local-seo img:last-child {
        bottom: -25px; } }
  .local-seo img:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0; }

/*------------- #ACCORDIONS --------------*/
.accordion {
  list-style: none;
  margin: 0;
  padding: 0; }
  .accordion .accordion-panel {
    position: relative;
    background: #fff;
    border-radius: 50px; }
    .accordion .accordion-panel:after {
      content: '';
      display: block;
      width: 1px;
      height: 35px;
      position: absolute;
      left: 70px;
      top: 50%;
      background-color: #cccccc;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transition: all .3s ease; }
    .accordion .accordion-panel.active:after {
      height: 80%; }
    .accordion .accordion-panel .accordion-heading {
      display: table;
      padding: 25px 30px;
      font-size: 18px;
      transition: all .3s ease; }
      @media (max-width: 570px) {
        .accordion .accordion-panel .accordion-heading {
          font-size: 14px; } }
      @media (max-width: 480px) {
        .accordion .accordion-panel .accordion-heading {
          padding: 15px; } }
      .accordion .accordion-panel .accordion-heading span {
        display: table-cell;
        vertical-align: middle; }
      .accordion .accordion-panel .accordion-heading span + span {
        padding-left: 30px;
        width: 100%; }
      .accordion .accordion-panel .accordion-heading .icon {
        font-size: 20px;
        color: #cccccc;
        padding-right: 30px;
        transition: all .3s ease;
        opacity: 1; }
        .accordion .accordion-panel .accordion-heading .icon .active {
          opacity: 0;
          position: absolute;
          left: 30px;
          transition: all .3s ease; }

.accordion .panel-info {
  font-size: 15px;
  line-height: 1.3;
  padding: 10px 20px 30px 97px;
  border-radius: 0 0 50px 50px;
  margin-bottom: 5px;
  transition: all .3s ease; }
  @media (max-width: 480px) {
    .accordion .panel-info {
      padding-left: 83px; } }

.accordion .panel-heading {
  margin-bottom: 5px;
  transition: all .3s ease; }
  .accordion .panel-heading.active {
    border-radius: 50px 50px 0 0;
    margin-bottom: 0;
    transition: all .3s ease; }
    .accordion .panel-heading.active .accordion-heading {
      transition: all .3s ease; }
      .accordion .panel-heading.active .accordion-heading i {
        opacity: 0;
        color: #4cc2c0; }
        .accordion .panel-heading.active .accordion-heading i.active {
          opacity: 1; }
    .accordion .panel-heading.active a {
      color: #4cc2c0;
      padding-bottom: 0; }

.accordion__title {
  font-size: 19px;
  font-weight: 300; }

.accordion__content__a {
  display: inline-block !important;
  color: #2dafd6 !important;
  font-size: 15px;
  text-decoration: underline; }

.accordion .panel-heading:hover .accordion-heading {
  color: #4cc2c0; }
  .accordion .panel-heading:hover .accordion-heading i {
    color: #4cc2c0; }

.accordion__module .after::after {
  right: 72%;
  top: 36%;
  width: 2%; }

/*=====================================================
                Transition
=======================================================*/
.fade {
  opacity: 0;
  transition: opacity .15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility; }

/*------------- #PAGINATION-ARROW --------------*/
.pagination-arrow {
  padding: 100px 0 110px;
  position: relative;
  overflow: hidden;
  margin-bottom: 60px; }
  @media (max-width: 768px) {
    .pagination-arrow {
      padding: 40px 0 50px; } }
  .pagination-arrow .btn-prev-wrap {
    left: 5px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute; }
    .pagination-arrow .btn-prev-wrap .btn-prev {
      position: relative;
      margin-right: 35px; }
      .pagination-arrow .btn-prev-wrap .btn-prev:hover {
        margin-left: 0; }
    .pagination-arrow .btn-prev-wrap .btn-content {
      position: relative; }
      @media (max-width: 800px) {
        .pagination-arrow .btn-prev-wrap .btn-content {
          display: none; } }
      .pagination-arrow .btn-prev-wrap .btn-content .btn-content-title {
        text-transform: uppercase;
        font-size: 18px;
        color: #2f2c2c;
        transition: all .3s ease; }
      .pagination-arrow .btn-prev-wrap .btn-content .btn-content-subtitle {
        font-size: 14px;
        margin-bottom: 0;
        color: #acacac;
        transition: all .3s ease; }
    .pagination-arrow .btn-prev-wrap:hover {
      margin-left: -2px; }
      .pagination-arrow .btn-prev-wrap:hover .btn-content .btn-content-title {
        color: #4cc2c0; }
      .pagination-arrow .btn-prev-wrap:hover .btn-content .btn-content-subtitle {
        color: #2f2c2c; }
      .pagination-arrow .btn-prev-wrap:hover .btn-prev {
        fill: #4cc2c0; }
  .pagination-arrow .all-project {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    .pagination-arrow .all-project i {
      font-size: 50px;
      color: #d7d7d7;
      transition: all .3s ease; }
    .pagination-arrow .all-project:hover i {
      color: #4cc2c0; }
  .pagination-arrow .btn-next-wrap {
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute; }
    .pagination-arrow .btn-next-wrap .btn-next {
      position: relative; }
      .pagination-arrow .btn-next-wrap .btn-next:hover {
        margin-right: 0; }
    .pagination-arrow .btn-next-wrap .btn-content {
      position: relative;
      text-align: right;
      margin-right: 35px; }
      @media (max-width: 800px) {
        .pagination-arrow .btn-next-wrap .btn-content {
          display: none; } }
      .pagination-arrow .btn-next-wrap .btn-content .btn-content-title {
        text-transform: uppercase;
        font-size: 18px;
        color: #2f2c2c;
        transition: all .3s ease; }
      .pagination-arrow .btn-next-wrap .btn-content .btn-content-subtitle {
        font-size: 14px;
        margin-bottom: 0;
        color: #acacac;
        transition: all .3s ease; }
    .pagination-arrow .btn-next-wrap:hover {
      margin-right: -2px; }
      .pagination-arrow .btn-next-wrap:hover .btn-content .btn-content-title {
        color: #4cc2c0; }
      .pagination-arrow .btn-next-wrap:hover .btn-content .btn-content-subtitle {
        color: #2f2c2c; }
      .pagination-arrow .btn-next-wrap:hover .btn-next {
        fill: #4cc2c0; }
  .pagination-arrow span {
    display: block; }

/*------------- #ANIMATION-ICON --------------*/
.js-animate-icon svg {
  opacity: 0;
  transition: opacity 200ms linear; }

.js-animate-icon .drawsvg-initialized {
  opacity: 1; }

.animate-3d-holder {
  position: relative;
  cursor: pointer; }

 
/*------------- #TOP-BAR --------------*/
.top-bar {
	background-color:#0d215e;
	padding: 10px 0;
	box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 30;
	transition: all .3s ease;
}
.header_top::after {
	width: 58%;
	background: linear-gradient( 45deg, #ff7636, #ff7636);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	display: block;
	z-index: -1;
	transform: skewX(30deg);
	left: 3%;
}
.top-bar-contact .contact-item {
	display: inline-block;
	color: #fff;
	overflow: hidden;
	/* width: 49%; */
}
.contact-item a {
	color: #fff;
	padding-left: 5px;
}
.contact-item a:hover {
	color: #fff;
	padding-left: 10px;
}
.contact-item img {
	width: 40px;
}
    @media (max-width: 1024px) {
      .top-bar .contact-item {
        padding: 0;
        margin-bottom: 15px; } }
      @media (max-width: 1024px) {
        .top-bar .contact-item:first-child {
          padding: 0; } }
    .top-bar .contact-item:last-child {
      padding-right: 0; }
      .top-bar .contact-item:last-child:after {
        display: none; }
    .top-bar .contact-item:after {
      content: '|';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      color: #acacac; }


  .top-bar + .header {
    top: 50.5px; }
    @media (max-width: 1024px) {
      .top-bar + .header {
        top: 0; } }
    @media (max-width: 768px) {
      .top-bar + .header {
        padding-top: 40px; } }
    .top-bar + .header.headroom--not-top {
      top: 0; }
  .top-bar .top-bar-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    border: none; }

.top-bar-contact .follow_us {
	display: inline-flex;
	float: right;
}
.follow_us .social-links li a {position:relative;font-size:15px;color:#ffffff;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.follow_us .social-links .facebook {color: #fff;background: #3b5998;}
.follow_us .social-links .twitter {background: #55acee;color: #fff;}
.follow_us .social-links .google {background: #4285f4;color: #fff;}
.follow_us .social-links .youtube {background: #e02f2f;color: #fff;}
.follow_us .social-links .rss {background: #dd7346;color: #fff;}
.follow_us .social-links li a:hover {color:#8b755a; background:#000;}
.follow_us .socials-icons ul li a:hover {
	background: #fff;
	color: #642c8b;
}
.follow_us span {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
.follow_us .socials-icons ul {
	padding-left: 10px;
	position: relative;
	top: 4px;
}
.follow_us .socials-icons ul li {
	display: inline-block;
	margin: 0 3px;
}
.follow_us .socials-icons ul li a {
	padding: 5px;
	border-radius: 50%;
}
.follow_us .socials-icons ul li i {
	width: 18px;
	line-height: 20px;
	text-align: center;
}


/*------------- #STYLES for Range Sliders --------------*/
.range-slider .irs-line {
  border-radius: 5px; }

.range-slider .irs-line-left,
.range-slider .irs-line-mid,
.range-slider .irs-line-right {
  background: none;
  background-color: #f7f9f9; }

.range-slider .irs-bar {
  background: none; }

.range-slider .irs-slider {
  background: none;
  background-color: #e6e9e9;
  border-radius: 100%; }
  .range-slider .irs-slider:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    opacity: .7;
    border-radius: 100%;
    transition: all .3s ease; }
  .range-slider .irs-slider:hover:before {
    opacity: 1; }

.range-slider--primary .irs-bar {
  background-color: #4cc2c0; }

.range-slider--primary .irs-grid-pol {
  background: #4cc2c0; }

.range-slider--primary .irs-slider:before {
  background-color: #4cc2c0; }

.range-slider--red .irs-bar {
  background-color: #f15b26; }

.range-slider--red .irs-grid-pol {
  background: #f15b26; }

.range-slider--red .irs-slider:before {
  background-color: #f15b26; }

.range-slider--yellow .irs-bar {
  background-color: #fcb03b; }

.range-slider--yellow .irs-grid-pol {
  background: #fcb03b; }

.range-slider--yellow .irs-slider:before {
  background-color: #fcb03b; }

.range-slider--blue .irs-bar {
  background-color: #00bff3; }

.range-slider--blue .irs-grid-pol {
  background: #00bff3; }

.range-slider--blue .irs-slider:before {
  background-color: #00bff3; }



/*================= Responsive Mode ============*/
@media (max-width: 480px) {
  .preloader .text {
    font-size: 10px; } }

/*------------- #Window Popup --------------*/
.window-popup {
  opacity: 0;
  background-color: #66b5ff;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transition: opacity .3s ease, -webkit-transform .3s ease, scale .4s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease, scale .4s ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 50; }
  .window-popup.open {
    opacity: 1;
    z-index: 999999;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: auto;
    background: rgba(37, 35, 35, 0.97); }

.js-message-popup.cd-nav-trigger {
  position: relative;
  z-index: auto; }

.sign-in-popup {
  width: 560px;
  max-width: calc(100% - 20px);
  padding: 40px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  margin: 30px auto;
  background-color: #fff;
  border: 4px solid #4cc2c0; }
  .sign-in-popup .title {
    margin-bottom: 20px; }
  .sign-in-popup .btn {
    margin-top: 30px; }

.popup-close {
  border-radius: 100%;
  background-color: #151414;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  left: calc(100% - 50px);
  z-index: 99999;
  border: 2px solid #4cc2c0;
  transition: all .3s ease;
  display: block; }
  .popup-close .seosight-icon {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1); }
  .popup-close:hover {
    background-color: #4cc2c0; }
  .popup-close.popup-close-round {
    border-radius: 100%;
    right: auto;
    top: 0;
    display: block;
    margin: 50px auto;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

.body-overflow {
  overflow: hidden; }