/* fonts  */
@font-face {
    font-family:"Raleway-regular";
    src:url(../fonts/Raleway-Regular.ttf)
}
@font-face {
    font-family:"Raleway-medium";
    src:url(../fonts/Raleway-Medium.ttf)
}
@font-face {
    font-family:"Raleway-bold";
    src:url(../fonts/Raleway-Bold.ttf)
}
@font-face {
    font-family:"Raleway-extrabold";
    src:url(../fonts/Raleway-ExtraBold.ttf)
}
@font-face {
    font-family:"Raleway-semibold";
    src:url(../fonts/Raleway-SemiBold.ttf)
}
@font-face {
    font-family:"Raleway-black";
    src:url(../fonts/Raleway-Black.ttf)
}


/* colors  */

:root {
    --primary:#069c54;
    --secondary:#001650;
    --ternary:#6C6C6C;
    --danger:#FE4545;
    --pure:#FEFEFE;
    --light:#F0F0F0;
    --heaven:#FFFFFF;
    --footer:#2D333F;
}

/* Reset  */
*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}

body{
    -webkit-font-smoothing:antialiased;
    font-family: "Raleway-regular";
}
.container {
    max-width: 1280px !important;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}
}

@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}
}
@media (min-width: 768px){
.container, .container-md, .container-sm {
    max-width: 720px;
}
}
@media (min-width: 576px){
.container, .container-sm {
    max-width: 540px;
}
}
@media (min-width: 1200px){
.container {
    max-width: 1140px;
}
}
@media (min-width: 992px){
.container {
    max-width: 960px;
}
}
@media (min-width: 768px){
.container {
    max-width: 720px;
}
}
@media (min-width: 576px){
.container {
    max-width: 540px;
}
}
.containerFooter {
    width: 100%;
    padding-right: 9%;
    padding-left: 9%;
    margin-right: auto;
    margin-left: auto;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

  .main-wrapper{
      position:relative;
      width:100%;
      height:100vh;
      overflow:hidden;
  }
.site-content-wrapper{
    width:100%;
    height:100%;
    position:absolute;
    background:var(--heaven);
    z-index:2;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
}

.site-content-wrapper.scaled{
    transform:scale(0.9) translateX(90%);
    -webkit-transform:scale(0.9) translateX(90%);
    -moz-transform:scale(0.9) translateX(90%);
    -ms-transform:scale(0.9) translateX(90%);
    -o-transform:scale(0.9) translateX(90%);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    box-shadow:0 3px 10px 0 var(--secondary);
}

.site-content{
    width:100%;
    height:100%;
    overflow-x:auto;
}



.row.row_no_gap {
    margin-left: 0;
    margin-right: 0;
}
.restbeef_align_middle {
    align-items: center;
    display: inline-flex;
}
.restbeef_header_wrapper.restbeef_height100, .restbeef_height100 {
    min-height: 100vh;
    box-sizing: border-box;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}.row.row_no_gap > div {
    padding-left: 0;
    padding-right: 0;
}

.row > div {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.col-6 {
    width: 50%;
}
.restbeef_content_box {
    display: block;
    background: #ffffff;
    box-shadow: 0 10px 30px rgb(0 0 0 / 30%);
    padding: 37px 49px 50px 49px;
    width: 100%;
    box-sizing: border-box;
}

.align_center {
    text-align: center;
}h2 span.restbeef_up_title {
    margin: 0 0 0 0;
}


  .flex{
    display:flex;
  }
  .justify-between{
    justify-content: space-between;
  }
  .items-center{
      align-items: center;
      margin: 0 auto;
  }
  .whiteColor{color: #fff;}
  .noBorder{border: none !important;}
  .disBlock{
    display: block;margin-bottom: 30px;
}
 
.justify-center{
    justify-content:center;
}

.magic-shadow{
    position: relative;
    background:var(--heaven);
}
.magic-shadow:after{
    content:'';
    display:block;
    width:100%;
    height:69px;
    background-image:url(../icons/shadow.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom:-22px;
    z-index:-1;

}
.magic-shadow-sm{
    position: relative;
    background:var(--heaven);
}
.magic-shadow-sm:after{
    content:'';
    display:block;
    width:100%;
    height:69px;
    background-image:url(../icons/shadow-sm.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom:-20px;
    left:50%;
    transform:translateX(-50%);
    z-index:-1;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}

.btn{
    padding:0.75rem 0.75rem;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    line-height:0.8;
    font-size:1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border:1px solid transparent;
}

.btn-primary {
    background:var(--primary);
    color:var(--heaven);
}
.btn-primary:hover{
    background:var(--heaven);
    color:var(--primary);
    border:1px solid var(--primary);
}
.btn-secondary{
    background:var(--secondary);
    color:var(--heaven);
}
.btn-secondary:hover{
    background:var(--heaven);
    color:var(--secondary);
    border:1px solid var(--secondary);
}

section{
    padding:4rem 0;
}
section.top-products{
    background:var(--light);
}

.section-heading{
    font-family:"Raleway-bold";
    text-align:center;
    Position:relative;
    margin-bottom:6rem;
}
.section-heading:after{
    content:'';
    display:block;
    width: 100%;
    height:30px;
    background-image:url(../icons/hr.png);
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
    bottom:-40px;
}
section.top-products .food-slider .food-card{
    background:var(--heaven);
    padding:1.5rem 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
section.top-products .food-slider .food-card .product-image img{
    width:80%;
    height:200px;
    object-fit:contain;
    padding-bottom:1rem;
}
hr{
    border:1px solid var(--light);
    opacity: 0.8;
    margin:1rem 0;
}
section.top-products .food-slider .food-card h2{
    font-family:"Raleway-bold";
    font-size:1.3rem;
    margin-bottom:0.25rem;
}
.text-center{
    text-align: center;
}
section.top-products .food-slider .food-card .stars{
    margin-bottom:0.5rem;
}
section.top-products .food-slider .food-card .stars img{
    margin-right:0.25rem;
}
section.top-products .food-slider .food-card .price{
    font-family:"Raleway-medium";
    color:var(--danger);
    margin-bottom: 1rem;
}
section.top-products .food-slider .food-card button{
    font-family:"Raleway-medium";
    color:var(--secondary);
    background:var(--heaven);
    border:2px solid var(--primary);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    display:flex;
    align-items: center;
    width:50%;
    font-size:1rem;
    cursor: pointer;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
}
section.top-products .food-slider .food-card button:hover{
    background:var(--primary);
    color:var(--heaven);
}
.food-slider .food-card button img{
    background:var(--primary);
    padding:0.50rem;
    height:32px;
    margin-right:1.2rem;
}

.slick-slide{
    margin:0 27px;
}
.slick-list{
    margin:0 -27px;
}
.top-products .slider-btn{
    width: 30px;
    height:30px;
    border: none;
    background:var(--primary);
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    cursor:pointer;
    outline:none;
}

.prev-btn{
    position:absolute;
    top:46%;
    left:-3rem;
    z-index: 1;
}
.next-btn{
    position:absolute;
    top:46%;
    right:-3rem;
    z-index: 1;
}
.top-products .slider{
    position: relative;
}
.top-products .btn-wrapper{
    margin-top:2rem;
}
.slick-track{
    padding:1rem 0;
}
section.about-meal img{
    width:85%;
}
.flex-1{
    flex:1;
}
section.about-meal h2{
    font-family: "Raleway-bold";
    font-size:1.4rem;
    color:var(--secondary);
    margin-bottom:2rem;
    line-height:1.3;
}
section.about-meal p{
    line-height: 1.7;
    margin-bottom:4rem;
}
.restbeef_block{line-height: 1.7;}

.text-primary{
    color:var(--primary);
}


.text-pure{
    color:var(--pure);
}

footer{
    background:var(--footer);
    padding:4rem 0;
}
footer .container{
    /* display:flex; */
    color:var(--pure);
}

footer .box{
    flex:1;
    margin-right:2rem;
    text-align:center;
}

footer .instagram-api img{
    width:100%;
    height:100%;
    object-fit: cover;
}
footer .instagram-api .post-wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
footer .instagram-api .post-wrap > div{
    width: calc(1/3*100% - (1 - 1/3)*10px);
    margin-bottom:10px;
}
footer .box ul{
    list-style-type: none;
}
footer .box ul li a{
    color:var(--pure);
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
footer .box ul li a:hover{
    color:var(--primary);
}
footer .box h3{
    border-bottom:1px solid var(--primary);
    padding-bottom:1rem;
    margin-bottom:1rem;
}

footer .box p{
    line-height: 1.6;
    margin-bottom:1rem;
}
footer .box ul li{
    margin-bottom:1rem;
}
footer .box:nth-child(3) > div {
    display:flex;
    justify-content: center;
}
footer .box:nth-child(3){
    text-align: left;
}
footer .box:nth-child(3) h3{
    text-align: center;
}
footer .box:nth-child(3) > div img{
    margin-right:1rem;
}
footer .box:nth-child(3) ul li{
    margin-bottom:1.5rem;
}

footer.copyright{
    padding:1rem 0;
    background: var(--secondary);
    color:var(--pure);
    text-align: center;
    font-size: 0.75rem;
}
footer.copyright a{
    color:var(--primary);
    text-decoration: none;
}


@media (max-width:992px){
    .nav-trigger{
        display:block;
    }
    header.topbar, nav{
        display:none;
    }

    header.hero {
        margin-top:-4rem;
    }
    header.hero .hero-image{
        right:-160px;
        top:100px;
    }
    .top-products .slider-btn{
        display:none!important;
    }
    .latest-news .article-wrapper{
        flex-direction:column;
    }
    .latest-news .article-wrapper .card{
        margin-right:0;
        margin-bottom:4rem;
    }

    footer .instagram-api .post-wrap > div{
        width:calc(1/2*100% - (1 - 1/3)*10px);
    }
}

@media (max-width:768px){
    .about-meal .about-meal-wrap{
        flex-direction: column;
    }
    .about-meal .about-meal-wrap img{
        width:100%;
        margin-bottom: 2rem;
    }

    section.our-services .card-wrapper{
        flex-direction:column;
    }
    section.our-services .card-wrapper .service-card{
        margin-bottom:6rem;
    }
    footer .container{
        flex-direction: column;
    }
    footer .box{
        text-align: left;
        margin-right:0;
        margin-bottom:3rem;
    }
    footer .box:nth-child(3) h3{
        text-align:left;
    }
    footer .box:nth-child(3) > div{
        display:block;
    }
}

@media( max-width:576px){
    header.hero .hero-image{
        right:-235px;
        top:150px;
    }
    header.hero .container{
        padding-left:1rem;
    }
    header.hero{
        margin-top:-3rem;
    }
    section.big-deal .timer > div{
        margin-right:0.50rem;
    }
    section.big-deal .timer{
        margin-right:-0.5rem;
    }

    section.subscribe .container{
        flex-direction: column;
        padding:0.50rem;
    }

}

.texti_div{background: #f0f0f0;}
.testimonials-section {

    height: 430px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .slider__nav {
    width: 12px;
    height: 12px;
    margin: 80px 12px;
    border-radius: 0%;
    z-index: 10;
    outline: 6px solid #ccc;
    outline-offset: -6px;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .slider__nav:checked {
    -webkit-animation: check 0.4s linear forwards;
    animation: check 0.4s linear forwards;
  }
  .slider__nav:checked:nth-of-type(1) ~ .slider__inner {
    left: 0%;
  }
  .slider__nav:checked:nth-of-type(2) ~ .slider__inner {
    left: -100%;
  }
  .slider__nav:checked:nth-of-type(3) ~ .slider__inner {
    left: -200%;
  }
  .slider__nav:checked:nth-of-type(4) ~ .slider__inner {
    left: -300%;
  }
  .slider__nav:checked:nth-of-type(5) ~ .slider__inner {
    left: -400%;
  }
  .slider__inner {
    position: absolute;
    top: 80px;
    left: 0;
    width: 500%;
    height: auto;
    -webkit-transition: left 0.4s;
    transition: left 0.4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .slider__contents {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .slider__caption {
    font-size: 14px;
    color: #111;
    opacity: .5;
    font-family: 'Roboto';
    font-weight: bold;
  }
  .slider__txt {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Roboto';
    line-height: 1.7;
    color: #111;
    margin-top: -20px;
    margin-bottom: 20px;
    max-width: 750px;
  }
  quote {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 100px;
    color: #069c54;
    margin-bottom: 0;
  }

  @-webkit-keyframes check {
    50% {
      outline-color: #333;
      box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
    }
    100% {
      outline-color: #333;
      box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
    }
  }

  @keyframes check {
    50% {
      outline-color: #333;
      box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
    }
    100% {
      outline-color: #333;
      box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
    }
  }






  .categ-name {
    text-align: center;
    margin-bottom: 54px;
}
.menu-holder {
    margin-bottom: 36px;
}
.menu-post {
    margin-bottom: 24px;display: flex;
    align-items: center;
    width: 100%;
}.menu-post-img {
    display: block;
    float: left;
    position: relative;
    top: -5px;
}
.menu-post-img img {
    border-radius: 99em;
    height: 60px;
    width: 60px;
}
.menu-post-desc {
    margin-left: 70px;
}
.menu-post h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 50px;
    position: relative;
}
.menu-title, .menu-price {
    background: #ffffff;
    z-index: 2;
}
.menu-title {
    position: relative;
}.menu-dots {
    position: absolute;
    top: 14px;
    left: 80px;
    right: 0;
    margin: 0;
    border: 0;
    height: 5px;
    display: block;
    background: radial-gradient(#d5d5d5 40%, transparent 10%);
    background-position: 0 0;
    background-size: 4px 4px;
    background-repeat: repeat-x;
}.menu-title, .menu-price {
    background: #ffffff;
    z-index: 2;
}
.menu-price {
    position: absolute;
    top: 0px;
    right: 0;
}.menu-text {
    font-size: 14px;
    font-style: italic;
}
.displayFlex{width: 100%;}
.one{display: flex;
    align-items: center;}

    .firstSection{width: 48%;margin: 0 15px;    flex: 0 0 auto;
        min-height: 100vh;}
    .secondSection{width: 48%;margin: 0 15px;    flex: 0 0 auto;
        min-height: 100vh;}

        .contact-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 0 auto;
            padding: 20px;
            position: relative;
            max-width: 840px;
          }

          /* Left contact page */
          .form-horizontal {
            /*float: left;*/
            max-width: 400px;
            font-family: 'Lato';
            font-weight: 400;
          }

         
          .send-button {
            margin-top: 15px;
            height: 45px;
            width: 400px;
            overflow: hidden;
            transition: all .2s ease-in-out;
          }

          .alt-send-button {
            width: 400px;
            height: 34px;
            transition: all .2s ease-in-out;
          }

          .send-text {
            display: block;
            margin-top: 10px;
            font: 700 12px 'Lato', sans-serif;
            letter-spacing: 2px;
          }

          .alt-send-button:hover {
            transform: translate3d(0px, -29px, 0px);
          }

          /* Begin Right Contact Page */
          .direct-contact-container {
            max-width: 400px;
          }

          /* Location, Phone, Email Section */
          .contact-list {
            list-style-type: none;
            margin-left: -30px;
            padding-right: 20px;
          }

          .list-item {
            line-height: 4;
            color: #069c54;
          }

          .contact-text {
            font: 300 18px 'Lato', sans-serif;
            letter-spacing: 1.9px;
            color: #bbb;
          }

          .place {
            margin-left: 62px;
          }

          .phone {
            margin-left: 56px;
          }

          .gmail {
            margin-left: 53px;
          }

          .contact-text a {
            color: #bbb;
            text-decoration: none;
            transition-duration: 0.2s;
          }

          .contact-text a:hover {
            color: #fff;
            text-decoration: none;
          }


          /* Social Media Icons */
          .social-media-list {
            position: relative;
            font-size: 22px;
            text-align: center;
            width: 100%;
            margin: 0 auto;
            padding: 0;
          }

          .social-media-list li a {
            color: #fff;
          }

          .social-media-list li {
            position: relative;
            display: inline-block;
            height: 60px;
            width: 60px;
            margin: 10px 3px;
            line-height: 60px;
            border-radius: 50%;
            color: #fff;
            background-color: rgb(27,27,27);
            cursor: pointer;
            transition: all .2s ease-in-out;
          }

          .social-media-list li:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 60px;
            line-height: 60px;
            border-radius: 50%;
            opacity: 0;
            box-shadow: 0 0 0 1px #fff;
            transition: all .2s ease-in-out;
          }

          .social-media-list li:hover {
            background-color: #fff;
          }

          .social-media-list li:hover:after {
            opacity: 1;
            transform: scale(1.12);
            transition-timing-function: cubic-bezier(0.37,0.74,0.15,1.65);
          }

          .social-media-list li:hover a {
            color: #000;
          }

          .copyright {
            font: 200 14px 'Oswald', sans-serif;
            color: #555;
            letter-spacing: 1px;
            text-align: center;
          }

          hr {
            border-color: rgba(255,255,255,.6);
          }

          /* Begin Media Queries*/
          @media screen and (max-width: 850px) {
            .contact-wrapper {
              display: flex;
              flex-direction: column;
            }
            .direct-contact-container, .form-horizontal {
              margin: 0 auto;
            }

            .direct-contact-container {
              margin-top: 60px;
              max-width: 300px;
            }
            .social-media-list li {
              height: 60px;
              width: 60px;
              line-height: 60px;
            }
            .social-media-list li:after {
              width: 60px;
              height: 60px;
              line-height: 60px;
            }
          }

          @media screen and (max-width: 569px) {

            .direct-contact-container, .form-wrapper {
              float: none;
              margin: 0 auto;
            }
            .form-control, textarea {

              margin: 0 auto;
            }


            .name, .email, textarea {
              width: 280px;
            }

            .direct-contact-container {
              margin-top: 60px;
              max-width: 280px;
            }
            .social-media-list {
              left: 0;
            }
            .social-media-list li {
              height: 55px;
              width: 55px;
              line-height: 55px;
              font-size: 2rem;
            }
            .social-media-list li:after {
              width: 55px;
              height: 55px;
              line-height: 55px;
            }

          }

          @media screen and (max-width: 410px) {
            .send-button {
              width: 99%;
            }
          }
          #contact {
            width: 100%;
            height: 100%;
          }

          .gallery {
            display: flex;
            flex-wrap: wrap;
            /* Compensate for excess margin on outer gallery flex items */
            margin: -1rem -1rem;
        }

        .gallery-item {
            /* Minimum width of 24rem and grow to fit available space */
            flex: 1 0 24rem;
            /* Margin value should be half of grid-gap value as margins on flex items don't collapse */
            margin: 1rem;
            box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
            overflow: hidden;
        }

        .gallery-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 400ms ease-out;
        }

        .gallery-image:hover {
            transform: scale(1.15);
        }

        /*

        The following rule will only run if your browser supports CSS grid.

        Remove or comment-out the code block below to see how the browser will fall-back to flexbox styling.

        */

        @supports (display: grid) {
            .gallery {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
                grid-gap: 2rem;
            }

            .gallery,
            .gallery-item {
                margin: 0;
            }
        }
        .marginBottom30{margin-bottom: 30px;}
        .marginTop30{margin-top: 30px;}
        .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to bottom, rgba(14, 29, 51, 0.8), rgba(14, 29, 51, 0.2));
          }

          .hero-slider {
            width: 100%;
            height: 100vh;
            overflow: hidden;
          }
          .hero-slider .carousel-cell {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
          }
          .hero-slider .carousel-cell .slide-content {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            text-align: center;
          }
          .hero-slider .carousel-cell .slide-content .title {
            position: relative;
            font-family: "Fjalla One", sans-serif;
            font-size: 3.2rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #ffffff;
          }
          .hero-slider .carousel-cell .slide-content .caption {
            font-family: "Noto Sans", sans-serif;
            font-size: 2.2rem;
            color: #ffffff;
            margin-bottom: 30px;
          }
          .hero-slider .carousel-cell .slide-content .btn {
            display: inline-block;
            border: 1px solid #fff;
            padding: 14px 18px;
            text-transform: uppercase;
            font-family: "Noto Sans", sans-serif;
            font-size: 0.9rem;
            letter-spacing: 2px;
            color: #fff;
            text-decoration: none;
          }
          .hero-slider .carousel-cell .slide-content .btn:hover {
            background: #fff;
            color: #000;
            transition: all 0.2s ease;
          }
          .hero-slider .flickity-prev-next-button {
            width: 80px;
            height: 80px;
            background: transparent;
          }
          .hero-slider .flickity-prev-next-button:hover {
            background: transparent;
          }
          .hero-slider .flickity-prev-next-button .arrow {
            fill: white;
          }
          .hero-slider .flickity-page-dots {
            bottom: 30px;
          }
          .hero-slider .flickity-page-dots .dot {
            width: 30px;
            height: 4px;
            opacity: 1;
            background: rgba(255, 255, 255, 0.5);
            border: 0 solid white;
            border-radius: 0;
          }
          .hero-slider .flickity-page-dots .dot.is-selected {
            background: #069c54;
            border: 0 solid #069c54;
          }

          /* --------------------------------
          Masking
          -------------------------------- */
          .slide-content .title,
          .slide-content .caption,
          .slide-content .btn {
            position: relative;
            opacity: 0;
            -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
          }

          .slide-content.mask .mask {
            position: relative;
            overflow: hidden;
          }
          .slide-content.mask .title {
            -webkit-animation-duration: 0.4s;
                    animation-duration: 0.4s;
            -webkit-animation-delay: 0.7s;
                    animation-delay: 0.7s;
            -webkit-animation-name: slide-up;
                    animation-name: slide-up;
            -webkit-animation-fill-mode: backwards;
                    animation-fill-mode: backwards;
            opacity: 1;
          }
          .slide-content.mask .divider {
            display: inline-block;
            position: relative;
            margin: 5px auto;
            height: 2px;
            width: 60%;
            background-color: #ffffff;
            -webkit-animation: divider-mask 1s 0.3s both;
                    animation: divider-mask 1s 0.3s both;
          }
          .slide-content.mask .caption,
          .slide-content.mask .btn {
            -webkit-animation-duration: 0.4s;
                    animation-duration: 0.4s;
            -webkit-animation-delay: 0.7s;
                    animation-delay: 0.7s;
            -webkit-animation-name: slide-down;
                    animation-name: slide-down;
          }

          @-webkit-keyframes slide-up {
            0% {
              opacity: 0;
              -webkit-transform: translateY(100%);
            }
            100% {
              opacity: 1;
              -webkit-transform: translateY(0);
            }
          }
          @keyframes slide-up {
            0% {
              opacity: 0;
              transform: translateY(100%);
            }
            100% {
              opacity: 1;
              transform: translateY(0);
            }
          }
          @-webkit-keyframes slide-down {
            0% {
              opacity: 0;
              -webkit-transform: translateY(-100%);
            }
            100% {
              opacity: 1;
              -webkit-transform: translateY(0);
            }
          }
          @keyframes slide-down {
            0% {
              opacity: 0;
              transform: translateY(-100%);
            }
            100% {
              opacity: 1;
              transform: translateY(0);
            }
          }
          @-webkit-keyframes divider-mask {
            0%, 100% {
              transform: scaleX(0);
            }
            40%, 60% {
              -webkit-transform: scaleX(1);
            }
          }
          @keyframes divider-mask {
            0%, 100% {
              transform: scaleX(0);
            }
            40%, 60% {
              transform: scaleX(1);
            }
          }

          .skills {
            /* max-width: 50%; */
            margin: 40px auto;
            text-align: center;
          }
          .skills .hr-text {
            font-size: 20px;
            position: relative;
            border: 0;margin-bottom: 6rem;
            height: 1.5em;
          }
          .skills .hr-text:before {
            content: "";
            background: linear-gradient(to right, transparent, #b2b2b2, transparent);
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            height: 1px;
          }
          .skills .hr-text:after {
            content: attr(data-content);
            position: relative;
            display: inline-block;
            padding: 0 0.5em;
            line-height: 1.5em;
            font-weight: bold;
            color: #001650 !important;
          }
          .greyBack:after{background-color: #f0f0f0;}
          .whiteBack:after{background-color: #fff;}
          footer {
            background-color: #001650;
            padding: 60px 0 10px 0;
            color: white;
            position: relative;
        }
        .frame.black {
            background: url(../images/frame_footer.png) 0 0 repeat-x;
            background-size: 10px 3px;
            top: -3px;
        }

        .frame {
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 99;
        }
        footer .footer_wp {
            position: relative;
            padding-left: 40px;
        }
        footer .footer_wp i {
            position: absolute;
            left: 0;
            top: 0;
            color: rgba(255,255,255,0.2);
            font-size: 24px;
            font-size: 1.5rem;
        }footer h3 {
            font-size: 18px;
            font-size: 1.125rem;
            margin-bottom: 15px;
            color: #fff;
        }
        .form-group {
            position: relative;
        }
        .form-group {
            margin-bottom: 1rem;
        }
        #newsletter input[type='email'] {
            border: 0;
            height: 40px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
            padding-left: 15px;
            background-color: #f3f3f3;
            background-color: rgba(255,255,255,0.05);
            color: #ccc;
        }
        .form-control {
            padding: 10px;
            height: 40px;
            font-size: 14px;
            font-size: 0.875rem;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #d2d8dd;
        }
        .form-control {
            display: block;
            width: 100%;
            height: calc(1.5em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }
        #newsletter button[type='submit'] {
            position: absolute;
            right: 0;
            color: #fff;
            font-size: 24px;
            font-size: 1.5rem;
            top: 0;
            border: 0;
            opacity: 1;
            padding: 0 10px;
            height: 40px;
            line-height: 44px;
            cursor: pointer;
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            -ms-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
            background-color: #069c54;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            outline: none;
        }
        .col-xl-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        footer hr {
            border-color: rgba(255,255,255,0.15);
            margin: 30px 0 30px 0;
        }
        .displayFlexFooter{    display: flex;
            -ms-flex-wrap: wrap;align-items: center;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }
        .footer_wp p a{color: #fff;
            text-decoration: none;
        }
        .footer_wp ul{list-style-type: none;
            padding-left: 0;
        }

        footer .copy {
            padding-top: 5px;
        }
        .follow_us ul {
            margin: 0 0 25px 0;
            padding: 0;
            list-style: none;
            float: right;
        }
        
        footer ul {
            list-style: none;
            padding: 0;
            margin: 0 0 25px 0;
        }
        .follow_us ul li {
            display: inline-block;
            margin: 0 5px;
        }
        .follow_us ul li a {
            display: block;
        }
        footer a {
            color: rgba(255,255,255,0.6);
        }
        .follow_us ul li a img {
            width: 30px;
            height: 30px;
        }
        .width41{
            -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
           
        }
        .width58{
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
        .mrgnTop20{margin-top: 20px;}
        .wrapper {
            /* box-shadow: 0 0 20px 0 rgba(57, 82, 163, 0.7); */
          }
          
          .wrapper > * {
            padding: 1em;
          }
          
          /* ------------------- */
          /* COMPANY INFORMATION */
          /* ------------------- */
          
          .company-info {
            background: #C3C9DD;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
          }
          
          .company-info h3,
          .company-info ul {
            text-align: center;
            margin: 0 0 1rem 0;
          }
          
          /* ------- */
          /* CONTACT */
          /* ------- */
          
          .contact {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
          }
          
          /* ---- */
          /* FORM */
          /* ---- */
          
          .contact form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 20px;
          }
          
          .contact form label {
            display: block;
          }
          
          .contact form p {
            margin: 0;
          }
          
          .contact form .full {
            grid-column: 1 / 3;
          }
          
          .contact form button,
          .contact form input,
          .contact form textarea {
            width: 100%;
            padding: 1em;
            border: solid 1px #069c54;
            border-radius: 4px;
          }
          
          .contact form textarea {
            resize: none;
          }
          
          .contact form .contactBtn {
            background: #000;
            border: 0;
            color: #e4e4e4;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;cursor: pointer;
          }
          
          .contact form .contactBtn:hover{
            background: #000;
            color: #ffffff;
            outline: 0;
            transition: background-color 2s ease-out;
          }
          
          /* ------------- */
          /* MEDIA QUERIES */
          /* ------------- */
          
          @media only screen and (min-width: 700px) {
            .wrapper {
              display: flex;
              grid-template-columns: 1fr 2fr;margin-top: 130px;
            }
          
            .wrapper > * {
              padding: 2em;
            }
          
            .company-info {
              border-radius: 4px 0 0 4px;
            }
          
            .contact {
              border-radius: 0 4px 4px 0;width: 100%;
            }
          
            .company-info h3,
            .company-info ul,
            .brand {
              text-align: left;
            }
          }