@charset "UTF-8";
/* CSS Document */
/* Reset ********************************************
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/**************************** Global Styles *********************/
#topcontrol {
    z-index: 99999 !important;
}
html {font-family: Arial, Helvetica, sans-serif;width:100%;height:100%;background: url(images/background.jpg);background-attachment:fixed;
      -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	   max-width: 100%;}
p {margin: 10px;}
body {overflow-y: scroll; overflow-x: hidden; color: #000;width:100%;height:100%;}
.wrapper {width: 100%; overflow:hidden; max-width: 1300px; margin: 0 auto; position:relative;}
.header {width: 100%; float: left; background: #6A6A68; border-bottom: 1px solid #454545;}
body.home.page h1 {margin-left: 0;color: #44433F;}
body.page h1 {margin-left: 0px;}
h2 {text-shadow: 1px 1px 1px #8B8B8B; color: #8F2934; font-family: "Times New Roman", Times, serif; font-size:1.4em; margin:0 0 0px 0; font-style:italic; clear:both;} 

.left-block h2 {margin-left: 20px;}
h3 {text-align: center; text-shadow: 1px 1px 1px #8B8B8B; color: #453939; font-family: "Times New Roman", Times, serif; font-size:1.0em;margin:10px 0 0 20px;}
body#home h4 {text-align: left; text-shadow: 1px 1px 1px #8B8B8B; color: #453939; font-family: "Times New Roman", Times, serif; font-size:1.2em;margin:0px; font-style:italic;}
h4 {text-align: left; text-shadow: 1px 1px 1px #8B8B8B; color: #453939; font-family: "Times New Roman", Times, serif; font-size:1.2em;margin:0px; font-style:italic;margin-left:20px; clear:both;}
h4.center {text-align: center; font-size:1.3em; margin-bottom: 10px; text-decoration: underline;}
h5 {text-align: center; text-shadow: 1px 1px 1px #8B8B8B; color: #453939; font-family: "Times New Roman", Times, serif; font-size:1.1em;margin:10px 0; font-style:italic;clear:both;}

.heading {width: 80%; float: left;}
.container {float:left;width:100%;}
#comments {display: none;}
body.home.page #secondary {float:left;border-right:1px solid #ccc;margin:10px 10px 20px 15px;}
body.page #secondary {float:left;border-right:1px solid #ccc;margin:40px 10px 20px 15px;}
#primary-sidebar {width: 170px;}

body.home.page #secondary.right {float:right;border-left:1px solid #ccc; margin:10px 15px 20px 10px; border-right:none;}
body.page #secondary.right {float:right;border-left:1px solid #ccc; margin:40px 15px 20px 10px; border-right:none;}
body.home.page #secondary .menu-item-45,body.home.page #secondary .menu-item-46,body.home.page #secondary .menu-item-47,body.home.page #secondary .menu-item-48,body.home.page #secondary .menu-item-49,body.home.page #secondary .menu-item-50,body.home.page #secondary .menu-item-213 {display:none;}
body.page #secondary .menu-item-45,body.page #secondary .menu-item-46,body.page #secondary .menu-item-47,body.page #secondary .menu-item-48,body.page #secondary .menu-item-49,body.page #secondary .menu-item-50,body.page #secondary .menu-item-213 {display:none;}

body.home.page #secondary.right .menu-item-45,body.home.page #secondary.right .menu-item-46,body.home.page #secondary.right .menu-item-47,body.home.page #secondary.right .menu-item-48,body.home.page #secondary.right .menu-item-49,body.home.page #secondary.right .menu-item-50,body.home.page #secondary.right .menu-item-213 {display:block;}
body.page #secondary.right .menu-item-45,body.page #secondary.right .menu-item-46,body.page #secondary.right .menu-item-47,body.page #secondary.right .menu-item-48,body.page #secondary.right .menu-item-49,body.page #secondary.right .menu-item-50,body.page #secondary.right .menu-item-213 {display:block;}
body.home.page .main #menu-categories-1.menu {float:left;margin: 10px 0 0 10px;line-height: 1.7em;}
body.page .main #menu-categories-1.menu {float:left;margin: 10px 0 0 10px;line-height: 1.7em;}
.main #menu-categories-1.menu {float:left; margin:0 0 0 10px;}
.main #menu-categories-1.menu li {float:left; clear:left;text-align:left; padding:2px 0 0 0;height:auto;}
.main #menu-categories-1.menu li a {color: #453939; font-family: "Times New Roman", Times, serif; font-size:1.0em;}
.main #menu-categories-1.menu li a:hover {color: #8F2934;}
#secondary p.widget-title {text-shadow: 1px 1px 1px #8B8B8B; color: #8F2934; font-family: "Times New Roman", Times, serif; font-size:1.4em; margin: 0 0 0 10px; text-align:left; font-style:italic;} 
.main {width: 100%; float: left; margin: 0px; padding: 0 0 20px 0;background: #fff;box-shadow:2px 2px 5px 5px #222020;}
.main p {font-family:"Times New Roman", Times, serif;}


.left-block {width:50%; float: left;}
.left-block h3 {text-align: left;}
.left-block h3 a {color: #297115;}
.left-block h3 a:hover {color: #000;}

body.home.page .left-block p {margin: 5px 20px; font-size:13px;}
body.home.page #top.right-block {width: 45%; float: left;margin-top:0px; position: relative; top: -20px;}
body.home.page #bottom.right-block {width: 45%; float: left;margin-top:0px; position: relative; top: -30px;}

body.home.page #bottom.left-block {margin-bottom:160px; position: relative; top: 80px;}

body.page .left-block p {margin:10px 20px; font-size:16px;}
body.page .right-block {width: 45%; float: left;margin-top:0px;}

.company-block {margin: 0 auto; clear: left; width:95%; padding-bottom:10px; border-bottom: 1px solid #ccc;position:relative;}
.company-block h3, .company-block p {position:relative; z-index:100;}
#last.company-block {border-bottom: none;}

.phone {color: #B23434;}
.location {color: #E26363;}
.upper-text {width: 95%; margin: 0 auto;padding: 10px 0 0 0;}
body.home.page .upper-text {width: 69%; float:left; margin: 0 auto;padding: 10px 0 0 0;}
body.page .upper-text {width: 69%; float:left; margin: 0 auto;padding: 10px 0 0 0;}
.lower-text {width: 95%; margin: 0 auto;padding: 10px 0;border-top:1px solid #ccc;}

body.page .lower-text {width: 95%; margin: 0 auto;padding: 10px 0;border-top:none;}
.lower-text h4,.lower-text p {float: left; clear: left;}
.lower-text h4 {text-decoration:underline;}
.upper-text p,.lower-text p {margin:10px 0;}
.lower-text a {text-decoration: underline; color: #B23434;}
.lower-text a:hover {color:#E26363;} 
.footer {width: 100%; background: #6A6A68;float: left;border-bottom: 1px solid #ccc;}
.footer p {text-align:center; font-size: .75em; color: #ccc; position: relative; top: 0px;}
.footer a {color: #CFB57E;}
.footer a:hover {color: #5F9EA0;}
img {max-width: 100%;}
h1 {font-size: 2.0em; text-shadow: 1px 2px 3px #CDCACA; color: #8F2934; font-family: "Times New Roman", Times, serif; padding:0px 0 0 0;}
h1 a {text-decoration: none; color: #44433F;}

.clear {width: 100%; clear: both;}

body.home .main ul {float: left; width:100%;margin:0 0 0 45px;}
body.home .main ul li {float:left; padding: 10px; width:170px; text-align:center; height: 150px;}
body.home .main ul li img {height: 117px; box-shadow:2px 4px 5px 0px #454545; margin-bottom: 5px;}
body.home .main ul li a {color: #453939; font-family: "Times New Roman", Times, serif; font-size:1.0em;}
body.home .main ul li a:hover {color: #0058E0;}

.navigation {float:right;padding: 0;position:relative;}
.navigation li {padding: 10px 0;float:left; margin:0 10px;color: #C0B5A0;}
.navigation li a {color:#E8E2D4; text-decoration: none; font-family: "Times New Roman", Times, serif;}
.navigation li a:hover {color:#008CBA;}

.active-flip {padding: 10px 0;float:left; margin:0 10px;color:#E8E2D4; text-decoration: none; font-family: "Times New Roman", Times, serif;display:none;}
.active-flip:hover {text-decoration:underline;cursor:pointer;color:#008CBA;}
.dropdown {display: none; position: absolute; z-index: 300; top: 39px; left: 0px;}
.dropdown li {display: block; padding: 0; position: relative;}
.dropdown li a {color: #E8E2D4; text-decoration: none; display: block; background: #6A6A68; padding: 10px; border-top: 1px solid #ccc; font-family: "Times New Roman", Times, serif;}
.dropdown li a:hover {color: #008CBA; text-decoration: underline; display: block;}


.dropdown li:hover > ul  {display: block; position: absolute; left: 100%; width: 200px; margin-left: 0; top: 0px; z-index: 100001;}
.dropdown li ul li:hover > ul {position: absolute; left: 100%; top: 0px;}


#single-display {display: none;}
.webpreview
{
	width:1010px; height:910px; margin: 0px 0 0 0; padding:0; display:block; position:absolute; overflow:hidden; 
	-moz-transform: scale(0.58, 0.58);
	-moz-zoom: 0.5;
	-webkit-transform: scale(0.58, 0.58);
	-webkit-zoom: 0.5;
	-o-transform: scale(0.58, 0.58);
	-o-zoom: 0.5;
	-ms-transform: scale(0.58, 0.58);
	-ms-zoom: 0.98;
	transform: scale(0.58, 0.58);
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
left: -190px;
top: -130px; 
}

#Placeholder_Preview_Container
{
	/*width:510px;*/ padding-left:10px; position:relative;
}
#Placeholder_Preview_Container2
{
	/*width:510px;*/ padding-left:10px; position:relative;
}

.rfq-link {font-size: 28px; position:relative; top: 10px;left:50px; text-align: center;}
.rfq-link a {color:#008CBA; text-shadow: 1px 2px 3px #E0E0E0; font-style: italic;}
.rfq-link a:hover {color:#000;}
#show.rfq-link {display: none;}

/*Request For Quote Page */
body.page.page-id-35 .upper-text {width: 95%; float: none; margin: 0 auto;padding: 10px 0 0 0;}
body.page-id-35 #secondary {float:left;border-right:1px solid #ccc;margin:10px 10px 20px 15px;}
body.page-id-35 #secondary .menu-item-45,body.page-id-35 #secondary .menu-item-46,body.page-id-35 #secondary .menu-item-47,body.page-id-35 #secondary .menu-item-48,body.page-id-35 #secondary .menu-item-49,body.page-id-35 #secondary .menu-item-50,body.page-id-35 #secondary .menu-item-213 {display:block;}
body.page-id-35 .main #menu-categories-1.menu {float:left;margin: 0px 0 0 10px;line-height: 1.3em;}
body.page-id-35 .textwidget {color: #453939;font-family: "Times New Roman", Times, serif;font-size: 1.0em;margin-left:10px; float: left; line-height: 1.3em;}
body.rfq h1,body#rfq h2 {margin-left: 20px;}
body.page .rfq-container h3 {margin: 20px 0; text-align: left;}
body.rfq .main {box-shadow: none;} 
body.rfq .left-block {width:40%;}
body.page .rfq-container .right-block {width:50%;}
.rfq-container {width:72%; float:left; padding-bottom: 10px;}
.rfq-container .right-block {margin-top: 0;}
.form {width: 350px; float: left; margin-top: 20px; padding-bottom: 20px;}
.form-row{margin-bottom:20px}
.form-label{display:inline;margin-bottom:3px;font-family: "Times New Roman", Times, serif;}
.form-value{display:inline;width:200px; float: right;*width:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;padding:5px}
#company.form-value {float:left; font-family: "Times New Roman", Times, serif;}
select {font-family: "Times New Roman", Times, serif;}
textarea.form-value{resize:none;}
.submit-button {float: right; clear: right; margin: 0 15px; width:190px;}
.submit-button p {margin:0;}
.form-submit,.form-reset {background: #6A6A68; color: #fff; padding: 10px 20px;margin:0 2px;}
.form-submit:hover,.form-reset:hover {cursor: pointer; color: #E8E2D4; opacity: .9;}
#captcha.form-label {position:relative; top: 10px; left: 10px;}
#captcha.form-value {margin: 10px;}
.form-label img {width:60px; position:relative; float:left;}



/*Sub pages*/
.sub-images {clear:both; width: 95%; margin: 0 auto;}
.sub-images img {width: 100%; height: auto; float:left; margin-right: 30px;}
.sub-images iframe.gearshome {width: 100%; height: 433px;}
#home.sub-images {margin-left: 20px;}
.sub-images p {margin-right:30px; float:left; width:45%; height: auto;}
.sub-images p span {text-align:center; display:block;}
.sub-images.gears {margin: 0 auto; width: 95%;}

.sub-images .gear-vids {width: 90%; margin: 0 auto; text-align: center;}
.sub-images .gear-vids p {width: 100%;}
.sub-images .gear-vids #player {width: 60%; height: 420px;}

body.home.page .textwidget {display: none;} /*Hide link on Home Page*/
.textwidget {color: #453939;font-family: "Times New Roman", Times, serif;font-size: 1.0em;margin-left:10px; float: left; line-height: 1.7em;}
.textwidget a {color: #453939;font-size: 1.0em;}
.textwidget a:hover {color: #8F2934;}

/* Gallery */
body.page.page-id-178 .upper-text, body.page.page-id-192 .upper-text, body.page.page-id-179 .upper-text, body.page.page-id-184 .upper-text, body.page.page-id-188 .upper-text {width: 95%; float: none; margin: 0 auto;padding: 10px 0 0 0;}
body.page-id-178 #secondary, body.page-id-192 #secondary, body.page-id-179 #secondary, body.page-id-184 #secondary, body.page-id-188 #secondary {float:left;border-right:1px solid #ccc;margin:10px 10px 20px 15px;}
body.page-id-178 #secondary .menu-item-45,body.page-id-178 #secondary .menu-item-46,body.page-id-178 #secondary .menu-item-47,body.page-id-178 #secondary .menu-item-48,body.page-id-178 #secondary .menu-item-49,body.page-id-178 #secondary .menu-item-50,body.page-id-178 #secondary .menu-item-213 {display:block;}
body.page-id-192 #secondary .menu-item-45,body.page-id-192 #secondary .menu-item-46,body.page-id-192 #secondary .menu-item-47,body.page-id-192 #secondary .menu-item-48,body.page-id-192 #secondary .menu-item-49,body.page-id-192 #secondary .menu-item-50,body.page-id-192 #secondary .menu-item-213 {display:block;}
body.page-id-179 #secondary .menu-item-45,body.page-id-179 #secondary .menu-item-46,body.page-id-179 #secondary .menu-item-47,body.page-id-179 #secondary .menu-item-48,body.page-id-179 #secondary .menu-item-49,body.page-id-179 #secondary .menu-item-50,body.page-id-179 #secondary .menu-item-213 {display:block;}
body.page-id-184 #secondary .menu-item-45,body.page-id-184 #secondary .menu-item-46,body.page-id-184 #secondary .menu-item-47,body.page-id-184 #secondary .menu-item-48,body.page-id-184 #secondary .menu-item-49,body.page-id-184 #secondary .menu-item-50,body.page-id-184 #secondary .menu-item-213 {display:block;}
body.page-id-188 #secondary .menu-item-45,body.page-id-188 #secondary .menu-item-46,body.page-id-188 #secondary .menu-item-47,body.page-id-188 #secondary .menu-item-48,body.page-id-188 #secondary .menu-item-49,body.page-id-188 #secondary .menu-item-50,body.page-id-188 #secondary .menu-item-213 {display:block;}
body.page-id-178 .main #menu-categories-1.menu, body.page-id-192 .main #menu-categories-1.menu, body.page-id-179 .main #menu-categories-1.menu, body.page-id-184 .main #menu-categories-1.menu, body.page-id-188 .main #menu-categories-1.menu {float:left;margin: 0px 0 0 10px;line-height: 1.3em;}
body.page-id-178 .textwidget, body.page-id-192 .textwidget, body.page-id-179 .textwidget, body.page-id-184 .textwidget, body.page-id-188 .textwidget {color: #453939;font-family: "Times New Roman", Times, serif;font-size: 1.0em;margin-left:10px; float: left; line-height: 1.3em;}
.gallery {float:left; width: 75%;}
.gallery .block {margin:20px 10px; float:left; width: 31%; min-height: 300px;}
#main-gal.gallery .block {width: 45%;}
#main-gal.gallery .block p {font-weight:bold;}
.gallery {float:left; width: 75%;}
.gallery .block {margin:20px 10px; float:left; width: 31%; min-height: 300px;}
#main-gal.gallery .block {width: 45%;}
.gallery .block img {width:100%; height:auto; max-height: 250px;}
.gallery .block img.ar4-2 {width:50%; height:auto;}
.gallery .block img.ar4-3 {width:80%; height:auto;}
.gallery .block img.ar16-9 {width:100%; height:auto;}
.gallery .block p {text-align:center; clear:both; margin:0;}
.gallery a .block {color:#676767; font-style:bold; text-decoration:underline;}
.gallery a .block:hover {text-decoration:underline; color: #000}
.gallerymenu {padding-top:10px;}
.gallerymenu a {color: #453939; font-family: "Times New Roman", Times, serif;font-size: 1.0em;0}
/* .gallery .block:hover {text-decoration:underline; cursor:pointer;} */

@media screen and (max-width: 2499px) {
body.home .webpreview,body.page .webpreview
{
	-moz-transform: scale(0.80, 0.80);
	-moz-zoom: 0.5;
	-webkit-transform: scale(0.80, 0.80);
	-webkit-zoom: 0.5;
	-o-transform: scale(0.80, 0.80);
	-o-zoom: 0.5;
	-ms-transform: scale(0.80, 0.80);
	-ms-zoom: 0.98;
	transform: scale(0.80, 0.80);
left:-80px;
top:-40px;
}
body.home .left-block {width:40%;}
body.home .wrapper,body.page .wrapper {width: 90%; max-width: 1450px;}
body.home.page .left-block p {font-size: 15px;}
body.home.page .right-block {margin-top: 40px;}
/* body.home.page #top.right-block {margin-top: 0px; top: -30px;} */
/* body.home.page #bottom.right-block {top: -20px;} */
/* body.home.page #top.left-block {min-height: 760px;} */
/* body.home.page #bottom.left-block { margin-bottom: 0px; top: 120px;} */
}

@media screen and (max-width: 1499px) {
body.home .webpreview,
body.page .webpreview

{
	width:1010px; height:910px; margin: 0px 0 0 0; padding:0; display:block; position:absolute; overflow:hidden; 
	-moz-transform: scale(0.58, 0.58);
	-moz-zoom: 0.5;
	-webkit-transform: scale(0.58, 0.58);
	-webkit-zoom: 0.5;
	-o-transform: scale(0.58, 0.58);
	-o-zoom: 0.5;
	-ms-transform: scale(0.58, 0.58);
	-ms-zoom: 0.98;
	transform: scale(0.58, 0.58);
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
left: -190px;
top: -130px; 
}
body.home .wrapper,body.page .wrapper {width: 100%; overflow:hidden; max-width: 1300px; margin: 0 auto; position:relative;} 
body.home .left-block {width:50%; min-height:inherit;} 
body.home.page .left-block p {font-size: 13px;}
body.home.page .right-block {margin-top: 50px;}
/* body.home.page #top.right-block {margin-top: 0px; top: -20px;} */
/* body.home.page #bottom.right-block {top: -30px;} */
/* body.home.page #top.left-block {min-height: inherit;} */
/* body.home.page #bottom.left-block {min-height: inherit; margin-bottom: 120px; top: 60px;} */

.sub-images .gear-vids #player {width: 75%; height: 450px;}
}

@media screen and (max-width: 1350px) {
.rfq-link {left: 10px;}
.webpreview
{
	-moz-transform: scale(0.55, 0.53);
	-moz-zoom: 0.5;
	-webkit-transform: scale(0.55, 0.53);
	-webkit-zoom: 0.5;
	-o-transform: scale(0.55, 0.53);
	-o-zoom: 0.5;
	-ms-transform: scale(0.55, 0.53);
	-ms-zoom: 0.98;
	transform: scale(0.55, 0.53);

}
  body.home.page .upper-text {width: 66%; float:left; margin: 0 auto;padding: 10px 0 0 0;}
  body.page .upper-text {width: 66%; float:left; margin: 0 auto;padding: 10px 0 0 0;}
}

@media screen and (max-width: 1245px) {

.webpreview {
	-moz-transform: scale(0.50, 0.50);
	-moz-zoom: 0.5;
	-webkit-transform: scale(0.50, 0.50);
	-webkit-zoom: 0.5;
	-o-transform: scale(0.50, 0.50);
	-o-zoom: 0.5;
	-ms-transform: scale(0.50, 0.50);
	-ms-zoom: 0.98;
	transform: scale(0.50, 0.50);
left: -200px;
top: -150px;

}
}

@media screen and (max-width: 1170px) {
.active-flip {display:block;}
#secondary {display:none;}
.left-block {width:100% !important; float: left;}
body.home.page .upper-text {width:98%; float:none;}
body.page .upper-text {width:98%; float:none;}
body.home.page #bottom.left-block {margin-bottom: 0px; top: 0px;}
.right-block {width:100%; float: left; display:none;}
body.page .rfq-container .right-block {display:block; width:90%; max-width:300px;}
body.page-id-35 .lower-text {margin: 10px auto;}
.form-value,.form-label,.submit-button {float:left; clear:left;}
.company-block {height: 680px;}
#single-display {display:block; position:absolute; top:-50px;left:-105px;}
.foriframe {width:1100px; height:900px; transform:scale(.8,.6);}
#show.rfq-link {display: block;font-size: 20px; position:relative; top: 0px;margin: 0 10px; text-align: left;}
.sub-images img {width: 100%; height: auto; float:left; margin: 5px 0px; clear:left;}
.sub-images p {width: 80%;}
.sub-images iframe.gearshome {width: 100%; height: 560px;}
.sub-images .gear-vids #player {width: 90%; height: 450px;}
.rfq-container {float: none; margin:0 auto;}
.rfq-container .left-block {width:45%;}
}

@media screen and (max-width: 950px) {
.company-block {height: auto !important; z-index: 1; }
.foriframe {width:1100px; height:900px; transform:scale(.6,.6);}
#single-display {display:block; position:inherit; top:-180px;left:-205px; z-index: 0; margin-bottom:-350px;}
.rfq-container .left-block {width:100%;}
.rfq-container {width:95%;}
}

@media screen and (max-width: 805px) {
.company-block {height: auto !important; z-index: 1; }
#single-display {display:block; position:inherit; top:-180px;left:-205px; z-index: 0; margin-bottom:-350px;}
}


@media screen and (max-width: 740px) {
.foriframe {width:1100px; height:900px; transform:scale(.53,.6);
	-moz-transform: scale(0.53, 0.6);
	-moz-zoom: 0.5;
	-webkit-transform: scale(0.53, 0.6);
	-webkit-zoom: 0.5;
	-o-transform: scale(0.53, 0.6);
	-o-zoom: 0.5;
	-ms-transform: scale(0.53, 0.6);
	-ms-zoom: 0.98;
}
.company-block {height: auto !important; z-index: 1; }

#single-display {display:block; position:inherit; top:-180px;left:-245px; z-index: 0; margin-bottom:-350px;}
}

@media screen and (max-width: 660px) {
.foriframe {width:1100px; height:900px; transform:scale(.45,.5);}
.company-block {height: auto !important; z-index: 1; }
#single-display {display:block; position:inherit; top:-225px;left:-285px; z-index: 0; margin-bottom:-450px;}

}
@media screen and (max-width: 600px) {
.company-block {height: auto !important; z-index: 1; }
#single-display {display:block; position:inherit; top:-225px;left:-285px; z-index: 0; margin-bottom:-400px;}
}
@media screen and (max-width: 570px) {
.company-block {height: auto !important; z-index: 1; }
.foriframe {width:1100px; height:900px; transform:scale(.35,.45);}
#single-display {display:block; position:inherit; top:-250px;left:-340px; z-index: 0; margin-bottom:-475px;}
}

@media screen and (max-width: 465px) {
.foriframe {width:1100px; height:900px; transform:scale(.3,.4);}
#single-display {display:block; position:inherit; top:-265px;left:-370px; z-index: 0; margin-bottom:-500px;}
.company-block {height: auto !important; z-index: 1; }
}

@media screen and (max-width: 400px) {
.foriframe {width:1100px; height:900px; transform:scale(.25,.35);}
#single-display {display:block; position:inherit; top:-290px;left:-400px; z-index: 0; margin-bottom:-580px;}

.company-block {height: auto !important; z-index: 1; }
}