a { text-decoration:none; color:#ffffff; font-weight:100; } /* FIXED SCROLL */ #containerfixedscroll { display:block; margin: 0 auto; padding: 0 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:7.2%; background-color:#ffffff; } .slideshow_center { text-align:center !important; } /* SIMPLE BUTTON */ .btn_simple{ background-color: #6B97C6; border: none; color: #FFFFFF; padding: 15px; text-align: center; font-family: 'Corbel', Arial, sans-serif; text-decoration: none; display: inline-block; font-weight:800; font-size: 17px; margin: 4px 2px; border-radius: 8px; } .btn_simple:hover { opacity: 0.8; font-weight:bold; /*background-color:#6B97C6;*/ background-color:#000000; color: #FFFFFF; padding: 15px; text-align: center; font-family: 'Corbel', Arial, sans-serif; text-decoration: none; display: inline-block; font-weight:800; font-size: 17px; margin: 4px 2px; border-radius: 8px; } .membersimage { width:450px; height:auto; } .href_orange { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:700;} .href_orange:visited { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:500;} .href_orange:hover{ font-family:Calibri Light, Helvetica; color:#96462E; text-decoration: underline; font-weight:900;} .href_orange a { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:500;} .href_white { font-family:Calibri Light, Helvetica; color:#ffffff; font-weight:570;} .href_white:visited { font-family:Calibri Light, Helvetica; color:#ffffff; text-decoration: underline; font-weight:500;} .href_white:hover{ font-family:Calibri Light, Helvetica; color:lightgray; text-decoration: underline; font-weight:900;} .href_white a { font-family:Calibri Light, Helvetica; color:#ffffff; font-weight:500;} .href_footergrey { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:500; font-size:1.1em; } .href_footergrey:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500; font-size:1.1em; } .href_footergrey:hover{ font-family:Calibri Light, Helvetica; color:#2C2D2D; text-decoration: underline; font-weight:500; font-size:1.1em; } .href_footergrey a { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:500; font-size:1.1em; } .imgresize_research { width:75%; height:auto; } .imgresize_research_individual { width:70%; height:auto; } .imgresize_home { width:80%; height:auto; } .imgresize_logo { width:250px; height:auto; } .imgresize_contact { } h1 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.9em; font-weight:600; color:#000000; padding:5% 0 0 0; } h2 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.1em; font-weight:530; color:#ffffff; line-height:1.8;} h3 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.7em; font-weight:530; color:#ffffff; padding:5% 0 0 0; } h4 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.0em; font-weight:500; color:#000000; line-height:1.8; padding:0.1% 0 0 0; } h5 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.6em; font-weight:530; color:#000000; padding:1% 0 0 0; } h6 { font-family:Calibri Light, Helvetica; font-size: 3em; font-weight:300; line-height:1.5; color:#000000; text-align:center; } .findmemberouter { display:none; } #findmember { display:none; } .logoresize { display:none; } .container_menubar { display:block; text-align:right; width: 100%; height:71px; margin: 0 auto; padding: 0; /* background-color:rgba(250, 245, 245, 0.918);*/ background-color:#000000; } #menubar_all { display:block; width:100%; height:99% !important; margin: 0 auto; text-align:center !important; padding: 0; padding:0.1% 0 0 0; /*background-color:#ffffff;*/ background-color:#000000; } #menubar_left { float:left; width:60%; height:auto; text-align:left; vertical-align:center; height:auto; margin:0.75% 0 0 5%; opacity:1.0; } #menubar_right { float:right; width:auto; text-align:right; margin:0 0 0 0; height:auto; opacity:1.0; z-index:200; color:#000000; font-size:2em; font-weight:bold; } #menubar_left_test { float:left; width:40%; height:auto; text-align:left; vertical-align:center; height:auto; margin:0.75% 0 0 5%; opacity:1.0; } #menubar_right_test { float:right; width:auto; text-align:right; margin:0 0 0 0; height:auto; opacity:1.0; z-index:200; color:#000000; font-size:2em; font-weight:bold; } .txtinputcontact { height:40px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:70%; } .txtinputsearchbox { height:40px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:70%; } /* HOME PAGE */ .near_bottom_page{ position: absolute; bottom: 32%; width: 100%; text-align:center; } .view_more{ font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight:900; font-size:1.1em; position: absolute; bottom: 1%; width: 92%; } .heading_left { float:left; width:100%; height:auto; margin:-45% 0 2% 0; text-align:center; vertical-align:bottom; vertical-align:text-bottom; } .heading_right { float:right; width:48%; height:auto; margin:2.4% 1% 2% 0; text-align:right; vertical-align:bottom; vertical-align:text-bottom; } /* Home Page */ #container_project { display:block; text-align:center; width: 100%; height:670px; margin: 0 auto; padding: 0; background-color:rgba(250, 245, 245, 0.918); } .inner_project { display:block; width:100%; height:auto !important; margin: 0 auto; text-align:center !important; padding: 0; background-color:#95948F; } .project_left { float:left; width:50%; height:auto; text-align:left; height:100%; background-color:#ffffff; opacity:1.0; padding:3% 1% 0 5%; } .project_right { float:right; width:50%; height:auto; text-align:left; height:100%; /*background-color:#93948F;*/ background-color:#5E6E7E; opacity:1.0; z-index:200; padding:3% 0 0 5%; } /* Home Page - SEARCH LOCATION */ #container_searchlocation { display:block; text-align:center; width: 100%; height:200px; margin: 0 auto; padding: 0; background-color:#ffffff; } .searchlocation_inner { display:block; width:1024px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; } #search_align { width:100%; text-align:center !important; margin: 0 auto; padding: 0; margin:0 0 0 0; } /* Contact Page */ #container_topcontact{ display:block; text-align:center; background-color:#ffffff; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .topcontact_inner { width:824px; height:100px; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0; color:#000000; } a.phone_black { color: #000000; } #container_contactform { display:block; text-align:center; background-color:#E8E8E8; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .contact_inner { width:1024px; height:auto !important; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 5% 0 0 0; color:#000000; } .contact_left { display:inline-block; width:50%; text-align:left; opacity:1.0; padding:0 0 0 5%; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A; } .contact_right { display:inline-block; width:42%; opacity:1.0; margin:0 0 0 3%; line-height:2.0; padding:0 0 0 0.5%; /*background-color:#7B7F82;*/ color:#ffffff; vertical-align: top; text-align:center; } /* Contact page */ .h8 { font-family:Calibri Light, Helvetica; font-size: 1.1em; font-weight:900; line-height:1.5; color:#000000; text-align:left; } .h9 { font-family:Calibri Light, Helvetica; font-size: 1em; font-weight:200; line-height:1.5; color:#000000; text-align:left; } /* HOME Page - MAP */ #container_feedback { display:block; text-align:center; width: 100%; height:500px; margin: 0 auto; padding: 0; background-color:#000000; } .feedback_inner { display:block; width:100%; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; background-color:#000000; } #container_displaymap { display:block; z-index:-1; /*background:url('../images/google-map.png') no-repeat left;*/ height:395px; width:100%; max-width:100%; } /* Format big circle logo */ .logoformat { width:160px; height:auto; } /* members page grid layout */ .grid-container { display: grid; row-gap:5px; grid-template-columns: auto auto auto; /*background-color: #2196F3;*/ background-color: #ffffff; padding: 10px; font-family:'Arial Narrow Bold', sans-serif; /*column-gap: 50px;*/ } .grid-item { background-color: rgba(255, 255, 255, 0.8); /* border: 1px solid rgba(0, 0, 0, 0.8); */ border-bottom:solid 1px black; padding: 15px; font-size: 19px; text-align: left; } .grid-item:hover { background-color:lightgray; } /* members detail page */ #container_members { display:block; text-align:center; width: 100%; height:2700px; margin: 0 auto; padding: 0; background-color:rgba(250, 245, 245, 0.918); } .inner_members { display:block; width:100%; height:100% !important; margin: 0 auto; text-align:center !important; padding: 0; background-color:#ffffff; } .membersdetail_left { float:left; width:49%; height:auto; text-align:left; margin:0 0 0 5%; } .membersdetail_right { float:right; width:40%; height:auto; text-align:left; margin:0 5% 0 0; } /* Footer */ #container_footer_top { display:block; text-align:center; width: auto; height:250px; margin: 0 auto; padding: 0; background-color:#252317; background-color:#000000; } .footer_top_inner { display:block; width:1024px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto; } .footertop_left { float:left; width:53%; height:auto; text-align:left; margin:2% 0 0 0; } .footertop_middle { float:left; width:36%; height:auto; text-align:left; margin:2% 0 0 6%; } .footertop_right { float:right; width:4%; height:auto; text-align:left; margin:2% 0 0 0; } /* Contact page - MAPS */ #container_maps { display:block; text-align:center; background-color:#FFFFFF; width: auto; height:500px !important; margin: 0 auto; padding: 0; } .maps_inner { width:99%; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0; color:#000000; margin:2% 0 2% 0; } .txtinputcontact { height:27px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; } .txtselectcontact { height:33px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; } .txtrowscontact { height:115px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;} /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { } /* Iphone Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 1) /* and (-webkit-text-size-adjust:auto) 414 width */ and (orientation: portrait) { /* Members Page */ #extra-spacing-iphone { padding-bottom: 5% !important; } #hide-iphone { display:none !important; } .slideshow_center { text-align:center !important; width:100% !important; max-width:100% !important; } /* Home Page */ h1 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000 !important; text-align:center !important; padding:0 2% 0 2%; } h2 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; line-height:1.8;} h4 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000; line-height:1.8 !important; padding:0.1% 2% 0 2%; } h3 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; padding:5% 0 0 0; } .iphone_map { display:block; width:100% !important; max-width:100% !important; height:350px !important; } /* Format big circle logo */ .logoformat { display:none !important; } .href_orange { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:500;} .href_orange:visited { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:400;} .href_orange:hover{ font-family:Calibri Light, Helvetica; color:#96462E; text-decoration: underline; font-weight:700;} .href_orange a { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:400;} #container_displaymap { display:block; z-index:-1; background:url('../images/google-map.png') no-repeat left; height:600px !important; width:100%; max-width:100%; } .href_white { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:hover{ font-family:Calibri Light, Helvetica; color:lightgray; text-decoration: underline; font-weight:700;} .href_white a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} #home { background-image: none !important; height:0 !important; } #members { background-image: none !important; height:0 !important; width:100% !important; max-width:100% !important; } .nodisplayiphone { display:none !important; } /* .near_bottom_page {display:none !important; height:0 !important; } */ .near_bottom_page { display:none !important; bottom: 0 !important; width: 0 !important; text-align:center; } .grid-container { display: grid; row-gap:0 !important; grid-template-columns: 100%; background-color: #ffffff; padding-left:2% !important; font-family:'Arial Narrow Bold', sans-serif; column-gap:0 !important; } .grid-item { background-color: rgba(255, 255, 255, 0.8); /*border: 1px solid rgba(0, 0, 0, 0.8);*/ /*border-bottom: 1px solid rgba(0, 0, 0, 0.8);*/ border-bottom:none !important; /*padding: 15px;*/ padding:0 !important; line-height:1.1 !important; /*font-size: 3.2em !important;*/ font-size: 1.4 !important; text-align: left; } .logoresize { display:block !important; width:50% !important; max-width:50% !important; height:auto !important; z-index:1000; margin:5% 0 0 0; } .findmemberouter { display:block; text-align:center; width: 100%; height:80px; margin: 0 auto; padding: 0; } #findmember { display:block; background-color:#000000; color:#ffffff; padding:5% 0 5% 0; height:auto; text-align:center; font-family:'Arial Narrow Bold', sans-serif; font-size:1.5em; margin:5% 0 0 0; } .example { display:none !important; } /* Home Page - SEARCH LOCATION */ #container_searchlocation { display:block; text-align:center; width: 100%; height:240px !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .searchlocation_inner { width:100% !important; max-width:100% !important; height:100% !important; } #search_align { float:left !important; width:100% !important; max-width:100% !important; height:100% !important; } /* home Page - SEARCH BUTTON */ /* Style the search field */ form.example2 input[type=text] { padding: 10px; font-size:20px !important; border: 1px solid grey; /*float: left;*/ width: 80% !important; background: #f1f1f1; } /* Style the submit button */ form.example2 button { width: 9% !important; height:10% !important; padding: 11.5px; background:#ffffff; color:#4B4B4B; font-size:20px !important; border: 1px solid grey; border-left: none; /* Prevent double borders */ cursor: pointer; } /* members detail page */ #container_members { display:block; text-align:center; width:100% !important; max-width:100% !important; height:auto !important; margin: 0 auto; padding: 0; background-color:rgba(250, 245, 245, 0.918); } .inner_members { display:block; width:100% !important; max-width:100% !important; height:auto !important; margin: 0 auto; text-align:center !important; padding: 0; background-color:#ffffff; margin:0 0 0 2%; } .txtinputsearchbox { height:50px !important; font-size:22px; line-height:1.0; vertical-align:top; font-family:Arial; width:90% !important; } .searchbuttonstyle { height:50px !important; width:9% !important; } .membersdetail_left { float:left; width:94% !important; height:auto; text-align:left; margin:0 5% 0 1% !important; } .membersdetail_right { float:left !important; width:98% !important; height:auto; text-align:center !important; margin:0 1% 0 1% !important;} .mapclass { width:98% !important; max-width:98% !important; height:auto !important; } .href_blackiphone { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:hover{ font-family:Calibri Light, Helvetica; color:rgb(9, 53, 53); text-decoration: underline; font-weight:500;} .href_blackiphone a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .imgresize_home { width:100% !important; max-width:100% !important; height:auto; } .imgresize_logo { width:100% !important; height:auto; } .membersimage { width:100% !important; max-width:100% !important; height:auto; } #menubar_all { width:100% !important; } .btn_simple { font-size:20px !important; } .view_more{ font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight:900; font-size:1.1em; position: absolute; bottom: 2.6% !important; width: 92%; } #bg { height:40% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #contactus { height:5% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #portfolio { height:40% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #container_project { background-color:#ffffff !important; height:auto !important; } .inner_project { background-color:#ffffff !important; width:100% !important; height:100% !important; } .project_left { display:block !important; width:98% !important; margin:0 1% 0 1% !important; text-align:justify !important; height:110% !important; padding:0 !important; background-color:#ffffff !important; } .project_right { display:block !important; width:90% !important; margin:0 5% 0 5% !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } /* HOME Page - MAP */ #container_feedback { display:block; float:left !important; text-align:center; width: 100% !important; padding:0 !important; height:400px !important; background-color:#ffffff; } .feedback_inner { display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; background-color:#ffffff; } /* Contact Page */ #container_topcontact{ display:block; text-align:center; background-color:#ffffff; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .topcontact_inner { width:100% !important; max-width:100% !important; height:100px; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0; color:#000000; } #container_contactform { display:block; text-align:center; background-color:#ffffff !important; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .contact_inner { width:100% !important; max-width:100% !important; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0 !important; color:#000000; } .contact_left { display:inline-block; width:95% !important; height:auto !important; text-align:left; opacity:1.0; padding:0 0 0 5%; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A; } .contact_right { display:inline-block; width:100% !important; height:auto !important; opacity:1.0; margin:0 0 0 0 !important; line-height:2.0; padding:0 0 0 0 !important; /*background-color:#7B7F82;*/ color:#ffffff; vertical-align: top; text-align:center; } .imgresize_contact { width:100% !important; max-width:100% !important; height:auto !important; } .h8 { font-family:Calibri Light, Helvetica; font-size: 1.4em !important; font-weight:900; line-height:1.5; color:#000000; text-align:left; } .h9 { font-family:Calibri Light, Helvetica; font-size: 1.3em !important; font-weight:200; line-height:1.5; color:#000000; text-align:left; } /* Footer */ #container_footer_top { display:block; text-align:center; width:100% !important; height:100% !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .footer_top_inner { display:block !important; width:100% !important; } .footertop_left { display:block !important; float:left !important; width:97% !important; height:110px !important; text-align:left; margin:2% 0 0 3% !important; } .footertop_middle { display:block !important; float:left !important; width:94%; height:100px !important; text-align:left; margin:1% 3% 0 3% !important; } .footertop_right { display:block !important; float:left !important; width:94%; height:1px !important; text-align:left; margin:1% 3% 0 3%; } .icon_foriphone { display:none !important; } } /* Iphone 5 / 5s Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 1) /* and (-webkit-text-size-adjust:auto) 414 width */ and (orientation: landscape) { /* Members Page */ #extra-spacing-iphone { padding-bottom: 5% !important; } #hide-iphone { display:none !important; } /* Home Page */ h1 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000 !important; text-align:center !important; padding:0 2% 0 2%; } h2 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; line-height:1.8;} h4 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; line-height:2.0 !important; padding:0.1% 2% 0 2%; } h3 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; padding:5% 0 0 0; } /* Hide circle logo */ .logoformat { display:none !important; } .iphone_map { display:block; width:100% !important; max-width:100% !important; height:350px !important; } .href_orange { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:500;} .href_orange:visited { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:400;} .href_orange:hover{ font-family:Calibri Light, Helvetica; color:#96462E; text-decoration: underline; font-weight:700;} .href_orange a { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:400;} #container_displaymap { display:block; z-index:-1; background:url('../images/google-map.png') no-repeat left; height:600px !important; width:100%; max-width:100%; } .href_white { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:hover{ font-family:Calibri Light, Helvetica; color:lightgray; text-decoration: underline; font-weight:700;} .href_white a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} #home { background-image: none !important; height:0 !important; } #members { background-image: none !important; height:0 !important; width:100% !important; max-width:100% !important; } .nodisplayiphone { display:none !important; } /*.near_bottom_page {display:none !important; height:0 !important; }*/ .near_bottom_page { display:none !important; bottom: 0 !important; width: 0 !important; text-align:center; } .grid-container { display: grid; row-gap:0 !important; grid-template-columns: 100%; background-color: #ffffff; padding-left:2% !important; font-family:'Arial Narrow Bold', sans-serif; column-gap:0 !important; } .grid-item { background-color: rgba(255, 255, 255, 0.8); /*border: 1px solid rgba(0, 0, 0, 0.8);*/ /*border-bottom: 1px solid rgba(0, 0, 0, 0.8);*/ border-bottom:none !important; /*padding: 15px;*/ padding:0 !important; line-height:1.5 !important; /*font-size: 3.2em !important;*/ font-size: 1.4em !important; text-align: left; } .logoresize { display:block !important; width:50% !important; max-width:50% !important; height:auto !important; z-index:1000; } .findmemberouter { display:block; text-align:center; width: 100%; height:80px; margin: 0 auto; padding: 0; } #findmember { display:block; background-color:#000000; color:#ffffff; padding:5% 0 5% 0; height:auto; text-align:center; font-family:'Arial Narrow Bold', sans-serif; font-size:1.5em; margin:5% 0 0 0; } .example { display:none !important; } .containerfixedscroll { /*display:none !important;*/ border:solid 1px red; } .container_menubar { display:none !important; } /*.near_bottom_page { display:none; } */ .near_bottom_page { display:none !important; bottom: 0 !important; width: 0 !important; text-align:center; } .href_blackiphone { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:hover{ font-family:Calibri Light, Helvetica; color:rgb(9, 53, 53); text-decoration: underline; font-weight:500;} .href_blackiphone a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .imgresize_home { width:100% !important; max-width:100% !important; height:auto; } .imgresize_logo { width:100% !important; height:auto; } .membersimage { width:100% !important; max-width:100% !important; height:auto; } #menubar_all { width:100% !important; } .btn_simple { font-size:20px !important; } .view_more{ font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight:900; font-size:1.1em; position: absolute; bottom: 2.6% !important; width: 92%; } #bg { height:66% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #contactus { height:10% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #portfolio { height:75% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #container_project { background-color:#ffffff !important; height:auto !important; } .inner_project { background-color:#ffffff !important; width:100% !important; height:100% !important; } .project_left { display:block !important; width:98% !important; margin:0 1% 0 1% !important; text-align:justify !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } .project_right { display:block !important; width:100% !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } /* HOME Page - MAP */ #container_feedback { display:block; float:left !important; text-align:center; width: 100% !important; padding:0 !important; height:400px !important; background-color:#ffffff; } .feedback_inner { display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; background-color:#ffffff; } /* Home Page - SEARCH LOCATION */ #container_searchlocation { display:block; text-align:center; width: 100%; height:240px !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .searchlocation_inner { width:100% !important; max-width:100% !important; height:100% !important; } #search_align { float:left !important; width:100% !important; max-width:100% !important; height:100% !important; } /* Contact Page */ #container_topcontact{ display:block; text-align:center; background-color:#ffffff; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .topcontact_inner { width:100% !important; max-width:100% !important; height:100px; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0; color:#000000; } #container_contactform { display:block; text-align:center; background-color:#ffffff !important; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .contact_inner { width:100% !important; max-width:100% !important; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0 !important; color:#000000; } .contact_left { display:inline-block; width:95% !important; height:auto !important; text-align:left; opacity:1.0; padding:0 0 0 5%; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A; } .contact_right { display:inline-block; width:100% !important; height:auto !important; opacity:1.0; margin:0 0 0 0 !important; line-height:2.0; padding:0 0 0 0 !important; /*background-color:#7B7F82;*/ color:#ffffff; vertical-align: top; text-align:center; } .imgresize_contact { width:100% !important; max-width:100% !important; height:auto !important; } .h8 { font-family:Calibri Light, Helvetica; font-size: 1.4em !important; font-weight:900; line-height:1.5; color:#000000; text-align:left; } .h9 { font-family:Calibri Light, Helvetica; font-size: 1.3em !important; font-weight:200; line-height:1.5; color:#000000; text-align:left; } /* Footer */ #container_footer_top { display:block; text-align:center; width:100% !important; height:100% !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .footer_top_inner { display:block !important; width:100% !important; } .footertop_left { display:block !important; float:left !important; width:97% !important; height:110px !important; text-align:left; margin:2% 0 0 3% !important; } .footertop_middle { display:block !important; float:left !important; width:94%; height:100px !important; text-align:left; margin:1% 3% 0 3% !important; } .footertop_right { display:block !important; float:left !important; width:94%; height:1px !important; text-align:left; margin:1% 3% 0 3%; } .icon_foriphone { display:none !important; } } /* Portrait Android Device - Nokia 3, Galaxy S5, Moto G4 */ @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) { /* Members Page */ #extra-spacing-iphone { padding-bottom: 5% !important; } #hide-iphone { display:none !important; } /* Home Page */ h1 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000 !important; text-align:center !important; padding:0 2% 0 2%; } h2 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000; line-height:1.8;} h4 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000; line-height:2.0; padding:0.1% 2% 0 2%; } h3 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000; padding:5% 0 0 0; } .project_left { display:block !important; width:98% !important; margin:0 1% 0 1% !important; text-align:justify !important; height:110% !important; padding:0 !important; background-color:#ffffff !important; } .project_right { display:block !important; width:90% !important; margin:0 5% 0 5% !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } /* Hide circle logo */ .logoformat { display:none !important; } .grid-container { display: grid; row-gap:0 !important; grid-template-columns: 100%; background-color: #ffffff; padding-left:2% !important; font-family:'Arial Narrow Bold', sans-serif; column-gap:0 !important; } .grid-item { background-color: rgba(255, 255, 255, 0.8); /*border: 1px solid rgba(0, 0, 0, 0.8);*/ /*border-bottom: 1px solid rgba(0, 0, 0, 0.8);*/ border-bottom:none !important; /*padding: 15px;*/ padding:0 !important; line-height:1.5 !important; /*font-size: 3.2em !important;*/ font-size: 1.4em !important; text-align: left; } /* Contact Page */ #container_topcontact{ display:block; text-align:center; background-color:#ffffff; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .topcontact_inner { width:100% !important; max-width:100% !important; height:100px; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0; color:#000000; } #container_contactform { display:block; text-align:center; background-color:#ffffff !important; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .contact_inner { width:100% !important; max-width:100% !important; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0 !important; color:#000000; } .contact_left { display:inline-block; width:95% !important; height:auto !important; text-align:left; opacity:1.0; padding:0 0 0 5%; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A; } .contact_right { display:inline-block; width:100% !important; height:auto !important; opacity:1.0; margin:0 0 0 0 !important; line-height:2.0; padding:0 0 0 0 !important; /*background-color:#7B7F82;*/ color:#ffffff; vertical-align: top; text-align:center; } .imgresize_contact { width:100% !important; max-width:100% !important; height:auto !important; } .h8 { font-family:Calibri Light, Helvetica; font-size: 1.4em !important; font-weight:900; line-height:1.5; color:#000000; text-align:left; } .h9 { font-family:Calibri Light, Helvetica; font-size: 1.3em !important; font-weight:200; line-height:1.5; color:#000000; text-align:left; } /* members detail page */ #container_members { display:block; text-align:center; width:100% !important; max-width:100% !important; height:auto !important; margin: 0 auto; padding: 0; background-color:rgba(250, 245, 245, 0.918); } .inner_members { display:block; width:100% !important; max-width:100% !important; height:auto !important; margin: 0 auto; text-align:center !important; padding: 0; background-color:#ffffff; margin:0 0 0 2%; } .txtinputsearchbox { height:50px !important; font-size:18px !important; line-height:1.0; vertical-align:top; font-family:Arial; width:90% !important; } .searchbuttonstyle { height:50px !important; width:9% !important; } .membersdetail_left { float:left; width:94% !important; height:auto; text-align:left; margin:0 5% 0 1% !important; } .membersdetail_right { float:left !important; width:98% !important; height:auto; text-align:center !important; margin:0 1% 0 1% !important;} .mapclass { width:98% !important; max-width:98% !important; height:auto !important; } } /* Landscape Android Device - Nokia 3, Galaxy S5, Moto G4 */ @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { /* Members Page */ #extra-spacing-iphone { padding-bottom: 5% !important; } #hide-iphone { display:none !important; } /* Home Page */ h1 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000 !important; text-align:center !important; padding:0 2% 0 2%; } h2 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; line-height:1.8;} h4 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; line-height:2.0 !important; padding:0.1% 2% 0 2%; } h3 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; padding:5% 0 0 0; } /* Hide circle logo */ .logoformat { display:none !important; } .iphone_map { display:block; width:100% !important; max-width:100% !important; height:350px !important; } .href_orange { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:500;} .href_orange:visited { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:400;} .href_orange:hover{ font-family:Calibri Light, Helvetica; color:#96462E; text-decoration: underline; font-weight:700;} .href_orange a { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:400;} #container_displaymap { display:block; z-index:-1; background:url('../images/google-map.png') no-repeat left; height:600px !important; width:100%; max-width:100%; } .href_white { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:hover{ font-family:Calibri Light, Helvetica; color:lightgray; text-decoration: underline; font-weight:700;} .href_white a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} #home { background-image: none !important; height:0 !important; } #members { background-image: none !important; height:0 !important; width:100% !important; max-width:100% !important; } .nodisplayiphone { display:none !important; } /*.near_bottom_page {display:none !important; height:0 !important; }*/ .near_bottom_page { display:none !important; bottom: 0 !important; width: 0 !important; text-align:center; } .grid-container { display: grid; row-gap:0 !important; grid-template-columns: 100%; background-color: #ffffff; padding-left:2% !important; font-family:'Arial Narrow Bold', sans-serif; column-gap:0 !important; } .grid-item { background-color: rgba(255, 255, 255, 0.8); /*border: 1px solid rgba(0, 0, 0, 0.8);*/ /*border-bottom: 1px solid rgba(0, 0, 0, 0.8);*/ border-bottom:none !important; /*padding: 15px;*/ padding:0 !important; line-height:1.5 !important; /*font-size: 3.2em !important;*/ font-size: 1.4em !important; text-align: left; } .logoresize { display:block !important; width:50% !important; max-width:50% !important; height:auto !important; z-index:1000; } .findmemberouter { display:block; text-align:center; width: 100%; height:80px; margin: 0 auto; padding: 0; } #findmember { display:block; background-color:#000000; color:#ffffff; padding:5% 0 5% 0; height:auto; text-align:center; font-family:'Arial Narrow Bold', sans-serif; font-size:1.5em; margin:5% 0 0 0; } .example { display:none !important; } .containerfixedscroll { /*display:none !important;*/ border:solid 1px red; } .container_menubar { display:none !important; } /*.near_bottom_page { display:none; } */ .near_bottom_page { display:none !important; bottom: 0 !important; width: 0 !important; text-align:center; } .href_blackiphone { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:hover{ font-family:Calibri Light, Helvetica; color:rgb(9, 53, 53); text-decoration: underline; font-weight:500;} .href_blackiphone a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .imgresize_home { width:100% !important; max-width:100% !important; height:auto; } .imgresize_logo { width:100% !important; height:auto; } .membersimage { width:100% !important; max-width:100% !important; height:auto; } #menubar_all { width:100% !important; } .btn_simple { font-size:20px !important; } .view_more{ font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight:900; font-size:1.1em; position: absolute; bottom: 2.6% !important; width: 92%; } #bg { height:66% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #contactus { height:10% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #portfolio { height:75% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #container_project { background-color:#ffffff !important; height:auto !important; } .inner_project { background-color:#ffffff !important; width:100% !important; height:100% !important; } .project_left { display:block !important; width:98% !important; margin:0 1% 0 1% !important; text-align:justify !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } .project_right { display:block !important; width:100% !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } /* HOME Page - MAP */ #container_feedback { display:block; float:left !important; text-align:center; width: 100% !important; padding:0 !important; height:400px !important; background-color:#ffffff; } .feedback_inner { display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; background-color:#ffffff; } /* Home Page - SEARCH LOCATION */ #container_searchlocation { display:block; text-align:center; width: 100%; height:240px !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .searchlocation_inner { width:100% !important; max-width:100% !important; height:100% !important; } #search_align { float:left !important; width:100% !important; max-width:100% !important; height:100% !important; } /* Contact Page */ #container_topcontact{ display:block; text-align:center; background-color:#ffffff; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .topcontact_inner { width:100% !important; max-width:100% !important; height:100px; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0; color:#000000; } #container_contactform { display:block; text-align:center; background-color:#ffffff !important; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .contact_inner { width:100% !important; max-width:100% !important; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0 !important; color:#000000; } .contact_left { display:inline-block; width:95% !important; height:auto !important; text-align:left; opacity:1.0; padding:0 0 0 5%; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A; } .contact_right { display:inline-block; width:100% !important; height:auto !important; opacity:1.0; margin:0 0 0 0 !important; line-height:2.0; padding:0 0 0 0 !important; /*background-color:#7B7F82;*/ color:#ffffff; vertical-align: top; text-align:center; } .imgresize_contact { width:100% !important; max-width:100% !important; height:auto !important; } .h8 { font-family:Calibri Light, Helvetica; font-size: 1.4em !important; font-weight:900; line-height:1.5; color:#000000; text-align:left; } .h9 { font-family:Calibri Light, Helvetica; font-size: 1.3em !important; font-weight:200; line-height:1.5; color:#000000; text-align:left; } /* Footer */ #container_footer_top { display:block; text-align:center; width:100% !important; height:100% !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .footer_top_inner { display:block !important; width:100% !important; } .footertop_left { display:block !important; float:left !important; width:97% !important; height:110px !important; text-align:left; margin:2% 0 0 3% !important; } .footertop_middle { display:block !important; float:left !important; width:94%; height:100px !important; text-align:left; margin:1% 3% 0 3% !important; } .footertop_right { display:block !important; float:left !important; width:94%; height:1px !important; text-align:left; margin:1% 3% 0 3%; } .icon_foriphone { display:none !important; } } /* Landscape Android Device - Motorola Phone*/ @media only screen and (min-device-width: 412px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { /* Members Page */ #extra-spacing-iphone { padding-bottom: 5% !important; } #hide-iphone { display:none !important; } /* Home Page */ h1 { font-family:'Arial Narrow Bold', sans-serif; font-weight:400 !important; color:#000000 !important; text-align:center !important; padding:0 2% 0 2%; } h2 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; line-height:1.8;} h4 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; line-height:2.0 !important; padding:0.1% 2% 0 2%; } h3 { font-family:'Arial Narrow Bold', sans-serif; font-weight:100; color:#000000; padding:5% 0 0 0; } /* Hide circle logo */ .logoformat { display:none !important; } .iphone_map { display:block; width:100% !important; max-width:100% !important; height:350px !important; } .href_orange { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:500;} .href_orange:visited { font-family:Calibri Light, Helvetica; color:#C65E3D; font-weight:400;} .href_orange:hover{ font-family:Calibri Light, Helvetica; color:#96462E; text-decoration: underline; font-weight:700;} .href_orange a { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:400;} #container_displaymap { display:block; z-index:-1; background:url('../images/google-map.png') no-repeat left; height:600px !important; width:100%; max-width:100%; } .href_white { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} .href_white:hover{ font-family:Calibri Light, Helvetica; color:lightgray; text-decoration: underline; font-weight:700;} .href_white a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:400;} #home { background-image: none !important; height:0 !important; } #members { background-image: none !important; height:0 !important; width:100% !important; max-width:100% !important; } .nodisplayiphone { display:none !important; } /*.near_bottom_page {display:none !important; height:0 !important; }*/ .near_bottom_page { display:none !important; bottom: 0 !important; width: 0 !important; text-align:center; } .grid-container { display: grid; row-gap:0 !important; grid-template-columns: 100%; background-color: #ffffff; padding-left:2% !important; font-family:'Arial Narrow Bold', sans-serif; column-gap:0 !important; } .grid-item { background-color: rgba(255, 255, 255, 0.8); /*border: 1px solid rgba(0, 0, 0, 0.8);*/ /*border-bottom: 1px solid rgba(0, 0, 0, 0.8);*/ border-bottom:none !important; /*padding: 15px;*/ padding:0 !important; line-height:1.5 !important; /*font-size: 3.2em !important;*/ font-size: 1.4em !important; text-align: left; } .logoresize { display:block !important; width:50% !important; max-width:50% !important; height:auto !important; z-index:1000; } .findmemberouter { display:block; text-align:center; width: 100%; height:80px; margin: 0 auto; padding: 0; } #findmember { display:block; background-color:#000000; color:#ffffff; padding:5% 0 5% 0; height:auto; text-align:center; font-family:'Arial Narrow Bold', sans-serif; font-size:1.5em; margin:5% 0 0 0; } .example { display:none !important; } .containerfixedscroll { /*display:none !important;*/ border:solid 1px red; } .container_menubar { display:none !important; } /*.near_bottom_page { display:none; } */ .near_bottom_page { display:none !important; bottom: 0 !important; width: 0 !important; text-align:center; } .href_blackiphone { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .href_blackiphone:hover{ font-family:Calibri Light, Helvetica; color:rgb(9, 53, 53); text-decoration: underline; font-weight:500;} .href_blackiphone a { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500;} .imgresize_home { width:100% !important; max-width:100% !important; height:auto; } .imgresize_logo { width:100% !important; height:auto; } .membersimage { width:100% !important; max-width:100% !important; height:auto; } #menubar_all { width:100% !important; } .btn_simple { font-size:20px !important; } .view_more{ font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight:900; font-size:1.1em; position: absolute; bottom: 2.6% !important; width: 92%; } #bg { height:66% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #contactus { height:10% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #portfolio { height:75% !important; opacity:0.9 !important; width:100% !important; max-width:100% !important; } #container_project { background-color:#ffffff !important; height:auto !important; } .inner_project { background-color:#ffffff !important; width:100% !important; height:100% !important; } .project_left { display:block !important; width:98% !important; margin:0 1% 0 1% !important; text-align:justify !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } .project_right { display:block !important; width:100% !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; } /* HOME Page - MAP */ #container_feedback { display:block; float:left !important; text-align:center; width: 100% !important; padding:0 !important; height:400px !important; background-color:#ffffff; } .feedback_inner { display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; background-color:#ffffff; } /* Home Page - SEARCH LOCATION */ #container_searchlocation { display:block; text-align:center; width: 100%; height:240px !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .searchlocation_inner { width:100% !important; max-width:100% !important; height:100% !important; } #search_align { float:left !important; width:100% !important; max-width:100% !important; height:100% !important; } /* Contact Page */ #container_topcontact{ display:block; text-align:center; background-color:#ffffff; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .topcontact_inner { width:100% !important; max-width:100% !important; height:100px; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0; color:#000000; } #container_contactform { display:block; text-align:center; background-color:#ffffff !important; width: auto; height:auto !important; margin: 0 auto; padding: 0; padding:0 0 0 0; } .contact_inner { width:100% !important; max-width:100% !important; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle; padding: 0 !important; color:#000000; } .contact_left { display:inline-block; width:95% !important; height:auto !important; text-align:left; opacity:1.0; padding:0 0 0 5%; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A; } .contact_right { display:inline-block; width:100% !important; height:auto !important; opacity:1.0; margin:0 0 0 0 !important; line-height:2.0; padding:0 0 0 0 !important; /*background-color:#7B7F82;*/ color:#ffffff; vertical-align: top; text-align:center; } .imgresize_contact { width:100% !important; max-width:100% !important; height:auto !important; } .h8 { font-family:Calibri Light, Helvetica; font-size: 1.4em !important; font-weight:900; line-height:1.5; color:#000000; text-align:left; } .h9 { font-family:Calibri Light, Helvetica; font-size: 1.3em !important; font-weight:200; line-height:1.5; color:#000000; text-align:left; } /* Footer */ #container_footer_top { display:block; text-align:center; width:100% !important; height:100% !important; margin: 0 auto; padding: 0; background-color:#ffffff; } .footer_top_inner { display:block !important; width:100% !important; } .footertop_left { display:block !important; float:left !important; width:97% !important; height:110px !important; text-align:left; margin:2% 0 0 3% !important; } .footertop_middle { display:block !important; float:left !important; width:94%; height:100px !important; text-align:left; margin:1% 3% 0 3% !important; } .footertop_right { display:block !important; float:left !important; width:94%; height:1px !important; text-align:left; margin:1% 3% 0 3%; } .icon_foriphone { display:none !important; } } /* IPad 2 - Portrait View*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) { /* #menubar_left { float:left; width:55%; height:auto; text-align:left; vertical-align:center; height:auto; margin:0.75% 0 0 5%; opacity:1.0; } #menubar_right { float:right; width:25%; text-align:right; margin:0 0 0 0; height:auto; opacity:1.0; z-index:200; color:#000000; font-size:2em; font-weight:bold; } */ } /* IPad 2 - Landscape View*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { /* #menubar_left { float:left; width:55%; height:auto; text-align:left; vertical-align:center; height:auto; margin:0.75% 0 0 5%; opacity:1.0; } #menubar_right { float:right; width:25%; text-align:right; margin:0 0 0 0; height:auto; opacity:1.0; z-index:200; color:#000000; font-size:2em; font-weight:bold; } */ }