@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=PT+Sans:wght@400;700&display=swap');

:root {
--app-container-width: 1200px;
--app-primary-color:#fab702;
}

body {
font-family: 'Montserrat', sans-serif;
font-size:16px; 
}

html, body, body .outer-container { height:auto; min-height:100%; }
body .outer-container  { background-color:#f8f9f9; }

body.home .section-contentarea > .contentbuilder-inner .row  .col-xs-12.silo-lists  { padding-top:40px !important; padding-bottom:40px !important; }

.section-contentarea { background-color:transparent !important; }

.section-contentarea > .contentbuilder-inner { width:100%; max-width:1200px; margin:0 auto; padding:0 !important; }
.app-inner-container { width:100%; max-width:1200px; margin:0 auto; }
.app-inner-container > .inner { padding-left:16px; padding-right:16px; }

body.home .silo-lists.silo-card .silo-card-wrapper  {padding-top:60px !important; padding-bottom:60px !important; }

.app-banner-container { width:100%; height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover;
display:flex; overflow:hidden; }
.app-banner-container > .app-inner-container {height:100%; }

.app-banner-container > .app-inner-container h2 { padding-top:100px; color:#fff; font-size:45px; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase; 	animation: slide-in-anim 1.5s ease-out 0.5s forwards; 	transform: translateX(200%);	opacity: 0;  transition:all 0.15s ease; text-shadow: 0 10px 8px rgba(0,0,0,0.04), 0 4px 3px rgb(0 0 0 / 0.1) }

.app-slogan-container { font-size:28px; line-height:1.5; }
.app-slogan-container .inner {padding-top:22px; padding-bottom:22px;}

.app-image-container { text-align:center; padding-bottom:30px; }
.app-image-container img { margin:0 !important; width:100%; }

.app-text-container {padding-bottom:30px; }
.app-text-container h3 { font-size: 20px;font-family: 'PT Sans', sans-serif; line-height:1.6; font-weight:600; margin:0 !important; padding-bottom:24px; color:#000; }
.app-text-container.app-text-container-bottom h3 { color:#666; }
.app-text-container p, .app-text-container div { font-size: 16px;font-family: 'PT Sans', sans-serif; line-height:1.6;  color:#666;}
.app-text-container p { margin:0 !important; padding-bottom:28px;}
.app-text-container ul.app-custom-list > li { font-size: 16px;font-family: 'PT Sans', sans-serif; line-height:1.6;  color:#666; padding-bottom:28px}
.app-text-container .app-grid-3 { display:grid;    grid-template-columns: repeat(3, minmax(0, 1fr)); gap:28px; }


@media (max-width:767px) {
.app-banner-container > .app-inner-container h2 { padding-top:22px; font-weight:600; font-size:24px; ; }
.app-slogan-container { font-size:18px;  }
.app-slogan-container .inner {padding-top:16px; padding-bottom:16px;}
body.home .silo-lists.silo-card  .silo-card-wrapper {padding-top:30px !important; padding-bottom:30px !important; }
.app-text-container .app-grid-3 {    grid-template-columns: repeat(1, minmax(0, 1fr));; gap:0px; }
}

.contentbuilder-contentarea > .contentbuilder-inner, .contentbuilder-contentarea > .contentbuilder-inner > .row, .contentbuilder-contentarea > .contentbuilder-inner > .row .column, .section-contentarea > .contentbuilder-inner .row, .section-contentarea > .contentbuilder-inner .row .column, .section-contentarea > .contentbuilder-inner .row  .col-xs-12 { padding:0 !important; margin:0 !important; width:100%; max-width:100%; }

.contentbuilder-css, .section-contentarea > .contentbuilder-inner .row, .section-contentarea > .contentbuilder-inner .row .column , .section-contentarea > .contentbuilder-inner .row .col-xs-12 {font-family: 'Montserrat', sans-serif;}

.section-contentarea > .contentbuilder-inner .row  .col-md-6 {  width:50%; max-width:50%; }

@keyframes slide-in-anim {
	20% {
		opacity: 0;
	}
	60% {
		transform: translateX(-5%);
	}
	75% {
		transform: translateX(2%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

#silo-list-more { border-top:none; background-color:#fff; }
#silo-list-more .contentbuilder-silolist {     margin: 60px auto;  padding-bottom:60px;     padding-left:20px; padding-right:20px; position: relative;     max-width: var(--app-container-width) !important; background:#fff; }
#silo-list-more .sl-header hr {display:none;}
#silo-list-more .sl-header-title {     font-size:1.6rem !important;    line-height: 1.6 !important;    color: #000;; margin-bottom:20px; display:inline-block; }
#silo-list-more .silo-thumbanil { width:42px; height:42px; }
#silo-list-more  .silo-list-item { height: 42px; margin-bottom:14px;}
#silo-list-more  .silo-list-item  .silo-pagetitle {font-weight:normal;font-size: 16px; line-height:1.3; display:flex; align-items:center;}
#silo-list-more  .silo-list-item  .silo-title {font-size: 16px;font-family: 'PT Sans', sans-serif; line-height:1.4;  color:#666;}
#silo-list-more  .silo-list-item img.silo-thumbanil { border-radius:6px;}
#silo-list-more .contentbuilder-css a { color:#666 !important; }


#silo-list-more .section-contentarea-inner a { text-decoration:none !important; transition:all 0.15s ease !important; }
#silo-list-more .section-contentarea-inner a:hover { text-decoration:underline !important; }

@media(max-width:767px) {

#silo-list-more .contentbuilder-silolist {   margin: 30px auto;  padding:0 16px 30px;   }
#silo-list-more .silo-thumbanil { width:36px; height:36px; }
#silo-list-more .silo-list-item img.silo-thumbanil { border-radius:4px;}
}


.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 0.5s ease-in;
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}