.og-grid {list-style: none;padding: 10px 0;text-align: center;width: 100%;}
.og-grid li {display: inline-block;margin: 20px -2px 0;vertical-align: top;height: 270px;position: static;float: none;}
.og-grid li > a > div {width: 100%; height: 200px;overflow: hidden;border: 8px solid #9c9c9c;}
.og-grid li > a:hover > div,
.og-grid li.og-expanded > a > div {border-color: #c80000;}
.og-grid li > a {min-height: 260px}
.og-grid li > a,
.og-grid li > a img {display: block;position: relative;}
.og-grid li > a img {min-width: 100%;height: auto;max-width: 100%;}
.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: #d8d8d8;border-width: 15px;left: 50%;margin: 0 0 0 -15px;}
.og-expander {position: absolute;background: #d8d8d8;top: auto;left: 0;width: 100%;margin-top: 10px;text-align: left;height: 0;overflow: hidden;}
.og-expander-inner {padding: 50px 30px;height: 100%;}
.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,
.og-details {height: 100%;overflow: hidden;position: relative;}
.og-details {padding: 0 40px 0 20px;}
.og-fullimg {text-align: center;}
.og-fullimg a {width: 39px; height: 39px; position: absolute; right: 30px; z-index: 2;}
.og-fullimg a.icone-facebook {top: 15px; background: url('../../../images/ico-face-prof.png');}
.og-fullimg a.icone-twitter {top: 64px; background: url('../../../images/ico-twitter-prof.png');}
.og-fullimg img {border: 8px solid #9c9c9c;display: inline-block;width: 100%;}
.og-grid h2 {color: #001e5a; font-size: 1.8em;font-weight: 600;letter-spacing: 2.3px;margin: 6px 0 5px;text-transform: uppercase;}
#og-grid h3 {font-size: 1.4em;color:#4c4c4c}
#og-grid .og-details h2 {font-size: 3.6em;margin-top: 0}
#og-grid .og-details h3 {letter-spacing: 2.9px;position: relative;color: #ff0000;font-size: 1.8em;}
.og-details p {color: #636262;}
.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%;-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%;}
}