/* ----------------------------------------------------------------
General AVer sitewide styles
Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* global variables -------------*/
:root {
--primary-color: #e60012;
--hover-color: #b8000e;
--primary-gray: #f4f4f4;
--font-size-base: 16px;
--font-family-base: 'Roboto', Helvetica, Arial,"sans-serif";
--font-family-2:'Open Sans',Arial,sans-serif;
--font-family-icons:'font-icons','Font Awesome 5 Free';
--primary-container-width: 1540px;
--divider-color: #eb3341;
--primary-radius: 20px;
--secondary-radius: 12px;
--feat-leftpadding: 5rem;
@media only screen and (min-width: 1024px) {
--feat-leftpadding: 6.5rem;
}
}
/**
* Fix fonts that render as bold in Firefox
*
* Put this near the top of your style.css
* Before any overriding styles
*/
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 400;
}
/**
* Firefox specific rule
*/
@-moz-document url-prefix() {
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {padding-right: 22px; padding-left: 22px;}
.row {margin-right: -22px; margin-left: -22px;}
.section{ margin:80px 0;}
.card{border-radius: var(--primary-radius); overflow: hidden;}
/*-------------------------------*/
body{ overflow-x: hidden; font-weight:400; font-size:var(--font-size-base); font-family:var(--font-family-base); color: #333;}
a {color: var(--primary-color);}
/* get rid of load animation */
html, body:not(.no-transition), body:not(.no-transition) #wrapper, body:not(.no-transition) #content{ opacity: 1 !important;
-webkit-animation-fill-mode: none !important;
animation-fill-mode: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important; }
.animsition-overlay{display: none !important;}
.page-transition-wrap,
.css3-spinner {
display:none !important;
}
h1, h2, h3, h4, h5{font-family:var(--font-family-base); line-height: 1.25; margin: 0 0 25px 0; color:#111;}
h4{ margin-bottom:15px;}
h5, h6{margin-bottom:5px;}
h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
color: var(--primary-color);
}
h2.subTitle{font-size: 18px;}
.corner-round{border-radius: var(--primary-radius);}
.pt-6, .py-6 {
padding-top: 5rem !important;
}
.pb-6, .pb-6 {
padding-bottom: 5rem !important;
}
.fea h2{ font-size:2.2em; line-height: 1.4em; margin: 0; padding-bottom: 15px;}
.fea.feaSmall h2{ font-size:2em; line-height: 1.3em; margin: 0; padding-bottom: 15px;}
.heading-block:after{ display: none;}
.button-grayblue { background-color: #4f586d; }
.button-3d.button-grayblue:hover,
.button-reveal.button-grayblue:hover,
.button-border.button-grayblue:hover,
.button-border.button-grayblue.button-fill:before { background-color: #4f586d !important; }
.button-border.button-grayblue {
color: #4f586d;
border-color: #4f586d;
}
.button-blue { background-color: #2354dd; }
.button-3d.button-blue:hover,
.button-reveal.button-blue:hover,
.button-border.button-blue:hover,
.button-border.button-blue.button-fill:before { background-color: #2354dd !important; }
.button-border.button-blue {
color: #2354dd;
border-color: #2354dd;
}
.button, .button.button-border{ font-weight:500; border-width: 1.5px; }
table i{ color:var(--primary-color);}
table button:not(.button-border) i, table a:not(.button-border) i{ color:#fff;}
table button:hover i, table a:hover i{ color:#fff;}
.borderR1{border-radius:var(--primary-radius); overflow: hidden;}
.borderR2{border-radius:var(--secondary-radius); overflow: hidden;}
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
margin-bottom: 0;
line-height: 1.15em;
font-weight: 600;
letter-spacing: normal;
text-transform: none;}
.heading-block ~ p:not(.lead) {
font-size: 16px;
}
img.aligncenter{margin-top:0; margin-bottom: 0;}
.feature-box.big h3{font-size:26px;}
.full-width{width:100%;}
.feature-box.fbox-center.number .fbox-icon{ height:80px; width:80px; }
.feature-box.fbox-center.number .fbox-icon i{ height:80px; width:80px; line-height: 80px; font-size: 30px; }
ul.nav-pills li{margin-right: 10px;}
ul.nav-pills li:last-child{margin-right: 0px !important;}
ul.nav-pills .nav-link{border-radius: 3px; border:1px solid #777;}
/*overwrite .masonry */
.masonry-thumbs a {
right: 0;
margin: 0 auto;
float: none; border-radius: var(--secondary-radius);}
.masonry-thumbs img{padding:0;}
.masonry-thumbs .overlay{padding:0;}
.colorRed{color:var(--primary-color);}
.absoluteCenter {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);}
.clients-grid h5, .clients-grid h4{ padding-top:10px;}
#content p{line-height:1.6;}
#content p small, #content p small em{line-height:1;}
ul.genaralList, ol.genaralList{margin-left: 21px;}
ul.genaralList li{ list-style:square;}
.genaralList li{ line-height:1.6; margin-top:7px; margin-bottom: 7px;} /* Updated line height from 1.3 to 1.6 to make the line space consistent within PR content - 03202024-wh */
.genaralList li[class*="col-"]{ padding-left:0;}
.genaralList ul, .genaralList ol{ margin-left:18px; margin-bottom: 12px;}
p img.float-right, p img.float-md-right, p img.float-lg-right, p video.float-right, p video.float-md-right, p video.float-lg-right{ margin:5px 0 15px 20px;}
p img.float-left, p img.float-md-left, p img.float-lg-left, p video.float-left, p video.float-md-left, p video.float-lg-left{ margin:5px 20px 15px 0px;}
.imgGrayOut img, .grayOut{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
.imgGrayOut:hover img, .grayOut:hover{
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ; /* IE6-9 */
zoom:1; /* needed to trigger "hasLayout" in IE if no width or height is set */
-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
/* flexslider override */
.flex-control-nav, .flex-control-nav.flex-control-thumbs{
top: 94%;
left: 50% !important;
right:auto !important;
transform: translateX(-50%)!important;
z-index: 20;
}
.testimonial.testimonial-full .flex-control-nav, .testimonial .flex-control-nav {
top: 0;
bottom: 1px;
right: 0;
left: 0;
height: 10px;
margin-top: 20px;
transform:none;
}
.flexslider .slider-wrap h4 img{ width:auto;}
.testimonial.testimonial-full .flex-control-nav li, .testimonial .flex-control-nav li, .flex-control-nav li{margin: 0 5px; padding:0 !important; width:auto;}
.testimonial.testimonial-full .flex-control-nav li a, .testimonial .flex-control-nav li a, .flex-control-nav li a{
width: 10px !important;
height: 10px !important;
border: 1px solid #fff;
background-color:transparent;
opacity: 1;
}
.testimonial.testimonial-full .flex-control-nav li:hover a, .testimonial.testimonial-full .flex-control-nav li a.flex-active, .flex-control-nav li:hover a, .flex-control-nav li a.flex-active{ background-color:#fff; border-color:#fff; transition: all .3s ease-out; }
.testimonial.testimonial-full .flex-control-nav li a.flex-active, .flex-control-nav li a.flex-active{ background-color:#fff; border-color:#fff; width:30px !important; border-radius:6px !important; }
.testi-meta{text-transform: none;}
.marginTopMinus60{ margin-top:-60px;}
.marginTopMinus80{ margin-top:-80px;}
.marginBtmMinus60{ margin-bottom:-60px;}
.marginBtmMinus80{ margin-bottom:-80px;}
.button{ text-transform:none; text-shadow: none !important;}
.button.button-small{font-size:14px;}
.button.button-large{font-size:18px;}
.button:hover{background-color:var(--primary-color);}
#footer .button.button-light:hover{background-color:#111;}
.button-red { background-color: var(--primary-color); }
.button-3d.button-red:hover,
.button-reveal.button-red:hover,
.button-border.button-red:hover,
.button-border.button-red.button-fill:before { background-color: var(--primary-color) !important; }
.button-border.button-red {
color: var(--primary-color);
border-color: var(--primary-color);
}
.button-white {}
.button-3d.button-white:hover,
.button-reveal.button-white:hover,
.button-border.button-white:hover,
.button-border.button-white.button-fill:before { background-color: #fff !important; }
.button.button-border.button-light{border-color:#fff; color:#fff;}
.button-border.button-white {}
.button-border.button-white:hover{}
.button-blue, .button-blue:visited{ background-color: #2354dd;}
.button-blue:hover{ background-color: #007bff;}
.button[disabled], .button.button-border[disabled], .button[disabled]:hover, .button.button-border[disabled]:hover {
background-color: transparent !important;
color: rgba(195, 195, 195, 0.7) !important;
border-color: rgba(195, 195, 195, 0.5) !important; cursor: default;
}
.button[disabled] >i:before, .button.button-border[disabled] >i:before{color: rgba(195, 195, 195, 0.5) !important; }
.button[disabled] >i, .button.button-border[disabled] >i{display: none;}
.widget > h4{ text-transform:none; }
.spost .entry-title h4, .mpost .entry-title h4{}
.spost .entry-title a{ font-size:80%; color:#222;}
.spost .entry-title a:hover{color:var(--primary-color);}
.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover { color: var(--primary-color); }
.entry-title h2{text-transform: none;}
/* icon */
.iconlist-color li i {
color: var(--primary-color) !important;
}
#top-search,
#top-cart,
#side-panel-trigger,
#top-account {
margin: 20px 0 20px 15px;
}
#top-quote-btn {float: right; margin: 4px 0 0px 0px;}
#top-quote-btn { position: relative; }
#top-quote-btn a {
position: relative;
font-size: 14px;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
z-index: 11;
color:#fff; margin: 5px 5px 2px 5px;
box-shadow: 1px 2px 10px rgba(0,0,0, 0.15);
}
#top-quote-btn{
transition: margin 0.4s ease 0s, opacity 0.3s ease 0s;}
#header #top-quote-btn:before{ content:""; position:absolute; left:-18px; top:7px; z-index: 1; background:url(../images-aver/top-nav/arw-get-quote.svg) left top no-repeat; background-size:19px 17px; width:19px; height:17px; display: none;}
#header.sticky-header #top-quote-btn:before{ display: none; }
#header #top-search form input{ height: -moz-calc(100% - 2px);height: -webkit-calc(100% - 2px); height: calc(100% - 2px); }
body.top-search-open #top-quote-btn a { opacity: 0; }
#top-cart > a:hover { color: var(--primary-color); }
#top-search form {
background-color:transparent;
padding: 0 15px;
top:0px;
border-radius: 20px;
}
#top-search form input {
font-size: 1.6rem;
padding: 10px 80px 10px 0;
color:#000;
}
#top-search form input::placeholder{text-transform: none;}
/*#top-search{ display: none;}*/
.content-wrap{ padding:80px 0 50px 0;}
/* ----------------------------------------------------------------
Header
-----------------------------------------------------------------*/
#header #header-wrap{ }
#header.transparent-header.full-header #header-wrap { border-bottom: 0px solid rgba(0,0,0,0.08); }
#header.transparent-header.full-header { background-color: rgba(255,255,255,0.95); }
#slider + #header.transparent-header.full-header #header-wrap {
border-bottom: none;
}
#header.transparent-header + #slider{ top:-80px; margin-bottom:-80px; }
#header.transparent-header.floating-header .container {
width: 1510px;
max-width: 1510px;
/*background-color: rgba(255,255,255,0.98);*/
background: rgba(255, 255, 255, 0.85);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
padding: 0 20px;
border-radius: 20px; display: flex;
}
#header.transparent-header.floating-header {
margin-top: 0px; padding-top:20px;
}
#header.transparent-header.floating-header.sticky-header .container {
width: 100%;
max-width: var(--primary-container-width);
padding: 0 15px;
background:none;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
#header.transparent-header.floating-header.sticky-header #top-search form {
}
.top-cat-btn { border:0px solid var(--primary-color); background-color:var(--primary-color); border-width: 1px 0px 1px 1px; padding: 0px 10px 0px 15px; display: inline-block; font-weight: 500; font-family:var(--font-family-base); color:#fff; position:relative; margin-top:-10px; margin-bottom: -10px; height:33px; line-height: 30px; border-radius: 2px 0 0 2px; box-shadow:-1px 2px 8px #ccc;}
.top-cat-btn:before{ content:""; position: absolute; display: block; height:33px; width: 14px; z-index: 2; right:-14px; top:-1px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 17px 0 17px 15px;
border-color: transparent transparent transparent var(--primary-color);
transform: rotate(0deg);}
.top-cat-btn:hover, #primary-menu ul li.sub-menu:hover .top-cat-btn{ border-color:#ce051d; background-color:#ce051d; color:#fff; }
.top-cat-btn:hover:before, #primary-menu ul li.sub-menu:hover .top-cat-btn:before{ border-color: transparent transparent transparent #ce051d;}
/*.top-cat-btn { border:1px solid #e9dcd5; border-width: 1px 0px 1px 1px; padding: 0px 10px 0px 15px; display: inline-block; font-weight: normal; color:#929292; position:relative; margin-top:-5px; margin-bottom: -2px; height:33px; line-height: 30px;}
.top-cat-btn:before{ content:""; position: absolute; display: block; background:url(../images-aver/top-nav/top-cat-btn-arw-old@2x.png) left top no-repeat; background-size:15px 100px; height:33px; width: 15px; z-index: 2; right:-15px; top:-1px;}
.top-cat-btn:hover, #primary-menu ul li.sub-menu:hover .top-cat-btn{ border-color:var(--primary-color); color:#000; }
.top-cat-btn:hover:before, #primary-menu ul li.sub-menu:hover .top-cat-btn:before{ background-position: left bottom;}*/
#primary-menu{float:none; flex:1;}
#primary-menu >ul >li >.sf-with-ul, #primary-menu >ul >li >a{position:relative; }
#primary-menu >ul >li.current >.sf-with-ul:before, #primary-menu >ul >li.current >a:before, #primary-menu >ul >li:hover >.sf-with-ul:before, #primary-menu >ul >li:hover >a:before {
border-radius: 2px;
margin-left: 0px;
bottom: 13px;
z-index: 4;
content: "";
display: block;
height: 3px;
width: 13px;
position: absolute;
left: 50%;
transform: translateX(-50%);
background-color: var(--primary-color);
}
#primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content{width:calc(100% - 30px); overflow: hidden;}
.floating-header #primary-menu ul li.mega-menu .mega-menu-content{width:100%; overflow: hidden;}
#primary-menu >ul >li:hover >.sf-with-ul, #primary-menu >ul >li:hover >a{ color:#222;}
#primary-menu >ul >li.current >a{color:#222;}
#primary-menu .spost{ padding-right:30px;}
#primary-menu >ul >li >ul.division{ width:280px;}
#primary-menu >ul >li >ul.division a{white-space: nowrap;}
#primary-menu ul.marketCat{ display:flex !important;}
#primary-menu ul.marketCat li .marketCatItem{ position: relative; border-radius: var(--secondary-radius); overflow: hidden; padding:0;}
#primary-menu ul.marketCat .overlay{ padding: 15px 20px; background:rgba(0, 0, 0, 0.3); background:linear-gradient(141deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.1) 100%); font-weight: bold; font-size: 18px; color:#fff !important; white-space: normal;}
#primary-menu ul.marketCat li > a, #primary-menu ul.marketCat li > a:hover{ padding: 0; color:#fff !important;}
#primary-menu ul.marketCat li > a:hover .overlay{background:linear-gradient(141deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0.4) 100%); }
/* ----------------------------------------------------------------
Logo
-----------------------------------------------------------------*/
#logo {
position: relative;
float: left;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: 100%;
margin-right: 20px;
}
#header.full-header #logo {
padding-right: 20px;
margin-right: 0px;
border-right: 0px;
}
/* ----------------------------------------------------------------
Header Right Area
-----------------------------------------------------------------*/
.header-extras li .he-text span {
color: var(--primary-color);
}
/* ----------------------------------------------------------------
Primary Menu
-----------------------------------------------------------------*/
/* add search button */
#top-search button[type=submit]{ position:absolute; z-index: 5; right: 65px; bottom:15px; display:none;}
#header.sticky-header:not(.static-sticky) #top-search button[type=submit]{bottom:7px;}
#primary-menu ul ul:not(.mega-menu-column) ul {
top: 0px !important;
}
#primary-menu-trigger,
#page-submenu-trigger {
top: 50%;
margin-top: -30px;
}
#header.full-header #primary-menu > ul {
padding-right: 15px;
margin-right: 15px;
border-right: 0px;
}
#primary-menu ul li > a {
line-height: 22px;
padding: 19px 15px 19px 15px;
color: #222;
font-weight: normal;
font-size: 15px;
letter-spacing: 0px;
text-transform:none;
font-family:var(--font-family-base);
}
#primary-menu ul li h4{ margin-bottom: 10px; margin-top:3px; font-size:14px;}
#primary-menu ul li > a i.icon-angle-down:last-child {
font-size: 12px;
margin: 0 0 0 5px;
}
#primary-menu ul li:hover > a {color:#222; }
#primary-menu ul li.current > a { color: #222; }
#primary-menu ul ul:not(.mega-menu-column) ul {
top: 0px !important;
}
#primary-menu ul ul.mega-menu-column{ height:100%; }
#primary-menu ul li .mega-menu-content {
background:none;
box-shadow: none;
border: 0px solid #EEE;
border-top: none !important;
top: 99%;
width:auto;
min-width:220px;
border-radius: 0px; transition: visibility .24s step-end;
overflow: visible !important;
/*backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);*/
}
/*#primary-menu ul li .mega-menu-content,*/ #primary-menu ul li .mega-menu-content .menuWrap{
background: rgba(255, 255, 255, 0.99);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
/*backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);*/
border: 0px solid #EEE;
border-top: none !important;
width:100%;
border-radius: 20px;
}
#primary-menu ul ul:not(.mega-menu-column){white-space: nowrap; overflow:hidden; }
#primary-menu ul ul:not(.mega-menu-column).menuInfo { border-radius: 0;}
#primary-menu ul ul li > a {
font-size: 14px;
font-weight: normal;
color: #222;
padding: 10px 19px;
font-family: 'Lato', sans-serif;
}
#primary-menu ul ul li:hover > a {
background-color: none;
padding-left:10px;
color: #222;
}
/* ----------------------------------------------------------------
Mega Menu
-----------------------------------------------------------------*/
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 30px 20px;}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title { margin-top: 20px; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:first-child { margin-top: 0; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
font-size: 13px;
font-weight: bold;
font-family: 'Raleway', sans-serif;
letter-spacing: 1px;
text-transform: none;
margin-bottom: 15px;
color: #444;
padding: 0 !important;
line-height: 1.3 !important;
}
#primary-menu ul li.mega-menu .mega-menu-content.style-2 {
padding: 10px 0px 0px 0px;
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:visted{ color:#515151;}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: var(--primary-color); }
#primary-menu ul li .mega-menu-content.style-2 ul li > a:hover { padding-left: 5px; background:none; }
#primary-menu ul ul:not(.mega-menu-column) li > a:hover { padding-left: 19px; background:none;}
#primary-menu ul li .mega-menu-content .sub-menu ul{ border-radius: 0;}
/* menu for Products */
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column.feature { background-image:none; background-size:336px 304px; }
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column.feature{ padding-bottom:30px;}
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column.feature h3{ margin-bottom: 0px; margin-top: 20px; font-size: 20px; font-weight:bold; color:#222 !important;}
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column.feature p{ }
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column li img{ padding:0 0px 0 5px; margin-left: auto; margin-right: auto; display:block;}
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column >li section{
border-top: 0px dashed #e5e5e5;
margin-top: 0px;
padding-top: 20px;}
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column >li section.divider{
border-top: 0px dashed #e5e5e5;}
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column >li section:nth-child(1){ border-top:none; margin-top:0; padding-top:0px;}
#primary-menu ul li .mega-menu-content.style-2 .prodNav ul li{ position:relative; }
#primary-menu ul li .mega-menu-content.style-2 .prodNav ul li > a, #primary-menu ul li .mega-menu-content.style-2 .prodNav a{ padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-weight:400; color:#222; line-height:1.2em;}
#primary-menu ul li .mega-menu-content.style-2 .prodNav ul li .new:after{ color:#fff; display: inline-block; padding: 1px 5px 2px 5px; font-size:70%; line-height:120%; background:var(--primary-color); border-radius: 20px; margin-left: 7px; content: "New"; }
#primary-menu ul li .mega-menu-content.style-2 .prodNav ul li .coming:after{ color:#fff; display: inline-block; padding: 1px 5px 2px 5px; font-size:70%; line-height:120%; background:var(--primary-color); border-radius: 20px; margin-left: 7px; content: "Coming Soon"; }
#primary-menu ul li .mega-menu-content.style-2 .prodNav > a{ line-height: 1.1em; margin-bottom: 3px; display: block; color:#222; font-weight: normal;}
#primary-menu ul li .mega-menu-content.style-2 .prodNav > a:hover{ color:var(--primary-color); }
#primary-menu ul li.mega-menu.nav-Products .mega-menu-content.style-2 ul.mega-menu-column.feature .product-image > a, .mega-menu-content.style-2 ul.mega-menu-column.feature .product-image .slide a, .mega-menu-content.style-2 ul.mega-menu-column.feature .product-image img { width:75%; margin:0 auto;}
.product-overlay a:last-of-type{border-right:none;}
.iproduct .product-image, .iproduct .product-image a, .iproduct .product-image img {
border-radius: 12px;
}
.iproduct .product-image a{ border-radius: 40px;}
.iproduct .product-image img {padding:0 !important;}
.sale-flash {
background-color: rgba(255, 158, 51, 0.93) !important;
border-radius: 50%;
left: 15%;
padding: 25px 0 0 0;
height:80px;
width:80px;
line-height: 100%;
position: absolute;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-align: center;
top: 10px;
font-size:24px;
z-index: 5;
}
.sale-flash-comingsoon {
background-color: rgba(255, 158, 51, 0.93) !important;
border-radius: 50%;
left: 15%;
padding: 25px 0 0 0;
height:80px;
width:80px;
line-height: 100%;
position: absolute;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-align: center;
top: 10px;
font-size:16px;
z-index: 5;
color: #fff;
}
/* menu for customers */
#primary-menu ul li.mega-menu.nav-Customers .mega-menu-content.style-2 img{background-image: linear-gradient(
45deg,
hsl(340deg 4% 85%) 0%,
hsl(340deg 4% 86%) 6%,
hsl(340deg 4% 87%) 11%,
hsl(340deg 4% 88%) 18%,
hsl(340deg 4% 89%) 24%,
hsl(340deg 3% 90%) 32%,
hsl(340deg 3% 91%) 40%,
hsl(340deg 3% 92%) 49%,
hsl(340deg 3% 93%) 62%,
hsl(340deg 2% 94%) 77%,
hsl(340deg 2% 95%) 89%,
hsl(340deg 1% 96%) 95%,
hsl(0deg 0% 97%) 100%
); border-radius: var(--secondary-radius); margin-bottom: 15px;}
/* menu for Support */
#primary-menu ul li.mega-menu.nav-Support .mega-menu-content.style-2 ul.mega-menu-column:first-child{ }
#primary-menu ul li.mega-menu.nav-Support h3{color:#222;}
#primary-menu ul li.mega-menu.nav-Support .mega-menu-content.style-2 ul.mega-menu-column:last-child{ }
#primary-menu ul li.mega-menu.nav-Support .btnLiveChat{position: absolute; right:0; top:0; z-index: 8; background-color:transparent; height: 97px; width: 97px; padding: 0; border:none;}
#primary-menu ul li.mega-menu.nav-Support .btnLiveChat:hover{ cursor:pointer;}
#primary-menu ul li.mega-menu.nav-Support .btnLiveChat >div{ display:block; background-color: rgba(0, 0, 0, 0.3); height: 97px; width: 97px; text-align: center; color:#fff; font-size: 40px; padding-top: 15px; line-height: 100%;}
#primary-menu ul li.mega-menu.nav-Support .btnLiveChat >div small{ font-size:16px; display: block; padding: 0; line-height: 20px; font-weight:bold;}
#primary-menu ul li.mega-menu.nav-Support .btnLiveChat:hover >div{background-color: rgba(0, 0, 0, 0.4); cursor:pointer;}
#primary-menu ul li.mega-menu .menuInfo li{ font-size:14px;}
#primary-menu ul li.mega-menu .menuInfo li:hover a{ background:none; color:#000 !important;}
.nav-Support .mega-menu-content.style-2 { background:url(../images-aver/top-nav/dropdown-bg2.png) top right no-repeat; }
.nav-Support.whereToBuy .mega-menu-content.style-2 { background:url(../images-aver/top-nav/dropdown-bg1.png) top right no-repeat; }
/* menu for Company */
#primary-menu ul li.mega-menu.nav-Company .mega-menu-content.style-2 ul.mega-menu-column:last-child{}
#primary-menu ul li.mega-menu.nav-Company .mega-menu-content .divider:after,
#primary-menu ul li.mega-menu.nav-Company .mega-menu-content .divider.divider-center:before,
#primary-menu ul li.mega-menu.nav-Company .mega-menu-content .divider.divider-center.divider-short:before {
border-top: 1px solid #474aa7;}
#primary-menu ul li.mega-menu.nav-Company .mega-menu-content .divider.divider-border i {
border: 1px solid #b8000e;}
.spost .entry-image, .spost .entry-image a, .spost .entry-image img, .spost .entry-image i{ height: 56px; width:56px; background-color:#606060; color:#fff; border-radius: 20px; font-size:17px; font-weight: bold; line-height: 100%;}
.spost .entry-image span, .spost .entry-image small{ padding-top:3px; font-size:70%; display: block;}
.spost .entry-image small{ font-size:50%; font-weight: normal; padding-top:0; }
.spost .entry-title{ padding-top:8px;}
#primary-menu .spost .entry-image, #primary-menu .spost .entry-image a, #primary-menu .spost .entry-image img, #primary-menu .spost .entry-image i{ height: 38px; width:90px; background-color:#222; color:#fff; border-radius: 20px; font-size:20px; line-height: 100%;padding:16px 0px;}
#primary-menu .spost .entry-image{height:70px; padding:0;}
#primary-menu .spost .entry-image small { font-size:14px; }
#News .entry-image .entry-date, #Blog .entry-image .entry-date, #Casestudy .entry-image .entry-date{
position: absolute;
top: 7px;
left: 7px;
background-color: rgba(0,0,0,0.8);
color: #FFF;
text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
width: 60px;
height: auto;
text-align: center;
padding-top: 9px;
padding-bottom: 10px;
font-size: 26px;
line-height: 1; border-radius: var(--secondary-radius);}
#News .entry-image .entry-date span, #Blog .entry-image .entry-date span, #Casestudy .entry-image .entry-date span {
display: block;
font-size: 12px;
margin-top: 2px;
}
#News .entry-image img, #Blog .entry-image img, #Casestudy .entry-image img{border-radius: var(--secondary-radius);}
.post-grid{ margin-right:0px;}
.post-grid.grid-0 .entry {width: 100%; padding: 0;}
#primary-menu ul li.mega-menu .mega-menu-content.style-2 ul.mega-menu-column:first-child ul li > a, #primary-menu ul li.mega-menu .mega-menu-content.style-2 ul.mega-menu-column:first-child ul li {
padding-left: 0px;
padding-top: 4px;
padding-bottom: 6px;
}
#primary-menu ul li.mega-menu .mega-menu-content.style-2 ul.mega-menu-column:first-child ul li > a { padding-bottom:0px; padding-top:0;}
#primary-menu ul li.mega-menu .mega-menu-content.style-2 ul.mega-menu-column:first-child ul li > a:hover { padding-left: 0px; color:var(--primary-color); background-color:transparent;}
/* Primary Menu - Style 2
-----------------------------------------------------------------*/
#primary-menu.style-2 {
border-top: 0px;
}
#logo + #primary-menu.style-2 { border-top: 0; }
#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
margin-top: 20px;
margin-bottom: 20px;
}
/* Primary Menu - Sub Title
-----------------------------------------------------------------*/
#primary-menu.sub-title ul li:first-child {
padding-left: 0;
margin-left: 0;
}
#primary-menu.sub-title > ul > li > a,
#primary-menu.sub-title > div > ul > li > a {
line-height: 14px;
padding: 27px 20px 32px;
text-transform: uppercase;
border-top: 5px solid transparent;
}
#primary-menu.sub-title > ul > li > a span,
#primary-menu.sub-title > div > ul > li > a span {
display: block;
margin-top: 10px;
line-height: 12px;
font-size: 11px;
font-weight: 400;
color: #888;
text-transform: capitalize;
}
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a {
background-color: #1ABC9C;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
border-top-color: rgba(0,0,0,0.1);
}
#primary-menu.sub-title > ul > li:hover > a span,
#primary-menu.sub-title > ul > li.current > a span,
#primary-menu.sub-title.style-2 > div > ul > li:hover > a span,
#primary-menu.sub-title.style-2 > div > ul > li.current > a span { color: #EEE; }
#primary-menu.sub-title.style-2 ul ul span { display: none; }
/* Primary Menu - Style 2 with Sub Title
-----------------------------------------------------------------*/
#primary-menu.sub-title.style-2 > div #top-search,
#primary-menu.sub-title.style-2 > div #top-cart,
#primary-menu.sub-title.style-2 > div #side-panel-trigger {
float: right;
margin-top: 30px;
margin-bottom: 30px;
}
#primary-menu.sub-title.style-2 > div > ul > li > a {
padding-top: 17px;
padding-bottom: 22px;
}
/* ----------------------------------------------------------------
Sticky Header
-----------------------------------------------------------------*/
#header,
#header-wrap, #header #header-wrap,
#logo img {height: 60px;}
#logo img{ width:auto;}
#header.sticky-style-2 { height: 161px; }
#header.sticky-style-3 { height: 181px; }
#header.sticky-style-2 #header-wrap { height: 60px; }
#header.sticky-style-3 #header-wrap { height: 80px; }
#header.sticky-header.semi-transparent, #header.semi-transparent,
#header.semi-transparent.sticky-header #header-wrap,
#header.transparent-header.sticky-header #header-wrap { /*background-color: rgba(255,255,255,0.98);*/
background: rgba(255, 255, 255, 0.85);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
padding-top: 19px;
padding-bottom: 19px;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a.sf-with-ul{ padding-bottom: 19px;}
/*#header.sticky-header:not(.static-sticky) #primary-menu > ul > li:first-child > a.sf-with-ul{ padding-bottom: 14px;}*/
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a.sf-with-ul .top-cat-btn { margin-bottom: -1px;}
#header.sticky-header:not(.static-sticky) #top-quote-btn{ margin-top:4px !important;}
#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; }
#header.sticky-header.sticky-style-2 #primary-menu { border-top: 0; }
#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img{ height:60px;}
/* Primary Menu - Sub Title
-----------------------------------------------------------------*/
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li {
background: none !important;
margin-left: 2px;
}
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li:first-child,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li:first-child { margin-left: 0; }
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > a {
line-height: 20px;
padding: 19px 15px;
text-transform: none;
font-size: 14px;
border-top: 0;
}
/* banner breadcrumb */
.banner .container{ position:relative; z-index: 3;}
.fullBanner .container{padding-top:22%; padding-bottom: 60px; }
.sliderBanner .container{}
.banner .breadWrap{z-index: 50; position:relative;}
.banner .breadcrumb, .fullBanner .breadcrumb { left:15px !important; right:auto !important; top:105px !important; z-index: 20;}
.banner .breadcrumb li a, .banner .breadcrumb .active{ }
.banner .breadcrumb li a:hover{ }
.banner .overSub{}
/* banner */
.banner { position:relative; z-index: 2; width:100%; top: -60px; margin-bottom: -60px; background-repeat: no-repeat; background-size:cover;}
.banner .overSub{ position: absolute; left:0; bottom:0; width:100%; background: rgba(0, 0, 0, 0.9); z-index: 2; color:#fff; font-size:24px; line-height: 1.2em; }
.award{ margin:100px 0 30px 0;}
.award img{ vertical-align:bottom;}
.award img:not(:first-child){margin-left:25px;}
/* slide banner main ****/
.mainBanner, .fullBanner {height: 850px; }
.mainBanner .slider-caption.slider-caption-center{ max-width: 85%; /*top: 40% !important;*/ }
.mainBanner .slider-caption h2{color:#fff; font-size:80px; font-weight:900; padding-bottom: 25px; letter-spacing: -1px; text-shadow:
/*-1px -1px 0 rgba(255,255,255,0.3),*/
1px -1px 15px rgba(0,0,0,0.3)}
.mainBanner .slider-caption h2 > span{ color:inherit !important;}
.mainBanner .slider-caption h3{color:#fff; font-size:60px; font-weight:600; padding-bottom: 25px; letter-spacing: -1px; text-shadow:
/*-1px -1px 0 rgba(255,255,255,0.3),*/
1px -1px 15px rgba(0,0,0,0.3)}
.mainBanner .slider-caption p {color:#fff; font-size:20px; font-weight:400; margin-top:-10px; padding-bottom: 10px; line-height:1.4em; text-shadow:
/*-1px -1px 0 rgba(255,255,255,0.3),*/
1px -1px 12px rgba(0,0,0,0.3)
}
.mainBanner .swiper-slide{}
.mainBanner .slider-caption .video-title-small{
font-weight: 500;
font-size: 24px;
color: #fff;
padding-bottom: 20px;
}
.slider-caption h2{text-transform: inherit;}
/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/
.owl-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0 4px;
background-color: var(--primary-color);
}
/* Pages
------------------------------------------------*/
.catsLink { background:var(--primary-color); padding:210px 0 20px 0;}
.catsLink h2, .catsLink p{color:#fff;}
.catsLink ul{ list-style:none; margin-bottom: 0px; box-shadow: -10px 0px 13px rgba(0,0,0,0.03)}
.catsLink ul li{ position:relative; background:#f1f1f1 /*#f7f5f5*/; transition: all .2s ease-in-out; border-left:1px solid #e2e1e1; /*padding-bottom: 60px;*/ padding-bottom: 20px;}
.catsLink ul li:first-child{border-left:0;}
.catsLink ul li:nth-child(odd){ }
.catsLink ul li p{color:#222;}
.catsLink ul li a{ margin-bottom: 30px; /*padding:10px 0px; display:block; line-height: 1.2em;*/
/*background: rgb(230,230,230);
background: linear-gradient(12deg, rgba(230,230,230,1) 0%, rgba(236,236,238,1) 35%, rgba(242,242,242,1) 100%);*/
}
.catsLink ul li h4{ font-weight:normal; text-align: center; color:#111; padding-bottom: 20px; margin-bottom: 0;}
.catsLink ul li img{ display: block; position:relative; padding:20px 20px 0px 20px; }
.catsLink.style2 ul li img{ margin-top: 0; padding-top:15px;}
.catsLink p{ }
.catsLink article{ border-top:1px solid #eee; }
.catsLink article div { text-align: center; border:1px solid #eee; border-width: 0px 1px 1px 0px; border-spacing: 0; padding:0;}
ul.spaces{padding:25px;background: #3c3c3c; margin:0; list-style: none;}
ul.spaces li{background:none; border:none; padding-bottom:0; }
ul.spaces div{ /*border: 1px solid rgba(255, 255, 255, 0.1);*/ background:rgba(255, 255, 255, 0.02); border-radius: 20px; text-align: center; color:#fff; padding-bottom: 20px;}
ul.spaces h4{color:#fff; margin-bottom: 0px; font-size:20px;}
ul.spaces small{ font-size:1rem;}
.landingCats, .prodCats{position:relative;}
.landingCats .cats{ position: absolute; border-radius: 20px; z-index: 3; padding: 0px 0; top:-75px; left: 0; right:0; margin: 0px auto 0 auto; overflow: hidden;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);}
.prodCats .cats{ padding: 0px 0; left: 0; right:0; margin: 0px auto 0 auto; overflow: hidden; position:relative;}
.landingCats:after, .prodCats:after{content: ""; position: absolute; top:110px; right: 25px; width: 30px; height: 30px; background-image: url("../images-aver/icon-hand-swipe.svg"); background-size: 100% auto;display: none; z-index: 4; transform: rotate(30deg); animation: handMove 3s infinite;}
.prodCats:after{ top:90px; }
.catsLink .landingIcons, .catsLink .landingIcons li, .catsLink .landingIcons ul, .feaIcons, .feaIcons li, .feaIcons ul{ background:transparent; box-shadow: none; border:none; list-style: none;}
.catsLink .landingIcons, .feaIcons{background:#ec091b; border-radius: var(--primary-radius); padding: 0 15px; margin-bottom: 35px; text-align: center;}
.catsLink .landingIcons li img, .feaIcons li img{margin:auto; padding:0 20px 0 20px;}
.catsLink .landingIcons h3, .feaIcons h3{font-size: 0.8rem; font-weight: normal; margin-bottom: 0; color:#fff; text-align: center;}
#hero-banner{position: relative;}
#hero-banner .feaIconsWrap{ position: absolute; bottom: 0px; left: 0; right:0; z-index: 3;}
#hero-banner .feaIconsWrap .feaIcons{ background:rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px);}
#hero-banner .feaIconsWrap .feaIcons li{ padding: 12px 0 15px 0;}
#hero-banner .feaIconsWrap .feaIcons{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);}
@keyframes handMove {
0% {
transform: rotate(30deg);
}
50% {
transform: translate(-50%, -10%) rotate(-20deg) scale(1);
}
100% {
transform: rotate(30deg);
}
}
/* mouse scroll on landing ----*/
.mouse-carousel-frame { height: 230px; scrollbar-color: #bcb6b6 transparent; /*scrollbar-width: thin;*/ scrollbar-width:none;
width: 100%;
margin-bottom: 0px;
padding: 15px 0px;
position: relative;
white-space: nowrap;
overflow: hidden;
overflow-x: auto;
}
.prodCats .mouse-carousel-frame { height: auto;
padding: 0px 0 30px 0;
overflow: hidden;
@media only screen and (max-width: 575.98px) {
overflow-x: auto;
}
}
.prodCats .cats{ }
.prodCats .cats::after, .prodCats .cats::before {
/* these are used to create a shadow effect at the sides of the timeline */
content: '';
position: absolute;
z-index: 3;
top: 0;
height: 100%;
width: 20px;
}
.prodCats .cats::before {
left: 0px;
background-image: -webkit-linear-gradient( left , #fff, rgba(248, 248, 248, 0));
background-image: linear-gradient(to right, #fff, rgba(248, 248, 248, 0));
}
.prodCats .cats::after {
right: 0px;
background-image: -webkit-linear-gradient( right , #fff, rgba(248, 248, 248, 0));
background-image: linear-gradient(to left, #fff, rgba(248, 248, 248, 0));
}
.catsWrap::before, .catsWrap::after{content: "\e7a4"; position: absolute; top:30%; left: 0px; right:auto; width: 25px; height: 25px; z-index: 0; line-height: 25px;
box-sizing: border-box;
color: #ccc;
font-size: 28px;
text-align: center;
margin-left: 0px;
display: inline-block;
font-family: 'font-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
animation: arrow-lft 1.3s ease-in-out infinite;
}
.catsWrap::after{content: "\e7a5"; left: auto; right:0px; animation: arrow-rgt 1.3s ease-in-out infinite;}
/* Target the scrollbar itself */
::-webkit-scrollbar {
width: 10px; /* Width for vertical scrollbar */
height: 10px; /* Height for horizontal scrollbar */
}
/* Target the scrollbar track (the background) */
::-webkit-scrollbar-track {
background-color: transparent;
}
/* Target the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 5px;
}
.mouse-carousel-frame ul {font-size: 0;/*fix inline-block space*/
margin: 0;
padding: 0;
height: 100%;
list-style: none;
}
.mouse-carousel-frame li.mouse-carousel-item {font-size: 16px;
cursor: pointer;
display: inline-block;
margin: 0 0px 0 0;
padding: 0 0px 0 0; width: 25%; height: 200px; background-color: transparent; white-space: nowrap; text-align: center;vertical-align: top; position: relative;
}
.prodCats .mouse-carousel-frame li.mouse-carousel-item {
width: 14.29%; height: auto;
@media only screen and (max-width: 575.98px) {
width: 33.33%;
}
}
.mouse-carousel-frame li.mouse-carousel-item img{width: 50%; display: block; margin: 0 auto; padding: 15px 0px 10px 0px;}
.prodCats .mouse-carousel-frame li.mouse-carousel-item img{width: 40%; padding: 0px 0px 5px 0px;}
.mouse-carousel-frame li.mouse-carousel-item h3{font-size:1rem; font-weight: normal; padding: 0 15px; margin-bottom: 0;}
.prodCats .mouse-carousel-frame li.mouse-carousel-item h3{font-weight: normal; padding: 0 15px; font-size: 0.85rem; white-space: pre-wrap;}
.prodCats .mouse-carousel-frame li.mouse-carousel-item.current:before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #eee;
margin-left: 0px;
bottom: -47px;
z-index: 8;
content: "";
display: block;
height: 0px;
position: absolute;
left: 50%;
width: auto;
transform: translateX(-50%);
}
#page-title:has(.mouse-carousel-frame){padding-bottom: 0;}
/*.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(1):nth-last-of-type(4),
.mouse-carousel-frame li.mouse-carousel-item:only-of-type{
width: calc(25% - 5px);
background-color: black;
}
/*.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(1):nth-last-of-type(4),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(2):nth-last-of-type(3),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(3):nth-last-of-type(2),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(4):nth-last-of-type(1),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(1):nth-last-of-type(3),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(3):nth-last-of-type(1),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(2):nth-last-of-type(2),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(1):nth-last-of-type(2),
.mouse-carousel-frame li.mouse-carousel-item:nth-of-type(2):nth-last-of-type(1),
.mouse-carousel-frame li.mouse-carousel-item:only-of-type{
width: calc(25% - 5px);
background-color: black;
}*/
.bigLink, .bigLink2{ display: inline-block; position: relative; font-size: 18px !important; line-height: 1.3em; font-weight:300; margin-right: 28px;}
.bigLink >i{ font-size:125%; position:absolute; right:-25px; bottom:-1px;}
.bigLink >i.icon-2x{font-size:165%; right:-18px}
.bigLink >i.fas{font-size:100%; right:-20px; bottom:1px; }
.bigLink:hover{ text-decoration: underline !important;}
.banner .bigLink:not(:last-child), .bigLink:not(:last-child){margin-right: 38px;}
.bigLink2 i{font-size:125%; position:relative; top:auto; bottom:-4px; margin-left:5px;}
.bigLink2 i.fas{font-size:100%; bottom:auto; top:0px;}
.bigLink2 a{}
.bigLink2:hover{ text-decoration: none !important;}
.bigLink2:not(:last-child){margin-right: 13px;}
.clientWrap ul, .awardWrap ul{list-style: none; margin-right:-13px; margin-left:-13px;}
.clients-grid li, .awardWrap li{padding:5px 10px;}
.clients-grid li:before, .clients-grid li:after{border:none;}
.clients-grid li .clogo, .clientWrap li .clogo, .awardWrap li .clogo{background:var(--primary-gray); margin:8px 0; border-radius: 20px;}
.awardWrap li .clogo{ min-height: 250px; text-align: center;}
.awardWrap li img{mix-blend-mode: multiply;}
.awardWrap li h5{padding: 0 15px 15px 15px; font-weight: normal;}
.pageVideo{ height:700px;}
.pageVideo h2{ font-size:50px; line-height: 1.1em; padding-bottom: 10px;}
.sideBox{ padding: 15px 20px; border:1px solid rgba(0, 0, 0, 0.1); border-radius: var(--primary-radius);}
.sideBox ul li{ font-size:0.85em; line-height: 1.2em; margin: 8px 0;}
.gradientBtmTop{ /* IE10+ */ background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, transparent 60%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, transparent 60%);}
/* features */
.halfColorFeature{ background-color:#f0f0f0; display: flex;}
.halfColorFeature h2{ font-size:35px; line-height: 1.2em; margin-bottom:16px; font-weight:500; color:#111;}
.halfColorFeature.lftRgt [class*="col-"]:first-child, .halfColorFeature.rgtLft [class*="col-"]:last-child{ background-color:#555; flex:1;}
.halfColorFeature.lftRgt [class*="col-"]:last-child, .halfColorFeature.rgtLft [class*="col-"]:first-child{ }
.halfColorFeature.lftRgt [class*="col-"]:last-child .cont, .halfColorFeature.rgtLft [class*="col-"]:first-child .cont{ padding:70px 15px 70px 15px; float:left; width:730px; /*position: absolute; left:0; padding-top: 0px; padding-bottom: 0px; top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/}
.halfColorFeature.rgtLft [class*="col-"]:first-child .cont, .halfColorFeature.lftRgt [class*="col-"].order-md-1 .cont{ float:right; /*right:0; left:auto;*/ padding-right:37px;}
.halfColorFeature.lftRgt [class*="col-"]:last-child .cont, .halfColorFeature.lftRgt [class*="col-"].order-md-2 .cont{ padding-left:37px; /*text-align: right;*/ }
.halfColorFeature.lftRgt [class*="col-"].order-md-1 .cont{ padding-left:17px; /*text-align: left;*/}
.halfColorFeature.lftRgt [class*="col-"]:first-child .feaImg, .halfColorFeature.rgtLft [class*="col-"]:last-child .feaImg{float:right; padding-right: 25px;}
.halfColorFeature.rgtLft [class*="col-"]:last-child .feaImg, .halfColorFeature.lftRgt [class*="col-"].order-md-2 .feaImg{ float:left; padding-left:25px; /*text-align: right;*/}
.halfColorFeature.lftRgt .cont p, .halfColorFeature.rgtLft .cont p, .feaCenterTxt p{ color:#333;}
.halfColorFeature.lftRgt .cont p >strong, .halfColorFeature.rgtLft .cont p >strong, .feaCenterTxt p >strong{ color:#111;}
.halfColorFeature img, .flexslider .slider-wrap .halfColorFeature img{ width:auto;}
.halfColorFeature .feaImg{ /*overflow-x:hidden;*/}
.feaCenterTxt{ width: 65%; padding: 45px 40px 35px 40px; text-align:center;}
.feaCenterTxt >h2{ text-align:center; margin:50px 0 30px 0; font-size:35px; line-height: 1em; font-weight:600; color:#111;}
.feaCont >h2{ font-size:35px; line-height: 1em; font-weight:600; }
.style2 .feaCenterTxt{ background:rgba(255, 255, 255, 0.95); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); }
.style2 .feaCenterTxt >h2{ margin:0px 0 20px 0; }
.feature-box h3{ text-transform:none;}
.feaTopBtmPad{ padding-top:100px; padding-bottom:80px;}
.feaBtmPad{ padding-bottom:80px;}
.feaTopPad{ padding-top:90px;}
.style2.feaTopBtmPad{padding-top:70px; padding-bottom:0px;}
.section{ background-size: cover !important; padding:85px 0; text-shadow: 1px 1px 20px rgba(255,255,255, 0.7); }
.sectionLg{ padding:210px 0 300px 0; color:#fff; text-shadow: 1px 1px 17px #555; background-color:#F9F9F9; background-size: cover !important;}
.sectionDark{color:#fff; text-shadow: 1px 1px 20px #333; background-color:#333; }
.sectionDark a{ color:#fff; text-decoration: underline !important;}
.sectionDark .feature-box.fbox-center:not(.fbox-bg) h3:after{ border-top-color:#fff;}
.sectionDark .feature-box h3{color:#fff;}
.adv{ display:flex; background:#fff;}
.adv >div:first-child{ background:#ccc url(../images-aver/products/cp/ifp-adv-bg.jpg) left top no-repeat; background-size:cover; padding-top:250px; padding-bottom: 100px;}
.adv >div:first-child h3 {color:#fff; font-size: 26px;}
.adv .feature-box.fbox-center:not(.fbox-bg) h3:after {border-color: #fff;}
.adv ul.items{ padding: 0; margin: 0; list-style: none;}
.adv ul.items li{ padding: 45px 10px 10px 10px; height: 250px; }
.adv ul.items li:nth-child(even){background:#f7f6f6;}
.adv .advItem{ }
.adv .advItem h4{ font-weight: normal;}
.adv2{ background:#999; padding: 30px 0; }
.adv2 .feature-box.fbox-center:not(.fbox-bg) h3{ font-size:32px; margin-top:35%; color:#fff;}
.adv2 .feature-box.fbox-center:not(.fbox-bg) h3:after {border-color: #fff;}
.adv2 ul.items{ padding: 0; margin: 0; list-style: none;}
.adv2 ul.items li{ margin:30px 0; }
.adv2 .advItem{ width:168px; height: 168px; padding: 28px 20px 10px 20px; border-radius: 50%; background:#fff; border:0px solid #eee; margin:0 auto; }
.adv2 h4{ line-height: 1.1em; font-weight:300; text-align: center; margin-top:10px; margin-left:10%; margin-right:10%; color:#fff;}
.adv3{ padding: 30px 0; }
.adv3 .feature-box.fbox-center:not(.fbox-bg) h3{ font-size:32px; margin-top:0; }
.adv3 .feature-box.fbox-center:not(.fbox-bg) h3:after {}
.adv3 ul{ padding: 0; margin: 0; list-style: none;}
.adv3 ul li{ margin:30px 0; }
.adv3 .advItem{ padding: 0px 0px 10px 0px; margin:0 auto; }
.adv3 h4{ font-size:15px; line-height: 1.2em; font-weight:400; text-align: center; margin-top:10px; margin-left:10%; margin-right:10%; }
.adv3 h4 span{ font-weight: 200; color:#333 !important;}
.spec{background-color:#111; padding: 50px 0; color:#e5e5e5;}
.spec table.main{ color:#fff; width: 100%;}
.spec .feature-box h3{ font-size:26px; color:#e5e5e5;}
.spec .feature-box.fbox-center:not(.fbox-bg) h3:after {border-color: #e5e5e5;}
h2 hr{ width: 4%; border-top-width: 2px;}
.spec table.main th{ width:50%; padding: 20px 50px 40px 50px; font-weight: 300; font-size:22px; vertical-align: top; }
.spec table.main th small{ border-top:1px solid #343434; display: block; padding: 15px 0 10px 0; font:bold 36px/1.1em 'Roboto',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; letter-spacing: 2px;}
.spec table.main th big{font-size:60px;}
.spec .button.button-circle{ border-radius: 100%; border-width: 1px; width:68px; height:68px; font-weight:300 !important; color:#fff; text-align: center;}
.spec .button.button-circle.button-xlarge{font-size:1.4em; font-weight:200 !important; padding:8px 0 0 0px;}
.spec .button.button-circle.button-xlarge:hover{ }
.spec .button.button-circle.button-xlarge:hover i{color:#000 ;}
.spec .button.button-circle.button-xlarge .closed{ display: none;}
.spec .button.button-circle.button-xlarge .open{ display: inline-block;}
.spec .button.button-circle.button-xlarge.collapsed .open{ display: none;}
.spec .button.button-circle.button-xlarge.collapsed .closed{ display:inline-block;}
.spec table.specTable, table.specTable {width:100%; border:none; overflow: hidden; }
.spec table.specTable a{ color:#fff; }
.spec table.specTable a:hover{color:#000;}
.spec table.specTable th, .spec table.specTable td{ padding: 3px 3%; color:#e5e5e5; font-size: .85em; vertical-align:text-top;}
.spec table.specTable th{ text-align: right; font-weight: normal; width: 22%; color:#999;}
.spec table.specTable tr{ background:rgba(0,0,0,0.2)}
.spec table.specTable tr:nth-child(2n+1) >th{background: #181818;}
.spec table.specTable td{ border-right:1px solid #000; }
.spec table.specTable tr td:nth-child(2), .spec table.specTable tr td:nth-child(3), .spec table.specTable tr td:nth-child(4){ width:26%;}
.spec table.specTable .icon-line-check{ font-size:1.5em; line-height: 0.8em;}
.spec table.table-striped.specTable > tbody > tr:nth-child(2n+1) > td, .spec table.table-striped.specTable > tbody > tr:nth-child(2n+1) > th {
background-color: #131313;
}
.spec table.specTable thead th, .spec table.specTable thead tr:nth-child(2n+1) >th{ background:#999; color:#fff; font-weight: bold; text-align: center; font-size: .92em;}
.spec table.specTable.even3Col tr td, table.specTable.even3Col tr td{width:16.5%; /*width: 33.33%;*/}
.spec table.specTable.even4Col tr td, table.specTable.even4Col tr td{ width:25%;}
.spec table.specTable.even6Col tr td, table.specTable.even6Col tr td{ width:16.5%;}
.spec table.specTable h5{color: #fff; font-size: 18px;}
.spec table.specTable.style2 tbody td{}
.spec table.specTable.style2 tbody tr, .spec table.table-striped.specTable.style2 > tbody > tr:nth-child(2n+1) > td{background:rgba(0,0,0,0.2);}
.spec table.specTable.style2 td{ }
.spec table.specTable.style2 tr td:first-child{ }
table.specTable2 thead{ }
table.specTable2 thead th{ font-size:20px; border-bottom-width: 1px; border-bottom-color:#111; color:#111;}
table.specTable2 th{ font-weight:normal; }
table.specTable2 th:first-child{width:25%; color:#111; padding-left:0;}
.table th, .table td {
border-top: 1px solid #dee2e6;
}
.table-responsive > .table-bordered, .table-bordered{ border-radius: var(--secondary-radius); overflow: hidden; border: 1px solid #dee2e6;}
.table-bordered th, .table-bordered td {
border: 1px solid #dee2e6;}
.resources {background:#eaecec; padding: 30px 0 90px 0;}
.resources h5{ font-weight:500; margin-top:10px;}
.resources i[class*="icon-"] + h5{margin-top:8px;}
.resources >div:first-child h3 { font-size: 26px;}
.resources ul{ list-style:none; margin: 30px 0 0px 0; padding: 0;}
.resources ul li{ padding: 10px 10px 5px 10px; margin-bottom: 15px; border-left: 1px solid #ddd; font-weight:400; }
.resources ul li:nth-child(6n+1){border:none;}
.resources ul li [class^="icon-"]{line-height: 1;}
.resources ul li i:before{color:#333;}
.resources ul li a:hover i:before{color:#666;}
.accessories {background:#fff; padding: 30px 0 80px 0;}
.accessories h5{ font-weight:bold; font-size: 1.2em; margin-top:8px;}
.accessories a:hover h5{ color:var(--primary-color);}
.accessories >div:first-child h3 { font-size: 26px;}
.accessories ul{ list-style:none; margin: 30px 0 0px 0; padding: 0;}
.accessories ul li{ padding: 10px 20px; font-weight:400; font-size:14px;}
.accessories ul li small{display: block;}
.accessories ul li a.dl{font-size:13px; display: inline-block; border-top:1px solid #eee; color:#eee; margin-top:3px;}
.clientQuote {padding: 70px 0; background:url(../images-aver/overlay-black-semi-transparent.png) center top repeat, url(../images-aver/clients/bg-client-quote1.jpg) no-repeat center top; background-attachment:inherit,inherit; background-size:auto, cover; color:#fff;}
.clientQuote .feature-box h3{font-size: 25px;}
.clientQuote .feature-box.fbox-center:not(.fbox-bg) h3:after {border-top-color: #eee;}
.clientQuote h4{ color:#fff;}
.clientQuote h4 span{ font-weight:normal;}
.clientQuote h4 a{ }
.clientQuote h4 a:hover{ color:#eee; }
.clientQuote .clientImg{ border-radius: 50%; width:145px; height: 145px; background:#fff; overflow: hidden; box-shadow: 1px 2px 6px rgba(0,0,0,0.1);}
.clientQuote .clientImg img{ border-radius: 50%; width:100%; display: block; }
.clientQuote .slide h4{ padding-bottom:20px;}
.clientQuote .testimonial, .clientQuote .testimonial.testimonial-full{ background:none; padding:0; border:none; box-shadow: none;}
.clientQuote .testimonial.testimonial-full .flex-control-nav{ margin-top:0; height: 10px;}
.testimonial-full .testi-content {font-size:1rem;}
blockquote.qStyle1{ background:url(../images-aver/bg-quote-start.png) left top no-repeat; background-size:82px 75px; border:none; padding:30px 0 0 50px; font-size:16px; font-style: italic; font-weight: 300; margin-bottom: 0;}
blockquote.qStyle1 h4{ padding:0; margin: 20px 0 0 0; font-size:14px; line-height: 1.1em; font-style:normal;}
blockquote.qStyle2{ background:none; border:none; padding:12px 0 0 0px; font-size:17px; line-height: 1.9; font-style: italic; font-weight: 400; text-align: center; margin-bottom: 0;}
blockquote.qStyle2 h4{ padding:0; margin: 30px 0 0 0; padding-bottom: 30px; font-size:14px; line-height: 1.4em; font-weight:normal; font-style:normal; font-family: "roboto", 'Liberation Serif', Times, 'Times New Roman', 'serif';}
/*blockquote.qStyle2 h4:before{ content:"-"; margin-right: 7px;}*/
blockquote.qStyle3{ background:none; border:none; padding:0px 0 0 0px; font-size:16px; line-height: 1.2em; font-style: italic; font-weight: 400; margin-bottom: 0;}
blockquote.qStyle3 h4{ padding:0; margin: 0px 0 0 0; padding-bottom: 15px; font-size:24px; line-height: 1.2em; font-weight:normal; font-style:normal; font-family: "roboto", 'Liberation Serif', Times, 'Times New Roman', 'serif'; }
blockquote.qStyle3 h4:before, blockquote.qStyle3 h4:after{ display: inline; font-size:1.2em; line-height: 0.5em;}
blockquote.qStyle3 h4:before{ content:"“"; }
blockquote.qStyle3 h4:after{ content:"”"; }
.CTA { padding:50px 0; background: /*url(../images-aver/products/bg-cta-graphic.png) center top no-repeat, */#ccc url(../images-aver/products/bg-cta.jpg) center top no-repeat; background-size:/*contain,*/cover;}
.CTA h2{ color:#fff; font-size:25px; font-weight: 500; font-style: italic; line-height: 1.2; text-shadow: 0px -3px 13px #222; margin-bottom:20px; position:relative; display:inline-block;}
.CTA h2:before, .CTA h2:after{ content: ""; position: absolute; left:-80px; top:50%; height:2px; width:60px; background: #fff;}
.CTA h2:after{left:auto; right:-80px;}
.CTA .button{ box-shadow:1px -3px 15px rgba(0, 0, 0, 0.3) !important;}
.CTA h3{ color:#eee; font-weight: normal; font-style: italic; padding-top: 15px;}
.CTA.style2{ background:none; }
.CTA.style2 h2{ color:#111; text-shadow: none;}
.CTA.style2 .button{box-shadow: none !important;}
.rs-particles-canvas{ position:relative; height:100% !important;}
.accordion.accordion-bg .acctitle{ font-size:16px; padding-left: 42px; border-radius:var(--primary-radius);}
.accordion.accordion-bg .acctitle i{ font-size:22px; }
body#Products .accordion.accordion-bg .acctitle{ background-color:rgba(255, 255, 255, 0.5); border:0px solid var(--primary-gray);}
body#Products .faq{background-color:var(--primary-gray); padding:60px 0; margin-top: 60px;}
.toggle.toggle-border{border-radius: var(--primary-radius);}
/* page */
.breadcrumb{ left:15px !important; top:-25px !important;}
#page-title { padding:70px 0 30px; background:#fff;}
#page-title h1{text-transform:none; padding-top:30px; font-size:34px; color:#111; }
.valueItem{ border-bottom: 2px solid #eee; height:100%; padding: 0 20px 0 20px;}
.valueItem h1{ font-size:60px; line-height: 1.1em; color:#111; margin-bottom: 10px; }
.valueItem h3{ font-size:36px; line-height: 1.1em; color:#111; margin-bottom: 40px; }
.valueItem h1, .valueItem h2, .valueItem h3{ position:relative;}
.valueItem h2 i{ position:absolute; left:-52px; top:0;}
.valueItem h3 i{ position:absolute; left:-42px; top:0;}
.bubbleFeatures ul, .badges ul {left:50%;
right:auto;
transform: translateX(-50%);position:relative;display:inline-block;list-style:none;margin:0;padding:0}
.bubbleFeatures ul{display: flex; align-items: center;}
.bubbleFeatures ul li {margin:15px 23px;}
.bubbleFeatures ul li>div {width:122px; height:122px; padding: 23px 5px; border:1px solid #ccc; border-radius: 50%; text-align: center; font-size:14px; line-height: 1.3; font-weight:300; color:#ccc}
.bubbleFeatures ul li h2 {font-size:45px; line-height:1; letter-spacing: -2px; font-weight:500; display:block; margin:0 0 0px 0; color:#ccc}
.bubbleFeatures ul li small {font-size:50%; margin-left: -7px}
.badgeLogos{}
.badgeLogos ul{list-style: none; text-align: center; vertical-align:middle; align-items: center; justify-content: center; padding: 15px 0; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.badgeLogos ul li{padding: 10px 0;}
ul.logoHorizontal {display:flex;flex-direction:row; align-items:center; padding:18px 0; list-style: none; justify-content: center; flex-wrap: wrap;}
ul.logoHorizontal li img{ padding-left: 25px; }
ul.logoHorizontal li:first-child img { padding-left: 0px; }
/* for portfolio items ----------*/
#all-products .portfolio-item .portfolio-image{ overflow: hidden;}
#all-products.cats .portfolio-item .portfolio-image img {
width: 50%; padding-top: 10px;}
#all-products.cats .portfolio-item .productBox, #all-products.cats .portfolio-item{ min-height: 190px;}
#all-products .portfolio-item .productBox, .portfolio-item .productBox{background:var(--primary-gray); border-radius: var(--primary-radius); min-height: 400px; position:relative;}
#all-products.portfolio-5 .portfolio-item .productBox{ min-height: 330px;}
#all-products .portfolio-item.cam-selector .productBox{background:#dfdbd9; }
#all-products .portfolio-item .portfolio-desc, .portfolio-item .portfolio-desc{ text-align: center; padding:5px 10px 35px 10px; line-height: 1.2;}
#all-products .portfolio-item .portfolio-desc h3, .portfolio-item .portfolio-desc h3{ font-size:1.35rem; font-weight: bold; line-height: 1.1; }
#all-products.cats .portfolio-item .portfolio-desc h3{ font-size:1.1rem; line-height: 1.1; }
#all-products.cats .portfolio-item .portfolio-desc{ padding:5px 20px 35px 20px;}
#all-products .portfolio-item .portfolio-desc span, .portfolio-item .portfolio-desc span{font-size:0.85rem; padding:0 10px;}
#all-products .portfolio-item .portfolio-overlay, #all-products .portfolio-item:hover .portfolio-overlay{ border-radius: var(--primary-radius); }
.portfolio-filter, .portfolio-shuffle{ border-radius: var(--primary-radius); overflow: hidden;}
/* ----------------------------------------------------------------
32. Footer
-----------------------------------------------------------------*/
.footerBefore { background:transparent; padding:30px 0 50px 0; border-top:1px dashed #e6e8e8;}
.footerBefore .input-group .form-control{background-color: #2e2e2e; color: #71685e; border-color: #2e2e2e; border-radius: var(--secondary-radius);}
.footerBefore .input-group .form-control:focus{color:#fff;}
.footerBefore .input-group .input-group-addon{background-color: #2e2e2e; border-color:#2e2e2e; color: #999; padding-right:3px;}
.footerBefore .input-group-btn .btn-success{ background-color:var(--primary-color); border-color:var(--primary-color);}
.footerBefore .input-group-btn .btn-success:hover{ background-color:#a71016; border-color:#a71016;}
.footerBefore h4{ margin-bottom:15px;}
.footerBefore .sCode{ display: table;}
.footerBefore .sCode input, .footerBefore .sCode img{ display:table-cell; }
/* sliders */
.slider-arrow-left, .slider-arrow-right, .camera_prev, .camera_next, #slider .owl-prev, #slider .owl-next, .flex-prev, .flex-next, .nivo-prevNav, .nivo-nextNav, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
border-radius: 50%;
left:10px;
transform: perspective(1px) translateY(-50%);
}
.slider-arrow-right,
.slider-element .owl-next,
.flex-next {
left: auto;
right: 10px;
transform: perspective(1px) translateY(-50%);
}
/* Newsletter Widget*/
.subscribe-widget{ width: 33%; margin-top: 0px;}
.subscribe-widget h5 {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
}
#footer {background-color: var(--primary-color); background-size:491px 375px; background-image: none !important; border-top: none; }
#footer > .container{ position:relative; padding-top: 0px;}
#footer .subs{ /* IE10+ */ /*background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, transparent 60%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, transparent 60%);*/ padding:0px 0 10px 0; border-bottom:1px solid var(--divider-color);}
#footer .subs h5{font-size:16px; line-height: 1.2em; margin-bottom: 12px;}
#footer h4{color:#fff;}
#footer hr{ border-color:var(--divider-color);}
#footer .social-icon{color:#fff; border-radius: 50%;}
#footer .footer-widgets-wrap {
padding: 0px 0 0px 0;
display: -ms-flex; display: -webkit-flex; display: flex;
}
#footer h4{ margin-bottom: 12px;}
#footer h4 >a{ color:#fff; text-decoration: underline !important;}
#footer .widget_links > ul{ padding-bottom: 12px;}
#footer .widget_links li a{color:#fff; background-image: url(../images/icons/widget-link-dark.png);}
.footer-widgets-wrap .col_three_fourth.bg{ width:74%; padding-right:4%; margin-right: 0; padding-bottom: 30px; /*background:url(../images-aver/bg-footer.png) bottom right no-repeat;*/ }
.footer-widgets-wrap .fInfo{ flex:1; padding:10px 0; font-size: 14px; color:#fff;}
.footer-widgets-wrap .fInfo h3,.footer-widgets-wrap .fInfo h4, .footer-widgets-wrap .fInfo h5{color:#fff;}
.footer-widgets-wrap .fInfo section{ margin: 10px 15px;}
.footer-widgets-wrap .fInfo .support{}
.footer-widgets-wrap .fInfo address strong{font-size:120%; padding-bottom: 5px; display: block; }
.footer-widgets-wrap .fInfo address, .footer-widgets-wrap .fInfo .companyInfo{font-weight:normal; color: inherit; text-decoration: none}
abbr[title], abbr[data-original-title]{ text-decoration: none; border-bottom: none; font-weight: normal;}
.footer-widgets-wrap .fInfo .companyInfo{background: none; background-size: 100px;}
.footer-widgets-wrap .fInfo .social-icon{/*color:#fff;*/}
.footer-widgets-wrap .fInfo .social-icon i{font-style: normal;}
.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_two_third,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_five_sixth { margin-bottom: 0; padding-top:20px; }
#copyrights {
background:var(--primary-color);
padding: 30px 0 10px 0;
font-size: 14px;
line-height: 1.8;
color:#eee;
margin-bottom: 0 !important;
}
#copyrights span{ font-size:12px; display:block; padding-top: 3px;}
#copyrights i.footer-icon {
position: relative;
top: 1px;
font-size: 14px;
width: 14px;
text-align: center;
margin-right: 3px;
}
.copyright-links a {
display: inline-block;
margin: 0 3px;
color:#eee; text-decoration: none;
border-bottom: 0px dotted #ce051d;
}
.copyright-links a:hover {
color: #fff;
border-bottom: 0px solid #fff;
}
.copyrights-menu { margin-bottom: 10px; }
.copyrights-menu a {
font-size: 14px;
margin: 0 10px;
border-bottom: 0 !important;
}
#copyrights .col_half { margin-bottom: 0 !important; }
#copyrights a:first-child { margin-left: 0; }
#copyrights .tright a:last-child { margin-right: 0; }
.footer-logo {
display: block;
margin-top: 6px;
margin-right: 20px;
float:left;
}
.footer-logo img{width:119px;}
.btnWrap{ background:rgba(0,0,0,0.1); padding: 5px; margin:5px; display: inline-block; border-radius: 22px; position: relative;}
.btnWrap .button{ margin:0; }
#footer .be-ix-link-block .be-related-link-container .be-label, #footer .be-ix-link-block .be-related-link-container .be-list .be-list-item .be-related-link{color:#fff;}
#footer .be-ix-link-block .be-related-link-container .be-list .be-list-item .be-related-link {
color: #fff;
font-size: 14px;
background: none;
}
#gotoTop{ border-radius:50%;}
.stickyBtn{
z-index: 299;
position: fixed;
/*background-color: #333;
background-color: rgba(0,0,0,0.3);*/
font-size: 20px;
line-height: 36px;
text-align: center;
color: #FFF;
top: auto;
left: auto;
right: -15px;
bottom: 45%;
cursor: pointer;
border-radius: 2px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.stickyBtn:hover{right:5px; bottom:45.5%;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content .block.divcenter{border-radius: var(--primary-radius); overflow: hidden;}
.be-ix-link-block{/*border-bottom:1px solid var(--divider-color); padding-bottom: 5px;*/}
/* form */
label{ text-transform:none; font-family:var(--font-family-2); font-size:1em; font-weight: 500;}
.form-control{background:#f1f1f1; border-color:#f1f1f1; border-radius: var(--secondary-radius);}
.form-control:active,.form-control:focus {border-color: #ccc; background:#f1f1f1; }
label .warning{ color:var(--primary-color); font-size:0.8em; font-weight: normal;}
[class*="col-"] .sidebar{width:auto;}
.sidebar .widget_links li{}
.sidebar .widget_links li a{ font-weight: bold;}
/* custom animation */
.chatBtn{ position:relative; background-color:var(--primary-color) !important;}
.chatBtn:after{
border-left: 0px solid transparent;
border-right: 17px solid transparent;
border-top: 12px solid var(--primary-color);
margin-left: 0px;
top: 99%;
z-index: 4;
content: "";
display: block;
height: 0px;
position: absolute;
left: 30px;
width: auto;
}
.chatBtn:hover{background-color:var(--primary-color) !important; transform:scale(1.05);}
.chatBtn:hover:after{border-top-color: var(--primary-color);}
ul.supDLinks li{margin-bottom:6px; line-height: 1.2;}
ul.supDLinks li ul, ul.supDLinks li ol{margin-left: 21px;}
ul.supDLinks li ul{list-style:square;}
ul.supDLinks li ul li, ul.supDLinks li ol li{ margin-bottom: 4px; margin-top: 4px;}
ul.supDLinks li small{ line-height:1.1;}
ul.supDLinks li a[href$=pdf]:after{padding-left:5px;
font-family: 'Font Awesome 5 Free';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
content: "\f1c1"; /*background:url(../../assets/img/icon_PDF.gif) center right no-repeat*/}
ul.supDLinks li a[href$=zip]:after,
ul.supDLinks li a[href$=dat]:after,
ul.supDLinks li a[href$=msi]:after,
ul.supDLinks li a[href$=dmg]:after,
ul.supDLinks li a[href$=cab]:after,
ul.supDLinks li a[href$=pkg]:after,
ul.supDLinks li a[href$=exe]:after{
padding-left:5px;
font-family: var(--font-family-icons);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
content: "\e615";
/*background:url(../../assets/img/icon_ZIP.gif) center right no-repeat;*/}
/*ul.supDLinks li a[href*=exe]:after {padding-left:5px;
font-family: 'Font Awesome 5 Free';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
content: "\f15c";}*/
ul.supDLinks li a[href$=jpg]:after,
ul.supDLinks li a[href$=png]:after,
ul.supDLinks li a[href$=gif]:after{
padding-left:5px;
font-family: var(--font-family-icons);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
content: "\ec8b";
}
ul.supDLinks li a[href*=youtube]:after{
padding-left:5px;
font-family: var(--font-family-icons);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
content:"\ee3e"}
.flip-card-front, .flip-card-back{ border-radius: 2px;}
.flip-card-inner p{ color:#fff;}
.bgRed{ background-color:var(--primary-color) !important;}
.bgBlue{background-color:#2354dd !important;}
.bgBlueGray{background-color:#4f586d !important;}
.featureFlex .feature-box{ display:flex; flex-direction: column; height: 100%;}
.featureFlex .feature-box .fbox-desc{flex:1;}
hr.lineOnly{ border-top-color:rgba(0, 0, 0, 0.7); margin:0; padding:0;}
/**** for special message on top of landing banner *****/
.bannerTopBar{ width:100vw; position:absolute; left:0; top:78px; right:0; z-index: 10; white-space: nowrap; line-height: 20px; font-weight: normal; font-size: 15px; background-color:#555; padding:10px 40px 10px 40px; text-align:center; display:none;}
.bannerTopBar i {font-size: 130%;position: relative;bottom: -3px; margin-left: 6px;}
.bannerTopBar a:hover span{text-decoration: underline;}
/*--- floating popup box -----*/
.fixed-action-btn, .floating-box {
position: fixed;
right: 23px;
bottom: 50%;
transform: translateY(-50%);
padding-top: 15px;
margin-bottom: 0;
background:#ccc;
z-index: 997;
}
.floating-box {
background: rgba(81, 77, 77, 0.9);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(81, 77, 77, 0.3);
color:#fff; width:22%; padding:25px; transform:none; bottom:100px; opacity: 0; border-radius: 20px;}
.floating-box h4 { color:#fff;}
.floating-box h4 span {font-weight:300;}
.floating-box a.close-btn { color:#fff; font-size:16px; position:relative; margin-top:-10px; margin-bottom:10px; cursor: pointer;}
.fixed-action-btn ul {
left: 0;
right: 0;
text-align: center;
position: absolute;
bottom: 64px;
margin: 0;
visibility: hidden;
list-style:none;
}
.fixed-action-btn.active ul {visibility: visible;}
.floating-box .row.spacing:before {content: ''; display:block; height:0px; width:100%; border-top:1px solid #999; margin:15px 15px;}
.floating-box .button span {}
.portfolio-selectionTool {
float: left;
width: auto;
height: 41px;
border: 1px solid rgba(0,0,0,0.07);
background-color:rgba(0,0,0,0.07);
font-size: 14px;
text-align: center;
line-height: 41px;
color: #333 !important;
border-radius: 4px;
padding:0 15px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
margin-left: 15px;
}
.popupIcon i{ color:#fff; font-size: 500%; text-align: center; margin-left: 20px; margin-top:-20px;}
.view3d:after { position: absolute; content:'*3D model is for illustrative purposes only. For accurate specifications and product details, please refer to the official product documentation.'; margin:0 auto; bottom: 25px; left:0; right:0; z-index: 2; font-size: 12px; font-style: italic;}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px); /* Starts slightly above its final position */
}
100% {
opacity: 1;
transform: translateY(0); /* Ends at its original position */
}
}
@keyframes float {
0% {
box-shadow: 0 5px 15px 0px rgba(0,0,0,0.3);
transform: translatey(0px); opacity: 1;
}
50% {
box-shadow: 0 15px 15px 0px rgba(0,0,0,0.1);
transform: translatey(-12px);opacity: 0.7;
}
100% {
box-shadow: 0 5px 15px 0px rgba(0,0,0,0.3);
transform: translatey(0px); opacity: 1;
}
}
.promotion{background: #fff; padding:50px 0 25px 0;}
.promotion ul{list-style: none; margin-bottom: 0;}
.promotion ul li{padding-bottom: 50px;}
.roundCorner{border-radius:var(--primary-radius); background:var(--primary-gray); overflow: hidden;}
.roundCorner2{border-radius:var(--secondary-radius); background:var(--primary-gray); overflow: hidden;}
.roundBox{border-radius:var(--primary-radius); background:var(--primary-gray); min-height: 260px; position: relative; background-position: center top; background-repeat: no-repeat; background-size:auto 100%; overflow: hidden;}
.roundBox.border{border: 1px solid rgba(0, 0, 0, 0.1); }
.roundBox.light{background-color:rgba(255, 255, 255, 0.85) !important; color:#111;}
.roundBox.light p, .roundBox.light h2{color:#111 ;}
.roundBox.dark{background-color:rgba(0, 0, 0, 0.7) !important; color:#fff;}
.roundBox.dark p, .roundBox.dark h2{color:#fff;}
.roundBox.boxContent{ padding: 50px 50px;}
.roundBox .title{padding-top:80px; padding-left:45px; width: 55%; position:absolute; top:0; left:0; z-index: 8;}
.roundBox .title h2{margin-bottom: 0px; line-height: 1; font-size:60px; color: #000; position:relative; display: inline-block;}
.roundBox .title h2 .label{ position:absolute; top:8px; right: -48px; background-size: 40px auto; background-repeat:no-repeat; width:40px; height:28px;}
.roundBox .title h2 .label.pro3{background-image: url("../images-aver/products/label-pro3-b.svg");}
.roundBox .title h4{ font-weight: normal; color:#444; width: 130%;}
.roundBox .portfolio-overlay{text-align: left; /*opacity: 1; background-color: rgba(0, 0, 0, 0);*/ border-radius: 20px; }
.roundBox .portfolio-overlay a.left-icon{margin-left:-30px; /*transform: translate(-50%, 0%);*/ width:60px !important; height: 60px !important; font-size: 35px; line-height: 60px; opacity: 0.9;
transform: translatey(0px);
animation: float 3s ease-in-out infinite;
}
.roundBox .portfolio-overlay a{color:#111;}
.heightMax{height:100% !important; flex-grow: 1; }
.promotion .roundBox:hover .portfolio-overlay{opacity: 1; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.promotion .roundBox .portfolio-overlay a:hover{color:var(--primary-color);}
/*a:hover .roundBox .portfolio-overlay{background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}*/
.promotion .roundBox:hover .title h2, .promotion .roundBox:hover .title h4{ color:#fff;}
.promotion .roundBox:hover .title h2 .label.pro3{background-image: url("../images-aver/products/label-pro3.svg");}
.promotion li h3{font-size:28px; }
.videosWrapper{background:#fff; padding: 25px 0 80px 0;}
.promo{border-radius: var(--primary-radius) !important;}
@keyframes arrow-rgt {
0%,
100% {
transform: translate(0, 0);
}
50% {
transform: translate(5px, 0);
}
}
@keyframes arrow-lft {
0%,
100% {
transform: translate(0, 0);
}
50% {
transform: translate(-5px, 0);
}
}
.arrowRgtAnime {
animation: arrow-rgt 1.3s ease-in-out infinite;
}
.arrowLftAnime {
animation: arrow-lft 1.3s ease-in-out infinite;
}
.errormsg{border-radius: var(--secondary-radius); overflow: hidden;}
.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {}
/*popup iframe overwrite */
.mfp-iframe-scaler iframe {border-radius:20px;}