/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 14, 2022 */

body, html {height:100%;
  min-height:100%; 
  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-font-smoothing: antialiased;
  font-weight: 400; font-size: 18px; letter-spacing: 0.5px;
  color: #252525;
}

p{ font-size: 18px; line-height: 30px; letter-spacing: 0.5px;  }



/*@font-face {
    font-family: 'sohne-var';
    src: url('BasicCommercialLT-Light.eot');
    src: local('../fonts/BasicCommercial LT Light'), local('BasicCommercialLT-Light'),
        url('../fonts/BasicCommercialLT-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasicCommercialLT-Light.woff2') format('woff2'),
        url('../fonts/BasicCommercialLT-Light.woff') format('woff'),
        url('../fonts/BasicCommercialLT-Light.ttf') format('truetype');
    font-weight:400;
    font-style: normal;
    font-display: swap;
}*/
/*
@font-face {
    font-family: 'sohne-var';
    src: url('../fonts/sohne-var-webfont.woff2') format('woff2'),
         url('../fonts/sohne-var-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'sohne-var';
    src: url('../fonts/BasicCommercialLT-Roman.eot');
    src: local('BasicCommercial LT Roman'), local('BasicCommercialLT-Roman'),
        url('../fonts/BasicCommercialLT-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasicCommercialLT-Roman.woff2') format('woff2'),
        url('../fonts/BasicCommercialLT-Roman.woff') format('woff'),
        url('../fonts/BasicCommercialLT-Roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'sohne-var';
    src: url('../fonts/BasicCommercialLT-Bold.eot');
    src: local('BasicCommercial LT Bold'), local('BasicCommercialLT-Bold'),
        url('../fonts/BasicCommercialLT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasicCommercialLT-Bold.woff2') format('woff2'),
        url('../fonts/BasicCommercialLT-Bold.woff') format('woff'),
        url('../fonts/BasicCommercialLT-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

a{ text-decoration: none; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; }
h1 {font-family: 'Space Grotesk', sans-serif; font-weight: 700;}

h2 { font-size: 2rem; font-weight: 600; margin-bottom: 20px; text-transform: uppercase;  }
h3 { font-size: 1.6rem; font-weight: 500; text-transform: uppercase; color: #f26b8b;}
.services-wrapper h2 { color: #f26b8b; }
.centered-col { margin: auto; float: none; }
.bg-light {background-color:#ffffff !important;}
.bg-light.add-bg-color {background-color:#ffffff !important;}
.text-right { text-align: right;}
.nav-link { /*font-size: 17px;*/ font-weight: 400; }
.navbar-expand-lg .navbar-nav .nav-link {color: #252525 !important;}
.home-header { overflow: hidden; width: 100%; height: 100%; position: relative; /*background-image: url(../images/home7.png);*/ /*background-attachment: fixed;*/ background-position: left top; background-size: cover; }
.home-header .overall-wrapper{ /*background-color: rgba(0, 0, 0, 0.5);*/ height: 100%; }
.home-header .overall-wrapper-option { background-color: rgba(0, 0, 0, 0.5); height: 100%; }
.home-header .overall-wrapper-pink {/*background-color: rgba(242, 107, 139, 0.75);*/ height: 100%; }
.home-header h1{ font-size: 2rem; text-transform: uppercase; text-decoration: none; }
.navbar-expand-lg .navbar-nav .nav-link { color: #000000; }
.middle-wrapper{ display: table; width: 100%; height: 100%; }
.middle-wrapper-inner{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
h1.employee, h1.vendor{color: #ffffff;}
h5.employee,h5.vendor{color: #ffffff; font-weight: 500; text-transform: uppercase;}
h5.client{font-weight: 500; text-transform: uppercase;}
h1.client{color: #252525;}
.bg-client{background-color: #fdce56; display: inline-block; height: 100%;}
.bg-client:hover{background-color: #f1bb32;}
.bg-employee{background-color: #0e448e; display: inline-block; height: 100%;}
.bg-employee:hover{background-color: #093776;}
.bg-vender{background-color: #34a9de; display: inline-block; height: 100%;}
.bg-vender:hover{background-color: #2290c2;}
.middle-wrapper-inner .text-option { padding: 45px 80px 80px 80px; }
.footer { padding:5px; background-color:#f5f5f5; }
.footer .mts-wrapper img{ height: 40px; margin-top: 10px; }
.dtpl-wrapper{ float: right; margin: 6px 0px 0px 10px; }
.dtpl-wrapper img{height: 40px;}
footer p{ font-size: 15px !important; line-height: 15px !important; margin-top: 7px; }
.login-action { display: inline-block; padding:20px 10px;  }
.login-action:hover {background-color:#f5f5f5;}
h4.display-1 { font-size: 1.2rem; font-weight: 500; text-transform: uppercase; color: #f26b8b; }
.border-card { border: solid 1px #f5f5f5; padding-bottom: 20px; padding-top:20px !important; box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 60px 40px rgba(0, 0, 0, 0.12)}
  .footer.white-bg{background-color: #ffffff !important;}
 


@media (max-width: 992px){
  .home-header {
    overflow:auto;
  }
}
@media (min-width: 993px){}