html
{
   font-family: 'Montserrat' , sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

p
{
   font-family: 'Montserrat' , sans-serif;
   font-size: 1.4rem;
   color: #000000;
   line-height: 2.3rem;
}

p strong
{
   color: #1B7DC1;
   font-size: 1.6rem;
}

strong.additional-margin
{
   margin-bottom: 15px;
   display: block;
}

.container
{
   padding: 0px 20px;
}

.button
{
   background-color: #6A191E;
   border-radius: 10px;
   color: white;
   padding: 15px 20px;
   font-size: 1.0rem;
   text-align: center;
   box-sizing: border-box;
   display: inline;
   vertical-align: middle;
   font-weight: 600;
   transition: 0.3s ease;
   border: 3px solid #6A191E;
}

.button:hover
{
   background-color: #fff;
   color: #6A191E;
   border-color: #6A191E;
}

.flex-wrapper
{
   display: flex;
   min-height: 100vh;
   flex-direction: column;
   justify-content: space-between;
}
/* HEADER */

.hero
{
   width: 100%;
   padding: 150px 0px;
   background-image: url('../img/bg-header.jpg');
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

header .inner-box
{
   border-bottom: 1px solid #7b7b7b;
   margin-bottom: 10px;
}

.top-header
{
   padding: 10px 0px 0px 0px;
}

.top-header .columns
{
   align-items: flex-end;
}

.logo img
{
   max-height: 150px;
}
/* nav */

.navigation
{
   text-align: right;
}

ul.nav-list
{
   margin: 0px;
   padding: 0px;
}

ul.nav-list li
{
   display: inline-block;
   vertical-align: top;
   margin-left: 30px;
}

ul.nav-list li a
{
   font-size: 23px;
   color: #0C284C;
   font-weight: bold;
   position: relative;
   display: inline-block;
   vertical-align: top;
   padding-bottom: 20px;
}

ul.nav-list li a:after
{
   content: '';
   display: block;
   width: 60px;
   height: 5px;
   background-color: #0C284C;
   position: absolute;
   left: 50%;
   margin-left: -30px;
   bottom: -5px;
   opacity: 0;
   transition: 0.3s ease;
}

ul.nav-list li a:hover:after, ul.nav-list li a.active:after
{
   opacity: 1;
   bottom: 0px;
}

.menu-toogle
{
   display: none;
}

.hero .container
{
   width: 100%;
}

.hero h1, .hero p, .hero h2
{
   font-size: 2.5rem;
   font-weight: 700;
   max-width: 550px;
   line-height: 3rem;
}

.hero p.bigger
{
   font-size: 2.0rem;
   line-height: 2.7rem;
   margin-bottom: 25px;
}

.hero p.smaller
{
   font-size: 1.8rem;
   line-height: 2.7rem;
}

.hero p.smallest, .hero h2.smallest
{
   font-size: 1.5rem;
   line-height: 2.2rem;
}

.hero p, .hero h1
{
   color: white;
}
/* MENU MOBILE */
/* HEADER END */
/* ABOUT SECTION */

#about-section
{
   padding: 100px 0px 200px 0px;
}

.content-section h3
{
   font-size: 2.2rem;
   color: #0C284C;
}

.content-section p
{
   font-size: 1.2rem;
   color: #000000;
   line-height: 2.3rem;
}

.button-box
{
   margin-top: 30px;
}
/* ABOUT SECTION */
/* LOGIQUEST SECTION */

#logi-quest h3
{
   margin-bottom: 20px;
}

#logi-quest .logo-box
{
   margin: 50px 0px 80px 0px;
}

#logi-quest .logo-box img
{
   max-height: 135px;
}
/* LOGIQUEST SECTION */
/* ABOUT PAGE */

.content
{
   padding-top: 40px;
}

.about-us-page p strong
{
   font-size: 2.5rem;
   line-height: 3rem;
   margin-bottom: 40px;
   display: block;
}

.about-us-page .image-box
{
   margin-top: 20px;
   margin-bottom: 40px;
}
/* testimonials */

.testimonials
{
   background-color: #1B7DC1;
   color: white;
   padding: 100px 0px;
}

.testimonials h2
{
   font-weight: 700;
   font-size: 2rem;
   margin-bottom: 20px;
   font-family: 'Montserrat' , sans-serif;
}

.testimonials p
{
   font-size: 1.1rem;
   line-height: 2rem;
   color: white;
}
/* Partners */

.partners
{
   padding-top: 100px;
}

.partners h2
{
   color: #363636;
   font-weight: 500;
   line-height: 1.125;
   font-size: 2rem;
   margin-bottom: 30px;
}

.partners li
{
   text-align: center;
}

.partners li:first-child, .partners li:nth-child(2), .partners li:nth-child(3)
{
   margin-bottom: 60px;
}

.partners img
{
   max-height: 80px;
}
/* ABOUT PAGE END */
/* LOGI QUEST */

.hero.logi-quest
{
   background-image: url('../img/logi-quest-bg.jpg'); /*position: relative;*/
}
/* .hero.logi-quest:before {
    content: '';
    position: absolute;
    bottom: -2vw;
    right: 31%;
    width: 38vw;
    height: 33vw;
    margin-right: -21vw;
    background-image: url('../img/logi-quest-tablet.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
} */

.hero.logi-quest .container
{
   /*position: relative;*/
}


.hero.logi-quest .container .tcRelWrapper
{
   display:flex;
   height:auto;
   align-items:center;
}

#LqBullets
{
   position:relative;
   display:inline-block;
   margin:0px;
   padding:0px 10px;
   height:auto;
}

#slick-slider-list
{
   posi-tion:absolute; 
   margin:auto 0px; 
   width:792px; 
   height:auto; 
   border:3px solid white; 
   border-rad-ius:15px;
}

ul.slick-slider-list
{
   position: absolute;
   right: 10px; /*-6vw;*/
   bottom: 0vw;
   width: 788px;
   height: auto; /*29vw;*/
   tran-sform: rotate( -20deg);
   border: 3px solid white;
   border-radius: 15px;
   ove-rflow: hidden;
}

ul.slick-slider-list img
{
   position: relative;
   margin: 0px;
   padding: 0px;
   z-index: 1;
   border-radius: 11px;
}

.hero.logi-quest .is-6-desktop
{
   text-align: left;
}
/*
                .hero.logi-quest h1 {
                    font-size: 3.5rem;
                }
                
                .hero.logi-quest p.bigger {
                    font-size: 2.4rem;
                    line-height: 2.7rem;
                    margin-bottom: 25px;
                }
                
                .hero.logi-quest p.smaller {
                    font-size: 2.5rem;
                    line-height: 3rem;
                    font-weight: 300;
                }
                */
.slick-initialized .slick-list
{
   display: block;
   width: 100% !important; /*37vw !important;*/
   height: 100% !important; /*29vw !important;*/
   left: 0px !important;
   top: 0px !important;
}
/* visit button */

.visit-button
{
   padding-top: 100px;
   margin-bottom: 100px;
}

.button-box-cover
{
   background-color: #0C284C;
   width: 100%;
   border-radius: 15px;
   text-align: center;
   color: white;
   padding: 5px 0px 30px 0px;
}

.button-box-cover span
{
   font-size: 3rem;
   font-family: 'Montserrat' , sans-serif;
   font-weight: 600;
}

.button-box-cover .button-box a.button
{
   background-color: #0C284C;
   border: 2px solid #fff;
   padding: 10px 25px;
   font-size: 1.2rem;
   font-weight: 800;
}

.button-box-cover .button-box a.button:hover
{
   background-color: white;
   color: #0C284C;
}
/* characteristics */

.characteristics .inner-box
{
   background-color: #f6f8fa;
   height: 100%;
   padding: 20px;
   max-height: 500px;
   overflow: visible;
}

.characteristics .column:first-child .inner-box
{
   border-bottom: 12px solid #0C284C;
}

.characteristics .column:nth-child(2) .inner-box
{
   border-bottom: 12px solid #1B7DC1;
}

.characteristics .column:nth-child(3) .inner-box
{
   border-bottom: 12px solid #B6C4D2;
}

.characteristics h2
{
   font-size: 2rem;
   color: #0C284C;
   margin-bottom: 25px;
   padding-top: 15px;
}

.characteristics .inner-box
{
   position: relative;
}

.characteristics .inner-box .icon img
{
   max-height: 80px;
   height: 80px;
}

.characteristics .inner-box .icon
{
   position: absolute;
   right: 20px;
   top: 15px;
   height: 60px;
   width: 60px;
}

.characteristics .styled-p p
{
   color: #1B7DC1;
   font-size: 1.2rem;
   line-height: 1.3;
   font-weight: bold;
   margin-bottom: 20px;
}

.characteristics .styled-p
{
   min-height: 70px;
   margin-top: 10px;
}

.characteristics .bullets
{
   position: relative;
   width: calc(100% + 20px);
   overflow: auto;
}

.characteristics ul
{
   margin: 0px;
   padding: 0px 0px 0px 20px;
}

.characteristics ul li
{
   list-style: initial;
   font-family: 'Montserrat' , sans-serif;
}

.characteristics .compleate-list
{
   color: #0C284C;
   font-weight: 700;
   margin-top: 5px;
}

.characteristics .compleate-list a
{
   color: #6A191E;
}

.cls-2
{
   fill: #00c4b3;
}
/* request-demo */

.request-demo
{
   text-align: center;
   margin-top: 80px;
}

.request-demo strong
{
   font-size: 2.5rem;
   color: #0C284C;
   font-family: 'Montserrat' , sans-serif;
}

.request-demo p
{
   font-size: 2.5rem;
   line-height: 3.5rem;
   font-family: 'Montserrat' , sans-serif;
   margin-bottom: 35px;
}

.request-demo a.button
{
   font-weight: 700;
   font-size: 1.5rem;
}
/* LOGI QUEST END */
/* PROJECTS */

.logiquest-content p
{
   font-size: 0.9rem;
   color: #8D8D8D;
   font-family: 'Montserrat' , sans-serif;
   font-weight: 500;
   line-height: 1.3rem;
}

.logiquest-content p:first-child
{
   margin-bottom: 10px;
}

.logiquest-content .addition-content
{
   background-color: #1B7DC1;
   border-radius: 29px;
   color: #fff;
   font-size: 1.3rem;
   float: right;
   max-width: 500px;
   padding: 25px 50px;
   font-style: italic;
   font-weight: 600;
   line-height: 2rem;
   margin-top: 0px;
}

.logiquest-content .image-content, .logiquest-content .image-content2
{
   float: right;
   max-width: 500px;
   padding: 25px;
   margin-top: 0px;
}

.logiquest-content .image-content2
{
   float:left;
}

.projects
{
   margin-top: 30px;
}

.projects .project-logo
{
   text-align: center;
}

.projects .project-logo a
{
   max-width: 500px;
   margin: 0px auto;
   display: block;
}

.projects h2 /* a */
{
   font-size: 1.75em;
   margin-bottom: .5714em;
   color: #0C284C;
   font-weight: 600;
   line-height: 1.125;
}

.projects h2
{
   margin-bottom: 20px;
}

.projects p
{
   margin-bottom: 20px;
}

.projects p, .projects li
{
   font-size: 0.9rem;
   color: #8D8D8D;
   font-family: 'Montserrat' , sans-serif;
   font-weight: 500;
   line-height: 1.3rem;
}

.projects ul
{
   padding-left: 20px;
}

.projects li
{
   list-style: initial;
   margin-bottom: 10px;
}

.projects li.is-12-desktop
{
   margin-bottom: 30px;
}

.projects .button-box
{
   margin-top: 30px;
}

h2.large-h2
{
   font-size: 3.5rem;
   text-align: center;
   color: #363636;
   font-weight: 900;
   line-height: 1.125;
}
/* PROJECTS END */
/* CONTACT */

.contact-page h1
{
   text-align: center;
   font-size: 3.5rem;
   color: #0C284C;
   font-family: 'Montserrat' , sans-serif;
   font-weight: 700;
   margin-top: 0px;
}

.contact-page h4
{
   font-size: 22px;
   color: #0C284C;
   font-family: 'Montserrat' , sans-serif;
   font-weight: 600;
   margin-bottom: 20px;
}

.contact-page ul
{
   padding: 0px;
   margin: 0px;
}

.contact-page ul li a, .contact-page ul li
{
   font-size: 1.1rem;
   color: #000000;
   font-weight: 300;
   font-style: normal;
}

.contact-page ul.contact-list
{
   margin-bottom: 40px;
}

.contact-page ul li
{
   list-style: none;
   margin-bottom: 8px;
}

label
{
   color: #313131;
   font-family: 'Montserrat' , sans-serif;
   margin-bottom: 10px;
   font-weight: 600;
   display: block;
}
/* FORM FIELDS */

input[type=text], input[type=tel], input[type=email], input[type=text], textarea
{
   width: 100%;
   padding: 10px 20px;
   border-radius: 28px;
   outline: none;
   border: 1px solid #707070;
}

textarea
{
   resize: vertical;
   max-width: 100%;
   min-height: 200px;
}

input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=text]:focus, textarea:focus
{
   border: 1px solid #6A191E;
}

form .button
{
   height: 55px;
   padding-top: 13px;
}
/* FOOTER */

footer
{
   margin-top: 20px;
}

footer .top-section
{
   border-top: 1px solid #c0cad7;
   border-bottom: 1px solid #c0cad7;
   padding: 20px 0px;
}

footer .list-of-logo
{
   margin: 0px;
   padding: 0px;
   text-align: right;
}

footer .list-of-logo li
{
   display: inline-block;
   vertical-align: middle;
}

footer .list-of-logo li img
{
   max-height: 95px;
}

footer .is-6-desktop, footer .is-8-desktop
{
   text-align: center;
}

footer .is-6-desktop a, footer .is-8-desktop a
{
   font-size: 1.2rem;
   color: #8D8D8D;
   font-weight: 600;
   display: inline-block;
   vertical-align: middle;
   margin-right: 30px;
}

footer .inline-box
{
   margin: 5px 0px;
}

footer a.pointer-none
{
   pointer-events: none;
}

footer .is-6-desktop i, footer .is-8-desktop i
{
   margin-right: 15px;
   display: inline-block;
   vertical-align: middle;
   max-width: 50px;
}

footer .nav-list
{
   margin: 20px 0px;
   display: flex;
   justify-content: space-around;
}

footer ul.nav-list li a
{
   padding-bottom: 0px;
}

footer ul.nav-list li a:hover:after
{
   display: none;
}

footer .is-6-desktop i img
{
   max-height: 40px;
}

.copyright
{
   text-align: center;
   font-size: 1.5rem;
   color: #000000;
   margin-top: 10px;
   margin-bottom: 20px;
}

.inline-box
{
   display: inline-block;
}

ul.industry-eyes-list
{
   padding-left: 20px;
}
/* FOOTER */
/* MEDIA */

@media only screen and (max-width: 1600px)
{
   .hero.logi-quest .container
   {
      /*position: static;*/
   }
   #header
   {
      position: relative;
   }
   /*ul.slick-slider-list {
                           position: absolute;
                           ri-ght: 4vw;
                           bo-ttom: 1vw;
                       }*/
}

@media only screen and (max-width: 1220px)
{
   footer .list-of-logo
   {
      text-align: center;
   }
}

@media only screen and (max-width: 769px)
{
   h2.large-h2
   {
      font-size: 2.5rem;
   }
   .projects ul.industry-eyes-list
   {
      padding-left: 20px;
   }
   .projects ul
   {
      padding-left: 0px;
   }
   .menu-toogle
   {
      display: block;
   }
   .mobile-header-nav
   {
      background-color: #fff;
      display: none;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      top: -8px;
      width: 80vw;
      left: 0px;
      z-index: 9999;
      height: 70vh;
      border: 1px solid grey;
   }
   .mobile-header-nav li
   {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }
   .mobile-header-nav li a
   {
      color: white;
      display: block;
      padding: 15px 0;
      text-align: center;
      text-decoration: none;
      transition: all 0.3s ease-in-out;
   }
   .hamburger-menu
   {
      display: inline-block;
      height: 100px;
      padding: 35px 25px;
      transition: all 0.3s ease-in-out;
   }
   .hamburger-menu:hover
   {
      cursor: pointer;
   }
   .hamburger-menu .menu-item
   {
      background: black;
      display: block;
      height: 3px;
      margin: 0 0 10px;
      transition: all 0.3s ease-in-out;
      width: 40px;
   }
   .hamburger-menu.open .menu-item
   {
      margin: 0 0 5px;
   }
   .hamburger-menu.open .menu-item:first-child
   {
      transform: rotate(45deg);
      transform-origin: 10px;
   }
   .hamburger-menu.open .menu-item:nth-child(2)
   {
      opacity: 0;
   }
   .hamburger-menu.open .menu-item:nth-child(3)
   {
      transform: rotate(-45deg);
      transform-origin: 8px;
   }
   ul.nav-list li
   {
      display: block;
      text-align: center;
   }
   .nav-list-cover
   {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
   }
   ul.nav-list
   {
      width: 100%;
   }
   ul.nav-list li
   {
      margin-left: 0px;
   }
   header .is-3-mobile
   {
      text-align: right;
   }
   .partners li
   {
      margin-bottom: 60px;
   }
   footer .logo
   {
      text-align: center;
   }
   footer .nav-list
   {
      display: none;
   }
   .logiquest-content .addition-content
   {
      float: none;
      margin-top: 10px;
      max-width: 100%;
      margin-bottom: 10px;
      padding: 35px 50px;
   }
   .logiquest-content .image-content, .logiquest-content .image-content2
   {
      float: none;
      margin-top: 10px;
      max-width: 100%;
      margin-bottom: 10px;
   }
   .reverse-columns
   {
      flex-direction: column-reverse;
      display: flex;
   }
   footer .logo img
   {
      max-height: 150px;
   }
   footer .logo
   {
      margin-bottom: 20px;
   }
   footer .inline-box
   {
      margin-bottom: 20px;
   }
   /*ul.slick-slider-list {
                           position: absolute;
                           ri-ght: 50%;
                           bo-ttom: 1vw;
                           mar-gin-right: -20vw;
                           width: 500px;
                           bottom:20px;                        
                       }*/
   .hero
   {
      /*padding: 150px 0px 240px 0px;*/
   }
   .button-box-cover span
   {
      font-size: 1.7rem;
   }
}

@media screen and (max-width:854px)
{  
   #slick-slider-list
   {
      width:425px !important;
      max-width:425px !important;
      min-width:425px !important;
   }
}

@media screen and (max-width:1024px)
{
   ul.slick-slider-list
   {
      bottom: 40px;
      width: 394px; /*350px;*/
   }
   
   .hero.logi-quest .container .tcRelWrapper
   {
      display:block;
   }
   
   #LqBullets
   {
      text-align:center;
      width:100%;
   }
   
   #slick-slider-list
   {
      display:block;
      margin:10px auto;
      width:792px;
      max-width:792px;
      min-width:792px;
   }
}

@media screen and (max-width:1216px)
{
   ul.slick-slider-list
   {
      bottom: 25px;
      width: 394px; /*500px;*/
   }
   
   #LqBullets h1
   {
      font-size: 2.0rem;
      font-weight: 600;
      line-height: 2.5rem;
   }
   
   #LqBullets p.smallest, #LqBullets h2.smallest
   {
      font-size: 1.0rem;
      line-height: 1.3rem;
   }
   
   #slick-slider-list
   {
      width:580px;
      max-width:580px;
   }
}

@media screen and (max-width:1407px)
{  
   #slick-slider-list
   {
      width:650px;
   }
}
/*@media only screen and (max-width: 400px) {
                    ul.slick-slider-list {
                        width: 60vw;
                        height: 44.7vw;
                    }
                    .slick-initialized .slick-list {
                        wi-dth: 57vw !important;
                        he-ight: 43vw !important;
                        le-ft: 1.9vw !important;
                        to-p: 2vw !important;
                    }
                    ul.slick-slider-list {
                        mar-gin-right: -30vw;
                    }
                }*/