/*
	//
	// GLOBAL VARIABLES
	//
*/
/* end of global variables */
/*
	//
	// BASIC PREDEFINITIONS
	//
*/
body * {
  font-family: 'Quicksand', sans-serif;
  box-sizing: border-box;
}
body {
  position: relative;
  overflow-x: hidden;
}
body.u-noScroll {
  overflow: hidden;
}
@media (max-width: 500px) {
  .row {
    margin-left: 0;
    margin-right: 0;
  }
}
/*
	//
	// FLEX BOX
	//
*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex.align-centered {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex.justyfy-centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex.spaces-between {
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
/* end of flex box */
/* ------------------------ */
/* Buttons */
.c-button {
  display: inline-block;
  padding: 5px 20px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: 400ms;
  border: 0;
  /* CTA Button */
  /* end of cta button */
  /* Big Button */
  /* Button color types */
  /* end of secondary button */
}
.c-button:hover {
  text-decoration: none;
}
.c-button.u-ctaButton {
  position: relative;
  color: #ffffff;
  background: #e30613;
}
.c-button.u-ctaButton:hover {
  background: #bb020c;
}
.c-button.u-bigButton {
  padding: 10px 30px;
  font-size: 24px;
}
@media (max-width: 500px) {
  .c-button.u-bigButton {
    padding: 10px 12px;
    font-size: 18px;
  }
}
.c-button.u-secondaryButton {
  color: #ffffff;
  background: #6a2323;
}
.c-button.u-secondaryButton:hover {
  background: #581d1d;
}
/* end of buttons */
/*
    //
    // MAIN BASE STYLES
    //
*/
main {
  margin-top: 80px;
  overflow-x: hidden;
}
@media (max-width: 570px) {
  main {
    margin-top: 70px;
  }
}
/*
	==========================
	//
	// MAIN PROJECT STYLES
	//
	==========================
*/
/*
	//
	// HEADER PART
	//
*/
.o-headerBox {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  box-shadow: 0 0 10px #9a9a9a;
  background: #fff;
  z-index: 100;
  /* LOGO LINK */
  /* end of logo link */
  /* HAMBURGER MENU */
  /* end of hamburger menu */
  /* HEAD MENU LAYOUT */
  /* end of menu layout */
  /* HEAD MENU LINK */
  /* end of head link */
}
@media (max-width: 992px) {
  .o-headerBox .row {
    flex-wrap: wrap;
  }
}
.o-headerBox .c-logoLink {
  display: inline-block;
  padding: 10px 0;
}
.o-headerBox .c-logoLink img {
  max-height: 70px;
}
@media (max-width: 570px) {
  .o-headerBox .c-logoLink img {
    max-height: 50px;
  }
}
.o-headerBox .c-hamburgerMenu {
  display: none;
}
@media (max-width: 992px) {
  .o-headerBox .c-hamburgerMenu {
    display: block;
  }
  .o-headerBox .c-hamburgerMenu a {
    font-size: 40px;
    color: #000000;
    text-decoration: none;
  }
}
.o-headerBox .c-menuLayout {
  /* end of @media */
}
@media (max-width: 992px) {
  .o-headerBox .c-menuLayout {
    display: none;
  }
  .o-headerBox .c-menuLayout.opened {
    display: block;
    width: 100%;
    padding-bottom: 10px;
  }
  .o-headerBox .c-menuLayout .c-button {
    display: block;
    width: 80%;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
  }
}
.o-headerBox .c-headLink {
  position: relative;
  display: inline-block;
  margin: 5px 15px;
  padding: 10px 0;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  /* end of before */
  /* end of hover */
}
@media (max-width: 992px) {
  .o-headerBox .c-headLink {
    display: block;
    border-top: 1px solid #e1e1e1;
  }
  .o-headerBox .c-headLink:nth-child(5) {
    border-bottom: 1px solid #e1e1e1;
  }
}
.o-headerBox .c-headLink:before {
  position: absolute;
  content: "";
  bottom: -23px;
  left: 0;
  width: 0;
  border-bottom: 2px solid #e30613;
}
@media (max-width: 1200px) {
  .o-headerBox .c-headLink:before {
    display: none;
  }
}
.o-headerBox .c-headLink:hover {
  color: #e71000;
  /* end of :hover */
}
.o-headerBox .c-headLink:hover:before {
  width: 100%;
  transition: width 200ms;
}
/*
    //
    // FOOTER STYLES
    //
*/
footer {
  padding: 30px 0;
}
footer .c-footerLogo img {
  width: 150px;
}
footer .c-authorBlock {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
footer .c-authorBlock a {
  color: #e30613;
}
/* 
    //
    // TITLE HOMEPAGE BOX
    //
*/
.o-titleBox {
  position: relative;
  padding: 130px 0 130px;
  background: url(../images/bg1.jpeg);
  background-size: cover;
  background-position: bottom center;
  background-attachment: fixed;
  /* Header */
  /* end of header */
  /* Link box */
  /* end of link box */
  /* Buttons box */
  /* end of buttons box */
}
@media (max-width: 500px) {
  .o-titleBox {
    padding: 50px 0 70px;
  }
}
.o-titleBox.p-roznosLetaku {
  background: url(../images/office.jpeg);
  background-size: cover;
  background-position: bottom center;
  background-attachment: fixed;
}
.o-titleBox.p-roznosLetaku:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.6);
}
.o-titleBox.p-directMailing {
  background: url(../images/work1.jpeg);
  background-size: cover;
  background-position: bottom center;
  background-attachment: fixed;
}
.o-titleBox.p-directMailing:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.6);
}
.o-titleBox.p-print {
  background: url(../images/letaky.jpg);
  background-size: cover;
  background-position: bottom center;
  background-attachment: fixed;
}
.o-titleBox.p-print:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.6);
}
.o-titleBox:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.6);
}
.o-titleBox:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 150px;
  left: 0;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  pointer-events: none;
}
.o-titleBox h1 {
  font-size: 68px;
  font-weight: 500;
  color: #e30613;
  text-align: center;
}
@media (max-width: 992px) {
  .o-titleBox h1 {
    font-size: 52px;
  }
}
.o-titleBox h1 .u-smallText {
  display: block;
  font-size: 48px;
  font-weight: 400;
  color: #000000;
}
@media (max-width: 768px) {
  .o-titleBox h1 .u-smallText {
    font-size: 34px;
  }
}
.o-titleBox .c-linksBox {
  display: block;
  padding: 0;
  text-align: center;
  /* CTA link */
  /* end of cta link */
}
.o-titleBox .c-linksBox .ctaLink {
  position: relative;
  display: inline-block;
  margin: 0 18px 0 0;
  font-size: 22px;
  font-weight: 400;
  color: #495057;
  text-decoration: none;
  transition: 300ms;
}
.o-titleBox .c-linksBox .ctaLink:not(:last-child):after {
  position: absolute;
  content: "";
  top: 10%;
  right: -10px;
  height: 80%;
  width: 0;
  border-right: 1px solid #495057;
}
.o-titleBox .c-linksBox .ctaLink:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 1px dashed #e30613;
}
.o-titleBox .c-linksBox .ctaLink:hover {
  color: #000000;
}
.o-titleBox .c-linksBox .ctaLink:hover:before {
  width: 100%;
  transition: width 300ms;
}
.o-titleBox .c-buttonsBox {
  position: relative;
  display: block;
  width: 100%;
  margin: 50px 0 0;
  text-align: center;
  z-index: 5;
}
.o-titleBox .c-buttonsBox .c-button {
  margin: 10px 30px;
}
.o-titleBox .c-bottomArrow {
  position: relative;
  display: block;
}
.o-titleBox .c-bottomArrow:before {
  position: absolute;
  content: "\f078";
  left: calc(50% - 13px);
  top: 60px;
  font-family: "Font Awesome\ 5 Free";
  font-size: 30px;
  font-weight: 900;
  color: #e30613;
  z-index: 10;
}
.o-titleBox .c-bottomArrow:after {
  position: absolute;
  content: "\f078";
  left: calc(50% - 21px);
  top: 60px;
  font-family: "Font Awesome\ 5 Free";
  font-size: 50px;
  font-weight: 900;
  color: #e30613;
  z-index: 10;
}
/* end of title homepage box */
/* --------------------------------------- */
/*
    //
    // WHAT WE DO
    //
*/
.o-whatWeDo {
  position: relative;
  display: block;
  padding: 50px 0 250px;
  margin-bottom: -20px;
  background: url(../images/work1.jpeg);
  background-size: cover;
  background-position: center right;
  background-attachment: fixed;
  /* end of top rows */
  /* Service col */
  /* end of service col */
  /* DOWNLOAD BOX */
  /* end of download box */
}
.o-whatWeDo:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  pointer-events: none;
}
.o-whatWeDo .c-topRows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.o-whatWeDo .c-topRows:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
}
.o-whatWeDo .c-topRows:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  left: 0;
  top: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  pointer-events: none;
}
.o-whatWeDo .container {
  position: relative;
  z-index: 15;
}
.o-whatWeDo .container .row {
  position: relative;
  margin: 50px 0;
}
.o-whatWeDo h2 {
  font-size: 48px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
@media (max-width: 992px) {
  .o-whatWeDo h2 {
    font-size: 36px;
  }
}
@media (max-width: 570px) {
  .o-whatWeDo h2 {
    font-size: 32px;
  }
}
.o-whatWeDo .c-serviceCol {
  padding: 20px;
  text-align: center;
  /* end of service link */
  /* end of service title */
}
.o-whatWeDo .c-serviceCol a.serviceLink {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
  width: 150px;
  height: 150px;
  text-decoration: none;
  /* end of hover */
}
.o-whatWeDo .c-serviceCol a.serviceLink:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/roundBox.png);
  background-size: contain;
  background-position: center;
}
.o-whatWeDo .c-serviceCol a.serviceLink i {
  font-size: 50px;
  color: #e30613;
  transition: all 300ms;
}
.o-whatWeDo .c-serviceCol a.serviceLink:hover {
  text-decoration: none;
}
.o-whatWeDo .c-serviceCol a.serviceLink:hover i {
  font-size: 55px;
}
.o-whatWeDo .c-serviceCol a.serviceLink:hover:before {
  transform: rotate(-360deg);
  transition: all 500ms;
}
.o-whatWeDo .c-serviceCol .serviceTitle {
  display: block;
  height: 36px;
  font-size: 22px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  text-decoration: none;
  transition: all 300ms;
}
@media (min-width: 993px) {
  .o-whatWeDo .c-serviceCol .serviceTitle:hover {
    font-size: 24px;
  }
}
.o-whatWeDo .c-downloadBox {
  position: absolute;
  top: 25px;
  display: flex;
  width: 100%;
  height: 150px;
  background: #fff;
  box-shadow: 0 0 10px #111;
  border-radius: 10px;
  overflow: hidden;
  /* end of title box */
  /* end of content box */
}
@media (max-width: 768px) {
  .o-whatWeDo .c-downloadBox {
    flex-wrap: wrap;
    height: auto;
  }
}
.o-whatWeDo .c-downloadBox .titleBox {
  position: relative;
  display: flex;
  align-items: center;
  width: 40%;
  height: 100%;
  padding: 20px 30px;
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 0 5px #4c4c4c;
  background: #4CAF50;
}
@media (max-width: 768px) {
  .o-whatWeDo .c-downloadBox .titleBox {
    width: 100%;
    height: auto;
    padding: 20px;
    font-size: 24px;
  }
}
.o-whatWeDo .c-downloadBox .titleBox:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.o-whatWeDo .c-downloadBox .contentBox {
  display: flex;
  align-items: center;
  width: 60%;
  padding: 15px;
  font-size: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .o-whatWeDo .c-downloadBox .contentBox {
    width: 100%;
    padding: 20px;
  }
}
/* end of what we do */
/*
    //
    // WE ARE HERE SECTION
    //
*/
.o-weAreHereSection {
  position: relative;
  display: block;
  padding: 70px 0;
  margin-bottom: 80px;
  /* end of cover */
  /* end of order process box */
  /* end of icon box */
  /* end of claim box */
}
@media (max-width: 992px) {
  .o-weAreHereSection {
    overflow: hidden;
  }
}
@media (max-width: 570px) {
  .o-weAreHereSection {
    margin-bottom: 0;
  }
}
.o-weAreHereSection .cover {
  position: absolute;
  width: 150%;
  height: 100%;
  top: -10px;
  left: -25%;
  background: url(../images/surface.jpg);
  pointer-events: none;
  z-index: 1;
  transform: rotate(8deg);
  box-shadow: 0 0 40px;
}
@media (max-width: 570px) {
  .o-weAreHereSection .cover {
    transform: rotate(0deg);
  }
}
.o-weAreHereSection .cover:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.o-weAreHereSection .container {
  position: relative;
  z-index: 15;
}
.o-weAreHereSection h2 {
  margin-bottom: 50px;
  font-size: 48px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 992px) {
  .o-weAreHereSection h2 {
    font-size: 36px;
  }
}
@media (max-width: 570px) {
  .o-weAreHereSection h2 {
    font-size: 32px;
  }
}
.o-weAreHereSection .c-orderProcessBox {
  /* end of box */
}
.o-weAreHereSection .c-orderProcessBox .number {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 0 5px #111;
  background: #e30613;
  border-radius: 100%;
  z-index: 5;
}
.o-weAreHereSection .c-orderProcessBox .box {
  position: relative;
  display: block;
  margin: 50px auto 0;
  background: #fff;
  overflow: hidden;
  /* end of title box */
  /* end of content */
}
.o-weAreHereSection .c-orderProcessBox .box:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  width: 100%;
  height: 4px;
  background: #4caf50;
}
.o-weAreHereSection .c-orderProcessBox .box .titleBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 30px;
  font-size: 32px;
  font-weight: 400;
  color: #ffffff;
  box-shadow: 0 3px 5px silver;
  background: #4caf50;
}
@media (max-width: 570px) {
  .o-weAreHereSection .c-orderProcessBox .box .titleBox {
    font-size: 22px;
  }
}
.o-weAreHereSection .c-orderProcessBox .box .content {
  display: block;
  margin-top: 60px;
  padding: 30px;
  font-size: 20px;
  color: #000000;
  line-height: 1.3;
}
@media (max-width: 570px) {
  .o-weAreHereSection .c-orderProcessBox .box .content {
    font-size: 16px;
  }
}
.o-weAreHereSection .c-orderProcessBox:nth-child(odd) .number {
  right: -10px;
  top: 10px;
}
.o-weAreHereSection .c-orderProcessBox:nth-child(odd) .box {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;
  border-top-right-radius: 10px;
}
.o-weAreHereSection .c-orderProcessBox:nth-child(even) .number {
  left: -10px;
  top: 10px;
}
.o-weAreHereSection .c-orderProcessBox:nth-child(even) .box {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  border-top-left-radius: 10px;
}
.o-weAreHereSection .c-iconBox {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #e30613;
}
@media (max-width: 768px) {
  .o-weAreHereSection .c-iconBox {
    display: none;
  }
}
.o-weAreHereSection .c-iconBox span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #e30613;
  box-shadow: 0px 0px 10px #858383;
}
.o-weAreHereSection .c-claimBox {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 30px auto;
  font-size: 29px;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 570px) {
  .o-weAreHereSection .c-claimBox {
    font-size: 24px;
    line-height: 1.2;
  }
}
/* end of we are here */
/*
    //
    // FAST CONTACT
    //
*/
.o-fastContact {
  position: relative;
  padding: 50px 0 100px;
  background: url(../images/email.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  /* end of fast contact form */
}
.o-fastContact:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 250px;
  left: 0;
  top: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  pointer-events: none;
}
.o-fastContact:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 250px;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  pointer-events: none;
}
.o-fastContact h2 {
  position: relative;
  font-size: 48px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  z-index: 5;
}
.o-fastContact .c-fastContactForm {
  position: relative;
  display: block;
  padding: 50px 50px;
  margin: 50px auto;
  z-index: 5;
  /* end of claim box */
}
.o-fastContact .c-fastContactForm:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 30px;
  background: #4caf50;
  transform: skewY(-5deg);
  z-index: 0;
}
.o-fastContact .c-fastContactForm .c-claimBox {
  position: relative;
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 30px auto;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .o-fastContact .c-fastContactForm .c-claimBox {
    font-size: 22px;
  }
}
.o-fastContact .c-fastContactForm form {
  position: relative;
}
.o-fastContact .c-fastContactForm input {
  display: block;
  width: 90%;
  max-width: 600px;
  padding: 15px;
  margin: 10px auto;
  font-size: 26px;
  font-weight: 300;
  background: rgba(255, 255, 255, 0.8);
  border: 0;
  border-bottom: 2px solid #e30613;
}
/*
    //
    // WHY US BOX
    //
*/
.o-whyUsBox {
  position: relative;
  display: block;
  padding: 50px 0 250px;
  margin-bottom: -20px;
  background: url(../images/people.jpeg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  /* end of top rows */
  /*
        // WHY ITEM
    */
  /* end of why item */
  /*
        // MORE INFO
    */
  /* end of more info */
  /* DOWNLOAD BOX */
  /* end of download box */
}
.o-whyUsBox.u-print {
  background: url(../images/papers.jpeg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.o-whyUsBox:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  pointer-events: none;
}
.o-whyUsBox .c-topRows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.o-whyUsBox .c-topRows:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
}
.o-whyUsBox .c-topRows:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  left: 0;
  top: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  pointer-events: none;
}
.o-whyUsBox .container {
  position: relative;
  z-index: 15;
}
.o-whyUsBox .container .row {
  position: relative;
  margin: 50px 0;
}
.o-whyUsBox h2 {
  font-size: 48px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
@media (max-width: 992px) {
  .o-whyUsBox h2 {
    font-size: 34px;
  }
}
.o-whyUsBox .c-whyItem {
  padding: 20px;
  height: 250px;
  background: #ffffff;
  box-shadow: 0 0 10px #111;
}
@media (max-width: 992px) {
  .o-whyUsBox .c-whyItem {
    margin: 5px 0;
    height: auto;
  }
}
.o-whyUsBox .c-whyItem h3 {
  text-align: center;
  color: #e30613;
}
.o-whyUsBox .c-whyItem p {
  text-align: center;
  color: #495057;
}
.o-whyUsBox .c-whyItem p b {
  color: #000000;
}
.o-whyUsBox .c-moreInfo {
  display: block;
  padding: 20px;
  height: 250px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 10px #111;
}
@media (max-width: 992px) {
  .o-whyUsBox .c-moreInfo {
    height: auto;
    margin: 5px 0;
  }
}
.o-whyUsBox .c-moreInfo .infoText {
  display: block;
  padding: 5px 0;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
}
@media (max-width: 992px) {
  .o-whyUsBox .c-moreInfo .infoText {
    font-size: 18px;
  }
}
.o-whyUsBox .c-moreInfo .infoText i {
  color: #e30613;
}
.o-whyUsBox .c-moreInfo .title {
  display: block;
  font-size: 28px;
  font-weight: 500;
  color: #e30613;
  text-align: center;
}
@media (max-width: 992px) {
  .o-whyUsBox .c-moreInfo .title {
    font-size: 22px;
  }
}
.o-whyUsBox .c-downloadBox {
  position: absolute;
  top: 25px;
  display: flex;
  width: 100%;
  height: 150px;
  background: #fff;
  box-shadow: 0 0 10px #111;
  border-radius: 10px;
  overflow: hidden;
  /* end of title box */
  /* end of content box */
}
@media (max-width: 768px) {
  .o-whyUsBox .c-downloadBox {
    flex-wrap: wrap;
    height: auto;
  }
}
.o-whyUsBox .c-downloadBox .titleBox {
  position: relative;
  display: flex;
  align-items: center;
  width: 40%;
  height: 100%;
  padding: 20px 30px;
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 0 5px #4c4c4c;
  background: #4CAF50;
}
@media (max-width: 768px) {
  .o-whyUsBox .c-downloadBox .titleBox {
    width: 100%;
    height: auto;
    padding: 20px;
    font-size: 24px;
  }
}
.o-whyUsBox .c-downloadBox .titleBox:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.o-whyUsBox .c-downloadBox .contentBox {
  display: flex;
  align-items: center;
  width: 60%;
  padding: 15px;
  font-size: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .o-whyUsBox .c-downloadBox .contentBox {
    width: 100%;
    padding: 20px;
  }
}
/*
    //
    // ORDER FORM STYLES
    //
*/
.o-orderForm {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  padding: 50px 0;
  background: url(../images/bg1.jpeg);
  background-size: cover;
  background-position: center;
  z-index: 100;
  overflow-y: scroll;
  /* end of close form */
  /* end of type menu */
  /* Info text */
  /* end of info text */
  /* FORM */
  /* end of form */
  /* end of submit box */
  /* end of continue box */
}
.o-orderForm.opened {
  display: block;
}
.o-orderForm:before {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}
.o-orderForm .container {
  position: relative;
}
.o-orderForm .c-closeForm {
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 12px;
  color: #e30613;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  z-index: 100;
}
.o-orderForm .c-closeForm:hover {
  opacity: .8;
}
.o-orderForm .c-closeForm i {
  font-size: 40px;
  cursor: pointer;
}
@media (max-width: 570px) {
  .o-orderForm .c-closeForm i {
    font-size: 28px;
  }
}
.o-orderForm .c-closeForm span {
  display: block;
}
.o-orderForm h2 {
  position: relative;
  font-size: 48px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  z-index: 5;
}
@media (max-width: 570px) {
  .o-orderForm h2 {
    font-size: 26px;
  }
}
.o-orderForm .c-typeMenu {
  display: flex;
  justify-content: center;
  margin: 20px 0 20px;
}
@media (max-width: 768px) {
  .o-orderForm .c-typeMenu {
    flex-wrap: wrap;
  }
}
.o-orderForm .c-typeMenu a.typeItem {
  display: inline-block;
  margin: 0 10px;
  padding: 15px 25px;
  color: white;
  font-size: 20px;
  text-decoration: none;
  background: #e30613;
  box-shadow: 0 0 10px #5c5b5b;
  border-radius: 5px;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .o-orderForm .c-typeMenu a.typeItem {
    display: block;
    width: 100%;
    margin: 3px 0;
    padding: 10px 15px;
    text-align: center;
  }
}
.o-orderForm .c-typeMenu a.typeItem.active,
.o-orderForm .c-typeMenu a.typeItem:hover {
  opacity: 1;
}
.o-orderForm .c-infoText {
  display: block;
  margin: 20px auto;
  max-width: 800px;
  font-size: 18px;
  text-align: center;
}
.o-orderForm .c-infoText.u-red {
  color: #e30613;
}
.o-orderForm form {
  display: none;
  /* end of legend */
}
.o-orderForm form.opened {
  display: block;
}
.o-orderForm form h3 {
  display: block;
  font-size: 38px;
  font-weight: 300;
  color: #e30613;
  text-align: center;
}
.o-orderForm form fieldset {
  display: block;
  margin: 20px 0;
  width: 100%;
}
.o-orderForm form fieldset.active {
  display: block;
}
.o-orderForm form legend {
  position: relative;
  margin: 10px 0 20px;
  font-size: 30px;
  text-align: center;
}
@media (max-width: 570px) {
  .o-orderForm form legend {
    font-size: 22px;
  }
}
.o-orderForm form legend span {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 0 10px silver;
  z-index: 5;
}
.o-orderForm form legend:before {
  position: absolute;
  content: "";
  left: 0;
  top: 27px;
  width: 100%;
  border-bottom: 1px solid #495057;
}
.o-orderForm form label {
  margin: 0;
  color: #000000;
}
.o-orderForm form input,
.o-orderForm form select {
  display: block;
  width: 100%;
  padding: 15px;
  margin: 10px auto;
  font-size: 22px;
  font-weight: 300;
  background: rgba(255, 255, 255, 0.8);
  border: 0;
  border-bottom: 2px solid #e30613;
  outline: none;
  box-shadow: 0 0 5px #b8b8b8;
}
.o-orderForm .c-submitBox {
  display: none;
}
.o-orderForm .c-submitBox.active {
  display: block;
}
.o-orderForm .c-continueBox {
  display: block;
}
.o-orderForm .c-continueBox.hidden {
  display: none;
}
/*
    //
    // FORM SENT BOX 
    //
*/
.o-formSentBox {
  position: relative;
  display: block;
  min-height: 100vh;
  padding: 130px 0 130px;
  background: url(../images/flower.jpeg);
  background-size: cover;
  background-position: right;
  /* Check box */
  /* end of check box */
  /* Header */
  /* end of header */
}
.o-formSentBox:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
}
.o-formSentBox .container {
  position: relative;
  z-index: 10;
}
.o-formSentBox .c-checkBox {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 150px;
  height: 150px;
  margin: 15px auto;
  background: url(../images/roundBox.png);
  background-size: cover;
  background-position: center;
}
.o-formSentBox .c-checkBox:before {
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  font-size: 80px;
  line-height: 145px;
  content: "\f00c";
  color: #e30613;
}
.o-formSentBox h1 {
  display: block;
  width: 100%;
  font-size: 68px;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 992px) {
  .o-formSentBox h1 {
    font-size: 52px;
  }
}
@media (max-width: 570px) {
  .o-formSentBox h1 {
    font-size: 38px;
  }
}
.o-formSentBox .c-content {
  margin-top: 50px;
  font-size: 24px;
  text-align: center;
}
@media (max-width: 570px) {
  .o-formSentBox .c-content {
    font-size: 18px;
  }
}
/*
    //
    // CONTACT PAGE STYLES
    //
*/
.o-aboutPage {
  position: relative;
  display: block;
  min-height: 100vh;
  padding: 130px 0 130px;
  background: url(../images/company.jpeg);
  background-size: cover;
  background-position: center;
  /* Header */
  /* end of header */
  /*
        //
        // CONTACT BOX
        //
    */
  /* end of contact box */
}
.o-aboutPage:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.o-aboutPage .container {
  position: relative;
}
.o-aboutPage h1 {
  font-size: 68px;
  font-weight: 300;
  color: #000000;
  text-align: center;
}
@media (max-width: 992px) {
  .o-aboutPage h1 {
    font-size: 52px;
  }
}
.o-aboutPage .c-contentBox {
  padding: 15px;
  margin: 10px auto;
  background: #ffffff;
  box-shadow: 0 3px 10px #111;
}
.o-aboutPage .c-contentBox.u-contact {
  display: flex;
  align-items: center;
}
.o-aboutPage .c-contentBox h2 {
  font-size: 34px;
  font-weight: 500;
  color: #e30613;
}
.o-aboutPage .c-contentBox h3 {
  font-size: 26px;
  color: #000000;
}
.o-aboutPage .c-contentBox p {
  font-size: 18px;
}
.o-aboutPage .c-contentBox a {
  font-size: 26px;
  color: #000000;
  text-decoration: none;
}
@media (min-width: 993px) and (max-width: 1200px) {
  .o-aboutPage .c-contentBox a {
    font-size: 22px;
  }
}
@media (max-width: 500px) {
  .o-aboutPage .c-contentBox a {
    font-size: 20px;
  }
}
.o-aboutPage .c-contentBox a.normalLink {
  font-size: 14px;
  color: blue;
  text-decoration: underline;
}
.o-aboutPage .c-contentBox i {
  display: inline-block;
  padding-right: 10px;
  font-size: 26px;
  color: #e30613;
}
/*
    //
    // CONTACT PAGE STYLES
    //
*/
.o-contactPage {
  position: relative;
  display: block;
  min-height: 100vh;
  padding: 130px 0 130px;
  background: url(../images/contact.jpg);
  background-size: cover;
  background-position: center;
  /* Header */
  /* end of header */
  /* Contact col */
  /* end of contact col */
  /*
        //
        // CONTACT BOX
        //
    */
  /* end of contact box */
}
.o-contactPage:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.o-contactPage .container {
  position: relative;
}
.o-contactPage h1 {
  font-size: 68px;
  font-weight: 300;
  color: #000000;
  text-align: center;
}
@media (max-width: 992px) {
  .o-contactPage h1 {
    font-size: 52px;
  }
}
@media (max-width: 992px) {
  .o-contactPage .contactCol {
    order: 1;
  }
}
@media (max-width: 992px) {
  .o-contactPage .adressCol {
    order: 2;
  }
}
.o-contactPage .c-contactBox {
  padding: 15px;
  margin: 10px auto;
  text-align: center;
  background: #ffffff;
  box-shadow: 0 3px 10px #111;
}
.o-contactPage .c-contactBox.u-contact {
  display: flex;
  align-items: center;
}
.o-contactPage .c-contactBox h2 {
  font-size: 34px;
  font-weight: 500;
  color: #e30613;
}
.o-contactPage .c-contactBox h3 {
  font-size: 26px;
  color: #000000;
}
.o-contactPage .c-contactBox p {
  font-size: 18px;
}
.o-contactPage .c-contactBox a {
  font-size: 26px;
  color: #000000;
  text-decoration: none;
}
@media (min-width: 993px) and (max-width: 1200px) {
  .o-contactPage .c-contactBox a {
    font-size: 22px;
  }
}
@media (max-width: 500px) {
  .o-contactPage .c-contactBox a {
    font-size: 20px;
  }
}
.o-contactPage .c-contactBox a.normalLink {
  font-size: 14px;
  color: blue;
  text-decoration: underline;
}
.o-contactPage .c-contactBox i {
  display: inline-block;
  padding-right: 10px;
  font-size: 36px;
  color: #e30613;
}