.og-grid{list-style:none;padding:0px 0;margin:0 auto;text-align:center;width:100%;}
.og-grid .panel-body{background-color:#FFFF;margin-top:25px;padding:40px 25px;text-align:left;}
.og-grid .panel-body ul li{display:block !important;}
.activeliclass a{background:#051950 !important;}
.activeliclass a h2, .activeliclass a p{color:#fff !important;}
.og-grid .all{display:inline-block;margin:10px 5px 0 5px;vertical-align:top;margin-top:35px;}
.og-grid .all:hover{-webkit-box-shadow:0px 0px 26px 20px rgba(0,0,0,0.06);-moz-box-shadow:0px 0px 26px 20px rgba(0,0,0,0.06);box-shadow:0px 0px 26px 20px rgba(0,0,0,0.06);transition:all 0.8s;}
.og-expanded{-webkit-box-shadow:0px 0px 26px 20px rgba(0,0,0,0.06);-moz-box-shadow:0px 0px 26px 20px rgba(0,0,0,0.06);box-shadow:0px 0px 26px 20px rgba(0,0,0,0.06);transition:all 0.8s;}
.og-grid .all > a,
.og-grid .all > a img{border:none;outline:none;display:block;position:relative;background-color:#fff;width:240px;height:240px;margin-top:-20px;text-align:left;padding:15px;cursor:pointer;}
.og-grid .all > a{border:1px solid #000;}
.og-grid li > a h2{font-family:fitura;font-size:40px;color:#0B1228;min-height:110px;margin-top:0px;font-size:25px;}
.og-grid li > a p{color:#0B1228;}
.og-grid li > a h3{display:inline-block;margin:0 0 .75em;margin-top:0px;font-size:.74em;background:linear-gradient(45deg,#854AC6 0,#EA1D76 60%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;font-weight:800;letter-spacing:.18em;margin-top:35px;font-family:Helvetica;margin-top:0px;}
.og-grid li > a:hover{background-color:#e0e0e0 !important;color:#000 !important;transition:all 0.3s ease-in;}
.og-grid li.activeliclass > a:hover{background-color:#051950 !important;color:#fff !important;transition:all 0.3s ease-in;}
.og-grid li a:hover h2, .og-grid li a:hover p{color:#000}
.og-grid li.og-expanded > a::after{top:auto;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#fff;border-width:15px;left:50%;margin:-20px 0 0 -15px;bottom:-15px;display:none;}
.og-expanded a{background-color:#0B1228 !important;transition:all .1s ease-in;}
.og-expanded a h2,
.og-expanded a p{color:#ffff !important;}
.og-expander{position:absolute;background:#ddd;top:auto;left:0;width:100%;margin-top:10px;text-align:left;height:0;overflow:hidden;transition:all 0.3s ease-in;z-index:9999999;}
.og-expander h4, .og-expander li,.og-expander p{color:#0B1228 !important;}
.og-grid .panel-body button{display:inline-block;margin:0 0 .75em;margin-top:0px;font-size:.74em;color:#EA1D76;text-transform:uppercase;font-weight:800;letter-spacing:.18em;margin-top:35px;font-family:Helvetica;margin-top:0px;margin-top:25px;}
.og-grid .panel-body button:hover{color:#ffff !important;transition:all 0.3s ease-in !important;}
.og-grid .panel-body{position:relative;}
.og-grid .panel-body .i-top{position:absolute;right:15px;font-size:25px;color:#EA1D76;top:15px;cursor:pointer;}
.og-grid .panel-body .i-bottom{position:absolute;right:15px;font-size:25px;color:#EA1D76;bottom:15px;cursor:pointer;}
.og-expander-inner{padding:50px 30px;height:100%;background-color:#fff;}
.og-close{position:absolute;width:40px;height:40px;top:20px;right:20px;cursor:pointer;}
.og-close::before,
.og-close::after{content:'';position:absolute;width:100%;top:50%;height:1px;background:#888;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.og-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.og-close:hover::before,
.og-close:hover::after{background:#333;}
.og-fullimg{display:none;}
.og-details{width:100%;float:left;height:100%;overflow:hidden;position:relative;}
.og-details{padding:0 20px 0 20px;}
.og-fullimg{text-align:center;}
.og-fullimg img{display:inline-block;max-height:100%;max-width:100%;}
.og-details h3{font-weight:300;font-size:52px;padding:0px 0 10px;margin-bottom:10px;color:#000;}
.og-details p{font-weight:400;font-size:16px;line-height:22px;color:#999;}
.og-details a{font-weight:700;font-size:16px;color:#333;text-transform:uppercase;letter-spacing:2px;padding:10px 20px;border:3px solid #333;display:inline-block;margin:30px 0 0;outline:none;}
.og-details a::before{content:'\2192';display:inline-block;margin-right:10px;}
.og-details a:hover{border-color:#999;color:#999;}
.og-loading{width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;-webkit-animation:loader 0.5s infinite ease-in-out both;-moz-animation:loader 0.5s infinite ease-in-out both;animation:loader 0.5s infinite ease-in-out both;}
@-webkit-keyframes loader{0%{background:#ddd;}
33%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;}
66%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;}
}
@-moz-keyframes loader{0%{background:#ddd;}
33%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;}
66%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;}
}
@keyframes loader{0%{background:#ddd;}
33%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;}
66%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;}
}
@media screen and (max-width:830px){.og-expander h3{font-size:32px;}
.og-expander p{font-size:13px;}
.og-expander a{font-size:12px;}
}
@media screen and (max-width:650px){.og-fullimg{display:none;}
.og-details{float:none;width:100%;}
}