/* Layout */
*{margin:0 auto;  text-align:center; font-family:helvetica,arial,sans-serif;}
#main-container {width:90%;  margin: 0 auto; color:#575757;max-width:1115px;}
#top-left {float:left; width:400px; margin-top: 20px;}
#top-left img{float: left;}
#top-right {float:right; margin-top: 40px;}
#top-right img{float:right; max-width:125px; width:100%}
#container {margin-top:-40px;}
#home-slide-show{clear:both;}
nav{z-index:99;
position:relative;
/*background: rgb(75,75,75); background: rgba(75, 75, 75, .5);
background: linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%);  
background: -moz-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); 
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); */
box-shadow: 0px 5px 9px rgba(0,0,0,0.15);}
nav ul#nav ul {display: none;}
nav ul#nav li:hover > ul { display: block;}
nav ul#nav {
padding: 0;
margin-top:-25px;
float:right;
list-style: none;
position: relative;
display: block;
clear:none;}
nav ul#nav:after {content: ""; clear: both; display: block;}
nav ul#nav li:hover {background: #f90; box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
nav ul#nav li:hover>a {color: black;}
nav ul#nav li a {display: block; padding: 5px 15px; color: white; text-decoration: none; text-transform:uppercase;font-size:.75em;text-align: left;}
nav ul#nav ul{
background: rgb(75,75,75);
background: rgba(75, 75, 75, .5);
background: linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%);  
background: -moz-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); 
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); 
box-shadow: 0px 0px 9px rgba(255,255,255,0.15); border-radius: 0px; padding: 0; position: absolute; top: 100%;}
nav ul#nav ul li {float: none; position: relative; list-style-type:none;}
nav ul#nav ul li a {padding: 5px 40px; color: white;}	
nav ul#nav ul li a:hover {background: #f90; color:black;}
nav ul#nav ul ul {position: absolute; left: 60%; top:0;}
nav ul#nav ul ul li {list-style-type:none;}

#breadcrumbs {font-size:10px; float:left; text-transform:uppercase; background-color:white; width:100%; padding-left:1%; text-align:left; letter-spacing:.15em; box-shadow: 0px 5px 9px rgba(0,0,0,0.15);}
#breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:visited {text-decoration:none; color:black;}
#interior {clear:both; padding-top:35px;}
a:link, a:hover, a:active, a:visited {color:#f90; }
#sidebar{width:200px; float:right; margin:35px 0; position:absolute; clear:right;
background: #666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 65%, #ffffff 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#666666), color-stop(95%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 65%,#ffffff 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 65%,#ffffff 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 65%,#ffffff 95%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 65%,#ffffff 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
#sidebar ul {padding:0; margin:0;}
#sidebar ul li {list-style-type:none;}
#sidebar ul li a {display: block; padding: 5px 15px; color: white; text-decoration: none; text-transform:uppercase;font-size:1em;text-align: left; }
#sidebar ul li a:link {text-decoration:none; color:white;}
#sidebar ul li a:hover {color:black;background-color:#f90;box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
#sidebar ul li:hover > ul { display: block;}
#sidebar img {margin-top:200px; margin-left:15px; width:85%; bottom:0; }
#text, #sp-container , #smb-container, #features-wrapper{width:80%; float:right; }
.product-list {clear:right; color:#f90; font-size:1.1em; font-weight:normal; padding:1em; text-align:left; width:33%; float:right; border-bottom:1px #666 solid; }
iframe {width: 540px; height: 420px;}
iframe.right-interior {width:420px; height:350px; float: right; margin: 5px 0 25px 25px;}
.event {width:50%; float:left; text-align:center; padding:2em 0;}
.event img {max-width:100%;}
.subpage {float:left; width:25%; font-size:1.1em; padding:1em; margin:1em;border-bottom:1px #666 solid;border-top:1px #666 solid;}
.forms {float:left; margin-left: 5px;}
form {width:80%;}
fieldset, .inquiry-form {width:70%; float:left; margin-left:30px; font-weight: bold; font-size: 14px; border-top:2px; border-bottom:2px; border-right:2px; border-left-style: dotted; border-color: #A3A3A3;}
#footer {clear:both; padding: 25px 0;}
dt {float:left; padding:10px 10px 0 10px; clear:both; width:15em; text-align:left; }
dd {float:left; padding:10px 10px 0 10px; top: 0px; color:#575757; text-align: left;}
table.features td, th {padding:.25em; }
table.features td {border:1px #666 solid; font-size: 12px;}
table.features th {background:#666; color:white; }
input.submit {float:left; clear:both; margin:0 0 0 3em;} 
#register {display:none;}
#register:target {display:block;}
#login {display:none;}
#login:target {display:block;}
#guides {display:none;}
#guides:target {display:block;}
#howto {display:none;}
#howto:target {display:block;}

#bottom-navigation {padding:4px;}
#bottom-navigation a{text-decoration:none; color:white; margin:0 10px;}

/*Edits to Flexslider CSS*/
.flex-control-nav {padding-top:5px;}

/*typopgraphy*/
*{font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;}
#seconary-nav {font-size:.75em;color:#929292; text-transform:uppercase;font-family:helvetica,arial,sans-serif;}
h1.interior {font-size:28px; font-weight:normal; color:#f90; padding: 5px 0 .8em 0; text-align:left;margin-top:0;}
h1.products {font-size:3em; text-transform:uppercase; color:#f90; font-weight:normal; float:left;}
h2 {font-size:1em; text-transform:uppercase; text-align:left; padding-bottom:10px; color: #f90;margin-top:0;}
h2.interior, .h2-inquiry {font-size:1em; text-transform:capitalize; text-align:left; padding-bottom:0px; color: #f90; margin-left: 70px;}
h3 {font-size:1.25em; text-align:left; font-weight:bold; text-transform:uppercase; padding-bottom:.5em; }
h3.interior {font-size:13.28px; text-align:left; font-weight:bold; text-transform:uppercase; padding:1.5em 2.5em 1.5em 0; width:50%; float:left; }
h3.interior a {color:#f90;}
h4.interior{font-size:17.6px;}
#english, #spanish{font-size:16px;font-weight:bold;}
h4 {color:#f90 !important; font-size:1.1em; font-weight:normal; padding:0 0 1em 0; text-align:left;line-height:20px !important;}
h4.products {color:black; margin-left:3.5em;clear:both;font-weight:bold; font-size:13.6px; text-align:left; text-transform:uppercase; padding-bottom:.5em; }
h4.logo {color:black !important; float:left; margin-left:10px;font-weight:bold; font-size:13.6px; text-align:left; text-transform:none; text-decoration:none;margin-top:0;}
blockquote {color:#f90; font-size:1.1em; font-weight:normal; padding:1em; margin:1em; text-align:left; width:33%; float:right; border-bottom:1px #666 solid; border-top:1px #666 solid;}
blockquote.cntnt {font-style: italic; color: #333; width: 34%; font-family: Arial; margin-left: 1.5em; margin-right: 3em;}
legend.interior {font-size:1.20em; font-weight:bold; color:#f90; padding: 5px 2px .8em 2px; text-align:left;}
p {padding:.5em 0; text-align:left; font-size:12px; line-height:1.5em;margin:0;}
p.productshome {padding-left:0em;}
p.products {padding-left:4em;}
.subhead {font-size:1.2em; font-weight:bold; }
em {font-size:1.25em; color:#f90;}
a.interior {font-size:1em;}
a:link.interior {color:#f90;}
a:hover.interior, a:active.interior {color:#333;}
a:visited.interior {color:#fc0;}
a img {border:0;}
ul.interior li {font-size:12px; text-align:left;}
img.right-interior {width:50%; float: right; margin: 5px 0 25px 25px;}
img.left-interior {width:50%; float: left; margin: 25px 25px 25px 0;}
img.products {width:100%;}
img.product-icon {float:left;padding:.5em 0 0 .5em;}
img.product-logo {float:left;padding:.5em .5em 0 0;}
#sidebar {padding:0em; text-align:left; font-size:.75em; line-height:1.5em; margin-top:0; padding-top:1.5em;}
#bottom-navigation {color:white;font-size:12px;font-family:helvetica,arial,sans-serif; width:100%;
background-color:rgb(158,158,158); text-transform:uppercase;}
#copyright {font-size:12px;font-family:helvetica,arial,sans-serif; color:rgb(158,158,158); text-align:center; margin:0 auto;
padding-top:10px;}

/*media queries*/
@media screen and (max-width: 965px){
.product-list {width:25%; }
}

@media screen and (max-width: 860px) {
nav ul {padding-left:10%;}
#products {height:250px;}
.product-list {width:30%; }
#sidebar {clear:both; width:100%; position:relative; background:#aaa !important;}
#sidebar ul li {float:left; }
#sidebar img {float:right; width:10em; clear:none; padding:0; margin:-1em 0 0 0;}
p.products {}
#text {width:100%; }
}

@media screen and (max-width: 768px) {
#products{clear:both;}
.amadeovideo, .demoVideoucc, .videoamly, .hangout-video, .sweeping{
width:100% !important;
}
}

@media screen and (max-width: 750px){
.product-list {width:25%;}
}

@media screen and (max-width:699px){
#main {clear:both; margin-top:0;}
#container {margin-top:0;}
#home-slide-show {clear:both;}
nav {background:none; box-shadow:none; padding-right:0px;}
nav ul#nav {	background: rgb(75,75,75); background: rgba(75, 75, 75, .5);
background: linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%);  
background: -moz-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); 
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); 
box-shadow: 0px 5px 9px rgba(0,0,0,0.15);
float:none;}
nav ul#nav li{width:100%;}
nav ul#nav li a {padding:5px 0; width:100%; text-align:center;}
nav ul#nav ul {position:relative; float:left; width:100%; background-color:#999;}
nav ul#nav ul li {width:100%;}
nav ul#nav ul li a {padding: 5px 0; width:100%;}
nav ul#nav ul ul {position:relative; float:left; left:0;}
nav ul#nav ul ul li {width:100%;}
h3.interior { width:100%;}
.event {width:100%;}
.subpage {width:90%; }
form {width:100%; clear:both;}
p.products {padding-left:0;}
h4.products {margin-left:0; }
.product-list {width:94%; text-align:center; float:none;}
#sidebar {padding-top:0; }
#sidebar img {float:none; margin:0 auto;}
#sidebar ul li {clear:both; float:none;}
#sidebar ul li a {text-align:center;}

p.products iframe {margin:0 auto;}

}

@media screen and (max-width:658px) {
#products {overflow:visible; height:50em;}
#products ul {width:100%; position:relative;}
#products ul li {width:100%; float:none; clear:both;}
#products li {height:150px;}
#products p {border-left:none;}
/*.products {padding: 5px 5px;}*/
a[class^="up"], a[class^="up"]:active{ visibility:hidden; }
a[class^="down"], a[class^="down"]:active { visibility:hidden; }

#a4:target ul { left: 0%; }
}

@media screen and (max-width: 480px) {
img.left-interior, img.right-interior {width:100%; float: none; margin: 25px 0;}
#sub-info {clear:both;}
#news {width:95%; float:left; margin-bottom:5%;}
#events {width:95%; float:left; }
#top-right img {float:left; }
}

.txtBox{
border-radius: 5px; 
border:1px solid #FF9900;
height:25px;
width:160px;
margin-left: 10px;
background-color:#DBDDDD;
padding:2px;
font-family: Arial;
font-size: 12px;
margin-left:10px;
text-align: left;
}

.checkbox{
margin-left: 10px;	
}

.selectBox{
border-radius: 5px; 
border:1px solid #FF9900;
height:22px;
margin-left: 10px;
background-color:#DBDDDD;
padding:2px;
font-family: Arial;
font-size: 12px;
margin-left:10px;
text-align: left;
}

.txtArea{
border-radius: 5px; 
border:1px solid #FF9900;
background-color:#DBDDDD;
padding:2px;
font-family: Arial;
font-size: 12px;
/*margin-left:10px;*/
text-align: left;
}

label{
font-family: Arial;
font-size: 12px;
color: #575757;
font-weight: normal;
}

.platform{
font-family: Arial;
font-size: 12px;
color: #575757;
font-weight: normal;
margin-left:10px;
}

.linuxplatform{
font-family: Arial;
font-size: 12px;
color: #575757;
font-weight: normal;
margin-left:10px;
}
dl{
margin-bottom:0 !important;
}
.redmark{
color:red;
font-size:18px;
font-weight: bold;
}

.RedText{
color:#FF0000;
font-size:14px;
font-weight:bold;
font-family:Arial;
float:left;
padding: 2px 0 0px 10px;
}

.button, .inqiry-btn{
background-color:#333333;
height: 20px;
width:auto;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius:10px;
color:#ffffff;
font-family:Arial;
font-size:12px;
font-weight:bold;
text-align:center;
margin-top:17px;
padding-top:4px;
border-width:2px;
border-style:solid;
border-color:#f90;
text-decoration: none;
}

.err_text{
font-family:Arial;
font-size:24px;
padding:50px 0 0 20px;
text-decoration:none;
color:#f90;
text-align:left;
line-height:35px;
font-weight:bold;
}


li.productText{
font-family:helvetica,arial,sans-serif; 
font-size: 12px; 
text-align: left;
margin-left: 10px;
margin-bottom:5px;
}



/* Base Styles */

#sidemenu{
width:200px; 
float:left; 
margin: 0; 
position:relative; 
clear:right;	
}

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
font-weight: normal;
text-decoration: none;
line-height: 1;
font-family: 'Lato', sans-serif;  
font-size: 14px;
position: relative;
text-align: left;
}
#cssmenu a {
line-height: 1.5;
padding: 6px 15px;
}
#cssmenu {
width: 200px;
}
#cssmenu > ul > li {
cursor: pointer;
background: #000;
border-bottom: 1px solid #797a80;
}
#cssmenu > ul > li:last-child {
border-bottom: 1px solid #3e3d3c;
}
#cssmenu > ul > li > a  {
font-size: 12px;
text-transform:uppercase;
display: block;
color: #ffffff;
text-shadow: 0 1px 1px #000;
background: #757575;
background: -moz-linear-gradient(#757575 0%, #4c4e53 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #757575), color-stop(100%, #4c4e53));
background: -webkit-linear-gradient(#757575 0%, #4c4e53 100%);
background: linear-gradient(#757575 0%, #4c4e53 100%);
}
#cssmenu > ul > li > a:hover{
text-decoration: none;
background: #f90;
background: -moz-linear-gradient(#f90 0%, #f90 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f90), color-stop(100%, #f90));
background: -webkit-linear-gradient(#f90 0%, #f90 100%);
background: linear-gradient(#f90 0%, #f90 100%);
color: #4e5800;
text-shadow: 0 1px 1px #f90;
}
#cssmenu > ul > li.active {
border-bottom: none;  
}
#cssmenu > ul > li.active > a {
background: #f90;
background: -moz-linear-gradient(#f90 0%, #f90 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f90), color-stop(100%, #f90));
background: -webkit-linear-gradient(#f90 0%, #f90 100%);
background: linear-gradient(#f90 0%, #f90 100%);
color: #4e5800;
text-shadow: 0 1px 1px #f90;
}
#cssmenu > ul > li.has-sub > a:after {
content: '';
position: absolute;
top: 10px;
right: 10px;
border: 5px solid transparent;
border-left: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub.active > a:after {
right: 14px;
top: 12px;
border: 5px solid transparent;
border-top: 5px solid #4e5800;
}
/* Sub menu */
#cssmenu ul ul {
padding: 0;
display: none;
}
#cssmenu ul ul a {
background: #efefef;
display: block;
color: #797979;
font-size: 12px;
text-transform:uppercase;
}
#cssmenu ul ul li {
border-bottom: 1px solid #c9c9c9;
}
#cssmenu ul ul li.odd a {
background: #e5e5e5;
}
#cssmenu ul ul li:last-child {
border: none;
}
#cssmenu ul ul li a:hover{
background: #f90;
background: -moz-linear-gradient(#f90 0%, #f90 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f90), color-stop(100%, #f90));
background: -webkit-linear-gradient(#f90 0%, #f90 100%);
background: linear-gradient(#f90 0%, #f90 100%);
color: #4e5800;
text-shadow: 0 1px 1px #f90;
}

#wrapper {
//position: relative;
width: 90%;	
left: 25%;
//top: 50px;	
padding-left:1%;				
}
#carousel-wrapper {	
padding-bottom: 10px;
position: relative;			
}
#carousel, #thumbs,
#carouseliphone, #thumbsiphone,
#carouselnew, #thumbsnew,
#carouselatablet, #thumbsatablet {
overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper {
//border-radius: 10px;
box-shadow: 0 0 0px #899;	
}

#carousel span, #carousel img,
#thumbs a, #thumbs img, #thumbs h5,
#carouseliphone span, #carouseliphone img,
#thumbsiphone a, #thumbsiphone img, #thumbsiphone h5,
#carouselatablet span, #carouselatablet img,
#thumbsatablet a, #thumbsatablet img, #thumbsatablet h5,
#carouselnew span, #carouselnew img,
#thumbsnew a, #thumbsnew img, #thumbsnew h5  {
display: block;
float: left;			
}
#carousel span, #carousel a,
#thumbs span, #thumbs a, #thumbs h5,
#carouseliphone span, #carouseliphone a,
#thumbsiphone span, #thumbsiphone a, #thumbsiphone h5,
#carouselatablet span, #carouselatablet a,
#thumbsatablet span, #thumbsatablet a, #thumbsatablet h5,
#carouselnew span, #carouselnew a,
#thumbsnew span, #thumbsnew a, #thumbsnew h5 {
position: relative;
height: 90px;	
}
#carousel img,#thumbs img,
#carouseliphone img,#thumbsiphone img,
#carouselatablet img,#thumbsatablet img,
#carouselnew img,
#thumbsnew img {
border: none;
width: 100%;
height: 65%;
position: absolute;
top: 0;
left: 0;
}

h2.video{
color: #aaa;
font-family: "Oswald", helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -1px;
text-align: center;
margin-top: 5px;
font-size:18px;
}

#thumbs h5, #thumbsiphone h5,#thumbsatablet h5, #thumbsnew h5{
top: 82px;
font-family: sans-serif;
font-size: 12px;
color: #333;
font-weight: normal;  
width:100px;  
}

#thumbs-wrapper {
padding: 20px 40px;
position: relative;
}
#thumbs a, #thumbsiphone a,#thumbsatablet a, #thumbsnew a {
//border: 2px solid #899;
width: 150px;
height: 130px;
margin: 15px 10px;	
overflow: hidden;
opacity:0.4;
text-decoration: none;
//border-radius: 10px;

-webkit-transition: border-color .5s;
-moz-transition: border-color .5s;
-ms-transition: border-color .5s;
transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected,
#thumbsiphone a:hover, #thumbsiphone a.selected,
#thumbsatablet a:hover, #thumbsatablet a.selected,
#thumbsnew a:hover, #thumbsnew a.selected {
border-color: #566;
opacity:1.0;
text-decoration: none;
}

#wrapper img#shadow {
width: 100%;
position: absolute;
bottom: 0;
}

#prev, #next, #previphone, #nextiphone, #prevatablet, #nextatablet,#prevnew, #nextnew {
background: transparent url('../img/gui/carousel_nav.png') no-repeat 0 0;
display: block;
width: 19px;
height: 20px;
margin-top: -10px;
position: absolute;
top: 50%;
}
#prev, #prevnew, #previphone, #prevatablet {
background-position: 0 0;
left: 10px;
}
#next, #nextnew, #nextiphone, #nextatablet {
background-position: -19px 0;
right: 10px;
}			
#prev:hover, #prevnew:hover, #previphone:hover, #prevatablet:hover { 
background-position: 0 -20px;				
}
#next:hover, #nextnew:hover, #nextiphone:hover, #nextatablet:hover {
background-position: -19px -20px;				
}
#prev.disabled, #next.disabled,
#previphone.disabled, #nextiphone.disabled,
#prevatablet.disabled, #nextatablet.disabled
#prevnew.disabled, #nextnew.disabled {
display: none !important;
}
#cssmenu > ul > li > a > span > sup
{
font-size:11px;
}




/********************** NEW STYLES MARCH 08 2018 *******************/

/****************** MENU STYLES STARTS HERE ****************/
.lan-h2{
text-align: center;color:#f90;font-size:17px;font-weight:bold;
}
.videoamly, .demoVideoucc, .hangout-video, .amadeovideo{
margin-bottom:15px;
}
.amadeo_dw, .amadeo_dw:hover{
color:#f90; 
text-decoration:underline;
clear: both;
text-align: left;
}
.navbar-collapse{
z-index:99;
position:relative;
background: rgb(75,75,75); background: rgba(75, 75, 75, .5);
background: linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%);  
background: -moz-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); 
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%); 
box-shadow: 0px 5px 9px rgba(0,0,0,0.15);
border-radius:0 !important;
min-height:0 !important;
margin-bottom:0 !important;
}
.dropdown-menu{
background: rgb(75,75,75) !important;
background: rgba(75, 75, 75, .5) !important;
background: linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%) !important;  
background: -moz-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%) !important; 
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(42, 42, 42, .6) 100%) !important; 
box-shadow: 0px 0px 9px rgba(255,255,255,0.15) !important; border-radius: 0px !important; padding: 0; position: absolute; top: 100%;
}
.navbar{
margin-bottom:0 !important;
min-height:auto !important;
border:0 !important;
}
.nav>li>a{
color: #fff;
text-transform: uppercase;
font-size:12px;
padding:0px 20px !important;
line-height:23px;
}
.nav>li>a:hover{
background: #f90 !important; box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
color: black !important;
padding:2px;
}
.dropdown-menu>li>a:hover{
background: #f90 !important; color: black !important; box-shadow: 0px 0px 9px rgba(0,0,0,0.15) !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
background: #f90 !important; box-shadow: 0px 0px 9px rgba(0,0,0,0.15) !important;
}
.navbar-nav{
float:right !important;
}
.dropdown-menu>li>a{
color:#fff !important;
font-size:12px !important;
text-transform: uppercase;
text-align:left;
}
.navbar-toggle{
border:1px solid  #f90 !important;
}
.icon-bar {
background-color: #f90 !important;
}
.dropdown-menu > li.kopie > a {
padding-left:5px;
}
.dropdown-submenu {
position:relative;
}
.dropdown-submenu>.dropdown-menu {
top:0;left:100%;
margin-top:-6px;margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
}

.dropdown-submenu > a:after {
border-color: transparent transparent transparent #333;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
display: block;
float: right;  
height: 0;     
margin-right: -10px;
margin-top: 5px;
width: 0;
}

.dropdown-submenu:hover>a:after {
border-left-color:#555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
text-decoration: none;
}  

@media (max-width: 767px) {
.navbar-nav  {
display: inline;
}
.navbar-default .navbar-brand {
display: inline;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
color: red;
background-color: #ccc;
border-radius: 4px;
margin-top: 2px;   
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #333;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
background-color: #ccc;
}
.navbar-nav .open .dropdown-menu {
border-radius: 0;
}
.dropdown-menu {
padding-left: 10px;
}
.dropdown-menu .dropdown-menu {
padding-left: 20px;
}
.dropdown-menu .dropdown-menu .dropdown-menu {
padding-left: 30px;
}
li.dropdown.open {
border: 0px solid red;
}
}

@media (min-width: 768px) {
ul.nav li:hover > ul.dropdown-menu {
display: block;
}
#navbar {
text-align: center;
}
} 
/****************** MENU STYLES ENDS HERE ****************/
.ucc-img{
width:100%;
}
.benefits-div{
width: 216px; height: 430px; float: left;
}
.benefits-content{
width: 150px; display: block; text-align: left; margin-left: 15px; margin-top: 10px; font-size: 12px; font-family : PT Sans,Arial,sans-serif;
}
.amadeoroom-sec, .amadeophone-sec{
width: 900px; height: 110px; margin: 0px auto; float: left; display: block;
}
.hdcamera-sec{
width: 900px; height: 110px; margin: 0px auto; float: left; display: block; font-size: 12px;
}
.sw-confsec, .battery-icon{
width: 900px; height: 110px; margin: 0px auto; float: left; display: block; font-size: 12px;
}
.amadeoroom, .amadeophone{
width: 700px; height: 40px; text-align: left; float: left; margin: 30px auto 15px auto; font-size: 15px; font-weight: bold;
}
.hdcamera{
width: 700px; height: 40px; text-align: left; float: left; margin: 30px auto 15px auto; font-size: 15px; font-weight: bold;
}
.sw-conf, .battery-text{
width: 700px; height: 40px; text-align: left; float: left; margin: 30px auto 15px auto; font-size: 15px; font-weight: bold;
}
.amadeophone-section{
width: 900px; height: 230px; margin: 0px auto; float: left; display: block;
}
.serviceprovider-section{
width: 880px; height: 315px;
}
.serviceproviderbottom-sec{
width: 880px; height: auto;margin-top:5px;
}
.amadeo-feature{
width: 770px; height: auto; float: left; margin: 0px 0px 0px 70px;
}
.sp-img{
width: 445px; height: 310px; float: left; display: block; margin: 0px 0px 0px 10px;
}
.sp-content{
width: 400px; height: 310px; float: left;
}
.enterprise-head{
height:400px;
}
.enterprise-content{
width: 400px; height: 365px; float: left;
}
.enterprise-bottom{
width: 445px; height: 365px; float: left; display: block; margin: 5px 5px 5px 5px;
}
.ep-feature{
margin-left:0;margin-top:15px;
}
.smb-header{
width: 880px; height: 315px;
}
.smb-content{
width: 400px; height: 310px; float: left;
}
.smb-img{
width: 445px; height: 310px; float: left; display: block; margin: 0px 0px 0px 10px;
}
.smb-bottomsection{
width: 880px; height: auto;
}
.amadeophone-left, .amadeophone-right{
width:337px;
float:left;
}
.amadeophone-left ul li, .amadeophone-right ul li{
text-align:left;
font-size:16px;
}
.cell-data{
width: 700px; height: auto; text-align: left; float: left; margin: auto; font-size: 12px; font-weight: normal;
}
.business-title{
width:220px; height: 20px; margin: 0px 5px auto auto; float: left; display: block; font-size: 15px; font-weight: bold; text-align:left;
}
.sweepingsec{
width: 900px; height: 250px; float: left;margin-bottom:30px;
}
.sweepingsec-img{
width: 220px; height: 220px; float: left; margin: 20px;
}
.sw-top{
padding-top:113px;
}
.sw-padding-top{
padding-top: 76px;
}
.amadeovideo{
width: 540px; height: 420px;
}
.uccimg-amadeo{
width:636px;
height:557px;margin-top:30px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
border:0 !important;
}
.tab-content{
width: 300px; display: block; overflow: hidden; font: normal 12px Verdana; text-decoration: none; float: left; text-align: left;	
margin-bottom:10px;
}
.sp-img-caption{
width: 440px; height: auto; float: center; display: block; font-weight: bold;font-size:16px;
}
.tabshare{
width: 420px; height: 185px; float: left; margin: 10px; padding-top: 25px; padding-bottom: 10px;
}
#links{
text-align:center;
margin-bottom: 0;
}
.logo-text{
width: 390px; height: 20px; float: left; text-align: left; display: block; text-align: left; margin: 3px 0px 0px 0px;
}
.inqiry-btn{
height:28px;
}
.platform > .checkbox, .linuxplatform > .checkbox{
float:left;
margin-right:7px;
}
.platform > input[type=checkbox]{
margin:2px 0 0;
}
.linuxplatform > input[type=checkbox]{
margin:2px 0 0;
}
#results{
margin-left:50px;
}
.inquiry-form{
width:70%;
border-left: 2px dotted #A3A3A3;
}
.clientdw, .guestdw{
float:left;
width: 80%;
margin-top:2%;
}
.androidplay, .iosplay{
margin-bottom:70px;
}
.iosplay{
float:right;
}
.g-androidplay
{
margin-bottom:30px;
}
.os-section{
padding:0 60px;
}
.pedit-img{
text-align:center;
}
#view1 > div, #view2 > div, #view3 > div, #view4 > div, #view5 > div, #view6 > div, #view7 > div{
padding-bottom:10px;
}
.joinucc-head{
width: 400px; display: block; overflow: hidden; font: normal 12px Verdana; text-decoration: none; float: left; text-align: left;
}
.joinucc-ul{
list-style:none;
float: left;
text-align: left;
border: 1px sold;
margin-left: 160px;
font:normal 12px Verdana !important;
}
.joinucc-ul li{
text-align:left;
padding-bottom:5px;
font:normal 12px Verdana !important;
}
.joinucc{
clear:both;
}
.clientdw-os{
width:25%;float:left;margin-bottom:30px;
}
.guestclientdw-os{
width:20%;float:left;margin-bottom:30px;
}
.os-line{
margin: 0 0 15px 0;
border-color: #101010;
}
.client-title{
font-size:15px;
}
.ok-btn, .cancel-btn{
font-size:13px;
font-style:normal;
}

/* FOOTER POPUP STYLES STARTS HERE */
.pop-up {position:absolute; top:0; left:-500em ;color:#464442;text-transform:none;}
.pop-up:target {position:static; left:0;}


.popBox {
background:#ffffff;

/* alternatively fixed width / height and negative margins from 50% */
position:absolute; left:25%; right:25%; top:15%; bottom:15%;

z-index:1;
/* padding:1%; removed 17/07/2012 */
border:1px solid #3a3a3a;

/* CSS3 rounded corners, drop-shadow and opacity fade in */
-moz-border-radius:12px;
border-radius:12px;
-webkit-box-shadow:2px 2px 4px #3a3a3a;
-moz-box-shadow:2px 2px 4px #3a3a3a;
box-shadow:2px 2px 4px #3a3a3a;
opacity:0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
:target .popBox {position:fixed; opacity:1;}

.popBox:hover {box-shadow:3px 3px 6px #5a5a5a;}



.lightbox {display:none; text-indent:-200em; background:#000; opacity:0.4; height:100%; position:fixed; top:0; left:0; bottom:0; right:0;}
:target .lightbox {display:block}


.close_popup {
position:absolute; top:-0.75em; right:-0.75em; display:block; width:1.3em; height:1.3em;
font:bold large/1 arial, sans-serif; text-align:center; text-decoration:none;
background:#000; border:3px solid #fff; color:#fff;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-box-shadow: 0 0 1px 1px #3a3a3a;
-webkit-box-shadow: 0 0 1px 1px #3a3a3a;
box-shadow: 0 0 1px 1px #3a3a3a;
}
.close_popup:before {content:"X"}
.close_popup:hover {box-shadow:0 0 1px 1px #c00; background:#c00;}
.close_popup span {text-indent:-200em; display:block;}

/* .popScroll {max-height:99%; overflow-y:scroll;} removed 17/07/2012 */
.popScroll {position:absolute; top:9%; left:3%; right:3%; bottom:9%; overflow-y:auto; *overflow-y:scroll; padding-right:0.5em}

@media screen and (max-width: 966px) {
.popBox{left:10%; right:10%;}
}

@media screen and (max-width: 933px) {
.popBox{left:10%; right:10%;}
}


@media screen and (max-width: 900px) {
.popBox{left:10%; right:10%;}
}

@media screen and (max-width: 800px) {
.popBox{left:10%; right:10%;}
}


@media screen and (max-width: 768px) {
.popBox{left:10%; right:10%;}
}

@media screen and (max-width: 568px) {
.popBox{left:10%; right:10%;}
}


@media screen and (max-width: 360px) {
.popBox{left:10%; right:10%;}
}


@media screen and (max-width: 320px) {
.popBox{left:10%; right:10%;}
}


::-webkit-scrollbar{

-webkit-appearance: none;
width: 7px;

}

::-webkit-scrollbar-thumb {

border-radius: 4px;
background-color: rgba(0,0,0,.5); 
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.popScroll p{
text-align:justify;
}
.subpage a{
text-decoration:underline;
font-size:16px;
}
/* FOOTER POPUP STYLES ENDS HERE */

.videoamly{
margin-bottom:10px;
}

.clientdw-os > a, .guestclientdw-os a{
text-decoration:underline;
}

/**************************** RESPONSIVE MEDIA QUERIES *************************/
@media (max-width: 1199px) {
#text{
width:70%;
}
.amadeophone-section, .cell-data{
width:auto;height:auto;
}
.amadeophone-right{
margin-left:225px;
}
.clientdw-os{
width:33%;
}
.guestclientdw-os{
width:50%;
}
.amadeoroom-sec, .hdcamera-sec, .sw-confsec, .amadeophone-sec, .amadeoph-sec{
width:800px;
}
.amadeoroom, .amadeophone{
width:600px;
}
.hdcamera{
width:300px;
}
.sw-conf{
width:580px;
}
.clientdw, .guestdw{
width:75%;
}
.white_content{
width:auto;
}
}

@media (max-width: 1024px) {
ul.tabs li a {
font: normal 12px Verdana;
text-decoration: none;
position: relative;
padding: 2px 16px;
border: 1px solid #CCC;
border-bottom-color: #B7B7B7;
color: #000;
background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
border-radius: 3px 3px 0 0;
outline: none;
line-height: 2;
}
.clientdw-os, .guestclientdw-os{
width:50%;
}
#features-wrapper{
width: 100%;
float: none;
clear: both;
}
.amadeoroom-sec, .hdcamera-sec, .sw-confsec, .amadeophone-sec, .amadeoph-sec{
width:650px;
}
.amadeoroom, .amadeophone{
width:500px;
}
.hdcamera{
width:300px;
}
.enterprise-content{
width:100%;
}
.sw-conf{
width:480px;
}
.enterprise-content{
height:auto;
}
.battery-icon{
width: 470px;
}
.battery-text{
width: 350px;
}
.sweepingsec{
width:auto;height:auto;
}
.sw-top, .sw-padding-top{
padding-top:0px;
}
#sp-container, #smb-container {width: 75%;}
.sp-content, .serviceproviderbottom-sec, .amadeo-feature, .serviceprovider-section, 
.enterprise-head, .smb-content, .smb-bottomsection, .smb-header
{
width:auto;
}
.smb-content{
height:auto;
}
.serviceproviderbottom-sec, .smb-bottomsection{
clear:both;
padding-top:15px;
}
.sp-content{
height:auto;
}
.amadeo-feature{
margin-left:30px;
margin-top:20px;
}
.sp-img{
width:100% !important;
}
.sp-img > img, .smb-img > img{
width:100% !important;
}
.sweepingsec-img{
height:auto;
}
.amadeo_dw{
clear:both;
text-align:left;
padding-top:15px;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:75px;
}
iframe{
width:100%;
height:90%;
}
h2.video{
margin-top:0;
}
.clientdw, .guestdw{
width:75%;
}
.videoamly, .demoVideoucc, .hangout-video{
height: 420px;
}
}
@media (max-width: 992px) {
.subpage{
width:40%;
}
.amadeoroom-sec, .hdcamera-sec, .sw-confsec, .amadeoph-sec{
width:600px;
}
.amadeophone{
width:400px;
}
.amadeophone-sec{
width:560px;
}
#sp-container, #smb-container {
width: 70%;
}
.uccimg-amadeo, .uccimg{
width:100%;
}
fieldset, .inquiry-form{
width:60%;
border-left: 2px dotted #A3A3A3;
}
#results{
margin-left:0;
}
}
@media (max-width: 980px) {
.clientdw, .guestdw{
margin-left: 0px;
width: 70%;
}
}
@media only screen and (min-width: 819px) and (max-width: 880px) {
.amadeoroom-sec{
width:500px;
}
.amadeoroom{
width:400px;
}
.hdcamera-sec{
width:450px;
}
.amadeoph-sec{
width:530px;
clear:both;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:68px;
}
}

@media (max-width: 820px) {
#sp-container, #smb-container{
width:68%;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:60px;
}
}
@media (max-width:868px) {
div.tabcontents{
overflow:auto;
}
.amadeoroom-sec, .hdcamera-sec, .sw-confsec{
width:560px;
}
.amadeoroom, .sw-conf {
width: 400px;
}
.amadeoph-sec{
width:540px;
}
.business-title{
width:auto;
margin-bottom:15px;
}
.amadeophone-left, .amadeophone-right{
width:auto;
margin-left:100px;
}
}
@media (max-width: 867px) {
.amadeoroom-sec, .hdcamera-sec, .sw-confsec{
width:500px;
}
.amadeoph-sec{
width:600px;
clear:both;
}
.amadeoroom{
width:360px;
}
.sw-conf{
width:340px;
}
}
@media (max-width: 768px) {
.row{margin-right: 10px;
margin-left: 16%;
}
.white_content{
left:25%;
height:auto;
}
.img_index {
width: 216px; 
height: 430px; 
float: center;
}
.amadeoroom-sec, .hdcamera-sec{
width:470px;
}
.amadeophone-sec{
width:510px;
}
.amadeoroom , .sw-conf{
width: 350px;
}
.sw-confsec{
width:450px;
}
fieldset, .inquiry-form{
width:100%;
margin-left:0;
}
#results{
margin-left:0;
}
fieldset, .inquiry-form{
border-top: 2px dotted #A3A3A3;
border-left:0;
padding-top: 20px;
}
}
@media (max-width: 767px) {
.navbar-nav{
float:none !important;
}
.dropdown-menu>li>a{
text-align:center;
}
.navbar-toggle{
margin:0 !important;
}
.navbar-header{
margin:15px 0;
}
.h2-inquiry{
margin-left:0 !important;
}
#text, #smb-container{
width:65%;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:50px;
}
nav{
box-shadow:none;
}
}  
@media (max-width: 736px) {
.subpage{
width:100%;
}
.solutions-img{
margin-right:20px;
}
#sidemenu, #cssmenu{
width:100%;
}
#text, #sp-container, .enterprise-head, #smb-container{
width:100%;
}
#container{
margin-top:0;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:60px;
}
.joinucc-ul{
margin-left:140px;
}
.clientdw, .guestdw {
float: none;
margin-left: 0px;
width: 100%;
}
.clientdw-logo{
padding-top: 20px !important;
clear:both;		   
}
.row{
margin-left:0;
}
.lan-h2{
margin-top:15px;
}
.amadeovideo, .demoVideoucc{
margin-bottom:15px;
}
.sweep-h2{
margin-top:15px;
}
.sweep-iframe{
width:100%;
}
}
@media (max-width: 667px) {
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
width:100%;
top:80px;
}
}
@media (max-width: 640px) {
#top-left{
width:300px;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:65px;
}
}
@media (max-width: 568px) {
.amadeoroom{
margin-top:10px;
}
.amadeoroom-sec, .hdcamera-sec, .sw-confsec{
padding-left:15px;
}
.amadeovideo, .demoVideoucc, .videoamly, .hangout-video, iframe.right-interior{
width:100%;
}
.sp-img-caption, .enterprise-bottom{
width:auto;
}
.smb-img{
width:100%;
}
.tabshare{
width:auto;
float:none;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:50px;
}
#prev, #next, #previphone, #nextiphone, #prevatablet, #nextatablet, #prevnew, #nextnew{
top:42%;
}
#thumbs{
top:-7px !important;
}
.clientdw-os, .guestclientdw-os{
width:100%;
}
.white_content{
left:15%;
height:26%;
}
}
@media (max-width: 480px) {
#top-left{
margin-bottom:20px;
}
#top-right{
margin-bottom:0px;
margin-top:0;
float:none;
}
.header-row{
display:table;
margin-left: 0;
}
.benefits-div, .benefits-content{
width: 100%;
text-align:left;
}
.benefits-div{
height:350px;
}
.amadeoroom-sec, .sw-confsec {
width: 430px;
}
.hdcamera-sec{
width:450px;
}
.amadeoroom, .sw-conf{
width:300px;
}
.amadeophone-sec{
width:450px;
}
.amadeophone{
width:340px;
}
.white_content{
left:10%;
height:auto;
}
}
@media (max-width: 414px) {
.amadeoroom-sec, .sw-confsec, .hdcamera-sec{
width:370px;
padding-left:0;
}
.amadeoroom, .sw-conf, .hdcamera{
width:230px;
}
#links{
padding:0;
}
.amadeophone-left, .amadeophone-right{
margin-left:40px;
}
.amadeophone-sec{
width:380px;
}
.amadeophone {
width: 280px;
margin-top:10px;
}
.battery-icon{
width:380px;
}
.battery-text{
width:270px;
}
.joinucc-head{
width:auto;
}
.pedit-img{
width:100%;
}
}
@media (max-width: 375px) {
.logo-text{
width:325px;
}
.amadeoroom-sec, .hdcamera-sec, .sw-confsec{
width:340px;
}
.amadeophone-sec img, .amadeoph-sec img, .battery-icon img{
width:70px;height:70px;
}
.amadeophone, .hdcamera, .battery-text{
margin-top:10px;
}
.amadeoroom, .sw-conf, .hdcamera{
width:220px;
}
.amadeophone-sec{
width:350px;
margin-bottom:20px;
}
.amadeophone{
width:250px;
}
.battery-icon{
width:352px;
}
.battery-text{
width:250px;
}
#bottom-navigation a{
margin:0 5px;
}
.inqiry-btn{
margin-left:25px;
}
h2.video {
margin-top: -3px;
}
.videoamly{
margin-bottom:15px;
}
.white_content{
left:5%;
height:auto;
}
.subpage{
width:90%;
}
.solutions-img{
width:100%;
}
}
@media (max-width: 360px) {
.amadeophone-sec img, .amadeoph-sec img, .battery-icon img{
width:60px;
height:60px;
}
.amadeoroom-sec img, .hdcamera-sec img, .sw-confsec img{
width:60px;
height:60px;
}
.amadeophone-left, .amadeophone-right{
margin-left:25px;
}
.amadeophone-sec{
width:340px;
}
.amadeoroom, .amadeophone, .sw-conf, .battery-text{
font-size:14px;
}
.sw-conf{
margin-top:10px;
}
.amadeophone{
width:230px;
}
.battery-icon{
width:320px;
}
.battery-text{
width:180px;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:48px;
}
.white_content{
left:3%;
}
}
@media (max-width: 350px) {
iframe{
height:85%;
}
.white_content{
left:1%;
}
#thumbs {
top: -20px !important;
}
#prev, #next, #previphone, #nextiphone, #prevatablet, #nextatablet, #prevnew, #nextnew {
top:25%;
}
#thumbs h5, #thumbsiphone h5, #thumbsatablet h5, #thumbsnew h5{
top:45px;
}
}
@media (max-width: 320px) {
.amadeoroom, .sw-conf, .hdcamera{
width:200px;
}
.amadeoroom-sec, .hdcamera-sec, .sw-confsec{
width:300px;
}
.amadeophone-left, .amadeophone-right{
margin-left:0;
}
.sw-conf{
margin-top:10px;
}
.logo-text{
width:auto;
}
}