@charset "UTF-8";
/* CSS Document */

@import "tooltip-line.css";

p {text-align: center !important;}

.inner_container {background:#e6e7e8 !important;}

.contact_info {display: block; position: absolute; background: rgba(230,231,232,0.85); width: 960px; left: calc(50% - 480px);z-index: 10; border-radius: 0 0 25px 25px; overflow: hidden;border: #ccc thin solid;border-top: none !important;}
.left_content {display: inline-block; position: relative; width: 50%; float: left; background: none; text-align: center; height:650px; padding: 20px 0 30px 0; overflow: hidden;}
.right_content {display: inline-block; position: relative; width: 50%; float: right; background: none; text-align: center; height:600px; padding: 20px 0 70px 0;}

#navi {display: inline-block; position: relative; width:271px; background: none; text-align: center;}
#parking_info{display: inline-block; position: relative; width: 171px; height: 35px; background: url(../img/parking_info.png) center center no-repeat;}

.contact_forms_frame {display: inline-block; width: 340px; height: 550px; left: calc(50% - 170px);}

#cont {display: none;}
.form_type {display: inline-block; position: relative; width:340px; height: 55px; background: none; left:0; top:0;}
#contactGF {display: inline-block; position: relative; width:340px; height: 55px; background: none;}
#contactFM {display: none; position: relative; width:340px; height: 55px; background: none;}
#fm01 {display: block; position: absolute; width: 170px; height: 50px; left: 0px; background: url(../img/contact_type2.png) top left; top: 0;}
#gf01 {display: block; position: absolute; width: 170px; height: 50px; right: 0px; background: url(../img/contact_type2.png) top right; top: 0;}
#fm02 {display: block; position: absolute; width: 170px; height: 50px; left: 0px; background: url(../img/contact_type2.png) bottom left; top: 0;}
#gf02 {display: block; position: absolute; width: 170px; height: 50px; right: 0px; background: url(../img/contact_type2.png) bottom right; top: 0;}


#waze {display: inline-block; position: relative; width: 128px; height: 128px; background:url(../img/navi_opt.png) left top no-repeat;}
#waze:hover {background:url(../img/navi_opt.png) left center no-repeat;}
#waze:active {background:url(../img/navi_opt.png) left bottom no-repeat;}
#g_maps {display: inline-block; position: relative; width: 128px; height: 128px; background:url(../img/navi_opt.png) right top no-repeat;}
#g_maps:hover {background:url(../img/navi_opt.png) right center no-repeat;}
#g_maps:active {background:url(../img/navi_opt.png) right bottom no-repeat;}


.gmap {display: inline-block; position: relative; width: 100%; height: calc(565px + 100vh); background: rgb(230,231,232); z-index: 0 !important; margin-top: 0px; bottom: 0px !important;margin-bottom: 0px !important; }

.callBoxFrame {display: block; position: absolute; width: 320px; height: 184px; margin: 0 auto; background: rgb(230,231,232);z-index: 11002;border-radius: 20px; top: calc(50vh - 92px); left: calc(50vw - 160px);}
.callBoxFrame p {display: inline-block; font-size: 14pt !important; text-align: center; width: 100%; margin-top: 25px !important;}
.phoneCall {display: inline-block; position: absolute; width: 100px; height: 100px; background: url(../img/contact_option.png) top left; background-size: cover; left: 40px !important; bottom: 20px !important;}
.whatsApp {display: inline-block; position: absolute; width: 100px; height: 100px; background: url(../img/contact_option.png) top right; background-size: cover; right: 40px !important; bottom: 20px !important;}
#callBox1 {display: none;}
#callBox2 {display: none;}

@media screen and (max-width:1140px) and (min-width:1041px) {

}

@media screen and (max-width:1040px) and (min-width:961px) {

}

@media screen and (max-width:960px) and (min-width:861px) {

}

@media screen and (max-width:860px) and (min-width:641px) {

}

@media screen and (max-width:860px) and (min-width:761px) {

}

@media screen and (max-width:960px) and (min-width:761px) {
.contact_info {background: rgba(230,231,232,0.85); width:100%; border-radius: 0;left: 0;}
}

@media screen and (max-width:760px) {
.left_content {width: 100%; margin: 0 auto; height:680px; padding: 20px 0 60px 0;}
.right_content {width: 100%; margin: 0 auto; height:630px; padding: 20px 0 100px 0;}
.contact_info {background: rgba(230,231,232,1); width:100%; border-radius: 0;left: 0;}
.gmap {height: calc(565px + 565px + 100vh); margin-top: 565px;}
}