body{font-family: 'Nunito', sans-serif;}
.header-bg{background:url('../images/bg-clouds-desktop.jpg') no-repeat top center; background-size:cover;}
footer{background:#F49E21;color:#fff;}
#navbar {font-size:16px;font-weight:800;border-bottom: 2px solid #4BBAE8;}
#navbar.navbar-light .navbar-nav .nav-link{color:#4BBAE8;}
#navbar.navbar-light .navbar-nav .active>.nav-link, #navbar.navbar-light .navbar-nav .nav-link.active, #navbar.navbar-light .navbar-nav .nav-link.show, #navbar.navbar-light .navbar-nav .show>.nav-link {
color: #FF8613;
}
#navbar .navbar-nav{padding-right:0px!important}
.icon-home{width:32px;height:30px;background:url('../images/icon-home.svg') no-repeat;float:left;}
.icon-video{width:22px;height:28px;background:url('../images/icon-video.svg') no-repeat;float:left;}
.icon-game{width:40px;height:26px;background:url('../images/icon-game.svg') no-repeat;float:left;}
.icon-account{width:28px;height:28px;background:url('../images/icon-account.svg') no-repeat;float:left;}
#navbar.navbar-light .navbar-nav .nav-link span{ filter: invert(65%) sepia(53%) saturate(645%) hue-rotate(166deg) brightness(95%) contrast(92%);}
#navbar.navbar-light .navbar-nav .active>.nav-link span{ filter: invert(72%) sepia(43%) saturate(5965%) hue-rotate(350deg) brightness(101%) contrast(101%);}
#navbar.navbar-light .navbar-nav .nav-link:hover{color:#FF8613}
#navbar.navbar-light .navbar-nav .nav-link:hover span{ filter: invert(72%) sepia(43%) saturate(5965%) hue-rotate(350deg) brightness(101%) contrast(101%);}
.h1-gray {color:#414042;font-size:20px;font-weight:800}
.grid{grid-row-gap: 30px;}
.grid .card{
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
overflow:hidden;
height: 100%;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border:none;
}
.grid .card .card-title	{
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #0F3764;
margin-bottom:0px;
}
.grid .card:hover {transform:scale(1.05); text-decoration:none;}
.load-content {
display: none;
}
.bg-blue-stars{background:#ccecfa url('../images/bg-blue-stars.jpg') no-repeat top center;}
.section-title{font-size:20px; font-weight:800;color:#414042;}
.dark-blue{color:#0F3764;}
.dark-blue > span{filter: invert(13%) sepia(54%) saturate(2544%) hue-rotate(197deg) brightness(98%) contrast(90%);}
.video{position:relative;}
.video:before{width:40px;height:40px;background:url('../images/play-button.svg') no-repeat center center; content:""; display:inline;
background-size: contain;
position: absolute;
content: " ";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:1;
}
.orange-icon{filter: invert(72%) sepia(43%) saturate(5965%) hue-rotate(350deg) brightness(101%) contrast(101%);}
.card-img-height{height:60%;overflow:hidden;}
.btn{border-radius:150px}
.btn-warning{
background-color:#F49E21;
border-color: #F49E21;
color:#fff!important;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
color: #0F3764;
border-color: #0F3764;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{ background: #0F3764;color:#fff}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.2rem rgb(32, 74, 117,.25);
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgb(32, 74, 117,.25);
}
.btn-outline-primary:hover {
background: #0F3764;
border-color: #0F3764;
color:#fff;
}
/**/
.btn-outline-warning, .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle{
color: #F49E21;
border-color: #F49E21;
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle{ background: #F49E21;color:#fff}
.btn-outline-warning.focus, .btn-outline-warning:focus {
box-shadow:0 0 0 0.2rem rgb(255, 134, 19, 0.25);
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgb(255, 134, 19, 0.25);
}
.btn-outline-warning:hover {
background: #F49E21;
border-color: #F49E21;
color:#fff;
}
.card-games{height:auto;}
.card-games img{border-radius:20px;}
.grid .card.card-games{box-shadow:none;border-radius:0}
.card-games .card-body{padding:0;color:#000}
.list-A{list-style-type: upper-alpha;}
.videos{background: linear-gradient(180deg, rgba(75, 186, 232, 0.9) 0%, #FF8613 100%);padding:4px;}
.videos ~ .card-title{background:#FD8615;color:#fff; font-size:16px;padding-left: 4px;margin-bottom:0px;padding-bottom: 10px;}
.videos video{
padding:4px;
background:#000;
}
.article-inner .more-articles h3{color:#FA7600;font-weight:800; position:relative;background:#fff; padding:0 20px}
.article-inner .more-articles:before{content:""; width:98%; height:48%; border-bottom:1px solid #FA7600;display:block; position:absolute;}
.article-inner h2, .article-inner h3{font-weight:600}
.bg-videos{background:#CFF1FF url('../images/bg-videos.jpg') no-repeat top center; background-size:contain;}
@media (max-width: 768px) {
.section-title ~ .btn, .card-body .btn{font-size:12px}
.no-padding-mobile{padding:0!important;}
#logo{max-width:280px; padding:10px 0}
}
@media (min-width: 580px) and (max-width:767px) {
.card-img-height{height:53%;}
.card-img-height.video{height:40%;}
}

@media (max-width: 767px){
    iframe.note-video-clip {
        width: 100%!important;
    }
    
    iframe[id^="twitter"]{
        width: 100%!important;
    }
    
    }

@media (min-width: 768px) {
.bg-blue-stars{background:url('../images/bg-blue-stars-desktop.jpg') no-repeat top center; background-size:cover; height:40vh;}
.bg-article{background:#fff url('../images/bg-article.jpg') no-repeat top center; background-size:contain;}
.videos video{
padding:4px;
background:#000;
height:380px;
}
}
@media (min-width: 1200px) {
#navbar {font-size:35px; border-bottom:4px solid #4BBAE8}
.h1-gray {font-size:45px;}
.section-title{font-size:45px; }
.grid .card .card-title	{
font-size: 28px;
line-height: 34px;
}
.grid .card.card-games .card-title	{
font-size: 24px;
line-height: 26px;
color:#414042;
}	
.video:before{width:74px;height:74px;}
.bg-blue-stars{background:url('../images/bg-blue-stars-desktop.jpg') no-repeat top center; background-size:cover; height:60%;}
.videos ~ .card-title{font-size:22px}
.article-inner p{font-size:20px}
.article-inner .more-articles h3{font-size:35px}
}
@media (min-width: 1600px) {
.container {max-width:1400px;}
}