/*  */

@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');

.at-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.at-item {
  width: 100px;
  height: 100px;
  background-color:#ffe672;
  animation-name: slit-in-horizontal;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes slit-in-horizontal {
  0%{
    -webkit-transform: translateZ(-800px) rotateX(90deg);
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  20%{
    -webkit-transform: translateZ(-160px) rotateX(87deg);
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100%{
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
  }
}

/*  */

html { font-family: sans-serif; }
body { margin: 0px; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0px; }
a { background: transparent none repeat scroll 0% 0%; }
a:active, a:hover { outline: 0px none; }
h1 { margin: 0.67em 0px; font-size: 2em; }
img { border: 0px none; }
svg:not(:root) { overflow: hidden; }
hr { height: 0px; box-sizing: content-box; }
button, input, optgroup, select, textarea { margin: 0px; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0px; border: 0px none; }

* { box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }
html { font-size: 10px; }
body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); /*background-color: rgb(255, 255, 255);*/ }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: rgb(66, 139, 202); text-decoration: none; }
a:hover, a:focus { color: rgb(42, 100, 150); text-decoration: underline; }
a:focus { outline: thin dotted; outline-offset: -2px; }
img { vertical-align: middle; }
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) -moz-use-text-color -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h1, .h1 { font-size: 36px; }
h5, .h5 { font-size: 14px; }
p { margin: 0px 0px 10px; }
blockquote footer::before, blockquote small::before, blockquote .small::before { content: "— "; }
.blockquote-reverse footer::before, blockquote.pull-right footer::before, .blockquote-reverse small::before, blockquote.pull-right small::before, .blockquote-reverse .small::before, blockquote.pull-right .small::before { content: ""; }
.blockquote-reverse footer::after, blockquote.pull-right footer::after, .blockquote-reverse small::after, blockquote.pull-right small::after, .blockquote-reverse .small::after, blockquote.pull-right .small::after { content: " —"; }
blockquote::before, blockquote::after { content: ""; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { margin-right: -15px; margin-left: -15px; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: rgb(249, 249, 249); }
@media screen and (max-width: 767px) {
}
.form-control::-moz-placeholder { color: rgb(119, 119, 119); opacity: 1; }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline-offset: -2px; }
.btn:hover, .btn:focus { color: rgb(51, 51, 51); text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0px none; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.breadcrumb > li + li::before { padding: 0px 5px; color: rgb(204, 204, 204); content: "/ "; }
@media screen and (min-width: 768px) {
}
.popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.popover > .arrow::after { content: ""; border-width: 10px; }
.popover.top > .arrow::after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; }
.popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }
.popover.bottom > .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }
.popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }
.carousel-control .icon-prev::before { content: "‹"; }
.carousel-control .icon-next::before { content: "›"; }
@media screen and (min-width: 768px) {
}
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; }
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; }
.cbp-popup-wrap::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.cbp-l-filters-button .cbp-filter-counter::before { content: ""; position: absolute; bottom: -4px; left: 0px; right: 0px; margin: 0px auto; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(50, 136, 196); visibility: hidden; }
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter::before { visibility: visible; }
.cbp-l-filters-dropdownHeader::after { border-color: rgb(255, 255, 255) transparent; border-style: solid; border-width: 5px 5px 0px; content: ""; height: 0px; position: absolute; right: 16px; top: 50%; width: 0px; margin-top: -1px; }
.cbp-l-filters-dropdownWrap:hover .cbp-l-filters-dropdownHeader::after { border-width: 0px 5px 5px; }
.cbp-l-filters-alignCenter .cbp-filter-counter::before { content: ""; position: absolute; bottom: -4px; left: 0px; right: 0px; margin: 0px auto; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(50, 136, 196); visibility: hidden; }
.cbp-l-filters-alignCenter div:hover .cbp-filter-counter::before { visibility: visible; }
.cbp-l-filters-alignRight .cbp-filter-counter::before { content: ""; position: absolute; bottom: -4px; left: 0px; right: 0px; margin: 0px auto; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(167, 154, 116); visibility: hidden; }
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter::before { visibility: visible; }
@media only screen and (max-width: 799px) {
}

* { margin: 0px; padding: 0px; font-family: "Lato",sans-serif; }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 0px; color: rgb(90, 90, 90); }
h1, h2, h3, h4, h5, h6 { font-family: "Lato",sans-serif; font-weight: 400; }
p { padding: 0px; margin-bottom: 12px; font-family: "Lato",sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; color: rgb(102, 102, 102); margin-top: 10px; }
html, body { height: 100%; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
.centered { text-align: center; }
.mb { margin-bottom: 50px; }
*::-moz-selection { color: rgb(255, 255, 255); text-shadow: none; background: rgb(43, 46, 49) none repeat scroll 0% 0%; }
*, *::after, *::before { box-sizing: border-box; padding: 0px; margin: 0px; }
a { padding: 0px; margin: 0px; text-decoration: none; transition: background-color 0.4s linear 0s, color 0.4s linear 0s; color: rgb(26, 188, 156); }
a:hover, a:focus { text-decoration: none; color: rgb(105, 110, 116); }
.btn-conf { border-radius: 5px; margin-right: 15px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 10px 25px; }
.btn-theme { background: rgb(255, 51, 51) none repeat scroll 0% 0%; color: white; }
hr { border: 1px solid rgb(90, 90, 90); width: 70px; }
.large-header { position: relative; width: 100%; background: rgb(51, 51, 51) none repeat scroll center center / cover ; overflow: hidden; z-index: 1; }
/*.demo-1 .large-header { background-image: url('images/home-bg.jpg'); } */
.demo-1 .large-header { position:relative;overflow:hidden;background:url(../images/home-bg.jpg) #031e32;background-size:cover;text-align:center;height:100% }
.main-title { position: absolute; margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-align: center; top: 30%; left: 50%; transform: translate3d(-50%, -50%, 0px); }
.main-tagline { position: absolute; margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-align: center; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); font-size: 18px; }
.demo-1 .main-title { text-transform: uppercase; font-size: 42px; letter-spacing: 4px; }
@media only screen and (max-width: 768px) {
	.demo-1 .main-title { font-size: 30px; }
}
#blk { background: rgb(24, 24, 24) none repeat scroll 0% 0%; padding-bottom: 80px; padding-top: 80px; }
#blk h5 { color: rgb(247, 202, 24); letter-spacing: 1px; text-transform: uppercase; }
#blk hr { border: 1px solid rgb(247, 202, 24); width: 100px; }

span h1{
  font-family: 'Rubik Mono One', sans-serif;
  font-size: 24px;
  text-align: center;
  color: #fff;
  text-shadow: 10px 10px 30px #2400ff, -10px -10px 30px #7e2bd9;
  -webkit-text-stroke: 2px #fc78ff;
  -webkit-text-fill-color: transparent;
  letter-spacing: 5px;
}