/* 
	Theme Name: JOSH
	Theme URI: https://docjosh.ai
	Author: Rajabasha Khan Pathan
	Description: JOSH
	Version: 1.0
	Tags: CSS, HTML5, Wordpress, Responsive
*/




@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/*!
 * Bootstrap v4.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  
  */
 
 @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,500,500i,600,600i,700&display=swap');
 
 
  
 :root {
    --oit-purple: #582c83;
    --oit-green: #009245;
    --hover-green: #0aa200;

    --oit-mmd-cyan: #42B6C6;
  }
  .carousel {  margin-top: 5rem;  } 
  .tx-purple {color: var(--oit-purple)}
  .tx-orange {color:#F7931E}
  .tx-green {color: var(--oit-green)}
  .bg-purple {background: var(--oit-purple)}
  .bg-orange {background:#F7931E}
  .bg-green {background: var(--oit-green)}
  .gft { font-size: 0.786rem;    vertical-align: middle;}
  #toTop {background: var(--oit-mmd-cyan); border: transparent; width: 36px; height: 36px; border-radius: 36px; z-index: 1; right: 16px; bottom: 20px; display: inline;  }
  .mt10 {margin-top: 10px;}
  





 
  .bg-img-hero {    background-size: cover;    background-repeat: no-repeat;    background-position: top center;}
  [class*="gradient-overlay-half"] {    position: relative;    z-index: 1;}
  [class*="gradient-overlay-half"]::before { position: absolute;  top: 0;   right: 0;    bottom: 0;    left: 0;    z-index: -1;    width: 100%;    height: 100%;
      content: "";}
  .gradient-overlay-half-dark-v1::before {         background-repeat: repeat-x;}

  @media (min-width: 992px) {
    .space-3-top--lg {    padding-top: 10rem;}
  }  

  
  .space-10 {     padding-top: 10rem;    padding-bottom: 10rem; }
  .space-1 {    padding-top: 2rem;    padding-bottom: 2rem;}
  .space-3 {    padding-top: 8rem;    padding-bottom: 8rem;}
  .space-4 {    padding-top: 12.5rem;    padding-bottom: 12.5rem;}
  .space-5 {    padding-top: 15rem;    padding-bottom: 15rem;}
  .space-0 {  padding-top: 0;  padding-bottom: 0;}
  .space-0-top {      padding-top: 0;          }
  .space-0-bottom {   padding-bottom: 0;       }
  .space-1-bottom {   padding-bottom: 2rem;    }
  @media (min-width: 992px) {
    .d-lg-flex {    display: -ms-flexbox !important;    display: flex !important;}
    .flex-lg-column {    -ms-flex-direction: column !important;    flex-direction: column !important;}
    .align-items-lg-center {    -ms-flex-align: center !important;    align-items: center !important;}
    .space-1--lg {        padding-top: 2rem;    padding-bottom: 2rem;  }
    .space-3-top--lg {    padding-top: 10rem;}
    .space-4-top--lg {    padding-top: 12.5rem;}    
    .space-5-top--lg {    padding-top: 15rem;}     

    .space-0--lg {    padding-top: 0;    padding-bottom: 0;  }
    .space-0-top--lg {    padding-top: 0;  }
    .space-0-bottom--lg {    padding-bottom: 0;  }
    
  }

  @media (min-width: 768px) {
    .w-md-50 {    width: 50% !important;}
  }

  .display-4 {    font-size: 3.5rem;    font-weight: 400;    line-height: 1.2;}
  .mt100 {margin-top: 100px;}
  .pos-rel {position: relative;}
  .caption h1 {    color: #fff;    font-weight: 500;    margin-bottom: 13px;    font-family: 'Poppins', 'Work Sans', 'IBM Plex Sans', sans-serif;    
                   font-size: 3.8rem;     letter-spacing: -1.66px;    text-rendering: optimizeLegibility;    -webkit-font-smoothing: antialiased;    
                   text-shadow: 1px 0px 5px rgba(0,0,0,0.9);
  }
  .caption h2 {    color: #fff;    font-weight: 500;    margin-bottom: 13px;    font-family: 'Poppins', 'Work Sans', 'IBM Plex Sans', sans-serif;    
                   font-size: 2.8rem;     letter-spacing: -1.66px;    text-rendering: optimizeLegibility;    -webkit-font-smoothing: antialiased;    
                   text-shadow: 1px 0px 5px rgba(0,0,0,0.9);
  }


  @media (max-width: 575px) {
    .bg-img-hero {background-position: -750px;}
    .caption h1 { font-size: 3.4rem;  }
    h2.display {font-size: 24px !important;}
  }

  .navbar-nav a.nav-link {        color: darkolivegreen;        text-transform: uppercase;        font-size: 1.0000rem;        font-weight: 600;    }
  .btn-primary-purple {
      background: #42B6C6; border: 1px solid #42B6C6;  color: white; -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);  box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
  }
  .btn-primary-purple:hover {
    background: #18244A !important;
    border: 1px solid #18244A;
  }

  .btn-primary-siteblue { background: #212452;  border: 1px solid #212452;  color: white; -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);   box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
  }

  .btn-primary-siteblue:hover { background: #42B6C6; border: 1px solid #42B6C6;  color: white; }

  
 
 

 
 
 


 
 



 
  .pt64 {   padding-top: 64px;}
  .pt32 {    padding-top: 32px;}
  .pb8  {    padding-bottom: 8px;}
  .pl16 {    padding-left: 16px;}
  .pr16 {    padding-right: 16px;}
  .mt4  {    margin-top: 4px;}
  .mt80 {    margin-top: 80px;}
  .mb64 {    margin-bottom: 64px;}
  .mb48 {    margin-bottom: 48px;}
  .mb8  {    margin-bottom: 8px;}
  .mb16 {    margin-bottom: 16px;}
  .mb12 {    margin-bottom: 12px;}
  .mr32 {    margin-right: 32px;}
  .ml4  {    margin-left: 4px !important;}

  .mt48 {    margin-top: 48px;}

  .text-18 {    font-size: 18px;}
  .text-16 {    font-size: 16px;}
  .text-14{    font-size: 14px;}

  .body-text-large {    font-size: 16px;    line-height: 1.57;}
  .body-text-medium {   font-size: 14px;    line-height: 1.57; font-weight: 500;}
  .lh-157 {    line-height: 1.57;}
  .font-medium {    font-style: normal;    font-stretch: normal;    font-weight: 500;}


  .Landing__intro {    text-align: center;    overflow: hidden;    background-color: #f9fafb; border-bottom: 1px solid #dde0e4;}
   
  .tablet-container, .tablet-container-padded {     width: 100%;}
  .landing_intro_main {    margin: 0 auto;    max-width: 600px;}
  

  h1.display {     font-size: 40px;    line-height: 1.15;    letter-spacing: -1.1px;}
  @media (min-width: 1184px), (max-width: 1183px) and (min-width: 768px) {
    h1.display {    font-size: 49px;    line-height: 1.18;}
  }

  h2.display {    font-size: 28px;    line-height: 1.3;    letter-spacing: -0.8px;}
  @media (min-width: 1184px), (max-width: 1183px) and (min-width: 768px) {
    h2.display {    font-size: 34px;    line-height: 1.33; }
  }
 
  .btn-primary-blue {    background-color: #1f7ae0;    border: 1px solid #1f7ae0;    color: white;    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);     box-shadow: 0 1px 2px rgba(0,0,0,0.15);}
    .pointer {    cursor: pointer;    text-decoration: none;}
    .text-blue {    color: #1f7ae0;}
  @media (max-width: 480px) and (min-width: 361px), (max-width: 360px) {
    .Landing__intro {     padding-top: 32px;}
  }
  @media (max-width: 1183px) {
  .tablet-container, .tablet-container-padded {  max-width: 504px !important;  width: 100% !important; 
    margin-left: auto !important; margin-right: auto !important;  }  
  .tablet-container-padded {     padding-left: 16px !important;    padding-right: 16px !important;}
  }

  .flex {    display: -webkit-flex;    display: -moz-box;    display: -ms-flexbox;    display: flex; }
  .mlrAuto {    margin-left: auto;    margin-right: auto;}

   
  .feature-cards-container {
    display: -webkit-flex; display: -moz-box;   display: -ms-flexbox; display: flex;
    -webkit-justify-content: space-between;  -moz-box-pack: justify; -ms-flex-pack: justify;  justify-content: space-between;
  }

  @media (max-width: 1183px) {
    .feature-cards-container {-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column; flex-direction: column;} 
    }

.feature-card {          display: inline-block;    width: 260px; text-align: left;}
@media (max-width: 1183px) { .feature-card {    display: block;    width: 100%;  margin-bottom: 32px;  text-align: center; }     }  
.img-feature {    width: 260px;    height: 260px;}    
.tx-left {text-align: left;}  

@media (min-width: 992px) {
  .height-15vh--lg {    height: 15vh; }
  .space-0--lg {     padding-top: 0;     padding-bottom: 0; }

}



 

     
      /*------------------------------------
          Slick
        ------------------------------------*/
        [data-lazy] {
          opacity: 0;
          transition: opacity 0.3s ease-in-out;
        }

        .slick-cloned [data-scs-animation-in] {
          opacity: 0;
        }

        .u-slick {
          background: url('images/slick-carousel-preloader-primary.svg') no-repeat 50% 50%;
        }

        .u-slick .js-next,
        .u-slick .js-prev {
          opacity: 0;
        }

        .u-slick.slick-initialized {
          background: none;
        }

        .u-slick.slick-initialized .js-slide,
        .u-slick.slick-initialized .js-thumb {
          visibility: visible;
          height: auto;
          overflow: visible;
        }

        .u-slick.slick-initialized .js-next,
        .u-slick.slick-initialized .js-prev {
          opacity: 1;
        }

        .u-slick .js-slide,
        .u-slick .js-thumb {
          height: 0;
          visibility: hidden;
          overflow: hidden;
        }

        .u-slick .js-slide:first-child,
        .u-slick .js-thumb:first-child {
          height: auto;
        }
    
     


    



  
    
       .software-container{ max-width: 1110px;  margin: 0 auto;  text-align: center; }
       .tablet-container-padded {     width: 100%; }
       .mb32 {    margin-bottom: 32px;}
       .software-card-container{    display: flex;    justify-content: space-between; }
       @media (max-width: 1183px) {

            .software-card-container { display: flex;  max-width: unset; flex-direction: column; }
       }     
       .pb24 {    padding-bottom: 24px; }
            .pt24 {    padding-top: 24px;}
       .software-card {     display: inline-flex;    flex-direction: column;    justify-content: space-between;    width: 352px;    border-radius: 16px;
          text-align: center;    border: 1px solid #dde0e4;  border-bottom: 4px solid rgba(0, 0, 0, 0.1);
        }

            .software-card:hover {border-bottom: 4px solid var(--oit-mmd-cyan); box-shadow: 0 1px 2px 0 rgb(0 0 0 / 9%);  
              box-shadow: 0 0 0 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 10%), 0 4px 15px 0 rgb(0 0 0 / 15%);
              background:  #fff;
                                   } 
            .software-card:hover > a {  color:var(--oit-mmd-cyan) !important; text-decoration: none;       }          

        @media (max-width: 1183px) {
          .software-card { width: 100%;  margin: 0 auto 16px; }
        }  

        .Isoftware-image-container { display: block; margin-bottom: 26px; vertical-align: top;  text-align: center; }
        .software-header-container { display: inline-block;  width: calc(100% - 0px); }

            .software-header-container > h5 {height: 36px; font-size: 1.16rem}
            .software-header-container > p {              font-size: 14px;          }
        .mb24 {margin-bottom: 24px;}    

     

      @media (max-width: 768px) {
            .carousel-inner .carousel-item > div {
                display: none;
            }
            .carousel-inner .carousel-item > div:first-child {
                display: block;
            }
        }

        .carousel-inner .carousel-item.active,
        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-prev {
            display: flex;
        }

        .carousel-item {
            min-height: auto !important;
            height: auto !important;
        }
        /* display 3 */
        @media (min-width: 768px) {
            
            .carousel-inner .carousel-item-right.active,
            .carousel-inner .carousel-item-next {
              transform: translateX(33.333%);
            }
            
            .carousel-inner .carousel-item-left.active, 
            .carousel-inner .carousel-item-prev {
              transform: translateX(-33.333%);
            }
        }

        .carousel-inner .carousel-item-right,
        .carousel-inner .carousel-item-left{ 
          transform: translateX(0);
        }

        .mt64 {margin-top:64px}
        .avatar { position: relative;  width: 64px;  height: 64px; }
        .rounded-circle {    border-radius: 50% !important; }
        .avatar img {    width: 100%;    height: 100%;    object-fit: cover; }
        .pd-l-10 {  padding-left: 10px; }
        .mg-b-0 {    margin-bottom: 0px; }
        .tx-color-03 {    color: #8392a5; }
        .tx-12 {   font-size: 12px;  }
        .tx-medium {    font-weight: 500; }
        .mt26 {margin-top: 26px !important;}
        .font-pop {font-family: 'Poppins'; }
        .checked {  color: #fd7e14; }
          .tx-gg {color: #848231}
          .mt22 {margin-top:22px}
          .tx-16 {font-size: 16px;}
          .carousel-item {     min-height: auto !important; height: auto !important; }
          .tx-upper {text-transform: uppercase;}
          .-mt64 {margin-top: -64px;}

          .feature-cards-container {
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-justify-content: center;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: center;
          }
          .img-feature {    width: 200px;    height: 250px; }
          .feature-card {     display: inline-block;    width: 200px;    text-align: center; }
          @media (max-width: 1183px) {
            .feature-card {display: block; width: 100% !important; margin-bottom: 32px; text-align: center;   }
            h2.display {    font-size: 24px;    line-height: 1.3;    letter-spacing: -0.8px;}
          }
          .graphic-title {font-size: 20px;    font-weight: 600;    color: #18244A; /* text-decoration:  underline; text-underline-offset: 0.76em; */  margin-bottom: 2rem;}             
          .tx-color-siteblue {color: #18244A}           






    


  


   


         
 

  
  .v-align {     align-items: center;    display: flex;}
  .reg {font-weight: 500;    font-size: 12px;    color: #888;}
  .get-started {width: 60%; font-size: 1em!important;   font-weight: 600; padding:4px  10px!important; padding-left: 5%!important;
                border-radius: 4px!important;  background-color: #fff!important;   box-shadow: 0 2px 5px #f3f3f3!important;   
                line-height: 1.65em;   outline: 0;  border: 1px solid #ddd!important;
    }        
 


 



 
    
      
      .FAQSection__faq-container-inner {    -webkit-flex-direction: column;    -moz-box-orient: vertical;    -moz-box-direction: normal;    -ms-flex-direction: column;
        flex-direction: column;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    max-width: 1140px;
        }
      .FAQSection__faq-container-inner, .FAQSection__faq-title {    -webkit-justify-content: center;    -moz-box-pack: center;
        -ms-flex-pack: center;    justify-content: center;    -webkit-align-items: center;    -moz-box-align: center;    -ms-flex-align: center;    align-items: center;
        }
      h2.display {    font-size: 28px;    line-height: 1.3;    letter-spacing: -0.8px;}
      @media (min-width: 1184px), (max-width: 1183px) and (min-width: 768px) {
        h2.display {    font-size: 30px;    line-height: 1.33; }
      }
    
    
      .FAQSection__faq-category {    width: 75%;    -webkit-flex-direction: column;    -moz-box-orient: vertical;
        -moz-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-justify-content: flex-start;    -moz-box-pack: start;
        -ms-flex-pack: start;    justify-content: flex-start;
      }
      .flex-start-top {    display: -webkit-flex;    display: -moz-box;    display: -ms-flexbox;    display: flex;    -webkit-justify-content: flex-start;    -moz-box-pack: start;
        -ms-flex-pack: start;    justify-content: flex-start;
      }
      .Accordion__header {     -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
      .Accordion__toggle-switch {
        position: realtive;  top: -1px;  left: -20px;   color: #1f7ae0;   display: inline-block;  cursor: pointer;  width: 16px; height: 16px; line-height: 16px;
        vertical-align: middle;  margin-right: 4px;  margin-top: 0px;  -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
        transition: -webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
        -o-transition: -o-transform .3s cubic-bezier(.25,.46,.45,.94);
        -moz-transition: transform .3s cubic-bezier(.25,.46,.45,.94), -moz-transform .3s cubic-bezier(.25,.46,.45,.94);
        transition: transform .3s cubic-bezier(.25,.46,.45,.94);
        transition: transform .3s cubic-bezier(.25,.46,.45,.94), -webkit-transform .3s cubic-bezier(.25,.46,.45,.94), -moz-transform .3s cubic-bezier(.25,.46,.45,.94), -o-transform .3s cubic-bezier(.25,.46,.45,.94);
        will-change: transform;
        text-align: center;
        vetical-align: center;       
      } 
      [class^="icon-"], [class*=" icon-"] {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        position: relative;
        top: -1px;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .Accordion__header i {
        margin-top: -5px;
      }
      .icon-chevron-right:before {     content: "\e90f";}
      .FAQSection__faq-questions {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
      @media (max-width: 768px) and (min-width: 481px), (max-width: 480px) and (min-width: 361px), (max-width: 360px) {
        .FAQSection__faq-questions {            -webkit-flex-direction: column;            -moz-box-orient: vertical;            -moz-box-direction: normal;
            -ms-flex-direction: column;            flex-direction: column;            padding-top: 30px;            -webkit-align-items: flex-start;
            -moz-box-align: start;            -ms-flex-align: start;            align-items: flex-start;            width: 100%;        
            }
        .FAQSection__faq-category {    width: 100%;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
      }
      

      
    .tx-left {text-align: left;}  
    .ans {padding-left: 20px; padding-right: 20px; color: #81878c; line-height: 1.38; font-size:13px; font-weight: 300;}
    .mb80 {margin-bottom: 80px;}
    .mt7 {margin-top: 7px;}
    .fw-normal {font-weight: normal;}
   
   
  
   


 


   

      

          @media (min-width: 992px) {
            .mg-lg-l-50 {   margin-left: 50px;  }
          }

          @media (min-width: 1200px) { 
            .mg-xl-l-60 {    margin-left: 60px;   }
          }

          .sign-wrapper {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: 340px; }
          @media (min-width: 1200px) {
            .sign-wrapper {    width: 340px; }
          }

          .wd-100p {    width: 100%; }
          .align-items-center {    align-items: center !important; }
          .d-none {    display: none !important; }
          .demo-banner {background: url(<?php echo get_theme_file_uri('assets/images/offer.jpg') ?>) right top;     background-size: cover;    height: 668px;}
          @media (min-width: 992px) {
            .d-lg-flex {                    display: flex !important;                }
            .demo-banner {background: url(<?php echo get_theme_file_uri('assets/images/offer.jpg') ?>) left top;     background-size: cover;    height: 668px;}
          }

          .wpcf7-form-control {display: block; width: 100%;  height: calc(1.5em + 0.75rem + 2px);  padding: 0.375rem 0.75rem;
            font-size: 1rem;   font-weight: 400;   line-height: 1.5;   color: #495057;   background-color: #fff;
            background-clip: padding-box;    border: 1px solid #ced4da;  border-radius: 0.25rem;  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
          }

          .wpcf7-textarea {height : 80px}
          .wpcf7-submit {background: #42B6C6;
            border: 1px solid #42B6C6;
            color: white;
            -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
            box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
            display: block;
            width: 100%;
            font-weight: 400;
            text-align: center;
            vertical-align: middle;
            user-select: none;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            cursor: pointer;
          }

          .wpcf7-submit:hover {background: #18244A !important;   border: 1px solid #18244A;}
         .invalid > p {margin-bottom: 6px;} 
          .wpcf7-not-valid-tip {font-size:11px}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /* background: #fff url('./ajax-loader.gif') center center no-repeat; */
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

   /* src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
    */
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}