/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-top: 3rem;
  color: #5a5a5a;
  background-color: #fff;
}
footer{background-color: #131313;width:100%}
a{color:#5A82EA;text-decoration: none;}
a:hover{color:#7d9ae6;text-decoration: none;border-bottom:2px solid #FAB935}

.btn-primary {background-color: #5A82EA;color:#FAB935;font-weight:600;border-color: #5A82EA;padding:10px 40px;border-radius: 25px;}
.btn-primary:active,.btn-primary:focus{background-color: #7d9ae6;color:rgb(27, 27, 27);border-color: #5A82EA;}
.btn-primary:hover{background-color: #7d9ae6;color:rgb(27, 27, 27);border-color: #7d9ae6;}
.btn-block {width:20%}
.bg-brandgreen{background: #388257;background: linear-gradient(180deg,rgba(56, 130, 87, 1) 0%, rgba(70, 143, 98, 1) 50%);}
.bg-brandblueshade{background:#4269E2;background: linear-gradient(180deg,#4269E2 0%, #1f3372 50%);}
.bg-brandorange{background:#FAB935;background: linear-gradient(180deg,#FAB935 0%, #dfa022 50%);}
.bg-header-home{background:#c29a95;}
.color-brandblue{color:#5A82EA;}
.color-brandorange{color:#FAB935;}
.navbar-brand {letter-spacing: 1px;}
.dropdown:hover .dropdown-menu {
  display: block;
  margin: 0;
}
.dropdown-menu{background-color: #444444;}
.dropdown-item{font-weight:400;color:#fff;}
.dropdown-item.active{background-color: #5A82EA;color:#000}
.dropdown-item:hover{background-color: #5A82EA;}
.callus{color:#fff;padding:40px 0}

.header-home { background: url(../img/header-home.png)no-repeat; position:center; background-size: cover; text-shadow: 2px 2px 3px #000;max-height: 520px;}
.page-header { background: url(../img/headerbg.jpg)no-repeat; position: center; background-size: cover; }
.page-caption { padding-top: 120px; padding-bottom: 20px; }
.page-title { font-size: 46px; line-height: 1; color: #fff; font-weight: 600;  }

.card-section { position: relative; bottom: 60px; }
.card-block { padding: 80px; border-radius: 10px;}
.section-title { margin-bottom: 60px; }

.form-control:focus{border-color:#5A82EA;box-shadow: 0 0 0 .25rem rgba(19, 105, 163, 0.25);}

.work-sans-thin {
  font-family: "Work Sans", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.work-sans-light {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.work-sans-regular {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.work-sans-bold {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.work-sans-black {
  font-family: "Work Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.work-sans-thin-italic {
  font-family: "Work Sans", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.work-sans-light-italic {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.work-sans-regular-italic {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.work-sans-bold-italic {
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.work-sans-black-italic {
  font-family: "Work Sans", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.avatar {background:#fff;padding:5px;}

.card-custom {
  overflow: hidden;
  min-height: 450px;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.card-custom-img {
  height: 200px;
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-color: inherit;
}


.card-custom-img::after {
  position: absolute;
  content: '';
  top: 161px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-top-width: 40px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 545px;
  border-left-width: calc(575px - 5vw);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: inherit;
}

.card-custom-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  position: absolute;
  top: 100px;
  left: 1.25rem;
  width: 80px;
  height: 80px;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}




/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media only screen and (max-width: 600px) {
  .card-block{padding:20px}
  .header-home { background: url(../img/header-home-mobile.jpg)no-repeat;}
  .page-caption { padding-top: 190px; padding-bottom: 20px; }
}