@import url('https://fonts.googleapis.com/css?family=Poppins:400,700|Suez+One');

:root {
  /* --main-accent-color:#cc0050; */
  --main-accent-color:cadetblue;
  /* --main-font-color:#4c4c4c; */
  --main-font-color:lightblue;
}



body {font-family:poppins; color:var(--main-font-color); height:100%; font-size:16px;
      background: linear-gradient(to left, #0f2027, #152930, #203a43); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
@media (max-width:576px){body{font-size:13px;}}

/* @media (max-width:768px){.add-100-top{padding-top:100px;}} */
.add-100-top{padding-top:100px;}

/* .pretty-home {background-image: linear-gradient(35deg, rgba(253, 253, 253, 0.03) 0%, rgba(253, 253, 253, 0.03) 53%,rgba(109, 109, 109, 0.03) 53%, rgba(109, 109, 109, 0.03) 59%,rgba(228, 228, 228, 0.03) 59%, rgba(228, 228, 228, 0.03) 66%,rgba(42, 42, 42, 0.03) 66%, rgba(42, 42, 42, 0.03) 95%,rgba(165, 165, 165, 0.03) 95%, rgba(165, 165, 165, 0.03) 100%),linear-gradient(205deg, rgba(62, 62, 62, 0.03) 0%, rgba(62, 62, 62, 0.03) 31%,rgba(200, 200, 200, 0.03) 31%, rgba(200, 200, 200, 0.03) 41%,rgba(30, 30, 30, 0.03) 41%, rgba(30, 30, 30, 0.03) 47%,rgba(151, 151, 151, 0.03) 47%, rgba(151, 151, 151, 0.03) 60%,rgba(95, 95, 95, 0.03) 60%, rgba(95, 95, 95, 0.03) 100%),linear-gradient(30deg, rgba(7, 7, 7, 0.03) 0%, rgba(7, 7, 7, 0.03) 19%,rgba(63, 63, 63, 0.03) 19%, rgba(63, 63, 63, 0.03) 33%,rgba(175, 175, 175, 0.03) 33%, rgba(175, 175, 175, 0.03) 37%,rgba(244, 244, 244, 0.03) 37%, rgba(244, 244, 244, 0.03) 60%,rgba(177, 177, 177, 0.03) 60%, rgba(177, 177, 177, 0.03) 100%),linear-gradient(90deg, rgb(162, 162, 162),rgb(229, 229, 229));} */

/* body, html, #hero {height:100%;} */

.lead {font-size:18.5px !important;}
@media (max-width:576px){.lead{font-size:14px !important;}} /* Small devices (cellphones, below 500px) */

.page-content {margin-right:auto; margin-left:auto;}
  /* @media (min-width:500px){.page-content{width:85%;}} /* Small devices (tablets portait, 500px and up) */
  /* @media (min-width:768px){.page-content{width:80%;}} /* Small devices (tablets landscape, 768px and up) */
  @media (min-width:992px){.page-content{width:750px;}} /* Medium devices (desktops, 992px and up) */

.accent-color {color:var(--main-accent-color) !important;}
.accent-background {background-color:var(--main-accent-color) !important;}
button.accent-background:hover {color:ghostwhite !important;}
/* .btn-pink:hover {background-color:var(--main-font-color) !important;} */

/* #hero {
    /* background-image: linear-gradient(135deg, transparent 0%, transparent 24%,rgba(153, 153, 153,0.05) 24%, rgba(153, 153, 153,0.05) 25%,transparent 25%, transparent 100%),linear-gradient(0deg, transparent 0%, transparent 25%,rgba(153, 153, 153,0.05) 25%, rgba(153, 153, 153,0.05) 36%,transparent 36%, transparent 100%),linear-gradient(135deg, transparent 0%, transparent 63%,rgba(153, 153, 153,0.05) 63%, rgba(153, 153, 153,0.05) 69%,transparent 69%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255)); */
    /* background: linear-gradient(to left, #0f2027, #203a43, #2c5364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /* background: linear-gradient(to left, #0f2027, #152930, #203a43); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /* -webkit-background-size: cover; */
    /* -moz-background-size: cover; */
    /* -o-background-size: cover; */
    /* background-size: cover; */
    /* height: 100vh; */
/* } */

.bg-brands {background-image: linear-gradient(to right, #155799, #159957);}

h1, h2 {color:var(--main-accent-color) !important;}

h1 {font-weight:700;}
@media (max-width:576px){h1{font-size:18px;}} /* Small devices (cellphones, below 500px) */
@media (min-width:576px){h1{font-size:19px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){h1{font-size:21px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){h1{font-size:22px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){h1{font-size:32px;}} /* Large devices (large desktops, 1200px and up) */

h2 {font-weight:700;}
@media (max-width:576px){h2{font-size:17px;}} /* Small devices (cellphones, below 500px) */
@media (min-width:576px){h2{font-size:16px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){h2{font-size:18px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){h2{font-size:19px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){h2{font-size:26px;}} /* Large devices (large desktops, 1200px and up) */

h3 {font-weight:700;}
@media (max-width:576px){h3{font-size:16px;}} /* Small devices (cellphones, below 500px) */
@media (min-width:576px){h3{font-size:17px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){h3{font-size:17px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){h3{font-size:18px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){h3{font-size:19px;}} /* Large devices (large desktops, 1200px and up) */


/*linear-gradient(to right, #da4453, #89216b) vanusa*/

/* .navbar-brand {font-family:suez one;font-size:2rem;-webkit-text-fill-color:transparent;-webkit-background-clip:text !important;background:linear-gradient(to right, #da4453, #89216b);} */
.navbar-brand {font-family:suez one;font-size:2rem;color:var(--main-accent-color) !important;}
@media (max-width: 499px){.navbar-brand{font-size:1.75rem;}} /* Small devices (cellphones, below 500px) */
.nav-item {font-size:1.25em;font-weight:bold;font-family:poppins;color:var(--main-accent-color) !important;margin:0px 25px;}
.nav-item:hover {color:var(--main-font-color) !important;border-bottom:var(--main-accent-color) 2px solid;}
.navbar-collapse.collapse.show .nav-item {color:var(--main-accent-color) !important;}
.navbar-collapse.collapse.show .navbar-nav {background: linear-gradient(to left, #0f2027, #152930, #203a43) !important;}
.navbar-toggler {border-color:var(--main-accent-color) !important;}
.navbar-toggler:focus {border-color:var(--main-accent-color) !important;}

.h-80 {height:80%;}

@media (max-width:576px){.btn {padding:.25rem.5rem; font-size:.875rem; line-height:1.5; border-radius:.2rem;}}
@media (max-width:576px){.form-control {height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem;}}

form {max-width:475px !important;}

.form-one-animation {
    animation: fadein 1.25s;
    -moz-animation: fadein 1.25s; /* Firefox */
    -webkit-animation: fadein 1.25s; /* Safari and Chrome */
    -o-animation: fadein 1.25s; /* Opera */
}

@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

/* Homepage airplane animation */

#splash {
  background: #0f2027; /* formerly #cc1f2f*/
  background-repeat: repeat-y;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: splash 5s ease-in; /* formerly splash 3s ease-in; */
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
   z-index: 1031; /* added after in order to cover the nav */
}

#loader {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,0);
}

#loader:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -170px;
  width: 3px;
  background: #fff;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  height: 200px;
}

#loader:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: 8px;
  bottom: -190px;
  width: 3px;
  background: #000;
  background: linear-gradient(to bottom, rgba(0,0,0,.2) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0) 100%);
  height: 200px;
}

#splash .anim {
  height: 100%;
  position: absolute;
  left: 50%;
  width: 100px;
  transform: translate(-50%,100%);
  animation: loader 4s linear; /* formerly loader 4s linear;*/
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes loader {
  0% {
    transform: translate(-50%,110%);
  }
  30% {
    transform: translate(-50%,50%);
  }
  100% {
    transform: translate(-50%,0%);
  }
}

@keyframes splash {
  0% {
    transform: translate(0%,0%);
  }
  50% {
    transform: translate(0%,0%);
  }
  100% {
    transform: translate(0%,-100%);
  }
}

/* Pricing table */
.panel {
  /* background-color: #fff; */
  border-radius: 10px;
  padding: 15px 25px;
  position: relative;
  width: 100%;
  z-index: 10;
}

.pricing-table {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
  /* display: flex; */
  /* flex-direction: column; */
}

/* @media (min-width: 9992px) {
  .pricing-table {
    flex-direction: row;
  }
} */

/* .pricing-table * {
  text-align: center;
  text-transform: uppercase;
} */

.pricing-plan {
  border-bottom: 1px solid #e1f1ff;
  padding: 25px;
}

.pricing-plan:last-child {
  border-bottom: none;
}

@media (min-width: 992px) {
  .pricing-plan {
    border-bottom: none;
    border-right: 1px solid #e1f1ff;
    /* flex-basis: 100%; */
    padding: 25px 50px;
  }

  .pricing-plan:last-child {
    border-right: none;
  }
}

.pricing-img {margin-bottom:25px; max-width: 100%;}
@media (max-width:576px) {.pricing-img {height:100px;}}

.pricing-header {
  color:var(--main-accent-color) !important;;
  letter-spacing: 1px;
}

.pricing-button {
  margin: 25px 0;
  padding: 15px 35px;
  text-decoration: none;
}