:root {
	/* Theme 1 */
    --main-color: #ff0000;

	/* Text Color */
	--text-main-color: #fff;
	--text-main-color-hover: #cc0303;

	/* Buttons */
	--btn-text-main-color:#fff;
	--btn-primary: #ff0000;
	--btn-primary-hover:#cc0303;
}

body {
  /* background: url(../background/background.gif); */
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 100vh;
}

body {
	color: white;
    height: 100%;
    font-size: 16px;
    /* background: url(../images/site/header.jpg) no-repeat 50% 0; */
    /* position: relative; */
}

#VideoBackground {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.mod-main {
    background: linear-gradient(var(--main-color) 0%, var(--main-color) 100%);
	background-size: 299px 48px;
	background-repeat: no-repeat;
}
.top-sidebar {
    padding-top: 8px;
	color: white;
	text-align: center;
}
.page-width {
    width: 980px;
    margin: 0 auto
}
.page-padding {
    margin: 0 20px
}

a:focus, a:hover {
    color: var(--text-main-color-hover);
    text-decoration: underline;
}

/* #content { */
    /* position: relative */
/* } */
/* #content:after { */
    /* content: ""; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* height: 33px; */
    /* z-index: 1; */
    /* background: url(../images/site/content-bg.png) no-repeat 50% 0 */
/* } */


.footer-nav {
    /* position: relative; */
    margin-top: 74px;
    /* background: url(../images/site/footer-bottom.jpg) no-repeat 50% 0 */
}
.footer-nav:before {
    content: "";
    position: absolute;
    top: -74px;
    width: 100%;
    height: 74px;
    /* background: transparent url(../images/site/footer-eu-top.png) no-repeat 50% 0 */
}
.footer-nav .page-padding {
    min-height: 200px;
    padding-top: 109px;
    padding-bottom: 10px;
    /* position: relative */
}
.footer-nav .social {
    position: absolute;
    display: block;
    right: 0;
    top: 46px;
    height: 30px;
    padding-top: 4px;
    text-align: right
}
.footer-nav .social p {
    font-size: 16px;
    line-height: 36px;
    margin-right: 18px
}
.footer-nav .social ul {
    width: 331px;
    font-family: sans-serif
}
.footer-nav .social li {
    margin-left: 5px
}
.footer-nav .social li:first-child {
    margin-left: 0
}
.footer-nav .social a {
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    text-align: left;
    background: url(../images/site/social-icons.png) no-repeat 0 0
}
.footer-nav .social a.youtube {
    background-position: 0 0
}
.footer-nav .social a.facebook {
    background-position: -36px 0
}
.footer-nav .social a.twitter {
    background-position: -72px 0
}
.footer-nav .social a.tumblr {
    background-position: -108px 0
}
.footer-nav .social a.flickr {
    background-position: -180px 0
}
.footer-nav .social a.googleplus {
    background-position: -144px 0
}
.footer-nav .social a.rss {
    background-position: -216px 0
}
.footer-nav .social a.twitchtv {
    background-position: -360px 0
}

.main-hd .page-width {
    position: relative;
    min-height: 300px
}
.main-hd h1 {
    position: absolute;
    left: 20px;
    top: 70px;
    width: 312px;
    height: 207px;
    background: url(../images/logo.png) no-repeat scroll 50% 0 transparent
}
.main-hd h1 a {
    display: block;
    width: 100%;
    height: 100%
}
.main-hd .main {
    position: absolute;
    right: 22px;
    top: 48px;
    width: 610px;
    font-size: 20px
}

.article .mt2cms2-c {
    position: relative;
    min-height: 550px;
    /* overflow: hidden; */
    padding-top: 1px;
    /* background: url(../images/site/sidebar-bg.jpg) no-repeat 100% 0 */
}
.article .mt2cms2-c-l {
 float: left;
 width: 641px;
 padding-top: 30px;
}

.article .mt2cms2-c-s {
    float: left;
    width: 299px;
    margin-top: 20px
}
.article .mt2cms2-c-l .bd-c {
    /* margin-right: 51px; */
	border: 1px solid rgb(255 255 255 / 13%);
}
.article .mt2cms2-c-s .bd-c {
    margin-left: 21px;
    position: relative;
    z-index: 2
}
.article .mt2cms2-c-l h3 {
    margin: 35px 0 20px
}
.article p,
.article dl {
    margin-top: 1px;
    line-height: 1.8
}
.article h3+p {
    margin-top: -10px
}
.article h4+p {
    margin-top: 10px
}
.article h3+h4 {
    margin-top: -10px
}
.article .mt2cms2-c-s h4 {
    font-size: 22px;
    margin: 35px 0 30px;
    white-space: nowrap
}
.article .child-pages .page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAAABCAQAAABZRatRAAAAdElEQVR4Ad3KhQ0EMQwAwX1mZmZm7r+zW6WGE70mtmOAI/vgrgtzmiw5akONMj0nd/9l5xN/c2rWpfduvHoZc/OdHx8u/pxpyca7vXlonRtHt2Lj72640VwTaurQU0c954aaVnvVaMorcyEo22VVMOKS+n8RMuwN0s35HEkAAAAASUVORK5CYII=) no-repeat 0 0 */
}
.blog-post {
    padding-bottom: 30px;
    margin-bottom: 20px;
	padding: 25px;
    background: transparent url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAABAk0DAREAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAABAUCAwYBAAf/xAAxEAAABAIIBQMDBQAAAAAAAAAAAQIDBHIFMzQ1cXOxsjJCgsHCMbPwBkODNkFEdIH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A+8xt5O5/mYAZu3olV5AIxXE1nI3kAterYifsAXxPJK32ASpG2pl8DASfuqkshnekBmaWrWenQAXSdVEyH3AJKFvCJyPAwDODsjM6doCFL2hMqPbUAeRnE385VALKHsCcpOigEEWcpHNCAXR93lMjcQB1R9bDZnYgHz9i9H889QBdOXW1mHtMAhpL0YkXuMAZRl6rkV7SgB0Z/HwSAeN2ej/y7kgASr3uvcQCERaD+cqQHHuNeYjQgEyqnpS1MBVHWtEzewgAcNVPZavcAaKjrHSE7O9QC9HoWW5okAxaqILFfYAhV97PPUgFx+rP+gL37QxirQwGbKsXg5vMAaxxPYH7gD0B+n3p29qgGZo68nM1egA+nLOxIWoCTVUjMMAPRd6OYKAaRuwReX4AF0bd7XTvAFUfY28ewAmPtEP8/cAM/YvznoYARd3xMz+wwHKQu1GB6gAWObNbAKKTv+MmTtUALh7R0noAJOoVM1qQBu96vTI0AFlbU5XmAIha0pz1IB5zgRie4APD8SsowE4qzJnXqYC6DtTvzlSAEpqzREqNyQCxioV0dwHU2VHXsIAGiwP5Sd4A0uNOBbAFEVwLlPUwC2B428V7QFsbeUN/XPUwCKjrXEYn2ADv1CuvQgHYHgRKAOg7QrHwAOfpu+0YK9pIDRffKc9gD//Z) no-repeat 50% 100%
}
.article .mt2cms2-c-l .blog-title {
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 1.2
}
p.blog-attribution {
    color: white;
    margin-top: 0
}
.blog-post .text ul,
.blog-post .text ol {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: disc
}
.blog-post .text ol {
    list-style: decimal
}
.blog-post .text ul.follow,
.blog-post .text ol.follow {
    margin-top: 0
}

html,
button,
input,
select,
textarea,
.cms2-g [class*="cms2-u"] {
    font-family: CronosPro, Arial, Helvetica, sans-serif
}
h2,
h3,
h4,
h5,
.eason {
    font-family: EasonPro, "Times New Roman", serif
}
a {
    text-decoration: none;
    color: white;
    cursor: pointer
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
h2 {
    font-size: 46px
}
h3 {
    font-size: 32px
}
h3 a {
    color: white
}
h4 {
    font-size: 20px
}
h5 {
    font-size: 17px
}
strong,
em.strong,
strong em {
    font-weight: bold
}
em,
strong.em {
    font-style: italic
}
p.small,
.small-type {
    font-size: .8em
}
.hide-txt {
    text-indent: -1000em;
    overflow: hidden;
    display: inline-block
}


.logo {
	margin: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	position:sticky;
	display: flex;
	justify-content: center;
	padding: 35px;
}

.pulse:hover {
    
   	animation: pulse 1s linear infinite;
}

@-webkit-keyframes "pulse" {
0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
   transform: scale(1);
}
}
@media (min-width: 768px) {
.navbar
    {
        position: absolute;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
}


.navbar {
  /* overflow: hidden; */
  background-color: var(--main-color);
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 100;

  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown1 {
  float: left;
  overflow: hidden;
}

.dropdown1 .dropbtn1 {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown1:hover .dropbtn1 {
  background-color: var(--text-main-color-hover);
}

.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content1 a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content1 a:hover {
  background-color: #ddd;
}

.dropdown1:hover .dropdown-content1 {
  display: block;
}

.card {
    position: relative;
    display: block;
    margin-bottom: 0.75rem;
    /* background-color: #fff; */
    border-radius: 0.25rem;
    border: 1px solid rgb(255 255 255 / 13%);
}

p {
    margin-top: 0;
    margin-bottom: 1px;
}

.jumbotron {
    /* padding: 2rem 1rem; */
    padding: 1px 1px;
    margin-bottom: 2rem;
    /* background-color: #eceeef; */
	    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: .3rem
}


.page-template-template-community-php .page-hd h2,
.page-template-template-blog-php .page-hd h2 {
    width: 380px;
    line-height: .9;
    margin: 7px 0 14px;
	padding: 10px;
}

.page-template-template-community-php .page-hd,
.page-template-template-blog-php .page-hd {
    position: relative;
    background: no-repeat 100% 100%;
    /* height: 149px; */
    margin-bottom: 20px;
}

.cms2-u-1-4,
.cms2-u-6-24 {
    width: 25%;
    *width: 24.9690%
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem

}

/* Buttons */

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn:focus,
.btn:hover {
    text-decoration: none
}
.btn.focus {
    text-decoration: none
}
.btn.active,
.btn:active {
    background-image: none;
    outline: 0
}
.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
    opacity: .65
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}
.btn-primary {
    color: var(--btn-text-main-color);
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
}
.btn-primary:hover {
    color: var(--btn-text-main-color);
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}
.btn-primary.focus,
.btn-primary:focus {
    color: var(--btn-text-main-color);
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    color: var(--btn-text-main-color);
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
    background-image: none
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: var(--btn-text-main-color);
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}

/* Others */

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #818a91
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

/* Tables */

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}
.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef
}
.table tbody+tbody {
    border-top: 2px solid #eceeef
}
.table .table {
    background-color: #fff
}
.table-sm td,
.table-sm th {
    padding: .3rem
}
.table-bordered {
    border: 1px solid #eceeef
}
.table-bordered td,
.table-bordered th {
    border: 1px solid #eceeef
}
.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}
.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}
.table-success,
.table-success>td,
.table-success>th {
    background-color: #dff0d8
}
.table-hover .table-success:hover {
    background-color: #d0e9c6
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #d0e9c6
}
.table-info,
.table-info>td,
.table-info>th {
    background-color: #d9edf7
}
.table-hover .table-info:hover {
    background-color: #c4e3f3
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #c4e3f3
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #fcf8e3
}
.table-hover .table-warning:hover {
    background-color: #faf2cc
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #faf2cc
}
.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f2dede
}
.table-hover .table-danger:hover {
    background-color: #ebcccc
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ebcccc
}
.thead-inverse th {
    color: #fff;
    background-color: var(--main-color);
}
.thead-default th {
    color: #55595c;
    background-color: #eceeef
}
.table-inverse {
    color: #eceeef;
    background-color: var(--main-color);
}
.table-inverse td,
.table-inverse th,
.table-inverse thead th {
    border-color: #55595c
}
.table-inverse.table-bordered {
    border: 0
}
.table-responsive {
    display: block;
    width: 100%;
    min-height: .01%;
    overflow-x: auto
}
.table-reflow thead {
    float: left
}
.table-reflow tbody {
    display: block;
    white-space: nowrap
}
.table-reflow td,
.table-reflow th {
    border-top: 1px solid #eceeef;
    border-left: 1px solid #eceeef
}
.table-reflow td:last-child,
.table-reflow th:last-child {
    border-right: 1px solid #eceeef
}
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow thead:last-child tr:last-child th {
    border-bottom: 1px solid #eceeef
}
.table-reflow tr {
    float: left
}
.table-reflow tr td,
.table-reflow tr th {
    display: block!important;
    border: 1px solid #eceeef
}

/* SCROLL BAR */
/* width */
::-webkit-scrollbar {
  width: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--btn-primary); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--btn-primary-hover); 
}