/* MAIN ELEMENTS */

*, *::before, *::after {
    box-sizing: border-box;
  }
  
  @font-face {
    font-family: "ArgentumSans-Light";
    src: url("../fonts/ArgentumSans-Light.otf");
}
  
  @font-face {
      font-family: "ArgentumSans-Regular";
      src: url("../fonts/ArgentumSans-Regular.otf");
  }
  
  html {
    font-family: "ArgentumSans-Light";
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      width: 100%;
      max-width:100%;
      overflow-x: hidden;
      overflow-y: scroll;
      scroll-behavior: smooth;
  }
  
  article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
      display: block;
  }
  
  body {
      margin: 0;
      font-family: inherit;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      color: #a59c9c;
      text-align: left;
      background-image: url(../img/background.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat:no-repeat;
      max-width: 100%;
      min-height: 100vh;
      position:relative;
      overflow-x: hidden;
  }
  
  .no-scroll{
      max-width: 100%!important;
      position: relative!important;
      overflow-x: hidden!important;
  }
  
  [tabindex="-1"]:focus {
      outline: 0 !important;
  }
  
  hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: "ArgentumSans-Regular";
    margin:0;
  }
  
  h1{font-size:32px;}
  
  h2{font-size:28px;}
  
  p {margin:0 0 20px 0;}
  
  abbr[title], abbr[data-original-title] {
      text-decoration: underline;
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted;
      cursor: help;
      border-bottom: 0;
  }
  
  address {
      margin-bottom: 1rem;
      font-style: normal;
      line-height: inherit;
  }
  
  ol, ul, dl {
      margin-top: 0;
      margin-bottom: 0;
      padding:0 0 0 18px;
  }
  
  ol ol, ul ul, ol ul, ul ol {
      margin-bottom: 20px;
  }
  
  dt {
      font-weight: 700;
  }
  
  dd {
      margin-bottom: .5rem;
      margin-left: 0;
  }
  
  blockquote {
      margin: 0 0 1rem;
  }
  
  b, strong {
    font-family: "ArgentumSans-Regular";
  }
  
  small {
      font-size: 80%;
  }
  
  sub, sup {
      position: relative;
      font-size: 75%;
      line-height: 0;
      vertical-align: baseline;
  }
  
  sub {
      bottom: -.25em;
  }
  
  sup {
      top: -.5em;
  }
  
  a {
      color: #183347;
      text-decoration: none;
      background-color: transparent;
  }
  
  /* a:hover {
  
  } */
  
  a:not([href]):not([tabindex]) {
      color: inherit;
      text-decoration: none;
  }
  
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
      color: inherit;
      text-decoration: none;
  }
  
  a:not([href]):not([tabindex]):focus {
      outline: 0;
  }
  
  pre, code, kbd, samp {
      font-family: inherit;
      font-size: 1em;
  }
  
  pre {
      margin-top: 0;
      margin-bottom: 1rem;
      overflow: auto;
  }
  
  figure {
      margin: 0 0 1rem;
  }
  
  img {
      vertical-align: middle;
      border-style: none;
  }
  
  svg {
      overflow: hidden;
      vertical-align: middle;
  }
  
  table {
      border-collapse: collapse;
  }
  
  caption {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      color: #6c757d;
      text-align: left;
      caption-side: bottom;
  }
  
  th {
      text-align: inherit;
  }
  
  label {
      display: inline-block;
      margin-bottom: 0.5rem;
  }
  
  button {
      margin: 10px 0;
      padding: 10px 40px;
      border: none;
      border-radius: 0;
      background-color: #94ab1f;
      color: #fff;
  }
  
  button:focus {
      outline: 1px dotted;
      outline: 5px auto -webkit-focus-ring-color;
  }
  
  input, button, select, optgroup, textarea {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
  }
  
  button, input {
      overflow: visible;
  }
  
  button, select {
      text-transform: none;
  }
  
  select {
      word-wrap: normal;
  }
  
  button, [type="button"], [type="reset"], [type="submit"] {
    appearance: button;  
    -webkit-appearance: button;
  }
  
  button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
      cursor: pointer;
  }
  
  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
      padding: 0;
      border-style: none;
  }
  
  input[type="radio"], input[type="checkbox"] {
      box-sizing: border-box;
      padding: 0;
  }
  
  input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    appearance: listbox;
    -webkit-appearance: listbox;
  }
  
  textarea {
      overflow: auto;
      resize: vertical;
  }
  
  fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0;
  }
  
  legend {
      display: block;
      width: 100%;
      max-width: 100%;
      padding: 0;
      margin-bottom: .5rem;
      font-size: 1.5rem;
      line-height: inherit;
      color: inherit;
      white-space: normal;
  }
  
  progress {
      vertical-align: baseline;
  }
  
  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
      height: auto;
  }
  
  [type="search"] {
      outline-offset: -2px;
      appearance: none;
      -webkit-appearance: none;
  }
  
  [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
  }
  
  ::-webkit-file-upload-button {
      font: inherit;
      -webkit-appearance: button;
  }
  
  output {
      display: inline-block;
  }
  
  summary {
      display: list-item;
      cursor: pointer;
  }
  
  template {
      display: none;
  }
  
  [hidden] {
      display: none !important;
  }
  
  
   
  
  
  /*CONTAINER */
  
  .container {
    width: 100%;
    max-width: 800px;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  
  .container-shadow{
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
}
  
  
  
  
  /* 
  
  GLOBAL
  
  */
  
  .w-260{width:260px;}
  .w-360{width:360px;}  
  .w-33{width:33px;}
  .w-100{width:100px;}
  .w-200{width:200px;}
  .w-1-4{width:25%;}
  .w-2-4{width:50%;}
  .w-3-4{width:75%;}
  .w-1-3{width:30%;}
  .w-2-3{width:60%;}
  .w-third-full{width:33.3%;}
  .w-1-2{width:50%;}
  .w-80-perc{width:80%;}
  .w-full{width:100%;}
  
  .w-max340{max-width:340px;}
  .w-max700{max-width:700px;}
  .w-max{max-width:max-content;}
  .w-max-full{max-width:100%;}
  
  .h-1{height:1px;}
  .h-300{height:300px;}
  .h-400{height:400px;}
  .h-500{height:500px;}
  .h-600{height:600px;}
  .h-700{height:700px;}
  .h-800{height:800px;}
  .h-900{height:900px;}
  .h-1200{height:1200px;}
  .h-1340{height:1340px;}
  .h-full{height:100%;}
  .h-auto{height:auto;}
  .h-max{height:max-content;}
  
  /* POSITION */
  
  .relative{position:relative;}
  .absolute{position:absolute;}
  
  .left-60{left:-60px;}
  .left-330{left:-330px;}
  .left-210{left:-210px;}
  .left-0{left:0;}
  .left-50-perc{left:50%;}
  
  .top-160{top:-160px;}
  .top-140{top:-140px;}
  .top-120{top:-120px;}
  .top-0{top:0;}
  .top-20{top:20px;}
  .top-30{top:30px;}
  .top-40{top:40px;}
  .top-50-perc{top:50%;}
  
  .right-440{right:-440px;}
  .right-170{right:-170px;}
  .right-0{right:0;}
  
  .bottom-320{bottom:-320px;}
  .bottom-140{bottom:-140px;}
  .bottom-0{bottom:0;}
  .bottom-40{bottom:40px;}
  .bottom-60{bottom:60px;}
  
  /* FONT */
  
  .text-white{color:#fff;}
  .text-grey{color:grey;}
  
  .text-black{color:#231f20;}
  .text-blue{color:#288aca;}
  .text-green{color:#94ab1f;}
  .text-red{color:#ee3b31;}
  .text-orange{color:#e86a44;}
  .text-yellow{color:#fff200;}
  .text-dark-yellow{color:#eec348;}
  
  .text-right{text-align:right;}
  .text-center{text-align:center;}
  .text-justify{text-align:justify;}
  
  .font-uppercase{text-transform:uppercase;}
  .font-underline{text-decoration:underline;}
  
  .fs-12{font-size:12px;line-height: 12px;}
  .fs-14{font-size:14px;line-height: 14px;}
  .fs-22{font-size:22px;line-height: 22px;}
  .fs-24{font-size:24px;line-height: 24px;}
  .fs-40{font-size:40px;line-height: 40px;}
  .fs-48{font-size:48px;line-height: 48px;}
  .fs-70{font-size:70px;line-height: 70px;}
  .fs-90{font-size:90px;line-height: 90px;}
  

  
  .text-shadow{text-shadow: 2px 2px #000;}
  
  /* FLEX */
  
  .flex{display:flex;}
  .flex-column{flex-direction:column;}
  .flex-reverse{flex-direction:row-reverse;}
  .flex-wrap{flex-wrap:wrap;}
  .justify-end{justify-content:end;}
  .justify-between{justify-content:space-between;}
  .justify-center{justify-content:center;}
  .items-start{align-items: flex-start;}
  .items-center{align-items: center;}
  .items-end{align-items:flex-end;}
  
  /* MARGIN */
  
  .m-1-perc{margin:1%;}
  .m-20{margin:20px;}
  .m-40{margin:40px;}
  
  .mx-auto{margin-left:auto;margin-right:auto;}
  .mx-1-5-perc{margin-left:1.5%;margin-right:1.5%;}
  .mx-10{margin-left:10px;margin-right:10px;}
  .mx-20{margin-left:20px;margin-right:20px;}
  .mx-40{margin-left:40px;margin-right:40px;}
  
  .my-10{margin-top:10px;margin-bottom:10px;}
  .my-20{margin-top:20px;margin-bottom:20px;}
  .my-40{margin-top:40px;margin-bottom:40px;}
  .my-60{margin-top:60px;margin-bottom:60px;}
  .my-80{margin-top:80px;margin-bottom:80px;}
  
  .ml-minus-100{margin-left:-100px;}
  .ml-10{margin-left:10px;}
  .ml-20{margin-left:20px;}
  .ml-40{margin-left:40px;}
  
  .ml-minus-160{margin-left:-160px}
  .ml-minus-80{margin-left:-80px}
  .mr-10{margin-right:10px;}
  .mr-20{margin-right:20px;}
  
  .mt-5{margin-top:5px;}
  .mt-10{margin-top:10px;}
  .mt-20{margin-top:20px;}
  .mt-minus-40{margin-top:-40px;}
  .mt-40{margin-top:40px;}
  .mt-60{margin-top:60px;}
  .mt-80{margin-top:80px;}
  
  
  .mb10{margin-bottom:10px!important;}
  .mb-20{margin-bottom:20px;}
  .mb-40{margin-bottom:40px;}
  .mb-60{margin-bottom:60px;}
  .mb-80{margin-bottom:80px;}
  .mb-120{margin-bottom:120px;}
  .mb-160{margin-bottom:160px;}
  
  /* PADDING */
  
  .p-5{padding:5px;}
  .p-20{padding:20px;}
  .p-40{padding:40px;}
  .p-80{padding:80px;}
  
  .py-10{padding-top:10px;padding-bottom:10px;}
  .py-20{padding-top:20px;padding-bottom:20px;}
  .py-40{padding-top:40px;padding-bottom:40px;}
  .py-60{padding-top:60px;padding-bottom:60px;}
  .py-80{padding-top:80px;padding-bottom:80px;}
  
  .px-5{padding-left:5px;padding-right:5px;}
  .px-20{padding-left:20px;padding-right:20px;}
  .px-40{padding-left:40px;padding-right:40px;}
  .px-60{padding-left:60px;padding-right:60px;}
  .px-80{padding-left:80px;padding-right:80px;}
  
  .pl-10-perc{padding-left:10%;}
  .pl-15-perc{padding-left:15%;}
  .pl-40{padding-left:40px;}
  .pl-60{padding-left:60px;}
  .pl-80{padding-left:80px;}
  .pl-100{padding-left:100px;}
  
  .pt-20{padding-top:20px;}
  .pt-40{padding-top:40px;}
  .pt-80{padding-top:80px;}
  
  .pr-20{padding-right:20px;}
  .pr-30{padding-right:30px;}
  .pr-40{padding-right:40px;}
  .pr-60{padding-right:60px;}
  .pr-80{padding-right:80px;}
  .pr-120{padding-right:120px;}
  
  .pb-10{padding-bottom:10px;}
  .pb-20{padding-bottom:20px;}
  .pb-40{padding-bottom:40px;}
  .pb-80{padding-bottom:80px;}
  .pb-100{padding-bottom:100px;}
  
  /* BACKGROUND */
  
  .bg-white{background-color:#fff;}
  .bg-white-o-5{background-color:#ffffffbf;}
  .bg-black{background-color:#231f20;}
  .bg-blue{background-color:#26273b;}
  .bg-blue-o-6{background-color:#26273b91;}
  .bg-green{background-color:#73a45c;}
  .bg-red{background-color:#ee3b31;}
  .bg-orange{background-color:#e86a44;}
  .bg-yellow{background-color:#fff200;}
  .bg-dark-yellow{background-color:#eec348;}
  
  .bg-blue-gradient{background: rgb(31,126,190);background: linear-gradient(90deg, rgba(31,126,190,1) 0%, rgba(89,170,174,1) 100%);}
  .bg-light-blue-gradient{ background: rgb(193,217,235);background: linear-gradient(90deg, rgba(193,217,235,1) 0%, rgba(205,238,237,1) 100%); }
  
  .bg-cover{background-size:cover;}
  .bg-center{background-position:center center;}
  .bg-center-top{background-position:center top;}
  .bg-center-bottom{background-position:center bottom;}
  .bg-center-right{background-position:center right;}
  .bg-left-top{background-position:left top;}
  
  .bg-header-image{background-image:url(../img/header-image.jpg);}
  .bg-contact-us-image{background-image:url(../img/contact-us-image.jpg);}
  
  .bg-blue-strip{
      background-color:#288aca;
      width:30%;
      height:100%;
      clip-path: polygon(25% 0%,100% 0%,100% 100%,25% 100%,0% 50%);
      
      position:absolute;
      right:0;
      top:0;
  }
  
  
  .op-5{opacity:.5;}
  .op-8{opacity:.8;}
  
  .hover-op-8{
      transition: all 0.5s;
  }
  
  .hover-op-8:hover{
      opacity:.8;
  }
  
  .bb1-white{border-bottom:1px solid #fff;}
  .bb1-blue{border-bottom:1px solid #1276bc;}
  .bb1-grey{border-bottom:1px solid #f1f2f2;}
  .b1-grey{border:1px solid #f1f2f2;}
  
  .br50{border-radius:50px;}
  .br-5{border-radius:5px;}
  
  .z-1{z-index:1;}
  .z-2{z-index:2;}
  .z-3{z-index:3;}
  
  .ox-hidden{overflow-x:hidden;}
  .hidden{display:none;}
  .pointer{cursor:pointer;}
  
  .wysiwyg h1{
      margin-bottom: 40px;
      text-transform: uppercase;
      color: #1276bc;
  }
  
  .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6{
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #1276bc;
  }
  
  .wysiwyg a{
      color: #1276bc;
      transition:all 0.5s;
  }
  
  .wysiwyg a:hover{
      color:#000;
  }
  
  .block{display:block;}
  
  
  
  
  /* BUTTON */
  
  .btn {
      display:inline-block;
      padding: 10px 40px;
      border: none;
      border-radius: 0;
      transition:all .5s;
  }
  
  .btn:hover{
      opacity:.8;
  }
  
  .btn-primary{
      background-color: #fff200;
      color: #231f20;
  }
  
  .btn-primary:hover{
      background-color: #288aca;
      color:#fff;
  }
  
  .btn-secondary{
      background-color:#1276bc;
      color:#fff;
      border:2px solid #1276bc;
  }
  
  .btn-secondary:hover{
      background-color:#fff;
      color:#1276bc;
  }
  
  .btn-ghost{
      border:2px solid #fff;
      color:#fff;
  }
  
  .btn-rounded{
      border-radius:40px;
  }
  
  .aligncenter{
      display:block;
      margin-left:auto;
      margin-right:auto;
  }
  
  /* FORMS */
  
  label{
      width:100%;
  }
  
  input, textarea {
      margin: 10px 0;
      padding: 10px;
  }
  
  input[type="text"], input[type="email"], input[type="tel"], textarea{
      width:100%;
      background:none;
      color: #1276bc;
      padding: 10px 40px;
      border: 2px solid #1276bc;
      border-radius: 40px;
  }
  
  input[type="submit"] {
      display: inline-block;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 10px 40px;
      border: none;
      border-radius: 40px;
      transition: all .5s;
      
      background-color: #28ace2;
      color: #fff;
  
      margin-left: 10px;
      margin-right: 10px;
  
      font-size: 22px;
  }

  
  
  /* 
  
  HOMEPAGE
  
  */

  
  
  /*
  
  MOBILE
  
  */
  
  
  
  
  @media (max-width: 1920px) {}
  
  @media (max-width: 1600px) {}
  
  @media (max-width: 1440px) {}
  
  @media (max-width: 1337px) {}
  
  @media (min-width: 1200.1px) {
      .hidden-1200-min{display:none;}
  }
  
  @media (max-width: 1200px) {
      .hidden-1200{display:none;}
      
      .justify-between-1200{justify-content:space-between;}
      
      .w-full-1200{width:100%;}
      .w-max-1200{max-width:max-content;}
      
      .h-900-1200{height:900px;}
      
      .bg-center-right-1200{background-position:center right;}
      .bg-white-o-1200{background-color:#ffffff99}
      
      .mb-0-450{margin-bottom:0;}
      
      .p-40-1200{padding:40px;}
      .px-0-1200{padding-left:0;padding-right:0;}
      .pb-0-1200{padding-bottom:0;}
      .pt-40-1200{padding-top:40px;}
      
      .text-center-1200{text-align:center;}
  
      .flex-column-1200, .team-items .flex:nth-child(even){flex-direction:column;}
      .flex-column-reverse-1200{flex-direction:column-reverse;}
  }
  
  @media (max-width: 1080px) {
      .w-full-1080{width:100%;}
  
      .hidden-1080{display:none;}
  
      .flex-column-1080{flex-direction:column;}
      .flex-column-reverse-1080{flex-direction:column-reverse;}
      .justify-center-1080{justify-content:center;}
      .items-start-1080{align-items:flex-start;}
      
      .text-center-1080{text-align:center;}
      
      .m-0-1080{margin:0;}
      .my-40-1080{margin-top:40px;margin-bottom:40px;}
      .mb-40-1080{margin-bottom:40px;}
      
      .py-0-1080{padding:0}
      .pr-0-1080{padding-right:0;}
      .pl-0-1080{padding-left:0;}
      
      input[type="submit"]{width:95%;}
  }
  
  @media screen and (min-width: 993px) {
      .mobile{display:none!important}
  }
  
  @media screen and (max-width: 992px) {
      .flex-column-992{flex-direction:column;}
      .w-full-992{width:100%;}
      .text-center-992{text-align:center;}
      .mb-80-992{margin-bottom:80px;}
      .mb-120-992{margin-bottom:120px;}
      .justify-center-992{justify-content:center;}
      .items-end-992{align-items:end;}
      .text-center-992{text-align:center;}
}
  
  @media screen and (max-width: 768px) {
      .container{padding-left:20px;padding-right:20px;}
      
      .h-500-768{height:500px;}
      
      .fs-28-768{font-size:28px;}
      .fs-70-768{font-size:70px;line-height: 70px;}
      
      .flex-column-768{flex-direction:column;}
      .flex-column-reverse-768{flex-direction:column-reverse;}
      
      .text-center-768{text-align:center;}
      
      .mt-20-768{margin-top:20px;}
      .mb-20-768{margin-bottom:20px;}
      .mb-40-768{margin-bottom:40px;}

      .px-40-768{padding-left:40px;padding-right:40px;}
      
      .subscribe-form input{padding:10px 0;}
  }
  
  @media screen and (max-width: 667px) {
      .sidenav{padding: 87px 0;}
      
      .fs-50-667{font-size:50px;}
      .fs-16-667{font-size:16px;}
      
      .h-700-667{height:700px;}
      
      .icon-search, .icon-menu, .icon-close{width:24px;height:auto;}
      
      .mb-0-667{margin-bottom:0;}
      
      .items-center-667{align-items:center;}
      
      .gallery img{width:100%;height:auto;margin:0 0 20px 0;}
  }
  
  @media screen and (min-width: 567.1px) {
      .hidden-567-min{display:none;}
  }
  
  @media screen and (max-width: 567px) {
      .hidden-567{display:none;}
  
  }
  
  @media screen and (max-width: 450px) {
      body{font-size:16px;}

      h1{font-size: 28px;}
  
      .fs-40-450{font-size:40px;line-height: 40px;}
      
      .w-full-450{width:100%;}
      .w-260-450{width:260px;}
      
      .h-auto-450{height:auto;}
      .h-400-450{height:400px;}
      .h-500-450{height:500px;}
      
      .items-end-450{align-items:end}

      .text-center-450{text-align:center;}
      
      .py-80-450{padding-top:80px;padding-bottom:80px}
      .pb-40-450{padding-bottom:40px;}
      
      .mb-0-450{margin-bottom:0;}
      
      .mt-20-450{margin-top:20px;}
      
      .my-40-450{margin-top:40px;margin-bottom:40px;}

      .fs-28-450{font-size: 28px;}

      .inline-450{display:inline;}
      
  }
  
  @media screen and (max-width: 415px) {
  
  }
  
  @media screen and (max-width: 375px) {
  
      
      
  }
  
  @media screen and (max-width: 360px) {}
  
  @media screen and (max-width: 340px) {
      body{font-size:12px;}
  }
  
  
  
  
  
  
  
  
  
  
  
  