API tools faq
paste
Guest User

Untitled

a guest
Feb 17th, 2022
235
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 90.02 KB | None | 0 0
raw download clone embed print report
  1. /* Table of Content
  2. ======================================================================================================================================================
  3.     #Site Styles
  4.     #Blog Styles
  5.     #Page Styles
  6.     #Post Formats
  7.     #Widget & Sidebar
  8.     #Footer & #Socket
  9.     #Comment
  10.     #CSS Animations
  11.     #Media Queries
  12.     */
  13.  
  14. /* ======================================================================================================================================================
  15. #Site Styles
  16. ====================================================================================================================================================== */
  17.  
  18. #header{
  19.     position: relative;
  20.     z-index: 501; /*(issues/769)*/
  21.     width:100%;
  22.     background: transparent;
  23.     }
  24.    
  25.    
  26.     #header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }
  27.    
  28.    
  29.     /* sticky variation*/
  30.     .html_header_top.html_header_sticky #main{ padding-top:88px; }
  31.     .html_header_top.html_header_transparency #header{ position: absolute; }
  32.     .html_header_top.html_header_sticky #header{ position: fixed; }
  33.     .html_header_top.html_header_sticky.html_bottom_nav_header #main{ padding-top:140px; }
  34.     .html_bottom_nav_header .avia-search-tooltip { top: 101% !important; margin-left: -130px; }
  35.     .html_header_top.html_header_sticky.html_header_unstick_top .header-scrolled-full#header {  }
  36.    
  37.    
  38.     /*big header*/
  39.     .html_header_top.html_header_sticky.html_large #main{ padding-top:116px; }
  40.     .html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a { height: 116px; line-height: 116px; }
  41.     .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main{ padding-top:168px; }
  42.    
  43.     /* stretched variation*/
  44.     .html_header_top #top .av_header_stretch .container{width:96%; padding:0; max-width: 100%;}
  45.    
  46.     /*logo + position variation*/
  47.     .html_header_top #top .av_logo_right .logo{ left:auto; right:0; }
  48.     .html_header_top #top .av_menu_left .main_menu{left:0px; right:auto;}
  49.     .html_header_top.html_main_nav_header #top .av_menu_left .main_menu{left:-13px; right:auto;}
  50.    
  51.     .html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a { height:50px; line-height: 50px;}
  52.     .html_header_top .av_bottom_nav_header .av-logo-container .main_menu{display:none;}
  53.    
  54.     .html_header_top.html_bottom_nav_header #header_main{ z-index: 3; }
  55.     .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu{ clear: both; position: relative; line-height: 40px; height: 100%; width:100%; float:left; }
  56.     .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div,
  57.     .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child{width:100%; height:50px;}
  58.     .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child>li:hover{z-index: 1000; position: relative;}
  59.     .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown{float:right;}
  60.    
  61.     #header_main_alternate{ z-index: 2;}
  62.     #header #header_main_alternate .container{max-height: none; height:auto;}
  63.     #header_main_alternate .main_menu .menu li ul ul { left: 207px; }
  64.     #header_main_alternate .avia_mega_div{ right:auto;left:0;}
  65.    
  66.    
  67.    
  68.     .html_header_top.html_logo_center .main_menu{text-align: center;}
  69.     .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child{display: inline-block; width:auto;  position: static;}
  70.     .html_header_top.html_logo_center .logo{ left:50%;
  71.     -webkit-transform:  translate(-50%, 0);
  72.     -ms-transform:      translate(-50%, 0);
  73.     transform:          translate(-50%, 0);
  74.     }
  75.    
  76.     .avia-msie-8 .logo img,
  77.     .avia-msie-8 .logo svg{
  78.         height: 100%;
  79.     }
  80.     .avia-msie-8.html_header_top.html_logo_center .logo { left:46%; /*ie8 rule for somewhat centering the logo*/}
  81.    
  82.     .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{width:auto; float:right;}
  83.     .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{width:auto; float:right;}
  84.    
  85.     /*top bar variation*/
  86.     .html_header_top.html_header_topbar_active.html_header_sticky #top #main{ padding-top:119px; }
  87.     .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main{ padding-top:147px; }
  88.     .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main{ padding-top:170px; }
  89.     .html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main{ padding-top:198px; }
  90.    
  91.     /*top bar element alignment*/
  92.     .av_icon_active_left .social_bookmarks{ float: left; }
  93.     .av_icon_active_right .social_bookmarks{ float: right; }
  94.     .av_secondary_right .sub_menu{float:right;}
  95.     .av_phone_active_left .phone-info{ float: left; }
  96.     .av_phone_active_right .phone-info{ float: right; }
  97.    
  98.    
  99.     /*header with social icons and bottom nav */
  100.    
  101.     .phone-info {
  102.     float: left;
  103.     font-weight: bold;
  104.     line-height: 20px;
  105.     font-size: 11px;
  106.     padding:5px 0;
  107.     }
  108.    
  109.     .phone-info div{ display: inline-block; line-height: 1em;}
  110.    
  111.     .av_secondary_left .sub_menu>ul>li:last-child, .av_secondary_left .sub_menu>div>ul>li:last-child{ border:none; padding-right: 0;}
  112.     .av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child{ border:none; margin-right: 0px; padding-right:0; padding-left:10px;}
  113.    
  114.     .av_secondary_left .sub_menu>ul>li:first-child{padding-left:0;}
  115.     .av_icon_active_left.av_secondary_left .sub_menu>ul>li:first-child{padding-left:10px;}
  116.     .av_icon_active_right.av_secondary_right .sub_menu>ul>li:first-child{padding-left:10px;}
  117.    
  118.    
  119.     .av_secondary_right .sub_menu{padding-left:10px;}
  120.     .av_icon_active_right .social_bookmarks{padding-left:20px;}
  121.    
  122.     .av_secondary_left .sub_menu{padding-right:10px;}
  123.    
  124.     /* .html_boxed.html_header_sticky #header{ width:auto; } */
  125.     .html_boxed #main {position: static; /*necessary for boxed layout + fix bg sections */ overflow: hidden; }
  126.     .html_logo_right.html_bottom_nav_header #header_main .social_bookmarks{right:auto; left:0;}
  127.    
  128.    
  129.    
  130.     /*header with social icons and main nav */
  131.    
  132.     #top nav .social_bookmarks{
  133.     position: relative;
  134.     top: 50%;
  135.     margin-top: -16px;
  136.     right: 0;
  137.     overflow: hidden;
  138.     clear: none;
  139.     float: left;
  140.     }
  141.    
  142.     .avia-menu.av_menu_icon_beside{padding-right:25px; margin-right:25px; border-right-width: 1px; border-right-style: solid;
  143.         -webkit-transition: border-color 0.2s ease-in-out;
  144.         transition: border-color 0.2s ease-in-out;
  145.     }
  146.     .fallback_menu + .social_bookmarks { padding-left: 18px; }
  147.    
  148.     #header_meta{
  149.     border-top:none;
  150.     z-index: 10;
  151.     min-height: 30px;
  152.     border-bottom-style: solid;
  153.     border-bottom-width: 1px;
  154.     margin-bottom:-1px;
  155.     }
  156.    
  157.     #header_meta .container{min-height: 30px;}
  158.    
  159.     #header_main{
  160.     border-bottom-width: 1px;
  161.     border-bottom-style: solid;
  162.     z-index: 1;
  163.     }
  164.    
  165.     #header.shadow{box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);}
  166.    
  167.     .header_bg{
  168.     position: absolute;
  169.     top:0;
  170.     left:0;
  171.     width:100%;
  172.     height:100%;
  173.     opacity:0.95;
  174.     filter:alpha(opacity=95); /* For IE8 and earlier */
  175.     z-index: 0;
  176.     -webkit-transition: all 0.4s ease-in-out;
  177.     transition:         all 0.4s ease-in-out;
  178.     -webkit-perspective: 1000px;
  179.     -webkit-backface-visibility: hidden;
  180.     }
  181.    
  182.     .html_header_sticky_disabled .header_bg { opacity: 1; filter: alpha(opacity=100); }
  183.     .avia-msie-8.html_header_transparency .av_header_sticky_disabled#header{background: transparent;}
  184.    
  185.     /*minimal header*/
  186.     .av_minimal_header .header_bg{opacity:1; filter:alpha(opacity=100);}
  187.     .av_minimal_header #header_main, .av_minimal_header #header_meta{border:none;}
  188.     .av_minimal_header .avia-menu-fx{display: none;}
  189.     #top #header.av_minimal_header .main_menu ul:first-child >li > ul,
  190.     #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu{border-top: none;}
  191.     .av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a{ height:90px; line-height: 90px; }
  192.     .html_header_top.html_header_sticky.html_large .av_minimal_header #header_main .container,
  193.     .html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child > li a
  194.     {height:118px; line-height: 118px;}
  195.    
  196.     #top .av_minimal_header #s{border:none; padding: 12px 47px 12px 5px; }
  197.     #top .av_minimal_header .av_ajax_search_entry{border:none;}
  198.    
  199.    
  200.     .av_minimal_header_shadow{ box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); }
  201.     .av_minimal_header_shadow.av_header_transparency{ box-shadow: 0 0 0px 0px rgba(0,0,0,0.0); }
  202.    
  203.     .av_minimal_header #header_main_alternate{border:none;}
  204.    
  205.    
  206.     /*transparent header*/
  207.     .html_header_transparency #main{
  208.         padding-top: 0 !important;
  209.     }
  210.    
  211.     #top .av_header_transparency .main_menu ul:first-child > li > a:hover,
  212.     #top .av_header_transparency .main_menu ul:first-child > li > a:focus,
  213.     #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover,
  214.     #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:focus{
  215.         opacity: 0.8;
  216.         -webkit-transition: opacity 0.4s ease-in-out;
  217.         transition:         opacity 0.4s ease-in-out;
  218.     }
  219.    
  220.     #top .av_header_transparency.av_alternate_logo_active .logo a > img,
  221.     #top .av_header_transparency.av_alternate_logo_active .logo a > svg{
  222.         opacity: 0;
  223.         filter: alpha(opacity=0);
  224.     }
  225.    
  226.     #top .av_header_transparency #header_main, #top .av_header_transparency .avia-menu.av_menu_icon_beside{border-color: transparent;}
  227.     #top .av_header_transparency .header_bg{background-color: transparent; opacity: 0; filter:alpha(opacity=0);}
  228.     #top .av_header_transparency .phone-info, #top .av_header_transparency .social_bookmarks li a {color:inherit;}
  229.    
  230.     #top #header.av_header_transparency .avia_mega_div{margin-top:1px; padding-top:1px;}
  231.     #top .av_header_transparency .avia-menu-fx {bottom: 22%; width: 70%; left: 15%;}
  232.     #top .av_header_transparency .phone-info.with_nav span{ border-color: rgba(255, 255, 255, 0.25); color:#fff; }
  233.     #top .av_header_transparency #header_meta li{ border-color: rgba(255,255,255,0.25); color:inherit; }
  234.     #top .av_header_transparency #header_meta{background: transparent; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.25); }
  235.     .html_header_transparency #header_meta{ -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out;}
  236.    
  237.     /*transparent glassy*/
  238.     #top .av_header_glassy.av_header_transparency .header_bg{background-color: #fff; opacity: 0.1; filter:alpha(opacity=10); }
  239.     #top .av_header_glassy.av_header_transparency #header_main{border-color: rgba(255,255,255,0.25); border-top-color: transparent;}
  240.     #top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside{ border-color: rgba(255, 255, 255, 0.25); }
  241.     #top .av_header_glassy.av_header_transparency .social_bookmarks li,
  242.     #top .av_header_glassy.av_header_transparency .social_bookmarks li a{border-color: rgba(255,255,255,0.25); color:#fff;}
  243.     #top .av_header_glassy.av_header_transparency #header_main_alternate{border-bottom-color: rgba(255,255,255,0.25);}
  244.    
  245.     /*with border*/
  246.     #top .av_header_with_border.av_header_transparency #header_main{
  247.     border: 1px solid rgba(255,255,255,0.25);
  248.     border-left: none;
  249.     border-right: none;
  250.     border-top-color: transparent;}
  251.    
  252.    
  253.     #top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{border-color: rgba(255,255,255,0.25);}
  254.    
  255.    
  256.     /*disabled search icon*/
  257.     .html_header_searchicon_disabled #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx{padding-right:13px;  -moz-box-sizing: content-box;
  258.     -webkit-box-sizing: content-box;  box-sizing: content-box;}
  259.    
  260.    
  261.     /*scrolldown header*/
  262.     #top .av_header_scrolldown{
  263.     -webkit-transition: opacity 0.6s ease-out, margin 0.6s ease-out;
  264.     transition: opacity 0.6s ease-out, margin 0.6s ease-out;
  265.     margin-top:0px;
  266.     }
  267.     #top .av_header_scrolldown.av_header_transparency{opacity: 0;margin-top:-250px !important;}
  268.    
  269.     .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .container,
  270.     .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .slideshow_inner_caption {padding-top: 0;}
  271.    
  272.     /* page as footer fix */
  273.     .html_header_transparency #top .footer-page-content .avia-builder-el-0 .container{
  274.         padding-top: 0;
  275.     }
  276.    
  277.     /*perma hidden*/
  278.     #top .header_hidden{display:none;}
  279.    
  280.    
  281.     /*header separator variations*/
  282.     .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{border-left-style: solid; border-left-width:1px; padding-left: 13px; margin-left: -13px;}
  283.     .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text{border-left:none;}
  284.    
  285.     .av_seperator_big_border .av-main-nav > li > a{border-left-style: solid; border-left-width:1px; text-align: center; min-width: 90px;}
  286.     #top .av_seperator_big_border .av-main-nav > li:last-child > a,
  287.     #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-right-style: solid; border-right-width:1px; }
  288.     #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-left-style: solid; border-left-width:1px; border-color: inherit; }
  289.     #top .av_seperator_big_border#header .av-menu-button > a .avia-menu-text{border:none;}
  290.     .av_seperator_big_border .avia-menu.av_menu_icon_beside{ padding-right: 0; }
  291.     #top .av_seperator_big_border#header .av-main-nav > li > a{padding:0 13px;}
  292.     #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style:none;border-right-width:0;}
  293.     .html_bottom_nav_header #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-left-style: solid; border-left-width:1px; border-color: inherit; margin-left: -1px;}
  294.    
  295.    
  296.    
  297.    
  298.    
  299.    
  300.     .avia-menu-subtext, #top .sub-menu .avia-menu-subtext{display:none;}
  301.    
  302.     /*menu flyout position*/
  303.     .html_header_top #top .av_menu_left .main_menu .menu li ul ul{ left: 207px}
  304.    
  305.    
  306.     /*sidebar headers*/
  307.     .html_header_sidebar{}
  308.     .html_header_sidebar #top #header{width:300px; position: absolute; min-height:100%; border-bottom:none;}
  309.     .html_boxed.html_header_sidebar #wrap_all{position: relative;}
  310.     .html_header_sidebar #top #header_main{border-top:none;}
  311.     .html_header_sidebar #header .container{width:100%; height:auto; line-height: 1.3em; padding:0; float:none; max-width: 100%;}
  312.     .html_header_sidebar .header_bg{ opacity: 1; filter: alpha(opacity=95); }
  313.    
  314.     .html_header_left #top  #header{}
  315.     .html_header_right #top #header{ right: 0;}
  316.     .html_header_left #main{ margin-left:300px; position: relative; border-left-style:solid; border-left-width:1px; }
  317.     .html_header_right #main{margin-right:300px; position: relative; border-right-style:solid; border-right-width:1px; }
  318.    
  319.     .html_header_sidebar #top #header.av_always_sticky{position: fixed; -webkit-backface-visibility: hidden; /*fix for layout bugs when scrolling*/}
  320.    
  321.     .html_header_sidebar .logo{position: relative; clear:both; padding:40px; border-bottom-style: solid; border-bottom-width:1px; height:auto; max-height: none; width:100%;}
  322.     .html_header_sidebar .logo img,
  323.     .html_header_sidebar .logo svg{
  324.         width: 100%;
  325.         max-height: none;
  326.         padding: 0;
  327.         height: auto;
  328.     }
  329.    
  330.     .html_header_sidebar .main_menu{position: relative; clear:both; z-index: 200;}
  331.     .html_header_sidebar #header .av-main-nav , .html_header_sidebar #header .av-main-nav-wrap{width:100%;}
  332.     .html_header_sidebar #header .av-main-nav {padding:20px 0;}
  333.     .html_header_sidebar #header .av-main-nav > li{ float:none; display: block; margin:0 13%;}
  334.     .html_header_sidebar #header .av-main-nav > li > a{line-height: 1.3em; height:auto; padding:15px 3px; border-bottom-style: solid; border-bottom-width:1px; margin:0 auto;}
  335.     .html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{font-size:16px; font-weight:normal;  display:block;}
  336.     .html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{display:block; font-weight:normal; font-size:12px; padding-top: 3px;}
  337.     .html_header_sidebar #header .av-main-nav > li:last-child > a{border:none;}
  338.     .html_header_sidebar #header .av-main-nav > li:nth-last-child(2) > a{border:none;}
  339.     .html_header_sidebar #header .avia-menu-fx{display:none;}
  340.    
  341.     .html_header_sidebar .av-main-nav ul{border-top-width: 1px;}
  342.     .html_header_left .av-main-nav ul{top:0; left:100%; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
  343.     .html_header_left #top .av-main-nav ul ul{left:207px; top:-1px;}
  344.     .html_header_right .av-main-nav ul{top:0; left:auto; right:100%; box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1); }
  345.     .html_header_right #top .av-main-nav ul ul{left:-207px; top:-1px;}
  346.    
  347.     .html_header_sidebar #top .av-main-nav ul a{padding: 12px 15px;}
  348.     .html_header_sidebar #main > .avia-builder-el-0{border-top:none;}
  349.    
  350.     .html_header_sidebar #top #header .av-menu-button > a{border:none;}
  351.     .html_header_sidebar #top #header .av-menu-button + .av-menu-button > a{padding-top:0;}
  352.     .html_header_sidebar #top #header .av-menu-button-colored:hover{opacity: 0.8;}
  353.    
  354.     .html_header_left  #header .avia_mega_div{left:100%; top:0; }
  355.     .html_header_right #header .avia_mega_div{right:100%; top:0; }
  356.     .html_header_sidebar #top #header .avia_mega_div > .sub-menu{border-width: 1px; border-style:solid; }
  357.    
  358.     .html_header_sidebar.html_content_align_left  .container {float:left;}
  359.     .html_header_sidebar.html_content_align_right .container {float:right;}
  360.    
  361.     .html_header_sidebar.html_content_align_left #footer, .html_header_sidebar.html_content_align_right #footer,
  362.     .html_header_sidebar.html_content_align_left #socket, .html_header_sidebar.html_content_align_right #socket
  363.     {
  364.         overflow: hidden;
  365.     }
  366.    
  367.     .html_header_sidebar .container_wrap { width: 100%; }
  368.    
  369.     #header .avia-custom-sidebar-widget-area{margin:0; padding:0; float:none;}
  370.     #header .avia-custom-sidebar-widget-area .widget{border-top-style: solid; border-top-width:1px; padding:40px; width:100%; overflow: hidden;}
  371.    
  372.     .html_header_sidebar .av-sidebar-social-container{position: relative; clear: both; overflow: hidden;}
  373.     .html_header_sidebar #top #header .social_bookmarks{position: relative; top:0;margin:0; border-top-style: solid; border-top-width:1px; clear:both; display:table;width:100%;table-layout: fixed;}
  374.     .html_header_sidebar #top #header .social_bookmarks li{float:none; display:table-cell; text-align: center;}
  375.     .html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a{border:none;}
  376.     .html_header_sidebar #top #header .social_bookmarks li a{width:100%; border-radius: 0; border-left-style: solid; border-left-width: 1px; padding:10px 0;}
  377.    
  378.     .html_header_sidebar .av_default_container_wrap, .html_header_sidebar .container_wrap_first{ float: left; }
  379.    
  380.     /*main header on top, logo below*/
  381.    
  382.     .html_top_nav_header #header_main_alternate{border-top:none; border-bottom-style: solid; border-bottom-width:1px; }
  383.     .html_top_nav_header.html_minimal_header #header_main_alternate{border:none;}
  384.     .html_top_nav_header div .logo{position: relative;}
  385.    
  386.     .html_top_nav_header .av-logo-container .inner-container{position: relative; overflow: hidden;}
  387.     .html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main{padding-top:50px;}
  388.     .html_top_nav_header.html_header_top.html_header_sticky.html_header_topbar_active #top #wrap_all #main{padding-top:80px;}
  389.     .html_top_nav_header .av-logo-container{height:88px;}
  390.     .html_top_nav_header.html_large .av-logo-container{height:150px;}
  391.     .html_top_nav_header #header_main{border:none;}
  392.    
  393.    
  394.     /*burger menu*/
  395.    
  396.     .av-hamburger {
  397.     padding: 0 0 0 0;
  398.     display: inline-block;
  399.     cursor: pointer;
  400.     font: inherit;
  401.     color: inherit;
  402.     text-transform: none;
  403.     background-color: transparent;
  404.     border: 0;
  405.     margin: 0;
  406.     overflow: visible;
  407.     }
  408.    
  409.    
  410.     .av-hamburger-box {
  411.     width: 35px;
  412.     height: 24px;
  413.     display: inline-block;
  414.     position: relative;
  415.     }
  416.    
  417.     .av-hamburger-inner {
  418.     display: block;
  419.     top: 50%;
  420.     margin-top: -2px;
  421.     }
  422.    
  423.     .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
  424.     width: 40px;
  425.     height: 3px;
  426.     background-color: #000;
  427.     border-radius: 3px;
  428.     position: absolute;
  429.     transition: transform 0.15s ease;
  430.     }
  431.     .av-hamburger-inner::before, .av-hamburger-inner::after {
  432.     content: "";
  433.     display: block;
  434.     }
  435.    
  436.     .av-hamburger-inner::before {
  437.     top: -10px;
  438.     }
  439.    
  440.     .av-hamburger-inner::after {
  441.     bottom: -10px;
  442.     }
  443.    
  444.     /*
  445.      * Spin
  446.      */
  447.     .av-hamburger--spin .av-hamburger-inner {
  448.     transition-duration: 0.3s;
  449.     transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  450.     }
  451.    
  452.     .av-hamburger--spin .av-hamburger-inner::before {
  453.     transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease;
  454.     }
  455.    
  456.     .av-hamburger--spin .av-hamburger-inner::after {
  457.     transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) , background-color 0.15s ease;
  458.     }
  459.    
  460.     .av-hamburger--spin.is-active .av-hamburger-inner {
  461.     transform: rotate(225deg);
  462.     transition-delay: 0.14s;
  463.     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  464.     }
  465.    
  466.     .av-hamburger--spin.is-active .av-hamburger-inner::before {
  467.     top: 0;
  468.     opacity: 0;
  469.     transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease;
  470.     }
  471.    
  472.     .av-hamburger--spin.is-active .av-hamburger-inner::after {
  473.     bottom: 0;
  474.     transform: rotate(-90deg);
  475.     transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;
  476.     }
  477.    
  478.    
  479.     /*own additions*/
  480.     .av-burger-menu-main{ display:none;
  481.         -webkit-transition: padding 0.3s ease-out;
  482.         transition:         padding 0.3s ease-out;}
  483.     .js_active.html_burger_menu #avia-menu > li{display:none;}
  484.     .js_active.html_burger_menu #avia-menu .av-burger-menu-main,
  485.     .html_burger_menu #top #avia-menu .menu-item-search-dropdown{ display:block; }
  486.    
  487.     .av-burger-menu-main{cursor: pointer;}
  488.     .av-burger-menu-main a{padding-left:10px;}
  489.     .av-hamburger strong{display:none;}
  490.     .av-hamburger-box {
  491.         height: 8px;
  492.     }
  493.    
  494.     .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
  495.         width:100%;
  496.    
  497.     }
  498.    
  499.     .html_burger_menu #top #wrap_all .menu-item-search-dropdown > a{font-size:24px;}
  500.     html.av-burger-overlay-active #top .menu-item-search-dropdown > a{color:#fff;}
  501.    
  502.     .html_burger_menu_active #header .avia-menu .menu-item{display: none;}
  503.     .html_burger_menu_active .menu-item-avia-special{ display:block; }
  504.     .html_burger_menu_active #top #wrap_all .menu-item-search-dropdown > a {font-size: 24px;}
  505.     .html_header_sidebar #top div .av-burger-menu-main{display:none;}
  506.     .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a{background: transparent; position: relative; z-index: 10; }
  507.    
  508.    
  509.    
  510.     /*
  511.     * Spin Reverse
  512.     */
  513.     .av-hamburger--spin-r .av-hamburger-inner {
  514.     transition-duration: 0.3s;
  515.     transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  516.     .av-hamburger--spin-r .av-hamburger-inner::before {
  517.     transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  518.     .av-hamburger--spin-r .av-hamburger-inner::after {
  519.     transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  520.     transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  521.     transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  522.    
  523.     .av-hamburger--spin-r.is-active .av-hamburger-inner {
  524.     -webkit-transform: rotate(-225deg);
  525.       transform: rotate(-225deg);
  526.     transition-delay: 0.14s;
  527.     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  528.     .av-hamburger--spin-r.is-active .av-hamburger-inner::before {
  529.     top: 0;
  530.     opacity: 0;
  531.     transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  532.     .av-hamburger--spin-r.is-active .av-hamburger-inner::after {
  533.     bottom: 0;
  534.     -webkit-transform: rotate(-90deg);
  535.         transform: rotate(-90deg);
  536.     transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  537.     transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  538.     transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
  539.    
  540.     .av-burger-overlay{
  541.     position: fixed;
  542.     width: 100%;
  543.     height: 100%;
  544.     top: 0;
  545.     left: 0;
  546.     right: 0;
  547.     z-index:100;
  548.     display: none;
  549.     overflow: hidden;
  550.     opacity: 0;
  551.     }
  552.    
  553.     .av-burger-overlay-inner, .av-burger-overlay-bg{
  554.     position: absolute;
  555.     top: 0;
  556.     left: 0;
  557.     height:100%;
  558.     width: 100%;
  559.     min-height: 700px;
  560.     display:table;
  561.     vertical-align: middle;
  562.     text-align: center;
  563.     z-index: 5;
  564.    
  565.     }
  566.    
  567.     .av-burger-overlay-bg{
  568.     z-index: 3;
  569.     opacity: 0.9;
  570.     background: #000;
  571.     display: block;
  572.     position: fixed;
  573.     }
  574.    
  575.     .av-burger-overlay-scroll{
  576.         overflow: auto;
  577.         position: absolute;
  578.         height: 100%;
  579.         width: 100%;
  580.         z-index: 10;
  581.         -webkit-overflow-scrolling: touch;
  582.     }
  583.    
  584.    
  585.     #av-burger-menu-ul li a{position: relative; display: block; -webkit-transition: none; transition: none; }
  586.     #av-burger-menu-ul li ul { background:transparent; }
  587.    
  588.     html.av-burger-overlay-active #header_meta,
  589.     html.av-burger-overlay-active #menu-item-shop.cart_dropdown,
  590.     html.av-burger-overlay-active .cart_dropdown,
  591.     html.av-burger-overlay-active #top .social_bookmarks{
  592.         z-index: 1;
  593.     }
  594.    
  595.     .av-burger-overlay-active #top .av-hamburger-inner,
  596.     .av-burger-overlay-active #top .av-hamburger-inner::before,
  597.     .av-burger-overlay-active #top .av-hamburger-inner::after{
  598.         background-color:#fff;
  599.     }
  600.    
  601.     .av-burger-overlay-active #top #header .av-main-nav > li > a{background: transparent;}
  602.    
  603.     .av-burger-overlay-active #scroll-top-link{z-index:150;}
  604.     #top #av-burger-menu-ul{display: table-cell; height: 100%; width:100%; vertical-align: middle; padding:125px 0;}
  605.    
  606.    
  607.     .html_av-overlay-full #av-burger-menu-ul li{display:block; height:auto; width:100%; padding:0.3em 0; font-size: 35px;}
  608.     .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li{line-height:1.6em;}
  609.     .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li{font-size: 0.6em; line-height:1.4em;}
  610.     .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li li{font-size: 0.8em; }
  611.     .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a{color:#fff; height:auto; line-height:inherit; font-size: inherit;}
  612.     .html_av-overlay-full #av-burger-menu-ul li a:hover,
  613.     .html_av-overlay-full #av-burger-menu-ul li a:active,
  614.     .html_av-overlay-full #av-burger-menu-ul li a:focus{
  615.         text-decoration: none; opacity: 0.7;}
  616.    
  617.     .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a,
  618.     .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a:hover{
  619.         color:#fff;
  620.     }
  621.    
  622.    
  623.     .html_header_top.html_logo_center.av-burger-overlay-active .menu-item-avia-special{
  624.         z-index: 150;
  625.     }
  626.    
  627.    
  628.     #top #wrap_all #av-burger-menu-ul > li{
  629.         opacity:0;
  630.         position: relative;
  631.         top:18px;
  632.         -webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out;
  633.         transition:         opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out;
  634.          -webkit-transform: translate3d(0,0,0); /*fixes disapearing in ios*/
  635.     }
  636.    
  637.     .avia_desktop.avia-safari #top #wrap_all #av-burger-menu-ul > li {
  638.         -webkit-transform: none;
  639.     }
  640.    
  641.     #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items{
  642.         opacity:1;
  643.         top:0;
  644.         left:0;
  645.     }
  646.    
  647.    
  648.     .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button > a .avia-menu-text{ padding: 0.5em 1.5em; }
  649.     .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button{ margin-top: 0.4em;}
  650.     .html_av-overlay-full #av-burger-menu-ul li ul li a { font-size: 1.3em; }
  651.    
  652.    
  653.     #av-burger-menu-ul li a .avia-menu-subtext{
  654.         display: block;
  655.         font-size: 0.6em;
  656.         line-height: 1.2em;
  657.         margin: -10px 0 13px 0;
  658.         opacity: 0.7;
  659.         text-transform: none;
  660.     }
  661.    
  662.     .html_av-overlay-side  #av-burger-menu-ul li a .avia-menu-subtext{
  663.         font-size:1em;
  664.         margin:0;
  665.         opacity: 0.9;
  666.     }
  667.    
  668.     #av-burger-menu-ul .avia-menu-fx{display:none;}
  669.    
  670.     /*small*/
  671.     #top .av-small-burger-icon{ -ms-transform: scale(0.6); transform: scale(0.6); transform-origin: right; }
  672.     #top #wrap_all #header .av-small-burger-icon a{padding:0;}
  673.    
  674.    
  675.    
  676.     /*side opening menu*/
  677.     .html_av-overlay-side .av-burger-overlay-bg{opacity: 0.3; cursor: pointer;}
  678.     .html_av-overlay-side #top .av-burger-overlay li {margin:0;}
  679.     .html_av-overlay-side #top #wrap_all .av-burger-overlay li a{ line-height: 1.3em; height:auto; padding:15px 50px; display: block; text-align: left; text-decoration: none;}
  680.     .html_av-overlay-side #top .av-burger-overlay li a:hover{ text-decoration: none; }
  681.     .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{top:0; left:18px;}
  682.    
  683.     .html_av-overlay-side #top #wrap_all .av-burger-overlay li li a{padding-left:70px;}
  684.     .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a{padding-left:90px;}
  685.     .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li a{padding-left:110px;}
  686.     .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li li a{padding-left:130px;}
  687.    
  688.     .html_av-overlay-side .av-burger-overlay-scroll{width:350px; right:0; max-width:100%;
  689.         -webkit-transform: translateX(350px); transform: translateX(350px);
  690.         -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  691.         transition:         all 0.5s cubic-bezier(0.75, 0, 0.25, 1);
  692.     }
  693.    
  694.     .html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll{-webkit-transform: translateX(0); transform: translateX(0);}
  695.     .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{ opacity:1; top:0; left:0;}
  696.    
  697.    
  698.     /*side opening menu classic*/
  699.     .html_av-overlay-side-classic #top .av-burger-overlay{ font-size: 1em; }
  700.     .html_av-overlay-side-classic #av-burger-menu-ul{vertical-align: top;}
  701.     .html_av-overlay-side-classic #top .av-burger-overlay li a{ border-bottom-style: solid; border-bottom-width: 1px; }
  702.     .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet{
  703.         height: 1px;
  704.         display: block;
  705.         position: absolute;
  706.         margin-top: 0;
  707.         opacity: 0.3;
  708.         border: none!important;
  709.         width: 7px;
  710.         left: 50px;
  711.         top: 50%;}
  712.    
  713.     .html_av-overlay-side-classic #top .av-burger-overlay li li li .avia-bullet{ left: 70px; }
  714.     .html_av-overlay-side-classic #top .av-burger-overlay li li li li .avia-bullet{ left: 90px; }
  715.     .html_av-overlay-side-classic #top .av-burger-overlay li li li li li .avia-bullet{ left: 110px; }
  716.     .html_av-overlay-side-classic #top .av-burger-overlay li li li li li li .avia-bullet{ left: 130px; }
  717.    
  718.    
  719.    
  720.     /*side opening menu minimal*/
  721.     .html_av-overlay-side-minimal .av-burger-overlay-bg{opacity: 0.1;}
  722.     .html_av-overlay-side-minimal #top .av-burger-overlay{ font-size: 1.1em; }
  723.     .html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu{ font-size: 0.9em; }
  724.    
  725.    
  726.    
  727.    
  728.     /*hidden submenu items*/
  729.     /*#top #av-burger-menu-ul .av-show-submenu > ul{display: block;}*/
  730.     .html_av-submenu-hidden #av-burger-menu-ul li ul{display:none;}
  731.     .html_av-submenu-hidden .av-submenu-indicator{ display: inline-block; padding:0 10px; font-size: 11px; opacity: 0.5; vertical-align: top; float: right;     -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;right: 30px; top: 50%; margin-top: -9px; height: 20px; line-height: 20px;}
  732.     .html_av-submenu-hidden .av-submenu-indicator:before{ content:"\E87d"; font-family: 'entypo-fontello';}
  733.     .html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
  734.    
  735.    
  736.    
  737.    
  738.    
  739.     /*logo*/
  740.     div .logo{
  741.         float: left;
  742.         position: absolute;
  743.         left: 0;
  744.         z-index: 1;
  745.     }
  746.    
  747.     .logo, .logo a{
  748.         overflow: hidden;
  749.         position: relative;
  750.         display: block;
  751.         height: 100%;
  752.     }
  753.    
  754.     .logo img,
  755.     .logo svg{
  756.         padding: 0;
  757.         display: block;
  758.         width: auto;
  759.         height: auto;
  760.         max-height: 100%;
  761.         image-rendering: auto;
  762.         position: relative;
  763.         z-index: 2;
  764.         height : 100%\9; /*hack: fixes ie8 logo*/
  765.         height: auto\9; /*hack: fixes ie8 squished logo*/
  766.         -webkit-transition: opacity 0.4s ease-in-out;
  767.         transition:         opacity 0.4s ease-in-out;
  768.     }
  769.    
  770.     .logo svg,
  771.     .logo.avia-img-svg-logo > a > img,
  772.     .logo .alternate.avia-img-svg-logo{
  773.         height: 100%;
  774.     }
  775.    
  776.     .logo img.alternate,
  777.     .logo .subtext.avia-svg-logo-sub svg{
  778.         position: absolute;
  779.         z-index: 1;
  780.         top:0;
  781.         left:0;
  782.         opacity: 0;
  783.     }
  784.    
  785.     .av_header_transparency .logo img.alternate,
  786.     .av_header_transparency .logo .subtext.avia-svg-logo-sub svg{
  787.         opacity: 1;
  788.     }
  789.    
  790.     /*menu*/
  791.     .main_menu{ clear:none; position: absolute; z-index: 100; line-height:30px; height:100%; margin:0; right:0; }
  792.     .main_menu .pointer_arrow_wrap{display:none;}
  793.    
  794.     .av-main-nav-wrap{float:left; position: relative; z-index: 3;}
  795.     .av-main-nav-wrap ul{ margin:0; padding: 0; }
  796.    
  797.    
  798.     .av-main-nav{z-index: 110; position: relative;}
  799.     .av-main-nav ul { display: none; margin-left:0; left:0; position: absolute; top: 100%; width: 208px; z-index: 2; padding:0; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); margin-top:-1px; }
  800.     .av-main-nav ul li { margin:0; padding:0; width:100%; }
  801.     .av-main-nav ul li a { border-right-style: solid; border-right-width:1px; border-left-style: solid; border-left-width:1px; }
  802.     .av-main-nav ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 1px; }
  803.     .av-main-nav li{ float:left; position:relative; z-index:20; }
  804.     .av-main-nav li:hover{ z-index: 100 }
  805.     .av-main-nav > li > ul { border-top-width:2px; border-top-style: solid; }
  806.     .av-main-nav > li { line-height: 30px; }
  807.     .av-main-nav li a { max-width:none; /* fixes IE8 menu width issue*/ }
  808.     .av-main-nav > li > a {
  809.     display:block;
  810.     text-decoration: none;
  811.     padding:0 13px;
  812.     font-weight: normal;
  813.     font-size:12px;
  814.     font-weight: 600;
  815.     font-size: 13px;
  816.     -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  817.     transition:         background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  818.     }
  819.    
  820.     .av-main-nav > li > a , div #menu-item-shop.cart_dropdown{
  821.     -webkit-transition: none;
  822.     transition: none;
  823.     -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  824.     transition:         background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  825.     }
  826.    
  827.     .av_header_transparency .av-main-nav > li > a , .av_header_transparency #menu-item-shop.cart_dropdown{
  828.     -webkit-transition: border-color 0.2s ease-in-out;
  829.             transition: border-color 0.2s ease-in-out;
  830.     }
  831.    
  832.    
  833.     #top .av-main-nav ul a{
  834.     width:100%;
  835.     height:auto;
  836.     float:left;
  837.     text-align:left;
  838.     line-height:23px;
  839.     padding:8px 15px;
  840.     font-size: 12px;
  841.     min-height: 23px;
  842.     max-width: none;
  843.     text-decoration: none;
  844.     font-family: inherit;
  845.     }
  846.    
  847.     #top .av-main-nav ul ul {
  848.     left:-207px;
  849.     top:0px;
  850.     margin:0;
  851.     border-top-style: solid;
  852.     border-top-width: 1px;
  853.     padding-top: 0px
  854.     }
  855.    
  856.     .av-main-nav li:hover ul ul{ display:none; }
  857.     #top .av-main-nav li:hover > ul { display:block; }
  858.    
  859.    
  860.     .avia-menu-fx{position: absolute; bottom:-1px; height:2px; z-index: 10; width:100%; left:0; opacity: 0; visibility: hidden; }
  861.     .av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx{opacity: 1; visibility: visible;}
  862.    
  863.     .avia-menu-fx .avia-arrow-wrap{
  864.     height:10px;
  865.     width:10px;
  866.     position: absolute;
  867.     top:-10px;
  868.     left:50%;
  869.     margin-left:-5px;
  870.     overflow: hidden;
  871.     display:none;
  872.     visibility: hidden;
  873.     }
  874.    
  875.     .current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap{display:block;}
  876.     .avia-menu-fx .avia-arrow-wrap .avia-arrow{ top: 10px; }
  877.    
  878.    
  879.     .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a{ padding-right:0; }
  880.     .html_bottom_nav_header.html_logo_center #top .av_seperator_big_border #menu-item-search>a{ padding-right:13px; border-right-style: solid; border-right-width: 1px; }
  881.     .html_bottom_nav_header .av-logo-container .main_menu{display:none;}
  882.    
  883.     /*mega menu styles*/
  884.     .main_menu .avia-bullet{display:none}
  885.     #top #header .menu-item-mega-parent.current-menu-item{overflow: visible!important;}
  886.    
  887.     #top #header .mega_menu_title a{
  888.     color:inherit;
  889.     font-size: 17px;
  890.     line-height: 1.1em;
  891.     padding:0;
  892.     margin:0;
  893.     background: transparent;
  894.     border:none;
  895.     }
  896.    
  897.     #top #header .mega_menu_title a:hover{
  898.     text-decoration: underline;
  899.     }
  900.    
  901.    
  902.     #header .avia_mega_div{ /* use similar styles to .main_menu .menu ul */
  903.     display: none;
  904.     margin: -1px 0 0 0;
  905.     right: 0;
  906.     position: absolute;
  907.     top: 100%;
  908.     z-index: 2;
  909.     box-shadow: 0 32px 60px rgba(0, 0, 0, 0.1);
  910.     overflow: hidden;
  911.     padding:1px 0 0;
  912.     text-align: left;
  913.     }
  914.    
  915.     #header.av_minimal_header .avia_mega_div{ margin:0; border-top-style:solid; border-top-width:1px; }
  916.     #header.av_minimal_header .avia_mega_div .units{border-right:none; }
  917.    
  918.     #header .avia_mega_div .units{
  919.     padding:0 14px 0 15px;
  920.     margin:0;
  921.     border-right-style:dotted;
  922.     border-right-width:1px;
  923.     }
  924.    
  925.     #header li:hover .avia_mega_div{
  926.     display:block;
  927.     }
  928.    
  929.     #top #header .avia_mega_div ul, #top #header .avia_mega_div li{ /*reset list styles for mega menus*/
  930.     position: relative;
  931.     display:block;
  932.     top:auto;
  933.     left:auto;
  934.     height:auto;
  935.     }
  936.    
  937.    
  938.     #top #header .avia_mega_div .sub-menu{
  939.     overflow: hidden;
  940.     width:100%;
  941.     box-shadow:         none;
  942.     border-style:none;
  943.     border-width:0px;
  944.     position: relative;
  945.     top:0;
  946.     display:block;
  947.     left:0;
  948.     clear: both;
  949.     }
  950.    
  951.     /*wrapper around all columns*/
  952.     #top #header .avia_mega_div > .sub-menu{
  953.     display: table;
  954.     padding:20px 30px 30px;
  955.     border-top-style:solid;
  956.     border-top-width:2px;
  957.     }
  958.    
  959.    
  960.     #top #header .avia_mega_div > .sub-menu.avia_mega_hr {
  961.     padding-top: 30px;
  962.    
  963.     }
  964.    
  965.     /*columns*/
  966.     #top #header .avia_mega_div > .sub-menu > li{
  967.     display: table-cell;
  968.     float:none;
  969.     padding-top:10px;
  970.     padding-bottom:0;
  971.     vertical-align: top;
  972.     }
  973.    
  974.     #top #header .avia_mega_div > .sub-menu.avia_mega_hr{
  975.     border-top-width:1px;
  976.     border-top-style:dashed;
  977.     }
  978.    
  979.    
  980.     /*columns inner*/
  981.     #top #header .avia_mega_div > .sub-menu > li > ul{
  982.     padding:0;
  983.     }
  984.    
  985.    
  986.     /*column lists*/
  987.     #top #header .avia_mega_div > .sub-menu > li > ul li{
  988.     display: block;
  989.     float: none;
  990.     padding: 0;
  991.     margin:0;
  992.     list-style-type: circle;
  993.     list-style-position: inside;
  994.     }
  995.    
  996.     /*nested column lists*/
  997.     #top #header .avia_mega_div > .sub-menu > li > ul ul li{
  998.     margin-left:15px;
  999.     }
  1000.    
  1001.     /*column lists links*/
  1002.     #top #header .avia_mega_div > .sub-menu > li > ul > li  a{
  1003.     width:auto;
  1004.     float:none;
  1005.     display: block;
  1006.     border:none;
  1007.     padding:3px 12px 3px 12px;
  1008.     font-weight: normal;
  1009.     height: auto;
  1010.     line-height: 23px;
  1011.     }
  1012.    
  1013.     #header .avia_mega_div .avia_mega_menu_columns_first{
  1014.     padding-left:0;
  1015.     }
  1016.    
  1017.     #header .avia_mega_div .avia_mega_menu_columns_last{
  1018.     padding-right:0;
  1019.     border-right-style:none;
  1020.     border-right-width:0;
  1021.     }
  1022.    
  1023.     .avia-bullet {
  1024.     display: block;
  1025.     position: absolute;
  1026.     height: 0;
  1027.     width: 0;
  1028.     top: 51%;
  1029.     margin-top: -3px;
  1030.     left: -3px;
  1031.     border-top: 3px solid transparent !important;
  1032.     border-bottom: 3px solid transparent !important;
  1033.     border-left: 3px solid green;
  1034.     }
  1035.    
  1036.     .avia_mega_div .avia-bullet {
  1037.     margin-top: 12px;
  1038.     left: 3px;
  1039.     display: block;
  1040.     top: 0;
  1041.     }
  1042.    
  1043.     /*mega text blocks*/
  1044.     #header .mega_menu_title{
  1045.     margin-bottom:8px;
  1046.     font-size: 17px;
  1047.     line-height: 1.1em;
  1048.     font-weight: 600;
  1049.     display: block;
  1050.     }
  1051.    
  1052.     #header .avia_mega_text_block{
  1053.     line-height: 21px;
  1054.     }
  1055.    
  1056.     #top #header .avia_mega_div .sub-menu .avia_mega_text_block a{
  1057.     padding:0;
  1058.     display: inline;
  1059.     border:none;
  1060.     text-decoration: underline;
  1061.     }
  1062.    
  1063.    
  1064.     /*menu button style*/
  1065.     #top #wrap_all #header .av-menu-button > a{background: transparent;}
  1066.     #top #wrap_all .av_header_border_disabled .av-menu-button > a{border:none; }
  1067.     .av-menu-button + .av-menu-button{margin-left: -10px;}
  1068.     .av-menu-button + .av-menu-button > a{padding-left:0px;}
  1069.     #top .av-menu-button > a .avia-menu-text{ padding: 9px;}
  1070.     #top .av-menu-button > a .avia-menu-text{border: 2px solid;  border-radius: 2px;}
  1071.     .av-menu-button > a .avia-menu-fx{display:none}
  1072.     .av-menu-button-colored  > a .avia-menu-text{ padding: 11px 10px 10px 10px; }
  1073.    
  1074.     /* was introduced to have same height colored and ghost main menu buttons but does not work in certain situations: eg when border radius for all buttons is set to 100
  1075.     #top .av-menu-button-colored  > a .avia-menu-text{border: 2px solid;  border-radius: 2px;position: relative;}
  1076.     #top .av-menu-button-colored  > a .avia-menu-text:after{content: "";width: calc(100% + 4px);height: 1px;position: absolute;bottom:-2px;left: -2px;}
  1077.     */
  1078.    
  1079.     .av-menu-button-colored  > a:hover .avia-menu-text{opacity: 0.9;}
  1080.     #top #header .av-menu-button > a .avia-menu-subtext{display:none;}
  1081.     #top #header .av-menu-button > a .avia-menu-text{text-align: center; white-space: nowrap;}
  1082.    
  1083.    
  1084.     /*ajax search*/
  1085.    
  1086.     #top #menu-item-search{
  1087.     z-index: 100;
  1088.     }
  1089.    
  1090.     #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .av_ajax_search_image, .iconfont{
  1091.     font-size: 17px;
  1092.     }
  1093.    
  1094.     #top #menu-item-search.menu-item-search-dropdown>a{
  1095.     border-left:none;
  1096.    
  1097.     }
  1098.    
  1099.     #top #menu-item-search:hover>a{
  1100.     background: transparent;
  1101.     color: inherit;
  1102.     }
  1103.    
  1104.     .avia-search-tooltip{
  1105.     position: absolute;
  1106.     z-index: 9999999;
  1107.     padding:0;
  1108.     width: 300px;
  1109.     top: 85% !important;
  1110.     margin-left: -120px;
  1111.     border-radius: 2px;
  1112.     box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
  1113.     border-width:1px;
  1114.     border-style: solid;
  1115.     }
  1116.    
  1117.    
  1118.     .avia-search-tooltip .avia-arrow-wrap{
  1119.     width:20px;
  1120.     height:20px;
  1121.     position: absolute;
  1122.     top:-20px;
  1123.     right:10px;
  1124.     margin-left:-10px;
  1125.     overflow: hidden;
  1126.     }
  1127.    
  1128.     .avia-arrow{
  1129.     height:10px;
  1130.     width:10px;
  1131.     position: absolute;
  1132.     top:-6px;
  1133.     left:50%;
  1134.     margin-left:-5px;
  1135.     -webkit-transform: rotate(45deg);
  1136.     transform: rotate(45deg);
  1137.     border-width:1px;
  1138.     border-style: solid;
  1139.     visibility: hidden\9;
  1140.     }
  1141.    
  1142.    
  1143.     .avia-search-tooltip .avia-arrow{
  1144.     top: 15px;
  1145.     }
  1146.    
  1147.     #top #searchform {margin:0; padding:0;}
  1148.     #top #searchform>div{position: relative;  max-width: 300px;}
  1149.     #top .widget #searchform>div{margin:0; max-width: 100%;}
  1150.     #top #searchform br{display:none;}
  1151.     #top #s{width:100%; position: relative; padding:11px 47px 11px 5px;  z-index: 1; margin:0; box-shadow: none;}
  1152.     #top #searchsubmit, .ajax_load{
  1153.     width: 40px;
  1154.     height: 100%;
  1155.     line-height: 40px;
  1156.     padding: 0;
  1157.     position: absolute; right: 0; top : 0;
  1158.     z-index: 2;
  1159.     margin:0;
  1160.     border-radius: 0;
  1161.     min-width: 40px;
  1162.     }
  1163.    
  1164.    
  1165.     .avia_mobile #top #searchsubmit, .avia_mobile .ajax_load{
  1166.     height: 41px;
  1167.     }
  1168.    
  1169.    
  1170.     .avia-search-tooltip #searchform>div{ margin:16px; }
  1171.    
  1172.     .ajax_load{
  1173.     z-index: 5;
  1174.     }
  1175.    
  1176.     .ajax_load_inner{
  1177.     background: url("../images/layout/loading.gif") no-repeat scroll center center #fff;
  1178.     opacity: 0.5;
  1179.     position: absolute;
  1180.     top:0;
  1181.     left:0;
  1182.     right:0;
  1183.     bottom:0;
  1184.     }
  1185.    
  1186.    
  1187.     #top #searchform .ajax_search_response{
  1188.     line-height: 1.4em;
  1189.     font-size: 12px;
  1190.     margin:0;
  1191.     }
  1192.    
  1193.    
  1194.    
  1195.     .ajax_search_response h4{
  1196.     padding:20px 16px 2px 16px;
  1197.     font-size: 14px;
  1198.     margin:0;
  1199.     }
  1200.    
  1201.     .ajax_search_response h4:first-child{
  1202.     padding-top:0px;
  1203.     border:none;
  1204.     }
  1205.    
  1206.     #top div .av_ajax_search_entry{
  1207.         display:block;
  1208.         text-decoration: none;
  1209.         line-height: 1.4em;
  1210.         font-size: 12px;
  1211.         height:auto;
  1212.         padding:10px 16px;
  1213.         border-bottom-style: dashed;
  1214.         border-bottom-width: 1px;
  1215.         clear:both;
  1216.         overflow: hidden;
  1217.         position: relative;
  1218.     }
  1219.    
  1220.     #top div .av_ajax_search_entry:hover{
  1221.         background-color: rgba(0,0,0,0.04);
  1222.     }
  1223.    
  1224.     #top div .av_ajax_search_entry.with_image .av_ajax_search_image{
  1225.     background: transparent;
  1226.     }
  1227.    
  1228.    
  1229.     .av_ajax_search_content{
  1230.     overflow: hidden;
  1231.     display: block;
  1232.     }
  1233.    
  1234.     .av_ajax_search_title{
  1235.     display:block;
  1236.     font-weight: bold;
  1237.     text-transform: uppercase;
  1238.     }
  1239.    
  1240.     .ajax_not_found .av_ajax_search_title{
  1241.     text-transform: none;
  1242.     }
  1243.    
  1244.    
  1245.    
  1246.    
  1247.     .av_ajax_search_image{
  1248.     height:32px;
  1249.     line-height:32px;
  1250.     text-align: center;
  1251.     width:32px;
  1252.     float:left;
  1253.     margin-right:8px;
  1254.     border-radius: 40px;
  1255.     overflow: hidden;
  1256.     font-size: 15px;
  1257.     }
  1258.    
  1259.     .av_ajax_search_image img{
  1260.     display:block; border:none; max-width: 100%;
  1261.     min-height:32px;
  1262.     min-width:32px;
  1263.     }
  1264.    
  1265.     .ajax_search_excerpt {
  1266.     font-size: 12px;
  1267.     line-height: 1.4em;
  1268.     display: block;
  1269.     margin-top: 3px;
  1270.     font-style: italic;
  1271.     }
  1272.    
  1273.     #top div .av_ajax_search_entry_view_all{
  1274.     text-align: center;
  1275.     font-weight: bold;
  1276.     border:none;
  1277.     }
  1278.    
  1279.     #top div .ajax_not_found, #top div .av_ajax_search_entry.ajax_not_found:hover{border:none; background: transparent;}
  1280.    
  1281.     /*title container*/
  1282.    
  1283.     /*avia title big*/
  1284.     .title_container{
  1285.     position: relative;
  1286.     }
  1287.    
  1288.     #top .title_container .container{
  1289.     padding-top:10px;
  1290.     padding-bottom:10px;
  1291.     min-height: 56px;
  1292.     }
  1293.    
  1294.     .title_container .main-title {
  1295.     margin: 0;
  1296.     font-size: 16px;
  1297.     position: relative;
  1298.     z-index: 2;
  1299.     min-height: 36px;
  1300.     line-height: 2.3em;
  1301.     top: 0;
  1302.     font-weight: 400;
  1303.     }
  1304.    
  1305.     .title_container .main-title a{text-decoration: none;}
  1306.    
  1307.     .title_meta, #top .portfolio-entry .title_meta{
  1308.     display: block;
  1309.     clear: both;
  1310.     position: relative;
  1311.     z-index: 1;
  1312.     margin-top:-1em;
  1313.     padding:0;
  1314.     }
  1315.    
  1316.     .title_meta p{
  1317.     margin: 1.3em 0 0 0;
  1318.     }
  1319.    
  1320.    
  1321.     .title_container .breadcrumb {
  1322.     z-index: 10;
  1323.     line-height: 15px;
  1324.     font-size: 11px;
  1325.     position: absolute;
  1326.     right: 50px;
  1327.     top:50%;
  1328.     margin-top: -7px;
  1329.     }
  1330.    
  1331.     .breadcrumb a{text-decoration: none;}
  1332.     .breadcrumb a:hover{text-decoration: underline;}
  1333.    
  1334.     .breadcrumb-trail .trail-before, .breadcrumb-trail .trail-end, .breadcrumb-trail .sep, .breadcrumb-trail a, .breadcrumb-trail .bbp-breadcrumb-current{
  1335.         display: block;
  1336.         float: left;
  1337.         padding:0px 3px;
  1338.     }
  1339.    
  1340.     .breadcrumb-trail span, .bbp-breadcrumb-current a{display: inline; padding:0; float:none;}
  1341.    
  1342.     .breadcrumb .sep{
  1343.         display: block;
  1344.         overflow: hidden;
  1345.         width:8px;
  1346.     }
  1347.    
  1348.    
  1349.     /*blank pages*/
  1350.    
  1351.     #top.avia-blank #wrap_all #main{ padding-top: 0 !important; margin:0;}
  1352.     #top.avia-blank #wrap_all #main .container { padding-top: 0 !important;}
  1353.    
  1354.     #top.avia-blank{
  1355.     height: 100%;
  1356.     position: absolute;
  1357.     width: 100% !important;
  1358.     margin: 0;
  1359.     display: table;
  1360.     vertical-align: middle;
  1361.     float: none;
  1362.     top:0;
  1363.     left:0;
  1364.     table-layout: fixed;
  1365.     }
  1366.    
  1367.     #top.boxed.avia-blank{
  1368.     max-width:100% !important;
  1369.     }
  1370.    
  1371.     #top.boxed.avia-blank .container{
  1372.     margin: 0 auto;
  1373.     }
  1374.    
  1375.     #top.avia-blank #wrap_all{
  1376.     display: table-cell;
  1377.     float: none;
  1378.     vertical-align: middle;
  1379.     }
  1380.    
  1381.     #top.avia-blank #wrap_all #main{
  1382.     padding:0;
  1383.     }
  1384.    
  1385.     #top.avia-blank #main .container_wrap:last-child{
  1386.     border-bottom-style: solid;
  1387.     border-bottom-width: 1px;
  1388.     }
  1389.    
  1390.     #top.avia-blank #main .container_wrap:first-child{
  1391.     border-top-style: solid;
  1392.     border-top-width: 1px;
  1393.     }
  1394.    
  1395.     /*--------------------framed layout---------------*/
  1396.     .av-frame{
  1397.         position: fixed;
  1398.         z-index: 600;
  1399.     }
  1400.    
  1401.     .html_av-framed-box .av-frame.av-frame-vert{
  1402.         left:0;
  1403.         width:100%;
  1404.         top:0;
  1405.     }
  1406.    
  1407.     .html_av-framed-box .av-frame.av-frame-hor{
  1408.         top:0;
  1409.         height:100%;
  1410.         left:0;
  1411.     }
  1412.    
  1413.     .html_av-framed-box .av-frame.av-frame-bottom{
  1414.         top:auto;
  1415.         bottom:0;
  1416.     }
  1417.    
  1418.     .html_av-framed-box .av-frame.av-frame-right{
  1419.         left:auto;
  1420.         right:0;
  1421.     }
  1422.    
  1423.     .html_av-framed-box.html_av_admin_bar_active .av-frame.av-frame-top{
  1424.         margin-top:32px;
  1425.     }
  1426.    
  1427.     .html_header_top.html_header_sticky.html_av-framed-box #header{
  1428.         left:0;
  1429.     }
  1430.    
  1431.     .html_header_top.html_header_sticky.html_av-framed-box #header_main,
  1432.     .html_header_top.html_header_sticky.html_av-framed-box #header_meta
  1433.     {
  1434.         margin:0 50px;
  1435.     }
  1436.    
  1437.    
  1438.    
  1439.    
  1440.     /*--------------------alternate header styles---------------*/
  1441.    
  1442.    
  1443.    
  1444.     /*social bookmarks*/
  1445.    
  1446.     #top .social_bookmarks {
  1447.     height: 30px;
  1448.     z-index: 150;
  1449.     -webkit-backface-visibility: hidden;
  1450.     margin: 0 0 0 -9px;
  1451.     }
  1452.    
  1453.     #top .social_bookmarks li{
  1454.     height:100%;
  1455.     float:left;
  1456.     padding:0;
  1457.     -webkit-transition: all 0.2s ease-in-out;
  1458.     transition:         all 0.2s ease-in-out;
  1459.     border-right-style: solid;
  1460.     border-right-width: 1px;
  1461.     display: block;
  1462.     width:30px;
  1463.     }
  1464.    
  1465.     #top #header .social_bookmarks li:last-child{border-right-style:none; border-right-width:0;}
  1466.    
  1467.     #top .social_bookmarks li a{
  1468.     float:left;
  1469.     width:30px;
  1470.     line-height:30px;
  1471.     display: block;
  1472.     margin:0px;
  1473.     outline: none;
  1474.     padding:0;
  1475.     min-height:30px;
  1476.     height:100%;
  1477.     overflow: visible;
  1478.     z-index: 2;
  1479.     position: relative;
  1480.     text-align: center;
  1481.     }
  1482.    
  1483.     #top #wrap_all .social_bookmarks,
  1484.     #top #wrap_all .social_bookmarks a,
  1485.     #top #wrap_all .social_bookmarks li{
  1486.         background: transparent;
  1487.     }
  1488.    
  1489.     #top #wrap_all .social_bookmarks li a:hover{
  1490.         text-decoration: none;
  1491.     }
  1492.    
  1493.     #top #wrap_all .av-social-link-rss:hover a,
  1494.     #top #wrap_all .av-social-link-rss a:focus{
  1495.         color: #fff;
  1496.         background-color: #ffa133;
  1497.     }
  1498.    
  1499.     #top #wrap_all .av-social-link-facebook:hover a,
  1500.     #top #wrap_all .av-social-link-facebook a:focus{
  1501.         color: #fff;
  1502.         background-color: #37589b;
  1503.     }
  1504.    
  1505.     #top #wrap_all .av-social-link-twitter:hover a,
  1506.     #top #wrap_all .av-social-link-twitter a:focus{
  1507.         color: #fff;
  1508.         background-color: #46d4fe;
  1509.     }
  1510.    
  1511.     #top #wrap_all .av-social-link-whatsapp:hover a,
  1512.     #top #wrap_all .av-social-link-whatsapp a:focus{
  1513.         color: #fff;
  1514.         background-color: #00e676;
  1515.     }
  1516.    
  1517.     #top #wrap_all .av-social-link-mail:hover a,
  1518.     #top #wrap_all .av-social-link-mail a:focus{
  1519.         color: #fff;
  1520.         background-color: #9fae37;
  1521.     }
  1522.    
  1523.     #top #wrap_all .av-social-link-dribbble:hover a,
  1524.     #top #wrap_all .av-social-link-dribbble a:focus{
  1525.         color: #fff;
  1526.         background-color: #e44885;
  1527.     }
  1528.    
  1529.     #top #wrap_all .av-social-link-linkedin:hover a,
  1530.     #top #wrap_all .av-social-link-linkedin a:focus{
  1531.         color: #fff;
  1532.         background-color: #419cca;
  1533.     }
  1534.    
  1535.     #top #wrap_all .av-social-link-search:hover a,
  1536.     #top #wrap_all .av-social-link-search a:focus{
  1537.         color: #fff;
  1538.         background-color: #222222;
  1539.     }
  1540.    
  1541.     #top #wrap_all .av-social-link-gplus:hover a,
  1542.     #top #wrap_all .av-social-link-gplus a:focus{
  1543.         color: #fff;
  1544.         background-color: #de5a49;
  1545.     }
  1546.    
  1547.     #top #wrap_all .av-social-link-behance:hover a,
  1548.     #top #wrap_all .av-social-link-behance a:focus{
  1549.         color: #fff;
  1550.         background-color: #008cfa;
  1551.     }
  1552.    
  1553.     #top #wrap_all .av-social-link-flickr:hover a,
  1554.     #top #wrap_all .av-social-link-flickr a:focus{
  1555.         color: #fff;
  1556.         background-color: #ff0086;
  1557.     }
  1558.    
  1559.     #top #wrap_all .av-social-link-forrst:hover a,
  1560.     #top #wrap_all .av-social-link-forrst a:focus{
  1561.         color: #fff;
  1562.         background-color: #234317;
  1563.     }
  1564.    
  1565.     #top #wrap_all .av-social-link-myspace:hover a,
  1566.     #top #wrap_all .av-social-link-myspace a:focus{
  1567.         color: #fff;
  1568.         background-color: #000000;
  1569.     }
  1570.    
  1571.     #top #wrap_all .av-social-link-tumblr:hover a,
  1572.     #top #wrap_all .av-social-link-tumblr a:focus{
  1573.         color: #fff;
  1574.         background-color: #345574;
  1575.     }
  1576.    
  1577.     #top #wrap_all .av-social-link-vimeo:hover a,
  1578.     #top #wrap_all .av-social-link-vimeo a:focus{
  1579.         color: #fff;
  1580.         background-color: #31baff;
  1581.     }
  1582.    
  1583.     #top #wrap_all .av-social-link-youtube:hover a,
  1584.     #top #wrap_all .av-social-link-youtube a:focus{
  1585.         color: #fff;
  1586.         background-color: #a72b1d;
  1587.     }
  1588.    
  1589.     #top #wrap_all .av-social-link-pinterest:hover a,
  1590.     #top #wrap_all .av-social-link-pinterest a:focus{
  1591.         color: #fff;
  1592.         background-color: #cb2027;
  1593.     }
  1594.    
  1595.     #top #wrap_all .av-social-link-skype:hover a,
  1596.     #top #wrap_all .av-social-link-skype a:focus{
  1597.         color: #fff;
  1598.         background-color: #12a5f4;
  1599.     }
  1600.    
  1601.     #top #wrap_all .av-social-link-instagram:hover a,
  1602.     #top #wrap_all .av-social-link-instagram a:focus{
  1603.         color: #fff;
  1604.         background-color: #a67658;
  1605.     }
  1606.    
  1607.     #top #wrap_all .av-social-link-five_100_px:hover a,
  1608.     #top #wrap_all .av-social-link-five_100_px a:focus{
  1609.         color: #fff;
  1610.         background-color: #222222;
  1611.     }
  1612.    
  1613.     #top #wrap_all .av-social-link-soundcloud:hover a,
  1614.     #top #wrap_all .av-social-link-soundcloud a:focus{
  1615.         color: #fff;
  1616.         background-color: #F76700;
  1617.     }
  1618.    
  1619.     #top #wrap_all .av-social-link-xing:hover a,
  1620.     #top #wrap_all .av-social-link-xing a:focus{
  1621.         color: #fff;
  1622.         background-color: #006567;
  1623.     }
  1624.    
  1625.     #top #wrap_all .av-social-link-vk:hover a,
  1626.     #top #wrap_all .av-social-link-vk a:focus{
  1627.         color: #fff;
  1628.         background-color: #597BA5;
  1629.     }
  1630.    
  1631.     #top #wrap_all .av-social-link-reddit:hover a,
  1632.     #top #wrap_all .av-social-link-reddit a:focus{
  1633.         color: #fff;
  1634.         background-color: #FF4500;
  1635.     }
  1636.    
  1637.     #top #wrap_all .av-social-link-yelp:hover a,
  1638.     #top #wrap_all .av-social-link-yelp a:focus{
  1639.         color: #fff;
  1640.         background-color: #d32323;
  1641.     }
  1642.    
  1643.     #top .av-section-bottom-logo .social_bookmarks,
  1644.     .html_bottom_nav_header #top .av-logo-container .social_bookmarks{
  1645.         position: absolute;
  1646.         top: 50%;
  1647.         margin-top: -15px;
  1648.         right: 0;
  1649.     }
  1650.     .html_bottom_nav_header .main_menu .social_bookmarks{display:none}
  1651.    
  1652.    
  1653.     .html_cart_at_menu #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header.html_cart_at_menu  #top .av-logo-container .social_bookmarks{
  1654.     left:0;
  1655.     right: auto;
  1656.     }
  1657.    
  1658.    
  1659.    
  1660.     #top .av-logo-container .social_bookmarks li{
  1661.     border:none;
  1662.     }
  1663.    
  1664.     #top .av-logo-container .social_bookmarks li a{border-radius: 100px;}
  1665.    
  1666.    
  1667.    
  1668.    
  1669.    
  1670.     /*first level*/
  1671.     .sub_menu{
  1672.     float:left;
  1673.     z-index: 2;
  1674.     font-size: 11px;
  1675.     line-height: 30px;
  1676.     position: relative;
  1677.     top:10px;
  1678.     }
  1679.    
  1680.     #top .sub_menu>ul{
  1681.     float:left;
  1682.     margin:0;
  1683.     }
  1684.    
  1685.     #top .sub_menu>ul, #top .sub_menu>ul>li{background: transparent;}
  1686.    
  1687.     .sub_menu li{
  1688.     float:left;
  1689.     position: relative;
  1690.     padding:0 10px;
  1691.     border-right-style: solid;
  1692.     border-right-width: 1px;
  1693.     line-height: 10px;
  1694.     }
  1695.    
  1696.    
  1697.    
  1698.    
  1699.     .sub_menu>ul>li>a, .sub_menu>div>ul>li>a{
  1700.     text-decoration: none;
  1701.     font-weight: bold;
  1702.     padding:7px 0;
  1703.     }
  1704.    
  1705.     /*second level*/
  1706.     #top .sub_menu li ul{
  1707.     display: none;
  1708.     position: absolute;
  1709.     width:170px;
  1710.     padding:4px 0;
  1711.     z-index: 101;
  1712.     box-shadow: 0 8px 15px rgba(0,0,0,0.1);
  1713.     left:-50%;
  1714.     margin:0;
  1715.     border-style: solid;
  1716.     border-width: 1px;
  1717.     top:19px;
  1718.     }
  1719.    
  1720.     #top .sub_menu li:hover>ul{
  1721.     display:block;
  1722.     }
  1723.    
  1724.     .sub_menu>ul>li:hover>a{
  1725.     text-decoration: underline;
  1726.     }
  1727.    
  1728.     .sub_menu li li{
  1729.     float:none;
  1730.     line-height: 20px;
  1731.     border:none;
  1732.     padding: 0 0;
  1733.     margin:0;
  1734.     }
  1735.    
  1736.     #top .sub_menu li li a{
  1737.     width: 100%;
  1738.     height: auto;
  1739.     text-align: left;
  1740.     line-height: 23px;
  1741.     padding: 6px 18px;
  1742.     font-size: 12px;
  1743.     min-height: 23px;
  1744.     max-width: none;
  1745.     text-decoration: none;
  1746.     display: block;
  1747.     border-top-style: dashed;
  1748.     border-top-width: 1px;
  1749.     }
  1750.    
  1751.     #top .sub_menu li li:first-child > a {
  1752.     border: none;
  1753.     }
  1754.    
  1755.    
  1756.     #top .sub_menu li li a:hover{
  1757.     text-decoration: none;
  1758.     background: #f8f8f8;
  1759.     }
  1760.    
  1761.     /*third level and deeper*/
  1762.     #top .sub_menu li li ul{
  1763.     top:-1px;
  1764.     left:-169px;
  1765.     background: none;
  1766.     padding: 0;
  1767.     }
  1768.    
  1769.     .pointer_arrow{
  1770.     border-style:solid;
  1771.     border-width:1px;
  1772.     }
  1773.    
  1774.    
  1775.    
  1776.    
  1777.    
  1778.    
  1779.    
  1780.    
  1781.    
  1782.    
  1783.     /* ======================================================================================================================================================
  1784.     #Blog Styles default global stuff, always necessary. more style in the ALB blog module
  1785.     ====================================================================================================================================================== */
  1786.    
  1787.     .content, .sidebar{
  1788.     padding-top:50px;
  1789.     padding-bottom:50px;
  1790.     -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  1791.     -moz-box-sizing: content-box;    /* Firefox, other Gecko */
  1792.     box-sizing: content-box;
  1793.     min-height: 1px;
  1794.     z-index: 1;
  1795.     }
  1796.    
  1797.     .content:hover, .sidebar:hover{
  1798.     z-index: 1;
  1799.     }
  1800.    
  1801.     /*right sidebar - default*/
  1802.     #top #main .sidebar{
  1803.     border-left-style:solid;
  1804.     border-left-width:1px;
  1805.     margin-left:0;
  1806.     float: none;
  1807.     width: auto;
  1808.     overflow: hidden;
  1809.     display: block;
  1810.     clear: none;
  1811.     }
  1812.    
  1813.     .inner_sidebar{
  1814.     margin-left:50px;
  1815.     }
  1816.    
  1817.     .content{
  1818.     border-right-style:solid;
  1819.     border-right-width:1px;
  1820.     margin-right:-1px;
  1821.     }
  1822.    
  1823.    
  1824.     .content .entry-content-wrapper{
  1825.     padding-right:50px;
  1826.     }
  1827.    
  1828.     /*left sidebar*/
  1829.     #top #main .sidebar_left .sidebar{
  1830.     border-right-style:solid;
  1831.     border-right-width:1px;
  1832.     border-left:none;
  1833.     }
  1834.    
  1835.     .sidebar_left .inner_sidebar{
  1836.     margin-right:50px;
  1837.     margin-left:0;
  1838.     }
  1839.    
  1840.     .sidebar_left .content{
  1841.     float:right;
  1842.     border-left-style:solid;
  1843.     border-left-width:1px;
  1844.     border-right:none;
  1845.     margin-right:-50px;
  1846.     margin-left:-1px;
  1847.     padding-left:50px;
  1848.     }
  1849.    
  1850.    
  1851.    
  1852.     /*no sidebar*/
  1853.     .fullsize .content{
  1854.     margin:0;
  1855.     border:none;
  1856.     }
  1857.    
  1858.     .fullsize .content .entry-content-wrapper{
  1859.     padding-right:0;
  1860.     }
  1861.    
  1862.    
  1863.     .container .minor-meta{font-size: 0.9em;}
  1864.    
  1865.     .post{
  1866.     clear:both;
  1867.     width:100%;
  1868.     float:left;
  1869.     position: relative;
  1870.     }
  1871.    
  1872.    
  1873.    
  1874.     .rounded-container, .rounded-container img{
  1875.     border-radius: 111px;
  1876.     overflow: hidden;
  1877.     display: block;
  1878.     position: relative;
  1879.     z-index: 2;
  1880.     }
  1881.    
  1882.     .rounded-container{
  1883.     float:left;
  1884.     width:81px;
  1885.     height:81px;
  1886.     text-align: center;
  1887.     line-height: 81px;
  1888.     }
  1889.    
  1890.     .rounded-container .iconfont, .small-preview .iconfont{
  1891.     font-size: 23px;
  1892.     position: absolute;
  1893.     left: 0;
  1894.     right: 0;
  1895.     top: 0;
  1896.     bottom: 0;
  1897.     z-index: 1;
  1898.     }
  1899.    
  1900.    
  1901.    
  1902.     .entry-content-wrapper .post-title{
  1903.     font-size: 21px;
  1904.     line-height: 1.3em;
  1905.     }
  1906.    
  1907.    
  1908.    
  1909.     /*pagination*/
  1910.    
  1911.     .pagination {
  1912.     clear:both;
  1913.     padding: 10px 0px 50px 0;
  1914.     position:relative;
  1915.     z-index:3;
  1916.     line-height: 13px;
  1917.     overflow: hidden;
  1918.    
  1919.     }
  1920.    
  1921.     .pagination span, .pagination a {
  1922.     display:block;
  1923.     float:left;
  1924.     font-size:11px;
  1925.     line-height:13px;
  1926.     padding:2px 9px 1px 9px;
  1927.     text-decoration:none;
  1928.     width:auto;
  1929.     }
  1930.    
  1931.     #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a{
  1932.     float: left;
  1933.     height: 35px;
  1934.     width: 35px;
  1935.     line-height: 35px;
  1936.     text-align: center;
  1937.     padding: 0;
  1938.     border-radius: 100px;
  1939.     margin-right: 3px;
  1940.     box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  1941.     }
  1942.    
  1943.    
  1944.     .pagination .current{
  1945.     font-size:11px;
  1946.     padding:1px 9px 1px 9px;
  1947.     font-weight: bold;
  1948.     }
  1949.    
  1950.     .pagination .pagination-meta{
  1951.     float:right;
  1952.     line-height: 35px;
  1953.     }
  1954.    
  1955.    
  1956.    
  1957.     /*single post navigation*/
  1958.    
  1959.     #top .avia-post-nav{
  1960.     position: fixed;
  1961.     height:110px;
  1962.     top:50%;
  1963.     background: #aaa;
  1964.     background: rgba(0,0,0,0.1);
  1965.     color:#fff;
  1966.     margin-top:-55px;
  1967.     padding:15px;
  1968.     text-decoration: none;
  1969.     z-index: 501; /*fixes: https://github.com/AviaThemes/wp-themes/issues/807 */
  1970.     -webkit-transform: translate3d(0,0,0); /* fixes: https://kriesi.at/support/topic/next-previous-blog-post-bug/ */
  1971.     }
  1972.    
  1973.     #top .avia-post-nav:hover{
  1974.     background: #222;
  1975.     background: rgba(0,0,0,0.8);
  1976.     }
  1977.    
  1978.     .avia-post-nav .label{position: absolute; top:50%; height:22px; line-height: 22px; margin-top:-11px; font-size: 24px;}
  1979.     .avia-post-nav .entry-image{height:80px; width:80px; display:block;}
  1980.     .avia-post-nav .entry-image img{border-radius: 100px; display: block;}
  1981.    
  1982.    
  1983.     .avia-post-prev{ left:0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
  1984.     .avia-post-prev .label{ left:10px;}
  1985.    
  1986.     .avia-post-next{ right:0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
  1987.     .avia-post-next .label{ right:10px;}
  1988.     .avia-post-next.with-image{text-align: right;}
  1989.    
  1990.    
  1991.     .avia-post-nav .entry-info{
  1992.     display:block;
  1993.     height:80px;
  1994.     width:220px;
  1995.     display: table;
  1996.     }
  1997.    
  1998.     .avia-post-next .entry-info{ margin:0 20px 0 1px;}
  1999.     .avia-post-prev .entry-info{ margin:0 1px 0 20px;}
  2000.    
  2001.     .avia-post-nav .entry-info span{
  2002.     display: table-cell;
  2003.     vertical-align: middle;
  2004.     font-size: 13px;
  2005.     line-height: 1.65em;
  2006.     }
  2007.     .avia-post-nav .entry-info-wrap{width:1px; overflow: hidden; display:block;}
  2008.     .avia-post-nav:hover .entry-info-wrap{width:240px;}
  2009.    
  2010.    
  2011.     /* page split pagination */
  2012.     .pagination_split_post{
  2013.     clear: both;
  2014.     padding-top: 20px;
  2015.     }
  2016.    
  2017.    
  2018.    
  2019.    
  2020.     .no_sidebar_border#top #main .sidebar,
  2021.     .no_sidebar_border .content{border-left:none; border-right:none;}
  2022.    
  2023.     .sidebar_shadow#top #main .sidebar,
  2024.     .sidebar_shadow .content{border-left:none; border-right:none;}
  2025.    
  2026.     .sidebar_shadow#top #main .sidebar_right.av-enable-shadow{box-shadow: inset 25px 0 25px -25px #e9e9eb;}
  2027.     .sidebar_shadow .sidebar_right .content.av-enable-shadow{box-shadow: 25px 0 25px -25px #e9e9eb;}
  2028.    
  2029.     .sidebar_shadow#top #main .sidebar_left.av-enable-shadow{box-shadow: inset -25px 0 25px -25px #e9e9eb;}
  2030.     .sidebar_shadow .sidebar_left .content.av-enable-shadow{box-shadow: -25px 0 25px -25px #e9e9eb;}
  2031.    
  2032.    
  2033.     /* ======================================================================================================================================================
  2034.     #Page Styles
  2035.     ====================================================================================================================================================== */
  2036.    
  2037.     .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{
  2038.     text-transform: uppercase;
  2039.     letter-spacing: 1px;
  2040.     }
  2041.    
  2042.     .extra-mini-title{padding-bottom:20px;}
  2043.    
  2044.     .page-heading-container{
  2045.     position: relative;
  2046.     margin-bottom: 40px;
  2047.     padding: 0 0 44px 0;
  2048.     border-bottom-width: 1px;
  2049.     border-bottom-style: solid;
  2050.     padding-right: 50px;
  2051.     }
  2052.    
  2053.     .fullsize .page-heading-container{
  2054.     padding-right:0;
  2055.     }
  2056.    
  2057.     .page-thumb img{border-radius: 3px;}
  2058.    
  2059.    
  2060.    
  2061.     /*template builder page styles*/
  2062.     .template-page .template-blog .entry-content-wrapper h1, .template-page .template-blog .entry-content-wrapper h2{
  2063.     text-transform: none;
  2064.     letter-spacing: 0;
  2065.     }
  2066.    
  2067.    
  2068.    
  2069.     .content .entry-content-wrapper .entry-content-wrapper{
  2070.     padding-right:0; padding-left:0;
  2071.     }
  2072.    
  2073.     .content .entry-content-wrapper .entry-content-wrapper .big-preview.single-big {
  2074.     padding: 0 0 10px 0;
  2075.     }
  2076.    
  2077.    
  2078.     /*search page*/
  2079.    
  2080.     .template-search #searchform>div{max-width: 100%; margin-bottom:0;}
  2081.    
  2082.     #top .template-search.content .entry-content-wrapper {
  2083.     padding-bottom: 40px;
  2084.     padding-left:55px;
  2085.     font-size: 13px;
  2086.     clear:both;
  2087.     }
  2088.    
  2089.     .template-search .pagination {
  2090.     padding: 1px 50px 10px 55px;
  2091.     }
  2092.    
  2093.     .template-search .entry-content-wrapper .post-title {font-size:19px;}
  2094.     #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: underline; }
  2095.    
  2096.     .search-result-counter {
  2097.     position: absolute;
  2098.     left: 0;
  2099.     top: 1px;
  2100.     box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  2101.     height: 44px;
  2102.     line-height: 24px;
  2103.     padding: 10px;
  2104.     text-align: center;
  2105.     border-radius: 100px;
  2106.     width: 44px;
  2107.     }
  2108.    
  2109.     #top #search-fail{padding-left:0;}
  2110.     #top #search-fail #searchform{padding-bottom: 40px;}
  2111.    
  2112.    
  2113.     .template-search .post-entry{position: relative; clear:both;}
  2114.    
  2115.    
  2116.     /*author page*/
  2117.    
  2118.    
  2119.    
  2120.     .page-heading-container .author_description{overflow: hidden;}
  2121.    
  2122.     .template-author .content .post .entry-content-wrapper{
  2123.     padding-bottom:40px;
  2124.     font-size: 1em;
  2125.       line-height: 1.65em;
  2126.     }
  2127.    
  2128.     .template-author .pagination {
  2129.     padding: 1px 50px 10px 0;
  2130.     }
  2131.    
  2132.    
  2133.     .template-author .entry-content-wrapper .post-title {font-size:19px;}
  2134.     #top .template-author .entry-content-wrapper .post-title a:hover{ text-decoration: underline; }
  2135.    
  2136.     .author-extra-border{
  2137.     display:block;
  2138.     position: absolute;
  2139.     bottom:-1px;
  2140.     width:600%;
  2141.     right:0;
  2142.     border-bottom-width: 1px;
  2143.     border-bottom-style: solid;
  2144.     }
  2145.    
  2146.     .fullsize .author-extra-border{right:auto; left:-100%}
  2147.     .template-author .post-entry{position: relative; clear:both;}
  2148.    
  2149.    
  2150.     /*archive page*/
  2151.    
  2152.     .template-archives .tab_inner_content li {
  2153.     width: 48%;
  2154.     float: left;
  2155.     clear: none;
  2156.     margin:0 2% 0 0 ;
  2157.     list-style-position: inside;
  2158.     }
  2159.    
  2160.     .template-archives .relThumWrap img, .template-archives .relThumWrap span{width:100%; text-decoration: none;}
  2161.     .template-archives .relThumbTitle{ display: block; clear:both;}
  2162.    
  2163.    
  2164.     /*tag archive */
  2165.     #top .fullsize .template-blog .tag-page-post-type-title {
  2166.     font-size: 50px;
  2167.     text-transform: uppercase;
  2168.     }
  2169.    
  2170.     .archive .category-term-description:empty{
  2171.         display:none;
  2172.     }
  2173.    
  2174.     .archive .category-term-description{
  2175.     margin-bottom: 25px;
  2176.     }
  2177.    
  2178.    
  2179.     /* ======================================================================================================================================================
  2180.     #Widget & Sidebar - those are loaded in any case since the fallback widgets might be in use in the footer. if any other widgets are used the widget.css file
  2181.     gets loaded
  2182.     ====================================================================================================================================================== */
  2183.     .widgettitle{
  2184.     font-weight: 600;
  2185.     text-transform: uppercase;
  2186.     letter-spacing: 1px;
  2187.     font-size: 1.1em;
  2188.     }
  2189.    
  2190.     .widget{
  2191.     clear:both;
  2192.     position: relative;
  2193.     padding:30px 0 30px 0;
  2194.     float:none;
  2195.     }
  2196.    
  2197.     #footer .widget{padding:0; margin:30px 0 30px 0; overflow: hidden;}
  2198.    
  2199.     #top .widget ul{
  2200.     padding:0;
  2201.     margin:0;
  2202.     width:100%;
  2203.     float:left;
  2204.     }
  2205.    
  2206.     #top #footer .widget ul{float:none}
  2207.    
  2208.     .widget li{clear:both;}
  2209.    
  2210.     .widget ul ul li,.widget ul ol li, .widget ol ol li, .widget ol ul li{margin-bottom:0;}
  2211.    
  2212.     /*direct mailchimp form embeds: show the button which has a clear attribute*/
  2213.    
  2214.     #mc_embed_signup .clear{
  2215.         visibility: visible;
  2216.         overflow: visible;
  2217.         height:auto;
  2218.     }
  2219.    
  2220.    
  2221.     /* ======================================================================================================================================================
  2222.     #Footer & #Socket
  2223.     ====================================================================================================================================================== */
  2224.    
  2225.     #footer{
  2226.         padding: 15px 0 30px 0;
  2227.         z-index: 1;
  2228.     }
  2229.    
  2230.     #socket .container{
  2231.         padding-top: 15px;
  2232.         padding-bottom: 15px;
  2233.     }
  2234.    
  2235.     #socket{
  2236.         font-size: 11px;
  2237.         margin-top: -1px;
  2238.         z-index: 1;
  2239.     }
  2240.    
  2241.     #socket .menu{
  2242.         margin-top: 6px;
  2243.     }
  2244.    
  2245.     #socket .sub_menu_socket{
  2246.         float: right;
  2247.         margin: 0;
  2248.     }
  2249.    
  2250.     #socket .sub_menu_socket div{
  2251.         overflow: hidden;
  2252.     }
  2253.    
  2254.     #socket .sub_menu_socket li{
  2255.         float: left;
  2256.         display: block;
  2257.         padding: 0 10px;
  2258.         border-left-style: solid;
  2259.         border-left-width: 1px;
  2260.         line-height: 10px;
  2261.     }
  2262.    
  2263.     #socket .sub_menu_socket li:first-child{
  2264.         border:none;
  2265.     }
  2266.    
  2267.     #socket .sub_menu_socket li:last-child{
  2268.         padding-right:0;
  2269.     }
  2270.    
  2271.     #socket .copyright{
  2272.         float:left;
  2273.     }
  2274.    
  2275.     /*  Curtain effect  */
  2276.     .av-curtain-footer #av-curtain-footer-placeholder{
  2277.         display: none;
  2278.         pointer-events: none;
  2279.     }
  2280.    
  2281.     .av-curtain-footer .av-curtain-footer-container{
  2282.         position: relative;
  2283.         float: left;
  2284.         width: 100%;
  2285.     }
  2286.    
  2287.     .html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{
  2288.         width: calc(100% - 300px);
  2289.         margin-left: 301px;
  2290.     }
  2291.    
  2292.     .html_header_sidebar.html_header_right .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{
  2293.         width: calc(100% - 301px);
  2294.         margin-left: 0;
  2295.     }
  2296.    
  2297.     /*  activate curtain effect on screen width */
  2298.     @media only screen and (min-width: 990px){
  2299.    
  2300.         .av-curtain-footer.av-curtain-medium #av-curtain-footer-placeholder{
  2301.             clear: both;
  2302.             background: transparent;
  2303.             display: block;
  2304.         }
  2305.         .av-curtain-footer.av-curtain-medium #main > *:not(.av-curtain-footer-container){
  2306.             z-index: 1;
  2307.             position: relative;
  2308.         }
  2309.    
  2310.         .av-curtain-footer.av-curtain-medium .av-curtain-footer-container{
  2311.             width: 100%;
  2312.             display: block;
  2313.             position: fixed;
  2314.             bottom: 0;
  2315.             left: 0;
  2316.             z-index: 0;
  2317.         }
  2318.     }
  2319.    
  2320.     @media only screen and (min-width: 769px){
  2321.    
  2322.         .av-curtain-footer.av-curtain-small #av-curtain-footer-placeholder{
  2323.             clear: both;
  2324.             background: transparent;
  2325.             display: block;
  2326.         }
  2327.         .av-curtain-footer.av-curtain-small #main > *:not(.av-curtain-footer-container){
  2328.             z-index: 1;
  2329.             position: relative;
  2330.         }
  2331.    
  2332.         .av-curtain-footer.av-curtain-small .av-curtain-footer-container{
  2333.             width: 100%;
  2334.             display: block;
  2335.             position: fixed;
  2336.             bottom: 0;
  2337.             left: 0;
  2338.             z-index: 0;
  2339.         }
  2340.     }
  2341.    
  2342.     @media only screen and (min-width: 480px){
  2343.    
  2344.         .av-curtain-footer.av-curtain-mini #av-curtain-footer-placeholder{
  2345.             clear: both;
  2346.             background: transparent;
  2347.             display: block;
  2348.         }
  2349.         .av-curtain-footer.av-curtain-mini #main > *:not(.av-curtain-footer-container){
  2350.             z-index: 1;
  2351.             position: relative;
  2352.         }
  2353.    
  2354.         .av-curtain-footer.av-curtain-mini .av-curtain-footer-container{
  2355.             width: 100%;
  2356.             display: block;
  2357.             position: fixed;
  2358.             bottom: 0;
  2359.             left: 0;
  2360.             z-index: 0;
  2361.         }
  2362.     }
  2363.    
  2364.     /*  activate curtain effect with js */
  2365.     .av-curtain-footer.av-curtain-activated #av-curtain-footer-placeholder{
  2366.         clear: both;
  2367.         background: transparent;
  2368.         display: block;
  2369.     }
  2370.     .av-curtain-footer.av-curtain-activated #main > *:not(.av-curtain-footer-container){
  2371.         z-index: 1;
  2372.         position: relative;
  2373.     }
  2374.    
  2375.     .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{
  2376.         width: 100%;
  2377.         display: block;
  2378.         position: fixed;
  2379.         bottom: 0;
  2380.         left: 0;
  2381.         z-index: 0;
  2382.     }
  2383.    
  2384.     #scroll-top-link{
  2385.         position: fixed;
  2386.         border-radius: 2px;
  2387.         height: 50px;
  2388.         width: 50px;
  2389.         line-height: 50px;
  2390.         text-decoration: none;
  2391.         text-align: center;
  2392.         opacity: 0;
  2393.         right: 50px;
  2394.         bottom: 50px;
  2395.         z-index: 1030;
  2396.         visibility: hidden;
  2397.     }
  2398.    
  2399.     #av-cookie-consent-badge{
  2400.         position: fixed;
  2401.         border-radius: 2px;
  2402.         height: 30px;
  2403.         width: 30px;
  2404.         line-height: 30px;
  2405.         text-decoration: none;
  2406.         text-align: center;
  2407.         opacity: 0;
  2408.         right: 50px;
  2409.         bottom: 50px;
  2410.         z-index: 1030;
  2411.         visibility: hidden;
  2412.     }
  2413.    
  2414.     #scroll-top-link.avia_pop_class,
  2415.     #av-cookie-consent-badge.avia_pop_class{
  2416.         opacity: 0.7;
  2417.         visibility: visible;
  2418.     }
  2419.    
  2420.     #socket .social_bookmarks{
  2421.         float: right;
  2422.         margin: -10px 0 0 30px;
  2423.         position: relative;
  2424.     }
  2425.    
  2426.     #socket .social_bookmarks li{
  2427.         border-radius: 300px;
  2428.         border: none;
  2429.         overflow: hidden;
  2430.         top: 5px;
  2431.         position: relative;
  2432.     }
  2433.    
  2434.     #socket .social_bookmarks li a{
  2435.         border-radius: 300px;
  2436.     }
  2437.     #socket .avia-bullet, #socket .avia-menu-fx{
  2438.         display: none;
  2439.     }
  2440.    
  2441.    
  2442.     /* ======================================================================================================================================================
  2443.     #CSS ANIMATION
  2444.     ====================================================================================================================================================== */
  2445.    
  2446.    
  2447.    
  2448.     .small-preview, .avia-post-nav .entry-info-wrap, .avia-post-nav, .avia-menu-fx, .team-social, .button, .related-format-icon, .avia-slideshow-controls a, #top .social_bookmarks li a, .fallback-post-type-icon, #scroll-top-link, #av-cookie-consent-badge, .avia-slideshow-button{
  2449.     -webkit-transition: all 0.3s ease-out;
  2450.     transition:         all 0.3s ease-out;
  2451.     }
  2452.    
  2453.     .main_menu a, .pagination a{
  2454.     -webkit-transition: color 0.15s ease-out;
  2455.     transition:         color 0.15s ease-out;
  2456.    
  2457.     -webkit-transition: background 0.15s ease-out;
  2458.     transition:         background 0.15s ease-out;
  2459.     }
  2460.    
  2461.    
  2462.     .avia_pop_class, .avia-search-tooltip{
  2463.     -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  2464.     animation:         avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
  2465.     }
  2466.    
  2467.    
  2468.     a:hover .image-overlay .image-overlay-inside{
  2469.     -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  2470.     animation:         avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
  2471.     }
  2472.    
  2473.    
  2474.     @-webkit-keyframes avia_pop {
  2475.       0%   { -webkit-transform:scale(0.8);  }
  2476.       100% { -webkit-transform:scale(1);  }
  2477.     }
  2478.     @keyframes avia_pop {
  2479.       0%   { transform:scale(0.8);  }
  2480.       100% { transform:scale(1);   }
  2481.     }
  2482.    
  2483.     @-webkit-keyframes avia_pop_small {
  2484.       0%   { -webkit-transform:rotate(-175deg) scale(0.2);  }
  2485.       100% { -webkit-transform:rotate(0deg) scale(1);  }
  2486.     }
  2487.     @keyframes avia_pop_small {
  2488.       0%   { transform:rotate(-175deg) scale(0.2);  }
  2489.       100% { transform:rotate(0deg) scale(1);   }
  2490.     }
  2491.    
  2492.     @-webkit-keyframes avia_pop_loader {
  2493.       0%   { -webkit-transform:rotate(0deg) scale(0.2) ;  }
  2494.       100% { -webkit-transform:rotate(720deg) scale(1);  }
  2495.     }
  2496.     @keyframes avia_pop_loader {
  2497.       0%   { transform: rotate(0deg) scale(0.2);  }
  2498.       100% { transform: rotate(720deg) scale(1);   }
  2499.     }
  2500.    
  2501.    
  2502.     @-webkit-keyframes avia_shrink {
  2503.       0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); }
  2504.       75% {opacity:0.7;}
  2505.       100% { opacity:0; -webkit-transform: scale(0); transform: scale(0);
  2506.       }
  2507.     }
  2508.    
  2509.     @keyframes avia_shrink {
  2510.       0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); }
  2511.       75% {opacity:0.7; }
  2512.       100% { opacity:0; -webkit-transform: scale(0); transform: scale(0);}
  2513.     }
  2514.    
  2515.     @-webkit-keyframes av-load8 {
  2516.       0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  2517.       100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  2518.     }
  2519.     @keyframes av-load8 {
  2520.       0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  2521.       100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); }
  2522.     }
  2523.    
  2524.    
  2525.    
  2526.     /* #Media Queries
  2527.     ================================================== */
  2528.    
  2529.         /* large screens with 1140px with */
  2530.    
  2531.         @media only screen and (min-width: 1140px)  {
  2532.    
  2533.             }
  2534.    
  2535.    
  2536.         /* Smaller than standard 960 (devices and browsers) */
  2537.         @media only screen and (max-width: 989px) {
  2538.             .responsive.html_header_sidebar #top #header{width:27%}
  2539.             .responsive.html_header_left #main { margin-left: 27%; }
  2540.             .responsive.html_header_right #main { margin-right: 27%; }
  2541.             .responsive.html_header_sidebar #header .av-main-nav{ padding: 4% 0; }
  2542.             .responsive.html_header_sidebar #header .av-main-nav > li { margin: 0 10%; }
  2543.             .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{ font-size: 14px; }
  2544.             .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{font-size: 11px; }
  2545.             .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget{padding:10%;}
  2546.             .responsive.html_header_sidebar .logo{padding: 10%;}
  2547.             /*headers*/
  2548.             .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img,
  2549.             .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg{
  2550.                 opacity: 1
  2551.             }
  2552.             .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate,
  2553.             .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub{
  2554.                 display: none;
  2555.             }
  2556.    
  2557.             /* curtain footer */
  2558.             .responsive.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{
  2559.                 width: calc(73%);
  2560.                 margin-left: calc(27% + 1px);
  2561.             }
  2562.    
  2563.             .responsive.html_header_sidebar.html_header_right .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{
  2564.                 width: calc(73% - 1px);
  2565.                 margin-left: 0;
  2566.             }
  2567.    
  2568.             /*framed layout*/
  2569.             .responsive .av-frame{display:none;}
  2570.             .responsive.html_av-framed-box{padding:0;}
  2571.             .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_main,
  2572.             .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_meta{ margin:0 auto; }
  2573.             .responsive #top .avia-post-prev { left: 0px; }
  2574.             .responsive #top .avia-post-next { right: 0px; }
  2575.    
  2576.             .responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll{right:0}
  2577.    
  2578.             /* cookie consent */
  2579.             .responsive .avia-cookie-consent .container{ padding: 0; }
  2580.             .responsive .avia-cookie-consent a.avia_cookie_infolink,
  2581.             .responsive .avia-cookie-consent p { display: block; margin-right: 0;}
  2582.             .responsive .avia-cookie-consent-button{ margin: 0.5em; }
  2583.             .responsive .av-framed-box .avia-cookiemessage-top,
  2584.             .responsive .av-framed-box .avia-cookiemessage-bottom { width: 100% !important; left: 0 !important; }
  2585.             .responsive .av-framed-box .avia-cookiemessage-bottom{ bottom: 0 !important; }
  2586.             .responsive .av-framed-box .avia-cookiemessage-top{ top: 0 !important; }
  2587.             .responsive .avia-cookiemessage-top-left,
  2588.             .responsive .avia-cookiemessage-bottom-left,
  2589.             .responsive .avia-cookiemessage-top-right,
  2590.             .responsive .avia-cookiemessage-bottom-right{ width: 35%; }
  2591.    
  2592.    
  2593.         }
  2594.    
  2595.         /* Tablet Portrait size to standard 960 (devices and browsers) */
  2596.         @media only screen and (min-width: 768px) and (max-width: 989px) {
  2597.    
  2598.             .responsive .main_menu ul:first-child > li > a { padding: 0 10px; }
  2599.             .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); }
  2600.             .responsive #main .container_wrap:first-child{ border-top:none; }
  2601.             .responsive .logo{float:left;}
  2602.             .responsive .logo img{margin:0; }
  2603.    
  2604.             .responsive.html_top_nav_header.html_mobile_menu_tablet #top .social_bookmarks { right: 50px; }
  2605.             .responsive.html_top_nav_header.html_mobile_menu_tablet #top #wrap_all #main{padding-top:0;}
  2606.    
  2607.             .responsive.js_active .avia_combo_widget .top_tab .tab{font-size: 10px;}
  2608.             .responsive.js_active .avia_combo_widget .news-thumb{display:none;}
  2609.    
  2610.             .responsive #top #wrap_all .grid-sort-container .av_one_sixth{ width:33.3%; margin-bottom: 0;}
  2611.             .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header{max-width: 100%;}
  2612.    
  2613.             .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_mobile_menu_tablet #main{ padding-top: 88px; }
  2614.             .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_top_nav_header.html_mobile_menu_tablet #main{ margin-top:0; }
  2615.    
  2616.             .responsive #top .av-hide-on-tablet{display:none !important;}
  2617.    
  2618.             /*new menu*/
  2619.             .responsive.html_mobile_menu_tablet .av-burger-menu-main{display: block;}
  2620.             .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0;  left:auto; right:0; display:block;}
  2621.             .responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0;  left:0; right:auto;}
  2622.             .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item{display:none;}
  2623.             .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special{display:block;}
  2624.             .responsive #top #wrap_all .av_mobile_menu_tablet .menu-item-search-dropdown > a { font-size: 24px; }
  2625.             .responsive #top .av_mobile_menu_tablet #header_main_alternate{display:none;}
  2626.             .responsive.html_mobile_menu_tablet #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
  2627.             .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks{display:none;}
  2628.             .responsive.html_mobile_menu_tablet #top .av-logo-container .social_bookmarks{display:none}
  2629.             .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px; right:0;}
  2630.             .responsive.html_logo_center.html_bottom_nav_header .av_mobile_menu_tablet .avia-menu.av_menu_icon_beside{height:100%;}
  2631.             .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
  2632.             .responsive.html_mobile_menu_tablet #top #main .av-logo-container .main_menu{display:block;}
  2633.             .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main{padding-top: 88px;}
  2634.             .responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top: 0 !important; margin: 0;}
  2635.             .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{padding-top:0;}
  2636.             .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu  .av-main-nav > li > a,
  2637.             .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {height:90px; line-height:90px;}
  2638.             .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu  .av-main-nav > li > a{
  2639.                 min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
  2640.             }
  2641.             .responsive.html_mobile_menu_tablet #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
  2642.    
  2643.             .responsive.html_mobile_menu_tablet #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
  2644.             background:transparent;
  2645.             color: inherit;
  2646.             }
  2647.             .responsive.html_mobile_menu_tablet.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
  2648.    
  2649.    
  2650.             }
  2651.    
  2652.    
  2653.    
  2654.    
  2655.    
  2656.         /* All Mobile Sizes (devices and browser) */
  2657.         @media only screen and (max-width: 767px) {
  2658.    
  2659.             /*blog*/
  2660.             .responsive .template-archives .tab_inner_content li{
  2661.                 width: 98%;
  2662.             }
  2663.    
  2664.             .responsive .template-blog .blog-meta,
  2665.             .responsive .post_author_timeline,
  2666.             .responsive #top #main .sidebar{
  2667.                 display: none;
  2668.             }
  2669.    
  2670.             /*  @since 4.9 https://kriesi.at/support/topic/remove-sidebar-from-blog-on-mobile/  */
  2671.             .sidebar_shadow#top #main .sidebar_right.av-enable-shadow,
  2672.             .sidebar_shadow#top #main .sidebar_left.av-enable-shadow,
  2673.             .sidebar_shadow .sidebar_right .content.av-enable-shadow,
  2674.             .sidebar_shadow .sidebar_left .content.av-enable-shadow{
  2675.                 box-shadow: none;
  2676.             }
  2677.    
  2678.             .responsive #top #main .sidebar.smartphones_sidebar_active{
  2679.                 display: block;
  2680.                 text-align: left;
  2681.                 border-left: none;
  2682.                 border-right: none;
  2683.                 border-top-style: dashed;
  2684.                 border-top-width: 1px;
  2685.                 width: 100%;
  2686.                 clear: both;
  2687.             }
  2688.    
  2689.             .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{
  2690.                 margin: 0;
  2691.             }
  2692.    
  2693.             .responsive .content .entry-content-wrapper{padding:0;}
  2694.             .responsive .content{border:none;}
  2695.             .responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; }
  2696.             .responsive .big-preview{padding: 0 0 10px 0;}
  2697.             .responsive .related_posts{padding:20px 0;}
  2698.             .responsive .comment_content{padding-right:0; padding-left:0;}
  2699.             .responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;}
  2700.             .responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
  2701.             .responsive #top .avia-post-nav { display: none; }
  2702.             .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;}
  2703.    
  2704.             /*all templates*/
  2705.             .responsive .title_container .breadcrumb{left:-2px;}
  2706.             .responsive .title_container .main-title + .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;}
  2707.             .responsive .pagination{padding-left: 0; padding-right: 0;}
  2708.             .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;}
  2709.    
  2710.    
  2711.             /*header*/
  2712.             .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img,
  2713.             .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > svg{
  2714.                 opacity: 1
  2715.             }
  2716.    
  2717.             .responsive #top .av_header_transparency .logo img.alternate,
  2718.             .responsive #top .av_header_transparency .logo .subtext.avia-svg-logo-sub{
  2719.                 display: none;
  2720.             }
  2721.    
  2722.             .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
  2723.             .responsive #top #main {padding-top:0 !important; margin:0;}
  2724.             .responsive #top #main .container_wrap:first-child{ border-top:none; }
  2725.             .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
  2726.             .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
  2727.             .responsive .phone-info div{margin:0;padding:0; border:none;}
  2728.             .responsive.html_header_top #header_main .social_bookmarks ,
  2729.             .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; }
  2730.    
  2731.             .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
  2732.             .responsive .logo a{display:table-cell; vertical-align: middle;}
  2733.             .responsive .logo img,
  2734.             .responsive .logo svg{
  2735.                 height: auto !important;
  2736.                 width: auto;
  2737.                 max-width: 100%;
  2738.                 display: block;
  2739.                 max-height: 80px;
  2740.             }
  2741.    
  2742.             .responsive #header_main .container{height:auto !important; }
  2743.             .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
  2744.             .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
  2745.             .responsive.social_header .phone-info div{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
  2746.             .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
  2747.             .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
  2748.             .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
  2749.             .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
  2750.             .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
  2751.             .responsive #header .social_bookmarks li{float:none; display: inline-block;}
  2752.             .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
  2753.             .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
  2754.    
  2755.             .responsive .logo img,
  2756.             .responsive .logo svg{
  2757.                 margin: 0;
  2758.             }
  2759.             .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
  2760.             .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
  2761.    
  2762.             .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
  2763.             .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
  2764.    
  2765.             .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a,
  2766.             .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a,
  2767.             .responsive #top .av_header_transparency #header_main_alternate,
  2768.             .responsive .av_header_transparency #header_main .social_bookmarks li a,
  2769.             .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
  2770.             .responsive #top .av_header_transparency #header_meta,
  2771.             .responsive #top .av_header_transparency #header_meta li,
  2772.             .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
  2773.             .responsive.html_top_nav_header .av-logo-container{height:auto;}
  2774.             .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
  2775.    
  2776.    
  2777.             /*new mobile*/
  2778.             .responsive .av-burger-menu-main{display: block;}
  2779.             .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
  2780.             .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
  2781.             .responsive #top .av-main-nav .menu-item{display:none;}
  2782.             .responsive #top .av-main-nav .menu-item-avia-special{display:block;}
  2783.             .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
  2784.             .responsive #header_main_alternate{display:none;}
  2785.             .responsive #top #header .social_bookmarks{display:none;}
  2786.             .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
  2787.             .responsive #top .av-logo-container .avia-menu{height:100%;}
  2788.             .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
  2789.             .responsive #top #main .av-logo-container .main_menu{display:block;}
  2790.             .responsive #top #main .av-logo-container .social_bookmarks{display:none;}
  2791.             .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
  2792.             .responsive #top #main .av-logo-container .main_menu{display:block;}
  2793.             .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
  2794.             .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
  2795.             .responsive #top #wrap_all .av-logo-container {padding:0;}
  2796.             .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
  2797.                 min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
  2798.             }
  2799.             .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
  2800.             .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
  2801.             background:transparent;
  2802.             color: inherit;
  2803.             }
  2804.    
  2805.             .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
  2806.    
  2807.             /*related images*/
  2808.             .responsive #top .related_entries_container .av_one_eighth{width:25%;}
  2809.             .responsive #top .relThumb5{clear:both;}
  2810.    
  2811.             .responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;}
  2812.             .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;}
  2813.             .responsive.html_header_sidebar #main{ border: none; }
  2814.    
  2815.             /*tabs*/
  2816.             .responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; }
  2817.             .responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;}
  2818.    
  2819.             /*widgets*/
  2820.             .tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; }
  2821.             .widget li{line-height: 1.8em; font-size: 15px;}
  2822.    
  2823.             /*footer*/
  2824.             .responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/
  2825.    
  2826.             .responsive #socket .sub_menu_socket{
  2827.                 display: block;
  2828.                 float: none;
  2829.                 width: 100%;
  2830.                 clear: both;
  2831.                 margin: 0 0 0 -15px;
  2832.             }
  2833.    
  2834.             /* curtain footer */
  2835.             .responsive.html_header_sidebar.html_header_left  .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{
  2836.                 width: 100%;
  2837.                 margin-left: 0;
  2838.             }
  2839.             .responsive.html_header_sidebar.html_header_right  .av-curtain-footer.av-curtain-activated .av-curtain-footer-container{
  2840.                 width: 100%;
  2841.             }
  2842.    
  2843.             /* cookie consent */
  2844.             body.responsive.admin-bar .avia-cookiemessage-top, body.responsive.admin-bar .avia-cookiemessage-top-left,
  2845.             body.responsive.admin-bar .avia-cookiemessage-top-right{
  2846.                 margin-top: 46px;
  2847.             }
  2848.    
  2849.             .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right,
  2850.             .responsive .avia-cookiemessage-bottom-right{
  2851.                 width: 55%;
  2852.             }
  2853.    
  2854.         }
  2855.    
  2856.    
  2857.         /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  2858.         @media only screen and (min-width: 480px) and (max-width: 767px) {
  2859.    
  2860.             /*portfolio*/
  2861.             .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{width:100%;}
  2862.             .responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0;}
  2863.             .responsive #top #wrap_all .portfolio-parity-odd{ clear:both; }
  2864.    
  2865.         }
  2866.    
  2867.         /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  2868.         @media only screen and (max-width: 479px) {
  2869.    
  2870.             /*related images*/
  2871.             .responsive #top .related_entries_container .av_one_eighth{width:50%;}
  2872.             .responsive #top .related_entries_container .av_one_eighth:nth-child(odd){clear:both;}
  2873.    
  2874.             .responsive.html_header_top #header_main .social_bookmarks,
  2875.             .responsive.html_top_nav_header .social_bookmarks{display:none;}
  2876.    
  2877.             /*new mobile header*/
  2878.             .responsive .avia-menu.av_menu_icon_beside{ padding:0;margin:0; border:none; }
  2879.             .responsive #top #wrap_all #header .social_bookmarks,
  2880.             .responsive #top #wrap_all #main .av-logo-container .social_bookmarks{display:none;}
  2881.             .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{margin-right:0; padding-right:0; border:none;}
  2882.    
  2883.             /* cookie consent */
  2884.             .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right,
  2885.             .responsive .avia-cookiemessage-bottom-right{ width: 85% !important;left: 7.5% !important; right: 7.5% !important; }
  2886.         }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!