.obfx-menu-icon.fa,
.obfx-menu-icon.dashicons,
.obfx-menu-icon {
margin-top: -3px;
margin-right: 3px;
vertical-align: middle;
}
#nv-primary-navigation .obfx-menu-icon.dashicons,
#nv-primary-navigation .obfx-menu-icon.dashicons::before {
display: inline-flex;
align-self: center;
}#woo3dv-viewer {
float:left;
position:relative;
width:100%
}
.woo3dv-canvas-wrapper {
position:relative;
width:100%;
height:100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#woo3dv-file-loading { position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}
#woo3dv-file-loading img {
width: auto !important;
}
#woo3dv-cv {
width:100%;
display:block;
}
.woo3dv-canvas-border {
border: 1px solid;
}
.woo3dv-canvas-borderless {
border: none;
outline: none;
}
#woo3dv-model-controls {
position: absolute;
width: 100%;
height: 40px;
float: left;
left: 0;
top: 0;
background-color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#woo3dv-model-controls a {
display:inline-block;
border:none;
text-decoration:none;
box-shadow:none !important;
outline:0;
}
#woo3dv-model-controls img {
width:auto !important;
height:auto !important;
padding:3px 0px 3px 3px;
border: 0;
vertical-align: baseline;
}
#woo3dv-model-controls-list {
list-style-type: none;
margin:0;
padding:0;
display:block;
}
#woo3dv-model-controls-list li{
display: inline-block;
margin:3px;
}
#woo3dv-model-controls-list a {
outline:none !important;
}
.woo3dv-box {
width: 40%;
margin: 0 auto;
background: rgba(255,255,255,0.2);
padding: 35px;
border: 2px solid #fff;
border-radius: 20px/50px;
background-clip: padding-box;
text-align: center;
}
.woo3dv-button {
transition: all 0.3s ease-out;
}
.woo3dv-overlay {
color:black;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.woo3dv-overlay:target {
visibility: visible;
opacity: 1;
z-index: 999999;
}
.woo3dv-popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: all 5s ease-in-out;
}
.woo3dv-popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.woo3dv-popup .woo3dv-close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
box-shadow:none;
}
.woo3dv-popup .woo3dv-close:hover {
color: #06D85F;
}
.woo3dv-popup .woo3dv-content {
max-height: 30%;
overflow: auto;
}
@media screen and (max-width: 700px){
.woo3dv-box{
width: 70%;
}
.woo3dv-popup{
width: 70%;
}
}
#woo3dv-controls-help {
list-style-type: circle;
margin:0;
padding:0;
display:block;
}
.woo3dv-model-controls img {
display: inline-block;
} 
.woo3dv-view3d-button {
position:absolute;
max-width:60px;
cursor:pointer;
background: rgba(255,255,255,0.5);
}
.woo3dv-view3d-button img {
max-width:fit-content;
max-height:fit-content;
}
.woo3dv-model-controls-list a {
outline: none !important;
}
.woo3dv-view3d-button-wrapper {
display:inline-block;
}
a.woo3dv-view3d-button {
z-index: 999;
}
.woo3dv-thumbnail-img {
min-width:50px;
}
.woo3dv-wrapper {
display:inline-block;
}
div.woo3dv-details {
display:inline-block;
float:right;
width:49%;
}
.woo3dv-compat {
width:100%;
}
.woo3dv-compat div.woo3dv-details {
width:auto;
margin-left:10px;
}
.woo3dv-compat .woo3dv-canvas-wrapper {
max-width: 100%;
}
.woo3dv-compat div.woo3dv-images {
display:inline-block;
float:left;
width:49%
}
.woo3dv-compat div.woo3dv-details {
width:49%;
}
.woo3dv-compat .woo3dv-cv {
width:100%;
max-width:100%;
}
.woo3dv-compat .woo3dv-model-controls-list {
margin:0;
}
.woo3dv-compat .woo3dv-model-controls {
padding-bottom:5px;
}
@media only screen and (max-width : 768px) {
div.woo3dv-images, div.woo3dv-details{
float: none;
width: 100%;
}
}