html {
  font-size: 62.5%;
  /* //10px == 1rem */
  font-family: 'Open Sans', sans-serif; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: 'Red Hat Display', sans-serif;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input {
  font-family: 'Red Hat Display', sans-serif;
  border-bottom: 1px solid #6a7cc0 !important; }

.WRAPPER {
  max-width: 1x; }

/* backgroud gray colour */
.bg-grey {
  background-color: #cecece; }

.m-bottom {
  margin-bottom: 1rem; }

.color-dropdown-blue {
    color: #093a74 !important;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: blue !important;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

/* // ================================== H O M E  P A G E ======================================// */
/* slider custom */
.slider .indicators {
  display: none; }

/* slider gap remove here */
.slider {
  height: auto !important; }

.bold {
  font-weight: bolder !important; }

#dropdown1,
#dropdown2 {
  background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
  background-image: -webkit-linear-gradient(left, #000661, #123880);
  background-image: -o-linear-gradient(left, #000661, #123880);
  background-image: linear-gradient(to right, #000661, #123880); }

#dropdown1 li a,
#dropdown2 li a {
  color: #fff !important; }

#dropdown1 li a:hover,
#dropdown2 li a:hover {
  color: #10327c !important; }

.dropdown-content li:hover,
.dropdown-content li.active,
.dropdown-content2 li:hover,
.dropdown-content2 li.active {
  background-color: #fff !important; }

.darken-3 {
  color: #076a98 !important; }

.custom-nav {
  background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880)) !important;
  background-image: -webkit-linear-gradient(left, #000661, #123880) !important;
  background-image: -o-linear-gradient(left, #000661, #123880) !important;
  background-image: linear-gradient(to right, #000661, #123880) !important; }
  .custom-nav li {
    position: relative; }
  .custom-nav a:before,
  .custom-nav a:after {
    content: "";
    position: absolute;
    background: #fff;
    bottom: 0;
    height: 0.2rem;
    -webkit-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important; }
  .custom-nav a:before {
    left: 50%; }
  .custom-nav a:after {
    right: 50%; }
  .custom-nav li:hover a:before,
  .custom-nav li:hover a:after {
    width: 50%; }

.officeDetails__office {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 100; }
  .officeDetails__office li i {
    color: #06176c; }

.modifyImage {
  width: 12rem !important; }

.content-section {
  padding: 5rem 0; }
  .content-section__container {
    border-bottom: 1px solid #cccfd4; }
  .content-section__row {
    padding: 5rem 0; }
    .content-section__row p {
      font-size: 1.2rem; }

.intro {
  margin-top: 3rem; }
  .intro__left {
    margin-top: -2rem;
    padding: 0rem; }
    .intro__left--upper p {
      font-size: 1.3rem;
      font-weight: 700; }
    .intro__left--heading h3 {
      color: #0d2a77;
      font-family: 'Anton', sans-serif; }
    .intro__left--lower {
      font-size: 1.2rem; }
    .intro__left--button {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 3rem; }
      .intro__left--button a {
        color: white;
        background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
        background-image: -webkit-linear-gradient(left, #000661, #123880);
        background-image: -o-linear-gradient(left, #000661, #123880);
        background-image: linear-gradient(to right, #000661, #123880);
        padding: 1rem;
        border-radius: 5px !important;
        -webkit-box-shadow: 4px 4px 4px #cecaca;
        box-shadow: 4px 4px 4px #cecaca; }
      .intro__left--button i {
        font-size: 1rem; }
  .intro__video {
    margin-top: 6rem; }

/* // services */
.services {
  /* background-image: linear-gradient(to right, rgb(68, 71, 77), #4d82d8); */
  padding: 2.5rem 0; }
  .services h4 {
    margin-bottom: 4rem; }
  .services__card {
    margin-bottom: 3rem; }
  .services__card {
    height: 20rem; }
  .services__logo img {
    width: 12rem;
    height: 8rem; }

/* history section */
.history {
  padding: 7rem 0; }
  .history__container {
    border-bottom: 1px solid #d5d6da; }
    .history__container img {
      border-radius: 1rem; }

/* collapsible */
.collapsible {
  padding-top: 4rem; }

.collapsible-header {
  background-image: -o-linear-gradient(left, #e7e7e7, #e7e7e8, #e7e7ea, #e7e8eb, #e6e8ed);
  background-image: -webkit-gradient(linear, left top, right top, from(#e7e7e7), color-stop(#e7e7e8), color-stop(#e7e7ea), color-stop(#e7e8eb), to(#e6e8ed));
  background-image: -webkit-linear-gradient(left, #e7e7e7, #e7e7e8, #e7e7ea, #e7e8eb, #e6e8ed);
  background-image: linear-gradient(to right, #e7e7e7, #e7e7e8, #e7e7ea, #e7e8eb, #e6e8ed); }

.white {
  background: white; }

.collapsible-body {
  background: -webkit-linear-gradient(110deg, #EBECEE 60%, #ffffff 60%); }

/* logosection */
.logoSection {
  padding: 3rem 0; }
  .logoSection__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .logoSection__Eachlogo {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .6;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
    .logoSection__Eachlogo:hover {
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
      opacity: 1;
      cursor: pointer; }

/* video section here */
.video-container2 {
  max-width: 65%;
  margin: auto; }

.video {
  position: relative;
  height: 100%; }
  .video__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.bg-video {
  top: 1%;
  left: 0%;
  height: 100%;
  max-width: 100wh;
  z-index: 99;
  opacity: 1;
  overflow: hidden; }
  .bg-video__content {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

/* social */
.social-icons {
  margin-bottom: 0% !important; }
  .social-icons img {
    margin-right: 1rem; }
  .social-icons h5 {
    margin-bottom: 2rem; }

.page-footer {
  background-image: -o-linear-gradient(right, #132d61, #000438);
  background-image: -webkit-gradient(linear, left top, right top, from(#132d61), to(#000438));
  background-image: -o-linear-gradient(left, #132d61, #000438);
  background-image: -webkit-linear-gradient(left, #132d61, #000438);
  background-image: linear-gradient(to right, #132d61, #000438);
  font-size: 0.8rem; }
  .page-footer ul {
    margin-bottom: 1.5rem; }
  .page-footer li,
  .page-footer a {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #bdc3ce;
    margin-bottom: 0.8rem; }
    .page-footer li:hover,
    .page-footer a:hover {
      color: white;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer; }
  .page-footer__contact--getInTouch {
    position: relative; }
    .page-footer__contact--getInTouch select {
      display: inherit;
      position: absolute;
      top: 0px;
      right: 0;
      width: 4.6rem;
      font-size: 14px;
      height: 2rem;
      -webkit-appearance: none;
      padding: 0px 0.4rem; }
  .page-footer__services i {
    margin: 0rem 0.4rem; }
  .page-footer__line {
    background: black;
    padding: 0.5rem 0rem; }

/* modifying the footer btn */
.work-text {
  position: absolute;
  padding: 0rem 2rem;
  bottom: -215%;
  left: 33%; }
  .work-text h1 {
    font-weight: bold;
    color: white; }

.btn-cutomize2 {
  display: inline;
  padding: 0rem 2rem !important;
  border: none;
  color: white;
  background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
  background-image: -webkit-linear-gradient(left, #000661, #123880);
  background-image: -o-linear-gradient(left, #000661, #123880);
  background-image: linear-gradient(to right, #000661, #123880);
  cursor: pointer;
  border-radius: 1rem;
  font-weight: 600;
  margin-bottom: 2rem !important; }

.about {
  background: -webkit-linear-gradient(110deg, #132d61 60%, #132d61 60%);
  color: white;
  padding: 1rem 0rem; }
  .about__aboutus {
    margin: 2rem 0rem;
    padding: 0rem 1rem; }
  .about__heading h5 {
    margin: 2rem 0rem;
    font-weight: bold; }
  .about__number p {
    background: #f89d13;
    display: inline;
    padding: 0.2rem 0.9rem;
    border-radius: 5rem;
    font-size: 2rem; }

/* // ============================= ==========================================================//
//=======================================Contact Us===================================== // */
.contact__heading {
  font-weight: 700; }

.contact__para {
  font-size: 1.3rem; }

.contact__offices {
  position: relative; }

.contact__office {
  z-index: 11;
  padding: 0.6rem 0rem;
  background: #183650;
  position: relative;
  bottom: 0rem;
  width: 100%;
  color: #fff;
  font-weight: bold; }

.contact__officeEach {
  font-size: 0.8rem;
  padding: 0rem 1rem; }
  .contact__officeEach li {
    line-height: 1.4rem;
    margin: 1.3rem 0;
    clear: both;
    display: table;
    content: ''; }
  .contact__officeEach img {
    margin: 0.4rem 0.5rem;
    float: left; }
  .contact__officeEach i {
    float: left;
    margin-right: 0.6rem; }
  .contact__officeEach a {
    color: white;
    float: left; }

.contact__flag {
  width: 100%;
  display: table;
  clear: both; }
  .contact__flag img {
    width: 50px; }

.contact__map {
  z-index: -1;
  max-width: 100%;
  height: 0;
  position: relative;
  height: 45rem; }
  .contact__map .row .col {
    padding: 0rem; }
  .contact__map iframe {
    width: 100%;
    height: 45rem; }

.contact__formDiv {
  background: -webkit-linear-gradient(110deg, #132d61 40%, #132d61 10%);
  padding: 5rem 0; }

.contact__formCover {
  margin: 2.5rem 0rem;
  background: white;
  border-radius: 0.8rem; }

.contact__form {
  padding: 1.5rem 3rem; }
  .contact__form h4 {
    color: #0d2a77;
    font-family: 'Anton', sans-serif; }
  .contact__form input[type="submit"] {
    padding: 1rem;
    border: none;
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
    background-image: -webkit-linear-gradient(left, #000661, #123880);
    background-image: -o-linear-gradient(left, #000661, #123880);
    background-image: linear-gradient(to right, #000661, #123880);
    cursor: pointer;
    border-radius: 0.5rem;
    font-weight: 600;
    -webkit-box-shadow: 4px 4px 4px #cecaca;
    box-shadow: 4px 4px 4px #cecaca; }
  .contact__form textarea {
    max-width: 26rem;
    padding: 0.7rem;
    height: 10rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1rem 0rem;
    border-radius: 0.5rem;
    width: 100%; }

/* services */
/* ====================================CARDS============================== */
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  position: relative;
  margin: 5rem 0;
  max-width: 100%;
  height: 33vh;
  border: 1px solid #f1f1f1;
  -webkit-perspective: 1000px;
  perspective: 1000px; }
  .flip-card__text {
    font-size: 2rem;
    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    top: 5rem;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
    background-image: -webkit-linear-gradient(left, #000661, #123880);
    background-image: -o-linear-gradient(left, #000661, #123880);
    background-image: linear-gradient(to right, #000661, #123880);
    color: linear-gradient(to right, #000661, #123880);
    background-blend-mode: screen; }

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  max-width: 100%;
  height: 33vh;
  text-align: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .flip-card-front p,
  .flip-card-back p {
    padding: 0rem 2rem; }

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  /* background-image: $gradient-colour; */
  /* background-blend-mode: screen; */ }

/* Style the back side */
.flip-card-back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
  background-image: -webkit-linear-gradient(left, #000661, #123880);
  background-image: -o-linear-gradient(left, #000661, #123880);
  background-image: linear-gradient(to right, #000661, #123880);
  color: white; }

/* // ================================= Booking Page ========================================== // */
.BookingForm__form--SeaFreight, .BookingForm__form--AirFreight, .BookingForm__form--LandFreight, .BookingForm__form--CustomClearance {
  padding: 1rem 8rem 0rem 0rem;
  border-radius: 1rem; }
  .BookingForm__form--SeaFreight h4, .BookingForm__form--AirFreight h4, .BookingForm__form--LandFreight h4, .BookingForm__form--CustomClearance h4 {
    font-weight: bold; }
  .BookingForm__form--SeaFreight input[type="submit"], .BookingForm__form--AirFreight input[type="submit"], .BookingForm__form--LandFreight input[type="submit"], .BookingForm__form--CustomClearance input[type="submit"] {
    margin: 1.2rem 0rem;
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
    background-image: -webkit-linear-gradient(left, #000661, #123880);
    background-image: -o-linear-gradient(left, #000661, #123880);
    background-image: linear-gradient(to right, #000661, #123880);
    padding: 1rem 2rem;
    border: 2px solid linear-gradient(to right, #000661, #123880);
    -webkit-box-shadow: 4px 4px 4px #cecaca;
    box-shadow: 4px 4px 4px #cecaca;
    border-radius: 0.5rem;
    border: none; }
  .BookingForm__form--SeaFreight input::-webkit-input-placeholder, .BookingForm__form--AirFreight input::-webkit-input-placeholder, .BookingForm__form--LandFreight input::-webkit-input-placeholder, .BookingForm__form--CustomClearance input::-webkit-input-placeholder {
    font-size: 1.2rem; }
  .BookingForm__form--SeaFreight input::-moz-placeholder, .BookingForm__form--AirFreight input::-moz-placeholder, .BookingForm__form--LandFreight input::-moz-placeholder, .BookingForm__form--CustomClearance input::-moz-placeholder {
    font-size: 1.2rem; }
  .BookingForm__form--SeaFreight input:-ms-input-placeholder, .BookingForm__form--AirFreight input:-ms-input-placeholder, .BookingForm__form--LandFreight input:-ms-input-placeholder, .BookingForm__form--CustomClearance input:-ms-input-placeholder {
    font-size: 1.2rem; }
  .BookingForm__form--SeaFreight input::-ms-input-placeholder, .BookingForm__form--AirFreight input::-ms-input-placeholder, .BookingForm__form--LandFreight input::-ms-input-placeholder, .BookingForm__form--CustomClearance input::-ms-input-placeholder {
    font-size: 1.2rem; }
  .BookingForm__form--SeaFreight input::placeholder, .BookingForm__form--AirFreight input::placeholder, .BookingForm__form--LandFreight input::placeholder, .BookingForm__form--CustomClearance input::placeholder {
    font-size: 1.2rem; }

.BookingForm__buttons {
  display: inline-block; }

.BookingForm__select {
  margin: 2rem 0rem; }
  .BookingForm__select--button {
    padding: 0.3rem 0.5rem;
    color: white;
    background-image: -o-linear-gradient(left, #000661, #123880);
    background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
    background-image: -webkit-linear-gradient(left, #000661, #123880);
    background-image: linear-gradient(to right, #000661, #123880);
    border: 2px solid #010963;
    border-radius: 1.5rem;
    margin: 0px 0.4rem; }

.BookingForm__formImage img {
  max-width: 35rem;
  margin: 5rem 1rem; }

.BookingForm__cover h4 {
  font-family: 'Anton', sans-serif;
  color: #0d2a77; }

.BookingForm__form--AirFreight,
.BookingForm__form--LandFreight,
.BookingForm__form--CustomClearance {
  display: none; }

.activeForm {
  background: #fff;
  color: #000438;
  border: 2px solid #000438; }
  
  /* .dropdown-content li > a, 
  .dropdown-content li > span {
    font-size: 16px;
    color: #051068 !important;
    display: block;
    line-height: 22px;
    padding: 8px 16px;
} */

/* .color-droppdown-personal {
  color: #051068 !important;
} */

/* =============================================================================SOME ANIMATE GAMES============================================================================= */
.animateThings {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.slider h3 {
  font-size: 3rem !important; }

.slider h5 {
  background: white;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: bold; }

.sidenav {
  width: 220px !important; }

/* VIDEO HERE */
/* =============================================================================Media Query============================================================================= */
@media only screen and (max-width: 1600px) {
  .contact__formImage {
    margin-top: 10rem; }
  .contact__officeEach a {
    width: 16rem; }
  select.touch_drop.indigo.btn {
    width: 80% !important; } }

@media only screen and (max-width: 1440px) {
  .container {
    width: 75% !important; }
  .contact__officeEach a {
    width: 11.6rem; }
  .contact__formImage {
    margin-top: 10rem; }
  .logoSection__Eachlogo img {
    width: 85%; }
  select.touch_drop.indigo.btn {
    width: 80% !important; }
  .BookingForm__select--button {
    padding: 0.2rem 0.3rem;
    margin: 0rem 0.1rem; } }

@media only screen and (max-width: 1024px) {
  .container {
    width: 95% !important; }
  .contact__officeEach a {
    width: 14.8rem; }
  .contact__formImage {
    margin-top: 10rem; }
  .page-footer__contact--getInTouch {
    position: relative; }
    .page-footer__contact--getInTouch select {
      top: 0.2rem;
      right: -1.2rem;
      height: 85%; }
  .page-footer__social {
    padding-bottom: 3rem !important; }
  .page-footer__line p {
    font-size: 1rem !important; }
  select.touch_drop.indigo.btn {
    width: 80% !important; }
  .content-section__row p {
    margin-bottom: 3rem; }
  .BookingForm__select--button {
    padding: 0.3rem 0.4rem;
    margin: 0rem 0.1rem; } }

@media only screen and (max-width: 768px) {
  .container {
    width: 95% !important; }
  .contact__form textarea {
    max-width: 50rem;
    height: 15rem; }
  .contact__formImage {
    margin-top: 6rem; }
  .contact__officeEach a {
    width: 9rem;
    margin: 0.4rem 0; }
  .contact__officeEach .address {
    height: 4rem; }
  .contact__officeEach li {
    margin: 1rem 0; }
  .contact__officeEach .address i {
    margin-bottom: 2rem; }
  .page-footer__services h5 {
    font-size: 1.6rem; }
  .page-footer__contact--getInTouch {
    position: relative; }
    .page-footer__contact--getInTouch select {
      right: 10.5rem;
      width: 6.5rem; }
  .video-container2 {
    max-width: 100%; }
  select.touch_drop.indigo.btn {
    width: 100% !important; } }

@media only screen and (max-width: 700px) {
  html {
    font-size: 62% !important; }
  li,
  p {
    font-size: 1.2rem !important;
    letter-spacing: 0.7px; } }

@media only screen and (max-width: 684px) {
  .brand-logo {
    margin: 1.2rem 0; }
  .contact__form textarea {
    max-width: 61rem;
    height: 15rem; }
  .contact__formImage {
    margin-top: 6rem; }
  .contact__officeEach a {
    width: 13rem; }
  .contact__officeEach li {
    display: table; }
  .contact__officeEach .address {
    height: 6rem; }
  .contact__officeEach .address i {
    margin-bottom: 2rem; }
  .responsive-video {
    margin-top: 5rem; } }

@media only screen and (max-width: 425px) {
  .contact__officeEach .address {
    height: 4rem; }
  .contact__officeEach .address i {
    margin-bottom: 0rem; }
  .page-footer__contact--getInTouch {
    position: relative; }
    .page-footer__contact--getInTouch select {
      left: 12.4rem;
      width: 6.5rem;
      right: initial; }
  .BookingForm__form--SeaFreight, .BookingForm__form--AirFreight, .BookingForm__form--LandFreight, .BookingForm__form--CustomClearance {
    padding: 1rem 4rem 0rem 0rem;
    margin-left: 3rem; }
  .slider {
    height: 200px !important; }
  .slides {
    height: 100% !important; }
  .caption h3 {
    font-size: 2rem !important; }
  .caption h5 {
    font-size: 1.3rem !important; } }

@media only screen and (max-width: 414px) {
  .contact__map {
    height: 72.6rem; }
    .contact__map iframe {
      height: 72.6rem; }
  .contact__officeEach i {
    margin-right: 0.6rem; }
  .contact__officeEach a {
    margin: 0.7rem 0rem;
    width: 20rem; }
  .contact__formImage {
    margin-top: 5rem; }
  .brdrbtm {
    border-bottom: 0.1rem solid #ccc; }
  select.touch_drop.indigo.btn {
    width: 50% !important; }
  .services__logo img {
    width: 16rem;
    height: 11rem; } }

@media only screen and (max-width: 320px) {
  .white-text {
    font-size: 2.6rem; }
  select.touch_drop.indigo.btn {
    width: 50% !important; }
  .contact__officeEach address i {
    margin-bottom: 0rem !important; }
  .BookingForm__select--button {
    padding: 0.3rem 0.2rem;
    margin: 0px 0.2rem; } }

/* border-Right */
/* Customize Button here */
.btn-cutomize {
  display: inline;
  padding: 0.5rem 2rem;
  border: none;
  color: white;
  background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880));
  background-image: -webkit-linear-gradient(left, #000661, #123880);
  background-image: -o-linear-gradient(left, #000661, #123880);
  background-image: linear-gradient(to right, #000661, #123880);
  cursor: pointer;
  border-radius: 0.5rem;
  font-weight: 600;
  -webkit-box-shadow: 4px 4px 4px #cecaca;
  box-shadow: 4px 4px 4px #cecaca; }

.active {
  background-image: -webkit-gradient(linear, left top, right top, from(#000661), to(#123880)) !important;
  background-image: -webkit-linear-gradient(left, #000661, #123880) !important;
  background-image: -o-linear-gradient(left, #000661, #123880) !important;
  background-image: linear-gradient(to right, #000661, #123880) !important; }

.activeForm {
  color: #000661;
  background: #fff; }

.caption h3 {
  font-family: 'Anton';
  font-size: 5rem; }

.touch_drop {
  margin-bottom: 1rem;
  padding: 0%; }