html {
 height:100%
}
#body-wrapper .container {
 padding:2rem 0 2rem
}
.header-fixed #body-wrapper {
 padding-top:4rem
}
.header-fixed .hero+#start>#body-wrapper {
 padding-top:0
}
section.section {
 position:relative;
 padding-right:1rem;
 padding-left:1rem
}
.overlay-dark,.overlay-dark-gradient,.overlay-light,.overlay-light-gradient {
 z-index:0
}
.hero {
 display:-ms-flexbox;
 display:flex;
 padding-top:6rem;
 padding-bottom:7rem;
 background-position:center;
 background-size:cover;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.hero h1 {
 font-size:4rem;
 color:#242931
}
.hero h2 {
 font-size:2.5rem;
 color:rgba(36,41,49,.8)
}
.hero.hero-fullscreen {
 min-height:100vh
}
.hero.hero-large {
 min-height:500px
}
.hero.hero-medium {
 min-height:400px
}
.hero.hero-small {
 min-height:110px
}
.hero.hero-tiny {
 min-height:8rem
}
.header-fixed .hero {
 background-position:50% 0
}
@media (max-width:840px) {
 .hero h1 {
  font-size:3rem
 }
 .hero h2 {
  font-size:1.75rem
 }
}
@media (max-width:600px) {
 .hero h1 {
  font-size:2rem
 }
 .hero h2 {
  font-size:1.25rem
 }
}
.hero.text-light h1 {
 color:#fff
}
.hero.text-light h2 {
 color:rgba(255,255,255,.8)
}
.hero p {
 font-size:.9rem;
 font-weight:300
}
.hero #to-start {
 font-size:2rem;
 position:absolute;
 bottom:10px;
 display:inline-block;
 cursor:pointer
}
.image-overlay {
 position:absolute;
 z-index:-1;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.overlay-light .image-overlay {
 background:rgba(255,255,255,.4)
}
.overlay-light-gradient .image-overlay {
 background:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.2))
}
.overlay-dark .image-overlay {
 background:rgba(0,0,0,.4)
}
.overlay-dark-gradient .image-overlay {
 background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.2))
}
html {
 font-size:16px
}
@media screen and (min-width:480px) {
 html {
  font-size:calc(16px + 4 * ((100vw - 480px)/ 800))
 }
}
@media screen and (min-width:1280px) {
 html {
  font-size:20px
 }
}
h1,h2,h3,h4,h5,h6 {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
 margin-top:2rem;
 color:#3a414e
}
.h1,h1 {
 font-size:3rem
}
.h2,h2 {
 font-size:1.8rem
}
.h6,h6 {
 font-weight:400
}
.title-center h1,.title-center h2 {
 text-align:center
}
.title-h1h2 h1 {
 font-weight:100;
 line-height:1.1;
 margin-bottom:0
}
.title-h1h2 h1 bold,.title-h1h2 h1 strong {
 font-weight:400
}
.title-h1h2 h1+h2 {
 line-height:1.1;
 margin-top:0
}
.title-center h1+h2,.title-h1h2 h1+h2 {
 font-weight:700;
 margin-bottom:50px
}
a:focus {
 outline:0!important;
 box-shadow:none!important
}
img {
 max-width:100%
}
pre code,pre.xdebug-var-dump {
 line-height:1.5;
 display:block;
 overflow-x:auto;
 padding:1rem!important;
 color:inherit;
 border-radius:2px;
 background:#fafafa
}
pre code:not(.hljs) {
 background:#f8f8f8
}
i.fa.fa-heart-o.pulse,i.fa.fa-heart.pulse {
 color:#920
}
b,strong {
 font-weight:700
}
.heavy {
 font-weight:700
}
.light {
 font-weight:200
}
.text-light {
 color:rgba(255,255,255,.8)
}
.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6 {
 color:rgba(255,255,255,.9)
}
#error {
 position:relative;
 margin-top:5rem;
 text-align:center
}
#error .icon {
 font-size:50px
}
#messages {
 margin-bottom:1rem
}
#messages .icon {
 font-size:1rem
}
ol,ul {
 margin-left:1.6rem
}
ol ol,ol ul,ul ol,ul ul {
 margin-left:1.6rem
}
ul {
 list-style:disc outside
}
ol {
 list-style:decimal outside
}
.notices {
 margin:1.5rem 0
}
.notices p {
 margin:1rem 0
}
form .button-wrapper {
 margin-top:.75rem;
 margin-bottom:1rem
}
form span.required {
 font-size:1.2rem;
 font-weight:700;
 color:#e85600
}
form .form-input[type=range] {
 -webkit-appearance:slider-horizontal;
 -moz-appearance:slider-horizontal;
 appearance:slider-horizontal
}
form .form-input[type=range]:focus {
 border:none;
 box-shadow:none
}
#grav-login>form {
 max-width:350px;
 margin:2rem auto 0
}
#grav-login .form-label {
 display:none
}
#grav-login .form-data {
 margin:1rem 0
}
#grav-login .form-input {
 text-align:center
}
#grav-login .button-wrapper {
 text-align:right
}
#grav-login .button-wrapper .form-data.rememberme {
 float:left;
 margin:0
}
#grav-login .button-wrapper button[type=submit] {
 color:#fff;
 border-color:#227ded;
 background:#3085ee
}
#grav-login .button-wrapper button[type=submit]:focus,#grav-login .button-wrapper button[type=submit]:hover {
 color:#fff;
 border-color:#1370e3;
 background:#1877ec
}
#grav-login .button-wrapper button[type=submit].active,#grav-login .button-wrapper button[type=submit]:active {
 color:#fff;
 border-color:#126bd9;
 background:#1372e7
}
.mobile-container {
 position:absolute;
 z-index:2;
 top:40%;
 left:0;
 margin:0 auto
}
.mobile-logo img,.mobile-logo svg {
 height:42px;
 margin-top:.7rem;
 margin-left:1.4rem
}
.mobile-logo img path,.mobile-logo svg path {
 fill:#fff
}
.mobile-menu {
 z-index:3;
 top:0;
 right:0;
 display:none
}
.header-fixed .mobile-menu {
 position:fixed
}
@media (max-width:840px) {
 .mobile-menu {
  display:block
 }
}
.mobile-menu .button_container {
 position:absolute;
 z-index:100;
 top:1.3rem;
 right:1rem;
 width:28px;
 height:24px;
 cursor:pointer;
 transition:opacity .25s ease,top .5s ease
}
.mobile-menu .button_container:hover {
 opacity:.7
}
.mobile-menu .button_container.active {
 position:fixed
}
.mobile-menu .button_container.active .top {
 transform:translateY(8px) translateX(0) rotate(45deg);
 background:#fff
}
.mobile-menu .button_container.active .middle {
 opacity:0;
 background:#fff
}
.mobile-menu .button_container.active .bottom {
 transform:translateY(-8px) translateX(0) rotate(-45deg);
 background:#fff
}
.mobile-menu .button_container span {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:4px;
 cursor:pointer;
 transition:all .35s ease;
 border:none;
 background:#3085ee
}
.mobile-menu .button_container span:nth-of-type(2) {
 top:8px
}
.mobile-menu .button_container span:nth-of-type(3) {
 top:16px
}
.overlay {
 position:fixed;
 top:0;
 left:0;
 visibility:hidden;
 width:100%;
 height:0;
 transition:opacity .35s,visibility .35s,height .35s;
 opacity:0;
 background:#000
}
.overlay.open {
 visibility:visible;
 height:100%;
 opacity:.95
}
.overlay nav {
 position:relative;
 margin:0 auto;
 text-align:center
}
.overlay-menu {
 overflow-y:scroll;
 height:calc(100% - 90px)
}
.overlay-menu>.tree {
 text-align:left
}
.treemenu.treemenu-root {
 margin:1rem
}
.treemenu li {
 line-height:1.2rem;
 margin:0 0 1px;
 padding:5px 0;
 list-style:none;
 background:rgba(102,113,137,.1)
}
.treemenu li a {
 font-size:1rem;
 display:block;
 margin-left:1.2rem
}
.treemenu li a.active,.treemenu li a:focus,.treemenu li a:hover {
 text-decoration:none;
 color:#3e8def!important
}
.treemenu ul {
 margin:0 0 0 1rem
}
.treemenu .toggler {
 font-size:1.1rem;
 line-height:1rem;
 float:left;
 padding-left:5px;
 cursor:pointer;
 vertical-align:top
}
.treemenu .toggler:before {
 display:inline-block;
 margin-right:2pt
}
.treemenu li.tree-empty>.toggler {
 cursor:default;
 opacity:.3
}
.treemenu li.tree-empty>.toggler:before {
 content:'\2022'
}
.treemenu li.tree-closed>.toggler:before {
 content:'+'
}
.treemenu li.tree-opened>.toggler:before {
 content:'\2212'
}
.mobile-nav-open {
 overflow-y:hidden
}
#header,#header .logo img,#header .logo svg,#header .navbar-section,.default-animation,.modular-features .feature-icon,.modular-features.small .feature-icon i {
 transition:all .5s ease
}
.pulse {
 transform-origin:70% 70%;
 animation-name:pulse_animation;
 animation-duration:2s;
 animation-timing-function:linear;
 animation-iteration-count:infinite
}
@keyframes pulse_animation {
 0% {
  transform:scale(1)
 }
 30% {
  transform:scale(1)
 }
 40% {
  transform:scale(1.08)
 }
 50% {
  transform:scale(1)
 }
 60% {
  transform:scale(1)
 }
 70% {
  transform:scale(1.05)
 }
 80% {
  transform:scale(1)
 }
 100% {
  transform:scale(1)
 }
}
#header {
 font-size:.7rem;
 font-weight:700;
 width:100%;
 height:4rem;
 color:#454d5d;
 border-bottom:1px solid rgba(172,179,194,.2);
 background:#fff;
 box-shadow: #898989 0px 2px 6px 1px;
}
#header a {
 color:#454d5d
}
#header .logo svg path {
 fill:#222
}
.header-dark #header:not(.scrolled) {
 color:#fff;
 background:#222
}
.header-dark #header:not(.scrolled) a {
 color:rgba(255,255,255,.7)!important
}
.header-dark #header:not(.scrolled) a.active {
 color:#fff!important
}
.header-dark #header:not(.scrolled) .dropmenu ul ul a {
 color:#454d5d!important
}
.header-dark #header:not(.scrolled) .logo svg path {
 fill:#fff
}
.header-dark.header-transparent #header:not(.scrolled) {
 background:rgba(0,0,0,.05)
}
.header-transparent #header:not(.scrolled) {
 background:rgba(255,255,255,.05)
}
#header .navbar-section {
 height:4rem
}
@media (max-width:840px) {
 #header .navbar-section {
  margin-right:2rem
 }
}
@media (max-width:840px) {
 #header .navbar-section.desktop-menu {
  display:none
 }
}
#header .logo img,#header .logo svg {
 display:inherit;
 height:42px
}
.header-fixed #header {
 position:fixed;
 z-index:2;
 top:0
}
body.header-fixed.header-animated #header.scrolled {
 height:2.3rem
}
body.header-fixed.header-animated #header.scrolled .navbar-section {
 height:2.3rem
}
body.header-fixed.header-animated #header.scrolled .logo img,body.header-fixed.header-animated #header.scrolled .logo svg {
 height:28px
}
body.header-fixed.header-animated #header.scrolled~.mobile-menu .button_container {
 top:.5rem
}
.login-status-wrapper {
 white-space:nowrap
}
body.sticky-footer {
 display:-ms-flexbox;
 display:flex;
 flex-direction:column;
 height:100%;
 min-height:100vh;
 -ms-flex-direction:column
}
body.sticky-footer #page-wrapper {
 -ms-flex:1 0 auto;
 flex:1 0 auto
}
#footer {
 padding:1rem 1rem 0;
 text-align:center;
 color:#fff;
 background: #1a334d !important;
}
@media (max-width:840px) {
 .dropmenu {
  display:none
 }
}
.dropmenu ul {
 display:-ms-flexbox;
 display:flex;
 margin:0;
 white-space:nowrap
}
.dropmenu ul li {
 position:relative;
 margin:0
}
.dropmenu ul li a {
 display:block;
 padding:7px 30px 7px 20px;
 text-decoration:none
}
.dropmenu ul li a.active,.dropmenu ul li a:focus,.dropmenu ul li a:hover {
 color:#3085ee!important
}
.dropmenu ul li a:before {
 font-family:FontAwesome;
 display:inline-block;
 float:right;
 margin-right:-20px;
 content:'\f107';
 vertical-align:middle
}
.dropmenu ul li a:only-child {
 padding-right:20px
}
.dropmenu ul li a:only-child:before {
 content:''
}
.dropmenu ul li:hover>ul {
 display:block;
 visibility:visible
}
.dropmenu ul ul li a:before {
 content:'\f105'
}
.dropmenu ul ul {
 position:absolute;
 top:100%;
 visibility:hidden;
 list-style:none;
 background:#fff;
 box-shadow:0 3px 5px rgba(0,0,0,.1)
}
.dropmenu ul ul ul {
 position:absolute;
 top:0;
 left:100%
}
.dropmenu>ul>li {
 display:inline-block
}
.dropmenu.animated ul li {
 transition:background .7s,color .5s
}
.dropmenu.animated ul li:hover>ul {
 transform:translateY(0);
 opacity:1
}
.dropmenu.animated ul ul {
 transition:transform .3s,opacity .5s;
 transform:translateY(-10px);
 opacity:0
}
.extra-spacing:not(.col-12),:not(.col12)>.e-content {
 padding-right:1rem
}
@media (max-width:840px) {
 .extra-spacing:not(.col-12),:not(.col12)>.e-content {
  padding-right:0
 }
}
#breadcrumbs {
 display:-ms-flexbox;
 display:flex;
 margin-top:-1rem;
 margin-bottom:1rem;
 padding-left:0;
 -ms-flex-align:center;
 align-items:center
}
#breadcrumbs i {
 display:none
}
#breadcrumbs a,#breadcrumbs span {
 padding:0 .5rem
}
#breadcrumbs a:first-child,#breadcrumbs span:first-child {
 padding-left:0
}
#breadcrumbs a:not(:first-child)::before,#breadcrumbs span:not(:first-child)::before {
 padding-right:1rem;
 content:'/';
 color:#e7e9ed
}
.blog-listing .bricklayer-column {
 padding-right:25px;
 padding-left:0
}
.blog-listing .card {
 margin-bottom:25px;
 border:0;
 box-shadow:0 10px 45px -9px rgba(0,0,0,.1)
}
.blog-listing .card-footer {
 text-align:right
}
.blog-listing .blog-date {
 font-size:13px
}
.content-title {
 margin-bottom:2rem
}
.content-title h2 {
 margin-bottom:.5rem
}
.label {
 font-size:12px;
 text-transform:uppercase
}
ul.pagination {
 -ms-flex-pack:center;
 justify-content:center
}
.prev-next {
 margin-top:4rem
}
#sidebar ul.related-pages {
 padding:0;
 box-shadow:none
}
#sidebar ul.related-pages li {
 border-bottom:1px solid #e7e9ed
}
#sidebar ul.related-pages li:last-child {
 border-bottom:0
}
#sidebar ul.archives {
 margin-left:0;
 list-style:none
}
#sidebar ul.archives .label {
 vertical-align:text-top
}
.modular-hero #to-start {
 bottom:3.5rem
}
.modular-features {
 text-align:center
}
.modular-features.offset-box .frame-box {
 margin:-3rem -1.4rem 3rem;
 padding:1rem 1rem;
 background:#fff;
 box-shadow:0 0 75px 0 rgba(69,77,93,.1)
}
.modular-features.small .columns {
 margin-top:-1rem
}
.modular-features.small .column:hover .feature-icon i {
 color:#3085ee
}
.modular-features.small .feature-icon {
 display:block;
 -ms-flex-pack:left;
 justify-content:left
}
.modular-features.small .feature-icon i {
 font-size:70px;
 position:relative;
 top:auto;
 left:auto;
 display:inherit;
 margin:0 auto 1rem;
 transform:none;
 color:#acb3c2
}
.modular-features.small .feature-icon h6 {
 text-transform:none
}
.modular-features .frame-box {
 padding:3rem 0
}
.modular-features .frame-box>p {
 max-width:600px;
 margin-right:auto;
 margin-left:auto
}
.modular-features .column {
 padding:1rem
}
.modular-features .column:hover .feature-icon {
 color:#acb3c2
}
.modular-features .column:hover .feature-icon h6 {
 color:#3085ee
}
.modular-features .column:hover .feature-content {
 color:#667189
}
.modular-features .feature-icon {
 font-size:130px;
 position:relative;
 display:-ms-flexbox;
 display:flex;
 height:100px;
 margin:1rem 0;
 color:#e7e9ed;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.modular-features .feature-icon i {
 position:absolute;
 top:50%;
 left:50%;
 transform:translateX(-50%) translateY(-50%)
}
.modular-features .feature-icon h6 {
 font-weight:600;
 line-height:1;
 z-index:1;
 display:block;
 margin:0;
 text-transform:uppercase;
 color:#667189;
 background:#fff
}
.modular-features .feature-content {
 color:#acb3c2
}
.modular-text {
 padding-top:4rem;
 padding-bottom:4rem
}
.modular-text .columns.left {
 flex-direction:row-reverse;
 -ms-flex-direction:row-reverse
}