@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "Poppins", sans-serif;
}

html {
    scroll-behavior: smooth;
}

:root {
    --elixir-parrot: #98C339;
    --elixir-green: #0a6933;
    --elixir-orange: #f9b30b;	
    --elixir-black: #2B2A29;
    --elixir-white: #ffffff;
    --elixir-offwhite: #ddd;
    --elixir-gray: #999;
    --elixir-letter-spacing: 0.5px;
    --elixir-box-shadow: box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;
    --elixir-body-font-size: 18px;
    --elixir-body-font-weight: 400;
    --elixir-body-line-height: 1.45;
    --elixir-body-header-font-size: 2.5rem
    --fontawesome: "Font Awesome 5 Pro";
	--color-primary: #f7c35f;
	--bg-gradient: linear-gradient(97deg, #49a760 50%, rgba(252,197,27,1) 100%);
}


/* Add this CSS to handle the hover effect */
.dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
  }
  .dropdown-submenu:hover .dropdown-menu {
    display: block;
  }

  /* ============================================================== 
    # Contact Us
=================================================================== */

.contact-area {
	background-size: 20%;
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	z-index: 1;
}
.contact-area::after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 55%;
	background: var(--elixir-black);
	z-index: -1;
}
.contact-page.contact-area::after {
	display: none;
}
.contact-area .shape-left-top {
	max-width: 30%;
	top: 60px;
	opacity: 0.1;
}
.contact-style-one-info li {
	display: flex;
	margin-top: 30px;
}
.contact-style-one-info li i {
	display: inline-block;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	background: var(--color-primary);
	border-radius: 50%;
	color: var(--elixir-white);
	font-size: 25px;
	margin-right: 20px;
}
.contact-style-one-info li:nth-child(2) i {
	background: var(--color-secondary);
}
.contact-style-one-info li p {
	margin: 0;
}
.contact-style-one-info li h5 {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 20px !important;
	margin-top: 0;
}
.contact-style-one-info li a {
	font-weight: 400;
}
.contact-style-one-info h2 {
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 1;
}
.contact-style-one-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 50px;
}
.contact-form-style-one {
	padding: 80px 100px;
	position: relative;
	background: var(--elixir-white);
}
.contact-form-style-one img {
	position: absolute;
	left: -230px;
	bottom: -50px;
	width: 300px;
}
.contact-form-style-one .illustration {
	position: absolute;
	left: -130px;
	bottom: -60px;
	z-index: -1;
}
.contact-form-style-one .sub-heading {
	margin-bottom: 15px;
}
.contact-form-style-one .heading {
	margin-bottom: 40px;
}
.contact-form-style-one input, 
.contact-form-style-one textarea {
	padding: 28px 20px;
	border: none;
	background: #ecf1ee;
	font-size: 14px;
}
.contact-form-style-one textarea {
	min-height: 180px;
}
.contact-form-style-one button {
	display: inline-block;
	font-weight: 700;
	text-transform: capitalize;
	transition: all 0.35s ease-in-out;
	overflow: hidden;
	border-radius: 6px;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	font-size: 17px;
	letter-spacing: 0;
	position: relative;
	z-index: 1;
	color: var(--elixir-white);
	border: none;
	background: var(--elixir-green);
	padding: 16px 52px;
}
.contact-form-style-one button::after {
	position: absolute;
	top: inherit;
	right: inherit;
	bottom: inherit;
	left: -5%;
	content: "";
	height: 150px;
	width: 115%;
	z-index: -1;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transform: translateY(-45%) skew(25deg) scale(0);
	transform: translateY(-45%) skew(25deg) scale(0);
}
.contact-form-style-one button:hover::after {
	-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
	transform: translateY(-45%) skew(25deg) scale(1.2);
}
.contact-form-style-one button:hover {
	color: var(--elixir-black);
}
img.loader {
	margin-left: 8px;
}
.contact-style-one-info h2 span {
	position: relative;
	z-index: 1;
}
.contact-style-one-info h2 span svg {
	position: absolute;
	top: auto;
	left: 50%;
	width: 80%;
	height: 100%;
	transform: translate(-50%);
	overflow: visible;
	bottom: 0;
	z-index: -1;
}
.contact-style-one-info h2 span path {
	stroke: var( --color-primary);
	stroke-width: 10;
	stroke-dasharray: 1500;
	fill: none;
}
.contact-form-style-one .sub-title {
	margin-bottom: 10px;
  color: var(--elixir-orange);
}
.sahpe-right-bottom {
	position: absolute;
	right: 0;
	bottom: -50px;
	max-width: 15%;
}

/* ============================================================== 
    # Products Enquiry
=================================================================== */
.recaptcha-box {
    border: 1px solid var(--elixir-offwhite);
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--elixir-offwhite);
    width: 300px;
    margin: auto;
}
.recaptcha-text {
    display: flex;
    align-items: center;
}
.recaptcha-checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid var(--elixir-offwhite);
    margin-right: 10px;
    display: inline-block;
    background-color: var(--elixir-white);
}
.recaptcha-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.recaptcha-logo img {
    width: 30px;
    height: 30px;
}
.recaptcha-terms {
    font-size: 10px;
    color: var(--elixir-gray);
    margin-top: 5px;
}
.btn-send-now{
  color: var(--elixir-white);
  background-color: var(--elixir-green);
  border-color: var(--elixir-green);
}
.btn-send-now:hover{
  color: var(--elixir-white);
  background-color: var(--elixir-orange);
  border-color: var(--elixir-orange);
}

/* ============================================================== 
    # credentials
=================================================================== */
.card h5 {
  font-size: 1.25rem;
  font-weight: bold;
}
.card p {
  font-size: 1rem;
}
.card-footer .btn {
  width: 100%;
}
.footer-icon{
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 14px;
    color: var(--elixir-gray);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.footer-icon:hover{
	background-color: var(--white);
    color: var(--elixir-black);
}
.row.justify-content-center {
    display: flex;
    flex-wrap: wrap;
}
.team-member_one {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.row.justify-content-center {
    display: flex;
    flex-wrap: wrap;
}
.team-member_one {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.btn-outline-danger {
    color: var(--elixir-green);
    border-color: var(--elixir-green);
}
.btn-outline-danger:hover {
    color: var(--elixir-white);
    background-color: var(--elixir-orange);
    border-color: var(--elixir-orange);
}
.btn-outline-danger:not(:disabled):not(.disabled):active {
    color: var(--elixir-white);
    background-color: var(--elixir-green);
    border-color: var(--elixir-green);
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus{
	box-shadow:var(--elixir-green);
}
.Certificates-btn{
	padding: 1rem;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
  }
  .active,
  .demo:hover {
   color: var(--elixir-orange) !important;
    opacity: 1;
  }
.column {
    float: left;
    width: 16%;
}
  /* ======================table ======================*/
.product-details-table th {
    color: var(--elixir-black) /* Bootstrap's danger color for headings */
}
.product-details-table, .product-details-table th, .product-details-table td {
    border: 1px solid var();

}
.product-details-table {
    width: 100%;
    border-collapse: collapse;
}
.product-details-table th, .product-details-table td {
    padding: 6px;
    text-align: left;
}
.product-images {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.product-images img {
    max-width: 100%;
    margin-bottom: 10px;
}
.product-details-table th {
    font-size: 16px;
}
.product-details-table td {
    font-size: 14px;
}
.dotted-list li {
    list-style-type: circle; /* Changes the bullet type to a circle (dotted) */
    margin-bottom: 5px;
}
.product-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 11px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.shimmer {
    color: var(--elixir-gray);
    display:inline-block;
    -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
    background-repeat: no-repeat;
    font-size: 50px;
  }
  .shimmer:hover{
    animation: shimmer 1.5s infinite;
  }
  @keyframes shimmer {
    100% {-webkit-mask-position:left}
  }
.product-title {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: inline-block; 
    margin-top: 24px;
    color: var(--elixir-black);
}
.Related-products-header{
    color: var(--elixir-orange);
    font-size:2.5rem;
}

/* <!--====== We Are Member & Certified By======--> */
  @media screen and ( max-width:550px) and (min-width:320px) {
    .ups-section{
      margin: 0px ;
    }
    
  }
  .ups-items {
    margin-top: 0;
    padding-bottom: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    row-gap: 37px;
  }
  .ups-item {
    padding: 0;
    align-items: center;
    display: flex;
    width: 80%;
    column-gap: 14px;
    border: 1.5px solid #58595b82;
    border-radius: 5px;
    margin-left: 8%;
  }
  .ups-item-left {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    column-gap: 14px;
    border: 1.5px solid #58595b82;
    border-radius: 5px;
    margin-left: 14%;
  }
  .ups-item .ups-para {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    color: var(--elixir-black);
    margin-bottom: 0;
    margin-right: 18px;
  }
  .ups-para-right {
    padding-left: 10px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    color: var(--elixir-black);
    margin-bottom: 0;
    margin-right: 18px;
  } 
  .ups-left {
    rotate: 270deg;
    font-family: Urbanist;
    font-size: 32px;
    font-weight: 800;
    color: black;
    text-align: center;
    margin-bottom: 0;
    margin-top: 1rem;
  }
  .ups-right {
    rotate: 90deg;
    font-family: Urbanist;
    font-size: 32px;
    font-weight: 800;
    color: black;
    text-align: center;
    margin-bottom: 0;
    margin-top: 1rem;
  }
  .ups-number {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    /* / border: 1.5px; / */
    background: var(--elixir-orange);
    /* / border: 1.5px solid #EF4136; / */
  }
  @media screen and (max-width: 768px) {
    .ups-number {
      height: 100%;
    }
  
    .ups-item .ups-para {
      font-size: 15px;
    }
  
    .ups-para-right {
      font-size: 15px;
    }
  
    /* .ups-item-left {
          margin-left: 70px;
      } */
  } 
  .ups-title {
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color:#0a6933;
    margin-top: 30px;
  }
  @media screen and (max-width: 768px) {
    .ups-title {
      font-size: 25px;
    }
  }
  /* <!--====== Start mission Section ======--> */
  .our-misssion-tile {
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: var(--elixir-orange);
    margin-bottom: 30px;
    margin-top: 20px;
    margin-inline: 20px;
  }
  .mission-border {
    margin: auto;
    border: 2px solid var(--txt-white);
    margin-top: 50px;
    width: 88%;
    height: 400px;
    border-radius: 15px;
  }
  .our-mission-vision {
    margin-bottom: 50px;
  }
  .mission-logo {
    width: 18rem;
  }
  .mission-title {
    color: var(--elixir-orange);
     font-size: 30px; 
  }
  .mission-card,
  .vision-card {
    border: 2px solid var(--elixir-orange);
    border-radius: 15px;
  }
  .mission-line {
    border: 1px solid var(--elixir-black);
    width: 97px;
    text-align: center;
    margin-top: 15px;
  } 
  .vision-line {
    margin-top: 15px;
    border: 1px solid var(--elixir-black);
    width: 78px;
    text-align: center;
  }
  .mission-para {
    text-align: left;
  }
  @media screen and (max-width: 767px) {
    .mission-border {
      width: 96%;
      margin-top: 22px;
      margin-bottom: 30px !important;
    }
  
    .mission-para {
      text-align: left;
      padding: 0 18px;
      margin-top: 30px;
    }
  }
  @media screen and (max-width: 1200px) {
    .mission-border {
      height: auto;
      margin-bottom: 50px;
    }
  
    .mission-bg-img {
      height: 100%;
    }
  }
  @media screen and (max-width: 426px) {
    .our-misssion-tile {
      font-size: 25px;
      font-weight: 700;
    }
  
    .mission-para {
      text-align: left;
      padding: 0;
      margin-top: 30px;
    }
  }

  /* ============================================================== 
    # 404 page
=================================================================== */

.error-page-area {
	position: relative;
	z-index: 1;
}
.error-page-area .shape-left {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	width: 20%;
	background-position: left !important;
	background-repeat: no-repeat !important;
	z-index: -1;
	opacity: 0.3;
	background-size: contain !important;
}
.error-page-area .shape-right {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	width: 20%;
	background-position: right !important;
	background-repeat: no-repeat !important;
	z-index: -1;
	opacity: 0.3;
	background-size: contain !important;
}
.error-box h1 {
	font-size: 150px;
	line-height: 110px;
	font-weight: 800;
	margin-bottom: 40px;
	text-shadow: 3px 3px var(--elixir-offwhite);
}
.error-box h2 {
	font-weight: 700;
	margin-bottom: 20px;
}
.error-box p {
	padding: 0 10%;
}
.btn.btn-theme {
  color: var(--elixir-black);
  border: none;
  background: var(--elixir-orange);
  font-weight: 600;
}
.btn-md {
  padding: 17px 45px;
  font-size: 18px;
}
.default-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

  /* ==============================text selecter ==========================*/
::selection {
  color: var(--elixir-white);
  background: var(--elixir-orange);
}
.no-select {
  user-select: none; 
  -webkit-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
}

/* ==============================whatsapp logo ==========================*/
.arcontactus-widget {
  opacity: 0;
  transition: opacity .2s;
  line-height: 1
}
.arcontactus-widget * {
  box-sizing: border-box
}
.arcontactus-widget.arcu-bubble.left .messangers-block,
.arcontactus-widget.arcu-elastic.left .messangers-block {
  right: auto;
  left: 0;
  transform: translate3d(-100%, 0, 0)
}
.arcontactus-widget.arcu-bubble .messangers-block,
.arcontactus-widget.arcu-elastic .messangers-block {
  transform: translate3d(100%, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0 !important;
  border-radius: 0;
  background: 0 0;
  transition: .3s;
  box-shadow: none;
  opacity: 0
}
.arcontactus-widget.arcu-bubble .messangers-block:before,
.arcontactus-widget.arcu-elastic .messangers-block:before {
  content: "";
  position: absolute;
  width: calc(100% - 118px);
  top: 0;
  right: 0 !important;
  bottom: 0;
  background: #fff
}

.arcontactus-widget.arcu-bubble .messangers-block .messangers-list,
.arcontactus-widget.arcu-bubble .messangers-block .messangers-list-container,
.arcontactus-widget.arcu-elastic .messangers-block .messangers-list,
.arcontactus-widget.arcu-elastic .messangers-block .messangers-list-container {
  height: 100%
}

.arcontactus-widget.arcu-bubble .messangers-block .arcu-menu-header,
.arcontactus-widget.arcu-elastic .messangers-block .arcu-menu-header {
  transform: translate3d(0, -100%, 0);
  transition: .1s;
  border-radius: 0
}

.arcontactus-widget.arcu-bubble .messangers-block .arcu-menu-header .arcu-header-close,
.arcontactus-widget.arcu-elastic .messangers-block .arcu-menu-header .arcu-header-close {
  top: 0;
  right: 0;
  border-radius: 0
}

.arcontactus-widget.arcu-bubble .messangers-block.has-header .arcu-morph-shape,
.arcontactus-widget.arcu-elastic .messangers-block.has-header .arcu-morph-shape {
  top: 0
}

.arcontactus-widget.arcu-bubble.open .messangers-block,
.arcontactus-widget.arcu-elastic.open .messangers-block {
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup,
.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup li,
.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown,
.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown li,
.arcontactus-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-downtoup,
.arcontactus-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-downtoup li,
.arcontactus-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-uptodown,
.arcontactus-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-uptodown li {
  transition: transform .4s 0.2s
}

.arcontactus-widget.arcu-bubble.open .messangers-block.has-header .arcu-menu-header,
.arcontactus-widget.arcu-elastic.open .messangers-block.has-header .arcu-menu-header {
  transform: translate3d(0, 0, 0);
  transition-delay: 0.3s
}

.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list,
.arcontactus-widget.arcu-bubble.open.left .messangers-block,
.arcontactus-widget.arcu-elastic.open.left .messangers-block {
  transform: translate3d(0, 0, 0)
}

.arcontactus-widget.arcu-bubble.open.left .messangers-block:before,
.arcontactus-widget.arcu-elastic.open.left .messangers-block:before {
  left: 0 !important
}

.arcontactus-widget.arcu-bubble .arcu-morph-shape,
.arcontactus-widget.arcu-elastic .arcu-morph-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  bottom: 0;
  transform: rotate(180deg);
  color: #fff;
  fill: var(--elixir-white);
  z-index: -1
}

.arcontactus-widget.arcu-bubble.left .arcu-morph-shape,
.arcontactus-widget.arcu-elastic.left .arcu-morph-shape {
  left: auto;
  right: 0;
  transform: rotate(0)
}

.arcontactus-widget.arcu-bubble .arcu-morph-shape {
  width: 100%
}

.arcontactus-widget.arcu-bubble .messangers-block:before {
  display: none !important
}

.arcontactus-widget.arcu-bubble .messangers-block .messangers-list {
  transform: translate3d(100%, 0, 0);
  transition-delay: 0.2s
}

.arcontactus-widget.arcu-bubble .messangers-block.has-header .arcu-menu-header {
  transform: translate3d(0, -100%, 0);
  transition: .2s
}

.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup,
.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup li,
.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown,
.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown li,
.arcontactus-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-downtoup,
.arcontactus-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-downtoup li,
.arcontactus-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-uptodown,
.arcontactus-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-uptodown li {
  transition: transform .6s 0.2s
}

.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-fromaside,
.arcontactus-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-fromaside li,
.arcontactus-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-fromaside,
.arcontactus-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-fromaside li {
  transition-delay: 0.2s
}

.arcontactus-widget.arcu-bubble.open .messangers-block.has-header .arcu-menu-header {
  transform: translate3d(0, 0, 0);
  transition-delay: 0.5s
}

.arcontactus-widget.left.arcontactus-message {
  left: 20px;
  right: auto
}

.arcontactus-widget.left .arcontactus-message-button,
.arcontactus-widget.left .arcontactus-prompt.arcu-prompt-top,
.arcontactus-widget.left .arcu-popup,
.arcontactus-widget.left .callback-countdown-block {
  left: 0;
  right: auto
}

.arcontactus-widget.left .arcontactus-prompt {
  left: 80px;
  right: auto;
  transform-origin: 0 50%
}

.arcontactus-widget.left .arcontactus-prompt.arcu-prompt-top:before {
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-bottom: 0;
  left: 25px;
  right: auto
}

.arcontactus-widget.left .arcontactus-prompt:before {
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid transparent;
  right: auto;
  left: -15px
}

.arcontactus-widget .arcontactus-prompt.arcu-prompt-top:before,
.arcontactus-widget.md.left .arcontactus-prompt.arcu-prompt-top:before,
.arcontactus-widget.sm.left .arcontactus-prompt.arcu-prompt-top:before {
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-bottom: 0;
  border-right: 8px solid transparent
}

.arcontactus-widget.left .messangers-block {
  right: auto;
  left: 0;
  -webkit-transform-origin: 10% 105%;
  -ms-transform-origin: 10% 105%;
  transform-origin: 10% 105%
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside,
.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside {
  transition: transform 0s .2s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(-100%, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li {
  transition: transform 0s cubic-bezier(0.3, 0, 0.3, 1) .2s;
  transform: translate3d(-500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(2) {
  transform: translate3d(-1000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(3) {
  transform: translate3d(-1500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(4) {
  transform: translate3d(-2000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(5) {
  transform: translate3d(-2500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(6) {
  transform: translate3d(-3000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(7) {
  transform: translate3d(-3500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(8) {
  transform: translate3d(-4000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(9) {
  transform: translate3d(-4500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(10) {
  transform: translate3d(-5000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(11) {
  transform: translate3d(-5500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(12) {
  transform: translate3d(-6000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(13) {
  transform: translate3d(-6500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(14) {
  transform: translate3d(-7000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(15) {
  transform: translate3d(-7500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(16) {
  transform: translate3d(-8000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(17) {
  transform: translate3d(-8500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(18) {
  transform: translate3d(-9000px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(19) {
  transform: translate3d(-9500px, 0, 0)
}

.arcontactus-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(20) {
  transform: translate3d(-10000px, 0, 0)
}

.arcontactus-widget.left .callback-countdown-block::before,
.arcontactus-widget.left .messangers-block::before {
  left: 25px;
  right: auto
}

.arcontactus-widget.left.open .messangers-block .messangers-list.arcu-downtoup,
.arcontactus-widget.left.open .messangers-block .messangers-list.arcu-fromaside,
.arcontactus-widget.left.open .messangers-block .messangers-list.arcu-uptodown,
.arcontactus-widget.open .messangers-block .messangers-list.arcu-downtoup,
.arcontactus-widget.open .messangers-block .messangers-list.arcu-fromaside,
.arcontactus-widget.open .messangers-block .messangers-list.arcu-uptodown {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: transform .4s cubic-bezier(0.7, 0, 0.3, 1)
}

.arcontactus-widget.left.open .messangers-block .messangers-list.arcu-downtoup li,
.arcontactus-widget.left.open .messangers-block .messangers-list.arcu-fromaside li,
.arcontactus-widget.left.open .messangers-block .messangers-list.arcu-uptodown li,
.arcontactus-widget.open .messangers-block .messangers-list.arcu-downtoup li,
.arcontactus-widget.open .messangers-block .messangers-list.arcu-fromaside li,
.arcontactus-widget.open .messangers-block .messangers-list.arcu-uptodown li {
  transition: transform .4s cubic-bezier(0.7, 0, 0.3, 1);
  transform: translate3d(0, 0, 0)
}

.arcontactus-widget.hg .arcontactus-message-button,
.arcontactus-widget.hg.arcontactus-message {
  width: 100px;
  height: 100px
}

.arcontactus-widget.hg .arcu-popup,
.arcontactus-widget.hg .callback-countdown-block,
.arcontactus-widget.hg .messangers-block {
  bottom: 110px
}

.arcontactus-widget.hg .arcontactus-prompt,
.arcontactus-widget.md .arcontactus-prompt {
  bottom: 5px
}

.arcontactus-widget.hg .icons-line {
  top: 22px;
  left: 24px
}

.arcontactus-widget.hg.left .arcu-popup:before,
.arcontactus-widget.hg.left .callback-countdown-block:before,
.arcontactus-widget.hg.left .messangers-block:before {
  left: 41px;
  right: auto
}

.arcontactus-widget.hg.left .arcontactus-prompt {
  left: 110px;
  bottom: 26px
}

.arcontactus-widget.hg.right .arcu-popup:before,
.arcontactus-widget.hg.right .callback-countdown-block:before,
.arcontactus-widget.hg.right .messangers-block:before {
  right: 41px
}

.arcontactus-widget.hg.right .arcontactus-prompt {
  right: 110px;
  bottom: 26px
}

.arcontactus-widget.hg .arcontactus-message-button .pulsation {
  width: 114px;
  height: 114px;
  border-radius: 60px
}

.arcontactus-widget.hg .arcontactus-message-button .callback-state,
.arcontactus-widget.hg .arcontactus-message-button .icons {
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px
}

.arcontactus-widget.md .arcontactus-message-button,
.arcontactus-widget.md.arcontactus-message {
  width: 60px;
  height: 60px
}

.arcontactus-widget.md .arcu-popup,
.arcontactus-widget.md .callback-countdown-block,
.arcontactus-widget.md .messangers-block {
  bottom: 70px
}

.arcontactus-widget.md.left .arcu-popup:before,
.arcontactus-widget.md.left .callback-countdown-block:before,
.arcontactus-widget.md.left .messangers-block:before {
  left: 21px;
  right: auto
}

.arcontactus-widget.md.left .arcontactus-prompt {
  left: 70px
}

.arcontactus-widget.md.left .arcontactus-prompt.arcu-prompt-top {
  bottom: 70px;
  left: 0;
  right: auto
}

.arcontactus-widget.md.left .arcontactus-prompt.arcu-prompt-top:before {
  left: 21px;
  right: auto
}

.arcontactus-widget.md.right .arcontactus-prompt.arcu-prompt-top:before,
.arcontactus-widget.md.right .arcu-popup:before,
.arcontactus-widget.md.right .callback-countdown-block:before,
.arcontactus-widget.md.right .messangers-block:before {
  right: 21px
}

.arcontactus-widget.md.right .arcontactus-prompt {
  right: 70px
}

.arcontactus-widget.md.right .arcontactus-prompt.arcu-prompt-top {
  right: 0;
  bottom: 70px
}

.arcontactus-widget.md .arcontactus-message-button .pulsation {
  width: 74px;
  height: 74px
}

.arcontactus-widget.md .arcontactus-message-button .callback-state,
.arcontactus-widget.md .arcontactus-message-button .icons,
.arcontactus-widget.sm .arcontactus-message-button .callback-state,
.arcontactus-widget.sm .arcontactus-message-button .icons {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px
}

.arcontactus-widget.sm .arcontactus-message-button,
.arcontactus-widget.sm.arcontactus-message {
  width: 50px;
  height: 50px
}

.arcontactus-widget.sm .arcu-popup,
.arcontactus-widget.sm .callback-countdown-block,
.arcontactus-widget.sm .messangers-block {
  bottom: 60px
}

.arcontactus-widget.sm .arcontactus-prompt {
  bottom: 0
}

.arcontactus-widget.sm.left .arcu-popup:before,
.arcontactus-widget.sm.left .callback-countdown-block:before,
.arcontactus-widget.sm.left .messangers-block:before {
  left: 16px;
  right: auto
}

.arcontactus-widget.sm.left .arcontactus-prompt {
  left: 60px
}

.arcontactus-widget.sm.left .arcontactus-prompt.arcu-prompt-top {
  bottom: 60px;
  left: 0;
  right: auto
}

.arcontactus-widget.sm.left .arcontactus-prompt.arcu-prompt-top:before {
  left: 16px;
  right: auto
}

.arcontactus-widget.sm.right .arcontactus-prompt.arcu-prompt-top:before,
.arcontactus-widget.sm.right .arcu-popup:before,
.arcontactus-widget.sm.right .callback-countdown-block:before,
.arcontactus-widget.sm.right .messangers-block:before {
  right: 16px
}

.arcontactus-widget.sm.right .arcontactus-prompt {
  right: 60px
}

.arcontactus-widget.sm.right .arcontactus-prompt.arcu-prompt-top {
  right: 0;
  bottom: 60px
}

.arcontactus-widget.sm .arcontactus-message-button .pulsation {
  width: 64px;
  height: 64px
}

.arcontactus-widget .arcontactus-prompt:hover .arcontactus-prompt-close,
.arcontactus-widget.active {
  opacity: 1
}

.arcontactus-widget.arcontactus-message {
  z-index: 1000000;
  left: 20px;
  bottom: 20px;
  position: fixed !important;
  height: 70px;
  width: 70px
}

.arcontactus-widget .arcontactus-message-button {
  width: 70px;
  position: absolute;
  height: 70px;
  right: 0;
  bottom: 15px;
  background-color: red;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.arcontactus-widget .arcontactus-message-button .arcu-item-label,
.arcontactus-widget .arcontactus-message-button p {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  line-height: 11px;
  margin: 0
}

.arcontactus-widget .arcontactus-message-button .pulsation {
  width: 84px;
  height: 84px;
  background-color: red;
  border-radius: 50px;
  position: absolute;
  left: -7px;
  top: -7px;
  z-index: -1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: 2s infinite arcontactus-pulse;
  animation: 2s infinite arcontactus-pulse
}

.arcontactus-widget .arcontactus-message-button .icons {
  background-color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px
}

.arcontactus-widget .arcontactus-message-button .static {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex: auto
}

.arcontactus-widget .arcontactus-message-button .static div {
  margin: auto
}

.arcontactus-widget .arcontactus-message-button .static div.img-24 i,
.arcontactus-widget .arcontactus-message-button .static div.img-24 img,
.arcontactus-widget .arcontactus-message-button .static div.img-24 svg {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px
}

.arcontactus-widget .arcontactus-message-button .static div.img-28 i,
.arcontactus-widget .arcontactus-message-button .static div.img-28 img,
.arcontactus-widget .arcontactus-message-button .static div.img-28 svg {
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px
}

.arcontactus-widget .arcontactus-message-button .static div.img-32 i,
.arcontactus-widget .arcontactus-message-button .static div.img-32 img,
.arcontactus-widget .arcontactus-message-button .static div.img-32 svg {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px
}

.arcontactus-widget .arcontactus-message-button .static div.img-36 i,
.arcontactus-widget .arcontactus-message-button .static div.img-36 img,
.arcontactus-widget .arcontactus-message-button .static div.img-36 svg {
  width: 36px;
  height: 36px;
  font-size: 36px;
  line-height: 36px
}

.arcontactus-widget .arcontactus-message-button .static div.img-42 i,
.arcontactus-widget .arcontactus-message-button .static div.img-42 img,
.arcontactus-widget .arcontactus-message-button .static div.img-42 svg {
  width: 42px;
  height: 42px;
  font-size: 42px;
  line-height: 42px
}

.arcontactus-widget .arcontactus-message-button .static div.img-48 i,
.arcontactus-widget .arcontactus-message-button .static div.img-48 img,
.arcontactus-widget .arcontactus-message-button .static div.img-48 svg {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px
}

.arcontactus-widget .arcontactus-message-button .static img {
  display: inline
}

.arcontactus-widget .arcontactus-message-button .static i,
.arcontactus-widget .arcontactus-message-button .static img,
.arcontactus-widget .arcontactus-message-button .static svg {
  width: 24px;
  height: 24px;
  color: #fff;
  line-height: 24px;
  font-size: 24px;
  margin: auto
}

.arcontactus-widget .pulsation:nth-of-type(2n) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.arcontactus-widget .pulsation.stop {
  -webkit-animation: none;
  animation: none
}

.arcontactus-widget .icons-line {
  top: 10px;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transition: cubic-bezier(.13, 1.49, .14, -.4);
  -o-transition: cubic-bezier(.13, 1.49, .14, -.4);
  transition: .2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  height: 24px
}

.arcontactus-widget .animation-pause,
.arcontactus-widget .icons-line.stop {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.arcontactus-widget .icons-line span {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: red
}

.arcontactus-widget .icons-line span i,
.arcontactus-widget .icons-line span img,
.arcontactus-widget .icons-line span svg {
  width: 24px;
  height: 24px
}

.arcontactus-widget .icons-line span i {
  display: block;
  font-size: 24px;
  line-height: 24px
}

.arcontactus-widget .icons-line img,
.arcontactus-widget .icons-line span {
  margin-right: 40px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone:before,
.arcontactus-widget .icons,
.arcontactus-widget .static {
  transition: .2s
}

.arcontactus-widget .icons.hide,
.arcontactus-widget .static.hide {
  transform: scale(0);
  opacity: 0
}

.arcontactus-widget .icons.hide .icons-line {
  transform: scale(0)
}

.arcontactus-widget .icons .icon:first-of-type {
  margin-left: 0
}

.arcontactus-widget .arcontactus-close {
  color: #fff
}

.arcontactus-widget .arcontactus-close svg {
  -webkit-transform: rotate(180deg) scale(0);
  -ms-transform: rotate(180deg) scale(0);
  transform: rotate(180deg) scale(0);
  -webkit-transition: .12s ease-in;
  -o-transition: .12s ease-in;
  transition: .12s ease-in;
  display: block
}

.arcontactus-widget .arcontactus-close.show-messageners-block svg {
  -webkit-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1)
}

.arcontactus-widget .arcontactus-prompt,
.arcontactus-widget .arcu-popup,
.arcontactus-widget .callback-countdown-block,
.arcontactus-widget .messangers-block {
  background: center no-repeat #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, .2);
  width: 300px;
  position: absolute;
  bottom: 80px;
  right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 7px;
  z-index: 1000000;
  transform: scale(1);
  display: none
}

.arcontactus-widget .arcontactus-prompt:before,
.arcontactus-widget .arcu-popup:before,
.arcontactus-widget .callback-countdown-block:before,
.arcontactus-widget .messangers-block:before {
  position: absolute;
  bottom: -7px;
  right: 25px;
  left: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  content: ""
}

.arcontactus-widget .arcu-popup .arcu-popup-header,
.arcontactus-widget .messangers-block .arcu-menu-header {
  border-radius: 7px 7px 0 0;
  font-size: 17px;
  position: relative;
  background: #787878;
  color: #fff;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif
}

.arcontactus-widget.arcu-scale .arcontactus-prompt,
.arcontactus-widget.arcu-scale .arcu-popup,
.arcontactus-widget.arcu-scale .callback-countdown-block,
.arcontactus-widget.arcu-scale .messangers-block {
  display: block;
  -webkit-transform-origin: 80% 105%;
  -ms-transform-origin: 80% 105%;
  transform-origin: 80% 105%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .12s ease-out;
  -o-transition: .12s ease-out;
  transition: .12s ease-out
}

.arcontactus-widget .arcontactus-prompt.active,
.arcontactus-widget.arcu-scale .arcontactus-prompt.display-flex,
.arcontactus-widget.arcu-scale .arcontactus-prompt.show-messageners-block,
.arcontactus-widget.arcu-scale .arcu-popup.display-flex,
.arcontactus-widget.arcu-scale .arcu-popup.show-messageners-block,
.arcontactus-widget.arcu-scale .callback-countdown-block.display-flex,
.arcontactus-widget.arcu-scale .callback-countdown-block.show-messageners-block,
.arcontactus-widget.arcu-scale .messangers-block.display-flex,
.arcontactus-widget.arcu-scale .messangers-block.show-messageners-block {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.arcontactus-widget.arcu-scaleout .arcontactus-prompt,
.arcontactus-widget.arcu-scaleout .arcu-popup,
.arcontactus-widget.arcu-scaleout .callback-countdown-block,
.arcontactus-widget.arcu-scaleout .messangers-block {
  display: block;
  -webkit-transform-origin: 80% 105%;
  -ms-transform-origin: 80% 105%;
  transform-origin: 80% 105%;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .12s ease-out;
  -o-transition: .12s ease-out;
  transition: .12s ease-out;
  opacity: 0;
  visibility: hidden
}

.arcontactus-widget.arcu-scaleout .arcontactus-prompt.display-flex,
.arcontactus-widget.arcu-scaleout .arcontactus-prompt.show-messageners-block,
.arcontactus-widget.arcu-scaleout .arcu-popup.display-flex,
.arcontactus-widget.arcu-scaleout .arcu-popup.show-messageners-block,
.arcontactus-widget.arcu-scaleout .callback-countdown-block.display-flex,
.arcontactus-widget.arcu-scaleout .callback-countdown-block.show-messageners-block,
.arcontactus-widget.arcu-scaleout .messangers-block.display-flex,
.arcontactus-widget.arcu-scaleout .messangers-block.show-messageners-block {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible
}

.arcontactus-widget.arcu-fadeindown .arcontactus-prompt,
.arcontactus-widget.arcu-fadeindown .arcu-popup,
.arcontactus-widget.arcu-fadeindown .callback-countdown-block,
.arcontactus-widget.arcu-fadeindown .messangers-block,
.arcontactus-widget.arcu-fadeinup .arcontactus-prompt,
.arcontactus-widget.arcu-fadeinup .arcu-popup,
.arcontactus-widget.arcu-fadeinup .callback-countdown-block,
.arcontactus-widget.arcu-fadeinup .messangers-block {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: .2s ease-in-out;
  transform: translate3d(0, -20%, 0)
}

.arcontactus-widget.arcu-fadeindown .arcontactus-prompt.display-flex,
.arcontactus-widget.arcu-fadeindown .arcontactus-prompt.show-messageners-block,
.arcontactus-widget.arcu-fadeindown .arcu-popup.display-flex,
.arcontactus-widget.arcu-fadeindown .arcu-popup.show-messageners-block,
.arcontactus-widget.arcu-fadeindown .callback-countdown-block.display-flex,
.arcontactus-widget.arcu-fadeindown .callback-countdown-block.show-messageners-block,
.arcontactus-widget.arcu-fadeindown .messangers-block.display-flex,
.arcontactus-widget.arcu-fadeindown .messangers-block.show-messageners-block,
.arcontactus-widget.arcu-fadeinup .arcontactus-prompt.display-flex,
.arcontactus-widget.arcu-fadeinup .arcontactus-prompt.show-messageners-block,
.arcontactus-widget.arcu-fadeinup .arcu-popup.display-flex,
.arcontactus-widget.arcu-fadeinup .arcu-popup.show-messageners-block,
.arcontactus-widget.arcu-fadeinup .callback-countdown-block.display-flex,
.arcontactus-widget.arcu-fadeinup .callback-countdown-block.show-messageners-block,
.arcontactus-widget.arcu-fadeinup .messangers-block.display-flex,
.arcontactus-widget.arcu-fadeinup .messangers-block.show-messageners-block {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

.arcontactus-widget.arcu-fadeinup .arcontactus-prompt,
.arcontactus-widget.arcu-fadeinup .arcu-popup,
.arcontactus-widget.arcu-fadeinup .callback-countdown-block,
.arcontactus-widget.arcu-fadeinup .messangers-block {
  transform: translate3d(0, 20%, 0)
}

.arcontactus-widget .arcu-popup {
  display: block;
  -webkit-transform-origin: 80% 105%;
  -ms-transform-origin: 80% 105%;
  transform-origin: 80% 105%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .12s ease-out;
  -o-transition: .12s ease-out;
  transition: .12s ease-out;
  padding: 0
}

.arcontactus-widget .arcu-popup.show-messageners-block {
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.arcontactus-widget .arcu-popup .arcu-popup-header {
  padding: 18px 15px;
  margin-bottom: 0;
  line-height: 1.4
}

.arcontactus-widget .arcu-popup .arcu-popup-content {
  padding: 10px;
  max-height: 300px;
  overflow: auto;
  line-height: initial
}

.arcontactus-widget .arcontactus-prompt.arcu-prompt-top {
  right: 0;
  max-width: 260px;
  bottom: 80px
}

.arcontactus-widget .arcontactus-prompt.arcu-prompt-top:before {
  bottom: -7px;
  right: 25px;
  left: auto
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.display-flex,
.arcontactus-widget .callback-countdown-block.display-flex,
.arcontactus-widget .messangers-block {
  display: block
}

.arcontactus-widget .messangers-block.has-header {
  padding-top: 0
}

.arcontactus-widget .messangers-block .messangers-list-container {
  overflow: hidden
}

.arcontactus-widget .messangers-block .arcu-menu-header {
  padding: 18px 15px;
  margin-bottom: 10px;
  line-height: 1.4
}

.arcontactus-widget .arcu-header-close,
.arcontactus-widget .arcu-popup-back,
.arcontactus-widget .arcu-popup-close {
  position: absolute;
  right: 0;
  top: -30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: #787878;
  line-height: 1;
  width: 26px;
  height: 26px;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  text-align: center
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg,
.arcontactus-widget .arcu-header-close svg,
.arcontactus-widget .arcu-popup-back svg,
.arcontactus-widget .arcu-popup-close svg,
.arcontactus-widget .callback-countdown-block .callback-countdown-block-close svg {
  height: 12px;
  width: 12px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px
}

.arcontactus-widget .arcu-popup-back {
  right: auto;
  left: 0;
  top: 50%;
  margin-top: -13px;
  display: none
}

.arcontactus-widget .arcu-popup-back svg {
  height: 16px;
  width: 16px;
  margin: -8px 0 0 -8px
}

.arcontactus-widget .arcontactus-prompt {
  color: #787878;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  width: auto;
  bottom: 10px;
  right: 80px;
  white-space: nowrap;
  padding: 14px 20px
}

.arcontactus-widget .arcontactus-prompt:before {
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  border-bottom: 8px solid transparent;
  bottom: 16px;
  right: -15px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
  opacity: 0;
  transition: .2s;
  position: absolute;
  right: -10px;
  top: -10px;
  padding: 0;
  margin: 0;
  border: 0;
  background: #787878;
  line-height: 1;
  width: 26px;
  height: 26px;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  text-align: center
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
  border-radius: 10px;
  display: inline-block;
  left: 3px;
  padding: 0 0 0 3px;
  position: relative;
  top: 4px;
  width: 50px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div {
  position: relative;
  float: left;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #ccc;
  margin: 0 2px;
  -webkit-animation: 2s infinite arcontactus-updown;
  animation: 2s infinite arcontactus-updown
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2) {
  animation-delay: .1s
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3) {
  animation-delay: .2s
}

.arcontactus-widget .messangers-block .messangers-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.arcontactus-widget .messangers-block .messangers-list li {
  margin: 0;
  padding: 0
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup,
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown {
  transition: transform 0s .2s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li,
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li {
  transition: transform 0s cubic-bezier(0.3, 0, 0.3, 1) .2s;
  transform: translate3d(0, 500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(2),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(2) {
  transform: translate3d(0, 1000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(3),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(3) {
  transform: translate3d(0, 1500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(4),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(4) {
  transform: translate3d(0, 2000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(5),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(5) {
  transform: translate3d(0, 2500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(6),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(6) {
  transform: translate3d(0, 3000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(7),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(7) {
  transform: translate3d(0, 3500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(8),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(8) {
  transform: translate3d(0, 4000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(9),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(9) {
  transform: translate3d(0, 4500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(10),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(10) {
  transform: translate3d(0, 5000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(11),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(11) {
  transform: translate3d(0, 5500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(12),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(12) {
  transform: translate3d(0, 6000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(13),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(13) {
  transform: translate3d(0, 6500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(14),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(14) {
  transform: translate3d(0, 7000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(15),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(15) {
  transform: translate3d(0, 7500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(16),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(16) {
  transform: translate3d(0, 8000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(17),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(17) {
  transform: translate3d(0, 8500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(18),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(18) {
  transform: translate3d(0, 9000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(19),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(19) {
  transform: translate3d(0, 9500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(20),
.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(20) {
  transform: translate3d(0, 10000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown {
  transition: transform 0s .2s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li {
  transition: transform 0s cubic-bezier(0.3, 0, 0.3, 1) .2s;
  transform: translate3d(0, -500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(2) {
  transform: translate3d(0, -1000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(3) {
  transform: translate3d(0, -1500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(4) {
  transform: translate3d(0, -2000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(5) {
  transform: translate3d(0, -2500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(6) {
  transform: translate3d(0, -3000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(7) {
  transform: translate3d(0, -3500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(8) {
  transform: translate3d(0, -4000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(9) {
  transform: translate3d(0, -4500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(10) {
  transform: translate3d(0, -5000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(11) {
  transform: translate3d(0, -5500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(12) {
  transform: translate3d(0, -6000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(13) {
  transform: translate3d(0, -6500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(14) {
  transform: translate3d(0, -7000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(15) {
  transform: translate3d(0, -7500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(16) {
  transform: translate3d(0, -8000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(17) {
  transform: translate3d(0, -8500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(18) {
  transform: translate3d(0, -9000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(19) {
  transform: translate3d(0, -9500px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(20) {
  transform: translate3d(0, -10000px, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li {
  transition: transform 0s cubic-bezier(0.3, 0, 0.3, 1) .2s;
  transform: translate3d(500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(2) {
  transform: translate3d(1000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(3) {
  transform: translate3d(1500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(4) {
  transform: translate3d(2000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(5) {
  transform: translate3d(2500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(6) {
  transform: translate3d(3000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(7) {
  transform: translate3d(3500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(8) {
  transform: translate3d(4000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(9) {
  transform: translate3d(4500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(10) {
  transform: translate3d(5000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(11) {
  transform: translate3d(5500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(12) {
  transform: translate3d(6000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(13) {
  transform: translate3d(6500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(14) {
  transform: translate3d(7000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(15) {
  transform: translate3d(7500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(16) {
  transform: translate3d(8000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(17) {
  transform: translate3d(8500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(18) {
  transform: translate3d(9000px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(19) {
  transform: translate3d(9500px, 0, 0)
}

.arcontactus-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(20) {
  transform: translate3d(10000px, 0, 0)
}

.arcontactus-widget .messangers-block.sm .arcu-menu-header {
  padding-top: 12px;
  padding-bottom: 12px
}

.arcontactus-widget .messangers-block.sm .not-rounded-items .messanger {
  padding-left: 42px
}

.arcontactus-widget .messangers-block.sm .messanger {
  padding-left: 50px;
  min-height: 44px;
  padding-top: 4px;
  padding-bottom: 4px
}

.arcontactus-widget .messangers-block.sm .messanger span {
  height: 32px;
  width: 32px;
  margin-top: -16px
}

.arcontactus-widget .messangers-block.sm .messanger span i,
.arcontactus-widget .messangers-block.sm .messanger span img,
.arcontactus-widget .messangers-block.sm .messanger span svg {
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-size: 21px
}

.arcontactus-widget .messangers-block.sm .messanger span.no-container i,
.arcontactus-widget .messangers-block.sm .messanger span.no-container img,
.arcontactus-widget .messangers-block.sm .messanger span.no-container svg {
  height: 100%;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  line-height: 32px;
  font-size: 32px
}

.arcontactus-widget .not-rounded-items .messanger {
  padding-left: 48px
}

.arcontactus-widget .not-rounded-items .messanger span {
  left: 5px
}

.arcontactus-widget .messanger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  cursor: pointer;
  width: 100%;
  padding: 8px 20px 8px 60px;
  position: relative;
  min-height: 54px;
  text-decoration: none
}

.arcontactus-widget .messanger.has-addon {
  padding-right: 26px
}

.arcontactus-widget .messanger:hover {
  background-color: #eee
}

.arcontactus-widget .messanger:before {
  background-repeat: no-repeat;
  background-position: center
}

.arcontactus-widget .messanger.facebook span {
  background: #0084ff
}

.arcontactus-widget .messanger.viber span {
  background: #7c529d
}

.arcontactus-widget .messanger.telegram span {
  background: #2ca5e0
}

.arcontactus-widget .messanger.skype span {
  background: #31c4ed
}

.arcontactus-widget .messanger.email span {
  background: #ff8400
}

.arcontactus-widget .messanger.contact span {
  background: #7eb105
}

.arcontactus-widget .messanger.call-back span {
  background: #54cd81
}

.arcontactus-widget .messanger .arcu-qr-addon {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 6px
}

.arcontactus-widget .messanger .arcu-qr-addon img {
  width: 100%;
  height: auto
}

.arcontactus-widget .messanger span {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -20px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #333 !important;
  margin-right: 10px;
  color: #fff;
  text-align: center;
  vertical-align: middle
}

.arcontactus-widget .messanger span i,
.arcontactus-widget .messanger span img,
.arcontactus-widget .messanger span svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px
}

.arcontactus-widget .messanger span.no-container {
  background: 0 0;
  color: #333
}

.arcontactus-widget .messanger span.no-container i,
.arcontactus-widget .messanger span.no-container img,
.arcontactus-widget .messanger span.no-container svg {
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 40px;
  font-size: 40px
}

.arcontactus-widget .messanger span i {
  font-size: 24px;
  line-height: 24px
}

.arcontactus-widget .messanger .arcu-item-label,
.arcontactus-widget .messanger p {
  margin: 0;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, .87);
  padding: 0;
  line-height: 17px
}

.arcontactus-widget .messanger .arcu-item-label .arcu-item-subtitle,
.arcontactus-widget .messanger p .arcu-item-subtitle {
  font-size: 13px;
  color: #787878
}

.arcontactus-widget .callback-countdown-block {
  background: center no-repeat #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, .2);
  width: 410px;
  position: absolute;
  bottom: 80px;
  left: auto;
  right: 0;
  align-items: center;
  border-radius: 7px;
  -webkit-transform-origin: 80% 105%;
  -ms-transform-origin: 80% 105%;
  transform-origin: 80% 105%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .12s ease-out;
  -o-transition: .12s ease-out;
  transition: .12s ease-out;
  z-index: 1000000;
  color: red;
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 8px;
  display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer_timer {
  font-size: 38px;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
  padding: 0 10px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  width: 100%;
  position: relative
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.ar-loading:before {
  background: rgba(255, 255, 255, .8);
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.ar-loading:after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 2;
  top: 50%;
  bottom: 50%;
  margin-top: -15px;
  margin-bottom: -15px;
  left: 50%;
  margin-left: -15px;
  background: url("../img/ring-alt.html") no-repeat
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .arcu-item-label,
.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone p {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 3px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group {
  align-items: center
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group {
  margin-bottom: 10px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-required .arcu-form-label:after {
  content: " *";
  color: #c7254e
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-type-checkbox {
  position: relative;
  padding-left: 20px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-type-checkbox input {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-label {
  font-size: 14px;
  margin-bottom: 3px;
  color: #333
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field {
  color: #000;
  display: block;
  width: 100%;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  border-radius: 4px;
  border: 1px solid #ddd;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 10px;
  margin: 0 !important
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group textarea.arcu-form-field {
  height: 80px;
  resize: vertical;
  max-height: 140px;
  min-height: 60px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit] {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 0;
  background-color: red;
  color: #fff;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  padding: 7px 5px;
  cursor: pointer;
  height: 36px;
  margin: 0;
  line-height: 1
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit]:hover {
  opacity: .8
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry {
  height: 140px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry p {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 7px;
  width: 100%
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-close {
  position: absolute;
  right: 9px;
  top: 9px;
  padding: 0;
  margin: 0;
  border: 0;
  background: #787878;
  line-height: 1;
  width: 26px;
  height: 26px;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  z-index: 1;
  text-align: center
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 140px;
  display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer p {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 7px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer h1 {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 40px;
  line-height: 46px;
  text-align: center;
  font-weight: 300
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry.display-flex,
.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.arcontactus-widget .callback-state {
  background-color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  display: none;
  -webkit-animation: none;
  animation: none;
  z-index: 999999;
  transition: .2s;
  transform: scale(0);
  color: red;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.arcontactus-widget .callback-state.display-flex {
  transform: scale(1)
}

.arcontactus-widget .callback-state svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px
}

.arcontactus-widget .callback-state .callback-state-img {
  position: absolute;
  top: 12px;
  left: 12px
}

@-webkit-keyframes arcontactus-pulse {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1
  }

  50% {
      opacity: .5
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0
  }
}

@media (max-width: 468px) {
  .arcontactus-widget.arcontactus-message.opened {
      width: auto;
      right: 20px;
      left: 20px
  }

  .arcontactus-widget .callback-countdown-block {
      width: auto
  }
}

@media (max-height: 400px) {
  .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
      opacity: 1
  }
}

@media (max-width: 428px) {

  .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group,
  .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-back,
  .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-back,
  .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-back {
      display: block
  }

  .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit],
  .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group input[type=tel] {
      display: block;
      width: 100%;
      margin: 0 0 5px
  }

  .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group input[type=tel] {
      margin-bottom: 10px !important
  }

  .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.display-flex {
      display: block;
      width: 100%
  }

  .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.open .arcontactus-prompt .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.open .arcu-popup .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.open .callback-countdown-block .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.open .messangers-block .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.opened .arcontactus-prompt .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.opened .callback-countdown-block .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.opened .messangers-block .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-prompt .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.popup-opened .callback-countdown-block .arcontactus-prompt-close,
  .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcontactus-prompt-close {
      opacity: 1
  }

  .arcontactus-widget.arcontactus-message .arcu-popup,
  .arcontactus-widget.arcontactus-message .callback-countdown-block,
  .arcontactus-widget.arcontactus-message .messangers-block {
      bottom: 0;
      border-radius: 0;
      width: 100%
  }

  .arcontactus-widget.arcontactus-message.open,
  .arcontactus-widget.arcontactus-message.opened,
  .arcontactus-widget.arcontactus-message.popup-opened {
      width: 100%;
      left: 0;
      right: 0;
      bottom: 0
  }

  .arcontactus-widget.arcontactus-message.open .messangers-block .arcu-menu-header,
  .arcontactus-widget.arcontactus-message.opened .messangers-block .arcu-menu-header,
  .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcu-menu-header {
      border-radius: 0;
      padding-right: 40px
  }

  .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-close,
  .arcontactus-widget.arcontactus-message.open .messangers-block .arcu-header-close,
  .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-close,
  .arcontactus-widget.arcontactus-message.opened .messangers-block .arcu-header-close,
  .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-close,
  .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcu-header-close {
      right: 5px;
      top: 50%;
      margin-top: -13px
  }

  .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-header,
  .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-header,
  .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-header {
      border-radius: 0;
      padding-right: 40px;
      padding-left: 30px
  }

  .arcontactus-widget.arcontactus-message.open .arcontactus-prompt,
  .arcontactus-widget.arcontactus-message.open .arcu-popup,
  .arcontactus-widget.arcontactus-message.open .callback-countdown-block,
  .arcontactus-widget.arcontactus-message.open .messangers-block,
  .arcontactus-widget.arcontactus-message.opened .arcontactus-prompt,
  .arcontactus-widget.arcontactus-message.opened .arcu-popup,
  .arcontactus-widget.arcontactus-message.opened .callback-countdown-block,
  .arcontactus-widget.arcontactus-message.opened .messangers-block,
  .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-prompt,
  .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup,
  .arcontactus-widget.arcontactus-message.popup-opened .callback-countdown-block,
  .arcontactus-widget.arcontactus-message.popup-opened .messangers-block {
      width: 100%
  }

  .arcontactus-widget.arcontactus-message.open .arcontactus-message-button,
  .arcontactus-widget.arcontactus-message.opened .arcontactus-message-button,
  .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-message-button {
      display: none
  }
}

@keyframes arcontactus-updown {

  0%,
  100%,
  43% {
      transform: translate(0, 0)
  }

  25%,
  35% {
      transform: translate(0, -10px)
  }
}

@-webkit-keyframes arcontactus-updown {

  0%,
  100%,
  43% {
      transform: translate(0 0)
  }

  25%,
  35% {
      transform: translate(-10px 0)
  }
}

@keyframes arcontactus-pulse {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1
  }

  50% {
      opacity: .5
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0
  }
}

@-webkit-keyframes arcontactus-show-stat {

  0%,
  100%,
  20%,
  85% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  21%,
  84% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }
}

@keyframes arcontactus-show-stat {

  0%,
  100%,
  20%,
  85% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  21%,
  84% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }
}

@-webkit-keyframes arcontactus-show-icons {

  0%,
  100%,
  20%,
  85% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  21%,
  84% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes arcontactus-show-icons {

  0%,
  100%,
  20%,
  85% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  21%,
  84% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}


/* ============================================================== 
    # Product Speciality
=================================================================== */
.product-badge {
	position: relative;
	left: 0;
	background: var(--color-primary);
	text-align: center;
	padding: 40px;
	display: inline-block;
	top: -35px;
	margin-bottom: 0;
}

.product-speciality-info {
	position: relative;
	z-index: 1;
}

.product-badge h1 {
	margin: 0;
	font-size: 60px;
}

.product-badge h1 strong {
	display: block;
	font-size: 36px;
	font-family: var(--font-secondary);
	text-transform: uppercase;
}

.product-badge::after {
	position: absolute;
	right: -29px;
	top: 0;
	content: "";
	border-right: 30px solid transparent;
	border-bottom: 35px solid var(--color-primary);
	opacity: 0.6;
}

.product-speciality-info h2 {
	font-size: 60px;
	font-weight: 300;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.product-speciality-info h2 strong {
	display: block;
	color: var(--color-secondary);
	font-weight: 600;
}

/* ============================================================== 
    # Testimonial Style Two
=================================================================== */
.testimonial-style-two-area {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.testimonial-style-two {
	border-radius: 10px;
	overflow: hidden;
	padding-top: 20px;
}

.testimonial-style-two .thumb {
	position: relative;
	height: 150px;
	width: 150px;
	margin: auto auto 30px;
}

.testimonial-style-two .thumb > img {
	border-radius: 50%;
	border: 12px solid var(--white);
}

.testimonial-style-two .thumb img:nth-child(2) {
	border-radius: inherit;
	position: absolute;
	height: 51px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: var(--color-primary);
	padding: 10px;
	border-radius: 50%;
}

.testimonial-style-two p {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-heading);
}

.testimonial-style-two .provider {
	position: relative;
	z-index: 1;
	margin-top: -80px;
}

.testimonial-style-two .item-info {
	padding: 120px;
	position: relative;
	background: var(--white);
	border-radius: 20px;
}

.testimonial-style-two .item-info::after {
	position: absolute;
	left: 30px;
	right: 30px;
	content: "";
	height: 60px;
	background: var(--white);
	z-index: -1;
	top: -20px;
	border-radius: 10px;
	opacity: 0.6;
}

.testimonial-style-two .thumb .quote {
	background: var(--color-secondary);
	height: 50px;
	width: 50px;
	padding: 11px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -7px;
}

.testimonial-style-two .thumb .quote img {
	border-radius: 0;
}

.testimonial-style-two .provider h4 {
	margin-bottom: 5px;
	font-size: 28px;
}

.testimonial-style-two .provider span {
	color: var(--color-secondary);
	text-transform: uppercase;
	font-size: 18px;
}

.testimonial-style-two i {
	display: inline-block;
	font-size: 24px;
	margin-bottom: 25px;
	color: #ffc100;
}

.testimonial-style-two-carousel .swiper-pagination {
	position: relative;
	margin-top: 40px;
}

.testimonial-style-two-carousel .swiper-pagination .swiper-pagination-bullet {
	height: 20px;
	width: 20px;
	border: 1px solid var(--color-heading);
	background: transparent;
	position: relative;
	z-index: 1;
}

.testimonial-style-two-carousel .swiper-pagination .swiper-pagination-bullet::after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	height: 5px;
	width: 5px;
	background: var(--color-heading);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}