/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* RUMBLE ORANGE: rgba(242,108,91,1.0); HOVER: rgba(191,87,73,1.0); */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .column, .columns { background:#ebebeb; border:1px solid #ccc; } */ .column, .columns { margin-bottom:12px; } * { margin: 0; } html, body { height: 100%; font-family: 'Roboto', sans-serif; color:#666; } body { background:#696969 url('../images/stone_dark.jpg'); background-attachment: fixed; } .screen_reader { display:none; } #wrapper, .mm-page { z-index:0!important; min-height:100%!important; height:100%!important; overflow:visible; } #page_wrapper { z-index:3000!important; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -390px; padding-top:20px; width:972px; background:#fff; overflow:hidden; -moz-box-shadow: 0 0 12px 12px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 12px 12px rgba(0,0,0,0.4); box-shadow: 0 0 12px 12px rgba(0,0,0,0.4); } .footer, .push { height: 390px; } .logo a { display:block; overflow:hidden; margin:0; padding:0; } .logo a img { max-width:100%; } .contact_details { height:90px; } .columns.slideshow { margin:12px -10px 24px -10px; width:980px!important; } .slideshow { height:317px; border-top:2px solid #666; border-bottom:2px solid #666; width:100%; } .main_nav { height:50px; } .media_block { height:306px; } .certificates { height:70px; } h1, h2, h3, h4, h5 { font-family: 'Roboto', sans-serif; font-weight:700; } .media_block h4 { margin-bottom:0; background:rgba(255,79,56,1.0); padding:12px; color:#fff; padding:12px; -moz-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0; } .media_block h4 em { float:right; font-style:normal; font-weight:400; font-size:16px; } .media_block h4 em a { text-decoration:none; color:#fff; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .media_block h4 em a:hover { text-decoration:underline; } .media_box { height:256px; overflow:hidden; background:#ebebeb; overflow:hidden; -moz-border-radius:0 0 12px 12px; border-radius:0 0 12px 12px; padding:12px 12px 18px 12px; } .media_box a.link { color:#111; text-decoration:none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .media_box a:hover.link { color:rgba(204,63,45,1.0); text-decoration:underline; } h2 { color:rgba(255,79,56,1.0); border-bottom:2px solid #ebebeb; font-size:30px; line-height:36px; padding-bottom:6px; margin-bottom:18px; } body#video #page_content h2, body#event-video #page_content h2, body#web-video #page_content h2 { border-bottom:none; margin:0; padding:0; } body#video #page_content h3, body#event-video #page_content h3, body#web-video #page_content h3 { border-bottom:2px solid #ebebeb; padding: 0 0 6px 0; margin: 0 0 18px 0; font-size:18px; line-height:24px; } body#video #page_content h4, body#event-video #page_content h4, body#web-video #page_content h4 { color:rgba(255,79,56,1.0); border-bottom:2px solid #ebebeb; font-size:18px; line-height:24px; padding-bottom:6px; margin:24px 0 18px 0; } #footer_stripe { border-top:4px solid #ebebeb; } .contact_details p { margin:0; text-align:right; font-weight:bold; } .contact_details p a { text-decoration:none; } .contact_details ul { margin:12px 0 0 0; list-style:none; float:right; font-size:30px; line-height:36px; } .contact_details ul li { display:inline; margin-left:12px; } .contact_details ul li:first-child { margin:0; } .contact_details ul a { text-decoration:none; } .contact_details ul a:hover.facebook { color:rgba(59,89,152,1.0); } .contact_details ul a:hover.twitter { color:rgba(64,153,255,1.0); } .contact_details ul a:hover.linkedin { color:rgba(0,123,182,1.0); } .contact_details ul a:hover.wordpress { color:rgba(33,117,155,1.0); } .main_nav ul { margin:0; list-style:none; line-height:50px; background:#ebebeb; -moz-border-radius:12px; border-radius:12px; font-family: 'Roboto', sans-serif; font-weight:700; overflow:hidden; height:50px; } .main_nav ul li { display:inline; margin-left:6px; } .main_nav ul li:first-child { margin-left:10px; } .main_nav ul li:last-child { float:right; margin-right:10px; margin-top:10px; } .main_nav ul li:last-child a i { margin-right:6px; } .main_nav ul li a { display:inline-block; background:rgba(255,79,56,1.0); -moz-border-radius:6px; border-radius:6px; padding:6px 12px; text-decoration:none; color:#fff; } .main_nav ul li a:hover { background:rgba(204,63,45,1.0); } .main_nav ul li a.active { background:rgba(204,63,45,1.0); } .certificates ul { margin:0; list-style:none; text-align:center; line-height:70px; } .certificates ul li { display:inline; margin-left:6px; } .certificates ul li:first-child { margin:0; } /* #site_media h4 { background:#ebebeb; padding:12px; margin:0 0 12px 0; font-size:18px; line-height:24px; -moz-border-radius:12px; border-radius:12px; }*/ #site_media { height:330px; overflow:hidden; } #site_media .youtube iframe { width:276px; height:155px; margin:6px 0; } #site_media .youtube p { margin:0; } #site_footer { font-family: 'Roboto', sans-serif; font-weight:400; clear:both; overflow:hidden; display:block; background:#ebebeb; margin:0 10px; font-size:11px; line-height:16px; -moz-border-radius:12px; border-radius:12px; } #site_footer .copyright { padding:12px; margin:0; } #site_footer .footer_nav { padding:12px; margin:0; } .copyright { font-weight:700; color:#444; } .footer_nav { padding-right:0!important; } .footer_nav ul { margin:0; list-style:none; float:right; } .footer_nav ul li { display:inline; margin-left:12px; } .footer_nav ul li:first-child { margin:0; } .footer_nav ul li a { text-decoration:none; color:#444; font-weight:700; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .footer_nav ul li a:hover { color:rgba(255,79,56,1.0); } #sidebar { margin:12px 0; position:relative; right:-10px; } #sidebar h3 { background:rgba(255,79,56,1.0); -moz-border-radius:12px; border-radius:12px; padding:12px; font-size:18px; line-height:24px; color:#fff; } #sidebar #sidebar_nav ul { margin:0 0 24px 0; } #sidebar #sidebar_nav ul li { border-bottom:1px solid #fff; margin:0; } #sidebar #sidebar_nav ul li:last-child { border:none; } #sidebar #sidebar_nav ul li:first-child a { -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; } #sidebar #sidebar_nav ul li:last-child a { border:none; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; } #sidebar #sidebar_nav ul li a { background:#ebebeb; display:block; padding:12px; margin:0; text-decoration:none; color:#111; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #sidebar #sidebar_nav ul li a:hover { background:#dadada; color:#111; } #sidebar #sidebar_nav ul li a .nav_icon { margin-right:6px; color:#ebebeb; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #sidebar #sidebar_nav ul li a:hover .nav_icon { color:#111; } #sidebar #sidebar_nav ul li a.active, #sidebar #sidebar_nav ul li a.active .nav_icon { color:rgba(255,79,56,1.0); font-weight:700; } #sidebar #sidebar_nav ul li a em { float:right; font-style:normal; color:#fff; background:rgba(255,79,56,1.0); -moz-border-radius:50%; border-radius:50%; width:24px; display:inline-block; text-align:center; font-weight:bold; font-size:11px; } #sidebar .sidebar_box { background:#ebebeb; overflow:hidden; -moz-border-radius:12px; border-radius:12px; padding:12px 12px 0 12px; margin-bottom:24px; } #sidebar .sidebar_box p { margin-bottom:18px; } #sidebar_testimonial { overflow:hidden; -moz-border-radius:12px; border-radius:12px; padding:12px; margin-bottom:24px; } #sidebar_testimonial #testimonial_image { text-align:center; } #sidebar_testimonial #testimonial_image img { -moz-border-radius:50%; border-radius:50%; border:4px solid rgba(255,79,56,1.0); } #sidebar_testimonial #testimonial { font-size:16px; line-height:22px; margin-bottom:12px; text-align:center; color:#111; } #sidebar_testimonial #signoff { text-align:center; color:rgba(255,79,56,1.0); font-size:11px; line-height:16px; } .pop_download { text-align:center; } p.cta_image img { max-width:100%; -moz-border-radius:12px; border-radius:12px; border:1px solid #ebebeb; } p.image { padding:12px 12px 8px 12px; background:#ddd; text-align:center; } p.image img { max-width:100%; } p.video_clip img { max-width:100%; } p.map { padding:12px 12px 8px 12px; background:#ddd; text-align:center; } p.map img { max-width:100%; } .back-to-top { position: fixed; bottom: 2em; right: 36px; text-decoration: none; color: #000000; background:rgba(255,79,56,0.8); font-size: 24px; padding: 1em; display: none; -moz-box-shadow: 0 0 12px 12px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 12px 12px rgba(0,0,0,0.6); box-shadow: 0 0 12px 12px rgba(0,0,0,0.6); color:#fff; font-weight:700; -moz-border-radius:12px; border-radius:12px; } .back-to-top:hover { background:rgba(204,63,45,0.8); color:#fff; } .flexslider { background:none!important; border:0!important; -webkit-border-radius: 0!important; -moz-border-radius:0!important; border-radius:0!important; -webkit-box-shadow: none!important; box-shadow:none!important; } ul#articles { margin:0; list-style:none; overflow:hidden; } ul#articles li { clear:both; border-bottom:1px solid #ccc; overflow:hidden; margin-bottom:12px; padding-bottom:12px; } ul#articles li:last-child { border-bottom:none; } ul#articles li .image { float:left; width:180px; border:1px solid #ebebeb; -moz-border-radius:12px; border-radius:12px; } ul#articles li .image a { display:block; width:180px; height:101px; overflow:hidden; } ul#articles li .image img { border:1px solid #ebebeb; -moz-border-radius:12px; border-radius:12px; width:100%; } ul#articles li .details { float:right; width:480px; margin-top:4px; } ul#articles li .details a { font-weight:700; text-decoration:none; color:rgba(255,79,56,1.0); } ul#articles li .details a:hover { color:rgba(204,63,45,1.0); text-decoration:underline;} p.published i { margin-right:6px; } .video-container { margin-bottom:12px; } #page_content { padding:12px 24px 12px 0; } #page_content.full_width { padding:12px 0; } #page_content h3 { margin-top:24px; } #page_content h3 em { float:right; font-size:18px; line-height:24px; font-style:normal; font-weight:400; position:relative; top:6px; color:#666; } #page_nav { clear:both; display:block; overflow:hidden; padding-top:12px; } #page_nav a { display:inline-block; } #page_nav li:first-child i { margin-right:6px; } #page_nav li:last-child i { margin-left:6px; } #pagination { border:1px solid #999; padding:12px; background:#fff; margin-bottom:24px; } #pagination p { margin:0; padding:0; text-align:center; } .team_member { overflow:hidden; border-bottom:1px solid #ebebeb; padding-bottom:12px; margin-bottom:24px; } .team_member:last-child { border:none; margin-bottom:0; } .team_member .team_image { float:left; width:210px; } .team_member .team_image img { -moz-border-radius:6px; border-radius:6px; border:1px solid #999; } .team_member .team_details { float:right; width:455px; } .team_member .team_details h3 { margin-top:0!important; } .team_member .team_details h4 { color:rgba(242,108,91,1.0); } .team_member .team_details h3 { margin:0; } .team_member .team_details ul { float:right; margin:-64px 0 0 0; } .team_member .team_details ul li { display:inline; margin:0 0 0 6px; font-size:24px; line-height:30px; } .pop_download { background:#ebebeb; -moz-border-radius:12px; border-radius:12px; margin-bottom:24px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .pop_download:hover { background:rgba(255,79,56,1.0); } .pop_download .image { -moz-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0; border:1px solid #ebebeb; border-bottom:none; filter: url('filters.svg#grayscale'); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; background-size:100% auto!important; } .pop_download .image a { display:block; width:300px; height:169px; overflow:hidden; } /* .pop_download img { -moz-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0; border:1px solid #ebebeb; border-bottom:none; filter: url('filters.svg#grayscale'); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } */ .pop_download:hover .image { filter: none; -webkit-filter: none; border:1px solid rgba(255,79,56,1.0); border-bottom:0; } .pop_download p { margin:0; padding:3px 6px 8px; } .pop_download p a { text-decoration:none; color:#111; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .pop_download:hover p a { text-decoration:none; color:#fff; } a.btn { background:rgba(255,79,56,1.0); font-family: 'Roboto', sans-serif; font-weight:700; color:#fff; padding:6px 12px; -moz-border-radius:6px; border-radius:6px; text-decoration:none; display:inline-block; } a:hover.btn { color:#fff; text-decoration:none; background:rgba(204,63,45,1.0); } span.btn { background:#ccc; font-family: 'Roboto', sans-serif; font-weight:700; color:#fff; padding:6px 12px; -moz-border-radius:6px; border-radius:6px; text-decoration:none; display:inline-block; } .hp_news_article { clear:both; overflow:hidden; margin: 3px 0 4px 0; } .hp_news_article .hp_news_image { float:left; width:120px; margin-bottom:10px; } .hp_news_article .hp_news_image img { border:1px solid #ccc; -moz-border-radius:6px; border-radius:6px; width:100%; } .hp_news_article .hp_news_details { float:right; width:150px; font-size:11px; line-height:16px; position:relative; top:4px; } .hp_news_article .hp_news_details strong { font-size:12px; line-height:18px; padding-bottom:3px; display:inline-block!important; } #tweets ul li { border-bottom: 1px solid #999; padding-bottom: 12px; margin-bottom:0; } #tweets ul li:last-child { border-bottom:none; } #tweets ul li .user a { text-decoration:none; } #tweets ul li .user a:hover { text-decoration:none; } #tweets ul li .user a img { border:1px solid #ccc; margin-right:12px; -moz-border-radius:6px; border-radius:6px; } #tweets ul li .user a span[data-scribe="element:screen_name"] { background:#ccc; color:#111; font-size:14px; line-height:21px; padding:3px 6px; margin: 0 0 12px 0; font-weight:bold; display:inline; -moz-border-radius:6px; border-radius:6px; position:relative; top:-32px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #tweets ul li .user a span[data-scribe="element:screen_name"]:hover { background:rgba(255,79,56,1.0); color:#fff; } #tweets ul li .user a span { display:none; } #tweets ul li p.tweet { margin-left:64px; height:110px; overflow:hidden; font-size:12px; line-height:18px; position:relative; margin-top:-18px; } #tweets ul li p.tweet a { color:rgba(255,79,56,1.0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #tweets ul li p.tweet a:hover { color:rgba(204,63,45,1.0); } #tweets ul li p.timePosted { margin-left:64px; font-size:11px; line-height:16px; position:relative; margin-top:-12px; height:34px; } #tweets ul li p.interact { margin:-6px 0 0 64px; font-size:12px; line-height:18px; position:relative; } #tweets ul li p.interact a { font-size:14px; font-weight:700; line-height:20px; margin-right:6px; text-decoration:none; background:rgba(255,79,56,1.0); padding:4px 8px; color:#fff; -moz-border-radius:6px; border-radius:6px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #tweets ul li p.interact a:hover { background:rgba(204,63,45,1.0); } form { background:#ebebeb; padding:24px 18px 0 18px; overflow:hidden; -moz-border-radius:12px; border-radius:12px; } form p label { display:inline-block; width:100px; float:left; position:relative; margin-top:4px; } form p input[type="text"], form p input[type="email"], form p input[type="password"], form p textarea { display:inline-block; margin:0; -moz-border-radius:6px; border-radius:6px; width:350px; } form p textarea { width:540px; height:100px; } body#contact h3, body#clients h3 { font-size:24px; line-height:30px; } body#contact h3 em, body#clients h3 em { font-size:16px; } #contact_form { margin-top:24px; } #contact_form form { margin-top:12px; } #contact_form input[type="text"].half_width { width:172px; margin-right:6px; } #contact_form .input_checkbox { margin-left:12px; float:right; } #contact_form .input_checkbox label { display:inline; font-weight:normal; width:auto; float:none; margin-left:6px; } #login_form { margin-top:12px; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: rgba(255,79,56,1.0); border: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; display: inline-block; font-size: 12px; font-weight: 400; text-decoration: none; text-shadow: none; cursor: pointer; margin: 0; line-height: normal; padding:8px 12px; font-family: font-family: 'Roboto', sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: rgba(204,63,45,1.0); border: none; color: #fff; text-decoration: none; text-shadow: none; } #contact_form p.submit { text-align:right; } #login_form input[type="submit"], #subscribe_form input[type="submit"], #unsubscribe_form input[type="submit"] { float:none; } .flex-direction-nav a { color:#fff!important; background:rgba(255,79,56,1.0)!important; width: 50px!important; padding:12px 0!important; text-shadow:none!important; text-align:center!important; height: 59px!important; -moz-border-radius:12px!important; border-radius:12px!important; line-height:24px!important; margin-top:-30px!important; } #production_details_tbl th { padding:0 12px 12px 0; color:rgba(255,79,56,1.0); width:140px; text-align:left; } #production_details_tbl td { padding:0 0 12px 0; } #page_nav li:first-child { float:left; } #page_nav li:last-child { float:right; } #share_links { font-family: 'Roboto', sans-serif; margin:0 0 24px 0; padding:6px 12px; background:#ebebeb; text-align:center; -moz-border-radius:6px; border-radius:6px; font-size:18px; line-height:24px; overflow:hidden; } #share_links span { float:left; line-height:36px; } #share_links ul { float:right; margin:0; } #share_links ul li { display:inline; margin-right:12px; } #share_links ul li:last-child { margin:0; } #share_links ul li a { font-size:30px; line-height:36px; } #share_links ul li a:hover.facebook { color:rgba(59,89,152,1.0); } #share_links ul li a:hover.twitter { color:rgba(64,153,255,1.0); } #share_links ul li a:hover.google { color:rgba(211,72,54,1.0); } #share_links ul li a:hover.linkedin { color:rgba(0,123,182,1.0); } .error { background:rgba(255,79,56,1.0); padding:12px; -moz-border-radius:6px; border-radius:6px; } .error h3 { font-size:21px; line-height:28px; color:#fff; margin:0!important; } .error p { color:#fff; margin:12px 0 0 0; } .error ul { list-style:square; color:#fff; margin:12px 0 0 18px; } .error ul li { margin:0; } body#clients h4 { color:rgba(255,79,56,1.0); } /* #nav_wrapper { position:absolute; top: 0; left: 0; } */ .header { display:none; text-align: center; } #overlay { z-index:-1!important; min-height:100%!important; overflow:visible; height:100%!important; position:absolute; top:0; left:0; background:rgba(0,0,0,0); margin:0 auto; width:100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } html.mm-opened #overlay { z-index:2000!important; background:rgba(0,0,0,0.8); } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .slideshow, .flexslider { width:786px!important;} .flex-viewport { height:237px!important; } #page_wrapper { margin:0 auto -344px!important; } .footer, .push { height:344px!important; } #site_media { height:284px!important; } .media_box { height:216px; } .media_block h4 { font-size:18px; line-height:24px; } .hp_news_article { margin:0; } .hp_news_article .hp_news_image, .hp_news_article .hp_news_image a { width:90px!important; margin:0; } .hp_news_article .hp_news_details { width:112px!important; } #tweets ul li .user { display:none; } #tweets ul li p.tweet { margin-left:0; margin-top:0; } #tweets ul li p.timePosted { margin-left:0px; } #tweets ul li p.interact { margin:-4px 0 0 0; } #site_media .youtube iframe { width:212px!important; height:119px!important; } ul#articles li .details { width:330px!important; } #page_content iframe { width:532px; height:299px; } #sidebar h3 { font-size:16px; line-height:20px; } #sidebar #sidebar_nav ul { font-size:12px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #page_wrapper { width:780px!important; } .slideshow { height:241px!important; } .team_member .team_details { width:340px!important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { h2 { font-size:24px; line-height:30px; } #page_content { padding:12px 0; } #page_content h3 { font-size:18px; line-height:24px; } #page_content p, #page_content ul { font-size:12px; line-height:18px; } #wrapper { padding:60px 0 24px 0!important; } #page_wrapper { margin:0 auto 0!important; } .footer, .push { height:auto!important; } #site_media { height:auto!important; } .media_box { height:auto!important; margin-bottom:24px; } #site_footer { margin:0!important; } .copyright { padding-bottom:0!important; } .latest_news .media_box { padding-bottom:12px!important; } #tweets ul { margin:0; } #tweets ul li .user { display:inline-block; } #tweets ul li p.tweet { margin-left:64px; margin-top:-18px; } #tweets ul li p.timePosted { margin-left:64px; } #tweets ul li p.interact { margin:0 0 0 64px; } #site_media .youtube iframe { width:396px!important; height:223px!important; } .header { position:fixed; background: #000; font-size: 16px; font-weight: bold; color: #fff; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding: 0 50px; z-index:4000; } .header a { background: center center no-repeat transparent; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 10px; } .header a.contacts { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==); } .header a.right { left: auto; right: 10px; } .header.mm-fixed-top + #wrapper { background-position: 25px 55px; } html.mm-opened.mm-zoom-menu body { background: #333; } html.mm-opened.mm-zoom-menu .mm-page { background-color: #fff; } /* html.mm-opened body { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } */ .header { display:block!important; } .logo { text-align:center; } .contact_details p { text-align:center!important; } .contact_details ul { text-align:center!important; float:none!important; } .main_nav { display:none!important; } #sidebar_nav { display:none!important; } html, body { height: auto!important; } .footer { height: auto!important; } .push { height:0!important; } #page_wrapper { background:none!important; margin:0 auto!important; width:100%; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; padding-top:0!important; } #wrapper { min-height: 100%!important; height: 100%!important; margin: 0 auto; padding:60px 0; background:#fff; -moz-box-shadow: 0 0 12px 12px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 12px 12px rgba(0,0,0,0.6); box-shadow: 0 0 12px 12px rgba(0,0,0,0.6); } .copyright { text-align:center; } .footer_nav ul { text-align:center; float:none!important; } .back-to-top { display:none!important; } .media_block { height:auto!important; } #sidebar { right:0; } .pop_download { margin:6px 0 18px 0!important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #page_wrapper, #wrapper { width:452px!important; } .hp_news_article { margin:0; } .hp_news_article .hp_news_image, .hp_news_article .hp_news_image a { width:120px!important; margin:3px 0 4px 0; } .hp_news_article .hp_news_details { width:262px!important; } ul#articles li .details { width:250px!important; margin-top:0!important; } .team_member .team_details { width:200px!important; } .team_member .team_details h3 { font-size:24px!important; line-height:30px; } .team_member .team_details ul { float:none!important; margin:0 0 12px 0!important; } .team_member .team_details ul li:first-child { margin-left:0!important; } .slideshow { width:452px!important; margin:12px 0 0 -16px!important; height:136px!important; } .flexslider { width:452px!important; margin:0!important; } .flex-viewport { height:132px!important; } ul#articles li .details { width:200px!important; } #page_content iframe { width:420px; height:236px; } #contact_form input[type="text"], #contact_form textarea { margin-top:12px; } #contact_form input[type="text"].half_width { width:350px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #page_wrapper, #wrapper { width:332px!important; } ul#articles li .details { width:100%!important; margin-top:6px!important; } .team_member .team_details { float:none; width:100%!important; } .team_member .team_details h3 { font-size:24px!important; line-height:30px; } .team_member .team_details ul { float:none!important; margin:0 0 12px 0!important; } .team_member .team_details ul li:first-child { margin-left:0!important; } .slideshow { width:332px!important; margin:12px 0 0 -16px!important; height:96px!important; } .flexslider { width:332px!important; margin:0!important; } .flex-viewport { height:92px!important; } .hp_news_article .hp_news_details { width:172px!important; } ul#articles li .image { width:100%; height:154px!important; border:none; } ul#articles li .image a { width:100%; height:164px!important; } ul#articles li .details { width:100%!important; } #page_content iframe { width:300px; height:169px; } #share_links span { text-align:center; float:none; } #share_links ul { text-align:center; clear:both; float:none; } #contact_form input[type="text"], #contact_form textarea { margin-top:12px; } #contact_form input[type="text"].half_width { width:350px; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */