@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
  font-family: Poppins-Light;
  src: url('../fonts/Poppins/Poppins-Light.ttf');
}

@font-face {
  font-family: Poppins-ExtraLight;
  src: url('../fonts/Poppins/Poppins-ExtraLight.ttf');
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/Poppins/Poppins-Medium.ttf');
}

@font-face {
  font-family: Poppins-Italic;
  src: url('../fonts/Poppins/Poppins-Italic.ttf');
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/Poppins/Poppins-Bold.ttf');
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
}


/*---------------------------------------------*/
@font-face {
  font-family: PlayfairDisplay-Regular;
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf');
}

@font-face {
  font-family: PlayfairDisplay-Bold;
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf');
}

/*---------------------------------------------*/
@font-face {
  font-family: Montserrat-Regular;
  src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}

@font-face {
  font-family: Montserrat-Bold;
  src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
}


/*//////////////////////////////////////////////////////////////////
[ RS PLUGIN ]*/

/*------------------------------------------------------------------
[ Bootstrap ]*/
.container {max-width: 1380px;}

@media (max-width: 1600px) {
  .container {max-width: 1200px;}
}

/*------------------------------------------------------------------
[ Slick2 ]*/
.slick-slide {outline: none !important;}


/*//////////////////////////////////////////////////////////////////
[ LOADDING ]*/
.animsition-loading-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader05 {
  width: 56px;
  height: 56px;
  border: 4px solid #717fe0;
  border-radius: 50%;
  position: relative;
  animation: loader-scale 1s ease-out infinite;
  top: 50%;
  margin: -28px auto 0 auto;
}

@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; }
}

/*//////////////////////////////////////////////////////////////////
[ BUTTON BACK TO TOP ]*/
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 40px;
  height: 38px;
  bottom: 0px;
  right: 40px;
  background-color: #717fe0;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 25px;
  color: white;
  line-height: 1em;
}

.btn-back-to-top:hover {
  opacity: 1;
  background-color: #717fe0;
}

@media (max-width: 575px) {
  .btn-back-to-top {
    bottom: 0px;
    right: 15px;
  }
}


/*//////////////////////////////////////////////////////////////////
[ Header ]*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
[ Header Desktop ]*/

.container-menu-desktop {
  height: auto;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.header-v2 .container-menu-desktop {
  height: 84px;
}

.header-v3 .container-menu-desktop {
  height: auto;
}

.header-v4 .container-menu-desktop {
  height: 124px;
}


/*==================================================================
[ Top bar ]*/
.top-bar {
  height: calc(100px - 2vw);
  min-height: 30px;
  max-height: 45px;
  background-color: #222;
}

/*---------------------------------------------*/
.left-top-bar {
  font-family: Poppins-Regular;
  font-size: 12px;
  line-height: 1.8;
  color: #b2b2b2;
}


/*---------------------------------------------*/
.right-top-bar a {
  font-family: Poppins-Regular;
  font-size: 12px;
  line-height: 1.8;

  height: 100%;
  color: #b2b2b2;
  border-right: 1px solid rgba(255,255,255,0.3);
}

.right-top-bar a:first-child {
  border-left: 1px solid rgba(255,255,255,0.3);
}

.right-top-bar a:hover {
  color: #6c7ae0;
}


/*==================================================================
[ Menu ]*/

.wrap-menu-desktop {
  position: fixed;
  z-index: 1100;
  background-color: transparent;
  width: 100%;
  height: 84px;
  top: 50px;
  left: 0px;
  -webkit-transition: height 0.3s, background-color 0.3s;
  -o-transition: height 0.3s, background-color 0.3s;
  -moz-transition: height 0.3s, background-color 0.3s;
  transition: height 0.3s, background-color 0.3s;

}

@media (max-width: 900px) {
  .wrap-menu-desktop {
    top: 65px;
  }
}  

.header-v2 .wrap-menu-desktop {
  background-color: #fff;
  top: 0;
}

.header-v3 .wrap-menu-desktop {
  background-color: transparent;
  top: 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.header-v4 .wrap-menu-desktop {
  background-color: #fff;
}


/*---------------------------------------------*/
.limiter-menu-desktop {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: transparent;
}

.limiter-menu-desktop.sticky-nav {
  background-color: #222 !important; /* or #000 for pure black */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: background 0.3s;
}


/*------------------------------------------------------------------
[ Logo ]*/
.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 65%;
  margin-right: 55px;
}

.logo img {
  max-width: 100%;
  max-height: 100%;
}

.div img {
  max-width: 100%;
  max-height: 50%;
}

/*------------------------------------------------------------------
[ Menu ]*/

.menu-desktop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100%;

}

.main-menu {
  list-style-type: none;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.main-menu:after {
  transition: all ease-in-out .2s;
  background: none repeat scroll 0 0 #ffffff;
  content: "";
  display: block;
  height: 2px;
  width: 0;
}

.main-menu > li {
  display: block;
  position: relative;
  padding: 20px 10px 20px 0px;
  margin: 0px 20px 0px 20px;
}

@media (max-width: 900px) {
  .main-menu > li {
    display: block;
    position: relative;
    margin: 0px 10px 0px 14px;
  }

  .wrap-menu-desktop {
    position: fixed;
    z-index: 1100;
    background-color: transparent;
    width: 100%;
    height: 84px;
    top: 65px;
    -webkit-transition: height 0.3s, background-color 0.3s;
    -o-transition: height 0.3s, background-color 0.3s;
    -moz-transition: height 0.3s, background-color 0.3s;
    transition: height 0.3s, background-color 0.3s;
    padding-right: 40px;
  }
}

.main-menu-navlink {
  position: relative;
}

.main-menu-navlink:after {
  transition: all ease-in-out 0.2s;
  background: none repeat scroll 0 0 #6c7ae0;
  content: "";
  display: block;
  height: 1px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.header-container{
  width: 100%;
  height: 6em;
  /*background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(../images/header-background_4_auto_x2.jpg);*/
  background-repeat: no-repeat;
  background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url(../images/header-background_5.jpg);

  /*background-image: url(../images/header-background_5.jpg);*/
  background-size:100% auto;

}

.main-menu-navlink:hover:after {
  width: 100%;
}

.main-menu-navlink:hover {
  color: #6c7ae0
}

.main-menu-navlink:focus {
  border-bottom: 2px solid #6c7ae0;
}

.container-menu-desktop .main-menu > li > a {
  font-family: Poppins-Medium;
  font-size: 14px;
  color: whitesmoke;
  padding: 2.1px 0px;
}

.fix-menu-desktop .main-menu > li > a {
  font-family: Poppins-Medium;
  font-size: 15px;
  color: white;
  padding: 3px 0px;
}

.header-v3 .main-menu > li > a {
  color: #fff;
}

.main-menu > li > a:hover {
  text-decoration: none;
  color: #6c7ae0;
  height: 2px
}

.main-menu > li > .sub-menu:hover {
  visibility: visible;
  opacity: 1;
}


/*==================================================================
[ Fixed menu desktop ]*/

.fix-menu-desktop .wrap-menu-desktop {
  height: 70px;
  background-color: rgba(40,40,40,1);
  box-shadow: 0 0px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0px 3px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0px 3px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0px 3px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0px 3px 0px rgba(0,0,0,0.2);
}

.header-v2 .fix-menu-desktop.container-menu-desktop {
  height: 100px;
}

.header-v3 .fix-menu-desktop .wrap-menu-desktop {
  background-color: #222;
  border-color: #222;
}

.header-v4 .fix-menu-desktop.container-menu-desktop {
  height: 110px;
}


/*//////////////////////////////////////////////////////////////////
[ Slick1 ]*/
.wrap-slick1 {
  position: relative;
}

.item-slick1 {
  height: calc(100vh - 40px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (min-width: 900px) {
  .background-image-1 {
    background-image: url(../images/dentist-3.jpg);
    background-size: 110%;
  }

  .background-image-2 {
    background-image: url(../images/items.jpg);
  }

  .background-image-3 {
    background-image: url(../images/smile1.jpg);
  }

  .background-image-4 {
    background-image: url(../images/patient.jpg);
  }  
}
@media (max-width: 900px) {
  .background-image-1{
    background-image: url(../images/dentist-2-1.png);
  }
  .background-image-2{
    background-image: url(../images/dental-care2.jpg);
  }
  .background-image-3{
    background-image: url(../images/chinhnha2.jpg);
  }
  .background-image-4 {
    background-image: url(../images/dental1-1.jpg);
  }    
}

.rs1-slick1 .item-slick1 {
  height: calc(100vh - 84px);
}

.rs2-slick1 .item-slick1 {
  height: 100vh;
}

@media (max-width: 991px) {
  .item-slick1 {
    height: calc(100vh - 70px) !important;
  }
}

.arrow-slick1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  font-size: 80px;
  color: rgba(0,0,0,0.3);
  position: absolute;
  opacity: 0;

  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

  z-index: 200;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.wrap-slick1:hover .arrow-slick1 {
  opacity: 1;
}

.arrow-slick1:hover {
  color: #7280e0;
}

.next-slick1 {
  right: 50px;
  left: auto;
}

.prev-slick1 {
  left: 50px;
  right: auto;
}

@media (max-width: 991px) {
  .next-slick1 {
    right: 15px;
  }

  .prev-slick1 {
    left: 15px;
  }
}

/*---------------------------------------------*/
.rs2-slick1 .arrow-slick1 {
  color: rgba(255,255,255,0.3);
}

.rs2-slick1 .arrow-slick1:hover {
  color: #7280e0;
}

.wrap-slick1-dots {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 60px;
}

.slick1-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.slick1-dots li {
  max-width: 190px;
  position: relative;
  cursor: pointer;
  margin-right: 1px;
}

.slick1-dots li img {
  width: 100%;
}

.caption-dots-slick1 {
  font-family: Poppins-ExtraLight;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  text-align: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  padding: 5px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
}

.slick1-dots li:hover .caption-dots-slick1 {
  opacity: 1;
}

.slick1-dots li.slick-active .caption-dots-slick1 {
  opacity: 1;
}

@media (max-width: 575px) {
  .caption-dots-slick1 {
    font-size: 13px;
  }

  .wrap-slick1-dots {
    bottom: 25px;
  }
}


/*//////////////////////////////////////////////////////////////////
[ Slick2 ]*/

.wrap-slick2 {
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
}

/* ------------------------------------ */
.arrow-slick2 {
  position: absolute;
  z-index: 100;
  top: calc((100% - 60px) / 2);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 39px;
  color: #ccc;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.arrow-slick2:hover {
  color: #666;
}

.next-slick2 {
  right: -40px;
}

.prev-slick2 {
  left: -40px;
}

@media (max-width: 1300px) {
  .next-slick2 {
    right: 0px;
  }

  .prev-slick2 {
    left: 0px;
  }
}


/*//////////////////////////////////////////////////////////////////
[ Slick3 ]*/
.wrap-slick3 {
  position: relative;
}

/*---------------------------------------------*/
.wrap-slick3-arrows {
  position: absolute;
  z-index: 100;
  width: 83.333333%;
  right: 0;
  top: calc(50% - 20px);
}

.arrow-slick3 {
  font-size: 25px;
  color: #fff;

  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0,0,0,0.5);

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.arrow-slick3:hover {
  background-color: rgba(0,0,0,0.9);
}

.prev-slick3 {left: 0px;}
.next-slick3 {right: 0px;}

/*---------------------------------------------*/
.wrap-slick3-dots {
  width: 11.111111%;
}

.slick3 {
  width: 83.333333%;
}

.slick3-dots li {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 27px;
}

.slick3-dots li img {
  width: 100%;
}

.slick3-dot-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.slick3-dot-overlay:hover {
  border-color: #ccc;
}

.slick3-dots .slick-active .slick3-dot-overlay {
  border-color: #ccc;
}


/*==================================================================
    TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
==================================================================*/
.cl0 {color: #fff;}
.cl1 {color: #717fe0;}
.cl2 {color: #333;}
.cl3 {color: #666;}
.cl4 {color: #999;}
.cl5 {color: #222;}
.cl6 {color: #888;}
.cl7 {color: #b2b2b2;}
.cl8 {color: #555;}
.cl9 {color: #aaa;}
.cl10 {color: #1d1d1d;}
.cl11 {color: #f9ba48;}
.cl12 {color: #ccc;}

/*//////////////////////////////////////////////////////////////////
[ S-Text 0 - 15 ]*/
.stext-101 {
  font-family: Poppins-Medium;
  font-size: 15px;
  line-height: 1.466667;
  text-transform: uppercase;
}

.stext-102 {
  font-family: Poppins-Regular;
  font-size: 14px;
  line-height: 1.7;
}

.stext-103 {
  font-family: Poppins-Regular;
  font-size: 15px;
  line-height: 1.466667;
}

.stext-104 {
  font-family: Poppins-Regular;
  font-size: 14px;
  line-height: 1.466667;
}

.stext-105 {
  font-family: Poppins-Regular;
  font-size: 14px;
  line-height: 1.466667;
  letter-spacing: 1px;
}

.stext-106 {
  font-family: Poppins-Regular;
  font-size: 15px;
  line-height: 1.2;
}

.stext-107 {
  font-family: "Times New Roman";
  font-size: 13px;
  line-height: 1.923;
}

.stext-108 {
  font-family: Poppins-Light;
  font-size: 14px;
  line-height: 1.7143;
}

.stext-109 {
  font-family: Poppins-Regular;
  font-size: 12px;
  line-height: 1.833333;
}

.stext-110 {
  font-family: Poppins-Medium;
  font-size: 15px;
  line-height: 1.466667;
}

.stext-111 {
  font-family: Poppins-Regular;
  font-size: 13px;
  line-height: 1.6923;
}

.stext-112 {
  font-family: Poppins-Regular;
  font-size: 13px;
  line-height: 1.6923;
  text-transform: uppercase;
}

.stext-113 {
  font-family: Poppins-Light;
  font-size: 14px;
  line-height: 1.7857;
}

.stext-114 {
  font-family: Poppins-Italic;
  font-size: 15px;
  line-height: 1.666667;
}

.stext-115 {
  font-family: Poppins-Regular;
  font-size: 15px;
  line-height: 1.666667;
}

.stext-116 {
  font-family: Poppins-Regular;
  font-size: 15px;
  line-height: 1.266667;
}

.stext-117 {
  font-family: Poppins-Light;
  font-size: 15px;
  line-height: 1.666667;
}

.stext-118 {
  font-family: Arial;
  font-size: 15px;
  line-height: 1.666667;
}

/*---------------------------------------------*/
.stext-301 {
  font-family: Montserrat-Bold;
  font-size: 15px;
  line-height: 1.6;
  text-transform: uppercase;
}


/*//////////////////////////////////////////////////////////////////
[ M-Text 16 - 25 ]*/
.mtext-101 {
  font-family: Poppins-Medium;
  font-size: 18px;
  line-height: 1.333333;
}

.mtext-102 {
  font-family: Poppins-SemiBold;
  font-size: 16px;
  line-height: 1.6;
}

.mtext-103 {
  font-family: Poppins-Bold;
  font-size: 18px;
  line-height: 1.333333;
  text-transform: uppercase;
}

.mtext-104 {
  font-family: Poppins-Medium;
  font-size: 16px;
  line-height: 1.6;
}

.mtext-105 {
  font-family: Poppins-Regular;
  font-size: 24px;
  line-height: 1.5;
}

.mtext-106 {
  font-family: Poppins-SemiBold;
  font-size: 18px;
  line-height: 1.388888;
}

.mtext-107 {
  font-family: Poppins-Regular;
  font-size: 16px;
  line-height: 1.625;
}

.mtext-108 {
  font-family: Poppins-Regular;
  font-size: 20px;
  line-height: 1.3;
}

.mtext-109 {
  font-family: Poppins-Bold;
  font-size: 20px;
  line-height: 1.3;
  text-transform: uppercase;
}

.mtext-110 {
  font-family: Poppins-Regular;
  font-size: 18px;
  line-height: 1.222222;
}

.mtext-111 {
  font-family: Poppins-Bold;
  font-size: 25px;
  line-height: 1.2;
}

.mtext-112 {
  font-family: Poppins-Bold;
  font-size: 22px;
  line-height: 1.333333;
}

.mtext-113 {
  font-family: Poppins-Bold;
  font-size: 22px;
  line-height: 1.333333;
  text-transform: uppercase;
}


/*//////////////////////////////////////////////////////////////////
[ L-Text >= 26 ]*/
.ltext-101 {
  font-family: Poppins-Regular;
  font-size: 28px;
  line-height: 1.2857;
}

.ltext-102 {
  font-family: Poppins-Bold;
  font-size: 28px;
  line-height: 1.1;
}

.ltext-103 {
  font-family: Poppins-Bold;
  font-size: 36px;
  line-height: 1.1;
  text-transform: uppercase;
}

.ltext-104 {
  font-family: Poppins-Bold;
  font-size: 60px;
  line-height: 1.1;
  text-transform: uppercase;
}

.ltext-105 {
  font-family: Poppins-Bold;
  font-size: 50px;
  line-height: 1.1;
}

.ltext-106 {
  font-family: Poppins-Bold;
  font-size: 36px;
  line-height: 1.2;
}

.ltext-107 {
  font-family: Poppins-Bold;
  font-size: 30px;
  line-height: 1.1;
}

.ltext-108 {
  font-family: Poppins-Bold;
  font-size: 26px;
  line-height: 1.3846;
}

.ltext-109 {
  font-family: Poppins-Bold;
  font-size: 36px;
  line-height: 1.2;
}


/*---------------------------------------------*/
.ltext-201 {
  fontFamily: Georgia,serif;
  font-size: 50px;
  line-height: 1.1;
  text-transform: uppercase;
}

.ltext-202 {
  font-family: PlayfairDisplay-Regular;
  font-size: 28px;
  line-height: 1.2857;
}




/*==================================================================
    SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE SIZE
==================================================================*/


/*//////////////////////////////////////////////////////////////////
[ Size ]*/
.size-101 {
  min-width: 161px;
  height: 46px;
}

.size-102 {
  min-width: 139px;
  height: 40px;
}

.size-103 {
  min-width: 179px;
  height: 46px;
}

.size-104 {
  min-width: 94px;
  height: 40px;
}

.size-105 {
  min-width: 111px;
  height: 40px;
}

.size-106 {
  width: 88px;
  height: 100%;
}

.size-107 {
  min-width: 145px;
  height: 40px;
}

.size-108 {
  width: 40px;
  height: 40px;
}

.size-109 {
  width: 60px;
  height: 60px;
}

.size-110 {
  width: 100%;
  min-height: 100px;
}

.size-111 {
  width: 100%;
  height: 40px;
}

.size-112 {
  min-width: 134px;
  height: 43px;
}

.size-113 {
  width: 38px;
  height: 60px;
}

.size-114 {
  width: calc(100% - 38px);
  height: 60px;
}

.size-115 {
  min-width: 185px;
  height: 45px;
}

.size-116 {
  width: 100%;
  height: 50px;
}

.size-117 {
  width: 220px;
  height: 45px;
}

.size-118 {
  min-width: 163px;
  height: 45px;
}

.size-119 {
  min-width: 156px;
  height: 45px;
}

.size-120 {
  width: 100%;
  min-height: 199px;
}

.size-121 {
  width: 100%;
  height: 46px;
}

.size-122 {
  width: 55px;
  height: 100%;
}

.size-123 {
  width: 70px;
  min-height: 70px;
}

.size-124 {
  width: 100%;
  min-height: 150px;
}

.size-125 {
  min-width: 180px;
  height: 40px;
}

/*//////////////////////////////////////////////////////////////////
[ Width ]*/
.size-201 {
  max-width: 270px;
}

.size-202 {
  width: calc(100% / 3);
}

.size-203 {
  width: 105px;
}

.size-204 {
  width: calc(100% - 105px);
}

.size-205 {
  width: 145px;
}

.size-206 {
  width: calc(100% - 145px);
}

.size-207 {
  width: calc(100% - 78px);
}

.size-208 {
  width: 34.5%;
}

.size-209 {
  width: 65.5%;
}

.size-210 {
  width: 50%;
}

.size-211 {
  width: 60px;
}


.size-212 {
  width: calc(100% - 60px);
}

.size-213 {
  max-width: 245px;
}

.size-214 {
  width: 90px;
}

.size-215 {
  width: calc(100% - 110px);
}

.size-216 {
  width: 55px;
}

.size-217 {
  width: calc(100% - 55px);
}

.size-218 {
  max-width: 286px;
}



/*//////////////////////////////////////////////////////////////////
[ Height ]*/
.size-301 {
  min-height: 30px;
}

.size-302 {
  min-height: 80px;
}

.size-303 {
  height: 390px;
}


/*==================================================================
   BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND
==================================================================*/
.bg-none {background-color: transparent;}
.bg0 {background-color: #fff;}
.bg1 {background-color: #717fe0;}
.bg2 {background-color: #e6e6e6;}
.bg3 {background-color: #222;}
.bg5 {background-color: rgba(0,0,0,0.5);}
.bg6 {background-color: #f2f2f2;}
.bg7 {background-color: #333;}
.bg8 {background-color: #f3f3f3;}
.bg9 {background-color: rgba(255,255,255,0.9);}

/*---------------------------------------------*/
.bg-overlay1::before {
  content: "";
  position: absolute;
  z-index: -100;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
}

/*---------------------------------------------*/
.bg-img1 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}




/*==================================================================
       BORDER BORDER  BORDER  BORDER  BORDER  BORDER  BORDER  BORDER
==================================================================*/
.bor0 {border-radius: 50%;}

.bor1 {
  border-radius: 23px;
}

.bor2 {
  border-radius: 20px;
}

.bor3 {
  border-bottom: 1px solid transparent;
}

.bor4 {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

.bor5 {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.bor6 {border-right: 1px solid rgba(255,255,255,0.1);}

.bor7 {
  border: 1px solid #ccc;
  border-radius: 15px;
}

.bor8 {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}

.bor9 {
  border-right: 1px solid #e6e6e6;
}

.bor10 {
  border: 1px solid #e6e6e6;
}

.bor11 {
  border-radius: 21px;
}

.bor12 {
  border-bottom: 1px dashed #d9d9d9;
}

.bor13 {
  border: 1px solid #e6e6e6;
  border-radius: 22px;
}

.bor14 {
  border-radius: 25px;
}

.bor15 {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.bor16 {
  border-left: 3px solid #e6e6e6;
}

.bor17 {
  border: 1px solid #e6e6e6;
  border-radius: 25px;
}

/*---------------------------------------------*/
.bor18 {
  border-top: 1px solid #e6e6e6;
}

.bor18:last-child {
  border-bottom: 1px solid #e6e6e6;
}

/*---------------------------------------------*/
.bor19 {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}



/*==================================================================
  RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE
==================================================================*/

/*//////////////////////////////////////////////////////////////////
[ XL ]*/
@media (max-width: 1199px) {
  .m-0-xl {margin: 0;}
  .m-lr-0-xl {margin-left: 0; margin-right: 0;}
  .m-lr-15-xl {margin-left: 15px; margin-right: 15px;}
  .m-l-0-xl {margin-left: 0;}
  .m-r-0-xl {margin-right: 0;}
  .m-l-15-xl {margin-left: 15px;}
  .m-r-15-xl {margin-right: 15px;}

  .p-0-xl {padding: 0;}
  .p-lr-0-xl {padding-left: 0; padding-right: 0;}
  .p-lr-15-xl {padding-left: 15px; padding-right: 15px;}
  .p-l-0-xl {padding-left: 0;}
  .p-r-0-xl {padding-right: 0;}
  .p-l-15-xl {padding-left: 15px;}
  .p-r-15-xl {padding-right: 15px;}

  .w-full-xl {width: 100%;}

  /*---------------------------------------------*/

}


/*//////////////////////////////////////////////////////////////////
[ LG ]*/
@media (max-width: 991px) {
  .m-0-lg {margin: 0;}
  .m-lr-0-lg {margin-left: 0; margin-right: 0;}
  .m-lr-15-lg {margin-left: 15px; margin-right: 15px;}
  .m-l-0-lg {margin-left: 0;}
  .m-r-0-lg {margin-right: 0;}
  .m-l-15-lg {margin-left: 15px;}
  .m-r-15-lg {margin-right: 15px;}

  .p-0-lg {padding: 0;}
  .p-lr-0-lg {padding-left: 0; padding-right: 0;}
  .p-lr-15-lg {padding-left: 15px; padding-right: 15px;}
  .p-l-0-lg {padding-left: 0;}
  .p-r-0-lg{padding-right: 0;}
  .p-l-15-lg {padding-left: 15px;}
  .p-r-15-lg {padding-right: 15px;}

  .w-full-lg {width: 100%;}

  /*---------------------------------------------*/
  .respon4 {
    width: 50%;
  }

  /*---------------------------------------------*/
  .respon5 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}


/*//////////////////////////////////////////////////////////////////
[ MD ]*/
@media (max-width: 767px) {
  .m-0-md {margin: 0;}
  .m-lr-0-md {margin-left: 0; margin-right: 0;}
  .m-lr-15-md {margin-left: 15px; margin-right: 15px;}
  .m-l-0-md {margin-left: 0;}
  .m-r-0-md {margin-right: 0;}
  .m-l-15-md {margin-left: 15px;}
  .m-r-15-md {margin-right: 15px;}

  .p-0-md {padding: 0;}
  .p-lr-0-md {padding-left: 0; padding-right: 0;}
  .p-lr-15-md {padding-left: 15px; padding-right: 15px;}
  .p-l-0-md {padding-left: 0;}
  .p-r-0-md{padding-right: 0;}
  .p-l-15-md {padding-left: 15px;}
  .p-r-15-md {padding-right: 15px;}

  .w-full-md {width: 100%;}

  /*---------------------------------------------*/
  .respon4 {
    width: 100%;
  }

}


/*//////////////////////////////////////////////////////////////////
[ SM ]*/
@media (max-width: 575px) {
  .m-0-sm {margin: 0;}
  .m-lr-0-sm {margin-left: 0; margin-right: 0;}
  .m-lr-15-sm {margin-left: 15px; margin-right: 15px;}
  .m-l-0-sm {margin-left: 0;}
  .m-r-0-sm {margin-right: 0;}
  .m-l-15-sm {margin-left: 15px;}
  .m-r-15-sm {margin-right: 15px;}

  .p-0-sm {padding: 0;}
  .p-lr-0-sm {padding-left: 0; padding-right: 0;}
  .p-lr-15-sm {padding-left: 15px; padding-right: 15px;}
  .p-l-0-sm {padding-left: 0;}
  .p-r-0-sm{padding-right: 0;}
  .p-l-15-sm {padding-left: 15px;}
  .p-r-15-sm {padding-right: 15px;}

  .w-full-sm {width: 100%;}

  /*---------------------------------------------*/
  .respon1 {
    font-size: 40px;
  }

  /*---------------------------------------------*/
  .respon2 {
    font-size: 20px;
  }

  /*---------------------------------------------*/
  .respon6 {
    width: 65px;
  }

  .respon6-next {
    width: calc(100% - 65px);
  }

  /*---------------------------------------------*/
  .respon7 {
    padding-left: 60px;
  }


}


/*//////////////////////////////////////////////////////////////////
[ SSM ]*/
@media (max-width: 480px) {
  .m-0-ssm {margin: 0;}
  .m-lr-0-ssm {margin-left: 0; margin-right: 0;}
  .m-lr-15-ssm {margin-left: 15px; margin-right: 15px;}
  .m-l-0-ssm {margin-left: 0;}
  .m-r-0-ssm {margin-right: 0;}
  .m-l-15-ssm {margin-left: 15px;}
  .m-r-15-ssm {margin-right: 15px;}

  .p-0-ssm {padding: 0;}
  .p-lr-0-ssm {padding-left: 0; padding-right: 0;}
  .p-lr-15-ssm {padding-left: 15px; padding-right: 15px;}
  .p-l-0-ssm {padding-left: 0;}
  .p-r-0-ssm{padding-right: 0;}
  .p-l-15-ssm {padding-left: 15px;}
  .p-r-15-ssm {padding-right: 15px;}

  .w-full-ssm {width: 100%;}

  /*---------------------------------------------*/
  .respon3 {
    padding: 20px;
  }

}

/*//////////////////////////////////////////////////////////////////
loader*/
.loader-container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.834);
  z-index: 1;
}

.spinner {
  width: 64px;
  height: 64px;
  border: 8px solid;
  border-color: #3d5af1 transparent #3d5af1 transparent;
  border-radius: 50%;
  animation: spin-anim 1.2s linear infinite;
}

@keyframes spin-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*//////////////////////////////////////////////////////////*/
.about-home {
  background-image: url(../images/consult3.png);
  padding-top: 1em;
  padding-bottom: 1em;  
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #c3dbdb;
}

.about-text {
  margin-left: 15vw;
  margin-right: 15vw;
  color: #000;
}

/*//////////////////////////////////////////////////////////////////
fadein*/
.about {
  margin-top: 25px;
  padding-right: 7em;
  padding-left: 7em;

  font-size: 21px;
  text-align: left;
  animation: fadein 1s;
  -moz-animation: fadein 1s; /* Firefox */
  -webkit-animation: fadein 1s; /* Safari and Chrome */
  -o-animation: fadein 1s; /* Opera */
}
@media (max-width: 900px) {
  .about {
    margin-top: 25px;
    padding-right: 1px;
    padding-left: 1px;
    font-size: 21px;
    text-align: left;
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
  }
}

@keyframes fadein {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-moz-keyframes fadein { /* Firefox */
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

@-o-keyframes fadein { /* Opera */
  from {
    opacity:0;
  }
  to {
    opacity: 1;
  }
}


/*////////////////////////////////////////////////////////////////////////// reveal*/
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

/*////////////////////////////////////////////////////////////////////////// box shadow*/
.box-shadow{
  border-radius: 5px;
  padding: 10px 10px 10px;
  position: absolute;
  z-index: 2;
  background-color: antiquewhite;
  top: 20%;
  left: 20%;
  box-shadow: 0.5vw 0.5vw 0.25vw lightslategrey;
  width: 300px;
  height: 140px;
}

.row {
  display: flex;
}
.column {
  flex: 33.33%;
  padding: 5px;
}

.image-about{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  margin-top: 20px;
  width: 35vw;
  height: 400px;
}

.image-about-2{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  margin-top: 20px;
  width: 35vw;
  height: 700px;
}
@media (max-width: 900px) {
  .box-shadow{
    border-radius: 0px;
    padding: 10px 10px;
    position: absolute;
    z-index: 2;
    background-color: antiquewhite;
    top: 10%;
    left: 20%;
    box-shadow: 0.5vw 0.5vw 0.25vw lightslategrey;
  }
  .image-about{
    width: 50vw;
    height: 400px;
  }
  .image-about-2{
    width: 50vw;
    height: 700px;
  }
}
/*////////////////////////////////////////////////////////////////////////// Contact Button*/

.arcontactus-widget.right.arcontactus-message {
  right:20px
}
.arcontactus-widget.right.arcontactus-message {
  bottom:20px
}
.arcontactus-widget .arcontactus-message-button.pulsation {
  -webkit-animation-duration:2s;
  animation-duration:2s
}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message {
  width:60px;
  height:60px
}
.arcontactus-widget {
  opacity:0;
  transition:.2s opacity
}
.arcontactus-widget * {
  box-sizing:border-box
}
.arcontactus-widget.left.arcontactus-message {
  left:20px;
  right:auto
}
.arcontactus-widget.left .arcontactus-message-button {
  right:auto;
  left:0
}
.arcontactus-widget.left .arcontactus-prompt {
  left:80px;
  right:auto;
  transform-origin:0 50%
}
.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.left .messangers-block {
  right:auto;
  left:0;
  -webkit-transform-origin:10% 105%;
  -ms-transform-origin:10% 105%;
  transform-origin:10% 105%
}
.arcontactus-widget.left .callback-countdown-block {
  left:0;
  right:auto
}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before {
  left:25px;
  right:auto
}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block {
  bottom:70px
}
.arcontactus-widget.md .arcontactus-prompt {
  bottom:5px
}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before {
  left:21px
}
.arcontactus-widget.md.left .arcontactus-prompt {
  left:70px
}
.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 .arcontactus-message-button .pulsation {
  width:74px;
  height:74px
}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .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 .callback-countdown-block,.arcontactus-widget.sm .messangers-block {
  bottom:60px
}
.arcontactus-widget.sm .arcontactus-prompt {
  bottom:0
}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before {
  left:16px
}
.arcontactus-widget.sm.left .arcontactus-prompt {
  left:60px
}
.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 .arcontactus-message-button .pulsation {
  width:64px;
  height:64px
}
.arcontactus-widget.sm .arcontactus-message-button .icons {
  width:40px;
  height:40px;
  margin-top:-20px;
  margin-left:-20px
}
.arcontactus-widget.sm .arcontactus-message-button .static {
  margin-top:-16px
}
.arcontactus-widget.sm .arcontactus-message-button .callback-state {
  width:40px;
  height:40px;
  margin-top:-20px;
  margin-left:-20px
}
.arcontactus-widget.active {
  opacity:1
}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide {
  opacity:0;
  transform:scale(0)
}
.arcontactus-widget.arcontactus-message {
  z-index:10000;
  right:20px;
  bottom:20px;
  position:fixed!important;
  height:70px;
  width:70px
}
.arcontactus-widget .arcontactus-message-button {
  width:70px;
  position:absolute;
  height:70px;
  right:0;
  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 p {
  font-family:Ubuntu,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:arcontactus-pulse 2s infinite;
  animation:arcontactus-pulse 2s infinite
}
.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:50%;
  left:50%;
  margin-top:-19px;
  margin-left:-26px;
  width:52px;
  height:52px;
  text-align:center
}
.arcontactus-widget .arcontactus-message-button .static img {
  display:inline
}
.arcontactus-widget .arcontactus-message-button .static svg {
  width:24px;
  height:24px;
  color:#FFF
}
.arcontactus-widget .arcontactus-message-button.no-text .static {
  margin-top:-12px
}
.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);
  -webkit-animation-delay:0s;
  animation-delay:0s;
  -webkit-transform:translateX(30px);
  -ms-transform:translateX(30px);
  transform:translateX(30px);
  height:24px;
  transition:.2s all
}
.arcontactus-widget .icons,.arcontactus-widget .static {
  transition:.2s all
}
.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 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 .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:all ease-in .12s;
  -o-transition:all ease-in .12s;
  transition:all ease-in .12s;
  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 .messangers-block {
  background:center no-repeat #FFF;
  box-shadow:0 0 10px rgba(0,0,0,.6);
  width:235px;
  position:absolute;
  bottom:80px;
  right:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -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:14px 0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:7px;
  -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:all ease-out .12s ;
  -o-transition:all ease-out .12s ;
  transition:all ease-out .12s ;
  z-index:10000
}
.arcontactus-widget .arcontactus-prompt: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 .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block {
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt {
  color:#787878;
  font-family:Arial,sans-serif;
  font-size:16px;
  line-height:18px;
  width:auto;
  bottom:10px;
  right:80px;
  white-space:nowrap;
  padding:18px 20px 14px
}
.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.active {
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
  position:absolute;
  right:6px;
  top:6px;
  cursor:pointer;
  z-index:100;
  height:14px;
  width:14px;
  padding:2px
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
  height:10px;
  width:10px;
  display:block
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
  border-radius:10px;
  display:inline-block;
  left:3px;
  padding:0;
  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:arcontactus-updown 2s infinite;
  animation:arcontactus-updown 2s infinite
}
.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.sm .messanger {
  padding-left:50px;
  min-height:44px
}
.arcontactus-widget .messangers-block.sm .messanger span {
  height:32px;
  width:32px;
  margin-top:-16px
}
.arcontactus-widget .messangers-block.sm .messanger span svg {
  height:20px;
  width:20px;
  margin-top:-10px;
  margin-left:-10px
}
.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: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 span {
  position:absolute;
  left:10px;
  top:50%;
  margin-top:-20px;
  display:block;
  width:40px;
  height:40px;
  border-radius:50%;
  background-color:#0084ff;
  margin-right:10px;
  color:#FFF;
  text-align:center;
  vertical-align:middle
}
.arcontactus-widget .messanger span i,.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 i {
  font-size:24px;
  line-height:24px
}
.arcontactus-widget .messanger p {
  margin:0;
  font-family:Arial,sans-serif;
  font-size:14px;
  color:rgba(0,0,0,.87)
}
@-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.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message {
    width:auto;
    right:20px;
    left:20px
  }
}
@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)
  }
}

/*//////////////////////////////////////////////////////////////////
[ Responsive Background Images ]*/
.responsive-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .responsive-bg {
    background-image: var(--desktop-bg);
  }
}

@media (max-width: 767px) {
  .responsive-bg {
    background-image: var(--mobile-bg);
  }
}