body {
  background: #2c2f34;
}

.common-title-hp {
  text-align: center;
  padding: 0 12px;
}

.common-title-hp h1 {
  color: #40cae5;
  font-size: 45px;
  font-weight: 700;
  line-height: 55px;
  margin: 0 0 40px 0;
}

/* .br-on-mobile {
  visibility: hidden;
} */

.common-title-hp p {
  text-align: center;
  color: #232529;
  font-size: 23px;
  line-height: 32px;
  padding: 0 0 40px 0;
  margin: 0px;
}

.develop-btn-hp-banner {
    margin: 7.5vmin 0;
}

.develop-btn-hp, .develop-btn-hp-banner {
  /* font-size: 20px !important; */
  color: #ffffff;
  /* padding: 0 40px; */
  padding: 16px 32px;
  border: 0px;
  /* line-height: 50px; */
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background: #b81140;
  /* background: -moz-linear-gradient(top, #eb1a55 0%, #eb1a55 100%);
  background: -webkit-linear-gradient(top, #eb1a55 0%, #eb1a55 100%);
  background: linear-gradient(to bottom, #eb1a55 0%, #eb1a55 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb1a55', endColorstr='#eb1a55', GradientType=0); */

  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  border-radius: 1px;
  /* margin-left: 58.5vmin !important; */
}

.develop-btn-hp-banner:hover, .develop-btn-hp:hover {
  background: #ff1c5c !important;
  color: #ffffff !important;
  /* background: -moz-linear-gradient(top, #ff1c5c 0%, #ff2b8c 100%);
  background: -webkit-linear-gradient(top, #ff1c5c 0%, #ff2b8c 100%);
  background: linear-gradient(to bottom, #ff1c5c 0%, #ff2b8c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1c5c', endColorstr='#ff2b8c', GradientType=0); */
  /* IE6-9 */
  /* box-shadow: 0px 3px 14px -4px rgba(255, 28, 92, 0.4) !important; */
}

.calendly-inline-widget {
  min-width:320px;
  height:660px;
}

/* banner btn hover */

/* .HOVER {
	--width: 100%;
	--time: 0.7s;
  color: #ffffff; */
	/* position: relative;
	display: inline-block;
	height: 1em;
	padding: 1em;

	color: #ffffff;
	background: #222; */
	/* overflow: hidden;
} */

/* .HOVER:hover {
  box-shadow: 0px 3px 14px -4px rgba(255, 28, 92, 0.4) !important;
}

.HOVER span {
	border-radius: 100%;
	position: absolute;
	display: block;
	content: "";
	z-index: 0;
	width: 10%;
	height: 100%;
  opacity: 0;

	background: #ff1c5c;
  top:50%;
  left: 50%;
  margin: auto;
	transform: translate(-50%, -50%);
	transition: width var(--time), padding-top var(--time), opacity var(--time);
}

.HOVER:hover span {
	width: calc(var(--width)*2.25);
	padding-top: calc(var(--width)* 2.25);
  opacity: 1;
}

.HOVER text {
	position: relative;
	z-index: 5;
	transition: color var(--time);
}

.HOVER:hover text {
  color: #ffffff; */
	/* color: #222; */
/* } */


/* --- Phone Content --- */

/* #clip-path {
  display: block;
  position: relative;
} */

#phone-touch  {
  display: block;
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 50vh;
  transform: translateX(-2vw) translateY(-50%);

  background: url(../images/product_touch.jpg) no-repeat center;
  /* background-position: 0vw 0vh; */
  background-size: contain;
  /* z-index: 10; */
}

/* #man-touch  {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(8.75vw) translateY(2.5vh);

  background: url(../images/man_touch.jpg) no-repeat center;
  background-position: 0vw 0vh;
  background-size: cover;
  z-index: 10;
}

#phone {
  display: block;
  width:314px;
  height:612px;
  position: absolute;
  left: 50vw;
  top: 50vh;
  transform: translateX(-25vw) translateY(-50%);

  background:#373a40;
  overflow:hidden;
  z-index: 12;

  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
}

#phone-screen {
  display: block;
  width:306px;
  height:544px;
  position: absolute;
  left: 75.2vw;
  top: 50vh;
  transform: translateX(-50vw) translateY(-51.25%);

  background:#ffffff;
  overflow:hidden;
  z-index: 14;
}

#phone-content {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: -16.5vw;
  top: -22.5vh;
  transform: translateX(-50vw) translateY(-50%);
  width:306px;
  height:544px;

  background: url(../images/phone_content.jpg) no-repeat center;
  background-size:cover;
  background-position: 50vw 50vh;
  clip-path: inset(0px 0px 0px 0px);
  clip-path: url(#clip-path);
  z-index: 16;

}

#phone-svg {
  display: block;
  position: absolute;
  left: 50vw;
  top: 50vh;
  transform: translateX(-50vw) translateY(-50%);
} */


/*--------------- HEADER_START ---------------*/

.header-inner-hp {
  padding-left: 0px;
}

.logo-hp {
  width: 240px;
  float: left;
  line-height: 100px;
  height: 100px;
  position: relative;
}

.logo-hp a {
  background: url(../images/youx_logo.svg) no-repeat center left;
  display: block;
  height: 100px;
}

.hover_logo {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: -25px;
}

.sticky .hover_logo {
  top: -20px;
}

.logo-hp a:hover .hover_logo {
  opacity: 1;
}

.accordion-menu-hp {
  float: left;
}

.header-right-hp {
  width: 277px;
  float: right;
  padding: 32px 0 0 0;
}

.call-icon-hp {
  float: left;
  margin-right: 22px;
  text-align: center;
}

.call-icon-hp a {
  background: #232529;
  width: 40px;
  height: 40px;
  line-height: 38px;
  display: block;
  border-radius: 40px;
}

.call-icon-hp a svg {
  vertical-align: middle;
  width: 18px;
}

.call-icon-hp a:hover svg path {
  stroke: #fff;
}

.call-icon-hp a:hover {
  background: #40cde5;
}

.mail-icon-hp {
  float: left;
  text-align: center;
}

.mail-icon-hp a {
  background: #232529;
  width: 40px;
  line-height: 38px;
  height: 40px;
  display: block;
  border-radius: 40px;
}

.mail-icon-hp a svg {
  vertical-align: middle;
  width: 20px;
}

.mail-icon-hp a:hover {
  background: #40cde5;
}

.mail-icon-hp a:hover svg path {
  stroke: #fff;
}

.contact-icons-hp {
  float: left;
}

.contact-btn-hp {
  float: right;
  text-align: center;
  margin-top: 5px;
}

.contact-btn-hp a {
  text-transform: uppercase;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 12px !important;
  border-radius: 1px;
  padding: 0 29px !important;
  display: block;
  color:#ffffff;
}

header.sticky .logo-hp {
  line-height: 60px;
  height: 60px;
}

header.sticky .logo-hp a {
  height: 60px;
}

header.sticky .logo-hp a:hover {
  height: 60px;
}

header.sticky .header-right-hp {
  padding: 10px 0;
}

/*--------------- HEADER_END ---------------*/

/*--------------- CONTAIN_START ---------------*/

.main-banner-hp {
  background: #2c2f34;
}

#slide-3238-layer-4 {
  padding-left: 50vmin !important;
  margin-top: -7.5vmin !important;
  /* -webkit-transform: translateX(5%) !important;
  transform: translateX(5%) !important; */
  /* -webkit-transform: translateY(50%) !important;
  transform: translateY(50%) !important; */
}

.small-text-banner-hp {
  white-space: nowrap;
  line-height: 3.5vmin !important;
  font-weight: 400 !important;
  font-size: 1.84vmin !important;
  color: #40cae5;
  /* margin: -3.5vmin 0 0 0 !important; */
  /* padding-left: 61vmin; */
}

.head-text-hp {
  color: #fff;
  font-size: 6vmin !important;
  line-height: 9vmin !important;

  margin: 3.5vmin 0 0 0 !important;
  /* padding-left: 61vmin; */
  /* -webkit-transform: translateX(50vw);
  transform: translateX(50vw); */
}

.develop-btn-main-hp {
  text-align: center;
}

@-webkit-keyframes animate-block-gorizantal-1 {
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes animate-block-gorizantal-1 {
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.down-arrow-hp img {
  animation: animate-block-gorizantal-1 2s linear infinite !important;
}

.service-block-hp {
  background: #f7f7f7;
  padding: 90px 0 90px 0;
}

.service-box-hp {
  padding: 0 70px
}

.team-block-hp {
  margin: 0px 0 4px 0;
}

.team-image-hp {
  background: #fff;
  min-height: 360px;
}

.service-img-hp {
  padding: 62px 0 22px 0;
  text-align: center;
}

.service-img-hp img {
    max-width: 75%;
}

.service-name-hp {
  text-align: center;
  font-size: 23px;
  color: #eb1a55;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

.service-text-hp {
  padding: 40px;
  text-align: left;
}

.service-text-title-hp {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  color: #40cae6;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
}

.service-text-desc-hp {
  padding: 15px 0 0 0;
  font-size: 14px;
  color: #fff;
  line-height: 21px;
}

.service-text-points-hp {
  padding: 15px 0 0 0;
}

.service-text-points-hp ul {
  padding: 0 0 0 18px;
  margin: 0px;
}

.service-text-points-hp ul li {
  padding: 0px 0 6px 0;
  margin: 0px;
  font-size: 14px;
  color: #40cae6;
  line-height: 21px;
}

.team-overlay-hp {
  background: #3f4247;
}

.contact-block-hp {
  padding: 150px 0;
}

.contact-block-in-hp {}

.contact-title-hp h1 {
  margin-bottom: 45px;
}

.contact-title-hp p {
  color: #fff;
}

.contact-block-btn-hp {
  display: inline-block;
}

.contactus-btn-hp {
  text-transform: uppercase;
  font-size: 16px !important;
}

.about-title-hp h1 {
  margin-bottom: 25px;
}

.about-block-in-hp {
  padding-bottom: 20px;
}

.about-block-services-hp {
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.about-block-services-container{
  /* float: left; */
  /* margin: 2px; */
  width: 50%;
  /* width: 582px; */
  padding: 2px;
}

.approch-block-features-container{
  width: 50%;
  padding: 2px;
}

.about-block-services-left-hp {
  /* width: 518px; */
  /* margin: 2px 0 2px -2px; */
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 1px;
  min-height: 204px;
  padding: 40px;
  width: 100%;
  height: 100%;
}
.about-block-services-right-hp {
  /* float: right; */
  display: flex;
  flex-wrap: wrap;
  /* margin: 2px -2px 2px 0; */
  background: #fff;
  border-radius: 1px;
  min-height: 204px;
  padding: 40px;
  width: 100%;
  height: 100%;
}

.services-img-hp {
  /* padding: 42px 0 12px 0; */
  text-align: center;
  min-width: 120px;
  width: 120px;
  height: auto;
  margin: auto 0 auto 0;
}
.services-text-hp{
  margin: auto 0 auto 32px;
}
.services-name-hp {
  text-align: left;
  font-size: 32px;
  color: #eb1a55;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
}
.services-desc-hp{
  font-weight: 700;
  color: #232529;
}

.about-block-top-hp {
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}

.about-block-top-left-hp {
  float: left;
  /* width: 518px; */
  margin: 2px 0 2px -2px;
  background: #fff;
  border-radius: 2px;
  min-height: 274px;
  padding: 40px;
}

/* .about-block-top-left-hp img {
  width: 100%;
  max-width: 518px;
} */

.about-block-top-right-hp {
  float: right;
  margin: 2px -2px 2px 0;
  background: #fff;
  border-radius: 2px;
  min-height: 274px;
  padding: 40px;
}

.about-block-top-right-title-hp {
  font-size: 23px;
  color: #40cae5;
  line-height: 31px;
  font-weight: 700;
  padding-bottom: 13px;
  text-transform: uppercase;
  font-weight: 700;
}

.about-block-top-right-desc-hp {
  font-size: 16px;
  color: #232529;
  line-height: 23px;
}

.about-block-bottom-hp {
  color: #232529;
  font-size: 16px;
  line-height: 23px;
  clear: both;
  text-align: center;
}

.approch-block-hp {
  padding: 140px 0;
}

.approch-block-in-hp {}

.approch-details-hp {
  /* background: #fff; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.approch-details-left-in-hp {
  /* float: left; */
  position: relative;
  min-height: 260px;
  /* border-bottom: 1px solid #f7f7f7; */
  /* border-right: 1px solid #f7f7f7; */
  padding: 45px 50px 20px 45px;
  /* margin: 2px 2px 2px -2px; */
  background: #ffffff;
  width: 100%;
  height: 100%;
}
.approch-details-right-in-hp {
  /* float: left; */
  position: relative;
  min-height: 260px;
  /* border-bottom: 1px solid #f7f7f7; */
  /* border-right: 1px solid #f7f7f7; */
  padding: 45px 50px 20px 45px;
  /* margin: 2px -2px 2px 2px; */
  background: #ffffff;
  width: 100%;
  height: 100%;
}

.approch-title-hp {
  color: #eb1a55;
  font-size: 31px;
  font-weight: 700;
  line-height: 28px;
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}


.approch-text-hp {
  /* float: right; */
  display: flex;
  /* margin: 2px -2px 2px 0; */
  /* background: #fff; */
  /* border-radius: 2px; */
  /* min-height: 204px; */
  /* padding: 40px; */
  padding-bottom: 28px;
}

.approch-img-hp {
  /* padding: 42px 0 12px 0; */
  text-align: center;
  /* width: 120px; */
  /* width: 100%;
  height: auto; */
  padding: 0 28px 0 0;
  margin: auto 0 auto 0;
}
.approch-img-hp img {
  min-width: 108px;
  height: auto;
}
.services-text-hp{
  margin: auto 0 auto 32px;
}


.approch-desc-hp {
  color: #232529;
  font-size: 16px;
  line-height: 23px;
  position: relative;
  z-index: 1;
  margin: auto 0;
}

.approch-number-hp {
  position: absolute;
  /* margin: auto 0 auto 0; */
  /* transform: translateY(-25%); */
  /* transform: translateX(-50%); */
  right: 2vmin;
  top: 2.8vmin;
  color: #f7f7f7;
  font-size: 270px;
  font-weight: bold;
  line-height: 200px;
  z-index: 0;
}

.tools-block-hp {
  background: #f7f7f7;
  padding: 90px 0;
}

.tools-block-in-hp {}

.tools-img-hp {
  text-align: center;
  padding: 20px 0 0 0;
}

.tools-img-hp ul {
  padding: 0px;
  margin: 0px;
}

.tools-img-hp ul li {
  width: 90px;
  height: 90px;
  margin: 12px;
  float: left;
  list-style-type: none;
}

.tools-img-hp ul li a {
  display: block;
  background: url(../images/tools.png) no-repeat left top;
  height: 100%;
  cursor: default;
}

.tools-img-hp ul li a.icon1 {
  background-position: 0px 0px;
}

.tools-img-hp ul li a.icon2 {
  background-position: -114px 0px;
}

.tools-img-hp ul li a.icon3 {
  background-position: -228px 0px;
}

.tools-img-hp ul li a.icon4 {
  background-position: -342px 0px;
}

.tools-img-hp ul li a.icon5 {
  background-position: -456px 0px;
}

.tools-img-hp ul li a.icon6 {
  background-position: -570px 0px;
}

.tools-img-hp ul li a.icon7 {
  background-position: -684px 0px;
}

.tools-img-hp ul li a.icon8 {
  background-position: -798px 0px;
}

.tools-img-hp ul li a.icon9 {
  background-position: -912px 0px;
}

.tools-img-hp ul li a.icon10 {
  background-position: -1026px 0px;
}

.tools-img-hp ul li a.icon11 {
  background-position: 0px -114px;
}

.tools-img-hp ul li a.icon12 {
  background-position: -114px -114px;
}

.tools-img-hp ul li a.icon13 {
  background-position: -228px -114px;
}

.tools-img-hp ul li a.icon14 {
  background-position: -342px -114px;
}

.tools-img-hp ul li a.icon15 {
  background-position: -456px -114px;
}

.tools-img-hp ul li a.icon16 {
  background-position: -570px -114px;
}

.tools-img-hp ul li a.icon17 {
  background-position: -684px -114px;
}

.tools-img-hp ul li a.icon18 {
  background-position: -798px -114px;
}

.tools-img-hp ul li a.icon19 {
  background-position: -912px -114px;
}

.tools-img-hp ul li a.icon20 {
  background-position: -1026px -114px;
}

/* .tools-img-hp ul li a.icon21 {
  background-position: 0px -228px;
}

.tools-img-hp ul li a.icon22 {
  background-position: -114px -228px;
}

.tools-img-hp ul li a.icon23 {
  background-position: -228px -228px;
}

.tools-img-hp ul li a.icon24 {
  background-position: -342px -228px;
}

.tools-img-hp ul li a.icon25 {
  background-position: -456px -228px;
}

.tools-img-hp ul li a.icon26 {
  background-position: -570px -228px;
}

.tools-img-hp ul li a.icon27 {
  background-position: -684px -228px;
}

.tools-img-hp ul li a.icon28 {
  background-position: -798px -228px;
}

.tools-img-hp ul li a.icon29 {
  background-position: -912px -228px;
}

.tools-img-hp ul li a.icon30 {
  background-position: -1026px -228px;
} */

.project-block-hp {
  padding: 90px 0;
  background: #f7f7f7;
}

.project-block-in-hp {}

.project-details-hp {}

.portfolio-filter-hp {
  text-align: center;
  margin-bottom: 30px;
  border: 0px;
}

.portfolio-filter-hp>li>a {
  font-size: 16px;
}

.portfolio-filter-hp li a:hover, .portfolio-filter-hp li a:focus {
  border: 0px;
  color: #eb1a55;
}

.portfolio-filter-hp>li.active>a, .portfolio-filter-hp>li.active>a:focus, .portfolio-filter-hp>li.active>a:hover {
  border: 0px;
  color: #eb1a55;
}

.portfolio-img-hp img {
  width: 360px;
  height: 360px;
}

.portfolio-grid-hp li {
  width: calc(33.33% - 20px);
  margin: 10px;
  background: #fff;
}

.project-title-hp {
  font-size: 23px;
  color: #40cae5;
  font-weight: 700;
  padding-bottom: 15px;
}

.project-info-hp {
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  padding: 0 15px;
}

.schedule-block-hp {
  padding: 90px 0;
  background: #fff;
}

.schedule-block-in-hp {}

.schedule-details-hp {}

.contact-today-block-hp {
  padding: 140px 0;
}

.call-btn-hp {
  font-size: 20px !important;
  color: #fff !important;
  /* padding: 0 40px !important; */
  border: 0px;
  /* line-height: 50px !important; */
  display: inline-block !important;
  text-align: center !important;
  vertical-align: top;
  background: #12a7c4;
  /* background-image: linear-gradient(#40cae5 0%, #40cae5 100%); */
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  border-radius: 1px;
  margin-right: 30px;
}

.call-btn-hp:hover {
  background: #47defd !important;
  /* background: -moz-linear-gradient(top, #47defd 0%, #5fffff 100%);
  background: -webkit-linear-gradient(top, #47defd 0%, #5fffff 100%);
  background: linear-gradient(to bottom, #47defd 0%, #5fffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47defd', endColorstr='#5fffff', GradientType=0);*/
  /* IE6-9 */
  /* box-shadow: 0px 5px 25px rgba(71, 224, 255, 0.8) !important; */
}

.my-mfp-zoom-in .mfp-close {
  background: url(../images/close.svg) no-repeat center center !important;
  font-size: 0px;
  background-size: contain;
  width: 28px;
}

.my-mfp-zoom-in .mfp-close:hover {
  background: url(../images/close_hover.svg) no-repeat center center !important;
  font-size: 0px;
}

.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {
  background: #2c2f34;
  opacity: 1;
}

.mfp-with-zoom .mfp-close {
  background: rgba(35, 37, 41, 0.10) url(../images/close.svg) no-repeat center center !important;
  font-size: 0px;
  width: 56px;
  height: 56px;
}

.mfp-with-zoom .mfp-close:hover {
  background: rgba(35, 37, 41, 0.20) url(../images/close_hover.svg) no-repeat center center !important;
}

.mfp-with-zoom .mfp-figure .mfp-close {
  display: none;
}

.mfp-with-zoom .mfp-container {
  padding: 0px;
}

.mfp-with-zoom img.mfp-img {
  padding: 0px;
}

.mfp-with-zoom .mfp-figure figure {
  overflow: hidden;
}

.mfp-with-zoom .mfp-content {
  vertical-align: top;
}

.mfp-with-zoom .mfp-arrow {
  background: rgba(35, 37, 41, 0.10);
  width: 72px;
  height: 72px;
  border-radius: 50px;
}

.mfp-with-zoom .mfp-arrow:hover {
  background: rgba(35, 37, 41, 0.20);
}

.mfp-with-zoom .mfp-arrow:before, .mfp-with-zoom .mfp-arrow:after {
  margin-top: 3px;
}

.mfp-with-zoom .mfp-arrow-left.mfp-arrow:before, .mfp-with-zoom .mfp-arrow-left.mfp-arrow:after {
  margin-left: 20px;
}

.mfp-with-zoom .mfp-arrow-right.mfp-arrow:before, .mfp-with-zoom .mfp-arrow-right.mfp-arrow:after {
  margin-left: 20px;
}

.mfp-with-zoom .mfp-arrow-left {
  left: 20px;
}

.mfp-with-zoom .mfp-arrow-right {
  right: 20px;
}

.mfp-with-zoom .mfp-bottom-bar {
  margin: -24px 0 0 0;
  width: 1100px;
  left: calc(50% - 550px);
}

.mfp-with-zoom .mfp-title h6 {
  text-align: center;
  padding: 15px 20px;
  font-size: 22px;
  color: #fff;
  background: #232529;
  margin: 0 0 10px 0;
}

.mfp-with-zoom .mfp-title span {
  font-weight: 700;
  color: #40cae5;
}

.mfp-with-zoom .mfp-title p {
  font-size: 16px;
  color: #9c9ea2;
  line-height: 23px;
}

.mfp-with-zoom .mfp-bottom-bar {
  text-align: center;
}

.mfp-with-zoom .mfp-counter {
  display: none;
}

/*--------------- CONTAIN_END ---------------*/

/*--------------- FOOTER_START --------------*/

.footer-hp {
  background: #2c2f34;
}

.footer-inner-hp {
  padding: 69px 0;
}

.copyright-hp {
  /*float: left;*/
  font-size: 16px;
  line-height: 46px;
  color: #9b9da1;
  text-align: center;
}

.copyright-hp span {
  color: #40cae5;
}

.social-hp {
  float: right;
}

.social-hp ul {
  margin: 0 15px 0 0
}

.social-hp ul li {
  float: left;
  margin-left: 15px;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  background: #232529;
  border-radius: 46px;
  list-style-type: none;
  display: block !important;
}

.social-hp ul li i {
  font-size: 22px !important;
  color: #9b9da1;
  line-height: 42px;
}

.social-hp ul li a {
  display: block;
}

.social-hp ul li:hover {
  background: #40cde5;
}

.social-hp ul li:hover i {
  color: #fff;
}

#scroll_top_hp {
  margin-left: 30px;
}

/*--------------- FOOTER_END --------------*/