.main-slider .slide h1 {
	font-size:var(--font-36);
	line-height: 1.6em;
}


.footer-column ul li a {
	line-height: 30px;
	color: #9D9D9D;
}

.service-section-two {
	padding-bottom: 20px;
}


.spacer {height: 100px;}


.upper-column .info-box {width: 100%;}

.inner-text {
	text-align: justify;
	font-size:var(--font-16);
	line-height:1.6em;
}

.lower-content .text {
	font-size:var(--font-16);
	text-align: justify;
}


.pull-right .info-box{
	width:720px;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
	font-family: 'Algerian';
    font-weight: normal;
    font-style: normal;
}


#scroll-text {
	width:768px;
	margin-left:-100px;
	font-size:var(--font-28);
	line-height: 36px;
	color: #FA4318;
	font-weight: 600;
	font-family:var(--font-family-BeVietnam);
}

#scroll-container {
  overflow: hidden;
	float: left;
}

#scroll-text {
  text-align: right;

  /* animation properties */
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  
  -moz-animation: my-animation 15s linear infinite;
  -webkit-animation: my-animation 15s linear infinite;
  animation: my-animation 15s linear infinite;
	
  animation-direction: reverse;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(-100%); }
  to { -moz-transform: translateX(100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(-100%); }
  to { -webkit-transform: translateX(100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.float-0{
	position:fixed;
	width:50px;
	height:50px;
	bottom:100px;
	right:30px;
	background-color:#5BC236;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 10;
}

.my-float{
	margin-top:10px;
	margin-left:10px;
}

.my-float:hover{
	color: #222;
}


.float-1{
	position:fixed;
	width:50px;
	height:50px;
	bottom:170px;
	right:30px;
	background-color:#FA4318;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 10;
}


.float-2{
	position:fixed;
	width:50px;
	height:50px;
	bottom:240px;
	right:30px;
	background-color:#128C7E;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 10;
}


.float-3{
	position:fixed;
	width:50px;
	height:50px;
	bottom:310px;
	right:30px;
	background-color:#0E76A8;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 10;
}

.lightbox-gallery{overflow-x: hidden}

@media (max-width:767px){.lightbox-gallery h2{margin-bottom:25px;padding-top:25px;font-size:24px}}

.lightbox-gallery h4{padding-bottom: 20px}

.photos{padding-bottom:20px}

.item{padding-bottom:40px}

.inner-box {height: 300px;}

.owl-nav {display: none}


#floating-button{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: var(--main-color);
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}

.plus{
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
}

#container-floating:hover{
  height: 400px;
  width: 90px;
  padding: 30px;
}

#container-floating:hover .plus{
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
}

.edit{
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  padding: 0;
  opacity: 0;
  margin: auto;
  line-height: 65px;
  transform: rotateZ(-70deg);
  transition: all 0.3s;
  animation: edit-out 0.3s;
}

#container-floating:hover .edit{
  animation: edit-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes edit-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  cursor: pointer;
	color:white;
}

.nds a {color: white; font-size: 18px;}

.nd1{
  background: #128C7E;
  right: 40px;
  bottom: 100px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.nd2{
  background: #FA4318;
  right: 40px;
  bottom: 160px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.nd3{
  background: #5BC236;
  right: 40px;
  bottom: 220px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.nd4{
  background: #0E76A8;
  right: 40px;
  bottom: 280px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

#container-floating:hover .nds{
  
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

#container-floating:hover .nd3{
  animation-delay: 0.08s;
}
#container-floating:hover .nd4{
  animation-delay: 0.15s;
}
#container-floating:hover .nd5{
  animation-delay: 0.2s;
}

.letter{
  font-size: 23px;
  font-family: 'Roboto';
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 40px;
}

.reminder{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 40px;
}

.profile{
  border-radius: 50%;
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}

.service-block-two .product {
	width:300px;
	height:300px;
}