Ahh im removed encodeURIComponent
This code outputs a working URL now
return '<a href = "'+item.el.find("img").attr("src")+'">Download</a>';

Next problem. The Download link opens the image in the browser instead of downloading it directly.
And it uses the “large” image instead of the original sized one.
I’ll try to modify the lightbox function to have a download link witch directly downloads the original version of the image.
If someone can give me a hint how to do that ..

	// -------------------------------------------------------------------------------------------
	// Ligthbox activation
	// -------------------------------------------------------------------------------------------

	(function($)
	{
		$.fn.avia_activate_lightbox = function(variables)
		{
			
			var defaults = {
				groups			:	['.avia-slideshow', '.avia-gallery', '.av-instagram-pics', '.portfolio-preview-image', '.portfolio-preview-content', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu'], 
				autolinkElements:   'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
				videoElements	: 	'a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
				exclude			:	'.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
			},
			
			options = $.extend({}, defaults, variables),
			
			av_popup = {
				type: 				'image',
				mainClass: 			'avia-popup mfp-zoom-in',
				tLoading: 			'',
				tClose: 			'',
				removalDelay: 		300, //delay removal by X to allow out-animation
				closeBtnInside: 	true,
				closeOnContentClick:false,
				midClick: 			true,
				fixedContentPos: 	false, // allows scrolling when lightbox is open but also removes any jumping because of scrollbar removal
				
				image: {
				    titleSrc: function(item){
					    var title = item.el.attr('title');
					    if(!title) title = item.el.find('img').attr('title');
					    if(!title) title = item.el.parent().next('.wp-caption-text').html();
					    if(typeof title == "undefined") return "";
					    
                                           
                                            //return title;
                                            return '<a href = "'+item.el.find("img").attr("src")+'">Download</a>';
                                            

                                        }
				},
				
				gallery: {
					// delegate: 	options.autolinkElements,
					tPrev:		'',
					tNext:		'',
					tCounter:	'%curr% / %total%',
					enabled:	true,
					preload:	[1,1] // Will preload 1 - before current, and 1 after the current image
				},

				callbacks: 
				{
					beforeOpen: function()
					{
						//add custom css class for different styling
						if( this.st.el && this.st.el.data('fixed-content') )
						{
							this.fixedContentPos = true;
						}
					},
					
					
					open: function()
					{
						//overwrite default prev + next function. Add timeout for  crossfade animation
						$.magnificPopup.instance.next = function() {
							var self = this;
							self.wrap.removeClass('mfp-image-loaded');
							setTimeout(function() { $.magnificPopup.proto.next.call(self); }, 120);
						}
						$.magnificPopup.instance.prev = function() {
							var self = this;
							self.wrap.removeClass('mfp-image-loaded');
							setTimeout(function() { $.magnificPopup.proto.prev.call(self); }, 120);
						}
						
						//add custom css class for different styling
						if( this.st.el && this.st.el.data('av-extra-class') )
						{
							this.wrap.addClass( this.currItem.el.data('av-extra-class') );
						}
						
						
					},
					imageLoadComplete: function() 
					{	
						var self = this;
						setTimeout(function() { self.wrap.addClass('mfp-image-loaded'); }, 16);
					},
					change: function() {
					    
					    if( this.currItem.el )
					    {	
						    var current = this.currItem.el;
						    
						    this.content.find( '.av-extra-modal-content, .av-extra-modal-markup' ).remove();
						    
						    if( current.data('av-extra-content') )
						    {
							    var extra = current.data('av-extra-content');
							    this.content.append( "<div class='av-extra-modal-content'>" + extra + "</div>" );
						    }
						    
						    if( current.data('av-extra-markup') )
						    {
							    var markup = current.data('av-extra-markup');
							    this.wrap.append( "<div class='av-extra-modal-markup'>" + markup + "</div>"  );
						    }
					    }
					},
				}
			},
			
			active = !$('html').is('.av-custom-lightbox');
			
			if(!active) return this;
			
			return this.each(function()
			{
				var container	= $(this),
					videos		= $(options.videoElements, this).not(options.exclude).addClass('mfp-iframe'), /*necessary class for the correct lightbox markup*/
					ajaxed		= !container.is('body') && !container.is('.ajax_slide');
					
					for (var i = 0; i < options.groups.length; i++) 
					{
						container.find(options.groups[i]).each(function() 
						{ 
							var links = $(options.autolinkElements, this);
						
							if(ajaxed) links.removeClass('lightbox-added');
							links.not(options.exclude).addClass('lightbox-added').magnificPopup(av_popup);
						});
					}
				
			});
		}
	})(jQuery);

Hi Ismael
I would like the mobil and desktop version/layout to be just the same layout as Rolex.com

The header is transparent and when you scroll the header turn white and get fixed.

Also the video is automatically playing on a mobile device.

Space isn’t good if you’re trying to make most of the page immediately visible on first viewing on typical screen resolutions. Having extra space automatically inserted doesn’t seem sensible. It causes a need to scroll when there actually isn’t a need.

How can you remove it? If it wasn’t there, I could add it if needed, but when it’s auto-inserted, how can you remove it if you don’t want it?

Regards,

Greg

This is the code that has been added to the Quick CSS since day one and was working in hiding the slider below the video up until the latest WP automatic upgrade:

@media only screen and (max-width: 990px) {
.page-id-4393 #fullscreen_slider_0{display: block}
.page-id-4393 #only-desktop { display: none !important; }
}

@media only screen and (max-width: 767px) {
.page-id-4393 #only-desktop { display: none !important; }
.page-id-4393 #fullscreen_slider_0{display: block}

.responsive #scroll-top-link {
display: block !important;
}
}

Can you help with restoring the functionality of the page as explained in the previous comment?

Thanks

Hi Ismael,

I have only put the last code you gave me into the functions.php file now. I cleared the browsing data on my ipad in the browser settings. But no change on the ipad. Is there anything in my Quick CSS that could interfere with your code:

.main_color tr {
background: #fff !important; border-color: #fff !important;
}

td {
border-width: 0px !important;
}

.grid-content {
min-height: 100px;
}

.page-id-3274 #av_section_1 .iconbox_icon:hover:before {
color: darkgray;
}

.page-id-3689 #av_section_1 .iconbox_icon:hover:before {
color: darkgray;
}

.avia-testimonial-meta {
margin-left: 0;
}

.iconbox_content_title {
text-transform: none !important;
}

.search .date-container, .search .date-container + .text-sep {
display: none !important ;
}

.logo img {
height: auto;
width: 300px;
height: 77px;
}

.avia-testimonial .avia-testimonial_inner{
font-style: italic;
font-size: 15px;
}

.page-id-3777 .avia-builder-el-3 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-5 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-7 .iconbox_icon:hover:before{
color: darkgray;
}

.iconbox_icon:hover:before {
color: darkgray !important;
}

#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon, #top .iconbox_top .iconbox_icon, #top .iconbox.av-no-box .iconbox_icon {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 35px;
}

.reports-isc .av_textblock_section{
margin:20px 0!important;
}

.avia-builder-el-19 {
height: 202px !important;
}

@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}
body .column-top-margin {
margin-top: 0px!important;
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special, #menu-item-search {
display: block;
}
}
.av-main-nav > li > a {
padding: 0 8px;
}
@media only screen and (max-width: 1366px) and (min-width: 768px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}

.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.responsive #top .av-submenu-container {
top: auto !important;
position: relative !important;
height: auto;
min-height: 0;
margin-bottom: -1px;
}
}

Thanks,
Carolin

Yes,. The auto play video start running when the page loaded, ok¿?
and when you scroll down to where the video is, the video already started

It is possible to achive the auto play just when you scroll down were the video is located?

Hello Rikard,
i’m using Safari and this bug can be seen if you hover the buttons two times.
I know, that users are normally not hovering just those buttons because they click on them.
However if a normal user is scrolling the page down and up then they are also hovering automatically those big buttons and can see this bug.
I can reproduce this bug if i hover in Google Chrome those big buttons between 10 and 30 times. I know this is not the normal case when you are surfing the website with your theme. However Safari generates this issue when you hover the buttons just two times.
best greetings

Hi Rikard,

Sorry for the late response. It is a plugin which loads external information to the page (to show scores).
I added to quick CSS:

/* LayerSlider height in portable device*/
@media only screen and (max-width: 767px) {
#top #main #layer_slider_1{
height: auto !important;
}}
This fixed a lot of problems.

Now my last problem is the plugin also affects the header on This page
If you scroll down, the social icons will not resize to make the header smaller.

kr,
Tom

• This reply was modified 8 years, 3 months ago by tomhoeve.

im not abble to generate a critical css that dont break my site
i followed this steps https://www.wpfaster.org/blog/how-to-use-autoptimize-inline-and-defer-css-option and generate this critical, but it still broking the theme
https://www.isopasse.com.br/

span.onsale {
  background: #7e9a47;
  min-height: 32px;
  min-width: 32px;
  padding: 4px;
  font-size: 12px;
  position: absolute;
  text-align: center;
  line-height: 32px;
  top: 6px;
  left: 6px;
  margin: 0;
  border-radius: 20px;
}

ul.products li .onsale {
  top: 0;
  right: 0;
  left: auto;
  margin: -6px -6px 0 0;
}

.cart_dropdown {
  position: absolute;
  right: -60px;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-decoration: none;
  text-align: center;
  top: 50%;
  margin: -23px 0 0 0;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  z-index: 101;
}

.cart_dropdown_first {
  line-height: 38px;
  padding: 0;
}

.cart_dropdown_first .cart_dropdown_link {
  display: block;
  padding: 0;
  text-decoration: none;
  line-height: 44px;
  font-size: 15px;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.cart_dropdown .dropdown_widget {
  clear: both;
  position: absolute;
  right: 7px;
  top: 0;
  width: 280px;
  line-height: 18px;
  display: none;
  padding-top: 54px;
}

.cart_dropdown .dropdown_widget .widget_shopping_cart_content {
  padding: 0;
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  border-radius: 2px;
}

.cart_dropdown .dropdown_widget .avia-arrow {
  top: 49px;
  left: auto;
  margin-left: 0;
  border-bottom: 0;
  border-right: 0;
  right: 10px;
}

.html_cart_at_menu.html_header_top #top .main_menu {
  right: 0;
}

#menu-item-shop.cart_dropdown {
  right: 0;
  top: 0;
  margin: 0;
  height: auto;
  border-top: 0;
  border-radius: 0;
  width: auto;
  position: relative;
  float: left;
}

.html_header_top #menu-item-shop.cart_dropdown {
  border-bottom: 0;
}

#menu-item-shop .cart_dropdown_link {
  background: transparent;
  margin: 0;
  left: 0;
  color: inherit;
  position: relative;
  width: auto;
  padding: 0 38px;
  float: left;
  line-height: 88px;
}

#menu-item-shop .dropdown_widget {
  right: -1px;
  top: 100%;
  padding: 0;
  margin-top: -1px;
}

.av_minimal_header #menu-item-shop .dropdown_widget {
  margin-top: 0;
}

#menu-item-shop .dropdown_widget .avia-arrow {
  top: -5px;
  right: 40px;
}

.html_cart_at_menu.html_main_nav_header #top .main_menu .menu>li:last-child {
  padding-right: 13px;
  margin-right: 20px;
}

#top .onsale {
  background: rgba(0,0,0,.8);
  z-index: 10;
  color: #FFF;
  background: #7e9a47;
  top: 17px;
  right: 8px;
  left: auto;
  margin: 0;
  min-width: 40px;
}

.avia-bullet {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 51%;
  margin-top: -3px;
  left: -3px;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  border-left: 3px solid green;
}

#top div .dropdown_widget_cart {
  display: none;
  -webkit-perspective: 1000px;
  -webkit-backface-visibility: hidden;
}

#top .av-cart-counter {
  position: absolute;
  top: 50%;
  left: 54%;
  height: 16px;
  padding: 0 5px;
  line-height: 16px;
  border-radius: 54px;
  font-size: 11px;
  background: #333;
  color: #fff;
  text-align: center;
  margin: -20px 0 0 2px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
}

@media only screen and (max-width:767px) {
  .responsive #top .cart_dropdown {
    position: absolute;
    top: 50%;
    margin-top: -23px;
  }

  .responsive #top #menu-item-shop.cart_dropdown {
    margin: 0;
    top: 0;
    border: 0;
    height: 100%;
    width: auto;
    line-height: 80px;
    position: static;
    margin-left: -39px;
  }

  .responsive #top #menu-item-shop .cart_dropdown_link {
    line-height: 80px;
  }

  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    padding-right: 13px;
    margin-right: 20px;
  }
}

html {
  min-width: 910px;
}

html.responsive {
  min-width: 0;
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  clear: both;
}

.inner-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.container_wrap {
  clear: both;
  position: relative;
  border-top-style: solid;
  border-top-width: 1px;
}

.units {
  float: left;
  display: inline;
  margin-left: 50px;
  position: relative;
  z-index: 1;
  min-height: 1px;
}

#wrap_all {
  width: 100%;
  position: static;
  z-index: 2;
  overflow: hidden;
}

body .units.alpha,
body div .first {
  margin-left: 0;
  clear: left;
}

body .units.alpha {
  width: 100%;
}

.container .av-content-full.units {
  width: 100%;
}

.container {
  max-width: 1010px;
}

@media only screen and (min-width:768px) and (max-width:989px) {
  .responsive #top {
    overflow-x: hidden;
  }

  .responsive .container {
    max-width: 782px;
  }
}

@media only screen and (max-width:767px) {
  .responsive #top {
    overflow-x: hidden;
  }

  .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }

  .responsive .units {
    margin: 0;
  }

  .responsive #top #wrap_all .flex_column {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.flex_column:before,
.flex_column:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.flex_column:after,
.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

body div .first {
  margin-left: 0;
}

div .flex_column {
  z-index: 1;
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}

div .av_one_third {
  margin-left: 6%;
  width: 29.333333333333332%;
}

html,
body,
div,
span,
h3,
p,
a,
img,
strong,
ul,
li,
article,
footer,
header,
nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
footer,
header,
nav {
  display: block;
}

body {
  line-height: 1em;
}

ul {
  list-style: none;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html.responsive,
.responsive body {
  overflow-x: hidden;
}

body {
  font: 13px/1.65em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #444;
  -webkit-text-size-adjust: 100%;
}

.helvetica-websave {
  font-family: Helvetica,"HelveticaNeue","Helvetica Neue",Arial,Verdana,sans-serif;
}

h3 {
  font-weight: 600;
}

h3 {
  font-size: 20px;
  line-height: 1.1em;
  margin-bottom: 8px;
}

p {
  margin: .85em 0;
}

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
  outline: 0;
  max-width: 100%;
  max-width: none\9;
}

a:visited {
  outline: 0;
  text-decoration: underline;
}

#top .avia_hidden_link_text {
  display: none;
}

ul {
  margin-bottom: 20px;
}

ul {
  list-style: none outside;
  margin-left: 7px;
}

img,
a img {
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
}

[data-av_icon]:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  content: attr(data-av_icon);
  speak: none;
}

#header {
  position: relative;
  z-index: 501;
  width: 100%;
  background: transparent;
}

#header_main .container,
.main_menu ul:first-child>li a {
  height: 88px;
  line-height: 88px;
}

.av_icon_active_left .social_bookmarks {
  float: left;
}

.av_secondary_right .sub_menu {
  float: right;
}

.av_phone_active_right .phone-info {
  float: right;
}

.phone-info {
  float: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 11px;
  padding: 5px 0;
}

.phone-info span {
  display: inline-block;
  line-height: 1em;
}

.av_secondary_right .sub_menu>ul>li:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 10px;
}

.av_secondary_right .sub_menu {
  padding-left: 10px;
}

#header_meta {
  border-top: 0;
  z-index: 10;
  min-height: 30px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: -1px;
}

#header_meta .container {
  min-height: 30px;
}

#header_main {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  z-index: 1;
}

.header_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .95;
  filter: alpha(opacity=95);
  z-index: 0;
  -webkit-perspective: 1000px;
  -webkit-backface-visibility: hidden;
}

.html_header_sticky_disabled .header_bg {
  opacity: 1;
  filter: alpha(opacity=100);
}

.av_minimal_header .header_bg {
  opacity: 1;
  filter: alpha(opacity=100);
}

.av_minimal_header #header_main,
.av_minimal_header #header_meta {
  border: 0;
}

.av_minimal_header .avia-menu-fx {
  display: none;
}

.av_minimal_header #header_main .container,
.av_minimal_header .main_menu ul:first-child>li a {
  height: 90px;
  line-height: 90px;
}

.av_minimal_header_shadow {
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

.av-hamburger {
  padding: 0;
  display: inline-block;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.av-hamburger-box {
  width: 35px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.av-hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  position: absolute;
}

.av-hamburger-inner::before,
.av-hamburger-inner::after {
  content: "";
  display: block;
}

.av-hamburger-inner::before {
  top: -10px;
}

.av-hamburger-inner::after {
  bottom: -10px;
}

.av-burger-menu-main {
  display: none;
}

.av-burger-menu-main a {
  padding-left: 10px;
}

.av-hamburger strong {
  display: none;
}

.av-hamburger-box {
  height: 8px;
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
  width: 100%;
}

#top .av-small-burger-icon {
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  transform-origin: right;
}

#top #wrap_all #header .av-small-burger-icon a {
  padding: 0;
}

div .logo {
  float: left;
  position: absolute;
  left: 0;
  z-index: 1;
}

.logo,
.logo a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
}

.logo img {
  padding: 0;
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  image-rendering: auto;
  position: relative;
  z-index: 2;
  height: 100%\9;
  height: auto\9;
}

.main_menu {
  clear: none;
  position: absolute;
  z-index: 100;
  line-height: 30px;
  height: 100%;
  margin: 0;
  right: 0;
}

.av-main-nav-wrap {
  float: left;
  position: relative;
  z-index: 3;
}

.av-main-nav-wrap ul {
  margin: 0;
  padding: 0;
}

.av-main-nav {
  z-index: 110;
  position: relative;
}

.av-main-nav li {
  float: left;
  position: relative;
  z-index: 20;
}

.av-main-nav>li {
  line-height: 30px;
}

.av-main-nav li a {
  max-width: none;
}

.av-main-nav>li>a {
  display: block;
  text-decoration: none;
  padding: 0 13px;
  font-weight: normal;
  font-size: 12px;
  font-weight: 600;
  font-size: 13px;
}

.avia-menu-fx {
  position: absolute;
  bottom: -1px;
  height: 2px;
  z-index: 10;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.current-menu-item>a>.avia-menu-fx {
  opacity: 1;
  visibility: visible;
}

.avia-menu-fx .avia-arrow-wrap {
  height: 10px;
  width: 10px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap,
.current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {
  display: block;
}

.avia-menu-fx .avia-arrow-wrap .avia-arrow {
  top: 10px;
}

.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a {
  padding-right: 0;
}

.main_menu .avia-bullet {
  display: none;
}

.avia-bullet {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 51%;
  margin-top: -3px;
  left: -3px;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  border-left: 3px solid green;
}

#top #menu-item-search {
  z-index: 100;
}

#top .menu-item-search-dropdown>a {
  font-size: 17px;
}

#top #menu-item-search.menu-item-search-dropdown>a {
  border-left: 0;
}

.avia-arrow {
  height: 10px;
  width: 10px;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 1px;
  border-style: solid;
  visibility: hidden\9;
}

#top .social_bookmarks {
  height: 30px;
  z-index: 150;
  -webkit-backface-visibility: hidden;
  margin: 0 0 0 -9px;
}

#top .social_bookmarks li {
  height: 100%;
  float: left;
  padding: 0;
  border-right-style: solid;
  border-right-width: 1px;
  display: block;
  width: 30px;
}

#top #header .social_bookmarks li:last-child {
  border-right-style: none;
  border-right-width: 0;
}

#top .social_bookmarks li a {
  float: left;
  width: 30px;
  line-height: 30px;
  display: block;
  margin: 0;
  outline: 0;
  padding: 0;
  min-height: 30px;
  height: 100%;
  overflow: visible;
  z-index: 2;
  position: relative;
  text-align: center;
}

#top #wrap_all .social_bookmarks,
#top #wrap_all .social_bookmarks a,
#top #wrap_all .social_bookmarks li {
  background: transparent;
}

.sub_menu {
  float: left;
  z-index: 2;
  font-size: 11px;
  line-height: 30px;
  position: relative;
  top: 10px;
}

#top .sub_menu>ul {
  float: left;
  margin: 0;
}

#top .sub_menu>ul,
#top .sub_menu>ul>li {
  background: transparent;
}

.sub_menu li {
  float: left;
  position: relative;
  padding: 0 10px;
  border-right-style: solid;
  border-right-width: 1px;
  line-height: 10px;
}

.sub_menu>ul>li>a {
  text-decoration: none;
  font-weight: bold;
  padding: 7px 0;
}

.content {
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 1px;
  z-index: 1;
}

.content {
  border-right-style: solid;
  border-right-width: 1px;
  margin-right: -1px;
}

.content .entry-content-wrapper {
  padding-right: 50px;
}

.fullsize .content {
  margin: 0;
  border: 0;
}

.fullsize .content .entry-content-wrapper {
  padding-right: 0;
}

.more-link-arrow:after {
  content: "\E87d";
  font-family: 'entypo-fontello';
  font-size: 10px;
  vertical-align: middle;
  padding: 0 8px;
}

.html_elegant-blog .more-link-arrow {
  display: none;
}

#scroll-top-link {
  position: fixed;
  border-radius: 2px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  opacity: 0;
  right: 50px;
  bottom: 50px;
  z-index: 1030;
  visibility: hidden;
}

@media only screen and (min-width:768px) and (max-width:989px) {
  .responsive .main_menu ul:first-child>li>a {
    padding: 0 10px;
  }

  .responsive #top .header_bg {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .responsive .logo {
    float: left;
  }

  .responsive .logo img {
    margin: 0;
  }
}

@media only screen and (max-width:767px) {
  .responsive .content .entry-content-wrapper {
    padding: 0;
  }

  .responsive .content {
    border: 0;
  }

  .responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }

  .responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
  }

  .responsive .phone-info {
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
  }

  .responsive .phone-info span {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .responsive #top .logo {
    position: static;
    display: table;
    height: 80px !important;
    float: none;
    padding: 0;
    border: 0;
    width: 80%;
  }

  .responsive .logo a {
    display: table-cell;
    vertical-align: middle;
  }

  .responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 80px;
  }

  .responsive #header_main .container {
    height: auto !important;
  }

  .responsive #top .header_bg {
    opacity: 1;
    filter: alpha(opacity=1);
  }

  .responsive #header_meta .social_bookmarks li {
    border-style: solid;
    border-width: 1px;
    margin-bottom: -1px;
    margin-left: -1px;
  }

  .responsive #top #header_meta .social_bookmarks li:last-child {
    border-right-style: solid;
    border-right-width: 1px;
  }

  .responsive #header .sub_menu,
  .responsive #header_meta .sub_menu>ul {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: static;
  }

  .responsive #header .social_bookmarks {
    padding-bottom: 2px;
    width: 100%;
    text-align: center;
    height: auto;
    line-height: .8em;
    margin: 0;
  }

  .responsive #header_meta .sub_menu>ul>li {
    float: none;
    display: inline-block;
    padding: 0 10px;
  }

  .responsive #header .social_bookmarks li {
    float: none;
    display: inline-block;
  }

  .responsive .logo img {
    margin: 0;
  }

  .responsive #top .av_phone_active_right .phone-info.with_nav span {
    border: 0;
  }

  .responsive #top #header_meta .social_bookmarks li a {
    color: inherit;
    border-color: inherit;
    background: inherit;
  }

  .responsive .av-burger-menu-main {
    display: block;
  }

  .responsive #top #wrap_all .main_menu {
    top: 0;
    height: 80px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
  }

  .responsive .main_menu ul:first-child>li a {
    height: 80px;
    line-height: 80px;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top #wrap_all .menu-item-search-dropdown>a {
    font-size: 24px;
  }

  .responsive #top #header .social_bookmarks {
    display: none;
  }

  .responsive #top .av-logo-container .avia-menu {
    height: 100%;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a,
  .responsive #top #wrap_all .av-logo-container {
    height: 80px;
    line-height: 80px;
  }

  .responsive #top #wrap_all .av-logo-container {
    padding: 0;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
    min-width: 0;
    padding: 0 0 0 20px;
    margin: 0;
    border-style: none;
    border-width: 0;
  }

  .responsive #top #header .av-main-nav>li>a {
    background: transparent;
    color: inherit;
  }

  .responsive #scroll-top-link {
    display: none;
  }
}

@media only screen and (max-width:479px) {
  .responsive #top #wrap_all #header .social_bookmarks {
    display: none;
  }
}

.avia-shadow {
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

body .container_wrap .avia-builder-el-no-sibling {
  margin-top: 0;
  margin-bottom: 0;
}

body .container_wrap .avia-builder-el-last {
  margin-bottom: 0;
}

body .container_wrap .avia-builder-el-first {
  margin-top: 0;
}

.special-heading-border {
  position: relative;
  overflow: hidden;
}

.av-special-heading-h1 .special-heading-border {
  height: 3.4em;
}

.av-special-heading-h2 .special-heading-border {
  height: 2.6em;
}

.av-special-heading-h3 .special-heading-border {
  height: 1.9em;
}

.special-heading-inner-border {
  display: block;
  width: 100%;
  margin-left: 15px;
  border-top-style: solid;
  border-top-width: 1px;
  position: relative;
  top: 50%;
  opacity: .15;
  filter: alpha(opacity=15);
}

.custom-color-heading .special-heading-inner-border {
  opacity: .4;
  filter: alpha(opacity=40);
}

body .av-special-heading.blockquote>* {
  white-space: normal;
  float: none;
}

body .av-special-heading.blockquote .special-heading-border {
  display: none;
}

.avia-section {
  clear: both;
  width: 100%;
  float: left;
  min-height: 100px;
  position: static;
}

.avia-section.avia-section-small {
  min-height: 0;
}

#top #main .avia-section .template-page {
  width: 100%;
  border: 0;
  margin-left: auto;
  padding-left: 0;
  margin-right: auto;
}

.avia-section .template-page .entry-content-wrapper {
  padding-right: 0;
}

.avia-section-small .content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.html_header_sticky_disabled .container_wrap:first-child {
  border-top: 0;
}

#top #wrap_all #main .avia-no-border-styling {
  border: 0;
}

.html_minimal_header #main>.avia-builder-el-0 {
  border-top: 0;
}

#top .iconbox {
  background: transparent;
}

.iconbox {
  margin-bottom: 30px;
  position: relative;
  clear: both;
}

.iconbox_icon {
  float: left;
  margin: 2px 10px 0 0;
  height: 23px;
  width: 23px;
  font-size: 23px;
  line-height: 18px;
}

.iconbox_left .iconbox_icon {
  border-radius: 50px;
  text-align: center;
  position: relative;
  top: -7px;
  left: -5px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin: 2px 0 0 0;
}

.iconbox .iconbox_content .iconbox_content_title {
  border: medium none;
  padding: 2px 0 0 0;
  position: relative;
  margin: 0 0 16px 0;
  clear: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.25em;
}

.iconbox .iconbox_content p:last-child {
  margin-bottom: 0;
}

#top .iconbox_content_container {
  line-height: 1.65em;
}

@media only screen and (max-width:767px) {
  .responsive #top .avia-slideshow-controls a {
    display: none;
  }
}

.avia-slideshow {
  position: relative;
  margin: 50px 0;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.avia-slideshow-inner {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}

#top .av-default-height-applied .avia-slideshow-inner {
  height: 0;
}

.avia-slideshow li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-position: outside;
  position: absolute;
  visibility: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  clear: both;
  opacity: 0;
  overflow: hidden;
}

.avia-slideshow li:first-child {
  position: relative;
  visibility: visible;
  z-index: 3;
}

.avia-slideshow li img {
  display: block;
  width: 100%;
  margin: 0 auto;
  border-radius: 3px;
  position: relative;
}

.avia-slideshow.image_no_stretch li img {
  width: auto;
}

#top .avia-slideshow-arrows a {
  display: block;
  text-decoration: none;
  color: #fff;
  visibility: visible;
  position: absolute;
  width: 60px;
  text-align: center;
  height: 60px;
  line-height: 62px;
  font-size: 25px;
  top: 50%;
  margin: -30px 15px 0;
  z-index: 99;
  overflow: hidden;
  text-indent: -600%;
}

#top .avia-slideshow-arrows a.next-slide {
  right: 0;
}

.avia-slideshow-arrows a:before {
  visibility: visible;
  display: block;
  position: absolute;
  z-index: 100;
  background: #aaa;
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  text-align: center;
  line-height: 62px;
  color: inherit;
}

.prev-slide:before {
  text-indent: -2px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.next-slide:before {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  text-indent: 0;
}

.avia-slideshow-dots {
  position: absolute;
  z-index: 200;
  width: 100%;
  bottom: 0;
  text-align: center;
  left: 0;
  height: 0;
}

.avia-slideshow-dots a {
  display: inline-block;
  height: 13.5px;
  width: 13.5px;
  border-radius: 14px;
  background: #000;
  opacity: .6;
  filter: alpha(opacity=60);
  text-indent: 100px;
  overflow: hidden;
  margin: 0 1px;
  padding: 7px;
  position: relative;
  bottom: 33px;
  -webkit-backface-visibility: hidden;
}

.avia-slideshow-dots a.active {
  opacity: .8;
  filter: alpha(opacity=80);
  background: #fff;
}

.avia-slideshow-inner li {
  -webkit-transform-style: preserve-3d;
}

.avia-fullwidth-slider {
  border-top-style: solid;
  border-top-width: 1px;
  z-index: 1;
}

.avia-fullwidth-slider.avia-builder-el-0 {
  border-top: 0;
}

.avia-slide-wrap {
  position: relative;
  display: block;
}

.av_slideshow_full.avia-slideshow {
  margin: 0;
}

#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
  margin: -50px 0 0 0;
  width: 35px;
  text-align: center;
  height: 100px;
  line-height: 102px;
  opacity: .5;
}

#top .av_slideshow_full.av-control-default .next-slide:before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 102px;
}

#top .av_slideshow_full.av-control-default .prev-slide:before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 102px;
}

.av_slideshow_full li img {
  border-radius: 0;
}

body {
  font-size: 14px;
}

html,
#scroll-top-link {
  background-color: #0d716a;
}

#scroll-top-link {
  color: #fff;
  border: 1px solid #0d716a;
}

.html_stretched #wrap_all {
  background-color: #0d716a;
}

.alternate_color div {
  border-color: #e1e1e1;
}

.alternate_color .special-heading-inner-border {
  border-color: #a2a2a2;
}

.main_color,
.main_color div,
.main_color header,
.main_color footer,
.main_color article,
.main_color span,
.main_color h3,
.main_color p,
.main_color a,
.main_color img,
.main_color ul,
.main_color li,
.main_color article,
.main_color footer,
.main_color header {
  border-color: #e1e1e1;
}

.main_color {
  background-color: #f8f8f8;
  color: #666;
}

.main_color .heading-color,
.main_color h3 {
  color: #263373;
}

.main_color .special-heading-inner-border {
  border-color: #666;
}

.main_color a {
  color: #82a846;
}

.main_color ::-webkit-input-placeholder {
  color: #8d8d8d;
}

.main_color ::-moz-placeholder {
  color: #8d8d8d;
  opacity: 1;
}

.main_color :-ms-input-placeholder {
  color: #8d8d8d;
}

#main {
  border-color: #e1e1e1;
}

.header_color,
.header_color div,
.header_color nav,
.header_color span,
.header_color a,
.header_color img,
.header_color strong,
.header_color ul,
.header_color li,
.header_color nav {
  border-color: #e1e1e1;
}

.header_color {
  background-color: #fff;
  color: #263373;
}

.header_color .social_bookmarks a,
.header_color .phone-info,
.header_color .phone-info a {
  color: #aaa;
}

.header_color a,
.header_color strong {
  color: #558b87;
}

.header_color .avia-menu-fx,
.header_color .avia-menu-fx .avia-arrow {
  background-color: #558b87;
  color: #fff;
  border-color: #336965;
}

.header_color .container_wrap_meta {
  background: #f8f8f8;
}

.header_color .avia-bullet {
  border-color: #558b87;
}

.header_color ::-webkit-input-placeholder {
  color: #aaa;
}

.header_color ::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.header_color :-ms-input-placeholder {
  color: #aaa;
}

.header_color .header_bg {
  background-color: #fff;
  color: #aaa;
}

.header_color .sub_menu>ul>li>a,
.header_color .main_menu ul:first-child>li>a {
  color: #aaa;
}

.header_color .main_menu ul:first-child>li.current-menu-item>a,
.header_color .main_menu ul:first-child>li.current_page_item>a {
  color: #263373;
}

.header_color .sub_menu ul li,
.header_color .sub_menu ul {
  background-color: #fff;
}

#main {
  background-color: #fff;
}

.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
  background-color: #aaa;
}

.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
  background-color: #263373;
}

@media only screen and (max-width:767px) {
  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: #263373;
  }
}

@media only screen and (max-width:767px) {
  .header_color div .av-hamburger-inner,
  .header_color div .av-hamburger-inner::before,
  .header_color div .av-hamburger-inner::after {
    background-color: #aaa;
  }
}

#top .main_color .onsale {
  background-color: #82a846;
}

.header_color .cart_dropdown_first .cart_dropdown_link {
  color: #263373;
}

.header_color .cart_dropdown .dropdown_widget {
  color: #aaa;
}

.header_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content,
.header_color .cart_dropdown_link,
.header_color .avia-arrow {
  background-color: #fff;
}

.header_color .avia-bullet {
  border-color: #aaa;
}

#top .av-cart-counter {
  background-color: #558b87;
  color: #fff;
}

body {
  font-family: ' helvetica','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.container {
  width: 100%;
}

.responsive .container {
  max-width: 1310px;
}

#top #header .av-main-nav>li>a {
  font-size: 14px;
}

#top #header_meta {
  background-color: #0d716a;
}

#top #header_meta a,
#top #header_meta li,
#top #header_meta .phone-info {
  color: #fff;
  border-color: #0d716a;
}

ul.cart_dropdown {
  border: 0 !important;
}

#top .main_color .onsale {
  background-color: #2997ab;
  display: none;
}

.avia-fullwidth-slider.avia-shadow {
  box-shadow: none;
}

@media only screen and (max-width:767px) {
  #top #header_main .logo {
    width: 50% !important;
  }
}

#top #wrap_all .av-social-link-facebook a {
  color: #fff;
  background-color: #37589b;
}

#top #wrap_all .av-social-link-twitter a {
  color: #fff;
  background-color: #46d4fe;
}

#top #wrap_all .av-social-link-gplus a {
  color: #fff;
  background-color: #de5a49;
}

#top #wrap_all .av-social-link-whatsapp a {
  color: #fff;
  background-color: #3bb528;
}

#top #wrap_all .av-social-link-linkedin a {
  color: #fff;
  background-color: #409cca;
}

#top #wrap_all .av-social-link-instagram a {
  color: #fff;
  background-color: #a67658;
}

#top #wrap_all .av-social-link-youtube a {
  color: #fff;
  background-color: #a72b1e;
}

p,
a,
strong {
  color: black !important;
}

a {
  text-decoration: underline;
}

.container {
  width: 100%;
}

#top {
  overflow-x: hidden;
}

.container {
  width: 100%;
  margin: 0 auto;
}

.units {
  margin: 0;
}

#top .flex_column {
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
}

#header_main {
  border-bottom: 0;
}

nav,
#scroll-top-link {
  display: none;
}

.avia-shadow {
  box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.content {
  border: 0;
}

.avia-fullwidth-slider {
  display: none;
}

• This reply was modified 8 years, 3 months ago by Guilherme Pereira.