.og-grid{list-style:none;margin:0 auto;text-align:center;width:960px;}
.og-grid li{display:inline-block;vertical-align:top;height:auto;width:30%;margin-right:15px}
.og-grid li:last-child{margin-right:0}
.mright0{margin-right:0}
.og-grid li > a,.og-grid li > a img{border:none;outline:none;position:relative}
.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:#A29D92;border-width:15px;left:50%;margin:-20px 0 0 -15px}
.og-expander{position:absolute;background:#A29D92;top:auto;left:0;width:100%;margin-top:10px;text-align:left;height:0;overflow:hidden}
.og-expander-inner{padding:20px 30px;height:auto}
.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:#eee;-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:#eee}
.og-fullimg,.og-details{width:50%;height:100%;overflow:hidden;position:relative}
.og-fullimg{text-align:center}
.og-fullimg img{display:inline-block;max-height:100%;max-width:100%}
.og-details {width:960px; height:auto; margin:0 auto;}
.og-details p .2column {width:50%; display:inline-block}
.og-details h3{color:#fff;font-weight:300;font-size:2em;padding:40px 0 10px;}
.og-details h4{color:#fff;font-weight:300;font-size:1.1em; font-weight:600; text-transform: uppercase; padding:10px;}
.og-details ul{list-style-type: square !important}
.og-details ul li{font-size:1.1em; display:inline-block; width:90%; margin-bottom:10px}
ul.topografia li {margin-bottom:30px !important}
.og-details img{border:1px solid #fff; display: block; width:auto; height: auto}
.og-details p{font-weight:400;font-size:16px;line-height:28px;color:#fff}
.og-details p span{font-weight:600;font-size:18px;color:#fff}
.og-details a {color:#fff; font-size:115%;cursor:pointer;display:inline-block;text-transform:uppercase;font-weight:700;margin-top:25px;padding:5px;}
.og-details a:hover {text-decoration:underline}
.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 .5s infinite ease-in-out both;-moz-animation:loader .5s infinite ease-in-out both;animation:loader .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 only screen and (min-width: 768px) and (max-width: 959px) {  .og-grid {width: 768px !important}
.og-details {width: 700px}
.og-expanded ul li {width: 80%}
}
@media screen and (max-width: 830px) {
.og-expander h3{font-size:32px}
.og-expander p{font-size:15px}
.og-expander a{font-size:12px}
.og-details {width: 700px}
}
@media screen and (max-width: 650px) {
.og-fullimg{display:none}
.og-details{float:none;width:100%}
}

.container .three.columns {margin-right:20px !important}
