*,
*:after,
*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.og-grid{list-style:none;padding:95px 0 0 0;margin:0 auto;text-align:center;width:100%;background:transparent url(../images/exp/bg.png) no-repeat center top;}
.og-grid > li{display:inline-block;margin:0 0 0 -6px;vertical-align:top;height:143px;padding-top:27px !important;}
.og-grid > li > a,
.og-grid > li > a img{border:none;outline:none;display:block;position:relative;}
li.og-expanded{}
.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:#000;border-width:15px;left:50%;margin:-30px 0 0 -25px;}
.grid-info{position:absolute;top:auto;left:0;width:100%;margin-top:0;text-align:left;height:0;overflow:hidden;}
li.og-expanded .grid-info{transition:height 350ms ease;-webkit-transition:height 350ms ease;height:auto;z-index:500}
li.og-expanded .grid-info img.grid-pic{width:100%}
.og-expander{position:absolute;top:auto;left:0;width:100%;margin-top:0;text-align:left;height:0;overflow:hidden;background:transparent url(../images/exp/null-bg.jpg) no-repeat center bottom;background-size:100% auto;}
.og-expander-inner{padding:0;height:700px;}
.og-close{position:absolute;width:40px;height:40px;top:20px;right:20px;cursor:pointer;}
.og-fullimg,
.og-details{width:50%;float:left;height:700px;overflow:hidden;position:relative;}
.og-details{padding:0 40px 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:40px 0 10px;margin-bottom:10px;}
.og-details p{font-weight:400;font-size:16px;line-height:22px;color:#999;}
.og-details a{}
.og-details a::before{content:'\2192';display:inline-block;margin-right:10px;}
.og-details a:hover{border-color:#999;color:#999;}
.og-grid .bottom_grid{margin:0;padding-bottom:20px;position:relative;display:block;width:100%;height:auto;max-height:1098px;background:transparent url(../images/exp/img4.jpg) no-repeat center top;}
.og-grid .bottom_grid .row{padding-top:235px}
.og-grid .bottom_grid .footer-wrapper{margin-top:250px;text-align:left !important}
.og-grid .bottom_grid .footer-wrapper li{height:auto !important;margin:0;padding:0}
.og-grid .bottom_grid #footer{padding:20px 0 10px 0;width:100%;margin:auto;font-size:14px;display:block;border-bottom:1px solid #818387;min-height:240px;text-align:left;}
.og-grid .bottom_grid #footer h3{font-size:16px;font-family:"Trebuchet MS", Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;margin-top:0px;color:#b6c3c6;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #818387;}
.og-grid .bottom_grid #footer .column{float:left;min-height:100px;margin:0 15px;width:200px;}
.og-grid .bottom_grid #footer .column ul{margin:0px;padding:0px;list-style-type:none;}
.og-grid .bottom_grid #footer .column ul li{margin-bottom:8px;}
.og-grid .bottom_grid #footer .column a{text-decoration:none;line-height:1.2;text-transform:none;font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:14px;color:#6bb8c8;}
.og-grid .bottom_grid #footer .column a:hover{text-decoration:underline;}
.og-grid > li > a .but{z-index:10;width:100%;height:123px;display:block;position:absolute;top:0;left:0;right:0;margin:0 auto;cursor:pointer;-webkit-animation:shake 0.5s infinite;-moz-animation:shake 0.5s infinite;animation:shake 0.5s infinite;-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
.og-grid > li > a .but::after{z-index:1;display:block;width:100%;height:123px;content:'';opacity:0;background:url(../images/exp/but_border.png) no-repeat center top;-webkit-animation:opac 0.5s infinite;-moz-animation:opac 0.5s infinite;animation:opac 0.5s infinite;-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
.og-grid > li > a #but1{-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s;}
.og-grid > li > a #but2{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.og-grid > li > a #but3{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
.og-grid > li > a #but1.but::after{-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s;}
.og-grid > li > a #but2.but::after{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.og-grid > li > a #but3.but::after{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
@-webkit-keyframes shake{0%, 22%, 100%{-webkit-transform:rotate(0deg);}
1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19%{-webkit-transform:rotate(-1deg);}
2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18%, 20%{-webkit-transform:rotate(1deg);}
}
@-moz-keyframes shake{0%, 22%, 100%{-webkit-transform:rotate(0deg);}
1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19%{-webkit-transform:rotate(-1deg);}
2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18%, 20%{-webkit-transform:rotate(1deg);}
}
@keyframes shake{0%, 22%, 100%{-webkit-transform:rotate(0deg);}
1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19%{-webkit-transform:rotate(-1deg);}
2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18%, 20%{-webkit-transform:rotate(1deg);}
}
@-webkit-keyframes opac{0%, 30%, 100%{opacity:0;}
10%, 15%{opacity:.5;}
}
.grid-info .tabs{position:relative;width:100%;height:inherit;max-height:700px;margin:0;z-index:800;}
.grid-info .tabs .tab{display:block;position:absolute;top:10px;width:100%;height:100%;max-height:700px;float:left;}
.grid-info .tabs .tab label.ls{overflow:hidden;width:80px;height:80px;border-radius:50%;background-color:transparent;box-shadow:0 0 0 4px #CCC, 0 0 10px 5px #000;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;position:absolute;bottom:50px;left:10%;z-index:9999;}
.grid-info .tab label.ls::after{content:'';position:absolute;bottom:1px;height:0;left:1px;width:78px;background-color:#CCC;-webkit-transition:height 0.3s ease;transition:height 0.3s ease;z-index:-1;background-size:80px auto;}
.grid-info #ls1 label.ls{left:41%;}
.grid-info #ls2 label.ls{left:47%;}
.grid-info #ls3 label.ls{left:53%;}
.grid-info #ls4 label.ls{left:59%;}
.grid-info #ls5 label.ls{left:41%;}
.grid-info #ls6 label.ls{left:47%;}
.grid-info #ls7 label.ls{left:53%;}
.grid-info #ls8 label.ls{left:59%;}
.grid-info #ls9 label.ls{left:41%;}
.grid-info #ls10 label.ls{left:47%;}
.grid-info #ls11 label.ls{left:53%;}
.grid-info #ls12 label.ls{left:59%;}
.grid-info #ls1 label.ls::after{background:url(../images/exp/tab1-001.jpg) no-repeat center top;}
.grid-info #ls2 label.ls::after{background:url(../images/exp/tab1-002.jpg) no-repeat center top;}
.grid-info #ls3 label.ls::after{background:url(../images/exp/tab1-003.jpg) no-repeat center top;}
.grid-info #ls4 label.ls::after{background:url(../images/exp/tab1-004.jpg) no-repeat center top;}
.grid-info #ls5 label.ls::after{background:url(../images/exp/tab2-001.jpg) no-repeat center top;}
.grid-info #ls6 label.ls::after{background:url(../images/exp/tab2-002.jpg) no-repeat center top;}
.grid-info #ls7 label.ls::after{background:url(../images/exp/tab2-003.jpg) no-repeat center top;}
.grid-info #ls8 label.ls::after{background:url(../images/exp/tab2-004.jpg) no-repeat center top;}
.grid-info #ls9 label.ls::after{background:url(../images/exp/tab3-001.jpg) no-repeat center top;}
.grid-info #ls10 label.ls::after{background:url(../images/exp/tab3-002.jpg) no-repeat center top;}
.grid-info #ls11 label.ls::after{background:url(../images/exp/tab3-003.jpg) no-repeat center top;}
.grid-info #ls12 label.ls::after{background:url(../images/exp/tab3-004.jpg) no-repeat center top;}
.grid-info .tabs .ls_l, .grid-info .tabs .ls_r{overflow:hidden;width:20px;height:80%;max-height:550px !important;border-radius:20px;background-color:transparent;box-shadow:0 0 0 2px #ccc;position:absolute;bottom:40px;left:2.5%;z-index:9999;}
.grid-info .tabs .ls_r{left:97.2% !important;}
.grid-info .tab .ls_l::after,
.grid-info .tab .ls_r::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:0%;background-color:#CCC;-webkit-transition:height 1s ease;transition:height 1s ease;z-index:1;}
.grid-info .tab .ls_l::after{background-color:#006759 !important;}
.grid-info .tab .ls_r::after{background-color:#6c1640 !important;}
.ls_line span{display:block;height:0;width:30px;position:absolute;bottom:0;left:0;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;background-size:30px 30px;background-image:-webkit-gradient(linear, left top, right bottom,
color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
to(transparent));background-image:-webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);background-image:-moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);background-image:-ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);background-image:-o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);background-image:linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);-webkit-animation:line-animate 3s linear infinite;-moz-animation:line-animate 3s linear infinite;-webkit-transition:height 1s ease;transition:height 1s ease;opacity:1;z-index:2;}
@-webkit-keyframes line-animate{0%{background-position:0 0;}
100%{background-position:60px 0;}
}
@-moz-keyframes line-animate{0%{background-position:0 0;}
100%{background-position:60px 0;}
}
.grid-info .tab [type=radio]{display:none;}
.grid-info .tab .content{position:absolute;opacity:0;left:0;right:0;bottom:0;padding:0;}
.grid-info .tab .content img{width:100%;height:100%}
.grid-info .tab [type=radio]:checked ~ label.ls{opacity:1;z-index:2;}
.grid-info .tab [type=radio]:checked ~ label.ls::after{height:100%;}
.grid-info #ls1 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls1 [type=radio]:checked ~ label.ls_l span{height:35%;}
.grid-info #ls1 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls1 [type=radio]:checked ~ label.ls_r span{height:50%;}
.grid-info #ls2 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls2 [type=radio]:checked ~ label.ls_l span{height:50%;}
.grid-info #ls2 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls2 [type=radio]:checked ~ label.ls_r span{height:35%;}
.grid-info #ls3 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls3 [type=radio]:checked ~ label.ls_l span{height:50%;}
.grid-info #ls3 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls3 [type=radio]:checked ~ label.ls_r span{height:65%;}
.grid-info #ls4 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls4 [type=radio]:checked ~ label.ls_l span{height:60%;}
.grid-info #ls4 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls4 [type=radio]:checked ~ label.ls_r span{height:0%;}
.grid-info #ls5 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls5 [type=radio]:checked ~ label.ls_l span{height:30%;}
.grid-info #ls5 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls5 [type=radio]:checked ~ label.ls_r span{height:20%;}
.grid-info #ls6 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls6 [type=radio]:checked ~ label.ls_l span{height:50%;}
.grid-info #ls6 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls6 [type=radio]:checked ~ label.ls_r span{height:50%;}
.grid-info #ls7 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls7 [type=radio]:checked ~ label.ls_l span{height:90%;}
.grid-info #ls7 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls7 [type=radio]:checked ~ label.ls_r span{height:80%;}
.grid-info #ls8 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls8 [type=radio]:checked ~ label.ls_l span{height:0%;}
.grid-info #ls8 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls8 [type=radio]:checked ~ label.ls_r span{height:0%;}
.grid-info #ls9 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls9 [type=radio]:checked ~ label.ls_l span{height:40%;}
.grid-info #ls9 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls9 [type=radio]:checked ~ label.ls_r span{height:50%;}
.grid-info #ls10 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls10 [type=radio]:checked ~ label.ls_l span{height:60%;}
.grid-info #ls10 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls10 [type=radio]:checked ~ label.ls_r span{height:50%;}
.grid-info #ls11 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls11 [type=radio]:checked ~ label.ls_l span{height:45%;}
.grid-info #ls11 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls11 [type=radio]:checked ~ label.ls_r span{height:70%;}
.grid-info #ls12 [type=radio]:checked ~ label.ls_l::after, .grid-info #ls12 [type=radio]:checked ~ label.ls_l span{height:30%;}
.grid-info #ls12 [type=radio]:checked ~ label.ls_r::after, .grid-info #ls12 [type=radio]:checked ~ label.ls_r span{height:40%;}
.grid-info [type=radio]:checked ~ label ~ .content{opacity:1;z-index:1;}
.grid-info .vs-left, .grid-info .vs-right{display:block;height:80px;width:40%;position:absolute;top:10px;left:.5%;text-align:left;z-index:9999 !important;}
.grid-info .vs-right{left:60%;text-align:right;}
.grid-info .vs-left img, .grid-info .vs-right img{float:left;margin:0 10px;}
.grid-info .vs-right img{float:right;}
.grid-info .vs-left h1, .grid-info .vs-right h1{color:#fff;opacity:.5;font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:36px;text-transform:none;}
.tab .content .top_text{display:block;width:40%;height:90px;overflow:visible;margin:0;text-align:right;float:right;position:absolute;text-shadow:0px 0px 2px rgba(0,0,0,0.7);text-transform:uppercase;z-index:100;}
.tab .content .top_text h2{text-transform:uppercase;font-size:32px;color:#fff;font-weight:bold;font-family:"Trebuchet MS", Helvetica, sans-serif;text-shadow:0 0 2px rgba(0,0,0,0.7);color:#fff;padding:10px 0 0 0;font-size:200%;line-height:34px;vertical-align:middle;width:auto;margin:0;}
.tab .content .top_text i{color:#fff;padding:0;width:auto;color:#FFC;font-weight:normal;font-family:"Trebuchet MS", Helvetica, sans-serif;font-weight:bold;font-size:95%;display:block;width:100%;float:right;}
@media screen and (max-width:1370px){.grid-info .tabs .tab label.ls{width:50px;height:50px;}
.grid-info .tab label.ls::after{width:48px;background-size:50px 50px !important;}
.grid-info #ls1 label.ls{left:35%;}
.grid-info #ls2 label.ls{left:45%;}
.grid-info #ls3 label.ls{left:55%;}
.grid-info #ls4 label.ls{left:65%;}
.grid-info #ls5 label.ls{left:35%;}
.grid-info #ls6 label.ls{left:45%;}
.grid-info #ls7 label.ls{left:55%;}
.grid-info #ls8 label.ls{left:65%;}
.grid-info #ls9 label.ls{left:35%;}
.grid-info #ls10 label.ls{left:45%;}
.grid-info #ls11 label.ls{left:55%;}
.grid-info #ls12 label.ls{left:65%;}
.tab .content .top_text{bottom:90px !important}
.tab .content .top_text h2{text-transform:uppercase;font-size:32px;color:#fff;font-weight:bold;font-family:"Trebuchet MS", Helvetica, sans-serif;text-shadow:0 0 2px rgba(0,0,0,0.7);font-size:16px;line-height:14px;}
.tab .content .top_text i{font-size:10px !important;line-height:10px !important;}
.tab .content .info_content{position:absolute;display:block;width:12%;height:60px;background:rgba(0,2,20,0.9);padding:10px;border-bottom:5px solid #4e2e5d;}
.info_text{font-size:17px;line-height:17px;text-align:center;font-weight:normal;color:#fff;text-transform:uppercase;font-style:italic;font-family:'Humnst', Helvetica, sans-serif;-webkit-font-smoothing:antialiased;}
.grid-info .vs-left img, .grid-info .vs-right img{width:50px !important;height:50px !important;}
.grid-info .tabs .ls_l, .grid-info .tabs .ls_r{height:60%;}
}
@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%;}
}