.gmnoprint { left: 80px; position: absolute !important; right: auto !important; } .gmnoprint.gm-style-cc { margin-left: 350px; } #external_links { background: #1567aa none repeat scroll 0 0; border-radius: 4px; color: white; left: 50px; position: fixed; top: 10px; width: 200px; z-index: 6; } #external_links .link_content { padding: 10px 20px 10px 33px; } #external_links .link_content img { height: 10px; } #external_links a { display: block; color: #ffffff; margin-bottom: 5px; } #map_overlay { z-index: 5; position: fixed; width: 100%; height: 100%; background: #fff; opacity: 0.6; } #map_holder { position: relative !important; width: 100%; height: 100vh; left: 0; top: 0; z-index: 0; } #right_col { min-height: 100%; width: 300px; position: relative; z-index: 10; right: 10px; border-radius: 4px; height: 90vh; margin-top: -90vh; overflow: scroll; } #right_col #legal_links { background: #1567aa; opacity: 0.8; padding: 5px 20px 5px 20px; height: 30px; line-height: 20px; font-size: 12px; } #right_col #legal_links img { height: 13px; } #right_col #legal_links a { display: inline-block; margin-right: 10px; color: white; } #right_col h3 { background: #1567aa; margin: 0; height: 50px; line-height: 50px; color: white; padding-left: 15px; font-size: 16px; font-weight: bold; box-shadow: 0 3px 3px -2px #880b15; } #right_col .expand_item, #right_col .minify_item { font-size: 30px; position: absolute; right: 30px; top: 35px; } #right_col .minify_item { display: none; } #right_col .active .expand_item { display: none; } #right_col .active .minify_item { display: block; } #right_col ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } #right_col li { background: #1567aa; opacity: 0.8; color: white; border-bottom: 1px solid white; padding: 15px 0 15px 20px; position: relative; } #right_col li:hover, #right_col li.active { opacity: 1; cursor: pointer; } #right_col li:first-child:hover { border-top: 1px solid white; margin-top: -1px; } #right_col li p { margin-bottom: 5px; } #info_col { width: 340px; height: 100vh; background: #1567aa; position: fixed; right: 310px; z-index: 10; padding: 20px; color: #ffffff; font-size: 14px; top: 0; } #info_col .custom_icons { height: 14px; padding-right: 5px; } #info_col .partner_logo { border-radius: 4px; background: #fff; padding: 5px; } #info_col div { margin-bottom: 30px; } #info_col p { margin-bottom: 15px; line-height: 18px; } #info_col a { color: white; font-weight: bold; } #info_col .btn-default { color: #333; width: 100%; font-weight: bold; } #info_col ul { list-style-type: none; list-style-position: inside; padding-left: 0; } #btn-send { background: #1567aa; border: 1px #1567aa; } #btn-send:hover { background: #880b15; } .bootstrap-dialog.type-primary .modal-header { background: #1567aa; } /** ============================= mobile ======================= **/ @media (max-width: 1024px) { #my_container { max-width: 1024px; margin: 0 auto; height: 100vh; } #map_holder { display: none; } #external_links { background: #1567aa none repeat scroll 0 0; border-radius: 0; margin-bottom: 20px; left: auto; position: static; top: auto; width: 100%; z-index: 6; } #right_col { border-radius: 4px; float: none !important; min-height: 100%; position: static; width: 100%; z-index: 10; } #right_col li.partner_item { cursor: pointer; } #info_col { min-height: initial; position: absolute; right: 0; top: 0 !important; width: 100%; height: 100%; overflow: scroll; } html body.info_active, body.info_active { height: 100vh; overflow: hidden; } .partner_logo { max-width: 100%; } } /** * iPad with portrait orientation. */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { html body.info_active, body.info_active, #info_col { height: 1024px; } } /** * iPad with landscape orientation. */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) { html body.info_active, body.info_active, #info_col { height: 768px; } } /** * iPhone 5 * You can also target devices with aspect ratio. */ @media screen and (device-aspect-ratio: 40 / 71) { html body.info_active, body.info_active, #info_col { height: 500px; } } /*# sourceMappingURL=front.css.map */