.preloader .container, #header {
  animation-delay: .5s;
}

.preloader  {
  animation-duration:1s;
}

.preloader .container {
  height:100%;
}

.preloader:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/bg4.png);
  background-size: cover;
  background-position: center top;
}

div.preloader .definition {
  animation-delay: .75s;
}

.arrows {
  animation-delay: 1s;
}

#package {
  padding-bottom:0 !important;
  padding-top:3rem !important;
}

#package, #compare {
  background: linear-gradient(0deg, #fff 0%, #efefef 100%);
  z-index:1;
  overflow-x: clip;
  overflow-y: visible;
  display:flex;
  justify-content: center;
  padding:2rem 1rem;
  overflow: hidden;
  padding-bottom:5rem;
  position: relative;
}

#compare {
  background:none;
  padding:2rem 1.5rem;
  padding-bottom:5rem;
}

#package .row, #compare .row {
  width:1400px;
  max-width:100vw;
  margin-bottom:3rem;
  text-align: center;
}

#package .row .col-md-4 {
  margin:0 auto;
  padding:1.5rem 1rem;
}

#package .row .col-md-4:last-child {
  padding:0;
}

#package .row .col-md-4 div {
  padding:2rem;
  border:1px solid #999;
  color:#000;
  background-color:#fff;
  text-align: justify;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
}

#package .row .col-md-4 div h2 {
  color:#ca571e;
  margin-bottom:2rem;
  font-size:24px;
}

#compare h1 {
  margin: 3rem auto;
  margin-bottom:2rem;
  font-family: Roboto-Thin;
  line-height:1.5;
  letter-spacing: .02em;
  font-weight: 600;
  font-size: 26px;
  text-align: center;
  color: #000;
  width: 360px;
  max-width: 100%;
  background-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(171,133,37,1) 50%, rgba(0,0,0,1) 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

#package .row,  #compare .row {
  width:1400px;
  max-width:100%;
  margin:0 auto;
  overflow: auto;
}

#compare .row table {
  margin:0 auto;
  min-width:736px;
  overflow:auto;
}

#compare .row table thead th {
  border:2px solid #C4753A;
  background-color:#FFFCF8;
  text-align: center;
  /*font-family: Roboto-Thin;*/
  font-weight:600;
  /*letter-spacing: .1em;
  text-shadow:0px 0px #000;*/
  padding:1rem 2rem;
}

#compare .row table thead tr:first-child th {
  background-color:#C4753A;
  padding:1rem;
  color:#fff;
  font-family:Agrandir;
  position: relative;
  overflow:visible;
}
#compare .row table thead tr:first-child th img {
  position: absolute;
  z-index: 1;
  transform: rotate(50deg);
  width:90px;
  top:-45px;
  right: -30px;
  filter: invert(11%) sepia(84%) saturate(3404%) hue-rotate(351deg) brightness(83%) contrast(94%);
}

#compare .row table thead tr:first-child th div {
  display:flex;
  align-items: center;
}
#compare .row table thead tr:first-child th div div {
  display:inline-flex;
  align-items: center;
  padding:0 1rem;
  text-align: center;
}
#compare .row table thead tr:first-child th div div:first-child {
  width:40%;
  font-size:21px;
  text-align:left;
  font-weight:normal;
  letter-spacing: .03em;
}

#compare .row table thead tr:first-child th div div:nth-child(2) {
  width:23%;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  flex-direction: column;
  font-weight:300;
}

#compare .row table thead tr:first-child th div div:nth-child(2) p:nth-child(2) {
  font-size:32px;
  line-height:0.75;
  margin-top:1rem;
}


#compare .row table thead tr:first-child th div div p {
  margin:0;
  font-size:18px;
  line-height:1.3;
}

#compare .row table thead tr:first-child th div div:last-child {
  width:37%;
  flex-direction: column;
  font-weight:300;
  font-size:30px;
  padding-right:0;
}
#compare .row table thead tr:first-child th div div:last-child p:nth-child(2) {
  display:flex;
}

#compare .row table thead tr:first-child th div div:last-child p:nth-child(2) span {
  padding:.5rem;
  font-size:40px;
  position: relative;
}

#compare .row table thead tr:first-child th div div:last-child p:nth-child(2) span:first-child {
  font-size:34px;
  display: flex;
  align-items: center;
}

#compare .row table thead tr:first-child th div div:last-child p:nth-child(2) span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 6px;
  top: 15px;
  transform: rotate(326deg);
  position: absolute;
  background-image: url(../img/stroke.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#compare .row table thead tr:first-child th div div:last-child p:nth-child(2) span:nth-child(2) {
  padding-right:0;
  padding-left:1rem;
  display: flex;
  align-items: center;
}

#compare .row table thead tr:first-child th div div:last-child p:nth-child(2) span:last-child {
  font-size:20px;
  text-align: left;
}

#compare .row table tbody td {
  border:2px solid #C4753A;
  background-color:#FFFCF8;
  text-align: center;
  color:#111;
  padding:1rem 2rem;
  width:110px;
}

#compare .row table tbody td:first-child {
  text-align: left;
  font-weight:600;
  width:auto;
}

/*
#compare .row table thead th:first-child {
  border:none;
}

#compare .row table thead th:nth-child(3) {
  background: linear-gradient(90deg, rgb(255 227 209) 0%, rgba(255,255,255,1) 100%);
}

#compare .row table thead th:nth-child(2) {
  background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);;
}


#compare .row table thead th:last-child {
  background: linear-gradient(90deg, rgb(255 227 156) 0%, #fff 100%);
}
*/
#compare .row table tbody td i {
  font-size:24px;
  color:#306400;
  filter: drop-shadow(1px 2px 3px #ccc);
}

#compare .row table tbody td i.fa-times-circle {
  color:#cd0000;
}

@media (min-width: 768px) {
  #compare .row {
    width:80% !important;
  }
  #compare .row table thead tr:first-child th div div:first-child {
    font-size:22px;
    font-weight:normal;
    display:flex;
    align-items: center;
  } 
  #package .row .col-md-4 {
    min-width:370px;
    padding:1.5rem 1rem;
  }

  #package .row .col-md-4 div {
    min-height:320px;
  }

  #package:before {
    width: 600px;
    left: calc(50% - 300px);
    bottom: -50px;
  }
  #package .row,  #compare .row {
    overflow: visible;
  }
  #compare .row table thead tr:first-child th img {
    right: -20px;
  }
}

@media (min-width: 912px) {
  #compare .row table thead tr:first-child th div div:first-child {
    font-size:26px;
  } 
  #package:before {
    width: 800px;
    left: calc(50% - 400px);
    bottom: -70px;
  }
  #package .row .col-md-4 div {
    min-height:400px;
  }
}

@media (min-width: 1050px) {
  #compare .row table thead tr:first-child th div div:first-child {
    font-size:28px;
  } 
  #package .col-md-4:last-child {
    display:none;
  }
  #compare .row table tbody td {
    width:160px;
  }
}

@media (min-width: 1200px) {
  #compare .row table thead tr:first-child th img {
    width: 140px;
    top: -55px;
    right: -25px;
  }
}

@media (min-width: 1400px) {
  #compare .row table thead tr:first-child th div div:first-child {
    font-size:32px;
  } 
  #compare .row table thead tr:first-child th img {
    right: -30px;
  }
}