@charset "utf-8";
*{margin:0;padding:0;border:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.quantico{font-family:'Quantico', sans-serif;}
.open-sans{font-family: 'Open Sans', sans-serif;}
/*===========
Website Css Start
====================*/
body{font-family: 'Open Sans', sans-serif;background:#232323;font-size:15px;color:#fff}
h1,h2,h3,h4,h5,h6{font-family:'Quantico', sans-serif;}
.logo img{max-height:104px}
.bg-dark{background:#232323 !important}
.navbar-expand-lg{background:#0b0005;font-family:'Quantico', sans-serif;}.navbar-expand-lg .navbar-nav .nav-link{padding:0.5em 1.3em}
.navbar-nav .dropdown-menu {padding:4px;min-width:250px;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);animation-name:fadeInBottom;transform: translateX(0%) translateY(0%); animation-duration: 1s;animation-fill-mode: both;}

@keyframes fadeInBottom {
from {opacity: 0;transform: translateY(50%);
}
to {opacity: 1 }}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{color:#fff;text-decoration:none;background-color:#e71f32}
.soc_icons{ float:none;margin:0; padding:0}.soc_icons li{list-style:none; display:block}
.soc_icons li>a {width:36px;height:36px;line-height: 36px;display:block;background:#3d3f40;margin:2px;border-radius:50%;color:#d5d5d5}.soc_icons li>a:hover{color:#fff;background:#888;}
.offcanvas{background:#5a5a5a}
.hm_btm_section{background:#464646; padding:2px 0}
.wraper_box1 {padding-bottom:0.5em;margin-bottom:1em;border-bottom:1px solid #6a6a6a}
.wraper_box1>i{width:40px;float:left;color:#e7e7e7;}.wraper_box1:hover{border-bottom:1px solid #ccc}
.box_r{ margin-left:50px} .wraper_box1:hover .box_r .text-danger{color:#0d6efd !important}

.mTop_n{ margin-top:-16px}
.story_wraper{padding:6px;border:1px solid #fff;}.story_wraper:after{content:'';display:block;clear:both}
.story_wraper .img2{max-height:91px;max-width:100%;float:left;}
.story_wraper .box{ margin-left:101px; padding-top:5px}.story_wraper h3 a{ text-decoration:none}.story_wraper h3{ margin:0}
.story_wraper:hover {background:#fff !important; box-shadow:0px 0px 10px #666} .story_wraper:hover  h3 .text-danger{color:#0d6efd !important}

.list-group li{color:#f00;list-style:none} .list-group li>a{color:#525252;display:inline-block;position: relative;padding: 4px 4px 4px 20px;text-decoration: none;font-weight: 500;}.list-group li a:hover{color:#dc3545}
.list-group li>a:after{content:'\f054';display:block;font-family: "Font Awesome 6 Free";font-weight: 500;position: absolute;left:0;top:5px;color:#dc3545}
.fs-lg{font-size:4.5em}
.get_vibe i{border:2px dashed #fff; padding:20px; border-radius:50%}
.get_vibe span{ margin-left:30px}.get_vibe span a{color:#fff;text-decoration:none; display:block}
.get_vibe span a:hover{color:#ffc7c7}

.ft_btm_links a{color:#ccc;text-decoration:none;padding:5px 10px;border:1px solid #606060;display:inline-block}
.ft_btm_links a:hover{background:#5e5e5e;color:#fff}
.develop_by a{color:#ccc;}
.content_management{font-size:1.1em;line-height:1.5em}.content_management h1{ font-size:2em}

@media only screen and (max-width:991px) {
.offcanvas{z-index:9999}
.offcanvas-header .btn-close{background-color:#fff}
.offcanvas-header{ padding:1rem 1.5rem}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.5em 0.5em}
}

@media only screen and (max-width:767px) {
body {font-size:14px}	
.mTop_n{ margin-top:2em}
.desktop_wrap{ display:none; padding:0 10px}
.collaspe_tab {border: 1px solid #e1e1e1;padding:7px;border-radius:3px;background:#fff}
.collaspe_tab:after,.active_tab:after{content:'\f078';font-family: "Font Awesome 6 Free";font-weight: 500;float: right}
.active_tab:after{content:'\f077';}
.list-group {display:flex;flex-direction:row;flex-wrap: wrap;}
.list-group li{ width:50%}

@media only screen and (max-width:479px) {
.fs-5 {font-size: 1.1rem!important}	
.get_vibe{text-align:center}
.get_vibe span{ margin:0;font-size:13px !important;}
.get_vibe i{ padding:20px}.fs-lg {font-size:3.5em}

.list-group li{width:100%}
.content_management h1{font-size:1.6em}
}