/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.scroll-to-bullets,
.absolute-footer {
    display: none;
}


.ppocta-ft-fix {
    display: inline-grid;
    position: fixed;
    bottom: 30px;
    right: 0px;
    min-width: 120px;
    text-align: center;
    z-index: 99999;
}

#BUTTON_TEXT200{
    margin-bottom: 10px;
    background: rgba(232, 58, 48, 1);
    background: -webkit-linear-gradient(90deg, rgba(232, 58, 48, 1), rgba(238, 109, 102, 1));
    background: linear-gradient(90deg, rgba(232, 58, 48, 1), rgba(238, 109, 102, 1));
}

#BUTTON_TEXT200 > .ladi-headline {
    margin: 5px 0px;
}

#BUTTON_TEXT200 > .ladi-headline a{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
#BUTTON_TEXT200 > .ladi-headline a span {
    margin-top: 14px;
    display: inline-block;
    margin-left: -15px;
    font-size: 20px;
}
#BUTTON_TEXT200 > .ladi-headline i {
    font-size: 50px;
    color: #fff;
	float:left;
    margin-left:15px;
}


#SHAPE216 {
    width: 80px;
    height: 80px;
    -webkit-transform: rotate(100deg);
    position: absolute;
    left: -50px;
    top: 100px;
    z-index: 9999;
}

#BUTTON_TEXT213,
#BUTTON209   {
    padding: 10px;
    margin: 5px 0px;
    color: #fff;
    font-weight: bold;
    background: rgba(22, 99, 199, 1);
    background: -webkit-linear-gradient(90deg, rgba(22, 99, 199, 1), rgba(102, 215, 238, 1));
    background: linear-gradient(90deg, rgba(22, 99, 199, 1), rgba(102, 215, 238, 1));
}
#BUTTON209 p {
    margin-bottom: 0px;
	
}
#BUTTON209 p a {
	color:#fff;
}
#BUTTON209 img {
    width: 40px;
    height:40px;
    margin-right: 10px;
}


#BUTTON_TEXT213 a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

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


:root{
    --family : "Montserrat";
}

body{
    font-size: 15px !important;
    font-family: "Montserrat" !important;
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6,p{
    font-family: "Montserrat" !important;
}
.header:not(.transparent) .header-nav.nav > li {
    padding: 0px 5px;
}
.header:not(.transparent) .header-nav.nav > li > a {
    font-family: var(--family)!important;
    font-weight: 400;
    font-size: 14px;

}

.html_topbar_left .button.primary {
    background: rgb(232, 61, 48);
    padding: 5px;
    font-weight: bold !important;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(102 161 238);
    font-family: var(--family) !important;
    display: inline-block;
    color: #fff;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

/***************************************************/



.section-bg-overlay {
    /* background-color: rgba(0, 0, 0, 0.3); */
    background: linear-gradient( 90deg, rgba(23, 85, 71, 1), rgba(5, 31, 78, 0.5)) !important;
}


#HEADLINE1079 > .ladi-headline {
    font-family: "Montserrat", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 31px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
    line-height: 1.6;
    text-shadow: rgb(5 31 78 / 60%) 1px 2px 3px;
}

#BUTTON_TEXT1076 p {
    margin-bottom: 0px;
    font-weight: bold;
}

#BUTTON_TEXT1076  {
	background-color:rgb(232, 58, 48);
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(102 161 238);
}

#SHAPE1078 {
    width: 35px;
    height: 26px;
    position: absolute;
    left: 40px;
}
#BUTTON_TEXT1076 b {
    font-family: var(--family) !important;
    color: #fff;
    font-size: 15px;
}

#HEADLINE394 > .ladi-headline {
    font-family: var(--family) !important;
    color: rgb(255, 255, 255);
    font-size: 42px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0px;
    line-height: 1.2;
    text-shadow: rgb(5 31 78 / 60%) 1px 2px 3px;
}
#HEADLINE396 > .ladi-headline {
    font-family: var(--family) !important;
    color: rgb(255, 255, 255);
    font-size: 18px;
    text-align: left;
    line-height: 1.6;
}

#HEADLINE397 > .ladi-headline {
    font-family: var(--family) !important;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.8;
}

#BUTTON1076 > .ladi-button  {
    background-color: rgb(232, 58, 48);
}
.ladi-button .ladi-button-background {
    height: 100%;
    width: 100%;
    pointer-events: none;
}



.cot-5 {
	background: #fff;
	padding: 15px;
}
.cot-5 .img-inner {
	margin: 0px auto ;
	max-width: 150px;
}

#HEADLINE411 > .ladi-headline {
    color: rgb(23, 85, 71);
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
#HEADLINE412 > .ladi-headline {
    color: rgb(232, 143, 48);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}

.list-file ul li {
	list-style: none;
	color: #000;
	font-family: var(--family) !important;
}
.list-file ul li i{
	margin-right: 10px;
}

.form-download-file {
	background: #eaeaea;
	padding: 15px;
}

.wpcf7-submit {
	width: 100%;
	display: inline-block;
	font-family: var(--family) !important;
	background: linear-gradient(180deg, rgba(232, 60, 48, 1.0), rgba(232, 60, 48, 1.0));
}
.form-chinhsach p {
    background: #eaeaea;
    padding: 15px;
    border: 1px dotted #f00;
}



/*************************************************************************/

#SHAPE344 {
    text-align: center;
}
div#SHAPE344  i {

    font-size: 30px;
    margin-bottom: 20px;
    color: rgba(232, 143, 48, 1);
}

#HEADLINE432 h3 {
    color: rgb(232, 143, 48);
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
}

#HEADLINE429 h3 {
    color: rgb(23, 85, 71);
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

#SHAPE430 {
    width: 156px;
    height: 9px;
    margin: 0px auto;
    margin-bottom: 20px;
}

/***/

.sec-1 .small-6.large-3 .col-inner {
    padding: 30px 0px;
    background: #fdfbfb;
    background: -webkit-linear-gradient(180deg, #fdfbfb, #eaedee);
    background: linear-gradient(180deg, #fdfbfb, #eaedee);
}

#HEADLINE476 i,
#HEADLINE463 i,
#HEADLINE456 i,
#HEADLINE448 i {
    font-size: 30px;
    padding: 15px 0px;
    color: rgba(23, 85, 71, 1);
}
#HEADLINE476 .ladi-headline,
#HEADLINE463 .ladi-headline,
#HEADLINE456 .ladi-headline,
#HEADLINE448 .ladi-headline {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}

#HEADLINE440 > .ladi-headline {
    color: rgb(232, 58, 48);
    font-size: 46px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    text-shadow: rgb(232 183 48) 1px 2px 3px;
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.flash {
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes flash {
    0%,100%,50% {
      opacity:1
    }
    25%,75% {
      opacity:0
    }
}
@keyframes flash {
    0%,100%,50% {
      opacity:1
    }
    25%,75% {
      opacity:0
    }
}


#HEADLINE462 > .ladi-headline,
#HEADLINE455 > .ladi-headline {
    color: rgb(23, 85, 71);
    font-size: 46px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    text-shadow: rgb(102 238 206) 1px 2px 3px;
}
#HEADLINE475 > .ladi-headline {
    color: rgb(232, 62, 48);
    font-size: 46px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    text-shadow: rgb(102 238 206) 1px 2px 3px;
}

.sec-1 .list ul li {
   list-style: none;
   padding: 0px;
   margin: 0px;
   font-size: 18px;
   color: rgb(0, 0, 0);
   font-family: var(--family)!important;
}
.sec-1 .list ul li i {
    margin-right: 10px;
    font-size: 25px;
}

.sec-1 .button.primary {
    background: rgb(232, 58, 48);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 30px 25px;
    padding: 10px;
    font-family: var(--family) !important;
}

#SHAPE547 {
    width: 170px;
    height: 149px;
    float: left;
    -webkit-transform: rotate(-154deg);
} 

#SHAPE547 .ladi-shape{  

    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.sec-2 .row-bottom {
    border-top: 0px !important;
    border-left: 3px solid rgb(232, 59, 48);
}
.sec-2 .row-bottom .small-12 {
    border-left: 3px solid rgb(232, 59, 48);
    margin: 0px 10px;
}

.sec-2 .featured-box {
    margin: 20px 0px;
    font-family: var(--family) !important;
}
.sec-2 .row-bottom .featured-box .icon {
    color: rgb(232, 143, 48);
    font-size: 50px;
    line-height: 1.6;
    -webkit-text-stroke: 1px rgb(228, 228, 228);
}
.sec-2 .featured-box .ladi-paragraph {
    color: rgb(0, 0, 0);
    font-size: 16px;
    line-height: 1.6;
}

.sec-2 .row-2 .col-inner {
    border-style: dotted;
    border-color: rgb(232, 59, 48);
    border-width: 2px;
    padding: 15px;
    margin: 20px 0px;
}

.sec-2 .button.primary {
    background: rgb(232, 58, 48);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    width: 100%;
    font-family: var(--family) !important;
}

#FRAME1148 .icon {
    animation-name: bounceIn;
    -webkit-animation-name: bounceIn;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounceIn {
 0% {
  opacity:0;
  -webkit-transform:scale(.3);
  transform:scale(.3)
 }
 50% {
  opacity:1;
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
 }
 70% {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes bounceIn {
 0% {
  opacity:0;
  -webkit-transform:scale(.3);
  -ms-transform:scale(.3);
  transform:scale(.3)
 }
 50% {
  opacity:1;
  -webkit-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05)
 }
 70% {
  -webkit-transform:scale(.9);
  -ms-transform:scale(.9);
  transform:scale(.9)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
 }
}
.bounceIn {
 -webkit-animation-name:bounceIn;
 animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
 0% {
  opacity:0;
  -webkit-transform:translateY(-2000px);
  transform:translateY(-2000px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateY(30px);
  transform:translateY(30px)
 }
 80% {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
 }
 100% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}

div#SHAPE1152 {
    float: left;
    width: 48px;
}
div#SHAPE1152 > .ladi-shape {
    color: rgb(232, 59, 48) !important;
}
#PARAGRAPH1151 > .ladi-paragraph {
    color: rgb(232, 59, 48) !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

#PARAGRAPH1149 > .ladi-paragraph {
    color: rgb(232, 59, 48);
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

#BOX543 > .ladi-box {
    background-color: rgb(23, 85, 71);
    height: 200px;
    width: 30px;
    float: left;
    margin-right: 25px;
}
#PARAGRAPH545 {
    box-shadow: 0px 0px 8px 0px rgb(238 202 102);
    -webkit-box-shadow: 0px 0px 8px 0px rgb(238 202 102);
    background-color: rgb(244, 220, 156);
    padding: 10px;
}
#HEADLINE544 {
    top: -25px;
    left: -15px;
    position: absolute;
}
#HEADLINE544 > .ladi-headline {
    color: rgb(232, 58, 48);
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

#sync2  .owl-prev i.fa , #sync2 .owl-next i.fa,
#sync1  .owl-prev i.fa , #sync1 .owl-next i.fa {
    color: #fff;
    font-size: 40px;
}
#sync2.owl-theme .owl-prev,
#sync1.owl-theme .owl-prev {
    left: 10px;
}
#sync2.owl-theme .owl-next,
#sync1.owl-theme .owl-next {
    right: 10px;
}
#sync2.owl-theme .owl-next, #sync2.owl-theme .owl-prev,
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

#sync2 .item {
  padding: 5px;
}
#sync2 .item img {
    height: 70px;
}

#sync1 .item img {
    height: 500px;
}

.sec-4 .wpb_wrapper ul li {
    margin-bottom: 0px;
}

#HEADLINE519 > .ladi-headline {
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}


.sec-5 .row-2 {
    margin: 0px auto;
    max-width: 900px;
}

.sec-5 .icon {
    font-family: var(--family) !important;
    color: rgb(232, 140, 48);
    font-size: 50px;
    font-weight: bold;
    margin-top: -10px;
}
.sec-5 .icon-box-text h3 {
    color: rgb(232, 140, 48);
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}
.sec-5 .icon-box-text p {
    color: #fff;
}

.sec-6 .row-2 .col-inner {
    box-shadow: 0px 0px 8px 0px rgb(255 15 1);
    -webkit-box-shadow: 0px 0px 8px 0px rgb(255 15 1);
    border-color: rgb(232, 62, 48);
    border-width: 4px;
}


.sec-6 .small-12.large-6  {
    padding: 0px;
    margin-bottom: 30px;
}

#HEADLINE1045 > .ladi-headline {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding-top: 15%;
}

.sec-6 div#PARAGRAPH677 {
    margin: 0px auto;
    max-width: 800px;
    text-align: center;
}

.sec-6 #PARAGRAPH1047 > .ladi-paragraph {
    font-family: "Montserrat", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-style: italic;
    text-align: center;
    line-height: 1.6;

}

.sec-6 #PARAGRAPH1046 {
    padding: 30px 45px;
    color: #fff;
}

.sec-6 .button.primary {
    margin-left: 25%;
    margin-bottom: 8.5%;
    background: rgb(232, 61, 48);
    padding: 10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(102 161 238);
    font-family: var(--family) !important;
}

#HEADLINE591 > .ladi-headline {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
.sec-6 .box-text {
    background: rgb(23, 85, 71);
    padding: 25px;
    height: 600px;
}
.sec-6 .box-text  .button.primary{
    margin-left: 0px  !important;
    margin-bottom: 12%;
    background: rgb(232, 61, 48);
    display: block;
    font-family: var(--family) !important;
}

#PARAGRAPH632 > .ladi-paragraph,
#PARAGRAPH641 > .ladi-paragraph,
#PARAGRAPH623 > .ladi-paragraph,
#PARAGRAPH593 > .ladi-paragraph {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-style: italic;
    text-align: center;
    margin-bottom: 20px;
}

#PARAGRAPH1155 > p,
#PARAGRAPH631 > p,
#PARAGRAPH640 > p,
#PARAGRAPH592 > p,
#PARAGRAPH613 > p,
#PARAGRAPH592 > p,
#PARAGRAPH604 > p {
    color: rgb(255, 255, 255);
    font-size: 17px;
    text-align: left;
}
#PARAGRAPH604 .ladi-paragraph,
#PARAGRAPH592 .ladi-paragraph {
    margin-bottom: 28px;
}

#PARAGRAPH631 {
    margin-bottom: 40px;
}

div#PARAGRAPH224 {
    margin: 0px auto;
    max-width: 800px;
    text-align: center;
}

@-webkit-keyframes pulse {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 50% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes pulse {
 0% {
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
 }
 50% {
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
 }
 100% {
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
 }
}
.pulse {
 -webkit-animation-name:pulse;
 animation-name:pulse
}

.sec-7 .button.primary{
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    background: rgb(232, 61, 48);
    font-family: var(--family) !important;
    position: absolute;
    left: 20%;
    margin-top: -8%;
}
.sec-8 .box-text {
    background-color: rgb(23, 85, 71);
    color: #fff;
    font-size: 17px;
}
div#PARAGRAPH144 {
    background-color: rgb(23, 85, 71);
    color: #fff;
    font-size: 17px;
}
div#PARAGRAPH144 {
    background-color: rgb(23, 85, 71);
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 5px 0px;
    margin-top: -27px;
    padding-top: 14px;
}


#SHAPE95 {
    position: absolute;
    left: 20%;
    margin-top: -35px;
    width: 66px;
    height: 66px;
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
#HEADLINE85 > .ladi-headline {
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: bold;
    text-align: center;

}

div#PARAGRAPH94 {
    color: #fff;
    margin: 0px auto;
    max-width: 800px;
    text-align: center;
}
.sec-9 .wpcf7 {
    margin:40px auto;
    max-width: 600px;
}

.sec-9 .wpcf7-submit {
    background: rgb(232, 61, 48);
    padding: 10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(102 161 238);
    font-family: var(--family) !important;
    display: inline-block;
    width: 100%;
}
#PARAGRAPH125 p {
    color: #fff;
}

.sec-10 .box-text-bottom {
    padding: 30px;
}
.sec-10 .box-image img {
    height: 300px;
    width: 300px;
    border-radius: 50%;
}

#HEADLINE113 > .ladi-headline {
    color: rgb(232, 143, 48);
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}

#HEADLINE114 > .ladi-headline {
    color: rgb(0, 0, 0);
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin-top: 15px;
}

#BUTTON_TEXT115 {
    background: rgb(232, 61, 48);
    padding: 10px;
    font-weight: 700;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(102 161 238);
    font-family: var(--family) !important;
    display: inline-block;
    color: #fff;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

div#HEADLINE116 {
    margin: 0px auto;
    max-width: 470px;
}

#HEADLINE116 > .ladi-headline {
    color: rgb(36, 36, 36);
    font-size: 25px;
    text-align: center;
    font-weight: 300 !important;
}
#HEADLINE117 {
    position: absolute;
    width: 99px;
    top: 110px;
    left: 0px;
}
#HEADLINE117 > .ladi-headline {
    color: rgb(36, 36, 36);
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#HEADLINE120 > .ladi-headline {
    color: rgb(36, 36, 36);
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#HEADLINE120 {
    position: absolute;
    width: 99px;
    top: 360px;
    left: 432.501px;
}
#HEADLINE126 > .ladi-headline {
    color: rgb(0, 0, 0);
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    margin-top:30px;
}

.footer-1 .widget-title {
    font-size: 20px;
    color: rgb(232, 141, 48);
    font-family: var(--family) !important;
}

#HEADLINE34 .ladi-headline{
   font-size: 15px;
   text-align: center;
   margin: 15px 0px;
}
#HEADLINE44 > .ladi-headline {
    font-family: "Montserrat", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
#HEADLINE34 .ladi-headline,
.footer-1 .ladi-group,
#HEADLINE50 .ladi-headline {
    color: #fff;
}

.footer-1 .form-download-file {
    background: transparent !important;
}
.footer-1 p {
    color: #fff;
}

.footer-1:before {
    content: "";
    width: 100%;
    height:100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgb(36, 36, 36);
    opacity: 0.96;
}

@media only screen and (max-width: 767px) {
    #BOX543 > .ladi-box {
        height: 203px;
    }
    .sec-6 .box-text {
        height: 100%;
    }
    .sec-8 iframe {
        height: 180px !important;
    }

    .header-main li.html.custom {
        display: block !important;
    }

    .html_topbar_left .button.primary {
        padding: 5px 20px;
    }

    .ppocta-ft-fix {
        right: -45px;
    }

    div#BUTTON_TEXT213,
    #BUTTON209 a span,
    #BUTTON_TEXT200 > .ladi-headline a span {
        display: none;
    } 
    #BUTTON209,
    div#BUTTON_TEXT200 {
        width: 75px;
        height: 75px;
        border-radius: 50%;
    }
    #BUTTON209 img {
        width: 55px;
        height: 55px;
        margin-right: 0px;
    }
    #BUTTON_TEXT200 > .ladi-headline i {
        line-height: 66px;
    }
    
    .sec-2 .cot-2,
    .sec-silder .cot-5 {
        display: none;
    }
    .sec-1 .small-6.large-3 .col-inner {
        padding: 10px 0px;
    }
    
    #SHAPE547 {
        width: 50px;
        height: 5px;
        margin-left: -30px;
        -webkit-transform: rotate(-89deg);
    }
    .sec-1 .button.primary {
        width: 80%;
        font-size: 20px;
        margin: 5px 30px;
    }
    .sec-7 .button.primary {
        margin-top: -15%;
    }
    #HEADLINE117 {
        left: 50px;
    }
    #HEADLINE120 {
        top: 330px;
    }
}


@media only screen and (max-width: 500px) {
    #BOX543 > .ladi-box {
        height: 320px;
    }
    .sec-6 .button.primary {
        margin-left: 10%;
    }
    #BUTTON_TEXT1076 b {
        font-size: 13px;
    }
    #HEADLINE1079 > .ladi-headline {
        font-size: 18px;
    }
    #SHAPE1078 {
        left: 4px;
    }
    #HEADLINE396 > .ladi-headline {
        font-size: 12px;
    }
    #HEADLINE394 > .ladi-headline {
        font-size: 25px;
    }
    #HEADLINE397 > .ladi-headline {
        font-size: 12px;
    }
    #HEADLINE429 h3 {
        font-size: 20px;
    }
    .sec-1 .list ul li {
        font-size: 12px;
    }
    .sec-7 .button.primary {
        left: 12%;
        margin-top: -25%;
    }

    #SHAPE547 {
        width: 50px;
        height: 5px;
        margin-left: -30px;
        -webkit-transform: rotate(-89deg);
    }
    .sec-1 .button.primary {
        font-size: 14px;
        margin: -15px 35px;
    }
    #sync1 .item img {
        height: 200px;
    }
    #sync2 .item img {
        height: 50px;
    }
    #logo img {
        margin-left: -10px;
        width: 150px;
    }
    .header-main li.html.custom {
        display: block !important;
    }
    .flex-col.show-for-medium.flex-right {
        max-width: 50%;
        flex-basis: 50%;
    }

    
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}