/* CSS Document */
body {
font-family: 'Raleway';
background: #fff;
}
@media print, screen and (max-width: 62em) {
.navbar-light .navbar-nav .nav-link {
font-weight: 800;
color: #ffffff!important;
text-align: center!important;
} 
.navbar-light .navbar-nav a.nav-link:hover {
color: #ffffff!important;
border: none;
background-color: transparent;
}
}
@media print, screen and (min-width: 62em) {
.navbar-light .navbar-nav .nav-link {
font-size: 1.4rem;
padding: 0 1rem;
font-weight: 800;
border-bottom: 2px solid transparent;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.navbar-light .navbar-nav a.nav-link:hover {
border: none;
border-bottom: 2px solid #ffffff;
background-color: transparent;
}
}
.navbar-toggler {
padding: 0.5rem;
font-size: 1rem;
line-height: 1;
background-color: transparent;
border: 2px solid #ffffff;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.75em;
height: 1.75em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

header.home {
background-color: #60c9da;
background-image: url("/images/backgrounds/rotivio-background.png");
background-position: left bottom;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 30px;
}

@media print, screen and (min-width: 48em) {
header.home {
background-color: #ffffff;
}
}
header.page {
background-color: #60c9da;
background-image: url("../images/backgrounds/bg-header-page-small.png");
background-position: left top;
background-repeat: no-repeat;
}
@media print, screen and (min-width: 48em) {
header.page {
background-color: #60c9da;
background-image: url("../images/backgrounds/bg-header-page.png");
background-position: left top;
background-repeat: no-repeat;
}
}
h1 {
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
}
.jumbotron h1 {
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
}
h1, h2 {
font-size: 1.75rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.125rem;
}
h3 {
font-size: 2.25rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: 0.125rem;   
}
h4 {
font-size: 1.5rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: 1rem;   
}
.fw-bold span {
font-weight: 800;
}
.jumbotron p {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
}
a.btn-primary {
padding: 0.5rem 2rem;
font-weight: 800;
color: #fff !important;
background-color: #9E12D2!important;
border: none;
border-radius: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a.btn-primary:hover {
background: #9E12D2!important;
}
.content {
max-width: 1024px;
margin: 0 auto;
}
.content ul {
list-style: none;
}
.content ul li {
text-align: left;
margin-left: -20px;
padding: 0.5rem 0 0.5rem 25px;
line-height: 1.2;
background: url(../images/icons/icon-bullet.png) left center no-repeat;
}
.businesses {
background: #f33c00;
}
@media print, screen and (min-width: 62em) {
.businesses {
background: linear-gradient(90deg, #ececec 50%, #f33c00 50%);
}
}
.bg-businesses-2 {
background: #ECECEC url(../images/backgrounds/bg-businesses-small.png) right center no-repeat;
background-size: cover;
}
@media print, screen and (min-width: 62em) {
.bg-businesses {
background: url(../images/backgrounds/bg-businesses.png) right center no-repeat;
background-size: contain;
}
.bg-businesses-2 {
background: none;
}
}
.networkers {
background: #01ccf2;
}
@media print, screen and (min-width: 62em) {
.networkers {
background: linear-gradient(90deg, #01ccf2 50%, #ececec 50%);
}
}
.bg-networkers-2 {
background: url(../images/backgrounds/bg-networkers-small.png) left bottom no-repeat;
background-size: cover;
}
@media print, screen and (min-width: 62em) {
.bg-networkers {
background: url(../images/backgrounds/bg-networkers.png) left center no-repeat;
background-size: contain;
}
.bg-networkers-2 {
background: none;
}
}
.icons a {
color: #000000;
font-size: 1.25rem;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.icons a:hover {
color: #666666;
} 
.information  {
color: #fff;
}
@media print, screen and (min-width: 62em) {
.information  {
color: #fff;
background: linear-gradient(90deg, #117abf 50%, #2dbdef 50%);
}
}
.fs-6 {
font-size: 0.75rem!important;
}
.pb-150 {
padding-bottom: 150px;
}
@media print, screen and (max-width: 62em) {
.bg-medium-blue:before, .bg-medium-blue:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #117abf;
right: 100%;
top: 0;
bottom: 0;
}
.bg-medium-blue:after {
left: 100%;
}
.bg-light-blue:before, .bg-light-blue:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #2dbdef;
right: 100%;
top: 0;
bottom: 0;
}
.bg-light-blue:after {
left: 100%;
}
}
.bg-medium-blue {
position: relative;
padding-bottom: 260px;
color: #fff;
background: #117abf url(../images/backgrounds/bg-for-businesses.png) left bottom no-repeat;
background-size: contain;
}
.bmb-content {
position: absolute;
right: 2rem;
}
.bg-light-blue {
position: relative;
padding-bottom: 260px;
color: #fff;
background: #2dbdef url(../images/backgrounds/bg-for-networkers.png) right bottom no-repeat;
background-size: contain;
}
.blb-content {
position: absolute;
left: 2rem;
}
.bg-medium-blue img {
max-height: 100;
width: auto;
} 
footer {
background: #e0b6fc;
}
footer ul li {
line-height: 2;
}
footer a {
text-decoration: none;
}
footer a:hover {
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.social-icons a {
padding: 0.25rem;
margin-right: 0.5rem;
}
.social-icons a:hover {
text-decoration: none;
border-bottom: none;
}
.copyright {
color: #fff;
background: #696969;   
}





h5 {
    font-size: 1.1rem;
}

a {
    color: #090909;
}

a:hover {
    color: rgba(0, 0, 0, 0.9);
    text-decoration: none;
}
.wrapper {
    color: #090909;
    margin: 0 4rem;
}

.bg-white {
    background-color: #FFFFFF;
    color: #090909;
}

.bg-white a {
    color: #E8E8E8;
}

.bg-light {
    background-color: #f8f9fa !important;
    color: #ffffff;
}
.bg-grey {
  background-color: #eaeaea !important;
}
.bg-red {
  background-color: #f33c00 !important;
}


.font-weight-100 {
    font-weight: 100;
}
.small {
    font-size: 90%;
    font-weight: 500;
}

.nav-row {
    display: contents;
}

.nav {
    float: none;
}

.navgreen {
    background-color: #5cbbbe;
}

.navbar-collapse {
    justify-content: space-between;
}

.navbar-light .navbar-brand {
    color: #f8f9fa;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {

    color: rgba(0, 0, 0, 1);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(13, 13, 13, 1); 
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(13, 13, 13, 1); 
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #090909;
}

.nav-fill .nav-item {
    flex: initial;
}

.nav-fill .nav-item a:hover {
    background-color: #DDDDDD;
    border-radius: 0.25 rem;
    color: rgba(0, 0, 0, 1);
}

.subnav .nav-item .nav-link.active {
    color: #090909;
    background-color: #FFFFFF;
    text-decoration: underline;
}

.jumbotron {
    background-color: initial;
}

.welcome-name {
    padding: 0.5rem 1rem;
}

.contact-form {
    min-width: 90%;
}

.table-custom {
    width: 100%;
}

.alert {
    padding: 0.25rem 1.25rem;
}

.btn-search {
    background-color: #FFFFFF;
    border: 0px;
}

.row {
    margin-right: auto;
    margin-left: auto;
}

.form-group {
    margin-bottom: .25rem;
}

.form-control {
    height: 1.75rem;
    padding: 0rem 0.75rem;
    font-size: 1rem;
    line-height: 1;
    
}
.form-check-input {
    margin-left: 0px;
}
.col-form-label {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 0;
    font-size: inherit;
    /* line-height: 1.5; */
}

.row-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    font-family: 'Titillium Web', sans-serif;
}
.row-container-resources {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    font-family: 'Titillium Web', sans-serif;
}

#accordion {
    width: 100%;
}

.card {
    width: 162px;
    margin: 1px auto;
}
.card-header {
    padding: 0;
}
.card-resources {
    width: 450px;
    margin: 5px auto;
}
.card-img-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 20px;
    text-align: center;
}
.card-title {
    margin-bottom: 0px;
}
.card-body {
    padding: 0.25rem;
}
.card-min-height {
    min-height: 210px;
}
.box-shadow {
    border: rgb(0 0 0 /25%) solid 1px !important;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 25%);
}
.person {
    font-size: small;
    padding-left: 2px;
    width: 155px;
}
.genderf {
    background-color: #FFC9CA;
}
.genderm {
    background-color: #AFBBFF;
}

.height45 {
    height: 45px;
}
.opacity50 {
    opacity: 50%;
}


.droptitle {
    float: left; 
    width: 150px; 
    margin: 0px;
    padding: 5px;
}
.droptarget {
    float: left; 
    width: 160px; 
    min-height: 225px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #aaaaaa;
    border-radius: 0px;
}
.t0minheight {
    min-height: 500px;
}

.homecard {
    width: 100%;
    min-height: 425px;
}

.homedashcard {
    width: 100%;
}

.plancard {
    width: 100%;
    margin: 0px 10px 20px 10px;
    padding: 0px;
    min-height: 350px;
}
.plancard p {
    background-color: #ffffff;
    font-size: 1.25em;
    font-weight: bold;
    padding: 10px;
    text-align: right;
    width: 300px;
}

.footer-logo {
  max-width: 180px;
  height: auto;
}



.aligncenter {
    text-align: center;
}
.alignleft {
    text-align: left !important;
}

.width70 {
    width: 70%;
}
.width85 {
    width: 85%;
}
.width100 {
    width: 100%;
}

.width200px {
    width: 200px;
}
.width250px {
    width: 250px;
}
.height250px {
    height: 250px;
}
.backgroundGrey {
    background-color: #efeded;
}
.archived {
    opacity: 25%;
}
/* Media query for tablets */
@media screen and (max-width:1080px) {

} /* Media query for tablets 1080px */


/* Media query for tablets */
@media screen and (max-width:1024px) {
.nav-fill .nav-item {
    flex: none;
    }
.row-container {
        grid-template-columns: auto auto auto;
    }   
 
} /* Media query for tablets 1024px */


/* Media query for tablets */
@media screen and (max-width:768px) {
.wrapper {
    margin: 0;
}
.nav-fill .nav-item {
    text-align: left;
    width: 100%;
}
} /* Media query for tablets 768px */


/* Media query for tablets */
@media screen and (max-width:640px) {
.row-container {
        grid-template-columns: auto auto;
    }
.row-container-resources {
        grid-template-columns: auto;
    }  
} /* Media query for tablets 640px */


/*media query for small screen devices */
@media screen and (max-width:480px) {
.row-container {
        grid-template-columns: auto auto;
    }
} /*media query for small screen devices 480px */



/*            Rotivio                */

.enquire-btn {
	background-color: #9E12D2;
}

.feature-title {
	font-size: 32px;
}



    .form-container {
      max-width: 500px;
      margin: auto;
      background: #ffffff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .form-container h2 {
      margin-bottom: 20px;
      font-size: 24px;
    }

    .form-group {
      margin-bottom: 16px;
    }

    label {
      display: block;
      margin-bottom: 6px;
      font-weight: 600;
      font-size: 14px;
    }

    input,
    select,
    textarea {
      width: 100%;
      padding: 12px;
      border-radius: 6px;
      border: 1px solid #ccc;
      font-size: 14px;
    }

    input:focus,
    select:focus,
    textarea:focus {
      outline: none;
      border-color: #2C76F9;
    }

    textarea {
      resize: vertical;
      min-height: 100px;
    }

    .form-actions {
      margin-top: 20px;
    }

    button {
      width: 100%;
      padding: 12px;
      background: #2C76F9;
      color: #fff;
      border: none;
      border-radius: 6px;
      font-size: 16px;
      cursor: pointer;
    }

    button:hover {
      background: #1f5fd0;
    }

    
/*form control*/
.form-group {
  margin-bottom: 18px; }

label {
  color: #0e314c;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px; }

.form-control {
  height: 45px;
  padding: 10px;
  font-size: 14px;
  color: #0e314c;
  border: 1px solid #eeeeee;
  border-radius: 0;
  background: #eeeeee;
  transition: 0.5s; }
  .form-control:focus {
    outline: 0;
    background: #ffffff;
    box-shadow: unset;
    border-color: #44ce6f; }

.form-select {
  height: 45px;
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  color: #0e314c;
  border: 1px solid #eeeeee;
  border-radius: 0;
  box-shadow: unset !important; }