@font-face {
	font-family: 'Conv_Gilroy-Light';
	src: url('../fonts/Gilroy-Light.eot');
	src: local('☺'), url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf') format('truetype'), url('../fonts/Gilroy-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body.main-layout{font-family: 'Nunito', sans-serif;background: #0C0D14!important;}
header{width:100%;position:fixed;top:0px;z-index:9;}
.bgcolorr{background: #161616;}
.menubar{margin-right:20px;color: #fff !important;font-size: 30px;}
.has-search {background-color: rgb(55, 57, 82);border-radius: 120px;min-width:200px;    position: relative;}
.has-search .form-control {padding-left: 15px;}
.btn-primary{background-color: #6842FF !important;border-color: #6842FF !important;border-radius: 30px;}
.has-search .form-control-feedback 
{
  position: absolute;z-index: 2;display: block;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;
  text-align: center;pointer-events: none;color: #fff;right:0;top: -2px;
}
.navbar{height: 90px;}
.navbar-brand{margin-right:0rem !important}
.navbar-expand-md .navbar-nav{margin-right:30px !important;}
.headersearch .input-group
{
  background-color: transparent !important;border: 1px solid rgba(249, 249, 249, 0.1);border-radius: 12px;color:#fff;
}
.form-control:focus{box-shadow: inherit !important;}
.headersearch input{background-color: transparent !important;border:0px;padding-left:0px;}
.headersearch .form-control:focus{color:#fff;border-color: transparent;}
.navbar-dark .navbar-nav .nav-link {color: #fff;font-weight:700;}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link 
{
  color: #0898D9;
}
.mainquestrightnew {padding: 0px 3px;}
.headersearch input::placeholder,.formcard input::placeholder {color: #fff;}
.headersearch input:-ms-input-placeholder, .formcard input:-ms-input-placeholder {color:#fff;}
.headersearch input::-ms-input-placeholder,.formcard input::-ms-input-placeholder {color: #fff;}
.loginheader a{color:#fff !important;}
.slidercalss h3{color:#fff;font-weight: 700;font-size: 24px;}
.slidercalss h4{color:#0898D9;font-size: 15px;font-weight: 600;}
.seemore{text-align:right;}
.slidercalss{padding-top:40px;}
.catonpag h3{margin-left: 15px;}
.owl-nav button 
{
  position: absolute;top: 50%;background-color: #000;color: #fff;margin: 0;transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {left: 0;}
.owl-nav button.owl-next {right: 0;}

.owl-dots {text-align: center;padding-top: 15px;}
.owl-dots button.owl-dot 
{
  width: 15px;height: 15px;border-radius: 50%;display: inline-block;background: #ccc;margin: 0 3px;
}
.owl-dots button.owl-dot.active {background-color: #000;
}
.owl-dots button.owl-dot:focus {outline: none;}
.owl-nav button 
{
    position: absolute;top: 50%;transform: translateY(-50%); background: rgba(255, 255, 255, 0.38) !important;border:0;
}
.owl-nav span 
{
    font-size: 40px !important; color:#fff !important;
}
.owl-carousel .owl-item img{border-radius: 0px;}
/* .owl-stage-outer{padding:10px;} */
.owl-nav button:focus {outline: none;}
/*.owl-nav button.owl-next {right: -40px;}
.owl-nav button.owl-prev {left: -40px;}*/

#sidebar
{
 background: #0C0D14;color: #fff;-webkit-transition: all .3s;top:90px;
  -o-transition: all .3s;transition: all .3s;position: relative;    position: fixed;left:0px;
  height: calc(100vh - 90px);border-right: 1px solid #28293D;z-index:999;
}
#sidebar span{display:none;padding-left: 5px;font-size:15px;}
.sidebarhover #sidebar span{display:inline-block !important;}
#sidebar ul{list-style: none;    padding-left: 0;padding: 2px 20px;}
#sidebar ul li{padding:5px 0;width: 100% !important;float: inherit !important;}
#sidebar ul li a{color:#fff;text-decoration: none;}
#contentdiv
{
  width: 100%;padding: 0;padding-left: calc(80px)!important;margin-top:90px;
}
.contentdivinner{padding:1rem 10px !important; padding-bottom: 0px!important}
.openmenu #sidebar{left:-200px;}
.openmenu #contentdiv{padding-left:0px !important;}
.contenthoveimage {position: relative;margin: auto;  overflow: hidden;}
.contenthoveimage .content-overlayimage 
{
  background: rgba(0,0,0,0.7);  position: absolute;  height: 100%;  width: 100%;  left: 0;  top: 0;
  bottom: 0;  right: 0;  opacity: 0;  -webkit-transition: all 0.4s ease-in-out 0s;border-radius:8px;
  -moz-transition: all 0.4s ease-in-out 0s;  transition: all 0.4s ease-in-out 0s;
}
.contenthoveimage:hover .content-overlayimage{opacity: 1;}
/*.content-details 
{
  position: absolute;  text-align: center;  padding-left: 1em;  padding-right: 1em;  width: 100%;  top: 50%;  left: 50%;  opacity: 0;
  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;  -moz-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;
  z-index:-1;
}*/

/*.contenthoveimage:hover .content-details{  top: 80%;  left: 50%;  opacity: 1;z-index:9;}*/
.content-details h3
{
  color: #fff;  font-weight: 500;  letter-spacing: 0.15em;  margin-bottom: 0.5em;  text-transform: uppercase;
}
/*.content-details p{  color: #fff;  font-size: 0.8em;}*/
/*.fadeIn-top{  top: 20%;}*/
.sec1slide{margin-bottom:10px;}
.sec1slide h3{font-size:16px;color:#fff;}
.imgwithtag img {height: 170px;width: 100%;object-fit: cover;}
#new-game .imgwithtag img {height:220px;}

.owl-nav button 
{
    display: flex;align-items: center;justify-content: center;border-radius: 0 !important;
    height: 100%;width: 50px;background: rgb(0 0 0 / 50%) !important;
}

.owl-nav {opacity: 0;pointer-events: none;transition: .5s ease;}

.owl-slider:hover .owl-nav {opacity: 1;pointer-events: all;}
.content-details 
{
    position: absolute;bottom: 0;padding: 10px;width: 100%;font-size: 18px;font-weight: 600;
    opacity: 0;transition: .5s ease all;
}

.content-details p {margin-bottom: 0;color: #fff;}
.contenthoveimage:hover .content-details {opacity: 1;}
.contenthoveimage img {transition: .5s ease;}

.contenthoveimage:hover img {transform: scale(1.2);}
/* .item { transition: all .2s ease-in-out; }
.item:hover { transform: scale(1.1); }
.owl-stage-outer {
  padding: 10px;
} */
.contenthoveimage {    border-radius: 10px;    overflow: hidden;}
/*.owl-item .item { transition: all .2s ease-in-out; }
.owl-item .item:hover { transform: scale(1.1); }
.owl-stage-outer {padding: 10px;}*/



.footer, .footer .footer_bottom {background: #161616!important;}
.footer {position: relative;}
.footer .footer_bottom .copyright_text {padding: 20px 0 20px 0;}
.justify-content-center {    justify-content: center!important;}
a {font-family: 'Roboto', sans-serif !important;text-decoration: none;}
a, button {    color: #white!important;    outline: medium none;}
.footer .footer_bottom img {max-width: 400px;margin: 5px 0px 10px;width: 100%;}
img {    border-radius: 16px !important;object-fit: cover;overflow-clip-margin: content-box;    overflow: clip;}
.footer .footer_bottom .footer_links {    padding-bottom: 0px;}
ul {    margin: 0px;    padding: 0px;}
.footer .footer_bottom .footer_links ul li {    margin: 0 18px;display: inline-block;}
.footer .footer_bottom .copyright_text p {    color: #919191;    font-size: 16px;    font-family: "Roboto", sans-serif;
    font-weight: 400;    margin-bottom: 0;}
.footer .footer_bottom .cpyrght {    color: #FFFFFF !important;}
.footer .footer_bottom .footer_links ul li a {color: #FFFFFF !important;font-size: 16px;color: #919191;font-weight: 400;    font-family: "Roboto", sans-serif;text-transform: capitalize;}

@media(max-width: 992px){
  .owl-nav span 
{
    font-size: 25px !important;
}
}

@media(min-width:768px)
{
  .navbar-expand-md .navbar-nav .nav-link{padding-right: 15px;padding-left: 15px;}
}

@media(max-width:767px)
{
  .quiz1res{width: 50%;}
  .mainquestrightnew {margin-bottom: 20px;}
  .navbar-toggler{opacity: 0;z-index: -1;}
  #sidebar{display: none;min-width:200px;}
  #sidebar span{display:inline-block;}
  #contentdiv{padding-left: 0px !important}
  .openmenu  #sidebar{display: block;left: 0 !important;}
  #new-game .imgwithtag img,.imgwithtag img{height:170px;    margin-bottom: 10px;}
  .navbar .container-fluid{padding-left:0px;}
  .navbar .fa.fa-bars{font-size:20px;}
  .navbar{ height:70px!important;}
  .navbar{ height:70px!important;}
  .contentdivinner{ padding-top: 0px!important;}
}
@media(min-width:1801px) and (max-width:6000px)
{
  #sidebar{min-width:200px !important;}
  #sidebar span{display:inline-block !important;}
  #contentdiv{padding-left: calc(200px)!important;}
}