html * {font-family:Roboto,Arial;color:#5E5E5E; transition:all 0.5s}
html {scroll-behavior: smooth;}
body {background-color:#FFFFFF; animation: fadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards;}
@keyframes fadeInAnimation {  0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes slideit {  50% {background-position: bottom;}}
@keyframes zoom { 50% {  background-size:120%;background-position:center center }}
@keyframes pan { 50% {  background-position:bottom center }}
@keyframes colorize { 50% { filter: grayscale(100%);}}
a {text-decoration:none}
h1,h2,h3,h4,h5 {font-family:"Oswald";}
.text-small {font-size:10pt}

header {background-image: linear-gradient(to right, #29419D,#5270D4);}
.navbar-brand {width:100%;max-width:450px;}
.navbar ul.navbar-nav li.nav-item a  {font-size:13pt;paddding:10px;padding-right:15px;;color:#FFFFFF}
.navbar .dropdown-menu {background:#3F7CD7;}
.navbar .dropdown-menu a {border-bottom:1px solid #6794DF;}
.navbar .dropdown-menu a:hover{background:#2454A2;}
.topbutton {display:inline-block;background:#FE6400;border-radius:15px;padding:5px;color:#FFFFFF;margin:5px;margin-left:0;min-width:100px;text-align:center}

.slider-wrapper {background-image: linear-gradient(to right, #29419D,#5270D4);}
.slider-wrapper h1 {font-weight:bold;color:#FFFFFF;}
.slider-wrapper h1 span {font-weight:bold;color:#FDBD31;}
.slider-wrapper p {color:#D1F1F7;font-size:14pt}
.slider-pic {height:70vh;background-position:center center;background-size:cover;}
.slider-button {display:inline-block;background:#E5A900;border-radius:20px;padding:10px;color:#FFFFFF;margin:5px;margin-left:0;min-width:120px;text-align:center}
.slider-alt-button {display:inline-block;background:#FFFFFF;border:1px solid #5711B2;border-radius:20px;padding:10px;color:#FFFFFF;margin:10px;margin-left:0;min-width:120px;text-align:center;color:#5711B2}

.home-section {clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);padding-top:55px;padding-bottom:55px}
.home-section h2 {font-size:30pt;color:#FFFFFF}
.home-section p {color:#FFFFFF;font-size:14pt;margin-bottom:25px;text-align:justify}
.section-btn {border:2px solid #FFFFFF;border-radius:15px;padding:10px;color:#FFFFFF;font-size:14pt;float:right}

.highlight {margin-top:25px}
.highlight img {border:5px dashed #FFDA7F;width:150px;height:150px;border-radius:50%;display:block;margin:10px auto}
.highlight img:hover {transform: scale(1.2, 1.2);}
.highlight h5 {font-size:16pt;color:#DDA303}
.highlights p {font-size:11pt; text-align:justify;padding:5px}
.highlight-btn i {font-size:18pt;color:#DDA303;}

.feature {margin-top:50px;background-image: linear-gradient(to right, #29419D,#5270D4,#29419D);padding-top:25px;padding-bottom:25px;border-radius:50px 50px 20px 20px }
.feature-slide h4 {color:#FFFFFF;font-size:24pt}
.feature-slide p {color:#FFFFFF;font-size:12pt}


.page-wrapper {margin-top:25px;margin-bottom:25px}
.page-wrapper h2,h3,h4,h5 {color:#504357}
.page-wrapper ul { list-style: none;}
.page-wrapper li {list-style-image: url("images/check.png");margin-top:10px;}
.page-wrapper p {text-align:justify}
.page-title {background-image: linear-gradient(to right, #29419D,#5270D4);padding:10px;text-align:center;color:#FFFFFF}
.section-wrapper {margin-top:35px}
.section-title {text-align:center;padding:10px;color:#616267;font-size:26pt;}

.sidebar-menu {background-image: linear-gradient(to right, #D95B43, #B93B27,#D95B43);padding:5%;padding-bottom:50px;border-radius:10px;border-bottom-left-radius: 50% 100px;  border-bottom-right-radius: 50% 100px;position: sticky;margin-top:20px; top:75px}
.sidebar-menu h5 {color:#F6D55C;font-size:18pt;letter-spacing:1px;padding-left:15px}
.sidebar-menu ul {list-style: none; padding-left: 10px}
.sidebar-menu a {text-decoration:none;color:#EAEAEA; display:block;padding:5px;border-top:1px solid #D52355}
.sidebar-menu a:hover {text-decoration:none;color:#FAE15A}

.news-section {background-image: linear-gradient(to right, #F5F5F5,#E7E7E7);padding:20px;border-top:4px dashed #FFD357;border-bottom:4px dashed #FFD357;}
.news-box {padding:10px}
.news-box h5 {margin-top:10px;color:#6A5BAD}
.news-pic {background-size:cover;height:175px;border-radius:15px;}
.news-box p {font-size:9pt}

.form-control {border-radius:15px;margin-top:5px}
.btn-rounded {border-radius:15px}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.ribbon {
  --s: 1.8em; /* the ribbon size */
  --d: .8em;  /* the depth */
  --c: .8em;  /* the cutout part */
  
  padding: var(--d) calc(var(--s) + .5em) 0;
  line-height: 1.8;
  background:
    conic-gradient(from  45deg at left  var(--s) top var(--d),
     #0008 12.5%,#0000 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(from -45deg at right var(--s) top var(--d),
     #0004 62.5%,#0000 0 87.5%,#0008 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 0,calc(var(--s) + var(--d)) 0,calc(var(--s) + var(--d)) var(--d),calc(100% - var(--s) - var(--d)) var(--d),calc(100% - var(--s) - var(--d)) 0,100% 0, calc(100% - var(--c)) calc(50% - var(--d)/2),100% calc(100% - var(--d)),calc(100% - var(--s)) calc(100% - var(--d)),calc(100% - var(--s)) 100%,var(--s) 100%,var(--s) calc(100% - var(--d)),0 calc(100% - var(--d)),var(--c) calc(50% - var(--d)/2));
  background-color: #D95B43; /* the main color */
}

footer {
    background-image: linear-gradient(to right, #F5F5F5,#E7E7E7);padding-top:15px; padding-bottom:15px;margin-top:25px}
.footer-text {
    text-align:justify;
    font-size:9pt;
    letter-spacing:1pt
}
.footer-links h5 {
    color:#6E4581;
	font-size:12pt;
}
.footer-links a {
    display:block;
    font-size:10pt;
    color:#4D4D4D;
    margin-bottom:5px;
    text-decoration:none
}
.footer-links a:hover {
    color:#6E4581
}
footer address {
    color:#4D4D4D;
    font-size:10pt
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:0px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:rgba(255, 255, 255, 0.2);;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#7B7B7B;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#3B3B3B}


.owl-carousel-stacked {  margin-top: 20px;}
.owl-carousel-stacked .owl-item.center {  transform: scale(1) !important;  -webkit-box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);  -moz-box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);  box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);}
.owl-carousel-stacked .owl-item {  transition: all 0.5s;  transform: scale(0.7) !important;}
.owl-carousel-stacked .left-of-center {  transform: scale(0.7) translateX(50%) !important;}
.owl-carousel-stacked .right-of-center {  transform: scale(0.7) translateX(-50%) !important;}
.owl-carousel-stacked .center {  z-index: 2;}
.owl-carousel-stacked .owl-carousel {  position: relative;}
.owl-carousel-stacked .owl-prev,.owl-carousel-stacked .owl-next {  position: absolute;  top: 50%;  margin-top: -10px;  cursor: pointer;  color: #ddd !important;}
.owl-carousel-stacked .owl-prev {  left: 0; font-size:18pt}
.owl-carousel-stacked .owl-next {  right: 0; font-size:18pt}
.owl-carousel-stacked .owl-dots {  text-align: center;}
.owl-carousel-stacked .owl-dot {  cursor: pointer;  background-color: #ddd !important;  width: 20px;  height: 20px;  display: inline-block;  margin: 10px 2px;}
.owl-carousel-stacked .owl-dot.active {  background-color: #d2181f !important;}
.owl-carousel-stacked .owl-stage-outer {  padding: 25px 0;}

@media (max-width:720px) {
.navbar-brand {max-width:280px;}
}