:root {
--blue:#3578c6;
}
.header_image {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 1124px;
    padding-top:60px;
    position: relative;
}
.LangageSelect{color:#FFF!important; 
              opacity:0.7!important; 
              background:transparent!important;
              display:inline-block!important;
              padding:0!important;
              width:3rem!important; 
              border:none!important;
              position:absolute;
              right:20px;
              top:10px;
}
.LangageSelect option{color:#292929!important;}
.logo_container{height:100%}
.logo{width:45%; max-width:550px;}

a.header_button{padding:10px 40px; 
              border:2px solid #fff; 
              border-radius:25px; 
              background-color: rgba(255,255,255,0.1); 
              color:#fff; 
              display: inline-block;
}
a.header_button:hover{
    text-decoration: none;
    border-width: 3px;
    background-color: rgba(255,255,255,0.3);
}
.light{background-color: #f2f3f7;}
.homeimg{max-width:80%;}
.homeimg_3{max-width:60%;}

.advantage{width:325px!important; 
          margin:5px; 
          height:285px; 
          background-color: #fff; 
          box-sizing: border-box; 
          border-radius:10px; 

          text-align: center;
          
          background-position: center 50px;
          background-repeat: no-repeat;
          padding:150px 10px 10px 10px;
}

#Advantages, #Plans {padding:0px 15px;}
#Advantages div.col-lg-6 {padding:0px!important;}

.plan{
          width:100%; 
          margin:5px; 
          height:350px; 
          background-color: #fff; 
          box-sizing: border-box; 
          border-radius:10px; 
          text-align: center;
          overflow: hidden;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.plan_header{height:100px; 
            line-height:100px;
            background-color: #3578c6;
            color:#fff;
            text-align: center;
            text-transform: uppercase;
            font-size:1.2rem;
}
.plan_body{padding:70px 10px;}
.price_button{padding:10px 15px; 
             width:80%; 
             background-color:#f2f3f7;
             border-radius:8px; 
             margin:0px auto; 
             font-size:1.5rem;
             margin-bottom:30px;
}
.discount{font-size:1.1rem; font-weight:bold;}

.adv_1{background-image: url(../images/1.selfservice.svg);}
.adv_2{background-image: url(../images/2.menu.svg);}
.adv_3{background-image: url(../images/3.increase.svg);}
.adv_4{background-image: url(../images/4.steps.svg);}
.adv_5{background-image: url(../images/5.waiter.svg);}
.adv_6{background-image: url(../images/6.pay.svg);}
.adv_7{background-image: url(../images/7.delivery.svg);}
.adv_8{background-image: url(../images/8.safe.svg);}

#RequestFormIndexDiv{max-width:600px; margin:30px auto;}
div.card{border-color:#3578c6!important;}
div.card-header{background-color:#3578c6!important;}

label{color:#3578c6;font-size:0.9rem;}
.btn-primary{background-color:#3578c6!important;}
.errors_default{font-size:0.8rem; color:red;}

footer{height:200px; background-color:#292929; color:#fff;}
.bottom_menu a{color:#fff;}
.footer_row{height:140px;}
.footer_logo{height:40px; width:auto; margin:0px 15px;}
.bottom_menu a, .bottom_menu span{font-size: 0.8rem;}
.grecaptcha-badge { opacity:0;}
.copyright{text-align:left; font-size:0.9rem;width:100%;}
.footer_logos{width:100%; text-align: right;}

#demoPhotos{width:329px; height:641px; 
            position: relative;
            background-image: url(../images/phone.png);
            background-repeat: no-repeat;
            background-size: cover;
}

@keyframes cf4FadeInOut {
    0% {opacity:1;}
    17% { opacity:1;}
    25% {opacity:0;}
    92% {opacity:0;}
    100% {opacity:1;}
}

#demoPhotos img{
    width:273px; height:478px;
    position:absolute;
    top:77px;
    left:26px;
    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;
   
}
#demoPhotos img:nth-of-type(1) { animation-delay: 6s;}
#demoPhotos img:nth-of-type(2) { animation-delay: 4s;}
#demoPhotos img:nth-of-type(3) { animation-delay: 2s;}
#demoPhotos img:nth-of-type(4) { animation-delay: 0s;}

a.downloadPresentation{
    display:inline-block; 
    width:241px; height:295px; 
    background-image: url(../images/pdf_ate.svg);
    background-position: top center; background-repeat: no-repeat;
}
a.downloadPresentation:hover{background-position: bottom center;}



@media (max-width: 1200px) { 
    .header_image {  height: 560px; padding-top:60px;  background-image: url(../images/header_max1200.jpg);}
    .logo_container{height:467px}
    
    
}

/* navbar becomes mobile sidebar under lg breakpoint */
@media (max-width: 992px) {
   a.header_button{padding:10px 15px; border-radius:20px;}
   .homeimg{max-width:100%;}
   .homeimg_3{max-width:100%;}
   .advantage{height:225px; padding-top:110px; background-position: center 15px; font-size: 0.8rem; }
   .Txt2{margin-top: 3rem;}
   .plan{width:80%; margin:1rem auto;}
   .footer_logo{height:20px; width:auto; margin:0 10px;}
   .footer_row{height:120px;}
   .copyright{text-align: center; font-size:0.7rem;}
   .footer_logos{text-align: center;}
}