/* * Globals * */
/* declare a var in root to use it in whole document */
:root {
   /*#f1d2d7*/

   --cyan-color: #25aae2;
   --fuxia-color: #e22a38 /*#e54299*/;
   --yellow-color: #f4d11d;
   --green-color: #8cc63e;
   --graphite-color: #333;

   --darkblue-color: #1b274f;

   --main-bg-color: #fff;
   --main-headings-color: #25aae2;
   --main-subheadings-color: #e22a38 /*#e54299*/;

   --breadcrumb-active-link: #25aae2;
   --breadcrumb-hover-link: #e22a38 /*#e54299*/;
   --breadcrumb-current-link: #e22a38 /*#e54299*/;

   --sign-copyright-color: #31313F; /* #63637f */
   --sign-designdedby-color: #31313F; /* #63637f */
   --sign-designdedby-color-hover: #184378;

   --menu-active-link: #505b71;
   --menu-hover-link: #184378;
   --menu-current-link: #505b71;

}
/* call var to set value in property */
/* div { background-color: var(--main-bg-color); } */


/* Links */
a, a:focus, a:hover {
   color: #dd0000;
   text-decoration:none;
}
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
   color: var(--darkblue-color);
   text-shadow: none;
   background-color: #fff;
   border: .05rem solid #fff;
}

/* Base structure */
html,
body {
   height:100%;
   min-height: 100%;
   background-color: var(--main-bg-color);
   /*overflow-x: hidden;*/
   font-family: 'Open Sans', sans-serif;
}
body {
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   color: var(--darkblue-color);
   font-family: 'Open Sans', sans-serif;
}
h1,h2,h3,a {
   font-family: 'Comfortaa', sans-serif;
}
h4,h5,h6 {
   font-family: 'Open Sans', arsans-serifial;
}
h1 {
   color:var(--darkblue-color);
   font-size:2.4em;
}
h2 {
   color:#999;
   font-size:2em;
}
h3 {
   font-size:1.4em;
}
h4 {
   font-size:1.2em;
}
h5 {
   font-size:1.2em;
}
h6 {
   font-size:1em;
}
p {
   font-size:1.2em;
   font-weight: 300;
   line-height:1.8;
   letter-spacing:0.3px;
}
strong {
   font-weight: bold;
}

h1.index-title {
   color:var(--darkblue-color);
   font-size:2.4em;
}
h2.index-subtitle {
   color: var(--graphite-color);
   font-size: 1.5em;
   font-weight: 300;
}

h2.index-section-title {
   color: var(--graphite-color);
   font-size: 1.8em;
}
h3.index-section-subtitle {
   color: var(--graphite-color);
   font-size: 1.25em;
   font-weight: 300;
}





/* Main content Container  */
#wrapper {
   margin:0;
   padding:0;
}
.container {
   max-width: 1080px;
}

/* Header */
header {
   background: #fcfcfc;
}

aside {
   color:var(--graphite-color);
   -webkit-transition:all 0.35s ease 0.2s;
   transition:all 0.35s ease 0.2s;
}
#callcenter {
   background-color:transparent;
   -webkit-transition:all 0.35s ease 0.2s;
   transition:all 0.35s ease 0.2s;
}
#callcenter-phone {
   font-size:0.9em;
   font-weight:400;
}
#callcenter-phone a {
   font-size:1.2em;
   font-weight:600;
   text-decoration:none;
}
#callcenter-social a {
   color:var(--graphite-color);
   font-size:1.2em;
   text-decoration:none;
}
#callcenter-social a:hover {
   color:var(--cyan-color);
}


#book-menu .book-btn {
   color:var(--graphite-color);
   font-size:0.85em;
   text-decoration:none;
}
#book-menu .book-btn:hover {
   color:var(--cyan-color);
}


#vimeo-showcase .vimeo-btn {
   border-color:var(--cyan-color);
   color:var(--cyan-color);
   font-size:0.85em;
   text-decoration:none;
}

#vimeo-showcase .vimeo-btn:hover {
   background-color: var(--darkblue-color);
   border-color: var(--darkblue-color);
   color:#ff;   
}





.programm-popup {
   color: var(--graphite-color);
   border-color: var(--graphite-color);
   background-color:transparent;
   padding:2px;
   position:relative;
   overflow:hidden;
   transition: color .5s;
   box-sizing: content-box;
   box-shadow:none;
   outline:none;
}

.programm-popup:hover {
   cursor: pointer;
   color: var(--fuxia-color);
   border-color: var(--fuxia-color);
}




.navbar-dark .navbar-nav .nav-item .nav-link-index:focus,
.navbar-dark .navbar-nav .nav-item .nav-link-index:hover,
.navbar-dark .navbar-nav .active {
   color:var(--cyan-color);
   cursor: pointer;
}
.navbar-dark .navbar-nav .nav-item:focus::after,
.navbar-dark .navbar-nav .nav-item:hover::after,
.navbar-dark .navbar-nav .active::after {
   width:100%;
}

@media only all and (max-width: 539px) and (min-width: 280px) {
   #callcenter-phone {
      font-size:0.9em;
      font-weight:400;
   }
   #callcenter-phone a {
      font-size:0.9em;
      font-weight:600;
      text-decoration:none;
      color:#fff;
   }
   #callcenter-social a {
      font-size:0.9em;
      text-decoration:none;
   }
}

.navbar-dark {
   background-color:transparent;
   -webkit-transition:all 0.35s ease;
   transition:all 0.35s ease;
}
.navbar-brand-wrapper {
   background-color:transparent;
   -webkit-transition:all 0.35s ease;
   transition:all 0.35s ease;
}
.navbar-brand {
   -webkit-transition:all 0.35s ease;
   transition:all 0.35s ease;
}
.navbar-brand {
   background-color: transparent;
   text-align:center;
   display: block;
}
.navbar-brand img {
   height:50px;
   width:auto;
}

/* index page nav-bar colors for menu */
.navbar-dark .navbar-nav {
   background-color:transparent;
}
.navbar-dark .navbar-nav * {
   box-sizing:border-box;
   -webkit-transition:all 0.35s ease;
   transition:all 0.35s ease;
}
.navbar-dark .navbar-nav .nav-item {
   list-style:outside none none;
   margin:0 0.15em;
}
.navbar-dark .navbar-nav .nav-link-index {
   font-size:.85em;
   padding:0.5em 0.25em;
   color:var(--menu-active-link);
   position: relative;
   display:inline-block;
   margin:0;
   text-align:center;
   text-decoration:none;

   display:block;
   height:auto;
   margin:0;
   padding:30px 20px 0;
   text-align:center;
   text-decoration:none;
   text-shadow:0 0 transparent;
   /* text-transform:uppercase; */
   width:auto;
   transition:color .3s;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
   color:var(--menu-active-link);
}

/*
.menu-item {  }
.menu-item::after, 
.active:after {background-color:#eb9123; content:''; display:block; height:5px; margin:15px auto 0; width:0; transition:width .3s;}
.menu-item:hover, 
.active { color:#eb9123; text-shadow:0 1px #999; }
.menu-item:hover::after, 
.active::after { width:100%; }
*/
/*
.navbar-dark .navbar-nav .active .nav-link-index { color:var(--menu-active-link); }
.navbar-dark .navbar-nav .nav-item:hover .nav-link-index,
.navbar-dark .navbar-nav .nav-item:hover .nav-link-index{ color:var(--menu-hover-link); }
.navbar-dark .navbar-nav .nav-item:hover .nav-link-index:hover {  color:var(--menu-hover-link); }
*/

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link-index {
   font-size: 0.85em;
   padding:0.5em;
   color:var(--darkblue-color);
   position: relative;
   display:inline-block;
   letter-spacing:1px;
   margin:0;
   text-align:center;
   text-decoration:none;
   text-shadow:0 0 transparent;
   width:auto;
   transition:color .3s;
}
.nav-item:hover  {
   cursor: pointer;
   color:var(--darkblue-color);
}

.navbar-dark .navbar-nav .nav-item::after,
.navbar-dark .navbar-nav .active:after {
   background-color:var(--fuxia-color);
   content:'';
   display:block;
   height:2px;
   margin:2px auto 0;
   width:0;
   transition:width .3s;
}
.navbar-dark .navbar-nav .nav-item .nav-link-index:focus,
.navbar-dark .navbar-nav .nav-item .nav-link-index:hover,
.navbar-dark .navbar-nav .active {
   color:var(--cyan-color);
   cursor: pointer;
}
.navbar-dark .navbar-nav .nav-item:focus::after,
.navbar-dark .navbar-nav .nav-item:hover::after,
.navbar-dark .navbar-nav .active::after {
   width:100%;
}

.dropdown-menu {
   background-color:#fdfdfd;
   border-radius:0;
   border:0;
   box-shadow: 0 2px 5px -2px #666;
   padding:0px;
   margin:0;
   margin-top:0px;
   width:auto;
}
/*
.dropdown-menu.levelone {
   background-color:#ee519c;
}
.dropdown-menu.leveltwo {
   background-color:#ee519c;
}
.dropdown-menu.levelthree {
   background-color:#ee519c;
}
*/

.dropdown-menu:hover {
   cursor: pointer;
}
.dropdown-menu > .dropdown-item {
   /* font-size: .86em; */
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
   position: relative;
   width: 100%;
   word-wrap:break-word;
   white-space: normal!important;
   height:auto;
   padding:0.5em;
}
.dropdown-menu > .dropdown-item-large {
   background-color:#f1d3d7;
   border-bottom:1px solid #b19d9f;
   padding:0.5em 0.6em;
   width: 100%;
}

.dropdown-item:hover {
   background-color:#ffefd5;
   cursor: pointer;
}

.dropdown-menu > .dropdown-item .dropdown-link {
   display: inline-flex;
   height:auto;
   width: 100%;
   word-wrap: break-word;
   white-space: normal!important;
   padding:0.5em;
   color:var(--menu-active-link);
   position: relative;
   /*letter-spacing:1px;*/
   margin:0;
   text-align:left;
   text-decoration:none;
   font-size: 0.85em;
   font-weight: 600;
}
/* .dropdown-menu > .dropdown-item .dropdown-link:hover { background-color:#ffefd5; }   */

.dropright .dropdown-menu {
   top: 40px;
   right: auto;
   left: 50%;
   margin-top: 0;
   margin-left: .125rem;
}
.dropleft .dropdown-menu {
   top: 40px;
   left: auto;
   right: 50%;
   margin-top: 0;
   margin-right: .125rem;
}

/*
.navbar-dark .navbar-nav .nav-item .nav-link-index.show-all-link {
    font-size: 0.9em;
    border-bottom: 1px solid #114C78;
    padding:0.6em 0.3em; 
    background-color:#ffefd5;
}
.navbar-dark .navbar-nav .nav-item .nav-link-index.show-all-link:hover {
    background-color:#114C78;
    color:var(--menu-hover-link);
}
.navbar-dark .navbar-nav .nav-link-index.feat-link {
    font-weight: bold;
    font-size: 0.9em;
}
.navbar-dark .navbar-nav .nav-link-index.child-link {
    padding: 0.6em 0.2em 0.6em 0.4em;
    / border-bottom: 1px solid #004573; /
}
*/

.dropright .dropdown-toggle::after {
   margin-left: 0;
   position: absolute;
   right: 0em;
   top: 1em;
}
.dropdown-divider {
   height: 0;
   margin: .5rem 0;
   overflow: hidden;
   border-top: 1px solid #ccc;
}



.lang-nav-item img {
   filter: grayscale(100%);
   -webkit-transition:all 0.05s ease;
   transition:all 0.05s ease;
}
.lang-nav-item:hover img,
.lang-nav-item.lang-current img {
   filter: grayscale(0%);
}
@media (max-width: 991.98px) {
   #mainMenu {
      height: calc(100vh - 30px);
      overflow-y: scroll;
   }
   .navbar-dark .navbar-nav .nav-link-index {
      padding:0.02em 0.5em;
   }
   .navbar-brand-wrapper {
      height:100%;
      width:auto;
      padding:0px;
   }
   .navbar-dark .navbar-nav .nav-item {
      border-bottom:1px solid var(--menu-active-link);
      ;
      margin:0;
      padding:0 0px;
      overflow: hidden;
      width:100%;
   }
   .navbar-dark .navbar-nav .nav-link-index {
      padding:1em;
      position:relative;
      display:inline-block;
      /*height:calc(100% - 0em); */
      height:auto;
      letter-spacing:0;
      margin:0;
      width:calc(100% - 0em);
   }
   .navbar-nav-right {
      margin-right:0;
      padding:0;
   }
   .navbar-collapse {
      height: auto;
      overflow-y: scroll;
   }
   .navbar-collapse.show {
      height: 100vh;
      overflow-y: scroll;
   }
   .dropdown-menu {
      background-color:transparent;
      border:0;
      box-shadow: none;
      padding:0;
      margin-top:0px;
      width:100%;
   }

   .dropdown-menu {
      width:100%;
   }

   .dropdown-menu > .dropdown-item {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      position: relative;
      width: calc(100% - 0px);
   }

   .dropdown-menu > .dropdown-item .nav-link {
      padding:20px;
      /*width: calc(100% - 30px);*/
   }
   .dropdown-menu > .dropdown-item .dropdown-link {
      padding:0;
      text-align:center;
   }

   .dropright .dropdown-menu,
   .dropleft .dropdown-menu {
      bottom: 0px;
      right: 0;
      left: 0;
      margin-top: auto;
      margin-left:0;
      position: static;
      float: none;
      width:100%;
   }

   .dropright.show {
      display:block;
   }
   .dropdown-menu.dropdown-menu-end.show {
      height: auto;
      overflow-y: scroll;
      display:block;
      position: static;
      float: none;
      width:100%;
   }

   .extras-nav {
      display:flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
   }

   .hero-container {
      border-bottom:40px solid #db3139;
      max-height:800px;
      overflow:hidden;
   }
}


/*main { background-color:#fff; width:100%; }*/
.main-container {
   background-color:#fff;
   min-height:100vh;
   padding-top: 65px!important;
   position:relative;
}
.page-container {
   background-color:#fff;
   min-height:100vh;
   padding-top: 65px!important;
   position:relative;
   -webkit-transition:all 0.35s ease;
   transition:all 0.35s ease;
}


/*
 * Carousel Featured Project in index
 */
.top-content {
   border:0;
   /*height:740px;*/
}

/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {    
    position: absolute;   
    top: 10%;
    left:35%;
    right:10%;
    z-index:10;
    text-align: right;
    height:5em;
    width: calc(50% - 0%);
}*/
.carousel-caption h2 {
   color: #fff;
   font-size: 2.5em;
   font-weight:700;
   line-height: 1;
   text-shadow:2px 4px 8px var(--darkblue-color);
}
.carousel-control-next, .carousel-control-prev {
   color: #114C78;
   font-size:2.5em;
   opacity: .4;
   transition: opacity .15s ease;
   text-decoration: none;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
   color: #db3139;
   text-decoration: none;
   outline: 0;
   opacity: 1;
}

@media only screen and (max-width: 1440px) and (min-width: 769px) {
   /* .main-container { margin-top: 113px!important; } */
   /* .top-content { border-bottom:40px solid #db3139; } */

   /* Carousel base class */
   /*
   .carousel-item, 
   .carousel-indicators,
   .carousel-controls, 
   .carousel-caption  { top:10%; }*/
   .carousel-caption h2 {
      color:#fff;
      font-size: 1.8rem;
   }
}
@media only screen and (max-width: 768px) and (min-width: 541px) {
   /* .main-container { margin-top: 100px!important; } */
   /* .top-content { border-bottom:30px solid #db3139; } */

   /* Carousel base class */
   /*
   .carousel-item, 
   .carousel-indicators,
   .carousel-controls, 
   .carousel-caption  { top:10%; }*/
   .carousel-caption h2 {
      color:#fff;
      font-size: 1.6rem;
   }
}
@media only screen and (max-width: 540px) and (min-width: 481px) {
   /*
   .main-container { margin-top: 100px!important; }
   .top-content { border-bottom:20px solid #db3139; }
   */

   /* Carousel base class */
   /*
   .carousel-item, 
   .carousel-indicators,
   .carousel-controls, 
   .carousel-caption  { top:10%; }*/
   .carousel-caption h2 {
      color:#fff;
      font-size: 1.2rem;
   }
}
@media only all and (max-width: 480px) and (min-width: 320px) {
   /*
   .main-container { margin-top: 100px!important; }
   .page-container { margin-top: 100px!important; }
   .top-content { border-bottom:10px solid #db3139; }
   */

   /* Carousel base class */
   /*
   .carousel-item, 
   .carousel-indicators,
   .carousel-controls, 
   .carousel-caption  { top:10%; }*/
   .carousel-caption h2 {
      color:#fff;
      font-size: 1.2rem;
   }
}



.index-section-border:after,
.section-border:after {
   background: rgb(0,0,0);
   background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(255,255,255,0.7) 50%);
   content:'';   
   display:block;
   height:1px;
   margin:3em auto 2em;
   width:70%;
}

.section-border:last-of-type::after {
   background: none !important;
}


/* links */

.loadmore {
   background-color: var(--darkblue-color);
   border-radius:.3rem;
   color:#fff;
   font-size:1em;
   font-weight:700;
   text-decoration: none;
   transition:all 0.2s ease 0s;
   -webkit-transition:all 0.2s ease 0s;
}
.loadmore-blog {
   background-color: var(--graphite-color);
   border-radius:.3rem;
   color:#fff;
   font-size:0.875em;
   font-weight:700;
   text-decoration: none;
   transition:all 0.2s ease 0s;
   -webkit-transition:all 0.2s ease 0s;
}
.loadmore:hover,
.loadmore-blog:hover {
   background-color: var(--cyan-color);
   color:#fff;
   box-shadow: 0 0 10px -2px #666;
}


/* Groups Page */

/* -- Some Specials -- */
.skew-container {
   background-color: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: relative;
   width: auto;
}
.skew-large {
   background-color: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: relative;
   width: auto;
}
.skew-background {
   /* background-image: linear-gradient(180deg, var(--cyan-color), var(--fuxia-color)); */
   display:block;
   height:100%;
   width: 100%;
   /* transform: rotate(-6deg); */
}

/* .group-subheader { font-size:1em; } */
.group-description {
   color: var(--darkblue-color);
}

.image-container {
   /* top: 50%; left: 50%; transform: translate(-50%, -50%); position:absolute; */
   height:100%;
   width: 100%;
}
.skew-container .image-container {
   display:block;
   /* z-index:100; */
}
.image-item {
   /* max-height:100%; max-width:100%; */
   position:relative;
}
a .skew-container h3,
a .skew-container.skew-large .image-container h3,
a .skew-container h4,
a .skew-container.skew-large .image-container h4 {
   font-weight:700;
   text-align:center;
   text-decoration:none;
}
a .skew-container h4,
a .skew-container.skew-large .image-container h4 {
   font-size:1em;
   font-weight:500; 
   height:40px;
}

/*
   #first-group .skew-background {
      // background-image: linear-gradient(180deg, var(--green-color), var(--yellow-color)); //
      background-color: var(--green-color);
   }
   #first-group .group-header,
   #first-group .group-subheader {  
      color: var(--green-color);
   }
   #first-group a .skew-container .image-container h3 {  
      color: #fff;
   }

   #second-group .skew-background {
     background-color: var(--yellow-color);
   }
   #second-group .group-header, 
   #second-group .group-subheader { 
      color: var(--yellow-color);
   }
   #second-group a .skew-container .image-container h3 { 
      color: var(--graphite-color);
   }

   #third-group .skew-background {
      background-color: var(--fuxia-color);
   }
   #third-group .group-header, 
   #third-group .group-subheader { 
      color: var(--fuxia-color);
   }
   #third-group a .skew-container .image-container h3 { 
      color: #fff;
   }
*/

.first-group .skew-background {
   /* background-image: linear-gradient(180deg, var(--green-color), var(--yellow-color)); */
   background-color: var(--green-color);
}
.first-group .group-header,
.first-group .group-subheader {
   color: var(--green-color);
}
.first-group a .skew-container .image-container h3,
.first-group a .skew-container .image-container h4 {
   color: #fff;
}

.second-group .skew-background {
   background-color: var(--yellow-color);
}
.second-group .group-header,
.second-group .group-subheader {
   color: var(--yellow-color);
}
.second-group a .skew-container .image-container h3,
.second-group a .skew-container .image-container h4 {
   color: var(--graphite-color);
}

.third-group .skew-background {
   background-color: var(--fuxia-color);
}
.third-group .group-header,
.third-group .group-subheader {
   color: var(--fuxia-color);
}
.third-group a .skew-container .image-container h3,
.third-group a .skew-container .image-container h4 {
   color: #fff;
}

.forth-group .skew-background {
   background-color: var(--cyan-color);
}
.forth-group .group-header,
.forth-group .group-subheader {
   color: var(--cyan-color);
}
.forth-group a .skew-container .image-container h3,
.forth-group a .skew-container .image-container h4 {
   color: #fff;
}

a .skew-container h3,
a .skew-container.skew-large image-container h3,
a .skew-container.skew-large image-container h4 {
   font-weight:700;
   text-align:center;
   text-decoration:none;
}




/* Program page */

.advantages-list li {
   color:var(--darkblue-color);
   font-size:1.2em;
   margin-bottom:2.3em;
}

.advantages-list li:last-of-type {
   color:var(--darkblue-color);
   font-size:1.2em;
   margin-bottom:0;
}


.followus-subtitle, .followus-message {
   font-family: 'Comfortaa', sans-serif;
   font-size:1em;
   line-height:1;
}

/*
 * Footer Prefooter and Signature
 */
footer {
   background-color: #f5f5f5;
   height:auto;
   font-family:'Comfortaa', sans-serif;
}
.scm-ic {
   color:var(--cyan-color);
   text-decoration:none;
   transition:all 0.2s ease 0.2s;
   -webkit-transition:all 0.2s ease 0.2s;
}
.scm-ic:hover {
   color:var(--fuxia-color);
}
.signature {
   background-color:#fff;
   height:auto;
   display:flex;
   align-items: center;
   justify-content: space-around;
   flex-direction: row;
   text-align:center;
   font-family:'Comfortaa', sans-serif;
}
.signature-text  {
   color:var(--darkblue-color);
   font-size:0.825em;
   font-weight:400;
}
.signature-text .copyright,
.signature-text .dev_by,
.signature-text .dev_by_link {
   color:var(--darkblue-color);
}
.signature-text .copyright,
.signature-text .dev_by_link {
   text-decoration:none;
   font-weight:800;
}
.signature-text .dev_by_link:hover {
   color:#dc3237;
}



/* Calendar */
.bg-light-gray {
   background-color: #f7f7f7;
}
.table-bordered thead td, .table-bordered thead th {
   border-bottom-width: 2px;
}
.table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
   border: 1px solid #dee2e6;
}


.bg-sky.box-shadow {
   box-shadow: 0px 5px 0px 0px #00a2a7
}

.bg-orange.box-shadow {
   box-shadow: 0px 5px 0px 0px #af4305
}

.bg-green.box-shadow {
   box-shadow: 0px 5px 0px 0px #4ca520
}

.bg-yellow.box-shadow {
   box-shadow: 0px 5px 0px 0px #dcbf02
}

.bg-pink.box-shadow {
   box-shadow: 0px 5px 0px 0px #e82d8b
}

.bg-purple.box-shadow {
   box-shadow: 0px 5px 0px 0px #8343e8
}

.bg-lightred.box-shadow {
   box-shadow: 0px 5px 0px 0px #d84213
}

.bg-blue {
   background-color: var(--cyan-color)
}
.bg-sky {
   background-color: #02c2c7
}

.bg-orange {
   background-color: #e95601
}

.bg-green {
   background-color: #5bbd2a
}

.bg-yellow {
   background-color: #f0d001
}

.bg-pink {
   background-color: #e22a38;
}

.bg-purple {
   background-color: #9d60ff
}

.bg-lightred {
   background-color: #ff5722
}

.padding-15px-lr {
   padding-left: 15px;
   padding-right: 15px;
}
.padding-5px-tb {
   padding-top: 5px;
   padding-bottom: 5px;
}
.margin-10px-bottom {
   margin-bottom: 10px;
}
.border-radius-5 {
   border-radius: 5px;
}

.margin-10px-top {
   margin-top: 10px;
}
.font-size16 {
   font-size: 15px;
}
.font-size14 {
   font-size: 14px;
}

.text-light-gray {
   color: #d6d5d5;
}
.font-size13 {
   font-size: 13px;
}

.table-bordered td, .table-bordered th {
   border: 1px solid #dee2e6;
}
.table td, .table th {
   padding: .75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6;
}

/* Breacrump */
/* START breadcrumb style */

.breadcrumb {
   background-color:transparent;
   width:auto;
}
.breadcrumb li,
.breadcrumb li.active,
.breadcrumb li#here,
.breadcrumb li a {
   color:var(--breadcrumb-link);
   font-size:0.825em;
   font-weight:400;
   text-transform: uppercase;
}
.breadcrumb li.active,
.breadcrumb li#here {
   color:var(--cyan-color);
   font-size:0.825em;
   font-weight:400;
}
.breadcrumb li a:hover {
   color:var(--cyan-color);
}
/* END__ breadcrumb style */


@media only all and (max-width: 539px) and (min-width: 280px) {
   h1 {
      color:var(--darkblue-color);
      font-size:1.6em;
   }
   h2 {
      color:#999;
      font-size:1.2em;
   }
   h3 {
      font-size:1em;
   }
   h4 {
      font-size:0.9em;
   }
   h5 {
      font-size:0.9em;
   }
   h6 {
      font-size:0.9em;
   }
   p {
      font-size:1.0em;
      line-height:1.5;
      letter-spacing:0.3px;
   }

   h1.index-title {
      font-size:1.6em;
   }
   h2.index-subtitle {
      color:#999;
      font-size: 1.2em;
   }

   h2.index-section-title {
      color:#999;
      font-size: 1.2em;
   }
   h3.index-section-subtitle {
      font-size: 1.15em;
   }
   
   .advantages-list li {
      font-size: 1em;
      margin-bottom: 1.2em;
  }
  
  .advantages-list li:last-of-type {
    font-size: 1em;
    margin-bottom: 0;
}
}