/************************
***** SPLASH SCREEN *****
************************/
section.body { padding-top: 30px; }
.internal section.container-fluid { padding-left: 0px; padding-right: 0px; }
#home div.splashScreen { margin-top: 91px; margin-bottom: 36px; width: 100%; }
html #home .splashScreen div.hide, .hide { display: none; }
.splash-block > div { width: 100%; padding: 0; margin: 0; position: relative; height: 100% !important; }
.splashScreen div { height: 100%; overflow: hidden; }

/* force percentages for the hero splash area */
.splashScreen > div.col-sm-7 > div { height: 50%; }
.splashScreen > div.col-sm-7 > div > div,
.splashScreen > div.col-sm-7 > div > div > div { height: 100% !important; }
.splashScreen > div.col-sm-5 > div.col-xs-6 { height: 25%; }

#home .splashScreen .col-sm-12,
#home .splashScreen .col-sm-7,
#home .splashScreen .col-sm-5,
#home .splashScreen .col-sm-6,
#home .splashScreen .col-xs-6 { padding: 0 0 2px 0; }
#home .splashScreen .col-sm-12 { padding-right: 2px; }
#home .splashScreen .col-sm-5 .col-sm-12 { padding-right: 0; }
#home .splashScreen .splashheader{ color: #fcd00c; font-weight: 800; left: 50%;  margin-top: 0px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-shadow: 2px 2px #000; z-index: 6; }
#home .splashScreen .splashheader{ font-size: 100px; cursor: pointer; }
body #home div.col-xs-6 > a img.img-responsive { max-height: 100%; width: initial; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
body #home .gradientYellow { background: #ffffff; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#fff278)); background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#fff278 100%); background: -webkit-linear-gradient(315deg, #ffffff 0%, #fff278 100%); background: linear-gradient(135deg,  #ffffff 0%,#fff278 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff278',GradientType=1 ); }
.splashScreen > div img { -webkit-animation: pulsate 3s ease-in-out; animation: pulsate 3s ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes pulsate { 0%, 100% {-webkit-transform: scale(.95, .95)} 50% {-webkit-transform: scale(.92, .92)} }
@keyframes pulsate { 0%, 100% { -webkit-transform: scale(.95, .95); transform: scale(.95, .95)} 50% {-webkit-transform: scale(.92, .92);transform: scale(.92, .92)} }
#home div.splashScreen{margin-top:91px;margin-bottom:36px;width:100%;}
html #home .splashScreen div.hide, .hide{display:none;}
.splash-block > div > div{background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;width:100%;}
.splash-block > div{width:100%;padding:0;margin:0;position:relative;height:100% !important;}
.splashScreen div{height:100%;overflow:hidden;}
.splashScreen > div.col-sm-7 > div{height:50%;}
.splashScreen > div.col-sm-7 > div > div,
.splashScreen > div.col-sm-7 > div > div > div{height:100% !important;}
.splashScreen > div.col-sm-5 > div.col-sm-12{height:75%;}
.splashScreen > div.col-sm-5 > div.col-xs-6{height:25%;}
#home .splashScreen .col-sm-12,
#home .splashScreen .col-sm-7,
#home .splashScreen .col-sm-5,
#home .splashScreen .col-sm-6,
#home .splashScreen .col-xs-6{padding:0 0 2px 0;}
#home .splashScreen .col-sm-12{padding-right:2px;}
#home .splashScreen .col-sm-5 .col-sm-12{padding-right:0;}
#home .splashScreen .splashheader{color:#fcd00c;font-weight:800;left:50%;margin-top:0px;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-shadow:2px 2px #000;z-index:6;}
#home .splashScreen .splashheader{font-size:100px;cursor:pointer;}
#home .splashScreen .col-sm-5 .col-xs-6 h2{font-size:50px;}
#home .splashScreen .col-sm-5 .col-xs-6 .splashheader {font-size:50px;}
body #home div.col-xs-6 > img.img-responsive{max-height:100%;width:initial;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;}
body #home .gradientYellow{background:#ffffff;background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#fff278));background:-webkit-linear-gradient(-45deg, #ffffff 0%,#fff278 100%);background:-webkit-linear-gradient(315deg, #ffffff 0%, #fff278 100%);background:linear-gradient(135deg, #ffffff 0%,#fff278 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff278',GradientType=1);}
.splashScreen > div img{-webkit-animation:pulsate 3s ease-in-out;animation:pulsate 3s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes pulsate{0%, 100%{-webkit-transform:scale(.95, .95)}
50%{-webkit-transform:scale(.92, .92)}
}
@keyframes pulsate{0%, 100%{-webkit-transform:scale(.95, .95);transform:scale(.95, .95)}
50%{-webkit-transform:scale(.92, .92);transform:scale(.92, .92)}
}

@media (max-width: 767px) {
    /* .splashScreen > .col-sm-7 { height: 50%; } */
    .splashScreen > .col-sm-7.col-xs-6 {height:100%;}

    /* .splashScreen > .col-sm-5 { height: 50%; } */
    .splashScreen > .col-sm-5.col-xs-6 { height: 100%; }
    .splashScreen > .col-sm-7 > .col-sm-12 { height: 50%; }
    .splashScreen > .col-sm-5 > .col-sm-12 { height: 50% !important; }
    .splashScreen > .col-sm-5 > .col-xs-6 { height: 50% !important;}
    .col-xs-6.splash-block.splash-play,
    .col-xs-6.splash-block.splash-eat,
    .col-xs-6.splash-block.splash-stay,
    .col-xs-6.splash-block.splash-meet { width: 100%; }
    #home .splashScreen .splashheader{ font-size: 50px; }
    #home div.splashScreen { margin-bottom: 2px; margin-top: 2px;}
	#home .splashScreen .col-sm-12,
    #home .splashScreen .col-sm-7,
    #home .splashScreen .col-sm-5,
    #home .splashScreen .col-sm-6 { padding: 0 1px 1px 0; }
    #home .splashScreen .col-xs-6 { padding: 0; }
    #home .splashScreen .col-sm-12:nth-child(2) { padding: 0 1px 0 0; }
    .gradientYellow img.img-responsive { height: 100px; margin: auto; padding: 5px 0; }
    
    
}