/* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ html { min-width: 910px; } html.responsive { min-width: 0px; } .boxed#top { margin: 0 auto; overflow: visible; /* position:relative; z-index: 3; */ } .container { position: relative; width: 100%; margin: 0 auto; padding: 0px 50px; clear: both; } .inner-container{ position: relative; height:100%; width:100%; } /*no z-index for container_wrap or fixed bgs start disapearing when other elements transition -> weird chrome bug*/ .container_wrap { clear: both; position: relative; /* z-index: 1; */ border-top-style: solid; border-top-width: 1px; } .unit, .units { float: left; display: inline; margin-left: 50px; position: relative; z-index: 1; min-height: 1px; } .row { position: relative; margin-bottom: 20px; clear: both; } #wrap_all { width: 100%; position: static; /*fixes chrome 40 issue with fixed section bgs*/ z-index: 2; overflow: hidden; } .boxed #wrap_all { overflow: visible; /*needed for cart icon */ } /* Nested Column Classes */ body .unit.alpha, body .units.alpha, body div .first { margin-left: 0; clear: left; } body .unit.alpha, body .units.alpha { width: 100%; } /* Base sizes */ .container .av-content-full.units {width: 100%} .container .av-content-small.units {width: 73%} .boxed#top, .html_boxed.html_header_sticky #header{ width: 1010px; } .container{ max-width: 1010px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top { overflow-x: hidden; } .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header{ width: 782px;} .responsive .container{ max-width: 782px; } .responsive.html_mobile_menu_tablet .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ } } /* All Tablets and smaller */ @media only screen and (max-width: 989px) { .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell { margin: 0; margin-bottom: 20px; width: 100%; display: block; } .responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet { display: block; } } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 767px) { .responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ } .responsive #top { overflow-x: hidden; } .responsive .boxed#top, .responsive #top.boxed .stretch_full , .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; } .responsive #top .flex_column_table_cell{display: block;} .responsive #top .flex_column_table{display:block;} .responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left:0; padding-right:0; float:none; } .responsive .units, .responsive .unit { margin: 0; } .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top #wrap_all .av-flex-cells .no_margin{ display: block; margin: 0; height:auto !important; overflow: hidden; padding-left:8% !important; padding-right:8% !important; } .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{ width: 100%; max-width: 100%; margin: 0 auto; } .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{ padding-left:0% !important; padding-right:0% !important; } .responsive #top #wrap_all .flex_column:empty{margin:0;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested units, or wrap each row of units in a
*/ .clearfix:before, .clearfix:after, .flex_column:before, .flex_column:after, .widget:before, .widget:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .flex_column:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear units */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Columns for better content separation ================================================== */ body div .first, body div .no_margin { margin-left: 0; } div .flex_column { z-index: 1; float: left; position: relative; min-height: 1px; width: 100%; } div .av_one_fifth { margin-left: 6%; width: 15.2%; } div .av_one_fourth { margin-left: 6%; width: 20.5%; } div .av_one_third { margin-left: 6%; width: 29.333333333333332%; } div .av_two_fifth { margin-left: 6%; width: 36.4%; } div .av_one_half { margin-left: 6%; width: 47%; } div .av_three_fifth { margin-left: 6%; width: 57.599999999999994%; } div .av_two_third { margin-left: 6%; width: 64.66666666666666%; } div .av_three_fourth { margin-left: 6%; width: 73.5%; } div .av_four_fifth { margin-left: 6%; width: 78.8%; } div .av_one_sixth { margin-left: 6%; width: 11.666666666666666%; } div .av_one_seventh { margin-left: 6%; width: 9.142857142857142%; } div .av_one_eighth { margin-left: 6%; width: 7.25%; } div .av_one_nineth { margin-left: 6%; width: 5.777777777777778%; } div .av_one_tenth { margin-left: 6%; width: 4.6%; } /* Columns for better content separation (no margin) ================================================== */ #top div .no_margin { margin-left: 0; margin-top: 0; } #top .no_margin.av_one_fifth { width: 20%; } #top .no_margin.av_one_fourth { width: 25%; } #top .no_margin.av_one_third { width: 33.3%; } #top .no_margin.av_two_fifth { width: 40%; } #top .no_margin.av_one_half { width: 50%; } #top .no_margin.av_three_fifth { width: 60%; } #top .no_margin.av_two_third { width: 66.6%; } #top .no_margin.av_three_fourth { width: 75%; } #top .no_margin.av_four_fifth { width: 80%; } #top .no_margin.av_one_sixth { width: 16.666666666666668%; } #top .no_margin.av_one_seventh { width: 14.285714285714286%; } #top .no_margin.av_one_eighth { width: 12.5%; } #top .no_margin.av_one_nineth { width: 11.11111111111111%; } #top .no_margin.av_one_tenth { width: 10%; } /* Columns with equal height ================================================== */ #top .flex_column_table{ display: table; table-layout: fixed; width:100%; } #top .flex_column_table_cell{ float:none; display: table-cell; } #top .av-flex-placeholder{ display: table-cell; width: 6%; } .av-align-top{ vertical-align: top; } .av-align-middle{ vertical-align: middle; } .av-align-bottom{ vertical-align: bottom; } /*breaking point logic for the common 1/4 element in ipads. makes sure that it converts to a 1/2 element in most cases*/ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div { margin-left: 4%; width: 48%; } .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.first.flex_column_div { margin-left: 0%; clear: both; } .responsive .av_one_half.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div { width: 100%; } .responsive .av_one_half.first + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div { margin-top: 30px; } }/* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Table #Misc #WordPress Generated Generics */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1em; } ol, ul { list-style: none; } .special-quote { quotes: none; } .special-quote:before, .special-quote:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* #Basic Styles ================================================== */ html.responsive, .responsive body{ overflow-x: hidden; } body { font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ /*font-stacks*/ .lucida-sans-websave{ font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ; } .georgia-websave{ font-family:"Georgia", "Times New Roman", Times, serif; } .arial-websave{ font-family: Arial, Helvetica, Verdana, sans-serif; } .verdana-websave{ font-family: Verdana, Arial, Helvetica, sans-serif; } .helvetica-websave{ font-family: Helvetica, "HelveticaNeue", "Helvetica Neue", Arial, Verdana, sans-serif; } .helvetica-neue-websave{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } /*default*/ h1, h2, h3, h4, h5, h6 { /* font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */ font-weight: 600; } #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; } #top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; } h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;} h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; } h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/ h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/ h5 { font-size: 16px; line-height: 1.1em; } /*17*/ h6 { font-size: 14px; line-height: 1.1em; } .flex_column h1 a:hover, .flex_column h2 a:hover, .flex_column h3 a:hover, .flex_column h4 a:hover, .flex_column h5 a:hover, .flex_column h6 a:hover{text-decoration: underline;} p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.5em; } p { margin: 0.85em 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; } em { font-style: italic; } strong, b{ font-weight: bold; } small { font-size: 80%; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* Blockquotes */ blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 1.235em; line-height: 1.5em; } blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;} mark{ background-color: transparent; color:inherit; } /* #Links ================================================== */ a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; } a:hover, a:focus, a:visited { outline: 0; text-decoration: underline;} p a, p a:visited { line-height: inherit; } a.avianolink, .avianolink a{cursor: default;} #top .avia_hidden_link_text{display: none;} /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; margin-left: 7px;} ol { list-style: decimal; margin-left: 15px; } ol, ul.square, ul.circle, ul.disc { } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc, .entry-content-wrapper ul { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } .entry-content-wrapper li { margin-left: 1em; padding:3px 0;} .entry-content-wrapper div li { text-indent: 0; } .entry-content-wrapper .borderlist>li:first-child { border-top:1px solid; } .entry-content-wrapper .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;} /* #Images ================================================== */ img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; image-rendering: optimizeQuality; } /* #Buttons ================================================== */ input[type="submit"], #submit, .button{ padding:9px 22px; cursor:pointer; border:none; -webkit-appearance: none; border-radius: 0px; } /* #Icons ================================================== */ [data-av_icon]:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; content: attr(data-av_icon); speak: none; } /* #Forms ================================================== */ #top form { margin-bottom: 20px; } #top fieldset { margin-bottom: 20px; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 8px 6px; outline: none; font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 100%; display: block; margin-bottom: 20px; background: #fff; border-radius: 0px; } #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); color: #555; } #top textarea { min-height: 60px; line-height:1.5em;} #top label{ font-weight: bold; font-size: 0.92em; } #top legend { display: block; font-weight: normal; font-size: 1.2em; } #top select { width: 100%; } #top input[type="checkbox"] { display: inline; } #top label span, #top legend span { font-weight: normal; font-size: 13px; color: #444; } #top textarea{width:100%;} #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid #9AA600;} /*#70A41B*/ #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select{border:1px solid #DF653E;} #top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area, #top #wrap_all .ajax_alert .select{border:1px solid #ffb628;} #top #wrap_all .valid .input_checkbox_label{color:#9AA600;} #top #wrap_all .error .input_checkbox_label{color:#DF653E;} /* #Table ================================================== */ table { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 13px; } table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; font-size: 12px; } th { font-weight:bold; letter-spacing: 1.5px; text-transform: uppercase; text-align: left; padding: 9px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } td { font-size: 13px; padding: 9px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } tr th:first-child, tr td:first-child{ border-left-style: solid; border-left-width: 1px; } tr:first-child th, tr:first-child td{ border-top-style: solid; border-top-width: 1px; } #top th.nobg { background: none; border-top: 0; } /* #Other elements ================================================== */ /*code*/ pre{ clear:both; border-style: solid; border-width: 1px; overflow:auto; padding:2em; line-height: 2em; font-size: 12px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-size: 100% 4em; font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; margin-bottom: 30px; position: relative; left:0; text-transform: none; width:100%; } code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; } iframe, object, embed{ max-width:100%; } /* misc text styles */ sup{ vertical-align: super; font-size: smaller; } sub{ vertical-align: sub; font-size: smaller; } /* #Misc ================================================== */ .hidden { position: absolute; top:0; visibility: hidden;} .floatleft{float:left;} .floatright{float:right;} .clearboth{clear:both;} .special_amp{font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic; font-size: 1.3em; line-height: 0.5em; font-weight:normal;} #top .noborder, #top .noborder img{border:none;padding:0;background: transparent;} .bg_container{ background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height:100%; width:100%; position: fixed; z-index: -1; top:0; left:0; } .image-overlay{position: absolute; background: #fff; z-index: 300; height:100%; width:100%; opacity: 0; filter:alpha(opacity=0);} .avia_transform a .image-overlay{ -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .avia_transform a:hover .image-overlay{opacity: 0.7 !important;} .image-overlay .image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0; } .image-overlay .image-overlay-inside:before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff;} .image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; } .image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\E832";} .image-overlay.overlay-type-video .image-overlay-inside:before{content:"\E897";} #top .hide-inner-overlay .image-overlay-inside{display: none;} /* #WordPress Generated Generics ================================================== */ /*img alignment*/ body .alignleft, .entry-content-wrapper a:hover .alignleft{ float:left; margin:4px 10px 0px 0; display: block; position: relative; } body .alignright, .entry-content-wrapper a:hover .alignright { float:right;margin:4px 0px 0px 10px;display: block; position: relative; } body .aligncenter, .entry-content-wrapper a:hover .aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; position: relative; } .alignleft img, .alignright img{ display:block; } /*gallery*/ #top .gallery a, #top .gallery a img{ border:none; max-width: 100%; display: block; position: relative; } #top .gallery .gallery-item{ margin:1px 1px 0 0; width:80px; height:80px; padding:0; } #top .gallery-caption{ display: none; } .bypostauthor{ } .gallery-icon{ margin:0; } .gallery-item{ margin:0; } .avia_textblock .gallery p{display:none;} /*image captions*/ div .wp-caption{ max-width:100%; font-size: 11px; font-style: italic; border-width:1px; border-style: solid; margin:5px 15px 10px 0; position: relative; } #top .wp-caption img { border:medium none; display:block; padding:5px; margin:0; width:100%; } .wp-caption-text, #top .wp-caption .wp-caption-dd{ display:block; font-size:11px; font-style:italic; margin:0 auto; padding:3px 10px 5px; text-align:center; font-family: Georgia,"Times New Roman"; float: none; } #top .wp-caption.aligncenter{ margin:5px auto 10px auto; padding:0; } #top .wp-caption.alignright{ margin: 4px 0px 0px 10px; } /*smiley image*/ #top .wp-smiley{ display:inline-block; border:none; } /*calendar table*/ #wp-calendar td, #wp-calendar th{ text-align: center; font-size: 11px; padding: 3px; } /*playlist shortcode*/ .avia_textblock .wp-playlist{margin:0;} .wp-playlist-light .wp-playlist-item.wp-playlist-playing{background: transparent;} .wp-playlist-current-item img{border-radius: 500px;} .wp-playlist-current-item img[src$="media/audio.png"]{border-radius: 0px; background: #fff;} .wp-playlist-item-meta.wp-playlist-item-title{font-weight: bold;} @media only screen and (min-width: 990px){ .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden{display:none;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden{display:none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive.av-no-preview #top #wrap_all .av-small-hide, .responsive.av-no-preview #top #wrap_all .av-small-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-small-font-size-title-hidden{display:none;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive.av-no-preview #top #wrap_all .av-mini-hide, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-mini-font-size-title-hidden{display:none;} }/* Table of Content ====================================================================================================================================================== #Site Styles #Blog Styles #Page Styles #Post Formats #Portfolio Styles #Sidebar & Widgets #Footer & #Socket #Comment #CSS Animations #Media Queries */ /* ====================================================================================================================================================== #Site Styles ====================================================================================================================================================== */ #header{ position: relative; z-index: 501; /*(issues/769)*/ width:100%; background: transparent; } #header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; } /* sticky variation*/ .html_header_top.html_header_sticky #main{ padding-top:88px; } .html_header_top.html_header_transparency #header{ position: absolute; } .html_header_top.html_header_sticky #header{ position: fixed; } .html_header_top.html_header_sticky.html_bottom_nav_header #main{ padding-top:140px; } .html_bottom_nav_header .avia-search-tooltip { top: 101% !important; margin-left: -130px; } .html_header_top.html_header_sticky.html_header_unstick_top .header-scrolled-full#header { } /*big header*/ .html_header_top.html_header_sticky.html_large #main{ padding-top:116px; } .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; } .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main{ padding-top:168px; } /* stretched variation*/ .html_header_top #top .av_header_stretch .container{width:96%; padding:0; max-width: 100%;} /*logo + position variation*/ .html_header_top #top .av_logo_right .logo{ left:auto; right:0; } .html_header_top #top .av_menu_left .main_menu{left:0px; right:auto;} .html_header_top.html_main_nav_header #top .av_menu_left .main_menu{left:-13px; right:auto;} .html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a { height:50px; line-height: 50px;} .html_header_top .av_bottom_nav_header .av-logo-container .main_menu{display:none;} .html_header_top.html_bottom_nav_header #header_main{ z-index: 3; } .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; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child{width:100%; height:50px;} .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child>li:hover{z-index: 1000; position: relative;} .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown{float:right;} #header_main_alternate{ z-index: 2;} #header #header_main_alternate .container{max-height: none; height:auto;} #header_main_alternate .main_menu .menu li ul ul { left: 207px; } #header_main_alternate .avia_mega_div{ right:auto;left:0;} .html_header_top.html_logo_center .main_menu{text-align: center;} .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child{display: inline-block; width:auto; position: static;} .html_header_top.html_logo_center .logo{ left:50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .avia-msie-8 .logo img{height:100%;} .avia-msie-8.html_header_top.html_logo_center .logo { left:46%; /*ie8 rule for somewhat centering the logo*/} .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{width:auto; float:right;} .html_header_top.html_bottom_nav_header.html_logo_right .main_menu ul:first-child{width:auto; float:right;} /*top bar variation*/ .html_header_top.html_header_topbar_active.html_header_sticky #top #main{ padding-top:119px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main{ padding-top:147px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main{ padding-top:170px; } .html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main{ padding-top:198px; } /*top bar element alignment*/ .av_icon_active_left .social_bookmarks{ float: left; } .av_icon_active_right .social_bookmarks{ float: right; } .av_secondary_right .sub_menu{float:right;} .av_phone_active_left .phone-info{ float: left; } .av_phone_active_right .phone-info{ float: right; } /*header with social icons and bottom nav */ .phone-info { float: left; font-weight: bold; line-height: 20px; font-size: 11px; padding:5px 0; } .phone-info span{ display: inline-block; line-height: 1em;} .av_secondary_left .sub_menu>ul>li:last-child, .av_secondary_left .sub_menu>div>ul>li:last-child{ border:none; padding-right: 0;} .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;} .av_secondary_left .sub_menu>ul>li:first-child{padding-left:0;} .av_icon_active_left.av_secondary_left .sub_menu>ul>li:first-child{padding-left:10px;} .av_icon_active_right.av_secondary_right .sub_menu>ul>li:first-child{padding-left:10px;} .av_secondary_right .sub_menu{padding-left:10px;} .av_icon_active_right .social_bookmarks{padding-left:20px;} .av_secondary_left .sub_menu{padding-right:10px;} /* .html_boxed.html_header_sticky #header{ width:auto; } */ .html_boxed #main {position: static; /*necessary for boxed layout + fix bg sections */ overflow: hidden; } .html_logo_right.html_bottom_nav_header #header_main .social_bookmarks{right:auto; left:0;} /*header with social icons and main nav */ #top nav .social_bookmarks{ position: relative; top: 50%; margin-top: -16px; right: 0; overflow: hidden; clear: none; float: left; } .avia-menu.av_menu_icon_beside{padding-right:25px; margin-right:25px; border-right-width: 1px; border-right-style: solid; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .fallback_menu + .social_bookmarks { padding-left: 18px; } #header_meta{ border-top:none; z-index: 10; min-height: 30px; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:-1px; } #header_meta .container{min-height: 30px;} #header_main{ border-bottom-width: 1px; border-bottom-style: solid; z-index: 1; } #header.shadow{box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);} .header_bg{ position: absolute; top:0; left:0; width:100%; height:100%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ z-index: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .html_header_sticky_disabled .header_bg { opacity: 1; filter: alpha(opacity=100); } .avia-msie-8.html_header_transparency .av_header_sticky_disabled#header{background: transparent;} /*minimal header*/ .av_minimal_header .header_bg{opacity:1; filter:alpha(opacity=100);} .av_minimal_header #header_main, .av_minimal_header #header_meta{border:none;} .av_minimal_header .avia-menu-fx{display: none;} #top #header.av_minimal_header .main_menu ul:first-child >li > ul, #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu{border-top: none;} .av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a{ height:90px; line-height: 90px; } .html_header_top.html_header_sticky.html_large .av_minimal_header #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child > li a {height:118px; line-height: 118px;} #top .av_minimal_header #s{border:none; padding: 12px 47px 12px 5px; } #top .av_minimal_header .ajax_search_entry{border:none;} .av_minimal_header_shadow{ box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); } .av_minimal_header_shadow.av_header_transparency{ box-shadow: 0 0 0px 0px rgba(0,0,0,0.0); } .av_minimal_header #header_main_alternate{border:none;} /*transparent header*/ .html_header_transparency #main{padding-top: 0 !important;} #top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover{ opacity: 0.8; } #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity: 0; filter:alpha(opacity=0);} #top .av_header_transparency #header_main, #top .av_header_transparency .avia-menu.av_menu_icon_beside{border-color: transparent;} #top .av_header_transparency .header_bg{background-color: transparent; opacity: 0; filter:alpha(opacity=0);} #top .av_header_transparency .phone-info, #top .av_header_transparency .social_bookmarks li a {color:inherit;} #top #header.av_header_transparency .avia_mega_div{margin-top:1px; padding-top:1px;} #top .av_header_transparency .avia-menu-fx {bottom: 22%; width: 70%; left: 15%;} #top .av_header_transparency .phone-info.with_nav span{ border-color: rgba(255, 255, 255, 0.25); color:#fff; } #top .av_header_transparency #header_meta li{ border-color: rgba(255,255,255,0.25); color:inherit; } #top .av_header_transparency #header_meta{background: transparent; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.25); } .html_header_transparency #header_meta{ -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out;} /*transparent glassy*/ #top .av_header_glassy.av_header_transparency .header_bg{background-color: #fff; opacity: 0.1; filter:alpha(opacity=10); } #top .av_header_glassy.av_header_transparency #header_main{border-color: rgba(255,255,255,0.25); border-top-color: transparent;} #top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside{ border-color: rgba(255, 255, 255, 0.25); } #top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a{border-color: rgba(255,255,255,0.25); color:#fff;} #top .av_header_glassy.av_header_transparency #header_main_alternate{border-bottom-color: rgba(255,255,255,0.25);} /*with border*/ #top .av_header_with_border.av_header_transparency #header_main{ border: 1px solid rgba(255,255,255,0.25); border-left: none; border-right: none; border-top-color: transparent;} #top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{border-color: rgba(255,255,255,0.25);} /*disabled search icon*/ .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; -webkit-box-sizing: content-box; box-sizing: content-box;} /*scrolldown header*/ #top .av_header_scrolldown{ -webkit-transition: opacity 0.6s ease-out, margin 0.6s ease-out; transition: opacity 0.6s ease-out, margin 0.6s ease-out; margin-top:0px; } #top .av_header_scrolldown.av_header_transparency{opacity: 0;margin-top:-250px !important;} .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .container, .html_header_transparency.html_header_scrolldown #top .avia-builder-el-0 .slideshow_inner_caption {padding-top: 0;} /*perma hidden*/ #top .header_hidden{display:none;} /*header separator variations*/ .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;} .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text{border-left:none;} .av_seperator_big_border .av-main-nav > li > a{border-left-style: solid; border-left-width:1px; text-align: center; min-width: 90px;} #top .av_seperator_big_border .av-main-nav > li:last-child > a, #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-right-style: solid; border-right-width:1px; } #top .av_seperator_big_border .av-main-nav > #menu-item-search > a{border-left-style: solid; border-left-width:1px; border-color: inherit; } #top .av_seperator_big_border#header .av-menu-button > a .avia-menu-text{border:none;} .av_seperator_big_border .avia-menu.av_menu_icon_beside{ padding-right: 0; } #top .av_seperator_big_border#header .av-main-nav > li > a{padding:0 13px;} #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style:none;border-right-width:0;} .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;} .avia-menu-subtext, #top .sub-menu .avia-menu-subtext{display:none;} /*menu flyout position*/ .html_header_top #top .av_menu_left .main_menu .menu li ul ul{ left: 207px} /*sidebar headers*/ .html_header_sidebar{} .html_header_sidebar #top #header{width:300px; position: absolute; min-height:100%; border-bottom:none;} .html_boxed.html_header_sidebar #wrap_all{position: relative;} .html_header_sidebar #top #header_main{border-top:none;} .html_header_sidebar #header .container{width:100%; height:auto; line-height: 1.3em; padding:0; float:none; max-width: 100%;} .html_header_sidebar .header_bg{ opacity: 1; filter: alpha(opacity=95); } .html_header_left #top #header{} .html_header_right #top #header{ right: 0;} .html_header_left #main{ margin-left:300px; position: relative; border-left-style:solid; border-left-width:1px; } .html_header_right #main{margin-right:300px; position: relative; border-right-style:solid; border-right-width:1px; } .html_header_sidebar #top #header.av_always_sticky{position: fixed; -webkit-backface-visibility: hidden; /*fix for layout bugs when scrolling*/} .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%;} .html_header_sidebar .logo img{width:100%; max-height: none; padding:0; height:auto;} .html_header_sidebar .main_menu{position: relative; clear:both; z-index: 200;} .html_header_sidebar #header .av-main-nav , .html_header_sidebar #header .av-main-nav-wrap{width:100%;} .html_header_sidebar #header .av-main-nav {padding:20px 0;} .html_header_sidebar #header .av-main-nav > li{ float:none; display: block; margin:0 13%;} .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;} .html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{font-size:16px; font-weight:normal; display:block;} .html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{display:block; font-weight:normal; font-size:12px; padding-top: 3px;} .html_header_sidebar #header .av-main-nav > li:last-child > a{border:none;} .html_header_sidebar #header .av-main-nav > li:nth-last-child(2) > a{border:none;} .html_header_sidebar #header .avia-menu-fx{display:none;} .html_header_sidebar .av-main-nav ul{border-top-width: 1px;} .html_header_left .av-main-nav ul{top:0; left:100%; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); } .html_header_left #top .av-main-nav ul ul{left:207px; top:-1px;} .html_header_right .av-main-nav ul{top:0; left:auto; right:100%; box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1); } .html_header_right #top .av-main-nav ul ul{left:-207px; top:-1px;} .html_header_sidebar #top .av-main-nav ul a{padding: 12px 15px;} .html_header_sidebar #main > .avia-builder-el-0{border-top:none;} .html_header_sidebar #top #header .av-menu-button > a{border:none;} .html_header_sidebar #top #header .av-menu-button + .av-menu-button > a{padding-top:0;} .html_header_sidebar #top #header .av-menu-button-colored:hover{opacity: 0.8;} .html_header_left #header .avia_mega_div{left:100%; top:0; } .html_header_right #header .avia_mega_div{right:100%; top:0; } .html_header_sidebar #top #header .avia_mega_div > .sub-menu{border-width: 1px; border-style:solid; } .html_header_sidebar.html_content_align_left .container {float:left;} .html_header_sidebar.html_content_align_right .container {float:right;} .html_header_sidebar.html_content_align_left #footer, .html_header_sidebar.html_content_align_right #footer, .html_header_sidebar.html_content_align_left #socket, .html_header_sidebar.html_content_align_right #socket { overflow: hidden; } .html_header_sidebar .container_wrap { width: 100%; } #header .avia-custom-sidebar-widget-area{margin:0; padding:0; float:none;} #header .avia-custom-sidebar-widget-area .widget{border-top-style: solid; border-top-width:1px; padding:40px; width:100%; overflow: hidden;} .html_header_sidebar .av-sidebar-social-container{position: relative; clear: both; overflow: hidden;} .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;} .html_header_sidebar #top #header .social_bookmarks li{float:none; display:table-cell; text-align: center;} .html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a{border:none;} .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;} .html_header_sidebar .av_default_container_wrap, .html_header_sidebar .container_wrap_first{ float: left; } /*main header on top, logo below*/ .html_top_nav_header #header_main_alternate{border-top:none; border-bottom-style: solid; border-bottom-width:1px; } .html_top_nav_header.html_minimal_header #header_main_alternate{border:none;} .html_top_nav_header div .logo{position: relative;} .html_top_nav_header .av-logo-container .inner-container{position: relative; overflow: hidden;} .html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main{padding-top:50px;} .html_top_nav_header .av-logo-container{height:88px;} .html_top_nav_header.html_large .av-logo-container{height:150px;} .html_top_nav_header #header_main{border:none;} /*burger menu*/ .av-hamburger { padding: 0 0 0 0; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .av-hamburger-box { width: 35px; height: 24px; display: inline-block; position: relative; } .av-hamburger-inner { display: block; top: 50%; margin-top: -2px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width: 40px; height: 3px; background-color: #000; border-radius: 3px; position: absolute; transition: transform 0.15s ease; } .av-hamburger-inner::before, .av-hamburger-inner::after { content: ""; display: block; } .av-hamburger-inner::before { top: -10px; } .av-hamburger-inner::after { bottom: -10px; } /* * Spin */ .av-hamburger--spin .av-hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin .av-hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease; } .av-hamburger--spin .av-hamburger-inner::after { 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; } .av-hamburger--spin.is-active .av-hamburger-inner { transform: rotate(225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .av-hamburger--spin.is-active .av-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease; } .av-hamburger--spin.is-active .av-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); 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; } /*own additions*/ .av-burger-menu-main{ display:none; -webkit-transition: padding 0.3s ease-out; transition: padding 0.3s ease-out;} .js_active.html_burger_menu #avia-menu > li{display:none;} .js_active.html_burger_menu #avia-menu .av-burger-menu-main, .html_burger_menu #top #avia-menu .menu-item-search-dropdown{ display:block; } .av-burger-menu-main{cursor: pointer;} .av-burger-menu-main a{padding-left:10px;} .av-hamburger strong{display:none;} .av-hamburger-box { height: 8px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width:100%; } .html_burger_menu #top #wrap_all .menu-item-search-dropdown > a{font-size:24px;} html.av-burger-overlay-active #top .menu-item-search-dropdown > a{color:#fff;} .html_burger_menu_active .menu-item{display: none;} .html_burger_menu_active .menu-item-avia-special{ display:block; } .html_burger_menu_active #top #wrap_all .menu-item-search-dropdown > a {font-size: 24px;} .html_header_sidebar #top div .av-burger-menu-main{display:none;} .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a{background: transparent; position: relative; z-index: 10; } /* * Spin Reverse */ .av-hamburger--spin-r .av-hamburger-inner { transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .av-hamburger--spin-r .av-hamburger-inner::before { transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; } .av-hamburger--spin-r .av-hamburger-inner::after { transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); 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); } .av-hamburger--spin-r.is-active .av-hamburger-inner { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .av-hamburger--spin-r.is-active .av-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; } .av-hamburger--spin-r.is-active .av-hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); 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); } .av-burger-overlay{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index:100; display: none; overflow: hidden; opacity: 0; } .av-burger-overlay-inner, .av-burger-overlay-bg{ position: absolute; top: 0; left: 0; height:100%; width: 100%; min-height: 700px; display:table; vertical-align: middle; text-align: center; z-index: 5; } .av-burger-overlay-bg{ z-index: 3; opacity: 0.9; background: #000; display: block; position: fixed; } .av-burger-overlay-scroll{ overflow: auto; position: absolute; height: 100%; width: 100%; z-index: 10; -webkit-overflow-scrolling: touch; } #av-burger-menu-ul li a{position: relative; display: block; -webkit-transition: none; transition: none; } #av-burger-menu-ul li ul { background:transparent; } html.av-burger-overlay-active #header_meta, html.av-burger-overlay-active #menu-item-shop.cart_dropdown, html.av-burger-overlay-active .cart_dropdown, html.av-burger-overlay-active #top .social_bookmarks{ z-index: 1; } .av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after{ background-color:#fff; } .av-burger-overlay-active #top #header .av-main-nav > li > a{background: transparent;} .av-burger-overlay-active #scroll-top-link{z-index:150;} #av-burger-menu-ul{display: table-cell; height: 100%; width:100%; vertical-align: middle; padding:125px 0;} .html_av-overlay-full #av-burger-menu-ul li{display:block; height:auto; width:100%; padding:0.3em 0; font-size: 35px;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li{line-height:1.6em;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li{font-size: 0.6em; line-height:1.4em;} .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li li{font-size: 0.8em; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a{color:#fff; height:auto; line-height:inherit; font-size: inherit;} .html_av-overlay-full #av-burger-menu-ul li a:hover, .html_av-overlay-full #av-burger-menu-ul li a:active, .html_av-overlay-full #av-burger-menu-ul li a:focus{ text-decoration: none; opacity: 0.7;} .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a, .html_av-overlay-full.av-burger-overlay-active #top #wrap_all #menu-item-search a:hover{ color:#fff; } #top #wrap_all #av-burger-menu-ul > li{ opacity:0; position: relative; top:18px; -webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out; transition: opacity 0.3s ease-out, top 0.3s ease-out, left 0.3s ease-out; -webkit-transform: translate3d(0,0,0); /*fixes disapearing in ios*/ } #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items{ opacity:1; top:0; left:0; } .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button > a .avia-menu-text{ padding: 0.5em 1.5em; } .html_av-overlay-full #top #av-burger-menu-ul .av-menu-button{ margin-top: 0.4em;} .html_av-overlay-full #av-burger-menu-ul li ul li a { font-size: 1.3em; } #av-burger-menu-ul li a .avia-menu-subtext{ display: block; font-size: 0.6em; line-height: 1.2em; margin: -10px 0 13px 0; opacity: 0.7; text-transform: none; } .html_av-overlay-side #av-burger-menu-ul li a .avia-menu-subtext{ font-size:1em; margin:0; opacity: 0.9; } #av-burger-menu-ul .avia-menu-fx{display:none;} /*small*/ #top .av-small-burger-icon{ -ms-transform: scale(0.6); transform: scale(0.6); transform-origin: right; } #top #wrap_all #header .av-small-burger-icon a{padding:0;} /*side opening menu*/ .html_av-overlay-side .av-burger-overlay-bg{opacity: 0.3; cursor: pointer;} .html_av-overlay-side #top .av-burger-overlay li {margin:0;} .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;} .html_av-overlay-side #top .av-burger-overlay li a:hover{ text-decoration: none; } .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{top:0; left:18px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li a{padding-left:70px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a{padding-left:90px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li a{padding-left:110px;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li li li li li a{padding-left:130px;} .html_av-overlay-side .av-burger-overlay-scroll{width:350px; right:0; max-width:100%; -webkit-transform: translateX(350px); transform: translateX(350px); -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1); transition: all 0.5s cubic-bezier(0.75, 0, 0.25, 1); } .html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll{-webkit-transform: translateX(0); transform: translateX(0);} .html_av-overlay-side #top #wrap_all #av-burger-menu-ul > li{ opacity:1; top:0; left:0;} /*side opening menu classic*/ .html_av-overlay-side-classic #top .av-burger-overlay{ font-size: 1em; } .html_av-overlay-side-classic #av-burger-menu-ul{vertical-align: top;} .html_av-overlay-side-classic #top .av-burger-overlay li a{ border-bottom-style: solid; border-bottom-width: 1px; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet{ height: 1px; display: block; position: absolute; margin-top: 0; opacity: 0.3; border: none!important; width: 7px; left: 50px; top: 50%;} .html_av-overlay-side-classic #top .av-burger-overlay li li li .avia-bullet{ left: 70px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li .avia-bullet{ left: 90px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li li .avia-bullet{ left: 110px; } .html_av-overlay-side-classic #top .av-burger-overlay li li li li li li .avia-bullet{ left: 130px; } /*side opening menu minimal*/ .html_av-overlay-side-minimal .av-burger-overlay-bg{opacity: 0.1;} .html_av-overlay-side-minimal #top .av-burger-overlay{ font-size: 1.1em; } .html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu{ font-size: 0.9em; } /*hidden submenu items*/ /*#top #av-burger-menu-ul .av-show-submenu > ul{display: block;}*/ .html_av-submenu-hidden #av-burger-menu-ul li ul{display:none;} .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;} .html_av-submenu-hidden .av-submenu-indicator:before{ content:"\E87d"; font-family: 'entypo-fontello';} .html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator{-webkit-transform: rotate(90deg); transform: rotate(90deg);} /*logo*/ div .logo{ float:left; position: absolute; left:0; z-index: 1;} .logo, .logo a{ overflow: hidden; position: relative; display: block; height: 100%; } .logo img{ padding:0; display: block; width: auto; height: auto; max-height: 100%; image-rendering:auto; position: relative; z-index: 2; height : 100%\9; /*hack: fixes ie8 logo*/ height: auto\9; /*hack: fixes ie8 squished logo*/ -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .logo img.alternate{ position: absolute; z-index: 1; top:0; left:0; opacity: 0; } .av_header_transparency .logo img.alternate{opacity: 1;} /*menu*/ .main_menu{ clear:none; position: absolute; z-index: 100; line-height:30px; height:100%; margin:0; right:0; } .main_menu .pointer_arrow_wrap{display:none;} .av-main-nav-wrap{float:left; position: relative; z-index: 3;} .av-main-nav-wrap ul{ margin:0; padding: 0; } .av-main-nav{z-index: 110; position: relative;} .av-main-nav 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; } .av-main-nav ul li { margin:0; padding:0; width:100%; } .av-main-nav ul li a { border-right-style: solid; border-right-width:1px; border-left-style: solid; border-left-width:1px; } .av-main-nav ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 1px; } .av-main-nav li{ float:left; position:relative; z-index:20; } .av-main-nav li:hover{ z-index: 100 } .av-main-nav > li > ul { border-top-width:2px; border-top-style: solid; } .av-main-nav > li { line-height: 30px; } .av-main-nav li a { max-width:none; /* fixes IE8 menu width issue*/ } .av-main-nav > li > a { display:block; text-decoration: none; padding:0 13px; font-weight: normal; font-size:12px; font-weight: 600; font-size: 13px; -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.8s ease-in-out; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.8s ease-in-out; } .av-main-nav > li > a , div #menu-item-shop.cart_dropdown{ -webkit-transition: none; transition: none; -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.8s ease-in-out; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.8s ease-in-out; } .av_header_transparency .av-main-nav > li > a , .av_header_transparency #menu-item-shop.cart_dropdown{ -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } #top .av-main-nav ul a{ width:100%; height:auto; float:left; text-align:left; line-height:23px; padding:8px 15px; font-size: 12px; min-height: 23px; max-width: none; text-decoration: none; font-family: inherit; } #top .av-main-nav ul ul { left:-207px; top:0px; margin:0; border-top-style: solid; border-top-width: 1px; padding-top: 0px } .av-main-nav li:hover ul ul{ display:none; } #top .av-main-nav li:hover > ul { display:block; } .avia-menu-fx{position: absolute; bottom:-1px; height:2px; z-index: 10; width:100%; left:0; opacity: 0; visibility: hidden; } .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;} .avia-menu-fx .avia-arrow-wrap{ height:10px; width:10px; position: absolute; top:-10px; left:50%; margin-left:-5px; overflow: hidden; display:none; visibility: hidden; } .current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap{display:block;} .avia-menu-fx .avia-arrow-wrap .avia-arrow{ top: 10px; } .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a{ padding-right:0; } .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; } .html_bottom_nav_header .av-logo-container .main_menu{display:none;} /*mega menu styles*/ .main_menu .avia-bullet{display:none} #top #header .menu-item-mega-parent.current-menu-item{overflow: visible!important;} #top #header .mega_menu_title a{ color:inherit; font-size: 17px; line-height: 1.1em; padding:0; margin:0; background: transparent; border:none; } #top #header .mega_menu_title a:hover{ text-decoration: underline; } #header .avia_mega_div{ /* use similar styles to .main_menu .menu ul */ display: none; margin: -1px 0 0 0; right: 0; position: absolute; top: 100%; z-index: 2; box-shadow: 0 32px 60px rgba(0, 0, 0, 0.1); overflow: hidden; padding:1px 0 0; text-align: left; } #header.av_minimal_header .avia_mega_div{ margin:0; border-top-style:solid; border-top-width:1px; } #header.av_minimal_header .avia_mega_div .units{border-right:none; } #header .avia_mega_div .units{ padding:0 14px 0 15px; margin:0; border-right-style:dotted; border-right-width:1px; } #header li:hover .avia_mega_div{ display:block; } #top #header .avia_mega_div ul, #top #header .avia_mega_div li{ /*reset list styles for mega menus*/ position: relative; display:block; top:auto; left:auto; height:auto; } #top #header .avia_mega_div .sub-menu{ overflow: hidden; width:100%; box-shadow: none; border-style:none; border-width:0px; position: relative; top:0; display:block; left:0; clear: both; } /*wrapper arround all columns*/ #top #header .avia_mega_div > .sub-menu{ display: table; padding:20px 30px 30px; border-top-style:solid; border-top-width:2px; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr { padding-top: 30px; } /*columns*/ #top #header .avia_mega_div > .sub-menu > li{ display: table-cell; float:none; padding-top:10px; padding-bottom:0; vertical-align: top; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr{ border-top-width:1px; border-top-style:dashed; } /*columns inner*/ #top #header .avia_mega_div > .sub-menu > li > ul{ padding:0; } /*column lists*/ #top #header .avia_mega_div > .sub-menu > li > ul li{ display: block; float: none; padding: 0; margin:0; list-style-type: circle; list-style-position: inside; } /*nested column lists*/ #top #header .avia_mega_div > .sub-menu > li > ul ul li{ margin-left:15px; } /*column lists links*/ #top #header .avia_mega_div > .sub-menu > li > ul > li a{ width:auto; float:none; display: block; border:none; padding:3px 12px 3px 12px; font-weight: normal; height: auto; line-height: 23px; } #header .avia_mega_div .avia_mega_menu_columns_first{ padding-left:0; } #header .avia_mega_div .avia_mega_menu_columns_last{ padding-right:0; border-right-style:none; border-right-width:0; } .avia-bullet { display: block; position: absolute; height: 0; width: 0; top: 51%; margin-top: -3px; left: -3px; border-top: 3px solid transparent !important; border-bottom: 3px solid transparent !important; border-left: 3px solid green; } .avia_mega_div .avia-bullet { margin-top: 12px; left: 3px; display: block; top: 0; } /*mega text blocks*/ #header .mega_menu_title{ margin-bottom:8px; font-size: 17px; line-height: 1.1em; font-weight: 600; display: block; } #header .avia_mega_text_block{ line-height: 21px; } #top #header .avia_mega_div .sub-menu .avia_mega_text_block a{ padding:0; display: inline; border:none; text-decoration: underline; } /*menu button style*/ #top #wrap_all #header .av-menu-button > a{background: transparent;} #top #wrap_all .av_header_border_disabled .av-menu-button > a{border:none; } .av-menu-button + .av-menu-button{margin-left: -10px;} .av-menu-button + .av-menu-button > a{padding-left:0px;} #top .av-menu-button > a .avia-menu-text{ padding: 9px;} #top .av-menu-button > a .avia-menu-text{border: 2px solid; border-radius: 2px;} .av-menu-button > a .avia-menu-fx{display:none} .av-menu-button-colored > a .avia-menu-text{ padding: 11px 10px 10px 10px; } #top .av-menu-button-colored > a .avia-menu-text{border-bottom: 1px solid; border-left: none; border-right: none; border-top: none; border-radius: 3px;} .av-menu-button-colored > a:hover .avia-menu-text{opacity: 0.9;} #top #header .av-menu-button > a .avia-menu-subtext{display:none;} #top #header .av-menu-button > a .avia-menu-text{text-align: center; white-space: nowrap;} /*ajax search*/ #top #menu-item-search{ z-index: 100; } #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont{ font-size: 17px; } #top #menu-item-search.menu-item-search-dropdown>a{ border-left:none; } #top #menu-item-search:hover>a{ background: transparent; color: inherit; } .avia-search-tooltip{ position: absolute; z-index: 9999999; padding:0; width: 300px; top: 85% !important; margin-left: -120px; border-radius: 2px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); border-width:1px; border-style: solid; } .avia-search-tooltip .avia-arrow-wrap{ width:20px; height:20px; position: absolute; top:-20px; right:10px; margin-left:-10px; overflow: hidden; } .avia-arrow{ height:10px; width:10px; position: absolute; top:-6px; left:50%; margin-left:-5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width:1px; border-style: solid; visibility: hidden\9; } .avia-search-tooltip .avia-arrow{ top: 15px; } #top #searchform {margin:0; padding:0;} #top #searchform>div{position: relative; max-width: 300px;} #top .widget #searchform>div{margin:0; max-width: 100%;} #top #searchform br{display:none;} #top #s{width:100%; position: relative; padding:11px 47px 11px 5px; z-index: 1; margin:0; box-shadow: none;} #top #searchsubmit, .ajax_load{ width: 40px; height: 100%; line-height: 40px; padding: 0; position: absolute; right: 0; top : 0; z-index: 2; margin:0; border-radius: 0; min-width: 40px; } .avia_mobile #top #searchsubmit, .avia_mobile .ajax_load{ height: 41px; } .avia-search-tooltip #searchform>div{ margin:16px; } .ajax_load{ z-index: 5; } .ajax_load_inner{ background: url(//ipaiindia.org/wp-content/themes/enfold/images/layout/loading.gif) no-repeat scroll center center #fff; opacity: 0.5; position: absolute; top:0; left:0; right:0; bottom:0; } #top #searchform .ajax_search_response{ line-height: 1.4em; font-size: 12px; margin:0; } .ajax_search_response h4{ padding:20px 16px 2px 16px; font-size: 14px; margin:0; } .ajax_search_response h4:first-child{ padding-top:0px; border:none; } #top div .ajax_search_entry{ display:block; text-decoration: none; line-height: 1.4em; font-size: 12px; height:auto; padding:10px 16px; border-bottom-style: dashed; border-bottom-width: 1px; clear:both; overflow: hidden; } #top div .ajax_search_entry.with_image .ajax_search_image{ background: transparent; } .ajax_search_content{ overflow: hidden; display: block; } .ajax_search_title{ display:block; font-weight: bold; text-transform: uppercase; } .ajax_not_found .ajax_search_title{ text-transform: none; } .ajax_search_image{ height:32px; line-height:32px; text-align: center; width:32px; float:left; margin-right:8px; border-radius: 40px; overflow: hidden; font-size: 15px; } .ajax_search_image img{ display:block; border:none; max-width: 100%; min-height:32px; min-width:32px; } .ajax_search_excerpt { font-size: 12px; line-height: 1.4em; display: block; margin-top: 3px; font-style: italic; } #top div .ajax_search_entry_view_all{ text-align: center; font-weight: bold; border:none; } #top div .ajax_not_found, #top div .ajax_search_entry.ajax_not_found:hover{border:none; background: transparent;} /*title container*/ /*avia title big*/ .title_container{ position: relative; } #top .title_container .container{ padding-top:10px; padding-bottom:10px; min-height: 56px; } .title_container .main-title { margin: 0; font-size: 16px; position: relative; z-index: 2; min-height: 36px; line-height: 2.3em; top: 0; font-weight: 400; } .title_container .main-title a{text-decoration: none;} .title_meta, #top .portfolio-entry .title_meta{ display: block; clear: both; position: relative; z-index: 1; margin-top:-1em; padding:0; } .title_meta p{ margin: 1.3em 0 0 0; } .title_container .breadcrumb { z-index: 10; line-height: 15px; font-size: 11px; position: absolute; right: 50px; top:50%; margin-top: -7px; } .breadcrumb a{text-decoration: none;} .breadcrumb a:hover{text-decoration: underline;} .breadcrumb-trail .trail-before, .breadcrumb-trail .trail-end, .breadcrumb-trail .sep, .breadcrumb-trail a, .breadcrumb-trail .bbp-breadcrumb-current{ display: block; float: left; padding:0px 3px; } .breadcrumb-trail span, .bbp-breadcrumb-current a{display: inline; padding:0; float:none;} .breadcrumb .sep{ display: block; overflow: hidden; width:8px; } /*blank pages*/ #top.avia-blank #wrap_all #main{ padding-top: 0 !important; margin:0;} #top.avia-blank #wrap_all #main .container { padding-top: 0 !important;} #top.avia-blank{ height: 100%; position: absolute; width: 100% !important; margin: 0; display: table; vertical-align: middle; float: none; top:0; left:0; table-layout: fixed; } #top.boxed.avia-blank{ max-width:100% !important; } #top.boxed.avia-blank .container{ margin: 0 auto; } #top.avia-blank #wrap_all{ display: table-cell; float: none; vertical-align: middle; } #top.avia-blank #wrap_all #main{ padding:0; } #top.avia-blank #main .container_wrap:last-child{ border-bottom-style: solid; border-bottom-width: 1px; } #top.avia-blank #main .container_wrap:first-child{ border-top-style: solid; border-top-width: 1px; } /*--------------------framed layout---------------*/ .av-frame{ position: fixed; z-index: 600; } .html_av-framed-box .av-frame.av-frame-vert{ left:0; width:100%; top:0; } .html_av-framed-box .av-frame.av-frame-hor{ top:0; height:100%; left:0; } .html_av-framed-box .av-frame.av-frame-bottom{ top:auto; bottom:0; } .html_av-framed-box .av-frame.av-frame-right{ left:auto; right:0; } .html_av-framed-box.html_av_admin_bar_active .av-frame.av-frame-top{ margin-top:32px; } .html_header_top.html_header_sticky.html_av-framed-box #header{ left:0; } .html_header_top.html_header_sticky.html_av-framed-box #header_main, .html_header_top.html_header_sticky.html_av-framed-box #header_meta { margin:0 50px; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @media (max-width: 900px){ .mfp-arrow { text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } } /*--------------------alternate header styles---------------*/ /*social bookmarks*/ #top .social_bookmarks { height: 30px; z-index: 150; -webkit-backface-visibility: hidden; margin: 0 0 0 -9px; } #top .social_bookmarks li{ height:100%; float:left; padding:0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-right-style: solid; border-right-width: 1px; display: block; width:30px; } #top #header .social_bookmarks li:last-child{border-right-style:none; border-right-width:0;} #top .social_bookmarks li a{ float:left; width:30px; line-height:30px; display: block; margin:0px; outline: none; padding:0; min-height:30px; height:100%; overflow: visible; z-index: 2; position: relative; text-align: center; } #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li{background: transparent;} #top #wrap_all .social_bookmarks li a:hover{ text-decoration: none; } #top #wrap_all .av-social-link-rss:hover a{color:#fff; background-color:#ffa133; } #top #wrap_all .av-social-link-facebook:hover a{color:#fff; background-color:#37589b; } #top #wrap_all .av-social-link-twitter:hover a{color:#fff; background-color:#46d4fe; } #top #wrap_all .av-social-link-mail:hover a{color:#fff; background-color:#9fae37; } #top #wrap_all .av-social-link-dribbble:hover a{color:#fff; background-color:#e44885; } #top #wrap_all .av-social-link-linkedin:hover a{color:#fff; background-color:#419cca; } #top #wrap_all .av-social-link-search:hover a{color:#fff; background-color:#222222; } #top #wrap_all .av-social-link-gplus:hover a{color:#fff; background-color:#de5a49; } #top #wrap_all .av-social-link-behance:hover a{color:#fff; background-color:#008cfa; } #top #wrap_all .av-social-link-flickr:hover a{color:#fff; background-color:#ff0086; } #top #wrap_all .av-social-link-forrst:hover a{color:#fff; background-color:#234317; } #top #wrap_all .av-social-link-myspace:hover a{color:#fff; background-color:#000000; } #top #wrap_all .av-social-link-tumblr:hover a{color:#fff; background-color:#345574; } #top #wrap_all .av-social-link-vimeo:hover a{color:#fff; background-color:#31baff; } #top #wrap_all .av-social-link-youtube:hover a{color:#fff; background-color:#a72b1d; } #top #wrap_all .av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027; } #top #wrap_all .av-social-link-skype:hover a{color:#fff; background-color:#12a5f4; } #top #wrap_all .av-social-link-instagram:hover a{color:#fff; background-color:#a67658; } #top #wrap_all .av-social-link-five_100_px:hover a{color:#fff; background-color:#222222; } #top #wrap_all .av-social-link-soundcloud:hover a{color:#fff; background-color:#F76700; } #top #wrap_all .av-social-link-xing:hover a{color:#fff; background-color:#006567; } #top #wrap_all .av-social-link-vk:hover a{color:#fff; background-color:#597BA5; } #top #wrap_all .av-social-link-reddit:hover a{color:#fff; background-color:#FF4500; } #top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks{ position: absolute; top:50%; margin-top: -15px; right:0; } .html_bottom_nav_header .main_menu .social_bookmarks{display:none} .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{ left:0; right: auto; } #top .av-logo-container .social_bookmarks li{ border:none; } #top .av-logo-container .social_bookmarks li a{border-radius: 100px;} /*first level*/ .sub_menu{ float:left; z-index: 2; font-size: 11px; line-height: 30px; position: relative; top:10px; } #top .sub_menu>ul{ float:left; margin:0; } #top .sub_menu>ul, #top .sub_menu>ul>li{background: transparent;} .sub_menu li{ float:left; position: relative; padding:0 10px; border-right-style: solid; border-right-width: 1px; line-height: 10px; } .sub_menu>ul>li>a, .sub_menu>div>ul>li>a{ text-decoration: none; font-weight: bold; padding:7px 0; } /*second level*/ #top .sub_menu li ul{ display: none; position: absolute; width:170px; padding:4px 0; z-index: 101; box-shadow: 0 8px 15px rgba(0,0,0,0.1); left:-50%; margin:0; border-style: solid; border-width: 1px; top:19px; } #top .sub_menu li:hover>ul{ display:block; } .sub_menu>ul>li:hover>a{ text-decoration: underline; } .sub_menu li li{ float:none; line-height: 20px; border:none; padding: 0 0; margin:0; } #top .sub_menu li li a{ width: 100%; height: auto; text-align: left; line-height: 23px; padding: 6px 18px; font-size: 12px; min-height: 23px; max-width: none; text-decoration: none; display: block; border-top-style: dashed; border-top-width: 1px; } #top .sub_menu li li:first-child > a { border: none; } #top .sub_menu li li a:hover{ text-decoration: none; background: #f8f8f8; } /*third level and deeper*/ #top .sub_menu li li ul{ top:-1px; left:-169px; background: none; padding: 0; } .pointer_arrow{ border-style:solid; border-width:1px; } /*--------------------lightbox enhancements---------------*/ /* .mfp-figure - container that holds image and caption .mfp-bg - black overlay .mfp-preloader - "Loading..." incdicator */ .mfp-ready .mfp-figure { opacity: 0; } div .mfp-title{ line-height: 1.4em; font-size: 13px; } .mfp-title a{ text-decoration: underline; color:#fff;} .mfp-title a:hover{ text-decoration: none; opacity: 0.8;} .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler{ opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler{ opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler{ -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader { opacity: 0; } div.avia-popup .mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/} div.avia-popup .mfp-zoom-out-cur { cursor: auto; } div.avia-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } div.avia-popup .mfp-close { width: 40px; height: 40px; right: -13px; text-align: center; border-radius: 100px; border: 2px solid transparent; line-height: 38px; padding: 0; top: -5px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-family: Arial, Baskerville, monospace !important; } div.avia-popup .mfp-close:hover{ border: 2px solid #fff; transform: scale(0.8); -webkit-transform: scale(0.8) rotateZ(90deg); } div.avia-popup .mfp-iframe-scaler .mfp-close{top: -43px;} div.avia-popup .mfp-figure:after{box-shadow: none; display: none;} div.avia-popup button.mfp-arrow:before, div.avia-popup button.mfp-arrow:after{border:none; margin:0; display:none;} div.avia-popup button.mfp-arrow:before{ opacity:1; display:block; position: absolute; top:50%; left:0; width:100%; height:80px; line-height:80px; margin-top:-40px; color:#fff; font-size: 50px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(1,1); transform: scale(1,1); } div.avia-popup button.mfp-arrow:hover:before{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);} div.avia-popup button.mfp-arrow:before { content:"\E87d"; font-family: 'entypo-fontello'; } div.avia-popup button.mfp-arrow-left:before { content:"\E87c"; font-family: 'entypo-fontello'; } /*seems to cause problems on safari and chrome so disabled temp: https://github.com/KriesiMedia/wp-themes/issues/1171 .mfp-img{ -webkit-animation: avia-fadein 10.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia-fadein 10.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); }*/ .mfp-img { -webkit-animation: none !important; animation: none !important; } /* CSS-based preloader */ div.avia-popup .mfp-preloader { width: 30px; height: 30px; line-height: 30px; background-color: #FFF; opacity: 0.65; margin: 0 auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; border-radius: 100px; } div.avia-popup .mfp-s-error .mfp-preloader {background: transparent; width:100%; -webkit-animation: none; animation: none; white-space: nowrap;} /*site preloader: http://projects.lukehaas.me/css-loaders/ */ .av-siteloader-wrap{ position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index: 1000000; background: #fff; display:none; } html.av-preloader-active{} html.av-preloader-active .av-siteloader-wrap{display:block;} .av-siteloader-inner{ position: relative; display: table; width: 100%; height:100%; text-align: center; } .av-siteloader-cell{display:table-cell; vertical-align: middle;} .av-siteloader , #top div.avia-popup .mfp-preloader{ font-size: 10px; position: relative; text-indent: -9999em; margin:0 auto; border-top: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2); border-bottom:2px solid rgba(0, 0, 0, 0.2); border-left: 2px solid #000; -webkit-animation: av-load8 0.8s infinite linear; animation: av-load8 0.8s infinite linear; } #top div.avia-popup .mfp-preloader{ position: absolute; background: transparent; border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .av-preloader-reactive #top .av-siteloader{ -webkit-animation: avia_pop_loader 1.3s 1 linear; animation: avia_pop_loader 1.3s 1 linear; } .av-preloader-reactive #top .av-siteloader-extra{ border-radius: 50%; width: 400px; height: 400px; background:#eee; position: absolute; left: 50%; top: 50%; -webkit-transform: scale(0); transform: scale(0); opacity:0; -webkit-animation: avia_shrink 1.1s 1 linear; animation: avia_shrink 1.1s 1 linear; margin:-200px 0 0 -200px; } .av-siteloader, #top div.avia-popup .mfp-preloader, .av-siteloader:after , #top div.avia-popup .mfp-preloader:after{ border-radius: 50%; width: 40px; height: 40px; } .av-preloading-logo{ position: relative; margin: 0 auto; display: block; max-width:450px; max-height:450px; margin-bottom:20px; z-index: 100; } #top div.avia-popup .mfp-s-error .mfp-preloader { background: transparent; width: 100%; -webkit-animation: none; animation: none; white-space: nowrap; border: none; text-indent: 0; font-size: 17px; -webkit-transition: none; transition: none; } /* ====================================================================================================================================================== #Blog Styles ====================================================================================================================================================== */ .content, .sidebar{ padding-top:50px; padding-bottom:50px; -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; min-height: 1px; z-index: 1; } .content:hover, .sidebar:hover{ z-index: 1; } /*right sidebar - default*/ #top #main .sidebar{ border-left-style:solid; border-left-width:1px; margin-left:0; float: none; width: auto; overflow: hidden; display: block; clear: none; } .inner_sidebar{ margin-left:50px; } .content{ border-right-style:solid; border-right-width:1px; margin-right:-1px; } .content .entry-content-wrapper{ padding-right:50px; } /* .content .entry-content-wrapper p a{ display: inline-block; } */ .template-blog .blog-meta{ float:left; margin-right:50px; } .multi-big .post_author_timeline , .single-small .post_author_timeline { position: absolute; top: 0; left: 40px; width: 1px; height: 100%; border-right-width:1px; border-right-style: dashed; } .single-post .post_author_timeline{ display:none; } /*left sidebar*/ #top #main .sidebar_left .sidebar{ border-right-style:solid; border-right-width:1px; border-left:none; } .sidebar_left .inner_sidebar{ margin-right:50px; margin-left:0; } .sidebar_left .content{ float:right; border-left-style:solid; border-left-width:1px; border-right:none; margin-right:-50px; margin-left:-1px; padding-left:50px; } .sidebar_left .template-blog .blog-meta { float: right; margin-left: 50px; margin-right: 0; } .sidebar_left .multi-big .post_author_timeline , .sidebar_left .single-small .post_author_timeline { left:auto; right:40px; } .sidebar_left .big-preview{ padding:0 131px 10px 0; } div .single-big .pagination{padding:1px 50px 10px 1px;} /* .sidebar_left .big-preview.single-big { padding: 0 0 10px 0; } */ .sidebar_left .author-extra-border{right:auto; left:-50px;} /*no sidebar*/ .fullsize .content{ margin:0; border:none; } .fullsize .content .entry-content-wrapper{ padding-right:0; } #top .fullsize .template-blog .post-title{text-align: center; font-size: 30px; padding:15px 0; max-width: 800px; margin: 0 auto;} #top.single-post .fullsize .template-blog .post_delimiter{visibility: hidden;} #top .fullsize .template-blog .post-meta-infos{text-align: center;} #top .fullsize .template-blog .post .entry-content-wrapper{text-align: justify; font-size:1.15em; line-height: 1.7em; max-width: 800px; margin:0 auto; overflow: visible; } #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 40em; margin-left:auto; margin-right:auto; } #top .fullsize .template-blog .post_delimiter{border-bottom-width:1px; border-bottom-style: solid; width:3000px; left:-1500px; position: relative; max-width: 3000px;} #top .fullsize .template-blog .post_author_timeline{display:none;} #top .fullsize .template-blog .blog-meta { float: none; margin: 0 auto; display: block; position: relative; width: 81px; overflow: hidden; text-align: center; z-index: 1000; } #top .fullsize .related_entries_container img{ margin: 0 auto;} #top .fullsize .related_title{text-align: center; } #top .fullsize .related_posts{ padding: 23px 0 33px 0; } /* #top .fullsize .template-blog .big-preview a ,#top .fullsize .template-blog .small-preview img{float:none; display: inline-block; width:100%; max-width: 100%;} */ #top .fullsize .template-blog .big-preview{padding: 0 0 10px 0;} #top .fullsize .template-blog .first-quote{margin-top:15px;} #top .fullsize .template-blog .big-preview.multi-big{margin-bottom:-48px; padding: 0; width:100%;} #top .fullsize .template-blog .big-preview.multi-big a, .fullsize div .template-blog .big-preview.multi-big a img{width:100%;} #top .fullsize .template-blog .big-preview img{width:100%} .fullsize .big-preview .avia-gallery { width: 40em; max-width: 100%; margin: 0 auto; } .fullsize .comment_content {padding-right:0;} .fullsize .blog-tags{display: block;} .container .minor-meta{font-size: 0.9em;} #top .fullsize .flex_column .template-blog .post-title, #top .fullsize .flex_column .template-blog .post-meta-infos{ text-align: left; } #top .fullsize .flex_column .big-preview .avia-gallery{width:100%;} #top .fullsize .flex_column .template-blog .post .entry-content-wrapper > *{ max-width:100%;} /*fullsize when sidebar left*/ .html_header_sidebar #top .fullsize .template-blog .multi-big .post-title, .html_header_sidebar #top .fullsize .template-blog .single-big .post-title{ max-width: none; text-align: left;} .html_header_sidebar #top .fullsize .template-blog .multi-big .post-meta-infos, .html_header_sidebar #top .fullsize .template-blog .single-big .post-meta-infos{text-align: left;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper{ max-width: none;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: none;} /*sidebar doenst matter: */ .post{ clear:both; width:100%; float:left; position: relative; } .template-blog .post .entry-content-wrapper{ /* font-size: 14px; line-height: 1.7em; */ overflow:hidden; } .template-blog .post_delimiter{ margin: 0 0 50px 0; padding: 50px 0 0 0; /* border-bottom-style: solid; border-bottom-width: 1px; */ clear:both; } .template-blog .post-entry-last .post_delimiter{ border:none; height:1px; } .rounded-container, .rounded-container img{ border-radius: 111px; overflow: hidden; display: block; position: relative; z-index: 2; } .rounded-container{ float:left; width:81px; height:81px; text-align: center; line-height: 81px; } .rounded-container .iconfont, .small-preview .iconfont{ font-size: 23px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .entry-content-wrapper .post-title{ font-size: 21px; line-height: 1.3em; } .post-meta-infos { font-size: 0.9em; position: relative; top: -8px; display: block; } .post-meta-infos a{text-decoration: none;} .post-meta-infos a:hover{text-decoration: underline;} .text-sep{padding: 0 5px;} .more-link{clear:both; display: inline-block;} /*previe pic*/ .big-preview{ display:block; padding:0 50px 10px 131px; } .template-page .big-preview{ display:block; padding:0 0 10px 131px; text-align: center; } .big-preview a{display: block; position: relative; overflow: hidden; } .big-preview.single-big{ padding:0 50px 10px 0; } .entry-content-wrapper .big-preview.single-big{ padding:0 0px 10px 0; } .fullsize .big-preview.single-big{ padding:0 0 10px 0; } .post-loop-1 .big-preview{ position: relative; z-index: 4; } .small-preview{ width:81px; height:81px; overflow: hidden; border-radius: 4px; float:left; margin:6px 0 0 0; position: relative; text-align: center; line-height: 81px; position: relative; z-index: 4; display: block; } .small-preview img, .big-preview img{ display: block; border-radius: 4px; position: relative; z-index: 4; width: 100%; } .single-post .single-small.with-slider .small-preview{ width:180px; height:180px; } .single-post .single-small.with-slider .post_author_timeline{display:none;} #top.single-post .fullsize .single-small.with-slider .blog-meta{width:180px;} .archive .av-content-full > .extra-mini-title{text-align: center;} .archive .av-content-full .author-box {text-align: center; } /*pagination*/ .pagination { clear:both; padding: 10px 0px 50px 0; position:relative; z-index:3; line-height: 13px; overflow: hidden; } .pagination span, .pagination a { display:block; float:left; font-size:11px; line-height:13px; padding:2px 9px 1px 9px; text-decoration:none; width:auto; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a{ float: left; height: 35px; width: 35px; line-height: 35px; text-align: center; padding: 0; border-radius: 100px; margin-right: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); } .pagination .current{ font-size:11px; padding:1px 9px 1px 9px; font-weight: bold; } .pagination .pagination-meta{ float:right; line-height: 35px; } .template-blog .pagination{padding:1px 50px 10px 24px;} /*single post navigation*/ #top .avia-post-nav{ position: fixed; height:110px; top:50%; background: #aaa; background: rgba(0,0,0,0.1); color:#fff; margin-top:-55px; padding:15px; text-decoration: none; z-index: 501; /*fixes: https://github.com/AviaThemes/wp-themes/issues/807 */ -webkit-transform: translate3d(0,0,0); /* fixes: http://www.kriesi.at/support/topic/next-previous-blog-post-bug/ */ } #top .avia-post-nav:hover{ background: #222; background: rgba(0,0,0,0.8); } .avia-post-nav .label{position: absolute; top:50%; height:22px; line-height: 22px; margin-top:-11px; font-size: 24px;} .avia-post-nav .entry-image{height:80px; width:80px; display:block;} .avia-post-nav .entry-image img{border-radius: 100px; display: block;} .avia-post-prev{ left:0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .avia-post-prev .label{ left:10px;} .avia-post-next{ right:0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .avia-post-next .label{ right:10px;} .avia-post-next.with-image{text-align: right;} .avia-post-nav .entry-info{ display:block; height:80px; width:220px; display: table; } .avia-post-next .entry-info{ margin:0 20px 0 1px;} .avia-post-prev .entry-info{ margin:0 1px 0 20px;} .avia-post-nav .entry-info span{ display: table-cell; vertical-align: middle; font-size: 13px; line-height: 1.65em; } .avia-post-nav .entry-info-wrap{width:1px; overflow: hidden; display:block;} .avia-post-nav:hover .entry-info-wrap{width:240px;} /* page split pagination */ .pagination_split_post{ clear: both; padding-top: 20px; } /*related posts*/ .related_posts {position: relative; clear:both; width:100%; float:left; border-top-style:solid; border-top-width: 1px; padding:23px 50px 33px 0; margin-bottom:30px; } .related_posts:hover{z-index:9999;} .related_title {margin-bottom:20px;} .related_column{float:left; padding-right:3px;} .related_posts img, .related_posts a{display:block; border-radius: 2px; overflow: hidden; max-width:100%; margin:0 auto;} .related_posts_default_image{border-width:1px; border-style: solid; display: block; float:left; border-radius: 2px; min-height: 60px; min-width: 100%; max-width:100%; } .related_posts_default_image img{visibility: hidden; } .relThumb{text-align: center;} .related_posts .av-related-title{display:none;} .related_image_wrap{position: relative; display: block; float:left; width:100%; -webkit-backface-visibility: hidden; /* fixes webkit flickering after transitions*/} .avia-related-tooltip{ position: absolute; z-index: 9999999; padding:0; width: 200px; border-radius: 2px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1); border-width:1px; border-style: solid; padding:15px; margin-top:-10px; } .avia-related-tooltip .avia-arrow-wrap{ top:auto; bottom:0; position: absolute; left:50% } .avia-related-tooltip .avia-arrow-wrap .avia-arrow{ border-top: none; border-left: none; top: -4px; } .related-format-icon{position: absolute; text-align: center; top:1px; left:1px; bottom:1px; right:1px; opacity: 0; filter:alpha(opacity=0);} .related-format-icon-inner{position: absolute; height:30px; font-size: 30px; line-height: 30px; top:50%; margin-top:-15px; left:0; width:100%;} .related-format-icon:hover{opacity: 0.8; filter:alpha(opacity=80);} .related-format-visible{opacity: 0.5 ; filter:alpha(opacity=50);} .sidebar_left .related_posts_sep{right:auto; left:0;} /*related fulltext*/ .single-big + .related_posts.av-related-style-full{ border-top:none; padding-top:0; } .related_posts.av-related-style-full a { margin: 2px 0; padding: 6px; border-radius: 3px; display:table; width:100%; text-decoration: none; text-align: left; border:1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .related_posts.av-related-style-full a:hover{ border-width:1px; border-style: solid;} .av-related-style-full .related-format-visible{opacity: 1 ; filter:alpha(opacity=100);} #top .av-related-style-full .related_column{width:50%;} #top .av-related-style-full .relThumb{text-align: left;} #top .av-related-style-full .related-format-icon{width:58px; height:58px; bottom:auto; right:auto; border-radius: 100px; } #top .av-related-style-full .related_image_wrap{display:table-cell; float: none; background-color: transparent;} #top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image{width:60px; height:60px; border-radius: 100px;} #top .av-related-style-full .av-related-title{text-decoration: none; display:table-cell; vertical-align: middle; padding: 5px 15px; line-height: 1.2em;} .responsive .av-related-style-full .relThumb1, .responsive .av-related-style-full .relThumb3, .responsive .av-related-style-full .relThumb5{clear:both;} /*post types*/ .avia-post-format-image img{ border-radius: 3px;} .avia-post-format-image{margin-bottom:10px;} .entry-content-wrapper.gallery-content .avia-gallery{margin-bottom:10px;} /*audio*/ #top #wrap_all .big-preview + .big-preview{ position: relative; top:-60px; background: transparent; margin: 0 20px -40px 20px; z-index: 550; width:auto; } #top #wrap_all .big-preview.multi-big + .big-preview.multi-big{ margin: 0 20px -30px 20px; } /*blog in flex column*/ .flex_column .template-blog .post .entry-content-wrapper{ } #top .flex_column .template-blog .post-title{ font-size:1.3em; } .flex_column .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .flex_column .template-blog .single-big .pagination { padding: 1px 0 10px 0; } .flex_column .template-blog .big-preview.single-big { padding: 0 0 10px 0; } .flex_column .template-blog .post-meta-infos{ margin-bottom: -13px; } /*elegant Blog*/ .html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title{ text-align: center; font-size: 30px; text-transform: uppercase; padding:0px 0 15px; letter-spacing: 2px; line-height: 1.3em; margin-bottom:10px; } .html_elegant-blog #top .post-entry .post-title:hover, .html_elegant-blog .avia-content-slider .slide-entry-title:hover{ opacity: 0.7; } .html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta { display: block; text-align: center; padding:10px 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; margin-top:40px; width:100%; clear: both; float: left; } .html_elegant-blog #top .post-entry .blog-categories{ text-align: center; display: block; font-weight: bold; position: relative; } .html_elegant-blog #top .post-entry .minor-meta{ text-transform: uppercase; } .html_elegant-blog .post-entry .post-meta-infos .text-sep, .html_elegant-blog .post-entry .slide-meta .slide-meta-del{ border-left-width: 1px; border-left-style: solid; padding: 0; display: inline-block; margin: 0 10px; text-indent: -126px; overflow: hidden; vertical-align: bottom; } .html_elegant-blog .av-vertical-delimiter{ display: block; margin:0 auto; width:40px; border-top-width:3px; border-top-style: solid; padding-bottom: 16px; } .html_elegant-blog .entry-content-wrapper .big-preview.single-big{ margin-top:20px; } .html_elegant-blog .more-link{ display: block; text-align: center; margin:30px auto 20px auto; clear: both; width:250px; border:none; border-style: solid; border-width:1px; padding: 10px 0; border-radius: 2px; } .html_elegant-blog .more-link:hover{ text-decoration: none; } .more-link-arrow:after{ content:"\E87d"; font-family: 'entypo-fontello'; font-size: 10px; vertical-align: middle; padding:0 8px; } .html_elegant-blog .more-link-arrow{ display:none; } .html_elegant-blog .multi-big .post_author_timeline, .html_elegant-blog .single-small .post_author_timeline{ border-right-style: solid; } .html_elegant-blog .blog-tags.minor-meta, .html_elegant-blog .av-share-link-description, .html_elegant-blog .related_title { display: block; text-align: center; } .html_elegant-blog #top .big-preview{padding-left:0;padding-right:0;} /*Elegant Grid Blog*/ .html_elegant-blog .avia-content-slider .slide-entry-title{ padding-top:15px; font-size: 1.4em; } .html_elegant-blog #top .avia-content-slider .blog-categories{ top:15px; } .html_elegant-blog .avia-content-slider .read-more-link{ position: relative; top:18px; padding-bottom: 10px; } .html_elegant-blog .avia-content-slider .av-vertical-delimiter{ position: relative; top:-5px; } .html_elegant-blog .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .html_elegant-blog .av-share-box{margin-bottom:0;} /*Elegant Author*/ .html_elegant-blog .template-author .extra-mini-title{ display: none; } /*Elegant Search*/ .html_elegant-blog #top .template-search .post-title{ text-align:left; } .html_elegant-blog #top .template-search .blog-categories{ display:none; } .html_elegant-blog #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: none; } .html_elegant-blog #top .template-search .post-entry .post-meta-infos{ margin-top: -20px; text-align: left; border: none; } /*Modern Blog*/ .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title{ font-size:2em; text-align: left; letter-spacing: 1px; } .html_modern-blog #top .post-entry .blog-categories{ text-align: left; font-weight: normal; font-size: 0.8em; top:-25px; } .html_modern-blog .av-vertical-delimiter{ margin:0; } .html_modern-blog #top .post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .slide-meta{ text-align: left; border:none; margin-top: 15px; font-size: 0.9em; } .html_modern-blog .av-vertical-delimiter{ display: none; } .html_modern-blog .post-entry .post-meta-infos .text-sep, .html_modern-blog .post-entry .slide-meta .slide-meta-del{ border:none; text-indent: 0; opacity: 0.3; } .html_modern-blog .more-link{ margin: 30px 0 20px 0; display: inline; border: none; position: relative; top: -0.3em; } .html_modern-blog .more-link .more-link-arrow{ display: inline; } .html_modern-blog .blog-tags.minor-meta, .html_modern-blog .av-share-link-description, .html_modern-blog .related_title{ text-align: left; } .html_modern-blog #top .template-page .big-preview{ margin-top:0; } /*disable blog options*/ #top .av-blog-meta-author-disabled .minor-meta.blog-author{ display:none; } #top .av-blog-meta-comments-disabled .minor-meta.comment-container, #top .av-blog-meta-comments-disabled .text-sep-comment{display:none;} #top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat{display:none;} #top .av-blog-meta-date-disabled .minor-meta.date-container, #top .av-blog-meta-date-disabled .text-sep-date{display:none;} #top .av-blog-meta-html-info-disabled .form-allowed-tags{ display:none; } #top .av-blog-meta-tag-disabled .blog-tags{display:none;} .no_sidebar_border#top #main .sidebar, .no_sidebar_border .content{border-left:none; border-right:none;} /* ====================================================================================================================================================== #Page Styles ====================================================================================================================================================== */ .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{ text-transform: uppercase; letter-spacing: 1px; } .extra-mini-title{padding-bottom:20px;} .page-heading-container{ position: relative; margin-bottom: 40px; padding: 0 0 44px 0; border-bottom-width: 1px; border-bottom-style: solid; padding-right: 50px; } .fullsize .page-heading-container{ padding-right:0; } .page-thumb img{border-radius: 3px;} /*template builder page styles*/ .template-page .template-blog .entry-content-wrapper h1, .template-page .template-blog .entry-content-wrapper h2{ text-transform: none; letter-spacing: 0; } .content .entry-content-wrapper .entry-content-wrapper{ padding-right:0; padding-left:0; } .content .entry-content-wrapper .entry-content-wrapper .big-preview.single-big { padding: 0 0 10px 0; } /*search page*/ .template-search #searchform>div{max-width: 100%; margin-bottom:0;} #top .template-search.content .entry-content-wrapper { padding-bottom: 40px; padding-left:55px; font-size: 13px; clear:both; } .template-search .pagination { padding: 1px 50px 10px 55px; } .template-search .entry-content-wrapper .post-title {font-size:19px;} #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: underline; } .search-result-counter { position: absolute; left: 0; top: 1px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); height: 44px; line-height: 24px; padding: 10px; text-align: center; border-radius: 100px; width: 44px; } #top #search-fail{padding-left:0;} .template-search .post-entry{position: relative; clear:both;} /*author page*/ .page-heading-container .author_description{overflow: hidden;} .template-author .content .post .entry-content-wrapper{ padding-bottom:40px; font-size: 1em; line-height: 1.65em; } .template-author .pagination { padding: 1px 50px 10px 0; } .template-author .entry-content-wrapper .post-title {font-size:19px;} #top .template-author .entry-content-wrapper .post-title a:hover{ text-decoration: underline; } .author-extra-border{ display:block; position: absolute; bottom:-1px; width:600%; right:0; border-bottom-width: 1px; border-bottom-style: solid; } .fullsize .author-extra-border{right:auto; left:-100%} .template-author .post-entry{position: relative; clear:both;} /*archive page*/ .template-archives .tab_inner_content li { width: 48%; float: left; clear: none; margin:0 2% 0 0 ; list-style-position: inside; } .template-archives .relThumWrap img, .template-archives .relThumWrap span{width:100%; text-decoration: none;} .template-archives .relThumbTitle{ display: block; clear:both;} /*tag archive */ #top .fullsize .template-blog .tag-page-post-type-title { font-size: 50px; text-transform: uppercase; } .archive .category-term-description:empty{ display:none; } .archive .category-term-description{ margin-bottom: 25px; } /* ====================================================================================================================================================== #Sidebar & Widgets ====================================================================================================================================================== */ .widgettitle{ font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 1.1em; } .widget{ clear:both; position: relative; padding:30px 0 30px 0; float:none; } #footer .widget{padding:0; margin:30px 0 30px 0; overflow: hidden;} #top .widget ul{ padding:0; margin:0; width:100%; float:left; } #top #footer .widget ul{float:none} .widget li{clear:both;} .widget ul ul li,.widget ul ol li, .widget ol ol li, .widget ol ul li{margin-bottom:0;} .sidebar .widget .seperator{ /* position: absolute; bottom: 0; left:0; padding:1px; width:20%; border-bottom-width:1px ; border-bottom-style: solid; */ } .sidebar .widget:first-child, .content .sidebar .widget:first-child{ padding-top:0; border-top-style: none; border-top-width: 0; } /* archive widget */ .widget_archive label.screen-reader-text { display: none; } /*nav menu widget*/ .widget_nav_menu a{ display: block; padding:4px 0px 5px 0; text-decoration: none; } div .widget_nav_menu{ padding-bottom:24px; } #top .widget_nav_menu ul{margin:0; padding:0; float: none; list-style-type: none;} #top .widget_nav_menu li{ position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; clear:both; font-size:13px; } #top #footer .widget_nav_menu li{ background-color:transparent;} #top .widget_nav_menu ul ul li:before { content: "\2219"; position: absolute; top:5px; } #top .sidebar_left .widget_nav_menu ul ul li:before { right: -10px; } #top .widget_nav_menu ul ul li a{ padding:6px 0px 7px 12px; } .widget_nav_menu .current-menu-item>a, .widget_nav_menu .current_page_item>a{ font-weight: bold; } .sidebar .widget_nav_menu ul:first-child>.current-menu-item, .sidebar .widget_nav_menu ul:first-child>.current_page_item, .sidebar .widget_nav_menu ul:first-child>.current-menu-ancestor{ padding-left: 51px; left: -51px; top:1px; margin-top: -1px; padding-top:1px; width:100%; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); margin-bottom: 4px; } .widget_nav_menu ul ul{ display:block; } .widget_nav_menu.widget_nav_hide_child ul ul{ display:none; } #top .widget_nav_menu .current-menu-item > ul, #top .widget_nav_menu .current_page_item > ul, #top .widget_nav_menu .current_page_ancestor > ul, #top .widget_nav_menu .current-menu-ancestor > ul{ display:block; padding:0 0 0 13px; } #top .sidebar_left .widget_nav_menu .current-menu-item > ul, #top .sidebar_left .widget_nav_menu .current_page_item > ul, #top .sidebar_left .widget_nav_menu .current_page_ancestor > ul, #top .sidebar_left .widget_nav_menu .current-menu-ancestor > ul{ padding:0 13px 0 0 ; } #top .sidebar_left .widget_nav_menu .sub-menu{ padding-right: 13px; } .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a{ border:none; padding:6px 7px 7px 0; } #top .widget_nav_menu ul ul .sub-menu, #top .widget_nav_menu ul ul .children{ padding:0 0 0 10px; overflow: hidden; margin:0; } .widget_nav_menu .nested_nav>li:first-child>a{ border:none; } #top .widget_nav_menu .nested_nav{ padding-bottom:30px; } #top .content .flex_column .widget_nav_menu li a { padding: 0.8em 3px; } #top .content .flex_column .widget_nav_menu li a:hover, #top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item, #top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item{ background-color: rgba(255,255,255,0.4); } #top .content .flex_column .widget_nav_menu li { background-color: transparent; margin: 0; padding:0; border-bottom-style: solid; border-bottom-width: 1px; } #top .content .flex_column .widget_nav_menu li:first-child { border-top-style: solid; border-top-width: 1px; } /*instagram*/ .av-instagram-pics{display:table; width:100%; table-layout: fixed;} .av-instagram-row{display:table-row;} .av-instagram-item{display: table-cell; padding: 3px;} .av-instagram-item a{display:block; position: relative;} .av-instagram-item img{display:block;} .av-instagram-item:first-child { padding-left: 0px; } .av-instagram-item:last-child { padding-right: 0px; } .av-instagram-row:first-child .av-instagram-item{ padding-top: 0px; } .av-instagram-row:last-child .av-instagram-item { padding-bottom: 0px; } .av-instagram-follow{width:100%; text-align: center; display: block; margin-top:3px;} /*mailchimp*/ #top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form{margin:0;} #top .av-mailchimp-widget p{margin:2px 0;} #top .av-mailchimp-widget-style-boxed_form{ padding:15px; border-style: solid; border-width: 1px;} #top .av-mailchimp-widget .button{margin-top:5px; width:100%; padding: 13px 10px;} .widgettitle + .av-mailchimp-widget-style-boxed_form{ margin-top:-10px;} #top .av-form-error-container{border: 1px solid #BB1313; padding: 15px; color: #BB1313; line-height: 1.4em; font-size: 13px; margin-bottom: 20px;} /*direct mailchimp form embeds: show the button which has a clear attribute*/ #mc_embed_signup .clear{ visibility: visible; overflow: visible; height:auto; } /*text*/ .textwidget ul{ margin-left:0px; overflow: hidden; } /*combo widget*/ #top .widget_tab_tags{ display:none; } .js_active .avia_combo_widget .tab_titles{border-bottom-width: 1px; border-bottom-style: solid;} .js_active #top .avia_combo_widget .active_tab{ border-bottom-style: solid; border-bottom-width: 2px;} .js_active #top .avia_combo_widget .tab_content { padding:0; background: transparent; border: none; } .js_active .avia_combo_widget .top_tab .tab{ border: none; background: transparent; padding:5px 0; width: 33%; text-align: center; } /*likebox*/ .av_facebook_widget_wrap{ overflow: hidden; position: relative; padding: 0px; background: #fff; } .av_facebook_widget_wrap_border_yes{border-style: solid; border-width: 1px;} .av_facebook_widget_wrap_positioner iframe{position: absolute; height:100%; width:100%;} .av_facebook_widget_wrap_positioner{} .av_facebook_widget{width:100%;} .av_facebook_widget { width: 107%; max-width: 137%; left: -5px; top: -4px; position: relative; } /*social media count widget*/ .avia_socialcount{ overflow: hidden; text-align: left; } #top .social_widget_icon{ padding:0; margin:0; height:30px; width:30px; line-height: 32px; text-align: center; float: left; font-size: 17px; border-radius: 2px; } .asc_twitter .social_widget_icon{ color:#fff; background-color:#46d4fe; border-color:#46d4fe; text-shadow: 1px 1px 1px #17ACD8; } .asc_rss .social_widget_icon{ color:#fff; background-color:#ffa133; border-color:#ffa133; text-shadow: 1px 1px 1px #D18021; } .avia_socialcount .seperator{ display:none; } div #footer .avia_socialcount{ padding:10px 0 0 0; } .asc_multi_count{ float:left; width:50%; } .avia_socialcount a, .avia_socialcount a:hover{ height:40px; text-decoration: none; display:block; min-width:89px; } .avia_socialcount strong, .avia_socialcount span{ display:block; line-height: 1em; padding:0 0 0 36px; } .avia_socialcount a strong{ font-size: 11px; font-weight: bold; letter-spacing: 0; padding-top: 4px; } .avia_socialcount a span{ font-size:10px; padding-top:3px; } /*twitter widget*/ #top .widget.tweetbox .tweets{ list-style-type: none; list-style-position: outside; border:none; } #top .widget.tweetbox .tweet{ padding:10px 0; line-height: 18px; position: relative; overflow: hidden; font-size:11px; background: none; border-top-style: dashed; border-top-width: 1px; margin:0; } #top .widget.tweetbox .tweet:first-child{ border:none; } .widget.tweetbox .tweet-thumb{ position:relative; } .widget.tweetbox .tweet-thumb a{ margin-right:9px; padding:3px; float:left; border-style: solid; border-width: 1px; margin-top: 5px; display:block; width:36px; } #top .widget.tweetbox .tweet-thumb img{display:block; float:left; border:none; padding:0; margin:0;} .widget.tweetbox .tweet-text{ position: relative; overflow: hidden; } .widget.tweetbox .tweet-time{ clear: both; font-size:11px; } .widget.tweetbox .tweet-text.avatar_no { font-size: 12px; line-height: 1.7em; font-weight: 400; } .widget.tweetbox .tweet-text.avatar_no .tweet-time{ font-style: italic; font-weight: normal; } /*advertising widget*/ .avia_partner_widget{ overflow: hidden; clear:both; } .avia_partner_widget a, .avia_partner_widget a:hover { float: left; display: block; text-decoration: none; width: 49.5%; outline: none; border: none; padding-bottom: 49.5%; position: relative; margin-right: 1%; } .avia_partner_widget a.avia_partner2, .avia_partner_widget a.avia_partner2:hover { margin-right: 0; } #top .avia_partner_widget{ max-width:304px; } #top .avia_partner_widget img{ position: absolute; left:0; top:0; } .avia_partner1{ margin-right:1px; } .avia_parnter_empty{ line-height: 1em; height:97%; width:97%; display: block; font-size:10px; text-align: center; position: absolute; border-style: solid; border-width: 1px; } .avia_parnter_empty span{ width:100%; position: absolute; top:50%; margin-top:-5px; text-align: center; left:0; } /*maps*/ .avia_google_maps_container{ height:230px; width:100%; } .content .avia_google_maps_container{ height:230px; } #top .widget .infoWindow input[type="text"]{ margin: 0 0px 3px 0; } .avia_google_maps_container img, .avia_google_maps_container a img{ max-width: none; } .avia_google_maps_container div, .avia_google_maps_container img, .avia_google_maps_container a{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*news widget*/ #top .news-content{ padding:7px 0 3px 0; line-height: 1.7em; position: relative; overflow: hidden; font-size:0.85em; display: block; clear: both; margin:0; } #top .news-wrap{ border:none; list-style-type: none; list-style-position: outside; } #top .news-wrap li{ border:none; background: none; text-indent: 0; } .news-link, .news-link:hover, #top .widget ul li .news-link:hover{ display: block; position: relative; text-decoration: none; overflow: hidden; z-index: 2; } /*default size news/portfolio widget*/ .news-thumb{ margin-right:9px; padding:3px; float:left; margin-top: 4px; border-style: solid; border-width: 1px; height:36px; width:36px; display: block; } .news-thumb img, .news-thumb img{ width:28px; height:28px; } /*bigger size news/portfolio widget*/ .image_size_portfolio_small .news-link{ float:left; margin-right:10px; } .image_size_portfolio_small .news-thumb, .image_size_portfolio_small .tweet-thumb img, .image_size_portfolio_small .news-thumb img{ width:150px; min-height:100px; } .image_size_portfolio_small .news-excerpt{ overflow: hidden; font-size: 13px; line-height: 1.65em; } .image_size_portfolio_small .news-headline{ font-size:14px;} #top .news-thumb img{display:block; float:left; border:none; padding:0; margin:0;} .news-headline{ overflow: hidden; font-weight: bold; margin-top:2px; display:block; } .news-time{ font-weight:normal; clear: both; font-size:0.92em; display:block; } .news-excerpt{ } /*tagcloud*/ .tagcloud br{display:none;} .tagcloud a{ font-size:11px !important; padding:2px 8px; margin:0 1px 1px 0; display:block; float:left; border-style: solid; border-width: 1px; text-decoration: none; } .tagcloud a:hover{ text-shadow: none; text-decoration: underline; } .widget_tag_cloud h3{ border:none; } /*rss*/ .widget_rss li{ line-height: 1.5em; font-size: 11px; } .widget_rss li div{ font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-style: italic; } .rsswidget{ display:block; font-weight: bold; } .rss-date, .widget_rss cite{ font-size:11px; } .widget_rss li{ padding:7px 0; } .widget_rss .widgettitle img{ display:none; } /*recentcomments, recent entries*/ .recentcomments, .widget_recent_entries li{ padding:7px 0; display:block; font-size: 0.85em; line-height: 1.5em; } .recentcomments a, .widget_recent_entries li a{ font-style: italic; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; } .recentcomments, .widget_recent_entries li{ border-top-width:3px; border-top-style: solid; } .recentcomments:first-child, .widget_recent_entries li:first-child{ border-top:none; } /*sidebar left mods for all widgets*/ .sidebar_left .widget_nav_menu ul:first-child>.current-menu-item, .sidebar_left .widget_nav_menu ul:first-child>.current_page_item, .sidebar_left .widget_nav_menu ul:first-child>.current-menu-ancestor{ padding-right: 52px; padding-left:0; left: auto; top:1px; } .sidebar_left.sidebar{text-align: right;} .sidebar_left .news-thumb{float:right; margin: 4px 0 0 9px;} /*TWITTER WIDGET PRO STYLES*/ #top .widget_twitter{ font-size: 12px; line-height: 1.65em;} #top .widget_twitter .twitter-avatar{float:left; margin-right:13px; border-style: solid; border-width:1px; padding:3px; display: block;} #top .widget_twitter .twitter-avatar a, #top .widget_twitter .twitter-avatar img{display: block;} #top .widget_twitter ul{overflow: hidden; margin:0; padding:0;} #top .widget_twitter li{padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom-style: solid; border-bottom-width: 2px; } #top .widget_twitter li:last-child{border-bottom: none;} #top .widget_twitter .entry-content-wrapper{padding:0; margin:0; float: none; clear: both; position: relative; border:none; width:100%;} #top .widget_twitter .entry-meta{display: block; font-size: 11px; font-style: italic; opacity: 0.8; margin-top:5px;} #top .widget_twitter .time-meta, #top .widget_twitter .from-meta{} #top .widget_twitter .intent-meta{ display: block; font-size: 11px; margin-top:8px;} #top .widget_twitter .intent-meta a{ text-decoration: none; margin-right: 4px; } #top .widget_twitter .intent-meta a:hover{text-decoration: underline;} /* ====================================================================================================================================================== #Footer & #Socket ====================================================================================================================================================== */ #footer{ padding:15px 0 30px 0; z-index: 1; } #socket .container{ padding-top:15px; padding-bottom:15px; } #socket{font-size: 11px; margin-top: -1px; z-index: 1;} #socket .menu{margin-top:6px;} #socket .sub_menu_socket{float:right; margin:0;} #socket .sub_menu_socket div{overflow: hidden;} #socket .sub_menu_socket li{float:left; display:block; padding:0 10px; border-left-style: solid; border-left-width: 1px; line-height: 10px;} #socket .sub_menu_socket li:first-child{border:none;} #socket .sub_menu_socket li:last-child{padding-right:0;} #socket .copyright{float:left; } #scroll-top-link{ position:fixed; border-radius:2px; height:50px; width:50px; line-height: 50px; text-decoration: none; text-align: center; opacity: 0; right:50px; bottom:50px; z-index: 1030; visibility: hidden; } #scroll-top-link.avia_pop_class{ opacity: 0.7; visibility: visible; } #socket .social_bookmarks{float:right; margin:-10px 0 0 30px; position: relative;} #socket .social_bookmarks li{border-radius: 300px; border:none; overflow: hidden; top: 5px; position: relative;} #socket .social_bookmarks li a{border-radius: 300px;} #socket .avia-bullet, #socket .avia-menu-fx { display: none; } /* ====================================================================================================================================================== #Comment ====================================================================================================================================================== */ h4#comments{ margin-bottom:30px; } #respond{ margin-top:20px; } .commentlist ul { border-left-style: dashed; border-left-width: 1px; } .children .children .says{ border-bottom-style: dashed; border-bottom-width: 1px; } .miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title{ font-weight: 600; letter-spacing: 1px; } #comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label{ font-size: 0.85em; display:block; letter-spacing: 0; text-transform: none; padding-top:8px; line-height: 1.5em; font-weight: normal; } .comment_meta_container{clear:both; float:none;} #top .commentlist{ margin:0; padding: 0 0 10px 0px; border:none; } #top .commentlist .comment{ list-style-type: none; list-style-position: outside; width:100%; position: relative; display: block; background: none; min-height:100px; clear: both; } #top .commentlist .comment.depth-1{float:left;} #top .commentlist .comment>div{min-height: 100px; float: left; width:100%;} .commentlist>.comment{ border-bottom-style: dashed; border-bottom-width: 1px; margin-bottom:30px; } .gravatar{ position: relative; z-index: 2; border-radius: 200px; overflow: hidden; float: left; } .gravatar img{ padding:0; margin:0; display: block; border-radius: 200px; } .comment_content{ position:relative; margin:0 0 0 85px; padding:0 35px 15px 0; z-index: 10; overflow: hidden; } .author_name a, .author_name a:hover{ font-weight: bold; text-decoration: none; } .comment-edit-link, #cancel-comment-reply-link{ display:inline-block; font-size: 10px; } .author_name, .comment_title{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .commentmetadata { font-size:11px; line-height: 1em; } .commentmetadata a{ text-decoration: none; } .commentmetadata a:hover{ text-decoration: underline; } .says { display: block; height: 1px; left: -70px; position: absolute; text-indent: 200%; top: 18px; width: 40px; overflow: hidden; } #top .comment_text{ clear: both; font-size: 13px; padding: 0 0 15px 0; border:none; } #top .comment-reply-link { font-size: 11px; text-decoration: none; line-height: 20px; } .side-container-comment-inner{ text-align: center; position: relative; overflow: hidden; margin-bottom:15px; } .comment-count { font-size: 24px; line-height: 60px; width: 60px; display: block; text-align: center; border-radius: 200px; margin: 0 auto; position: relative; z-index: 100; } .side-container-comment-inner .comment-text{ font-size: 12px; text-transform: uppercase; } .center-border{position: absolute; top:39%; width:42%; border-top-style: solid; border-top-width: 1px; z-index: 1;} .center-border-left{left:0;} .center-border-right{right:0;} /*children*/ #top .commentlist ul{ margin: 0 0 0 74px; clear:both; } #top .commentlist .children ul{ margin: 0 0 0 47px; } .children .comment_content { margin: 0 0 0 28px; padding-bottom:30px; z-index: 1; } .children .gravatar{ position: relative; left:-24px; z-index: 2; width:45px; } #top .children .comment-reply-link { left: -42px; top: 51px; } /*comment page nav*/ .comment_page_nav_links{ position: relative; display: block; clear:both; overflow: hidden; font-size:11px; } .comment_prev_page a{ float:left; } .comment_next_page a{ float:right; } .comment_page_nav_links_bottom{ } .comment_page_nav_links_top{ } .sidebar_right .comment_container { padding-right: 50px; } .sidebar_left .comment_container { margin-left: 0; } .comment_container{max-width: 100%;} /*generated by comment_form()*/ #commentform{ position: relative;} #commentform p{ position: relative; padding:0 0 10px 0; margin:0;} #reply-title small a{ float:right;} #commentform label{ position: absolute; left:245px; font-size: 11px; top:0; font-weight: bold; } #commentform div input{ margin:0; } .commentlist #commentform label{ position: static; display: block; } .comment-notes, #commentform .comment-form-comment label{ display:none; } #top .comment-form-url input, #top .comment-form-email input, #top .comment-form-author input{ width: 220px; } #top .commentlist .comment-form-url input, #top .commentlist .comment-form-email input, #top .commentlist .comment-form-author input{ width: 70%; } #comment{ width:602px; height:150px; padding:10px 7px; font-size: 12px; margin:0; } .form-allowed-tags{ font-size: 11px; line-height: 1.5em; margin-bottom: 5px; } .form-allowed-tags code{ display:block; padding-top:5px; } .commentlist #respond { padding: 0 0 30px 56px; } .commentlist #respond #comment{ width:90%; } .commentlist #respond .form-allowed-tags{ display:none; } #reply-title{display:none;} #reply-title small{display:inline;} .commentlist #reply-title{display:block;} #comment{ width:94%; font-size:12px; } .personal_data p{ float:left; width:33%; } .personal_data label{ display:none; } /* ====================================================================================================================================================== #CSS ANIMATION ====================================================================================================================================================== */ .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, .avia-slideshow-button{ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main_menu a, .pagination a{ -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; -webkit-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .avia_pop_class, .avia-search-tooltip{ -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ } a:hover .image-overlay .image-overlay-inside{ -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } @-webkit-keyframes avia_pop_small { 0% { -webkit-transform:rotate(-175deg) scale(0.2); } 100% { -webkit-transform:rotate(0deg) scale(1); } } @keyframes avia_pop_small { 0% { transform:rotate(-175deg) scale(0.2); } 100% { transform:rotate(0deg) scale(1); } } @-webkit-keyframes avia_pop_loader { 0% { -webkit-transform:rotate(0deg) scale(0.2) ; } 100% { -webkit-transform:rotate(720deg) scale(1); } } @keyframes avia_pop_loader { 0% { transform: rotate(0deg) scale(0.2); } 100% { transform: rotate(720deg) scale(1); } } @-webkit-keyframes avia_shrink { 0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); } 75% {opacity:0.7;} 100% { opacity:0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes avia_shrink { 0% { opacity:0; -webkit-transform: scale(1); transform: scale(1); } 75% {opacity:0.7; } 100% { opacity:0; -webkit-transform: scale(0); transform: scale(0);} } @-webkit-keyframes av-load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes av-load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* #Media Queries ================================================== */ /* large screens with 1140px with */ @media only screen and (min-width: 1140px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 989px) { .responsive.html_header_sidebar #top #header{width:27%} .responsive.html_header_left #main { margin-left: 27%; } .responsive.html_header_right #main { margin-right: 27%; } .responsive.html_header_sidebar #header .av-main-nav{ padding: 4% 0; } .responsive.html_header_sidebar #header .av-main-nav > li { margin: 0 10%; } .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{ font-size: 14px; } .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{font-size: 11px; } .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget{padding:10%;} .responsive.html_header_sidebar .logo{padding: 10%;} /*framed layout*/ .responsive .av-frame{display:none;} .responsive.html_av-framed-box{padding:0;} .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_main, .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_meta{ margin:0 auto; } .responsive #top .avia-post-prev { left: 0px; } .responsive #top .avia-post-next { right: 0px; } .responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll{right:0} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .main_menu ul:first-child > li > a { padding: 0 10px; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); } .responsive #main .container_wrap:first-child{ border-top:none; } .responsive .logo{float:left;} .responsive .logo img{margin:0; } .responsive.html_top_nav_header.html_mobile_menu_tablet #top .social_bookmarks { right: 50px; } .responsive.html_top_nav_header.html_mobile_menu_tablet #top #wrap_all #main{padding-top:0;} .responsive.js_active .avia_combo_widget .top_tab .tab{font-size: 10px;} .responsive.js_active .avia_combo_widget .news-thumb{display:none;} .responsive #top #wrap_all .grid-sort-container .av_one_sixth{ width:33.3%; margin-bottom: 0;} .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header{max-width: 100%;} .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_mobile_menu_tablet #main{ padding-top: 88px; } .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_top_nav_header.html_mobile_menu_tablet #main{ margin-top:0; } .responsive #top .av-hide-on-tablet{display:none !important;} /*new menu*/ .responsive.html_mobile_menu_tablet .av-burger-menu-main{display: block;} .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0; left:auto; right:0; display:block;} .responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0; left:0; right:auto;} .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item{display:none;} .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special{display:block;} .responsive #top #wrap_all .av_mobile_menu_tablet .menu-item-search-dropdown > a { font-size: 24px; } .responsive #top .av_mobile_menu_tablet #header_main_alternate{display:none;} .responsive.html_mobile_menu_tablet #top .av-logo-container .social_bookmarks{display:none} .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px; right:0;} .responsive.html_logo_center.html_bottom_nav_header .av_mobile_menu_tablet .avia-menu.av_menu_icon_beside{height:100%;} .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .responsive.html_mobile_menu_tablet #top #main .av-logo-container .main_menu{display:block;} .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main{padding-top: 88px;} .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{padding-top:0;} .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {height:90px; line-height:90px;} .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a{ min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0; } .responsive.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;} .responsive.html_mobile_menu_tablet #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{ background:transparent; color: inherit; } .responsive.html_mobile_menu_tablet.html_top_nav_header .av-logo-container .inner-container{overflow: visible;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /*blog*/ .responsive .template-archives .tab_inner_content li{width:98%;} .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {display:none; } .responsive #top #main .sidebar.smartphones_sidebar_active{display:block;text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both;} .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;} .responsive .content .entry-content-wrapper{padding:0;} .responsive .content{border:none;} .responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; } .responsive .big-preview{padding: 0 0 10px 0;} .responsive .related_posts{padding:20px 0;} .responsive .comment_content{padding-right:0; padding-left:0;} .responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;} .responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; } .responsive #top .avia-post-nav { display: none; } .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;} /*all templates*/ .responsive .title_container .breadcrumb{left:-2px;} .responsive .title_container .main-title + .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;} .responsive .pagination{padding-left: 0; padding-right: 0;} .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;} /*header*/ .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1} .responsive #top .av_header_transparency .logo img.alternate{display:none;} .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;} .responsive #top #main {padding-top:0 !important; margin:0;} .responsive #top #main .container_wrap:first-child{ border-top:none; } .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; } .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;} .responsive .phone-info span{margin:0;padding:0; border:none;} .responsive.html_header_top #header_main .social_bookmarks , .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; } .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; } .responsive .logo a{display:table-cell; vertical-align: middle;} .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block; max-height: 80px;} .responsive #header_main .container{height:auto !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;} .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width: 1px;} .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;} .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;} .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;} .responsive #header .social_bookmarks li{float:none; display: inline-block;} .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;} .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;} .responsive .logo img{margin:0;} .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;} .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;} .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;} .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;} .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;} .responsive.html_top_nav_header .av-logo-container{height:auto;} .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;} /*new mobile*/ .responsive .av-burger-menu-main{display: block;} .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;} .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;} .responsive #top .av-main-nav .menu-item{display:none;} .responsive #top .av-main-nav .menu-item-avia-special{display:block;} .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .responsive #header_main_alternate{display:none;} .responsive #top #header .social_bookmarks{display:none;} .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;} .responsive #top .av-logo-container .avia-menu{height:100%;} .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;} .responsive #top #main .av-logo-container .main_menu{display:block;} .responsive #top #main .av-logo-container .social_bookmarks{display:none;} .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;} .responsive #top #main .av-logo-container .main_menu{display:block;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; } .responsive #top #wrap_all .av-logo-container {padding:0;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{ min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0; } .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;} .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{ background:transparent; color: inherit; } .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;} /*related images*/ .responsive #top .related_entries_container .av_one_eighth{width:25%;} .responsive #top .relThumb5{clear:both;} .responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;} .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;} .responsive.html_header_sidebar #main{ border: none; } /*tabs*/ .responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; } .responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;} /*widgets*/ .tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; } .widget li{line-height: 1.8em; font-size: 15px;} /*footer*/ .responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/ .responsive #socket .sub_menu_socket{ display: block; float: none; width: 100%; clear: both; margin: 0 0 0 -15px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*portfolio*/ .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{width:100%;} .responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0;} .responsive #top #wrap_all .portfolio-parity-odd{ clear:both; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /*related images*/ .responsive #top .related_entries_container .av_one_eighth{width:50%;} .responsive #top .related_entries_container .av_one_eighth:nth-child(odd){clear:both;} .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks{display:none;} /*new mobile header*/ .responsive .avia-menu.av_menu_icon_beside{ padding:0;margin:0; border:none; } .responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks{display:none;} .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{margin-right:0; padding-right:0; border:none;} }/* ====================================================================================================================================================== Audio Player Shortcode ====================================================================================================================================================== */ .av-player.av-player-container .wp-playlist{ margin: 0; } .av-player.av-player-container .av-player-cover-container .av-player-cover img{ display: block; max-width: 100%; max-height: 100%; } .avia-playlist-hide-cover .wp-playlist-current-item{ height: auto; } #top .avia-playlist-custom-background-color .wp-playlist{ background: transparent; } #top .avia-playlist-custom-font-color *{ color:inherit; } #top .avia-playlist-custom-font-color .wp-playlist-item > *{ opacity: 0.8; } #top .avia-playlist-custom-font-color .wp-playlist-item.wp-playlist-playing > *{ opacity: 1; } #top .avia-playlist-custom-border-color .wp-playlist{ border: none; } #top .avia-playlist-custom-border-color{ border-width: 1px; border-style: solid; } #top .avia-playerstyle-minimal .wp-playlist{ padding: 0; border-color: transparent; background: transparent; } #top .avia-playerstyle-minimal .wp-playlist .wp-playlist-item{ border-color: transparent; } #top .avia-playerstyle-minimal.avia-playlist-custom-background-color .wp-playlist{ padding: 10px; } #top .av-player-container.av-player-hide-playlist .wp-playlist-tracks{ display: none; } /* ====================================================================================================================================================== #Blog Styles ====================================================================================================================================================== */ .template-blog .blog-meta{ float:left; margin-right:50px; } .multi-big .post_author_timeline , .single-small .post_author_timeline { position: absolute; top: 0; left: 40px; width: 1px; height: 100%; border-right-width:1px; border-right-style: dashed; } .single-post .post_author_timeline{ display:none; } .sidebar_left .template-blog .blog-meta { float: right; margin-left: 50px; margin-right: 0; } .sidebar_left .multi-big .post_author_timeline , .sidebar_left .single-small .post_author_timeline { left:auto; right:40px; } .sidebar_left .big-preview{ padding:0 131px 10px 0; } div .single-big .pagination{padding:1px 50px 10px 1px;} .sidebar_left .author-extra-border{right:auto; left:-50px;} #top .fullsize .template-blog .post-title{text-align: center; font-size: 30px; padding:15px 0; max-width: 800px; margin: 0 auto;} #top.single-post .fullsize .template-blog .post_delimiter{visibility: hidden;} #top .fullsize .template-blog .post-meta-infos{text-align: center;} #top .fullsize .template-blog .post .entry-content-wrapper{text-align: justify; font-size:1.15em; line-height: 1.7em; max-width: 800px; margin:0 auto; overflow: visible; } #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 40em; margin-left:auto; margin-right:auto; } #top .fullsize .template-blog .post_delimiter{border-bottom-width:1px; border-bottom-style: solid; width:3000px; left:-1500px; position: relative; max-width: 3000px;} #top .fullsize .template-blog .post_author_timeline{display:none;} #top .fullsize .template-blog .blog-meta { float: none; margin: 0 auto; display: block; position: relative; width: 81px; overflow: hidden; text-align: center; z-index: 1000; } #top .av-alb-blogposts.template-blog div.post_delimiter{ width: 100%; left: 0; position: relative; } #top .fullsize .related_entries_container img{ margin: 0 auto;} #top .fullsize .related_title{text-align: center; } #top .fullsize .related_posts{ padding: 23px 0 33px 0; } /* #top .fullsize .template-blog .big-preview a ,#top .fullsize .template-blog .small-preview img{float:none; display: inline-block; width:100%; max-width: 100%;} */ #top .fullsize .template-blog .big-preview{padding: 0 0 10px 0;} #top .fullsize .template-blog .first-quote{margin-top:15px;} #top .fullsize .template-blog .big-preview.multi-big{margin-bottom:15px; padding: 0; width:100%;} #top .fullsize .template-blog .big-preview.multi-big a, .fullsize div .template-blog .big-preview.multi-big a img{width:100%;} #top .fullsize .template-blog .big-preview img{width:100%} .fullsize .big-preview .avia-gallery { width: 40em; max-width: 100%; margin: 0 auto; } .fullsize .comment_content {padding-right:0;} .fullsize .blog-tags{display: block;} #top .fullsize .flex_column .template-blog .post-title, #top .fullsize .flex_column .template-blog .post-meta-infos{ text-align: left; } #top .fullsize .flex_column .big-preview .avia-gallery{width:100%;} #top .fullsize .flex_column .template-blog .post .entry-content-wrapper > *{ max-width:100%;} /*fullsize when sidebar left*/ .html_header_sidebar #top .fullsize .template-blog .multi-big .post-title, .html_header_sidebar #top .fullsize .template-blog .single-big .post-title{ max-width: none; text-align: left;} .html_header_sidebar #top .fullsize .template-blog .multi-big .post-meta-infos, .html_header_sidebar #top .fullsize .template-blog .single-big .post-meta-infos{text-align: left;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper{ max-width: none;} .html_header_sidebar #top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: none;} .post-meta-infos { font-size: 0.9em; position: relative; top: -8px; display: block; } .post-meta-infos a{text-decoration: none;} .post-meta-infos a:hover{text-decoration: underline;} .text-sep{padding: 0 5px;} .more-link{clear:both; display: inline-block;} /*previe pic*/ .big-preview{ display:block; padding:0 50px 10px 131px; } .template-page .big-preview{ display:block; padding:0 0 10px 131px; text-align: center; } .big-preview a{display: block; position: relative; overflow: hidden; } .big-preview.single-big{ padding:0 50px 10px 0; } .entry-content-wrapper .big-preview.single-big{ padding:0 0px 10px 0; } .fullsize .big-preview.single-big{ padding:0 0 10px 0; } .post-loop-1 .big-preview{ position: relative; z-index: 4; } .small-preview{ width:81px; height:81px; overflow: hidden; border-radius: 4px; float:left; margin:6px 0 0 0; position: relative; text-align: center; line-height: 81px; position: relative; z-index: 4; display: block; } .small-preview img, .big-preview img{ display: block; border-radius: 4px; position: relative; z-index: 4; width: 100%; } .single-post .single-small.with-slider .small-preview{ width:180px; height:180px; } .single-post .single-small.with-slider .post_author_timeline{display:none;} #top.single-post .fullsize .single-small.with-slider .blog-meta{width:180px;} .archive .av-content-full > .extra-mini-title{text-align: center;} .archive .av-content-full .author-box {text-align: center; } .av-content-full > .related_posts{max-width: 1200px; margin-left: auto; margin-right: auto; float:none; clear:both; } .av-content-full > .comment-entry{max-width: 800px; margin-left: auto; margin-right: auto; float:none; clear:both;} .template-blog .pagination{padding:1px 50px 10px 24px;} /*related posts*/ .related_posts {position: relative; clear:both; width:100%; float:left; border-top-style:solid; border-top-width: 1px; padding:23px 50px 33px 0; margin-bottom:30px; } .related_posts:hover{z-index:9999;} .related_title {margin-bottom:20px;} .related_column{float:left; padding-right:3px;} .related_posts img, .related_posts a{display:block; border-radius: 2px; overflow: hidden; max-width:100%; margin:0 auto;} .related_posts_default_image{border-width:1px; border-style: solid; display: block; float:left; border-radius: 2px; min-height: 60px; min-width: 100%; max-width:100%; } .related_posts_default_image img{visibility: hidden; } .relThumb{text-align: center;} .related_posts .av-related-title{display:none;} .related_image_wrap{position: relative; display: block; float:left; width:100%; -webkit-backface-visibility: hidden; /* fixes webkit flickering after transitions*/} .related-format-icon{position: absolute; text-align: center; top:1px; left:1px; bottom:1px; right:1px; opacity: 0; filter:alpha(opacity=0);} .related-format-icon-inner{position: absolute; height:30px; font-size: 30px; line-height: 30px; top:50%; margin-top:-15px; left:0; width:100%;} .related-format-icon:hover{opacity: 0.8; filter:alpha(opacity=80);} .related-format-visible{opacity: 0.5 ; filter:alpha(opacity=50);} .sidebar_left .related_posts_sep{right:auto; left:0;} /*related fulltext*/ .single-big + .related_posts.av-related-style-full{ border-top:none; padding-top:0; } .related_posts.av-related-style-full a { margin: 2px 0; padding: 6px; border-radius: 3px; display:table; width:100%; text-decoration: none; text-align: left; border:1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .related_posts.av-related-style-full a:hover{ border-width:1px; border-style: solid;} .av-related-style-full .related-format-visible{opacity: 1 ; filter:alpha(opacity=100);} #top .av-related-style-full .related_column{width:50%;} #top .av-related-style-full .relThumb{text-align: left;} #top .av-related-style-full .related-format-icon{width:58px; height:58px; bottom:auto; right:auto; border-radius: 100px; } #top .av-related-style-full .related_image_wrap{display:table-cell; float: none; background-color: transparent;} #top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image{width:60px; height:60px; border-radius: 100px;} #top .av-related-style-full .av-related-title{text-decoration: none; display:table-cell; vertical-align: middle; padding: 5px 15px; line-height: 1.2em;} .responsive .av-related-style-full .relThumb1, .responsive .av-related-style-full .relThumb3, .responsive .av-related-style-full .relThumb5{clear:both;} /*post types*/ .avia-post-format-image img{ border-radius: 3px;} .avia-post-format-image{margin-bottom:10px;} .entry-content-wrapper.gallery-content .avia-gallery{margin-bottom:10px;} /*audio*/ #top #wrap_all .big-preview + .big-preview{ position: relative; top:-60px; background: transparent; margin: 0 20px -40px 20px; z-index: 550; width:auto; } #top #wrap_all .big-preview.multi-big + .big-preview.multi-big{ margin: 0 20px -30px 20px; } /*blog in flex column*/ .flex_column .template-blog .post .entry-content-wrapper{ } #top .flex_column .template-blog .post-title{ font-size:1.3em; } .flex_column .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .flex_column .template-blog .single-big .pagination { padding: 1px 0 10px 0; } .flex_column .template-blog .big-preview.single-big { padding: 0 0 10px 0; } .flex_column .template-blog .post-meta-infos{ margin-bottom: -13px; } /*elegant Blog*/ .html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title{ text-align: center; font-size: 30px; text-transform: uppercase; padding:0px 0 15px; letter-spacing: 2px; line-height: 1.3em; margin-bottom:10px; } .html_elegant-blog #top .post-entry .post-title:hover, .html_elegant-blog .avia-content-slider .slide-entry-title:hover{ opacity: 0.7; } .html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta { display: block; text-align: center; padding:10px 0; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; margin-top:40px; width:100%; clear: both; float: left; } .html_elegant-blog #top .post-entry .blog-categories{ text-align: center; display: block; font-weight: bold; position: relative; } .html_elegant-blog #top .post-entry .minor-meta{ text-transform: uppercase; } .html_elegant-blog .post-entry .post-meta-infos .text-sep, .html_elegant-blog .post-entry .slide-meta .slide-meta-del{ border-left-width: 1px; border-left-style: solid; padding: 0; display: inline-block; margin: 0 10px; text-indent: -126px; overflow: hidden; vertical-align: bottom; } .html_elegant-blog .av-vertical-delimiter{ display: block; margin:0 auto; width:40px; border-top-width:3px; border-top-style: solid; padding-bottom: 16px; } .html_elegant-blog .entry-content-wrapper .big-preview.single-big{ margin-top:20px; } .html_elegant-blog .more-link{ display: block; text-align: center; margin:30px auto 20px auto; clear: both; width:250px; border:none; border-style: solid; border-width:1px; padding: 10px 0; border-radius: 2px; } .html_elegant-blog .more-link:hover{ text-decoration: none; } .more-link-arrow:after{ content:"\E87d"; font-family: 'entypo-fontello'; font-size: 10px; vertical-align: middle; padding:0 8px; } .html_elegant-blog .more-link-arrow{ display:none; } .html_elegant-blog .multi-big .post_author_timeline, .html_elegant-blog .single-small .post_author_timeline{ border-right-style: solid; } .html_elegant-blog .blog-tags.minor-meta, .html_elegant-blog .av-share-link-description, .html_elegant-blog .related_title { display: block; text-align: center; } .html_elegant-blog #top .big-preview{padding-left:0;padding-right:0;} /*Elegant Grid Blog*/ .html_elegant-blog .avia-content-slider .slide-entry-title{ padding-top:15px; font-size: 1.4em; } .html_elegant-blog #top .avia-content-slider .blog-categories{ top:15px; } .html_elegant-blog .avia-content-slider .read-more-link{ position: relative; top:18px; padding-bottom: 10px; } .html_elegant-blog .avia-content-slider .av-vertical-delimiter{ position: relative; top:-5px; } .html_elegant-blog .template-blog .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; } .html_elegant-blog .av-share-box{margin-bottom:0;} /*Elegant Author*/ .html_elegant-blog .template-author .extra-mini-title{ display: none; } /*Elegant Search*/ .html_elegant-blog #top .template-search .post-title{ text-align:left; } .html_elegant-blog #top .template-search .blog-categories{ display:none; } .html_elegant-blog #top .template-search .entry-content-wrapper .post-title a:hover{ text-decoration: none; } .html_elegant-blog #top .template-search .post-entry .post-meta-infos{ margin-top: -20px; text-align: left; border: none; } /*Modern Blog*/ .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title{ font-size:2em; text-align: left; letter-spacing: 1px; } .html_modern-blog #top .post-entry .blog-categories{ text-align: left; font-weight: normal; font-size: 0.8em; top:-25px; } .html_modern-blog .av-vertical-delimiter{ margin:0; } .html_modern-blog #top .post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .slide-meta{ text-align: left; border:none; margin-top: 15px; font-size: 0.9em; } .html_modern-blog .av-vertical-delimiter{ display: none; } .html_modern-blog .post-entry .post-meta-infos .text-sep, .html_modern-blog .post-entry .slide-meta .slide-meta-del{ border:none; text-indent: 0; opacity: 0.3; } .html_modern-blog .more-link{ margin: 30px 0 20px 0; display: inline; border: none; position: relative; top: -0.3em; } .html_modern-blog .more-link .more-link-arrow{ display: inline; } .html_modern-blog .blog-tags.minor-meta, .html_modern-blog .av-share-link-description, .html_modern-blog .related_title{ text-align: left; } .html_modern-blog #top .template-page .big-preview{ margin-top:0; } /*disable blog options*/ #top .av-blog-meta-author-disabled .minor-meta.blog-author{ display:none; } #top .av-blog-meta-comments-disabled .minor-meta.comment-container, #top .av-blog-meta-comments-disabled .text-sep-comment{display:none;} #top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat{display:none;} #top .av-blog-meta-date-disabled .minor-meta.date-container, #top .av-blog-meta-date-disabled .text-sep-date{display:none;} #top .av-blog-meta-html-info-disabled .form-allowed-tags{ display:none; } #top .av-blog-meta-tag-disabled .blog-tags{display:none;} /* blog lists */ #top .fullsize .template-blog.av_force_fullwidth.template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog.av_force_fullwidth .post .entry-content-wrapper { max-width: 100%; } #top .fullsize .template-blog.av_force_fullwidth .post-title{ max-width: 100%; padding-top: 0; padding-bottom: 0; } /* blog list - simple */ .bloglist-simple .read-more-link{ display: block; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } .av_force_fullwidth .bloglist-simple .read-more-link{ right: 0; } .bloglist-simple .more-link{ padding: 0; margin: 0; font-size: 0; line-height: 0; top: auto; width: 30px; height: 30px; display: block; border-width: 2px; border-style: solid; border-radius: 100%; text-decoration: none; } .bloglist-simple .more-link:hover { text-decoration: none; } .bloglist-simple .more-link-arrow{ width: 100%; height: 100%; display: block; } .bloglist-simple .more-link-arrow:after{ font-size: 10px; line-height: 26px; display: block; padding: 0; text-align: center; } .bloglist-simple .read-more-link:hover{ opacity: 1; } .template-blog .bloglist-simple .post_delimiter{ border-bottom: 1px solid rgba(0,0,0,0.15); margin: 0; padding: 0; clear: both; } #top .fullsize .template-blog .bloglist-simple:last-of-type .post_delimiter{ border-bottom-width: 0; } .bloglist-simple.post-entry{ float: none; } .bloglist-simple .entry-content-header{ padding: 25px 60px 25px 0; } .av_force_fullwidth .bloglist-simple .entry-content-header{ padding: 25px 0 25px 0; } #top .fullsize .template-blog .bloglist-simple .post-title, .bloglist-simple .entry-content-wrapper .post-title{ font-size: 17px; margin-bottom: 0.1em; text-align: left; } #top .fullsize .template-blog .bloglist-simple .post-meta-infos, .bloglist-simple .post-meta-infos{ top: auto; position: static; text-align: left; margin-bottom: 0; } .bloglist-simple .pagination{ padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-simple .pagination { padding-right: 0; } @media only screen and (max-width: 767px) { .bloglist-simple .read-more-link { right: 0; } } /* blog list - simple - elegant blog */ .html_elegant-blog #top .bloglist-simple .entry-content-header{ padding: 0; } .html_elegant-blog #top .bloglist-simple.post-entry{ padding-top: 20px; padding-bottom: 20px; } .html_elegant-blog #top .bloglist-simple.post-entry .post-title, .html_elegant-blog .avia-content-slider .bloglist-simple .slide-entry-title{ text-align: left; font-size: 26px; margin-bottom: 0; } .html_elegant-blog #top .bloglist-simple.post-entry .blog-categories{ text-align: left; } .html_elegant-blog #top .bloglist-simple.post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .bloglist-simple .slide-meta{ text-align: left; margin-top: 0; padding-right: 60px; position: relative; } .html_elegant-blog .template-blog .bloglist-simple .post_delimiter{ margin: 0; padding: 0; } .html_elegant-blog .read-more-link{ right: 0; } .html_elegant-blog .template-blog .bloglist-simple .post_delimiter{ display: none; } /* blog list - simple - modern blog */ .html_modern-blog #top .post-entry.bloglist-simple{ border-bottom-width: 1px; border-bottom-style: solid; } .html_modern-blog #top .post-entry.bloglist-simple .blog-categories { top: auto; font-size: 0.9em; } .html_modern-blog #top .bloglist-simple.post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .bloglist-simple .slide-meta { font-size: 0.8em; padding-bottom: 0; } /* blog list - compact */ .bloglist-compact.post-entry{ border-bottom-width: 1px; border-bottom-style: dashed; padding: 15px 0; float: none; } .bloglist-compact.post-entry:last-of-type { border-bottom-width: 0; } .main_color .bloglist-compact .fallback-post-type-icon{ position: relative; top: auto; left: auto; margin: 0 0.5em 0 0 ; background: transparent; color: inherit; line-height: normal; font-size: 1.3em; text-align: center; height: auto; } #top .fullsize .template-blog .bloglist-compact .post-title, .bloglist-compact .post-title { display: inline; font-size: 1em; font-weight: normal; } .bloglist-compact .post_delimiter{ display: none; } .bloglist-compact .pagination{ margin-top: 2em; padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-compact .pagination { padding-right: 0; } /* blog list - compact - elegant blog */ .html_elegant-blog #top .post-entry.bloglist-compact .post-title, .html_elegant-blog .avia-content-slider .bloglist-compact .slide-entry-title{ display: inline; font-size: 1em; } /* blog list - excerpt */ .bloglist-excerpt .read-more-link{ text-align: right; position: relative; margin-top: 40px; } .bloglist-excerpt .read-more-link:after { content: ""; height: 1px; border-top-style: solid; border-top-width: 1px; border-color: inherit; display: block; width: 100%; left: 0; top: 50%; position: absolute; z-index: 1; } .bloglist-excerpt .more-link { display: inline-block; border-width: 1px; border-style: solid; border-radius: 100px; padding: 0 20px; text-transform: uppercase; font-size: 0.8em; font-weight: bold; position: relative; z-index: 2; background-color: #ffffff; color: inherit; line-height: 2.1em; font-size: 0.75em; } .bloglist-excerpt .more-link:hover { text-decoration: none; } .bloglist-excerpt .more-link-arrow{ display: none; } .template-blog .bloglist-excerpt .post_delimiter{ margin: 0 0 20px 0; padding: 20px 0 0 0; border-color: transparent; } .bloglist-excerpt .pagination{ padding: 20px 50px 10px 0; } .av_force_fullwidth .bloglist-excerpt .pagination { padding-right: 0; } #top .fullsize .template-blog .bloglist-excerpt .post-title, .bloglist-excerpt .post-title { text-align: left; } #top .fullsize .template-blog .bloglist-excerpt .post-meta-infos{ text-align: left; margin-bottom: 0; top: auto; } #top .fullsize .template-blog .bloglist-excerpt .post_delimiter{ border-bottom-width: 0; } /* blog list - excerpt - elegant blog */ .html_elegant-blog #top .bloglist-excerpt.post-entry .post-title, .html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-entry-title{ text-align: left; margin-bottom: 0; font-size: 26px; } .html_elegant-blog #top .bloglist-excerpt.post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .bloglist-excerpt .slide-meta{ text-align: left; margin-top: 1em; margin-bottom: 1em; } .html_elegant-blog .bloglist-excerpt .more-link{ margin: 0; border-color: inherit; color: inherit; } .html_elegant-blog .bloglist-excerpt .more-link:hover { color: initial; } /* blog list - excerpt - modern blog */ .html_modern-blog #top .bloglist-excerpt.post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .bloglist-excerpt .slide-meta{ text-align: left; margin: 0; } .html_modern-blog .bloglist-excerpt .more-link .more-link-arrow{ display: none; } @media only screen and (max-width: 767px) { .responsive #top .template-page .big-preview.multi-big { padding: 0 0 10px 0; } } /* ====================================================================================================================================================== Post Slider ====================================================================================================================================================== */ .avia-content-slider{ margin: 30px 0; clear: both; } .avia-content-slider, .avia-content-slider-inner{ position: relative; overflow: hidden; clear: both; } .avia-content-slider .slide-entry-title{ font-size: 1.1em; line-height: 1.4em; margin: 0; } .avia-content-slider .slide-image, .avia-content-slider .slide-image img{ border-radius: 3px; display: block; position: relative; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; margin: 0 auto; } .avia-content-slider .slide-image{ overflow: hidden; margin-bottom: 6px; border-radius: 3px; } .avia-content-slider .slide-entry-excerpt{ overflow: hidden; text-overflow: ellipsis; } .avia-content-slider .slide-entry-wrap{ width: 100%; float: left; margin-bottom: 40px; } .avia-content-slider-active .slide-entry-wrap{ position: absolute; top: 0; visibility: hidden; margin: 0; } .avia-content-slider .slide-entry-wrap:first-child{ position: relative; } .avia-content-slider .slide-meta div, .avia-content-slider .slide-meta time{ display: inline-block; font-size: 0.9em; } .avia-content-slider .slide-meta a{ position: relative; } .avia-content-slider .slide-meta{ position: relative; padding-bottom: 10px; } .avia-content-slider .slide-meta-del{ margin: 0px 4px; } .avia-content-slider.avia-builder-el-no-sibling{ margin: 0; } .slider-fallback-image{ visibility: hidden; } .avia-content-slider .fake-thumbnail .slide-image{ border-width: 1px; border-style: solid; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; min-height: 70px; } .fallback-post-type-icon{ position: absolute; top: 49%; left: 50%; margin: -28px 0 0 -30px; height: 60px; width: 60px; line-height: 59px; font-size: 25px; text-align: center; border-radius: 100px; } .avia-content-slider .slide-image:hover .fallback-post-type-icon{ opacity: 0; } .pagination-slider .pagination{ padding: 1px 0 10px 0; } #top .avia-content-slider .avia-slideshow-arrows a{ top: 38%; margin: -30px 0 0; } #top .avia-content-slider .avia-slideshow-dots{ position: relative; float: left; height: 25px; bottom: -37px; } #top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap{ /* fixes flickering issue when slider moves. usually other elements in other container flicker. temp removed */ /* old: */ /* -webkit-transform-style: preserve-3d; */ /* new; */ -webkit-transform-style: flat; -webkit-backface-visibility: hidden; /* removed due to blurry text in win, chrome -webkit-perspective: 1000px; */ } /*audio*/ #top #wrap_all .avia-content-slider .audio-preview{ margin-top: -36px; margin-bottom: -4px; } #top .avia-content-slider .audio-preview .mejs-volume-button, #top .avia-content-slider .audio-preview .mejs-time{ display: none; } #top #wrap_all .mejs-controls a.mejs-horizontal-volume-slider{ width: 60px; } /*fix blur on content slider in safari*/ .avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap{ -webkit-perspective: 0 !important; } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry{ width: 48%; margin-left: 4% } .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even{ margin: 0; clear: both; } .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first{ margin-left: 0; width: 100%; } .responsive avia-content-slider .slide-image img { width: 100%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-content-slider-odd .slide-entry{ margin-left: 0; clear: both; width: 100%; } } /* ====================================================================================================================================================== Button ====================================================================================================================================================== */ /*button element*/ .avia-button-wrap{ display:inline-block; } .avia-button{ color: #777; border-color: #e1e1e1; background-color: #f8f8f8; } body div .avia-button{ border-radius: 3px; padding:10px; font-size: 12px; text-decoration: none; display:inline-block; border-bottom-style: solid; border-bottom-width: 1px; margin:3px 0; line-height: 1.2em; position: relative; font-weight: normal; text-align: center; max-width: 100%; } .avia-button:hover{ opacity: 0.9; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .avia-button:active{ border-bottom-width: 0px; border-top-width: 1px; border-top-style: solid; } .avia-button.avia-color-theme-color-subtle{ background-image: none; } .avia-button.avia-color-theme-color-subtle:hover{} .avia-button .avia_button_icon{ position: relative; left: -0.3em; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .avia-button .avia_button_icon.avia_button_icon_right{ left: 0.3em; } .avia-button.avia-icon_select-no .avia_button_icon{ display:none } .avia-button.avia-color-grey, .avia-button.avia-color-grey:hover{ background-color: #555; border-color: #333333; color: #fff; } .avia-button.avia-color-black, .avia-button.avia-color-black:hover{ background-color: #2c2c2c; border-color: #000; color: #fff; } .avia-button.avia-color-red, .avia-button.avia-color-red:hover{ background-color: #B02B2C; border-color: #8B2121; color: #fff; } .avia-button.avia-color-orange, .avia-button.avia-color-orange:hover{ background-color: #edae44; border-color: #CA9336; color: #fff; } .avia-button.avia-color-green, .avia-button.avia-color-green:hover{ background-color: #83a846; border-color: #6F8F3B; color: #fff; } .avia-button.avia-color-blue, .avia-button.avia-color-blue:hover{ background-color: #7bb0e7; border-color: #6693C2; color: #fff; } .avia-button.avia-color-aqua, .avia-button.avia-color-aqua:hover{ background-color: #4ecac2; border-color: #3EAAA3; color: #fff; } .avia-button.avia-color-teal, .avia-button.avia-color-teal:hover{ background-color: #5f8789; border-color: #3F5E5F; color: #fff; } .avia-button.avia-color-purple, .avia-button.avia-color-purple:hover{ background-color: #745f7e; border-color: #514358; color: #fff; } .avia-button.avia-color-pink, .avia-button.avia-color-pink:hover{ background-color: #d65799; border-color: #BB4B85; color: #fff; } .avia-button.avia-color-silver, .avia-button.avia-color-silver:hover{ background-color: #DADADA; border-color: #B4B4B4; color: #555; } #top a.avia-button.avia-font-color-grey, .avia-button.avia-font-color-grey-hover:hover{ color: #333333; } #top a.avia-button.avia-font-color-black, .avia-button.avia-font-color-black-hover:hover{ color: #000; } #top a.avia-button.avia-font-color-red, .avia-button.avia-font-color-red-hover:hover{ color: #8B2121; } #top a.avia-button.avia-font-color-orange, .avia-button.avia-font-color-orange-hover:hover{ color: #CA9336; } #top a.avia-button.avia-font-color-green, .avia-button.avia-font-color-green-hover:hover{ color: #6F8F3B; } #top a.avia-button.avia-font-color-blue, .avia-button.avia-font-color-blue-hover:hover{ color: #6693C2; } #top a.avia-button.avia-font-color-aqua, .avia-button.avia-font-color-aqua-hover:hover{ color: #3EAAA3; } #top a.avia-button.avia-font-color-teal, .avia-button.avia-font-color-teal-hover:hover{ color: #3F5E5F; } #top a.avia-button.avia-font-color-purple, .avia-button.avia-font-color-purple-hover:hover{ color: #514358; } #top a.avia-button.avia-font-color-pink, .avia-button.avia-font-color-pink-hover:hover{ color: #BB4B85; } #top a.avia-button.avia-font-color-silver, .avia-button.avia-font-color-silver-hover:hover{ color: #B4B4B4; } #top .avia-button.avia-color-light{ color:#fff; border:3px solid #fff; background: transparent; } #top .avia-button.avia-color-dark{ color:#000; border:3px solid #000; color:rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.6); background: transparent; } .avia-button.avia-color-light:hover{ opacity: 0.7; color:#fff; } .avia-button.avia-color-dark:hover{ opacity: 0.7; color:#000; color:rgba(0,0,0,0.6); } .avia-button.avia-color-theme-color-subtle{ border-width:1px; border-style: solid; } .avia-button-center { display:block; text-align: center; clear:both; } .avia-button-right{ display:block; float:right; } .avia-button.avia-position-right{ float:right; display:block; } .avia-button.avia-position-left{ float:left; display:block; } .avia-button.avia-size-small{ padding:9px 10px 7px; font-size: 13px; min-width: 80px; } .avia-button.avia-size-medium{ padding:12px 16px 10px; font-size: 13px; min-width: 90px; } .avia-button.avia-size-large{ padding: 15px 30px 13px; font-size: 13px; min-width: 139px; } .avia-button.avia-size-x-large{ padding: 25px 50px 23px; font-size: 15px; min-width: 200px; } .av-icon-on-hover .avia_button_icon{ width: 0px; overflow: hidden; display: inline-block; height: 1em; -webkit-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; opacity: 0; } .av-icon-on-hover:hover .avia_button_icon{ width: 1.5em; opacity: 1; } #top .av-button-notext{ min-width: 0; } #top .av-button-notext .avia_button_icon{ left:0; } .av-button-label-on-hover{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .av-button-label-on-hover.avia-button.avia-size-small{ padding:0; line-height: 30px; width: 32px; } .av-button-label-on-hover.avia-button.avia-size-medium{ padding:0; line-height: 36px; width: 38px; } .av-button-label-on-hover.avia-button.avia-size-large{ padding:0; line-height: 42px; width: 44px; } .av-button-label-on-hover.avia-button.avia-size-x-large{ padding:0; line-height: 66px; width: 68px; } #top .avia-button .avia_button_background{ opacity: 0; position: absolute; top: -3px; left: 0; bottom: -6px; right: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #top .avia-button:hover .avia_button_background{ opacity: 0.9; } #top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title{ position: relative; z-index: 3; } /* Sonar effect */ .avia-button.avia-sonar-shadow:after{ content: ''; pointer-events: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; /*border-radius: 10px;*/ box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform-style: preserve-3d; } .avia-buttonrow-wrap > .avia-button{ vertical-align: bottom; } .avia-buttonrow-left{ text-align: left; } .avia-buttonrow-right{ text-align: right; } .avia-buttonrow-center{ text-align: center; } .avia-buttonrow-right .avia-button:first-child, .avia-buttonrow-left .avia-button:first-child{ margin-left: 0 !important; } .avia-buttonrow-right .avia-button:last-child, .avia-buttonrow-left .avia-button:last-child { margin-right: 0 !important; } /* ====================================================================================================================================================== Fullwidth Button ====================================================================================================================================================== */ #top .avia-button-fullwidth{ width: 100%; padding:20px; font-size: 1.5em; margin:0; border:none; position: relative; display:block; } #top .avia-button-fullwidth .avia-button-fullwidth{ font-size: 1em; } #top .avia-button-fullwidth .av-button-description{ font-size: 0.8em; position: relative; z-index: 3; opacity: 0.7; } #top .avia-button-fullwidth .av-button-description-above p:first-child{ margin-top:0; } #top .avia-button-fullwidth .av-button-description-below p:last-child { margin-bottom:0; } #top .avia-button-fullwidth:hover{ opacity: 1; } #top .avia-button-fullwidth .avia_button_icon, #top .avia-button-fullwidth .avia_iconbox_title{ position: relative; z-index: 3; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } #top .av-fullscreen-button .avia-button-fullwidth{ border-radius: 0; padding:50px 10px; } .avia-safari .avia-button-fullwidth { -webkit-transform: translateZ(0); } #top .avia-button-fullwidth .avia_button_background{ top: 0; bottom: 0; } /* ====================================================================================================================================================== Catalogue ====================================================================================================================================================== */ .av-catalogue-container{margin:30px 0;} .av-catalogue-heading{ text-align: center; padding-bottom: 15px; font-weight: normal; letter-spacing: 1px;} .av-catalogue-list{ border-top: 1px dashed; margin:0;} .av-catalogue-list li{list-style-type: none; margin:0; border-bottom: 1px dashed; padding:0; clear:both;} #top .av-catalogue-item{text-decoration: none; padding:10px 5px; display: block; overflow: hidden; } div.av-catalogue-item:hover{cursor:default;} .av-catalogue-title-container{position: relative; font-size: 1.3em; line-height: 1.4em;} .av-catalogue-title{padding-right:60px; text-transform: uppercase; } .av-catalogue-price{position: absolute; right:0; top:0;} .av-catalogue-content{padding-right:60px; font-size: 1.1em;} .av-catalogue-content p:first-child{margin-top:0;} .av-catalogue-content p:last-child{margin-bottom:0;} .av-catalogue-list .added_to_cart.wc-forward{display:none;} .av-catalogue-image{border-radius: 400px; width:44px; float:left; margin-right:15px; } .av-catalogue-image-no{display:none;} .av-catalogue-item-inner{overflow: hidden; } .av-catalogue-container-woo{margin-top:0;} /* ====================================================================================================================================================== #Comment ====================================================================================================================================================== */ h4#comments{ margin-bottom:30px; } #respond{ margin-top:20px; } .commentlist ul { border-left-style: dashed; border-left-width: 1px; } .children .children .says{ border-bottom-style: dashed; border-bottom-width: 1px; } .miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title{ font-weight: 600; letter-spacing: 1px; } #comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label{ font-size: 0.85em; display:block; letter-spacing: 0; text-transform: none; padding-top:8px; line-height: 1.5em; font-weight: normal; } .comment_meta_container{clear:both; float:none;} #top .commentlist{ margin:0; padding: 0 0 10px 0px; border:none; } #top .commentlist .comment{ list-style-type: none; list-style-position: outside; width:100%; position: relative; display: block; background: none; min-height:100px; clear: both; } #top .commentlist .comment.depth-1{float:left;} #top .commentlist .comment>div{min-height: 100px; float: left; width:100%;} .commentlist>.comment{ border-bottom-style: dashed; border-bottom-width: 1px; margin-bottom:30px; } .gravatar{ position: relative; z-index: 2; border-radius: 200px; overflow: hidden; float: left; } .gravatar img{ padding:0; margin:0; display: block; border-radius: 200px; } .comment_content{ position:relative; margin:0 0 0 85px; padding:0 35px 15px 0; z-index: 10; overflow: hidden; } .author_name a, .author_name a:hover{ font-weight: bold; text-decoration: none; } .comment-edit-link, #cancel-comment-reply-link{ display:inline-block; font-size: 10px; } .author_name, .comment_title{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .commentmetadata { font-size:11px; line-height: 1em; } .commentmetadata a{ text-decoration: none; } .commentmetadata a:hover{ text-decoration: underline; } .says { display: block; height: 1px; left: -70px; position: absolute; text-indent: 200%; top: 18px; width: 40px; overflow: hidden; } #top .comment_text{ clear: both; font-size: 13px; padding: 0 0 15px 0; border:none; } #top .comment-reply-link { font-size: 11px; text-decoration: none; line-height: 20px; } .side-container-comment-inner{ text-align: center; position: relative; overflow: hidden; margin-bottom:15px; } .comment-count { font-size: 24px; line-height: 60px; width: 60px; display: block; text-align: center; border-radius: 200px; margin: 0 auto; position: relative; z-index: 100; } .side-container-comment-inner .comment-text{ font-size: 12px; text-transform: uppercase; } .center-border{position: absolute; top:39%; width:42%; border-top-style: solid; border-top-width: 1px; z-index: 1;} .center-border-left{left:0;} .center-border-right{right:0;} /*children*/ #top .commentlist ul{ margin: 0 0 0 74px; clear:both; } #top .commentlist .children ul{ margin: 0 0 0 47px; } .children .comment_content { margin: 0 0 0 28px; padding-bottom:30px; z-index: 1; } .children .gravatar{ position: relative; left:-24px; z-index: 2; width:45px; } #top .children .comment-reply-link { left: -42px; top: 51px; } /*comment page nav*/ .comment_page_nav_links{ position: relative; display: block; clear:both; overflow: hidden; font-size:11px; } .comment_prev_page a{ float:left; } .comment_next_page a{ float:right; } .comment_page_nav_links_bottom{ } .comment_page_nav_links_top{ } .sidebar_right .comment_container { padding-right: 50px; } .sidebar_left .comment_container { margin-left: 0; } .comment_container{max-width: 100%;} /*generated by comment_form()*/ #commentform{ position: relative;} #commentform p{ position: relative; padding:0 0 10px 0; margin:0;} #reply-title small a{ float:right;} #commentform label{ position: absolute; left:245px; font-size: 11px; top:0; font-weight: bold; } #commentform input[type='checkbox'] + label{ left:2.5em; } #commentform div input{ margin:0; } .commentlist #commentform label{ position: static; display: block; } .comment-notes, #commentform .comment-form-comment label{ display:none; } #top .comment-form-url input, #top .comment-form-email input, #top .comment-form-author input{ width: 220px; } #top .commentlist .comment-form-url input, #top .commentlist .comment-form-email input, #top .commentlist .comment-form-author input{ width: 70%; } #comment{ width:602px; height:150px; padding:10px 7px; font-size: 12px; margin:0; } .form-allowed-tags{ font-size: 11px; line-height: 1.5em; margin-bottom: 5px; } .form-allowed-tags code{ display:block; padding-top:5px; } .commentlist #respond { padding: 0 0 30px 56px; } .commentlist #respond #comment{ width:90%; } .commentlist #respond .form-allowed-tags{ display:none; } #reply-title{display:none;} #reply-title small{display:inline;} .commentlist #reply-title{display:block;} #comment{ width:94%; font-size:12px; } .personal_data p{ float:left; width:33%; } .personal_data label{ display:none; } .template-blog .post .entry-content-wrapper{ /* font-size: 14px; line-height: 1.7em; */ overflow:hidden; } .template-blog .post_delimiter{ margin: 0 0 50px 0; padding: 50px 0 0 0; /* border-bottom-style: solid; border-bottom-width: 1px; */ clear:both; } .template-blog .post-entry-last .post_delimiter{ border:none; height:1px; } .av-buildercomment .av-buildercomment-unapproved{ padding: 30px 0 15px; text-align: center; font-size: 1.4em; font-weight: 500; }/* ====================================================================================================================================================== Contact Form defaults ====================================================================================================================================================== */ .avia_ajax_form { clear: both; } .avia_ajax_form fieldset p br { display: none; } .avia_ajax_form label { display: block; visibility: visible; position: relative; /*dont delete. ie8 needs this separate*/ } .avia_ajax_form label, .modified_width:before { display: block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600; } .avia_ajax_form p.av-form-empty-line { height: 2em; } #ajaxresponse.hidden { visibility: visible; position: static; display: none; } #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area { width: 100%; margin-bottom: 0; display: inline; min-width: 50px; padding: 13px; border-radius: 2px; } #top .avia_ajax_form .select[multiple] option { padding: 5px; } #top .avia_ajax_form .select[multiple] option.av-placeholder { font-weight: 600; border-bottom: 1px solid; margin-bottom: 5px; } #top .avia_ajax_form input[type="checkbox"] { float: left; margin-right: 8px; top: 2px; position: relative; } #top .avia_ajax_form input[type="submit"].avia-button-default-style { background-color: #9a9a9a; border-color: #737373; pointer-events: none; opacity: 0; animation: all 0.7s; } #top .avia_ajax_form.av-form-input-visible input[type="submit"].avia-button-default-style { opacity: 1; animation: all 0.7s; } .value_verifier_label { position: absolute; bottom: 11px; left: 10px; font-size: 13px; line-height: 21px; } .avia_ajax_form.av-form-labels-hidden label { position: fixed; top: -1000px; left: -2000px; } .avia_ajax_form.av-form-labels-hidden label.input_checkbox_label { position: initial; top: initial; left: initial; } .avia_ajax_form p { position: relative; clear: both; float: left; width: 100%; margin: 11px 0; } .avia_ajax_form.av-form-labels-hidden p { margin-top: 8px; margin-bottom: 8px; } .avia_ajax_form p.hidden { position: absolute; width: 0px; left: 0; top: 0; } .avia_ajax_form .form_element_half { width: 49.5%; float: left; margin-left: 1%; clear: none; } .avia_ajax_form .form_element_third { width: 32.6%; float: left; margin-left: 1%; clear: none; } .avia_ajax_form .form_element_two_third { width: 66.4%; float: left; margin-left: 1%; clear: none; } .avia_ajax_form .form_element_fourth { width: 24.2%; float: left; margin-left: 1%; clear: none; } .avia_ajax_form .form_element_three_fourth { width: 74.8%; float: left; margin-left: 1%; clear: none; } .avia_ajax_form .first_form { clear: both; margin-left: 0; } .avia_ajax_form .button { margin: 0; padding: 16px 20px; border-radius: 2px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 0.92em; min-width: 142px; outline: none; } .modified_width .button { width: 100%; padding: 13px 10px 14px; min-width: 0; } .av-form-labels-visible .modified_width:before { display: block; content: "Submit Form"; visibility: hidden; } .av-form-labels-visible .av-last-visible-form-element.first_form.modified_width:before { display: none; } #footer .avia_ajax_form textarea { height: 90px; } .avia_ajax_form p input, .avia_ajax_form p textarea, .avia_ajax_form p select, .avia_ajax_form p .input_checkbox_label { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #top .button.av-sending-button { -webkit-transition: none; transition: none; background-size: 32px 32px; -webkit-animation: avia-bg-move 1.2s linear infinite; /* Safari 4+ */ animation: avia-bg-move 1.2s linear infinite; /* IE 10+ */ } .av-centered-form, #top .av-centered-form input { text-align: center; } #top .av-centered-form ::-webkit-input-placeholder, #top .av-centered-form ::-moz-placeholder, #top .av-centered-form :-ms-input-placeholder { text-align: center; } #top .avia_ajax_form input.captcha, #top .av-centered-form input.captcha { text-align: left; padding-left: 70px; } .avia_ajax_form .av-hidden-submit { display: none; } .avia-form-success { text-align: center; border-style: solid; border-width: 1px; padding: 20px 15px; line-height: 1.4em; border-radius: 2px; clear: both; } .avia-form-error { text-align: center; border-style: solid; border-width: 1px; padding: 20px 15px; line-height: 1.4em; border-radius: 2px; clear: both; font-weight: bold; } .av-fields-with-error { padding: 10px 10px; margin-right: 20px; font-size: 12px; background-color: #f8f8f8; color: #c26666; border: 2px solid #c26666 !important; border-radius: 5px; } #top .av-custom-form-color ::placeholder { color: inherit; opacity: 0.8; } #top .av-centered-form input[type="checkbox"] { float: none; } #top .av-centered-form .input_checkbox_label { display: inline-block; } .avia_ajax_form .required { text-decoration: none; } /*contact form datepicker*/ #top .avia-datepicker-div { background: #fff; border: 1px solid #e1e1e1; font-size: 15px; } #top .avia-datepicker-div a { color: #333; background-color: #f8f8f8; background-image: none; } #top .avia-datepicker-div a.ui-state-active { color: #8bba34; } #top .avia-datepicker-div a.ui-state-highlight { color: #8bba34; } #top .avia-datepicker-div a.ui-state-hover { color: #fff; background-color: #bbb; } #top .avia-datepicker-div .ui-datepicker-buttonpane button { background-color: #8bba34; color: #fff; border-color: #8bba34; } #top .avia-datepicker-div.ui-datepicker { width: 300px; padding: 20px; display: none; box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.2); border-radius: 0; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; background: transparent; border: none; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next { position: absolute; top: 4px; width: 50px; text-align: center; line-height: 34px; height: 34px; cursor: pointer; border-radius: 0; text-decoration: none; font-size: 12px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev { left: 2px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next { right: 2px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-title { margin: 0px 53px; line-height: 32px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; } #top .ui-datepicker-title select { width: 72px; float: left; font-size: 12px; margin-left: 3px; margin-bottom: 0; border-radius: 0px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-title select { font-size: 14px; margin: 1px; } #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-month-year { width: 100%; } #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-month, #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-year { width: 48%; } #top .avia-datepicker-div.ui-datepicker select.ui-datepicker-year { float: right; } #top .avia-datepicker-div.ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } #top .avia-datepicker-div.ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } #top .avia-datepicker-div.ui-datepicker td { border: 0; padding: 1px; } #top .avia-datepicker-div.ui-datepicker td span, #top .avia-datepicker-div.ui-datepicker td a { border: none; display: block; padding: 0.2em; text-align: center; text-decoration: none; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0 0.4em; cursor: pointer; padding: 10px 20px; width: auto; overflow: visible; border: none; background-image: none; border-radius: 3px; font-size: 13px; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } #top .avia-datepicker-div .ui-widget-content { background: transparent; border: none; } #top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span { text-indent: 0; overflow: visible; background-image: none; display: inline; position: static; margin: 0; font-weight: normal; } /* RTL support */ .avia-datepicker-div.ui-datepicker-rtl { direction: rtl; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group { float: right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /*custom form colors*/ #top .av-custom-form-color * { color: inherit; } #top .av-custom-form-color a { text-decoration: underline; } #top .av-custom-form-color ::-webkit-input-placeholder, #top .av-custom-form-color ::-moz-placeholder, #top .av-custom-form-color :-ms-input-placeholder { color: inherit; opacity: 0.8; } #top .av-custom-form-color .button { border: 2px solid; } #top .av-custom-form-color .button:hover { } #top .av-light-form, #top .av-light-form + .ajaxresponse * { color: #fff; } #top .av-light-form + .ajaxresponse .avia-form-success { background: transparent; } #top div .av-light-form .input-text, #top div .av-light-form input[type="text"], #top div .av-light-form input[type="input"], #top div .av-light-form input[type="password"], #top div .av-light-form input[type="email"], #top div .av-light-form input[type="number"], #top div .av-light-form input[type="url"], #top div .av-light-form input[type="tel"], #top div .av-light-form input[type="search"], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button { color: #fff; border-color: #fff; border-width: 2px !important; background-color: transparent; } #top .av-dark-form, #top .av-dark-form + .ajaxresponse * { color: #222; } #top .av-dark-form + .ajaxresponse .avia-form-success { background: transparent; } #top div .av-dark-form .input-text, #top div .av-dark-form input[type="text"], #top div .av-dark-form input[type="input"], #top div .av-dark-form input[type="password"], #top div .av-dark-form input[type="email"], #top div .av-dark-form input[type="number"], #top div .av-dark-form input[type="url"], #top div .av-dark-form input[type="tel"], #top div .av-dark-form input[type="search"], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button { color: #222; border-color: #222; border-width: 2px !important; background-color: transparent; } /* recaptcha */ #top .avia_ajax_form .av-recaptcha-area { display: block; } #top .avia_ajax_form .av-recaptcha-submit.avia_button_inactive, #top .avia_ajax_form .av-recaptcha-submit-real.avia_button_inactive { opacity: 0.3; } #top .avia_ajax_form .av-recaptcha-submit.avia_button_inactive:hover, #top .avia_ajax_form .av-recaptcha-submit-real.avia_button_inactive:hover { cursor: default; } #top .avia_ajax_form .av-recaptcha-error { display: inline-block; width: 100%; } #top .avia_ajax_form .av-recaptcha-error.av-recaptcha-severe-error { background-color: red; color: white; border-radius: 8px; padding: 10px; text-align: center; } #top .avia_ajax_form .av-recaptcha-error.av-recaptcha-severe-error .av-recaptcha-error-main { color: white; font-weight: 900 !important; } #top .avia_ajax_form .av-recaptcha-error.av-err-content { margin: 5px 0; color: #fe6d4e; background-color: #fff; font-weight: 700; display: block; clear: both; } #top .avia_ajax_form.avia_recaptcha_v3 .av_form_privacy_check { margin-top: -15px; } body .grecaptcha-badge { z-index: 9000; } body.av-google-badge-hide .grecaptcha-badge { visibility: hidden; } body.av-google-badge-visible #scroll-top-link { bottom: 80px; } #top .avia_ajax_form .av-google-badge-message { padding: 12px 0 0 0; min-width: 300px; max-width: 100%; font-size: 0.8em; line-height: 1.3em; } #top .avia_ajax_form.av-centered-form .av-google-badge-message { text-align: center; width: 100%; max-width: 100%; float: left; } #top .avia_ajax_form .avia-disabled-form { padding: 15px 15px; font-size: 1.5em; font-weight: 900; display: none; } #top .avia_ajax_form.av-form-user-disabled .avia-disabled-form { display: block; } #top .avia_ajax_form.av-centered-form .avia-disabled-form { text-align: center; } @media only screen and (max-width: 479px) { .responsive .avia_ajax_form .form_element { width: 100%; clear: both; margin-right: 0; margin-left: 0; float: none; } } /* ====================================================================================================================================================== Slideshow ====================================================================================================================================================== */ .avia-slideshow{ position: relative; margin:50px 0; width:100%; clear: both; overflow: hidden; } .flex_column .avia-slideshow{ margin:20px 0; } .flex_column .avia-slideshow.avia-builder-el-no-sibling{ margin-top:0px; } .avia-slideshow-inner{ padding:0; margin: 0; position: relative; overflow: hidden; width:100%; } #top .av-default-height-applied .avia-slideshow-inner{ height:0px; } .avia-slideshow li{ padding:0; margin: 0; list-style-type: none; list-style-position: outside; position: absolute; visibility: hidden; z-index: 1; top:0; left:0; width:100%; clear:both; opacity: 0; overflow: hidden; } .avia-slideshow li:first-child{ position: relative; visibility: visible; z-index: 3; } .avia-slideshow li img{ display:block; width:100%; margin: 0 auto; border-radius: 3px; position: relative; } .flex_cell_inner .avia-slideshow li img{ border-radius: 0; } .avia-slideshow.image_no_stretch li img{ width:auto; } .avia-slideshow li>p{ margin:0; } /* carousel */ .avia-slideshow-carousel{ overflow: hidden; } .avia-slideshow-carousel ul{ transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); white-space: nowrap; } .avia-slideshow-carousel ul *{ white-space: normal; } .avia-slideshow-carousel li{ position: relative; visibility: visible; opacity: 1; vertical-align: top; } #top .avia-slideshow-arrows a{ display: block; text-decoration: none; color: #fff; visibility: visible; position: absolute; width: 60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top: 50%; margin:-30px 15px 0; z-index: 99; overflow: hidden; text-indent: -600%; } #top .avia-slideshow-arrows a.next-slide{ right: 0; } .avia-slideshow-arrows a:before{ visibility: visible; display: block; position: absolute; z-index: 100; background: #aaa; background: rgba(0,0,0,0.3); top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; text-align: center; line-height: 62px; color: inherit; } .prev-slide:before{ text-indent: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .next-slide:before{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-indent: 0px; } /* show/hide nav arrows depending on options and state of slider */ #top .av-slideshow-ui .avia-slideshow-arrows a{ width: 0; } #av-admin-preview .av-slideshow-ui .avia-slideshow-arrows a, #top .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{ width: 60px; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #top .av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows a, #top .av-slideshow-ui.av-hidden-slider-navigate-arrows .avia-slideshow-arrows > a{ opacity: 0; width: 0; } .avia-slideshow-dots{ position: absolute; z-index: 200; width: 100%; bottom: 0; text-align: center; left: 0; height: 0; } .avia-slideshow-dots a{ display: inline-block; height: 13.5px; width: 13.5px; border-radius: 14px; background: #000; opacity: 0.6; filter: alpha(opacity=60); text-indent: 100px; overflow: hidden; margin:0 1px; padding: 7px; position: relative; bottom: 33px; -webkit-backface-visibility: hidden; } .avia-slideshow-dots a.active, .avia-slideshow-dots a:hover{ opacity: 0.8; filter: alpha(opacity=80); background: #fff; } .avia-caption{ position: absolute; z-index: 10; bottom: 17px; left: 17px; padding: 10px 20px; color: #fff; border-radius: 3px; } .avia-slideshow .avia-caption .avia-caption-title{ color: #fff; } .js_active .avia-slideshow li:first-child{ visibility: hidden; } .js_active .avia-slideshow-carousel li:first-child{ visibility: visible; } /* hide controls on desktop */ .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui .avia-slideshow-controls a{ opacity: 0; filter: alpha(opacity=0); } .avia_desktop .av_slideshow.avia-slideshow.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av_slideshow.avia-slideshow.av-nav-dots-visible .avia-slideshow-dots a, .avia_desktop .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{ opacity: 0.6; filter: alpha(opacity=60); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a{ opacity: 0.6; filter: alpha(opacity=60); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover, .avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter: alpha(opacity=80); } /*various control stylings*/ #top .av-control-hidden .avia-slideshow-controls{ display: none; } #top .av-hide-nav-arrows .avia-slideshow-arrows a{ width: 0; } #top .av-control-minimal .avia-slideshow-arrows a:before{ border: 2px solid #fff; background: transparent; line-height: 60px; } #top .av-control-minimal .avia-slideshow-dots a{ border: 2px solid #fff; background: transparent; padding: 5px; } #top .av-control-minimal .avia-slideshow-dots a.active{ background: #fff; } #top .av-control-minimal-dark .avia-slideshow-arrows a{ color: #000; } #top .av-control-minimal-dark .avia-slideshow-arrows a:before{ border-color: #000; } #top .av-control-minimal-dark .avia-slideshow-dots a{ border-color: #000; } #top .av-control-minimal-dark .avia-slideshow-dots a.active{ background: #000; } #top .scroll-down-link.av-control-minimal-dark{ color:#000; } #top .scroll-down-link.av-custom-scroll-down-color{ text-shadow: none; } /*avia-small-width-slider*/ #top .avia-small-width-slider .avia-slideshow-arrows a{ width: 30px; height: 30px; margin: -15px 5px 0; line-height: 32px; font-size: 15px; } #top .avia-small-width-slider .avia-slideshow-arrows a:before{ line-height: 32px; } #top .avia-super-small-width-slider .avia-slideshow-dots{ display: none; } /*video slides*/ #top .av-video-slide, #top .av-video-slide .avia-slide-wrap{ width:100%; height:100%; position: absolute; overflow: hidden; } #top .av-video-slide .mejs-poster{ width:100% !important; height: 100% !important; background-size: cover; background-position: center center; } #top .av-video-slide .mejs-poster img{ display:none; } #top .av-video-slide .avia-iframe-wrap{ padding:0; height:100%; margin: 0; } #top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video{ max-width:none; max-height:none; width:100%; height:100%; position: absolute; } #top .av-video-slide .caption_fullwidth{ top: 0; left: 0; right: 0; bottom: 40px; } #top .av-video-slide.av-hide-video-controls .caption_fullwidth{ bottom:0px; } #top .av-video-slide .mejs-container{ height: 100% !important; width: 100% !important; position: absolute; } #top .av-video-slide .me-plugin{ width:100%; height:100%; } span.mejs-offscreen { display: none!important; } #top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .avia_video{ z-index: 8; } .mejs-controls{ z-index: 9; } #top .av-video-slide.av-video-service-vimeo .mejs-controls, .av-force-resize .av-video-service-youtube .avia_video, .av-hide-video-controls .mejs-controls{ display: none !important; } .av-video-slide.slide-1 .mejs-mediaelement{ opacity: 0; } .av-video-slide .mejs-mediaelement{ height:100%; } #top .av-video-slide .mejs-overlay-button{ display: none; } #top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe{ background: #000; } #top .av-video-slide.av-video-4-3-stretch iframe, #top .av-video-slide.av-video-4-3-stretch embed, #top .av-video-slide.av-video-4-3-stretch object, #top .av-video-slide.av-video-4-3-stretch video { height: 270%; } /*blocks the option to click the video. play/pause events get attached to the av click overlay instead*/ #top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay{ content: "."; position: absolute; text-indent: -200px; overflow: hidden; top:0; left:0; right:0; bottom:0; z-index: 11; /*this allows to toggle to work in IE. its a hack since the browser does not accept click events on elements without bg. */ filter: alpha(opacity=0); opacity: 0; background: #000; } .av-click-overlay{ z-index: 9; /*z index 9 to move it behind caption*/ bottom:30px; } .av-video-service-vimeo .av-click-overlay { bottom:42px; } .av-video-service-youtube .av-click-overlay { bottom:36px; } .av-hide-video-controls .av-click-overlay { bottom: 0; } .av-video-service-youtube.av-video-events-bound .av-click-overlay{ display: none; /* @since 5.5 In fullwidth easy slider preview controls are blocked after user starts video */ } /*video play/pause icon*/ .avia_playpause_icon{ position: absolute; height: 100px; width: 100px; margin: -50px 0 0 -50px; background: #000; background: rgba(0,0,0,0.4); border-radius: 3px; top: 50%; left: 50%; z-index: 50; display: none; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .avia_playpause_icon.av-play, .avia_playpause_icon.av-pause{ display: block !important; } #top .avia_playpause_icon:before{ top:0; left:0; right:0; bottom:0; position: absolute; color:#fff; line-height: 100px; text-align: center; font-size: 40px; } .avia_transform .avia_playpause_icon.av-play, .avia_transform .avia_playpause_icon.av-pause{ -webkit-animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 0; } .avia_playpause_icon.av-pause{ } /*slideshow on mobile*/ .av-fallback-message{ text-align: center; position: absolute; z-index: 1000; top: 45%; width: 100%; left: 0; } .av-fallback-message span{ display: inline-block; border: 1px solid #e1e1e1; padding: 10px; background: #fff; } /*slideshow captions Fullscreen slider*/ .caption_fullwidth{ position: absolute; right: 0; bottom: 0; left: 0; top: 0; z-index: 10; } .slideshow_caption{ z-index: 100; width: 42%; position: absolute; bottom: 0; top: auto; height: 100%; display: block; text-decoration: none; padding: 50px; } div .slideshow_caption h2{ text-transform: uppercase; } div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption a:hover, div .slideshow_caption h2, div .slideshow_caption h2 .special_amp, div .slideshow_caption strong, div .slideshow_caption h2 strong{ color: #fff; } .slideshow_inner_caption{ position: relative; display: table; height: 100%; width: 100%; } .slideshow_align_caption{ display: table-cell; vertical-align: middle; position: relative; } /*caption frame*/ .avia-caption-content{ line-height: 1.3em; } .avia-caption-content p{ margin: 15px 0; } .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{ background: #000; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.5); display: inline-block; margin: 0 0 1px 0; padding: 10px 15px; } #top .avia-caption-content .wp-smiley{ display: none; } #top .avia-caption-content a{ text-decoration: underline; } #top .avia-caption-content a:hover{ text-decoration: none; } .avia_transform .av_slideshow_full .avia-caption-title{ } .caption_left .slideshow_caption{ left: 0; } .caption_right .slideshow_caption{ right: 0; } .caption_right .slideshow_caption .slideshow_inner_caption{ float: right; } .caption_bottom .slideshow_caption{ left: 0; width: 100%; bottom: 0; height: auto; } #top div .caption_center .slideshow_caption{ left:0; width: 100%; text-align: center; } .caption_bottom .slideshow_caption .slideshow_inner_caption{ display: block; height: auto; bottom: 0; position: absolute; padding: 0 50px; width: 100%; left: 0; } .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{ padding: 20px 0; display: block; } /*button*/ #top .avia-slideshow-button{ border-radius: 3px; text-transform: uppercase; padding: 15px 16px; display: inline-block; margin-top: 20px; text-decoration: none; font-weight: bold; } #top .avia-slideshow-button.avia-color-light{ padding: 12px 16px; background-color: rgba(0,0,0,0.2); } #top .avia-slideshow-button.avia-color-dark{ padding: 12px 16px; background-color: rgba(255,255,255,0.1); } .avia-multi-slideshow-button{ min-width: 140px; } .avia-multi-slideshow-button.avia-slideshow-button{ margin-right: 20px; } .avia-multi-slideshow-button.avia-slideshow-button-2{ margin-right: 0px; } /*afterload video*/ #top .av-video-slide .avia-slide-wrap{ background-position: center center; background-size: cover; } #top .av-video-lazyload .av-click-to-play-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1000; } #top .av-video-lazyload .av-click-to-play-overlay .avia_playpause_icon{ display: block; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } #top .av-video-lazyload .av-click-to-play-overlay:hover .avia_playpause_icon{ opacity: 0.7; } /* Accessibility rules */ #top.av-accessibility-aaa .avia-caption-content{ line-height: 1.5em; } /* ====================================================================================================================================================== Partner/Logo Slider + Content Slider ====================================================================================================================================================== */ /*shared styles*/ #top .avia-smallarrow-slider{ position: relative; overflow: visible; } #top .avia-smallarrow-slider .avia-slideshow-arrows{ position: relative; width: 51px; top: -3px; left: 0; height: 24px; } #top .avia-smallarrow-slider .avia-slideshow-arrows a{ opacity: 0; margin: 0; width: 0 !important; /* used to reduce and avoid long selectors */ height: 24px; line-height: 25px; font-size: 10px; top: 0; } #top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide{ width: 24px !important; /* used to reduce and avoid long selectors */ opacity: 1; } #top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a:hover, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide:hover, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide:hover{ opacity: 0.5; } #top .avia-smallarrow-slider .avia-slideshow-arrows a:before{ line-height: 25px; border-radius: 1px; } #top .avia-smallarrow-slider.av-control-minimal .avia-slideshow-arrows a:before{ line-height: 21px } /* hide controls on desktop */ .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-controls a{ opacity: 0; filter: alpha(opacity=0); } .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui:hover .avia-slideshow-controls a{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui:hover .avia-slideshow-controls a:hover{ opacity: 0.5; filter: alpha(opacity=50); } #top .avia-smallarrow-slider.av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows{ display: none; } #top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img{ margin: 0 auto; display: block; width: auto; width: 100%\9; } #top .avia-smallarrow-slider-heading{ display: table; width: 100%; } #top .avia-smallarrow-slider-heading> div{ display: table-cell; } #top .avia-smallarrow-slider-heading h3{ top: -3px; position: relative; } #top .avia-logo-grid .slide-entry-wrap{ margin: 0; } #top .avia-smallarrow-slider .avia-slideshow-dots{ position: relative; width: 100%; left: 0; bottom: 0; margin-top: 10px; float: unset; /* added 5.0 - postslider moves it left */ } #top .avia-smallarrow-slider .avia-slideshow-dots a{ border-style: solid; border-width: 1px; bottom: 0; } #top .avia-smallarrow-slider .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{ background: #aaa; } /*content only*/ #top .avia-content-slider-element-container .avia-slideshow-dots{ left: 0; text-align: right; width: auto; } /*partner only*/ #top .avia-logo-element-container .slide-entry{ padding: 1px; } #top .avia-logo-element-container img, .av-partner-fake-img{ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } #top .av-border-deactivate.avia-logo-element-container img, .av-border-deactivate .av-partner-fake-img{ box-shadow: none; } #top .avia-logo-element-container .slide-image{ overflow: visible; } .av-partner-fake-img{ width:100%; display: block; position: relative; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 767px) { .responsive #top .avia-smallarrow-slider .flex_column{ margin: 0px; width: 50%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-logo-element-container.avia-logo-grid .flex_column{ margin: 0; } } #top .avia-content-slider-element-container .avia-slideshow-dots a.active, #top .avia-content-slider-element-container .avia-slideshow-dots a:hover{ background: #aaa; } /* ====================================================================================================================================================== Countdown ====================================================================================================================================================== */ .av-countdown-timer{ clear:both; position: relative; opacity: 0; margin:30px 0; } .av-countdown-timer-inner{ display: table; width: 100%; table-layout: fixed; } .av-countdown-timer-inner:hover { text-decoration: none; } .av-countdown-cell{ display: table-cell; } .av-countdown-cell-inner{ display: block; margin:1px 1px 0 0; padding:20px; } .av-countdown-time{ display: block; font-size:40px; line-height: 1em; font-weight:100; color:inherit; text-decoration: none; } .av-countdown-time-label{ display: block; text-transform: uppercase; color:inherit; overflow: hidden; text-overflow: ellipsis; -moz-hyphens: inherit; line-height: 1.65em; } .av-countdown-timer-title{ display: block; font-size:30px; line-height: 1.3em; margin:0 0 15px 0; text-decoration: none; position: relative; } .av-countdown-timer-title:hover{ text-decoration: none; } .av-countdown-timer-title-bottom{ margin:15px 0 0 0; } .av-countdown-active.av-countdown-timer{ opacity: 1; } /*styles*/ #top .av-default-style .av-countdown-cell-inner{ border-style: solid; border-width: 1px; margin: 2px; } #top .av-trans-light-style .av-countdown-cell-inner{ color: #fff; background: transparent; border: 3px solid #fff; margin: 2px; } #top .av-trans-light-style .av-countdown-cell-inner .av-countdown-time-label{ color: #fff; } #top .av-trans-dark-style .av-countdown-cell-inner{ color: #000; background: transparent; border: 3px solid #000; margin: 2px; } #top .av-trans-dark-style .av-countdown-cell-inner .av-countdown-time-label{ color: #000; } #top .av-trans-light-style .av-countdown-timer-title{ color: #fff; } #top .av-trans-dark-style .av-countdown-timer-title{ color: #000; } #av-admin-preview .av-countdown-timer{ opacity: 1; } @media only screen and (max-width: 989px) { .responsive .av-countdown-cell-inner{ padding: 10px 10px; } } @media only screen and (max-width: 767px) { .responsive .av-countdown-cell-inner{ padding: 12px 7px; } .responsive .av-countdown-time{ font-size: 30px; } .av-countdown-time-label{ text-transform: none; } } /* Retro Flip Numbers stylings */ .av-flip-numbers .av-countdown-timer-inner{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; text-align: center; perspective: 400px; margin: 20px auto; } .av-flip-numbers .av-countdown-timer-inner *, .av-flip-numbers .av-countdown-timer-inner *:before, .av-flip-numbers .av-countdown-timer-inner *:after{ box-sizing: border-box; } .av-flip-numbers .flip-numbers__piece{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-content: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 5px; } .av-flip-numbers .flip-numbers__piece > span{ align-self: center; } .av-flip-numbers .card{ display: block; position: relative; padding-bottom: 0.72em; font-size: 40px; font-weight: 700; line-height: 0.95; } .av-flip-numbers .card__top, .av-flip-numbers .card__bottom, .av-flip-numbers .card__back::before, .av-flip-numbers .card__back::after{ display: block; height: 0.72em; padding: 0.25em 0.25em; border-radius: 0.15em 0.15em 0 0; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 1.8em; transform: translateZ(0); } .av-flip-numbers .card__bottom{ position: absolute; top: 50%; left: 0; border-top: solid 1px #000; border-radius: 0 0 0.15em 0.15em; pointer-events: none; overflow: hidden; } .av-flip-numbers .card__top, .av-flip-numbers .card__bottom, .av-flip-numbers .card__back::before, .av-flip-numbers .card__back::after{ background-color: #2c2c2c; color: #f8f8f8; } .av-flip-numbers.av-default-dark .card__top, .av-flip-numbers.av-default-dark .card__back::before, .av-flip-numbers.av-default-dark .card__back::after{ color: #ccc; background-color: #2c2c2c; background: linear-gradient( to bottom, #2c2c2c, #434343); } .av-flip-numbers.av-default-light .card__top, .av-flip-numbers.av-default-light .card__back::before, .av-flip-numbers.av-default-light .card__back::after{ color: #2c2c2c; background-color: #ededed; background: linear-gradient( to bottom, #ededed, #f8f8f8); } .av-flip-numbers.av-default-dark .card__bottom{ border-top: solid 1px #000; background-color: #434343; color: #f8f8f8; } .av-flip-numbers.av-default-light .card__bottom{ border-top: solid 1px rgba(0,0,0,0.2); background-color: #f8f8f8; color: #616161; } .av-flip-numbers .card__bottom::after{ display: block; margin-top: -0.72em; } .av-flip-numbers .card__back::before, .av-flip-numbers .card__bottom::after{ content: attr(data-value); } .av-flip-numbers .card__back{ position: absolute; top: 0; height: 100%; left: 0%; pointer-events: none; } .av-flip-numbers .card__back::before{ position: relative; z-index: -1; overflow: hidden; } .av-flip-numbers .flip .card__back::before{ -webkit-animation: av-flip-numbers-flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35); animation: av-flip-numbers-flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .av-flip-numbers .flip .card__back .card__bottom{ -webkit-transform-origin: center top; transform-origin: center top; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: av-flip-numbers-flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1); animation: av-flip-numbers-flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1); } .av-flip-clock{ text-align: center; } .av-flip-clock .av-countdown-timer-inner{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; } .av-flip-clock .flip-clock__piece{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-content: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 5px; } .av-flip-clock .flip-clock__piece > span{ align-self: center; } .av-flip-clock .flip-clock__card{ border-radius: 0.15em; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); box-shadow: 0 0 10px 0 rgba(0,0,0,.5); display: block; position: relative; line-height: 0.95; height: 1.5em; width: 1.5em; -webkit-perspective: 479px; -ms-perspective: 479px; -o-perspective: 479px; perspective: 479px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .av-flip-clock .flip-clock-counter, .av-flip-clock .flip-clock__card{ text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); } .av-flip-clock .flip-clock-counter{ display:block; font-weight:700; line-height:1.5em; font-size:1em; overflow:hidden; position:absolute; top:0; width:100%; -webkit-transform-style:preserve-3d;; transform-style:preserve-3d;; background-color: #2c2c2c; color: #f8f8f8; } .av-flip-clock .flip-clock-counter.top{ border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.1); border-radius: 0.15em 0.15em 0 0; height: 50%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .av-flip-clock.av-default-dark .flip-clock-counter.top{ color: #ccc; background-color:#2c2c2c; background: linear-gradient( to bottom, #2c2c2c, #434343); } .av-flip-clock.av-default-light .flip-clock__card{ box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7); } .av-flip-clock.av-default-light .flip-clock-counter.top{ border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.1); color: #2c2c2c; background-color:#ededed; background: linear-gradient( to bottom, #ededed, #f8f8f8); } .av-flip-clock .flip-clock-counter.bottom { border-top: 1px solid #000; border-bottom: 1px solid #000; border-radius: 0 0 0.15em 0.15em; line-height: 0!important; height: 50%; top: 50%; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; /*background: linear-gradient( to top, #000000, #ffffff );;*/ } .av-flip-clock.av-default-dark .flip-clock-counter.bottom { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #434343; color: #f8f8f8; } .av-flip-clock.av-default-light .flip-clock-counter.bottom { border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.1); background-color: #f8f8f8; color: #616161; } .av-flip-clock .flip-clock-counter.curr.top { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 3; } .av-flip-clock .flip-clock-counter.next.bottom { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 2; } .av-flip-clock .flip .flip-clock-counter.curr.top { -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } .av-flip-clock:not(.av-flip-bounce) .flip .flip-clock-counter.next.bottom { -webkit-transition: all .25s ease-in-out .25s; -o-transition: all .25s ease-in-out .25s; transition: all .25s ease-in-out .25s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .av-flip-clock.av-flip-bounce .flip .flip-clock-counter.next.bottom { -webkit-animation: av-flip-clock-flipBottom 0.6s cubic-bezier(0.37, 0.01, 0.94, 0.35); animation: av-flip-clock-flipBottom 0.6s cubic-bezier(0.37, 0.01, 0.94, 0.35); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform-origin: center top; transform-origin: center top; } .av-flip-clock .flip-clock_label { font-size: inherit; padding: 5px; display: block; } @media only screen and (max-width:767px) { .av-flip-clock { width:100%; } .av-flip-clock .flip-clock__piece { margin:1px; } } @-webkit-keyframes av-flip-numbers-flipTop { 0% { transform: rotateX(0deg); z-index: 2; } 0%, 99% { opacity: 0.99; } 100% { transform: rotateX(-90deg); opacity: 0; } } @keyframes av-flip-numbers-flipTop { 0% { transform: rotateX(0deg); z-index: 2; } 0%, 99% { opacity: 0.99; } 100% { transform: rotateX(-90deg); opacity: 0; } } @-webkit-keyframes av-flip-numbers-flipBottom { 0%, 50% { z-index: -1; transform: rotateX(90deg); opacity: 0; } 51% { opacity: 0.99; } 100% { opacity: 0.99; transform: rotateX(0deg); z-index: 5; } } @keyframes av-flip-numbers-flipBottom { 0%, 50% { z-index: -1; transform: rotateX(90deg); opacity: 0; } 51% { opacity: 0.99; } 100% { opacity: 0.99; transform: rotateX(0deg); z-index: 5; } } @-webkit-keyframes av-flip-clock-flipBottom { 0% { z-index: -1; transform: rotateX(90deg); opacity: 0; } 51% { opacity: 0.99; transform: rotateX(60deg); z-index: 2; } 65% { opacity: 0.99; transform: rotateX(30deg); z-index: 2; } 70% { opacity: 0.99; transform: rotateX(15deg); z-index: 2; } 80% { opacity: 0.99; transform: rotateX(-30deg); z-index: 2; } 90% { opacity: 0.99; transform: rotateX(30deg); z-index: 2; } 100% { opacity: 0.99; transform: rotateX(0deg); z-index: 2; } } @keyframes av-flip-clock-flipBottom { 0% { z-index: -1; transform: rotateX(90deg); opacity: 0; } 51% { opacity: 0.99; transform: rotateX(60deg); z-index: 2; } 65% { opacity: 0.99; transform: rotateX(30deg); z-index: 2; } 70% { opacity: 0.99; transform: rotateX(15deg); z-index: 2; } 80% { opacity: 0.99; transform: rotateX(-30deg); z-index: 2; } 90% { opacity: 0.99; transform: rotateX(30deg); z-index: 2; } 100% { opacity: 0.99; transform: rotateX(0deg); z-index: 2; } } /* ====================================================================================================================================================== Gallery ====================================================================================================================================================== */ #top div .avia-gallery{ overflow: hidden; padding-bottom: 2px; clear: both; } #top div .avia-gallery img{ float:left; border-style: solid; border-width: 1px; padding: 7px; width: 100%; border-radius: 0; } #top div .avia-gallery .avia-gallery-big{ display: block; overflow: hidden; padding: 7px; margin-bottom: -1px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-style: solid; border-width: 1px; } #top div .avia-gallery .avia-gallery-big-inner{ display: block; overflow: hidden; height: 100%; } #top div .avia-gallery .avia-gallery-big img{ padding: 0; border: none; } #top .avia-gallery .avia-gallery-thumb a{ width: 20%; opacity: 1; } #top #wrap_all .avia-gallery .avia-gallery-thumb a{ display: block; float: left; } #top .avia-gallery .avia-gallery-thumb a:hover{ opacity: 0.5; } #top .avia-gallery .avia-gallery-caption{ display: none; } #top div .avia-gallery .avia-gallery-big-no-crop-thumb{ text-align: center; } #top div .avia-gallery .avia-gallery-big-no-crop-thumb img{ clear: both; float: none; text-align: center; } .avia-gallery .big-prev-fake{ display: none; } /*gallery animation*/ .avia_transform .avia-gallery-animate .avia-gallery-thumb img{ opacity: 0.1; -webkit-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia-gallery-animate .avia-gallery-thumb img.avia_start_animation{ -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .avia-gallery-animate .av-hover-grow{ overflow: hidden; } .avia-gallery-animate .av-hover-grow img{ -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .avia-gallery-animate .av-hover-grow:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } /*.av-hide-gallery-thumbs .avia-gallery-thumb{display:none;} removed 4.8.4.1 */ #top #av-admin-preview .avia-gallery .avia-gallery-big-inner{ height:auto; } /* Fix for Chrome https://kriesi.at/support/topic/gallery-thumbnail-layout-issue-on-chromium-based-browsers/ */ .avia-chrome .avia-gallery-thumb{ display: flex; flex-direction: row; flex-wrap: wrap; } /* @since 4.8.4.1 moved see https://kriesi.at/support/topic/gallery-light-box-not-working/#post-1312261 */ .av-hide-gallery-thumbs .avia-gallery-thumb{ display: none; } /* @since 5.5 support for slideshow arrows */ .avia-gallery.av-slideshow-ui .avia-slideshow-arrows{ position: absolute; z-index: 310; /* above lightbox image overlay 300 */ width: 100%; margin: 0; top: 7px; left: 0; } #top .avia-gallery.av-slideshow-ui .avia-slideshow-arrows a{ margin: 0; } .avia-gallery.av-slideshow-ui:not(.av-control-minimal) .avia-slideshow-arrows a{ border-radius: 50%; } #top .avia-gallery.av-slideshow-ui .avia-slideshow-arrows .av-gallery-prev{ margin-left: 7px; } #top .avia-gallery.av-slideshow-ui .avia-slideshow-arrows .av-gallery-next{ margin-right: 7px; } #av-admin-preview .avia-gallery.av-slideshow-ui .avia-slideshow-arrows{ top: 27px; } #av-admin-preview .avia-gallery.av-slideshow-ui .avia-slideshow-arrows .av-gallery-prev{ margin-left: 27px; } #av-admin-preview .avia-gallery.av-slideshow-ui .avia-slideshow-arrows .av-gallery-next{ margin-right: 27px; } @media only screen and (max-width: 767px) { .responsive .avia-gallery-thumb img{ padding: 3px; } } /* ====================================================================================================================================================== Horizontal Gallery ====================================================================================================================================================== */ .av-horizontal-gallery{ clear:both; position: relative; z-index: 1; overflow: hidden; } .av-horizontal-gallery-inner{ position: relative; white-space: nowrap; opacity: 0; } .av-horizontal-gallery-slider{ left:0; position: absolute; height:100%; width:100%; } .av-horizontal-gallery-wrap{ height:100%; top:0; display: inline-block; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; vertical-align: top; } .av-horizontal-gallery-animated .av-horizontal-gallery-inner{ -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; opacity: 1; } .av-horizontal-gallery-animated .av-horizontal-gallery-slider{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .av-horizontal-gallery-animated .av-horizontal-gallery-wrap{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .av-horizontal-gallery-wrap:after{ height: 100%; width: 100%; position: absolute; content: ""; top: 0; left: 0; z-index: 5; } .av-horizontal-gallery-enlarge-effect.av-horizontal-gallery{ padding: 60px 0; } .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item{ z-index: 2; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .av-horizontal-gallery-wrap:first-child{ transform-origin: 0% 50%; } .av-horizontal-gallery-wrap:last-child{ transform-origin: 100% 50%; } .av-horizontal-gallery-wrap.av-active-gal-item:after{ display: none; } .av-horizontal-gallery-link{ position: absolute; opacity: 0; bottom: 10px; right: 10px; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; z-index: 100; } .av-horizontal-gallery-wrap:hover .av-horizontal-gallery-link{ opacity: 1; } .av-horizontal-gallery-img{ height: 100%; width: auto; display: block } .av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap{ margin-right: 15px; } .av-horizontal-gallery-1px-gap .av-horizontal-gallery-wrap{ margin-right: 1px; } #top .av-horizontal-gallery-link { color: #fff; background: rgba(0,0,0,0.3); display: block; line-height: 24px; width: 24px; text-align: center; border-radius: 3px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #top .av-horizontal-gallery-link:hover{ -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 767px) { /* .responsive #top .av-horizontal-gallery .avia-slideshow-controls a{ display: block; removed 5.3 }*/ .responsive .av-horizontal-gallery-inner{ position: static; min-height: 180px; } .responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .responsive .av-horizontal-gallery-wrap{ max-width: 85vw; margin:0; overflow: hidden;} .responsive .av-horizontal-gallery-img{ height: auto; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; position: relative; } .responsive .av-horizontal-gallery-fullwidth .av-horizontal-gallery-wrap{ max-width: 100vw; } /* @since 5.3: fix % gallery height covering images */ .responsive .av-horizontal-gallery .av-image-copyright{ bottom: 15%; } .responsive .av-horizontal-gallery .av-copyright-left{ left: 15%; } .responsive .av-horizontal-gallery .av-copyright-right{ right: 15%; } } /* ====================================================================================================================================================== GOOGLE MAPS ====================================================================================================================================================== */ .avia-google-maps-section{border:none;} .avia-google-maps-section.avia-builder-el-0{border-top-style: solid; border-top-width: 1px;} .avia-google-map-container{position: relative; clear:both;} .avia-google-map-container img { max-width: none; } .avia-google-map-container div, .avia-google-map-container img, .avia-google-map-container a{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .avia-google-map-container .gm-style-iw p {color: #444;} .av_gmaps_sc_main_wrap .avia-google-map-container.avia-google-map-sc{ background: no-repeat center; background-size: cover; } .av_gmaps_sc_main_wrap .av_text_confirm_link{ padding: 25px; text-align: center; opacity: 0; position: absolute; width: 150px; left: 50%; top: 50%; margin-left: -75px; margin-top: -50px; background: rgba(0,0,0,0.7); border-radius: 3px; color: #fff; font-size: 1em; line-height: 1.3em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } .av_gmaps_sc_main_wrap .av_text_confirm_link:hover{ color: #fff; background: rgba(0,0,0,0.9); } .av_gmaps_sc_main_wrap .av_gmaps_show_delayed.av-no-fallback-img .av_text_confirm_link, .av_gmaps_sc_main_wrap .av_gmaps_show_page_only.av-no-fallback-img .av_text_confirm_link{ height: auto; opacity: 1; } .av_gmaps_sc_main_wrap .av_text_confirm_link span{ width: 100%; } .av_gmaps_sc_main_wrap:hover .av_text_confirm_link{ opacity: 1; text-decoration: none; } #top .av_gmaps_browser_disabled, #top .av-maps-user-disabled .av_text_confirm_link{ display: none; } #top .av-maps-user-disabled .av_gmaps_browser_disabled{ display: block; } /* fix in Google Maps version > 3.45 scrolling to map on page load */ #top .gm-ui-hover-effect{ display: none !important; } #top .gm-ui-hover-effect.avia-show-gm-notice{ display: block !important; } /* ====================================================================================================================================================== Layout Grid + Cells ====================================================================================================================================================== */ .av-layout-grid-container{width:100%; table-layout: fixed; display: table; border-top-style:none; border-top-width: 0px;} .flex_cell{display: table-cell; padding:30px; vertical-align: top; } .flex_cell_inner{display: block; position: relative;} .av-border-top-bottom{border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;} .av-border-cells .flex_cell{border-left-style: solid; border-left-width:1px;} .av-border-cells .flex_cell:first-child{border:none;} .av-layout-grid-container + .av-layout-grid-container{ border-top:none; } /*no image radius if zero padding cell*/ .av-zero-padding .av-hotspot-container-inner-wrap img{ border-radius: 0; } body .flex_cell.avia-link-column{ cursor: pointer; } body .flex_cell.avia-link-column.avia-link-column-hover:hover{ opacity: 0.8; } .av-layout-grid-container .flex_cell.av_one_full.av-cell-link{ display: block; } /* All Tablets and smaller */ @media only screen and (max-width: 989px) { .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-break-at-tablet.av-grid-order-reverse{ display: flex; flex-direction: column-reverse; } .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-break-at-tablet.av-grid-order-individual{ display: flex; flex-direction: column; } } /* #Mobile (Portrait) */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-reverse{ display: flex; flex-direction: column-reverse; } .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells.av-grid-order-individual{ display: flex; flex-direction: column; } } /* stronger selectors to override flextable settings !! */ @media only screen and (min-width: 990px){ .responsive #top #wrap_all .av-layout-grid-container.av-desktop-hide{ display: none !important; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top #wrap_all .av-layout-grid-container.av-medium-hide{ display: none !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top #wrap_all .av-layout-grid-container.av-small-hide{ display: none !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive #top #wrap_all .av-layout-grid-container.av-mini-hide{ display: none !important; } } /* ====================================================================================================================================================== HEADING ====================================================================================================================================================== */ .av-special-heading{ width:100%; clear:both; display: block; margin-top:50px; position: relative; } .avia_mobile .av-special-heading{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .av-special-heading.avia-builder-el-no-sibling{ margin-top:0px; margin-bottom:0px; } .flex_column + .av-special-heading{ float:left; } body .av-special-heading .av-special-heading-tag{ padding:0; margin:0; float:left; } .meta-heading .av-special-heading-tag{ font-weight: normal; } .custom-color-heading .av-special-heading-tag { color: inherit; } .special-heading-border{ position: relative; overflow: hidden; } .av-special-heading-h1 .special-heading-border{ height: 3.4em; } .av-special-heading-h2 .special-heading-border{ height: 2.6em; } .av-special-heading-h3 .special-heading-border{ height: 1.9em; } .av-special-heading-h4 .special-heading-border{ height: 1.6em; } .av-special-heading-h5 .special-heading-border{ height: 1.5em; } .av-special-heading-h6 .special-heading-border{ height: 1.4em; } .special-heading-inner-border{ display: block; width:100%; margin-left:15px; border-top-style: solid; border-top-width:1px; position: relative; top:50%; opacity: 0.15; filter:alpha(opacity=15); } .meta-heading .special-heading-inner-border{ opacity: 0.2; filter:alpha(opacity=20); } .custom-color-heading .special-heading-inner-border{ opacity: 0.4; filter:alpha(opacity=40); } #top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp{ color: inherit; } #top .custom-color-heading a{ text-decoration: underline; } #top .av-special-heading.av-icon.custom-color-heading a.av-heading-link{ text-decoration: none; } #top .custom-color-heading a:hover{ opacity:0.8; text-decoration: none; } #top #wrap_all .av-inherit-size .av-special-heading-tag{ font-size: 1em; } .av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag{ font-weight: 300; } .av-thin-font strong, .modern-quote strong{ font-weight: 600; } body .av-special-heading.modern-centered{ text-align: center; } body .av-special-heading.modern-right{ text-align: right; } body .av-special-heading.elegant-centered{ text-align: center; } body .av-special-heading.elegant-centered .av-special-heading-tag{ position: relative; overflow: hidden; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before, body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after { content: ""; position: absolute; height: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-color: inherit; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1000px; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:before { right: 100%; margin-right: 1em; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap:after { left: 100%; margin-left: 1em; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-wrap{ display: inline-block; position: relative; } body .av-special-heading.elegant-centered .av-special-heading-tag .heading-char{ display: block; font-size: 1em; line-height: 1; } /*quote style*/ body .av-special-heading.blockquote > *{ white-space: normal; float: none; } .av-special-heading.classic-quote{ text-align: center; } .av-special-heading.classic-quote.classic-quote-left{ text-align: left; } .av-special-heading.classic-quote.classic-quote-right{ text-align: right; } body .av-special-heading.classic-quote > *{ display:block; font-family: "Droid Serif", Georgia, Times, serif; font-weight: normal; font-style: italic; float: none; } body .av-special-heading.blockquote .special-heading-border{ display:none; } /*linked header*/ #top .av-special-heading.av-linked-heading a:hover{ opacity: 0.5; } /*subheading*/ .av-subheading{ font-size: 15px; line-height: 1.3em; } .av-subheading p:first-child{ margin-top:0; } .av-subheading p:last-child{ margin-bottom:0; } .av-subheading_below{ margin-top:0.3em; } .av-subheading_above{ margin-bottom:0.3em; } /*.av-subheading.av_custom_color{opacity: 0.8;} removed 4.9.2.2 */ /* Accessibility rules */ #top.av-accessibility-aaa .av-subheading { line-height: 1.5em; } /* ====================================================================================================================================================== Text Rotator ====================================================================================================================================================== */ #top .av-rotator-container{ position: relative; } #top .av-rotator-container-inner{ position: relative; line-height: 1.1em; margin:0; font-weight:300; text-transform:none; color:inherit; font-size: inherit; } #top p.av-rotator-container .av-rotator-container-inner{ line-height: 1.1em; } .av-rotator-text, .av-rotator-text-single{ position: relative; display: inline; } .av-rotator-text-single{ display: none; top:0; } .av-rotator-text-single:first-child{ display: inline-block; } .av-typewriter .av-rotator-text-single:first-child{ display: inline; } #top .av-rotator-container a:hover{ text-decoration: underline; } .av-fixed-rotator-width .av-rotator-text{ text-align: left; display: inline-block; } .av-typewriter .av-rotator-text{ display: inline; } .av-rotator-multiline-on.av-rotator-text{ display:block; } .av-rotation-container-center .av-rotator-multiline-on.av-rotator-text{ display:block; margin:0 auto; text-align: center; } /* typewriter effect */ .av-caret .av-rotator-text-single:after{ border-right-width: 1px; border-right-style: solid; border-color:currentColor; content: ""; } .av-blinking-caret .av-rotator-text-single:after{ -webkit-animation: blink-caret 1s step-end infinite; animation: blink-caret 1s step-end infinite; } .av-marked-text .av-rotator-text-single{ color:#fff !important; } @media only screen and (max-width: 767px) { .responsive.no-preview #top .av-rotator-container-inner{ font-size: 0.7em; } } @-webkit-keyframes blink-caret { from, to { opacity: 0 } 50% { opacity: 1; } } @keyframes blink-caret { from, to { opacity: 0 } 50% { opacity: 1; } } /* Accessibility rules */ #top.av-accessibility-aaa .av-rotator-container-inner { line-height: 1.5em; } /* ====================================================================================================================================================== HR ====================================================================================================================================================== */ .hr{ clear: both; display:block; width:100%; height:25px; line-height:25px; position: relative; margin:30px 0; float:left; } .hr-inner{ width:100%; position: absolute; height:1px; left:0; top:50%; width:100%; margin-top:-1px; border-top-width:1px; border-top-style:solid; } #top .hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; } .hr-invisible {float:none;} .hr-full, .hr-big{margin:70px 0;} .hr-full .hr-inner{width:300%; left:-100%;} .hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);} .sidebar_right .hr-full .hr-inner{left:auto; right:-50px;} .sidebar_left .hr-full .hr-inner{left:-50px;} .hr-short{height:20px; line-height:20px; margin:30px 0; float:none;} .hr-short .hr-inner{ width:32%; left:50%; margin-left:-16%; } .hr-short.hr-left .hr-inner{ left:0%; margin-left:0%;} .hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; } .hr-short .hr-inner-style{border-radius: 20px; height:9px; width:9px; border-width:2px; border-style:solid; display:block; position: absolute; left:50%; margin-left:-5px; margin-top:-5px; } .hr-short.hr-left .hr-inner-style{ left:5px; } .hr-short.hr-right .hr-inner-style{ left:auto; right:0; } body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first { margin:30px 0; } /*custom*/ .hr-custom{margin:0; display: block; min-height:21px; height:auto; overflow: hidden; white-space: nowrap; width:100%; float: left;} .hr-custom .hr-inner{display: inline-block; position: relative; vertical-align: middle;} .hr-custom.hr-center{text-align: center;} .hr-custom.hr-right {text-align: right;} .hr-custom.hr-left {text-align: left;} .hr-custom .hr-inner.inner-border-av-border-none{border:none;} .hr-custom .hr-inner.inner-border-av-border-fat{border-top-width:2px;} .av-seperator-icon { display: inline-block; vertical-align: middle; font-size: 15px; } .hr-custom.hr-icon-yes .hr-inner{margin-left:10px; margin-right:10px;}/* ====================================================================================================================================================== ICON ====================================================================================================================================================== */ /*right icons*/ #top .av_font_icon a{color: inherit; display: block;} .av_font_icon a:hover, .av_font_icon a:focus {text-decoration: none; } .av_font_icon { display:block; text-align: center;} .avia-icon-pos-left {float:left; margin-right: 0.5em;} .avia-icon-pos-right {float: right; margin-left: 0.5em;} /*tooltip*/ #top .avia-icon-tooltip{ width:250px; font-size: 15px; line-height: 1.6em;} /*big icon with border*/ .av_font_icon.av-icon-style-border .av-icon-char{ -webkit-backface-visibility: hidden; /*fix bug in webkit where item shifts a few px on hover*/ } .av_font_icon.av-icon-style-border .av-icon-char{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 1000px; border-width: 3px; border-style: solid; display: block; margin: 0 auto; padding:30px; color: inherit; border-color: inherit; position: relative; clear: both; } .av_icon_caption{font-size: 16px; text-transform: uppercase; line-height: 1.3em; display: block; text-align: center; margin-top:8px; font-weight: 400;} .av_font_icon.av-icon-style-border .av-icon-char:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; } /* backwards comp. default behaviour prior 4.8.4 with white shadow only */ .av_font_icon.av-icon-style-border:not(.avia-sonar-shadow) a.av-icon-char:hover:after { -webkit-animation: sonarEffect 1s ease-out ; animation: sonarEffect 1s ease-out ; } /*icon animation*/ .avia_transform .av_font_icon.avia-icon-animate{ opacity: 0.1; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } .avia_transform .avia_start_delayed_animation.av_font_icon.avia-icon-animate{ -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .av-icon-circles-container{ width: 100%; padding-bottom: 100%; height: 0px; clear: both; position: relative; } .avia-icon-circles-main-logo{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; z-index: 12; } .av-icon-circles-container.active-container .avia-icon-circles-main-logo{ opacity: 0; } .avia-icon-circles-main-logo img{ max-width: 60%; max-height: 60%; } .avia-icon-circles-icon{ border-width: 1px; border-style: solid; border-radius: 100px; height: 60px; width: 60px; margin: -30px; position: absolute; text-align: center; line-height: 58px; font-size: 25px; z-index: 5; } .avia-icon-circles-icon.av-linked-icon{ cursor: pointer; } .avia-icon-circles-icon.av-linked-icon:hover{ text-decoration: none; } .avia-icon-circles-inner{ top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 11; border-width: 2px; border-style: solid; border-radius: 10000px; -ms-transform: scale(0.1); -o-transform: scale(0.1); -moz-transform: scale(0.1); -webkit-transform: scale(0.1); transform: scale(0.1); border-color: #000; opacity: 0; } .avia-icon-circles-icon{ opacity: 0; } .avia_start_animation .avia-icon-circles-inner{ -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); border-color: #e1e1e1; opacity: 1; } .avia_start_animation.avia_animation_finished .avia-icon-circles-icon{ -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; z-index: 20; } .avia_animation_finished .avia-icon-circles-inner{ z-index: 20; } .avia-icon-circles-icon-text{ -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 0; z-index: 12; display: table; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 1000px; padding: 10%; text-align: center; -webkit-backface-visibility: hidden; } .avia-icon-circles-icon-text-inner{ display: table-cell; vertical-align: middle; } .avia-icon-circles-icon-text .icon-title{ letter-spacing: 1px; font-size: 21px; font-weight: normal; margin-bottom: 6px; display: block; line-height: 1.3em; } .avia-icon-circles-icon-text .icon-description{ line-height: 1.1; } .avia_start_animation .avia-icon-circles-icon{ -moz-transition: all 0.4s 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transition: all 0.4s 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.4s 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 0.4s 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); } .active.avia-icon-circles-icon-text{ z-index: 13; opacity: 0.98; } #av-admin-preview .avia-icon-circles-icon-text.av-hide-989 .icon-description{ display: block; } /* ====================================================================================================================================================== ICONBOX ====================================================================================================================================================== */ #top .iconbox{ background: transparent; } .iconbox{ margin-bottom:30px; position: relative; clear:both; } .iconbox_icon{ float: left; margin: 2px 10px 0 0; height: 23px; width: 23px; font-size: 23px; line-height: 18px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.iconbox_icon:hover{ text-decoration: none; } .iconbox_left .iconbox_icon{ border-radius: 50px; text-align: center; position: relative; top: -7px; left: -5px; height: 30px; width: 30px; line-height: 30px; margin: 2px 0px 0 0; } .iconbox .iconbox_content .iconbox_content_title{ border: medium none; padding: 2px 0 0 0; position: relative; margin:0 0 16px 0; clear:none; letter-spacing: 1px; text-transform: uppercase; font-size:1.25em; } #top .iconbox_top{ margin-top:20px; text-align: center; } .iconbox_top .iconbox_content{ padding:45px 20px 20px 20px; border-radius: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3); } .iconbox_top .iconbox_icon{ float:none; position: absolute; left: 50%; top:-26px; margin:0 0 0 -26px; padding:15px; border-radius:100px; -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; font-size: 20px; line-height: 24px; } .iconbox_left_content .iconbox_content, .iconbox_right_content .iconbox_content{ overflow: hidden; } .iconbox_left_content .iconbox_content .iconbox_content_title, .iconbox_right_content .iconbox_content .iconbox_content_title{ margin: 0 0 -3px 0; } #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon{ width: 74px; height: 74px; font-size: 27px; line-height: 72px; border-style: solid; border-width: 1px; border-radius: 500px; text-align: center; margin-right:22px; } #top .iconbox_right_content{ text-align: right; } #top .iconbox_right_content .iconbox_icon{ float: right; margin-right:0; margin-left:22px; } .iconbox .iconbox_content p:last-child{ margin-bottom: 0; } #top .iconbox.av-no-box .iconbox_content{ padding:0; border:none; box-shadow:none; background: transparent; } #top .iconbox.av-no-box .iconbox_icon{ position: relative; top:0; margin:0 auto 20px auto; left:0; width:90px; height:90px; line-height:90px; border-style: solid; border-width: 1px; padding:0; font-size: 30px; display:block; } #top .iconbox_left_content.av-icon-style-no-border .iconbox_icon, #top .iconbox_right_content.av-icon-style-no-border .iconbox_icon{ border:none; height:50px; width:50px; line-height: 50px; margin-top: 0; font-size: 50px; } #top .iconbox_content_container{ line-height: 1.65em; } @media only screen and (min-width: 768px) and (max-width: 989px) { #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon{ margin-bottom: 15px; /*float: none;*/ display: inline-block; } } /* ====================================================================================================================================================== ICONGRID ====================================================================================================================================================== */ .avia-icongrid{ margin: 0; padding: 0; list-style: none; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } .avia-icongrid .av-icon-cell-item{ display: block; float: left; margin: 0; padding: 0; list-style: none; text-align: center; position: relative; } .avia-icongrid-icon{ font-size: 42px; line-height: 1; margin-bottom: 0.5em; color: initial; } .avia-icongrid .av-icon-cell-item .avia-icongrid-wrapper{ position: relative; display: block; -webkit-backface-visibility: hidden; /* new for mobile even to parent container */ backface-visibility: hidden; /* new for mobile even to parent container */ } .avia-icongrid .av-icon-cell-item .avia-icongrid-content{ opacity: 0; visibility: hidden; padding: 4em 3em; } .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback{ padding: 4em 3em; } .avia-icongrid .av-icon-cell-item .avia-icongrid-front, .avia-icongrid .av-icon-cell-item .avia-icongrid-front.bg-img:before, .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback.bg-img:before{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .avia-icongrid .av-icon-cell-item .avia-icongrid-front.bg-img:before, .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback.bg-img:before{ content: ""; display: block; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } .avia-icongrid-numrow-1 .av-icon-cell-item{ flex: 0 1 100%; } .avia-icongrid-numrow-2 .av-icon-cell-item{ flex: 0 1 50%; } .avia-icongrid-numrow-3 .av-icon-cell-item{ flex: 0 1 33.33%; } .avia-icongrid-numrow-4 .av-icon-cell-item{ flex: 0 1 25%; } .avia-icongrid-numrow-5 .av-icon-cell-item{ flex: 0 1 20%; } /* when link is set to grid item img tag in content gets an overlay - breaks layout */ .avia-icongrid a.avia-icongrid-wrapper .image-overlay{ display: none !important; } .avia-icongrid a.avia-icongrid-wrapper:hover{ cursor: pointer; } /* flipbox */ .avia-icongrid-flipbox:before, .avia-icongrid-flipbox:after{ display: none; /* needed for flex layout - pseudo containers follow rules */ } .avia-icongrid-flipbox .av-icon-cell-item{ -webkit-perspective: 1000px; perspective: 1000px; } .avia-icongrid-flipbox .av-icon-cell-item article{ position: relative; display: block; z-index: 20; /* 3, changed 4.8 as links not working */ min-height: 200px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: -webkit-transform 10.6s; transition: transform 10.6s; } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback{ backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; /*width: 100%;*/ } .avia-msie-9 .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback{ opacity: 0; visibility: hidden; } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front{ margin: 1px; } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback{ position: absolute; width: 100%; left: 0; top: 0; margin: 1px; } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner{ position: absolute; color: initial; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 4em 3em; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } /*** Flip Grid y-axis ***/ .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front{ z-index: 2; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .avia-icongrid-flipbox .av-icon-cell-item.invert-flip .avia-icongrid-front{ z-index: 2; -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback{ -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .avia-icongrid-flipbox .av-icon-cell-item.invert-flip .avia-icongrid-flipback{ -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-front, .avia-icongrid-flipbox .av-icon-cell-item.avia-hover .avia-icongrid-front{ -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .avia-icongrid-flipbox .av-icon-cell-item.invert-flip:hover .avia-icongrid-front, .avia-icongrid-flipbox .av-icon-cell-item.invert-flip.avia-hover .avia-icongrid-front{ -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-flipback, .avia-icongrid-flipbox .av-icon-cell-item.avia-hover .avia-icongrid-flipback{ -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .avia-icongrid-flipbox .av-icon-cell-item.invert-flip:hover .avia-icongrid-flipback, .avia-icongrid-flipbox .av-icon-cell-item.invert-flip.avia-hover .avia-icongrid-flipback{ -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .avia-msie-9 .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-front, .avia-msie-9 .avia-icongrid-flipbox .av-icon-cell-item.avia-hover .avia-icongrid-front{ opacity: 0; visibility: hidden; } .avia-msie-9 .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-flipback, .avia-msie-9 .avia-icongrid-flipbox .av-icon-cell-item.avia-hover .avia-icongrid-flipback{ opacity: 1; visibility: visible; } /**** End Flipbox y-axis ****/ /*** Flip Grid x-axis ***/ .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front{ z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.invert-flip .avia-icongrid-front{ z-index: 2; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback{ -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.invert-flip .avia-icongrid-flipback{ -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-front, .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.avia-hover .avia-icongrid-front{ -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.invert-flip:hover .avia-icongrid-front, .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.invert-flip.avia-hover .avia-icongrid-front{ -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-flipback, .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.avia-hover .avia-icongrid-flipback{ -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.invert-flip:hover .avia-icongrid-flipback, .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.invert-flip.avia-hover .avia-icongrid-flipback{ -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } /**** End Flipbox x-axis ****/ /* tooltip */ .avia-icongrid-tooltip:before, .avia-icongrid-tooltip:after{ display: none; /* needed for flex layout - pseudo containers follow rules */ } .avia-icongrid-tooltip .av-icon-cell-item article:before{ content: ""; display: block; padding-top: 100%; } .avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-front{ position: absolute; width: 100%; height: auto; padding: 2em; bottom: 50%; top: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-front.bg-img .avia-icongrid-inner{ position: absolute; color: initial; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 4em 3em; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-content{ position: absolute; bottom: 4em; width: 85%; left: 7.5%; padding: 1em 2em !important; background-color: white; color: white; z-index: 8; border-width: 0.3em; border-style: solid; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 0 2em rgba(0,0,0,0.1); box-shadow: 0 0 2em rgba(0,0,0,0.1); } .avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-content .avia-icongrid-inner{ color: initial; } .avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-content:after{ content: ""; width: 0; height: 0; position: absolute; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-left-width: 0.5em; border-right-width: 0.5em; border-top-width: 0.5em; border-left-style: solid; border-right-style: solid; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; border-top-color: inherit; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -0.75em; -webkit-box-shadow: 0 0 2em rgba(0,0,0,0.1); box-shadow: 0 0 2em rgba(0,0,0,0.1); } .avia-icongrid-tooltip .av-icon-cell-item:hover .avia-icongrid-content, .avia-icongrid-tooltip .av-icon-cell-item.avia-hover .avia-icongrid-content{ visibility: visible; opacity: 1; bottom: 45%; } .avia-icongrid-tooltip .av-icon-cell-item:hover .avia-icongrid-front, .avia-icongrid-tooltip .av-icon-cell-item.avia-hover .avia-icongrid-front{ bottom: 0.5em; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .avia-icongrid-tooltip .article-icon-entry.av-icongrid-empty .avia-icongrid-content, .avia-icongrid-tooltip .av-icon-cell-item:hover .article-icon-entry.av-icongrid-empty .avia-icongrid-content, .avia-icongrid-tooltip .av-icon-cell-item.avia-hover .article-icon-entry.av-icongrid-empty .avia-icongrid-content{ display: none; } /**** responsive cases ****/ @media only screen and (max-width: 989px) { #top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item{ flex: 1 1 100%; } #top .avia-icongrid.av-flex-cells.av-can-break-50.av-50-break-989 .av-icon-cell-item{ flex: 0 1 50%; } } @media only screen and (max-width: 767px) { #top .avia-icongrid.av-flex-cells.av-can-break-50.av-50-break-767 .av-icon-cell-item{ flex: 0 1 50%; } #top .avia-icongrid.av-flex-cells.av-break-767 .av-icon-cell-item, #top .avia-icongrid.av-flex-cells.av-can-break-50.av-50-break-989 .av-icon-cell-item{ flex: 1 1 100%; } } /* ====================================================================================================================================================== ICONLIST ====================================================================================================================================================== */ .avia-icon-list-container{margin:30px 0; clear: both;} .avia-icon-list{margin:0; padding:0;} .avia-icon-list li{margin:0; padding:0 0 30px 0; list-style-type: none; list-style-position: outside; clear:both; position: relative; min-height:60px;} .avia-icon-list .iconlist_icon{ height:64px; width:64px; line-height: 64px; font-size: 30px; text-align: center; border-radius: 500px; position: relative; float:left; margin-right:30px; margin-left:2px; z-index: 5; color:#fff; } .avia-icon-list a.iconlist_icon:hover{color:#fff; text-decoration: none;} .avia-icon-list .iconlist_title{text-transform: uppercase; top: 4px; margin-bottom:0; position: relative;} #top .avia-icon-list .iconlist_title a:hover{text-decoration: underline;} .avia-icon-list .iconlist_content_wrap{overflow: hidden; min-height: 1.5em; padding-bottom:4px;} .avia-icon-list article.article-icon-entry { min-height: 45px; } .avia-icon-list .av-iconlist-empty .iconlist_title{margin-top: 17px;} .avia-icon-list .iconlist-timeline{ position: absolute; top: 1%; left: 32px; width: 1px; height: 99%; border-right-width: 1px; border-right-style: dashed; } .avia-icon-list .iconlist_content{line-height: 1.65em;} .avia-icon-list .iconlist_content li { min-height: 0; padding: 0; list-style: disc outside; } .avia-icon-list li:last-child .iconlist-timeline{display:none;} #top .av_iconlist_title a{text-decoration: none;} #top .av_iconlist_title a:hover{text-decoration: underline;} /*iconlist small*/ #top .av-iconlist-small li{padding:0px; min-height:0px;} #top .av-iconlist-small article.article-icon-entry{ min-height:0px; } #top .av-iconlist-small .iconlist-timeline{display:none;} #top .av-iconlist-small .iconlist_icon{ background: transparent; color: inherit; height: 1.45em; width: 1.45em; line-height: 1.45em; font-size: inherit; margin-right: 0.25em; } #top .av-iconlist-small.avia-icon-list-right .iconlist_icon { float: right; margin-left: 0.1em; margin-right: 2px; } #top .av-iconlist-small .iconlist_content_wrap{ min-height: 0; padding: 0; } .av-iconlist-small .iconlist_title_small { line-height: 1.45em; } .av-iconlist-small .iconlist_content p:first-child{ margin-top: 2px; } /*right icons*/ .avia-icon-list-right {text-align: right;} .avia-icon-list-right .iconlist_icon{float:right; margin-left:30px; margin-right:0; margin-right:2px; } .avia-icon-list-right .iconlist-timeline{left: auto; right: 32px;} /*iconlist animation*/ .avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .iconlist_icon{ opacity: 0.1; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } .avia_transform .avia-iconlist-animate .iconlist-timeline{ height: 0%; } .avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon{ -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist-timeline{ -webkit-animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ height: 100%; } /* Sonar effect */ .avia-icon-list.avia-sonar-shadow .iconlist_icon:after{ content: ''; pointer-events: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; border-radius: 500px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform-style: preserve-3d; }/* ====================================================================================================================================================== Image ====================================================================================================================================================== */ .avia-image-container{ display: block; position: relative; max-width: 100%; } .avia-image-container-inner, .avia_image, .av-image-caption-overlay{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; position: relative; max-width: 100%; } .avia-image-container.avia-align-center{ display:block; margin: 0 auto 10px auto; text-align: center; clear: both; } .avia-image-container.avia-align-center .avia-image-container-inner{ margin:0 auto; display:inline-block; vertical-align:bottom } .avia-image-container.avia-align-left{ display:block; float:left; margin-right: 15px; margin-top: 5px; } .avia-image-container.avia-align-right{ display:block; float:right; margin-left: 15px; margin-top: 5px; } .avia-image-container.avia-align-center.avia-builder-el-no-sibling{ margin-bottom:0; margin-top:0; } .avia_image + br{ display: none; } .avia-image-overlay-wrap a.avia_image{ overflow: hidden; } .avia-image-overlay-wrap a.avia_image .image-overlay{ -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap{ -webkit-transition: all 0.7s; transition: all 0.7s; } /* .avia-image-container.av-hover-grow img:hover, removed 5.0 - doubles scale e.g. 300 -> 363 instead 330 */ .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); } .avia-image-container.av-hover-grow, .avia-image-container.av-hover-grow .avia-image-container-inner, .avia-image-container.av-hover-grow .avia-image-overlay-wrap a.avia_image{ overflow: visible; } /* @since 5.0 */ .avia-image-container.av-img-box-shadow .avia-image-overlay-wrap .avia_image, .avia-image-container.av-img-box-shadow.av-styling-circle .avia-image-container-inner, .avia-image-container.av-img-box-shadow.av-styling-circle .avia_image{ overflow: visible; } .avia-image-container.av-hover-grow.av-hide-overflow, .avia-image-container.av-hover-grow.av-hide-overflow .avia-image-container-inner, .avia-image-container.av-hover-grow.av-hide-overflow .avia-image-overlay-wrap a.avia_image { overflow: hidden; } /*styling variations*/ .av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay, .av-styling-circle div.av-caption-image-overlay-bg{ overflow: hidden; -webkit-border-radius: 10000px; -moz-border-radius: 10000px; border-radius: 10000px; } .avia-safari div.av-image-caption-overlay-center{ -webkit-transform:translate3d(0,0,0); /*flicker fix for caption in safari*/ } .av-styling-no-styling .avia-image-container-inner, .av-styling-no-styling .avia_image, .av-styling-no-styling .av-image-caption-overlay{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:none; } /*captions*/ .av-image-caption-overlay{ position: absolute; height:100%; width:100%; z-index: 10; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .avia-msie-8 .av-image-caption-overlay{ background: #000; filter:alpha(opacity=40); } .av-image-caption-overlay-position{ display: table; width: 100%; height:100%; position: relative; } .av-image-caption-overlay-center{ display:table-cell; vertical-align: middle; font-size: 1.3em; line-height: 1.5em; padding: 0px 1.5em; } .av-image-caption-overlay-center p:first-child{ margin-top:0; } .av-image-caption-overlay-center p:last-child{ margin-bottom:0; } .av-caption-image-overlay-bg{ position: absolute; height:100%; width:100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg{ opacity: 0 !important; } .av-overlay-on-hover .av-image-caption-overlay{ opacity: 0; filter:alpha(opacity=00); } .av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay{ opacity: 1; filter:alpha(opacity=100); } .avia_transform .avia_animated_image{ opacity: 0; } /* image copyright */ .avia-image-container small.avia-copyright{ font-size: 0.8em; text-align: left; line-height: 1.7em; } /* Simple */ .avia-image-container .avia-copyright{ display: block; } .avia-image-container.av-has-copyright .avia-image-overlay-wrap{ position: relative; overflow: hidden; } .av-styling-circle.avia-image-container.av-has-copyright .avia-image-container-inner{ overflow: visible; } .avia-image-container.av-has-copyright.av-styling-circle .avia-copyright{ text-align: center; } /* Icon Reveal on Hover */ .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright{ position: absolute; background-color: rgba(0,0,0,0.1); text-align: right; color: #fff; padding: 0 2em 0 0; right: 0; bottom: 0; width: 2em; line-height: 2em; max-height: 2em; text-indent: -99999px; overflow: hidden; transition: all 0.3s ease-in; z-index: 308; } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{ width: 100%; padding: 0 3em 0 1em; text-indent: 0; max-height: 100%; background-color: rgba(0,0,0,0.4); } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{ content: "\E81e"; font-family: "entypo-fontello"; display: block; position: absolute; right: 0; bottom: 0; text-indent: 0; font-size: 0.8em; width: 2.6em; height: 2.6em; line-height: 2.8em; text-align: center; color: rgba(255,255,255,0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .avia-image-container.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover:after{ background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,1); } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: rgba(0,0,0,0.15); text-align: right; } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:after{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .avia-image-container.av-styling-circle.av-has-copyright.av-copyright-icon-reveal .avia-copyright:hover{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: rgba(0,0,0,0.5); } /* fade image */ .av-hover-fade .avia_image.fade-basic{ opacity: 1; } .av-hover-fade .avia_image.fade-overlay{ position: absolute; top: 0; left: 0; opacity: 0; } .av-hover-fade .avia-image-container-inner:hover .avia_image.fade-basic{ -webkit-animation: avia-fadeOut 0.7s 1 ease-in-out; animation: avia-fadeOut 0.7s 1 ease-in-out; opacity: 0; } .av-hover-fade .avia-image-container-inner:hover .avia_image.fade-overlay{ -webkit-animation: avia-fadein 0.7s 1 ease-in-out; animation: avia-fadein 0.7s 1 ease-in-out; opacity: 1; } .av-hover-blur .avia-image-overlay-wrap { overflow: hidden; } /* ====================================================================================================================================================== Image Before After ====================================================================================================================================================== */ .avia-image-diff-container{ display: flex; position: relative; max-width: 100%; justify-content: flex-start; margin: 5px; box-sizing: content-box; overflow: hidden; } .avia-image-diff-container.avia-align-left{ justify-content: flex-start; margin-right: 15px; } .avia-image-diff-container.avia-align-center{ justify-content: center; } .avia-image-diff-container.avia-align-center.avia-builder-el-no-sibling{ margin-bottom: 0; margin-top: 0; } .avia-image-diff-container.avia-align-right{ justify-content: flex-end; margin-left: 15px; } .avia-image-diff-container .av-image-diff-wrapper{ position: relative; max-width: 100%; display: block; overflow: hidden; } .avia-image-diff-container.av-active-drag .av-image-diff-wrapper{ cursor: ew-resize; /* avoid flicker of cursor during drag operation */ } .avia-image-diff-container.av-active-drag.av-handle-horizontal .av-image-diff-wrapper{ cursor: ns-resize; /* avoid flicker of cursor during drag operation */ } .avia-image-diff-container:not(.av-active-drag):not(.av-initialise) .av-image-diff-wrapper *{ -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .avia-image-diff-container:not(.avia-animate-admin-preview).av-animated-diff-img{ opacity: 0; } .avia-image-diff-container .av-image-diff-wrapper .avia_image{ position: absolute; top: 0; left: 0; z-index: 10; } .avia-image-diff-container .av-image-diff-wrapper .av-img-before{ position: relative; z-index: 20; } .avia-image-diff-container .av-image-diff-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; opacity: 1; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .avia-image-diff-container .av-image-diff-overlay .av-img-diff-label{ padding: 5px 10px; border: 1px solid transparent; border-radius: 3px; background: rgba(0,0,0,0.3); color:#fff; z-index: 30; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-size: 14px; } .avia-image-diff-container.btn-style-oval .av-image-diff-overlay .av-img-diff-label{ border-radius: 50%; } .avia-image-diff-container.btn-style-square .av-image-diff-overlay .av-img-diff-label{ border-radius: 0; } .avia-image-diff-container.btn-on-hover .av-image-diff-overlay .av-img-diff-label{ opacity: 0; } .avia-image-diff-container.btn-on-hover .av-image-diff-wrapper:hover .av-img-diff-label{ opacity: 1; } .avia-image-diff-container .av-image-diff-overlay .av-img-diff-label:hover, .avia-image-diff-container.btn-on-hover .av-image-diff-wrapper .av-img-diff-label:hover{ opacity: 0.5; cursor: pointer; } .avia-image-diff-container.btn-always-hide .av-image-diff-overlay{ display: none; } .avia-image-diff-container.av-handle-vertical .av-img-diff-label{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .avia-image-diff-container.av-handle-vertical .av-img-diff-label.label-before{ left: 10px; } .avia-image-diff-container.av-handle-vertical .av-img-diff-label.label-after{ right: 10px; } .avia-image-diff-container.av-handle-horizontal .av-img-diff-label{ position: absolute; left: 50%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .avia-image-diff-container.av-handle-horizontal .av-img-diff-label.label-before{ top: 10px; } .avia-image-diff-container.av-handle-horizontal .av-img-diff-label.label-after{ bottom: 10px; } .avia-image-diff-container.av-handler-at-before .av-img-diff-label.label-before, .avia-image-diff-container.av-handler-at-after .av-img-diff-label.label-after, .avia-image-diff-container.av-handler-at-before.btn-on-hover .av-img-diff-label.label-before, .avia-image-diff-container.av-handler-at-after.btn-on-hover .av-img-diff-label.label-after{ opacity: 0; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; pointer-events: none; } /* circle handle + divider line */ .avia-image-diff-container .av-image-diff-handle{ height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -19px; /* -22px; removed */ margin-top: -22px; border: 4px solid #fff; border-radius: 1000px; -webkit-box-shadow: 0 0 12px rgba(51,51,51,.5); box-shadow: 0 0 12px rgba(51,51,51,.5); z-index: 40; cursor: ew-resize; } #av-admin-preview .avia-image-diff-container.av-handle-vertical .av-image-diff-handle{ left: 0; } #av-admin-preview .avia-image-diff-container.av-handle-horizontal .av-image-diff-handle{ top: 0; } .avia-image-diff-container.av-handle-filled .av-image-diff-handle{ background-color: #000; } .avia-image-diff-container.av-handle-horizontal .av-image-diff-handle{ -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: -20px; margin-top: -19px; cursor: ns-resize; } .avia-image-diff-container.av-handle-oval .av-image-diff-handle{ height: 80px; margin-top: -43px; } .avia-image-diff-container .av-image-diff-handle:before{ content: " "; display: block; position: absolute; left: 50%; bottom: 50%; width: 4px; height: 9999px; margin-left: -2px; margin-bottom: 22px; background: #fff; box-shadow: 0 3px 0 #ffffff, 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 30; } .avia-image-diff-container.av-handle-oval .av-image-diff-handle:before{ margin-bottom: 43px; } .avia-image-diff-container.av-circle-dashed .av-image-diff-handle{ border-style: dashed; } .avia-image-diff-container.av-circle-dotted .av-image-diff-handle{ border-style: dotted; } .avia-image-diff-container.av-line-dotted .av-image-diff-handle:before, .avia-image-diff-container.av-line-dotted .av-image-diff-handle:after{ background: transparent; border-left: 4px dotted #fff; width: 0; } .avia-image-diff-container.av-line-dotted .av-image-diff-handle:before{ margin-bottom: 27px; } .avia-image-diff-container.av-handle-oval.av-line-dotted .av-image-diff-handle:before{ margin-bottom: 48px; } .avia-image-diff-container .av-image-diff-handle:after{ content: " "; display: block; position: absolute; left: 50%; top: 50%; width: 4px; height: 9999px; margin-left: -2px; margin-top: 19px; background: #fff; box-shadow: 0 3px 0 #ffffff, 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 30; } .avia-image-diff-container.av-handle-oval .av-image-diff-handle:after{ margin-top: 40px; } .avia-image-diff-container.av-handle-arrows .av-image-diff-handle{ border: 0px none; background: transparent; box-shadow: unset; } .avia-image-diff-container.av-handle-arrows .av-image-diff-handle:before{ margin-bottom: 0; box-shadow: unset; } .avia-image-diff-container.av-handle-arrows .av-image-diff-handle:after{ margin-top: 0; box-shadow: unset; } /* arrows */ .av-image-diff-handle .av-handle-arrow{ position: absolute; top: 50%; margin-top: -6px; width: 0; height: 0; border: 6px inset transparent; } .av-image-diff-handle .av-handle-left-arrow{ border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .av-image-diff-handle .av-handle-right-arrow{ border-left: 6px solid #fff; right: 50%; margin-right: -17px; } .avia-image-diff-container.av-handle-arrows-expand .av-handle-left-arrow, .avia-image-diff-container.av-handle-arrows .av-handle-left-arrow{ margin-left: -14px; } .avia-image-diff-container.av-handle-arrows-expand .av-handle-right-arrow, .avia-image-diff-container.av-handle-arrows .av-handle-right-arrow{ margin-right: -14px; } .avia-image-diff-container.av-handle-arrows-expand .av-image-diff-wrapper:hover .av-handle-left-arrow{ margin-left: -17px; } .avia-image-diff-container.av-handle-arrows-expand .av-image-diff-wrapper:hover .av-handle-right-arrow{ margin-right: -17px; } /* ====================================================================================================================================================== Image with Hotspots ====================================================================================================================================================== */ .av-hotspot-container {position: relative; display: table; margin: 0 auto; clear: both; table-layout:fixed} .av-hotspot-container-inner-cell{display: table-cell;} .av-fullwidth-hotspots .av-hotspot-container-inner-cell{width:100%;display:block;} .av-hotspot-container-inner-wrap img{width:100%; display: block;} .av-hotspot-container .av-image-hotspot{height:18px; width:18px; font-size: 10px; line-height: 18px; text-align: center; position: absolute; z-index: 1; margin:-9px 0 0 -9px; } .av-hotspot-container .av-image-hotspot_inner{ display:block; border-radius: 100px; position: absolute; height:100%; width:100%; background: #fff; color: #888; z-index: 2; cursor: pointer; text-decoration: none;} .av-hotspot-container .av-image-hotspot_inner:hover{ background: #fff; color: #888;} .av-hotspot-blank .av-hotspot-container .av-image-hotspot_inner{overflow: hidden; text-indent: -200%;} .av-hotspot-container .av-image-hotspot-pulse { display: block; background: #fff; border-radius: 100px; height: 40px; width: 40px; position: absolute; -webkit-animation: av_pulsate 2s ease-out infinite; animation: av_pulsate 2s linear infinite; opacity: 0; top: -11px; left: -11px; z-index: 1; } .av-tt-hotspot{text-align: left; } .av-hotspot-fallback-tooltip{ padding:15px 15px 0 15px; position: relative; display:none; } .av-hotspot-image-container .av-hotspot-fallback-tooltip:last-child{padding-bottom:15px;} .av-hotspot-fallback-tooltip-count{height:40px; width:40px; line-height: 40px; border-style: solid; border-width: 1px; text-align: center; border-radius: 100px; position: absolute; top:15px; left:15px; z-index: 10;} .av-hotspot-fallback-tooltip-inner{margin-left:60px; border: 1px solid; padding: 15px; position: relative; border-radius: 2px;} .av-hotspot-fallback-tooltip-inner img{max-width:100px; margin:0 10px 0 0; display:block;} .av-hotspot-fallback-tooltip-inner p:first-child, .inner_tooltip p:first-child{margin-top:0;} .av-hotspot-fallback-tooltip-inner p:last-child, .inner_tooltip p:last-child{margin-bottom:0;} .av-hotspot-fallback-tooltip div.avia-arrow { left: 60px; top: 13px; border-right: none; border-top: none; } body .av-tt-large-width{width:250px;} body .av-tt-xlarge-width{width:350px;} /*non-fullwidth hotspot*/ .av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip{padding-left:0; padding-right: 0;} .av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip-count{left:0px;} /*fullwidth hotspot*/ .av-fullwidth-hotspots{border-top:none;} .av-fullwidth-hotspots img{width:100%; border-radius: 0px;} .av-fullwidth-hotspots .av-hotspot-container{display: block; } /*image and hotspot appearing*/ .avia_transform.js_active .avia_animated_image .av-image-hotspot{opacity:0; visibility: hidden;} .avia_transform.js_active .avia_animated_image .av-display-hotspot{ -webkit-animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; visibility: visible; } .avia_transform.js_active .avia_animated_image .av-image-hotspot .av-permanent-tooltip-single{ opacity:0 !important; -webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s; transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s; -webkit-transform:translate(0px,10px); transform:translate(0px,10px); } .avia_transform.js_active .avia_animated_image .av-display-hotspot .av-permanent-tooltip-single{ opacity: 1 !important; -webkit-transform:translate(0px,0); transform:translate(0px,0); } @media only screen and (min-width: 990px) { .responsive .av-image-hotspot{ height:24px; width:24px;line-height: 24px; font-size: 11px;} .responsive .av-image-hotspot-pulse{ height: 54px; width: 54px; top: -15px; left: -15px;} } @media only screen and (max-width: 767px) { .responsive .av-hotspot-fallback-tooltip{ display:block; } .responsive .av-mobile-fallback-active.avia-tooltip{visibility: hidden;} .responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner{text-indent: 0px;} } /* ====================================================================================================================================================== Lottie Files ====================================================================================================================================================== */ .av-lottie-animation-container{ display: block; position: relative; max-width: 100%; } .av-lottie-animation-container:not(.avia-animate-admin-preview).avia_animated_lottie{ opacity: 0; } .avia_transform .av-lottie-animation-container.avia_not_animated_lottie{ opacity: 1; } .av-lottie-animation-container dotlottie-player, .av-lottie-animation-container.avia-align-left dotlottie-player{ float: left; display: flex; overflow: hidden; } .av-lottie-animation-container.avia-align-right dotlottie-player{ float: right; } .av-lottie-animation-container.avia-align-center dotlottie-player{ clear: both; margin: 0 auto; float: unset; } .av-lottie-animation-container.play-on-hover dotlottie-player:hover{ cursor: progress; } .av-lottie-animation-container a.av-lottie-animation:hover, .av-lottie-animation-container.play-on-hover a dotlottie-player:hover{ cursor: pointer !important; } .av-lottie-animation-container dotlottie-player{ -webkit-transition: all 0.7s; transition: all 0.7s; } /* ====================================================================================================================================================== Magazine ====================================================================================================================================================== */ .av-magazine{clear:both; overflow: hidden; margin-bottom:30px; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden;} .av-magazine-group{clear:both; position: relative; overflow: hidden; } .av-magazine-group.av-hidden-mag{display:none;} .av-magazine-entry{clear:both; position: relative; margin-bottom: 10px;} .av-magazine-thumbnail{float:left; margin-right:15px; width:61px; min-height:61px; border:1px solid; padding:5px; display: block; text-align: center; position: relative;} .av-magazine-thumbnail-link{overflow: hidden; display: block;} .av-magazine-thumbnail img{ display:block; margin:0 auto; } .av-magazine .av-magazine-no-thumb .av-magazine-content-wrap{ min-height: 0px; } .av-magazine .av-magazine-no-thumb .av-magazine-content-wrap .av-magazine-title{padding-bottom:10px;} .av-magazine .av-magazine-entry-icon{font-size: 20px; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; line-height: 51px;} .av-magazine .av-magazine-entry-icon:hover{text-decoration: none;} .av-magazine-content-wrap{overflow: hidden; border-bottom:1px solid; min-height: 61px;} .av-magazine header{position: relative;} .av-magazine-time, .av-magazine-author, .av-magazine-text-sep{font-size: 12px; text-transform: uppercase;} .av-magazine-text-sep{padding: 0 5px;} /*.av-magazine-text-sep, .av-magazine-author{ display: none; }*/ .av-magazine .av-magazine-content-wrap .av-magazine-title{ font-size: 14px; line-height: 1.3em; text-transform: none; letter-spacing: normal; padding: 0; margin: 0; } .av-magazine .minor-meta{ font-size: 12px; } .av-magazine .av-magazine-content{ font-size: 12px; line-height: 1.3em; } .av-magazine .av-magazine-text-sep.text-sep-cats, .av-magazine .av-magazine-text-sep.text-sep-tags{ padding: 0 5px 0 0; text-transform: uppercase; } .av-magazine .av-magazine-cats-wrap, .av-magazine .av-magazine-tags-wrap{ width: 100%; float: left; margin-top: -10px; } .av-magazine-hero .av-magazine-thumbnail{ margin: 0 0 8px 0; float: none; width: 100%; border-radius: 2px; padding: 7px; } .av-magazine-hero .av-magazine-content-wrap{ padding-bottom: 10px; } .av-magazine-hero-left .av-magazine-hero .av-magazine-content-wrap{ border: none; margin-bottom: 0px; padding-bottom: 0px; } .av-magazine-hero .av-magazine-content{ margin-top: 10px; } .av-magazine .av-magazine-sideshow.av_one_half{ margin-left: 3%; padding-left: 3%; width: 50%; border-left-width: 1px; border-left-style: solid; } .av-magazine-top-bar{ line-height: 30px; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 10px; } .av-magazine-hero-left .av-magazine-top-bar{ margin-bottom: 0px; } .av-magazine-hero-top .av-magazine-top-bar{ margin-bottom: 0px; border: none; } .av-magazine-hero-left.av-magazine-top-bar-active .flex_column{ padding-top: 20px; } .av-magazine-top-heading{ font-size: 15px; font-weight: bold; text-transform: uppercase; float: left; } .av-magazine-sort{ float: right; font-size: 12px; } #top .av-magazine .avia-inherit-font-color .av-magazine-top-heading, #top .av-magazine .avia-inherit-font-color a.active_sort, #top .av-magazine .avia-inherit-font-color a:hover{ color: inherit; } #top .av-magazine .avia-font-color-white .av-magazine-top-heading { color: #ffffff; } #top .av-magazine .avia-font-color-grey .av-magazine-top-heading { color: #555; } #top .av-magazine .avia-font-color-black .av-magazine-top-heading { color: #2c2c2c; } #top .av-magazine .avia-font-color-red .av-magazine-top-heading { color: #B02B2C; } #top .av-magazine .avia-font-color-orange .av-magazine-top-heading { color: #edae44; } #top .av-magazine .avia-font-color-green .av-magazine-top-heading { color: #83a846; } #top .av-magazine .avia-font-color-blue .av-magazine-top-heading {color: #7bb0e7; } #top .av-magazine .avia-font-color-aqua .av-magazine-top-heading { color: #4ecac2; } #top .av-magazine .avia-font-color-teal .av-magazine-top-heading { color: #5f8789; } #top .av-magazine .avia-font-color-purple .av-magazine-top-heading { color: #745f7e; } #top .av-magazine .avia-font-color-pink .av-magazine-top-heading { color: #d65799; } #top .av-magazine .avia-font-color-silver .av-magazine-top-heading { color: #DADADA; } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-magazine .flex_column{ margin: 0px; padding-left: 0px; width: 100%; border: none; } } /* ====================================================================================================================================================== Masonry Grid ====================================================================================================================================================== */ .av-masonry{ position: relative; overflow: hidden; clear: both; } .av-masonry-container{ width: 100.4%; float: left; clear: both; position: relative; } .av-masonry-entry{ position: relative; display: block; width: 24.90%; float: left; clear: none; text-decoration: none; visibility: hidden; opacity: 0; } #top .masonry-no-border{ border-top: none; } .av-masonry-entry.av-landscape-img{ width: 49.80%; } .av-masonry-col-1 .av-masonry-entry{ width: 100%; } .av-masonry-col-2 .av-masonry-entry{ width: 49.80%; } .av-masonry-col-2 .av-masonry-entry.av-landscape-img{ width: 99.50%; } .av-masonry-col-3 .av-masonry-entry{ width: 33.3% } .av-masonry-col-3 .av-masonry-entry.av-landscape-img{ width: 66.6% } /* default - no css needed */ .av-masonry-col-4 .av-masonry-entry{} .av-masonry-col-4 .av-masonry-entry.av-landscape-img{} .av-masonry-col-5 .av-masonry-entry{ width: 19.90%; } .av-masonry-col-5 .av-masonry-entry.av-landscape-img{ width: 39.80%; } .av-masonry-col-6 .av-masonry-entry{ width: 16.6%; } .av-masonry-col-6 .av-masonry-entry.av-landscape-img{ width: 33.2%; } @media only screen and (min-width: 990px) { .responsive.av-no-preview #top .av-desktop-columns-6 .av-masonry-entry{ width: 16.6%; } .responsive.av-no-preview #top .av-desktop-columns-6 .av-masonry-entry.av-landscape-img{ width: 33.2%; } .responsive.av-no-preview #top .av-desktop-columns-5 .av-masonry-entry{ width: 19.9%; } .responsive.av-no-preview #top .av-desktop-columns-5 .av-masonry-entry.av-landscape-img{ width: 39.80%; } .responsive.av-no-preview #top .av-desktop-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-desktop-columns-4 .av-masonry-entry.av-landscape-img{ width: 49.80%; } .responsive.av-no-preview #top .av-desktop-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-desktop-columns-3 .av-masonry-entry.av-landscape-img{ width: 66.6%; } .responsive.av-no-preview #top .av-desktop-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-desktop-columns-2 .av-masonry-entry.av-landscape-img{ width: 99.50%; } .responsive.av-no-preview #top .av-desktop-columns-1 .av-masonry-entry{ width: 100%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top .av-medium-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-medium-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-medium-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-medium-columns-1 .av-masonry-entry{ width: 100%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive.av-no-preview #top .av-small-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-small-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-small-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-small-columns-1 .av-masonry-entry{ width: 100%; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive.av-no-preview #top .av-mini-columns-4 .av-masonry-entry{ width: 24.90%; } .responsive.av-no-preview #top .av-mini-columns-3 .av-masonry-entry{ width: 33.3%; } .responsive.av-no-preview #top .av-mini-columns-2 .av-masonry-entry{ width: 49.80%; } .responsive.av-no-preview #top .av-mini-columns-1 .av-masonry-entry{ width: 100%; } } .av-masonry-outerimage-container{ overflow: hidden; } .av-masonry-outerimage-container, .av-masonry-image-container{ position: relative; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .av-masonry-image-container{ text-align: center; background-size: cover; background-position: center center; } .av-masonry-image-container img{ display: block; margin: 0 auto; } #top .av-inner-masonry{ overflow: hidden; background-color: transparent; margin:0; } .av-masonry-entry .av-inner-masonry-content{ padding: 20px; z-index: 2; position: relative; width: 100%; } .av-masonry-entry .avia-arrow{ border: none; top: -5px; } .av-masonry-item-no-image .avia-arrow{ display: none; } .av-masonry-entry .av-masonry-entry-title{ line-height: 1.3em; margin: 0; font-size: 15px; } .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content{ padding-top: 4px; text-overflow: ellipsis; overflow: hidden; } .av-masonry-date, .av-masonry-text-sep, .av-masonry-author{ font-size: 11px; } .av-masonry-text-sep{ padding: 0 5px; } .av-masonry-text-sep.text-sep-author, .av-masonry-author{ display: none; } /*items loaded*/ .av-masonry-entry.av-masonry-item-loaded{ opacity: 1; visibility: visible; } .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry, .avia_mobile.avia_transform3d:not(.avia-mobile-no-animations) .av-masonry-animation-active .av-masonry-entry{ -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry, .avia_mobile.avia_transform3d:not(.avia-mobile-no-animations) .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{ -webkit-animation: avia_masonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */ animation: avia_masonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */ } .avia_transform .av-masonry-entries.av-masonry-animation-curtain-reveal .avia-curtain-reveal-overlay{ animation-delay: 0.8s; } /*gap variations between elements: no, 1px and large*/ .av-large-gap.av-masonry{ padding: 15px 0 0 15px; } .av-no-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top: 0px; left: -1px; right: 0px; bottom: -2px; } .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top: 0px; left: 0px; right: 1px; bottom: 1px; } .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top: 0px; left: 0px; right: 15px; bottom: 15px; } .av-no-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; } #top .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right: 1px; margin-bottom: 1px; } #top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right: 15px; margin-bottom: 15px; } /*firefox 1px gap fix*/ .avia-mozilla #top .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ margin-bottom: 2px; } /*flex size*/ .av-flex-size .av-masonry-image-container{ background-image: none !important; } /*fixed sized masonry (aka perfect grid)*/ .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container{ position: absolute; } .av-fixed-size .av-masonry-image-container img{ display: none; } .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 80%; z-index: 1; } .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{ padding-bottom: 40%; } .av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer{ padding-bottom: 160%; } .av-fixed-size .av-masonry-entry.av-portrait-img.av-landscape-img .av-inner-masonry-sizer{ padding-bottom: 80%; } #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ display: table; position: relative; height: 100%; width: 100%; bottom: 0; table-layout: fixed; } #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos{ display: table-cell; vertical-align: middle; text-align: center; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry{ background: transparent; } .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content { position: absolute; bottom: -1px; /*fixes hover bug that lets 1px img shine through at bottom when font is big*/ } /*overlay styling*/ #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ background: rgba(0,0,0,0.35); } #top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content{ background: transparent; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del{ color: #fff; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .avia-arrow, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .av-icon-display{ display: none; } #top #wrap_all .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{ position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; display: block; height: auto; width: auto; } #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos{ display: table; height: 100%; width: 100%; } #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content{ display: table-cell; vertical-align: middle; } #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title{ font-size: 1.5em; } /*masonry orientation*/ .av-fixed-size.av-orientation-landscape-large .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 50%; } .av-fixed-size.av-orientation-square .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 100%; } .av-fixed-size.av-orientation-portrait .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 130%; } .av-fixed-size.av-orientation-portrait-large .av-masonry-entry .av-inner-masonry-sizer{ width: 100%; padding-bottom: 150%; } /*hover effect*/ #top .av-masonry-entry:hover{ text-decoration: none; } .av-masonry-image-container, .av-inner-masonry-content, .av-masonry-pagination{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .avia_desktop .av-hover-overlay-active .av-masonry-image-container{ opacity: 0.7; } .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container{ opacity: 1; } .avia_desktop .av-masonry-entry:hover .av-masonry-image-container{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .avia_desktop .av-masonry-entry .av-image-copyright, .avia_desktop .av-masonry-entry:hover .av-image-copyright{ transition: all 0.4s ease-in-out; } .avia_desktop .av-masonry-entry:hover .av-image-copyright.av-copyright-left{ transform: translate( 1em, -1em ); } .avia_desktop .av-masonry-entry:hover .av-image-copyright.av-copyright-right{ transform: translate( -1em, -1em ); } .avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content{ opacity: 0; filter: alpha(opacity=00); } .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image .av-inner-masonry-content{ opacity: 1; filter: alpha(opacity=100); } .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{ opacity: 0; filter: alpha(opacity=00); } .avia_desktop .av-inner-masonry-content{ /*fixes flickering issue when caption/excerpt is visible by default and sorting is activated . may also try to replace it with -webkit-transform-style: preserve-3d;*/ -webkit-backface-visibility: hidden; } .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{ -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; } .avia_desktop.avia_transform3d .av-masonry-entry:hover .av-icon-display{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-color: transparent; } /*need to make sure that the scale transform doesnt mess up the image*/ .avia_desktop.avia_transform3d .av-masonry-image-container{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } /*masonry sorting*/ .av-masonry-sort{ text-align: center; padding: 20px 40px; visibility: hidden; overflow: hidden; } #top div.container .av-masonry .av-masonry-sort{ padding: 0px; background: transparent; line-height: 30px; margin-bottom: 15px; font-size: 0.9em; } .av-large-gap .av-masonry-sort{} .av-masonry-sort a{ text-decoration: none; } .av-masonry-sort .avia_hide_sort{ display: none; } .av-sort-by-term > *{ display: inline-block; } .av-no-gap .av-masonry-sort, .av-1px-gap .av-masonry-sort{ margin: 0 0 1px 0; } .av-large-gap .av-masonry-sort{ margin: 0 15px 15px 0; } .avia-term-count{ display: none; } #top .av-sort-yes-tax{ line-height: 50px } #top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat{ float: right } #top .av-current-sort-title{ float: left; font-weight: normal; font-size: 26px; } /*masonry pagination*/ .av-masonry-pagination{ clear: both; z-index: 2; bottom: 20px; right: 20px; padding: 20px; display: block; } #top .av-masonry-load-more{ text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 13px; visibility: hidden; opacity: 0; overflow: hidden; } #top .av-masonry-load-more.av-masonry-no-more-items{ opacity: 0 !important; height: 0px; padding: 0px; filter: alpha(opacity=00); } #top .av-masonry-load-more:hover{ letter-spacing: 0px; } .av-no-gap .av-masonry-load-more{ margin: 1px 0 0 0; float: left; width: 100%; } .av-large-gap .av-masonry-pagination{ margin: 0 15px 15px 0; } .av-masonry-pagination .pagination{ padding: 5px; } .av-masonry-pagination .pagination-meta{ line-height: 30px; } /*masonry post types and variations*/ /*product*/ .av-masonry-entry.sale .av-masonry-entry-title{ padding-right: 48px; } #top .av-masonry-entry.type-product .av-masonry-image-container{ -webkit-transform: scale(1); transform: scale(1); } #top .av-masonry-entry .price, #top .av-masonry-entry .price span, #top .av-masonry-entry del, #top .av-masonry-entry ins{ font-size: 14px; } #top .av-masonry-entry .onsale{ top: 20px; right: 20px; } #top .av-caption-style-overlay .av-masonry-entry .onsale{ top: 0px; right: 0px; border-radius: 0; } #top .av-caption-style-overlay .av-masonry-entry.sale .av-masonry-entry-title{ padding-right: 0px; } #top .av-masonry-entry .av-inner-masonry .av-masonry-overlay{ opacity: 0; filter: alpha(opacity=0); width: 100%; z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #top .av-masonry-entry:hover .av-inner-masonry .av-masonry-overlay{ opacity: 1; filter: alpha(opacity=100); } /*post types*/ #top .av-icon-display.av-masonry-media{ position: absolute; left: 50%; margin-left: -30px; top: -75px; opacity: 0.7; filter: alpha(opacity=70); } #top .av-masonry-entry:hover .av-icon-display.av-masonry-media{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #top .av-masonry-entry.format-quote .av-icon-display{ position: absolute; z-index: -1; border: none; background: rgba(0, 0, 0, 0); opacity: 0.1; filter: alpha(opacity=10); bottom: -20px; left: 0; font-size: 50px; line-height: 100px; width: 100px; } #top div .av-masonry-entry.format-quote:hover .av-icon-display{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0.3; filter: alpha(opacity=30); } /*masonry within columns/sections */ #top .container .av-masonry{ background: transparent; } #top .container .av-masonry.av-large-gap{ padding: 0; width: 102%; width: calc(100% + 15px); } #top .container .av-masonry.av-large-gap.av-masonry-gallery{ padding-top: 15px; /* changed with 4.8.6.1 to center images in columns */ } /*masonry fade_out/grayscale/desat effect/blur */ #top .av-hover-overlay-fade_out .av-masonry-image-container{ opacity: 1.0; } #top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container{ opacity: 0.2; } #top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container{ -webkit-filter: grayscale(1); filter: grayscale(1); } #top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter: grayscale(0); filter: grayscale(0); } #top .av-hover-overlay-desaturation .av-masonry-image-container{ -webkit-filter: saturate(30%); filter: saturate(30%); } #top .av-hover-overlay-desaturation .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter: saturate(100%); filter: saturate(100%); } #top .av-hover-overlay-bluronhover .av-masonry-image-container{ -webkit-filter: blur(0px); filter: blur(0px); } #top .av-hover-overlay-bluronhover .av-masonry-entry:hover .av-masonry-image-container{ -webkit-filter: blur(10px); filter: blur(10px); } @media only screen and (min-width: 1800px) { .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry{ width: 16.6%; } .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry.av-landscape-img, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{ width: 33.2%; } } @media only screen and (min-width: 989px) and (max-width: 1340px) { .responsive .av-masonry-col-flexible .av-masonry-entry{ width: 33.3%; } .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{ width: 66.6%; } } @media only screen and (max-width: 767px) { .responsive #top .av-masonry-entry{ width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top .av-masonry-entry{ width: 49.90%; } .responsive #top .av-masonry-entry.av-landscape-img{ width: 100%; } } @media only screen and (max-width: 480px) { .responsive #top .av-masonry-entry{ width: 100%; } } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{ width: 33.3%; } .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img{ width: 66.6%; } .responsive .av-masonry-col-automatic .av-masonry-entry .av-masonry-entry-title{ font-size: 13px; } .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{ display: none; } } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible .av-masonry-entry{ width: 49.90%; } .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{ width: 100%; } } /*site preloader: http://projects.lukehaas.me/css-loaders/ */ .av-siteloader-wrap{ position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index: 1000000; background: #fff; display:none; } html.av-preloader-active{} html.av-preloader-active .av-siteloader-wrap{ display:block; } .av-siteloader-inner{ position: relative; display: table; width: 100%; height:100%; text-align: center; } .av-siteloader-cell{ display:table-cell; vertical-align: middle; } .av-siteloader, #top div.avia-popup .mfp-preloader{ font-size: 10px; position: relative; text-indent: -9999em; margin:0 auto; border-top: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2); border-bottom:2px solid rgba(0, 0, 0, 0.2); border-left: 2px solid #000; -webkit-animation: av-load8 0.8s infinite linear; animation: av-load8 0.8s infinite linear; } #top div.avia-popup .mfp-preloader{ position: absolute; background: transparent; border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .av-preloader-reactive #top .av-siteloader{ -webkit-animation: avia_pop_loader 1.3s 1 linear; animation: avia_pop_loader 1.3s 1 linear; } .av-preloader-reactive #top .av-siteloader-extra{ border-radius: 50%; width: 400px; height: 400px; background:#eee; position: absolute; left: 50%; top: 50%; -webkit-transform: scale(0); transform: scale(0); opacity:0; -webkit-animation: avia_shrink 1.1s 1 linear; animation: avia_shrink 1.1s 1 linear; margin:-200px 0 0 -200px; } .av-siteloader, #top div.avia-popup .mfp-preloader, .av-siteloader:after , #top div.avia-popup .mfp-preloader:after{ border-radius: 50%; width: 40px; height: 40px; } .av-preloading-logo{ position: relative; margin: 0 auto; display: block; max-width:450px; max-height:450px; margin-bottom:20px; z-index: 100; } #top div.avia-popup .mfp-s-error .mfp-preloader { background: transparent; width: 100%; -webkit-animation: none; animation: none; white-space: nowrap; border: none; text-indent: 0; font-size: 17px; -webkit-transition: none; transition: none; } /* ====================================================================================================================================================== SUBMENU ====================================================================================================================================================== */ #top .sticky_placeholder { height:51px; position: relative; clear:both; } #top .av-submenu-container { min-height:52px; position: relative; width:100%; border-bottom-style: solid; border-bottom-width: 1px; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; font-size: 13px; line-height: 1.65em;} #top .av-submenu-container.av-sticky-submenu{position: absolute;} #top .av-submenu-container .container{padding:0 !important;} #top .av-subnav-menu { margin:0; } #top .av-subnav-menu li {position: relative; display: block; margin:0;} #top .av-subnav-menu > li {padding:15px 0; display: inline-block;} #top .av-subnav-menu > li > a{padding:0px 10px 0px 12px; display: block; border-left-style:solid; border-left-width:1px;} #top .av-subnav-menu > li:first-child a{border-left:none;} #top .av-subnav-menu > li ul{visibility:hidden; position: absolute; width:200px; top:50px; left: 0; text-align: left; border-style: solid; border-width:1px; margin:0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #top .av-subnav-menu > li ul a{line-height: 23px; padding: 8px 15px; width:100%; display: block; } #top .av-subnav-menu > li ul ul{left:198px;top:-1px;} #top .av-subnav-menu li a{text-decoration: none;} #top .av-subnav-menu li:hover > ul{visibility:visible; opacity: 1;} #top .av-subnav-menu li > ul.av-visible-mobile-sublist{visibility:visible; opacity: 1;} #top .av-subnav-menu .avia-bullet{display:none;} #top .av-subnav-menu .av-menu-button > a{padding: 0; border:none;} #top .av-submenu-pos-left{text-align: left;} #top .av-submenu-pos-center{text-align: center;} #top .av-submenu-pos-right{text-align: right;} #top .av-submenu-pos-right > .av-subnav-menu > li ul ul{left:-200px;} #top .av-submenu-container .avia-menu-fx{display:none;} #top .mobile_menu_toggle{ display: none; height: 46px; min-width: 46px; line-height: 46px; padding:0px 20px; text-decoration: none; text-align: center; margin:0 3px; z-index: 10000; border-style:solid; border-width: 1px; border-top:none; border-bottom:none; font-size: 30px; position: relative; } #top .mobile_menu_toggle .av-current-placeholder{font-size: 14px; vertical-align: bottom; display: inline-block; margin-left:20px;} #top .av-subnav-menu li:hover > ul { z-index: 10; } #top .av-submenu-container:hover { z-index: 400 !important; } @media only screen and (max-width: 989px) { .responsive #top .av-switch-990 .sticky_placeholder{max-height:0px; } .responsive #top .av-switch-990.av-submenu-container{top: auto !important; position: relative !important; height:auto; min-height:0; margin-bottom: -1px;} /*.responsive #top .av-switch-990 .av-menu-mobile-active {text-align: center; }*/ .responsive #top .av-switch-990 .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu{display:none;} .responsive #top #wrap_all .av-switch-990 .av-menu-mobile-active.container {width:100%; max-width: 100%;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu > li:first-child{margin-top:-1px;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li{display:block; border-top-style: solid; border-top-width: 1px; padding:0;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25BA"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li > ul{visibility:visible; opacity: 1; top:0; left:0; position: relative; width:100%; border:none;} .responsive #top .av-switch-990 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;} .responsive #top .av-switch-990 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;} .responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;} } @media only screen and (max-width: 767px) { .responsive #top .av-switch-768 .sticky_placeholder{max-height:0px; } .responsive #top .av-switch-768.av-submenu-container{top: auto !important; position: relative !important; height:auto; min-height:0; margin-bottom: -1px;} /*.responsive #top .av-switch-768 .av-menu-mobile-active {text-align: center; }*/ .responsive #top .av-switch-768 .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu{display:none;} .responsive #top #wrap_all .av-switch-768 .av-menu-mobile-active.container {width:100%; max-width: 100%;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu > li:first-child{margin-top:-1px;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li{display:block; border-top-style: solid; border-top-width: 1px; padding:0;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25BA"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li > ul{visibility:visible; opacity: 1; top:0; left:0; position: relative; width:100%; border:none;} .responsive #top .av-switch-768 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;} .responsive #top .av-switch-768 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;} .responsive #top .av-switch-768 .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;} } @media only screen and (max-width: 479px) { .responsive #top .av-switch-480 .sticky_placeholder{max-height:0px; } .responsive #top .av-switch-480.av-submenu-container{top: auto !important; position: relative !important; height:auto; min-height:0; margin-bottom: -1px;} /*.responsive #top .av-switch-480 .av-menu-mobile-active {text-align: center; }*/ .responsive #top .av-switch-480 .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu{display:none;} .responsive #top #wrap_all .av-switch-480 .av-menu-mobile-active.container {width:100%; max-width: 100%;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu > li:first-child{margin-top:-1px;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li{display:block; border-top-style: solid; border-top-width: 1px; padding:0;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25BA"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li > ul{visibility:visible; opacity: 1; top:0; left:0; position: relative; width:100%; border:none;} .responsive #top .av-switch-480 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;} .responsive #top .av-switch-480 .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;} .responsive #top .av-switch-480 .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;} } /* ====================================================================================================================================================== Notification Box ====================================================================================================================================================== */ .avia_message_box{ text-align: center; position: relative; border-color: #e1e1e1; background-color: #f8f8f8; clear: both; margin:30px 0; } div .avia_message_box .avia_message_box_title{ background-color: rgba(0,0,0,0.05); position: absolute; top:0; left:0; padding:5px 20px; font-size: 11px; text-shadow: none; } .avia_message_box_content{ font-size: 14px; text-transform: uppercase; font-weight:600;} .avia_message_box_icon{ position: relative; left: -0.5em; font-size: 1.3em;} .avia_message_box.avia-size-normal{ padding: 17px; } .avia_message_box.avia-size-large{ padding: 35px; } .avia_message_box.avia-color-green , .avia_message_box.avia-color-green a {background-color: #E0F1B5; border-color: #8BAF5B; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4F5F39; } .avia_message_box.avia-color-blue , .avia_message_box.avia-color-blue a {background-color: #F5F6FC; border-color: #9DADBF; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4671A3; } .avia_message_box.avia-color-red , .avia_message_box.avia-color-red a {background-color: #FFF8F4; border-color: #CDA18F; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #AF2C20; } .avia_message_box.avia-color-orange, .avia_message_box.avia-color-orange a {background-color: #FFFDF3; border-color: #E6BF4A; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #C96D11; } .avia_message_box.avia-color-grey , .avia_message_box.avia-color-grey a {background-color: #333; border-color: #444; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); color: #fff; } .avia_message_box.avia-color-silver, .avia_message_box.avia-color-silver a {background-color: #f8f8f8; border-color: #e1e1e1; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color: #444; } .avia_message_box_content p{display: inline;} #top .avia_message_box_content strong{color:inherit;} .avia_message_box a{text-decoration: underline; } #top .avia_message_box a:hover{color:inherit; opacity: 0.7;} .avia_message_box.avia-icon_select-no .avia_message_box_icon{ display:none } .avia_message_box.avia-border-solid{border-width:3px; border-style: solid;} .avia_message_box.avia-border-dashed{border-width:1px; border-style: dashed;} .avia_message_box a.av_message_close{ position: absolute; right: 0; top: 0; text-decoration: none; display: block; width: 1.2em; height: 1.2em; background: rgba(0,0,0,0.05); text-shadow: none; text-align: center; cursor: pointer; line-height: 1.2em; font-size: 1em; font-family: Arial, Baskerville, monospace !important; } .avia_message_box.messagebox-hidden{display: none;} #av-admin-preview .avia_message_box.messagebox-hidden{ display: block; } .avia_message_box.avia-color-custom .av_message_close{color: inherit;} /* Sonar effect */ .avia_message_box.avia-sonar-shadow:after{ content: ''; pointer-events: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; /*border-radius: 10px;*/ box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform-style: preserve-3d; } /* ====================================================================================================================================================== Animated Numbers ====================================================================================================================================================== */ .avia-animated-number{ display: block; clear: both; position: relative; text-align: center; } .avia-animated-number:hover{ text-decoration: none; } .avia-animated-number-content{ line-height: 1.3em; } .avia-animated-number.avia-color-font-light .avia-animated-number-content, .avia-animated-number.avia-color-font-light .heading{ color: #fff; } .avia-animated-number.avia-color-font-dark .avia-animated-number-content, .avia-animated-number.avia-color-font-dark .heading{ color: #222; } #top .avia-color-font-custom .heading { color: inherit; } .avia-animated-number.avia-color-font-embossed .avia-single-number{ text-shadow: 0 1px 0 rgb(203, 203, 203), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(186, 186, 186), 0 4px 0 rgb(184, 184, 184), 0 5px 0 rgb(171, 171, 171), 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); color: rgb(255, 255, 255); } .avia-animated-number-title{ font-size: 40px; white-space: nowrap; line-height: 1em; position: relative; letter-spacing: -2px; font-weight: 400; margin-bottom: 4px; } .avia-no-number{ opacity: 0.5; font-size: 0.8em; font-weight: normal; } .avia-animated-number-content{ padding: 0; position: relative; clear: none; overflow: hidden; font-size: 15px; } .avia-animated-number-content p{ margin: 0; } .js_active .avia-animated-number-title{ visibility: hidden; } .number_prepared .avia-animated-number-title{ visibility: visible; } .av-icon-before-number{ margin-right: 10px; } .av-icon-after-number{ margin-left: 10px; } .avia-animated-number-circle{ display: block; position: absolute; width: 100%; max-width: 600px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } #top .avia-animated-number.av-display-circle{ margin-top: 50%; margin-bottom: 50%; } .avia-animated-number-circle:after{ content: ""; display: block; padding-bottom: 100%; } .avia-animated-number-circle-inner{ display: block; position: absolute; width: 100%; height: 100%; border-radius: 100%; border-width: 1px; border-style: solid; } .avia-animated-number-circle-inner:after{ content: ""; display: block; padding-bottom: 100%; border-radius: 100%; } /* removed 4.8.4 - does not work and unused */ /*.av-circle-hover-animate:hover{ animation: sonarEffect 1s ease-out; }*/ @media only screen and (max-width: 767px) { .avia-animated-number-circle.av-circle-hide-small{ display: none; } #av-admin-preview .avia-animated-number-circle{ display: block; } } /* Accessibility rules */ #top.av-accessibility-aaa .avia-animated-number-content{ line-height: 1.5em; } /* ====================================================================================================================================================== Portfolio/Post Grid ====================================================================================================================================================== */ #top .grid-sort-container .no_margin.av_one_half { width: 49.999%; } .sort_width_container{ margin: 30px 0; } .entry-content-wrapper .sort_width_container:first-child{margin-top:0;} .sort_width_container, #js_sort_items{ overflow: hidden; position: relative; clear: both; } #js_sort_items{ visibility: hidden; font-size: 0.9em; } #js_sort_items a{ display:block; float:left; text-decoration: none; } .av-cat-count{display: none; } #js_sort_items .text-sep{ float:left; padding:0 6px; } .grid-sort-container{ clear: both; position: relative; z-index: 20; } .isotope_activated .isotope-item{ margin-left:0; } #top .isotope-item{ z-index: 2; } #top .isotope-hidden{ z-index: 1; } .avia_sortable_active .isotope{ -webkit-transition: height 0.5s 0.2s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: height 0.5s 0.2s cubic-bezier(0.165, 0.840, 0.440, 1.000); } /*special layout for 1 column entry*/ #top .isotope-item.special_av_fullwidth .inner-entry{ text-align: left; display: table; table-layout: fixed; } #top .isotope-item.special_av_fullwidth .av_table_col.grid-content{ width: 33.3%; vertical-align: middle; } #top .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image{ width: 67.7%; vertical-align: middle; } #top .isotope-item.special_av_fullwidth .av_table_col .entry-title{ margin: 0 0 20px; font-size: 25px; } #top .isotope-item.special_av_fullwidth .av_table_col .grid-entry-excerpt { font-size: 1em; font-style: normal; } #top .isotope-item.special_av_fullwidth .av_table_col .avia-arrow { z-index: 5; margin: -5px 0 0 -5px; top: 50%; right: -5px; left: auto; } @media only screen and (max-width: 989px){ #top .isotope-item.special_av_fullwidth .av_table_col .entry-title{ font-size: 20px; margin: 0 0 10px; } } @media only screen and (max-width: 767px){ #top .isotope-item.special_av_fullwidth .av_table_col.grid-content { width: 100%; display: block; } #top .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image{ width: 100%; display: block; } #top .isotope-item.special_av_fullwidth .av_table_col .entry-title{ font-size: 15px; margin: 0 0 10px; } #top .isotope-item.special_av_fullwidth .av_table_col .avia-arrow { z-index: 5; top: 100%; margin-top: -5px; left: 50%; right:auto;} #top div .av-current-sort-title{float: none;} #top div .av-sort-yes-tax .av-sort-by-term, #top div .av-sort-yes-tax .sort_by_cat{float:none} } /*single entries*/ .grid-entry{ overflow: visible;} .grid-entry .avia-arrow{ border:none; top: -4px; } .grid-entry .inner-entry {margin-right: 1px; box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.1); /* box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2); */ position: relative;} .grid-image {display:block; width:100%; position: relative; overflow: hidden; } .grid-image img{width:100%; display: block;} .grid-content{padding:20px; position: relative;} .grid-entry-title{font-size:13px; margin:0; padding:0; font-weight: 500;} .grid-entry-excerpt{font-size: 12px; font-style: italic; margin-bottom: -2px;} .with-excerpt-container .grid-entry{text-align: center;} .grid-circle .inner-entry { margin: 0; border-radius: 999px; overflow: hidden; } .grid-circle .grid-content { padding: 16px 35px 45px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .pagination-portfolio .pagination{padding:20px 0;} /*within color section*/ .avia-section .pagination-portfolio .pagination{padding:16px;} /* pseudo 'ajax' portfolio */ .portfolio_preview_container{ position: relative; clear: both; width:100%; overflow: hidden; display:none; margin-bottom: 25px; padding:0; } .portfolio-details-inner { display: none; clear: both; width: 100%; position: relative; overflow: hidden; border-style: solid; border-width: 1px; } .portfolio-preview-title{ font-size: 22px; } .ajax_slide { display: block; clear: both; width: 100%; overflow: hidden; position: absolute; left: 120%; top: 0; z-index: 1; } .ajax_slide.open_slide { display: block; position: relative; left: 0; z-index: 2; } .ajax_slide .inner_slide{ display: table; position: relative; table-layout: fixed; width:100%; } .av_table_col{ display: table-cell; vertical-align: top; position: relative; } .portfolio-preview-image{ width:66.6%; } .portfolio-preview-content{ width:33.5%; padding:63px 30px 30px 30px; } .portfolio_preview_container .portfolio-details-inner .no_portfolio_preview_gallery{ width:100%; } div .portfolio-preview-image .avia-slideshow{ margin:0; } div .portfolio-preview-image .avia-slideshow img{ border-radius:0; } #top .portfolio-preview-image .avia-gallery{ padding:0; margin-bottom: -1px; } #top .portfolio-preview-image .avia-gallery .avia-gallery-big{ border-top:none; border-left:none; border-right:none; position: relative; margin-bottom: -1px; padding:0; border-radius:0; } #top .portfolio-preview-image .avia-gallery-thumb{ position: relative; margin-right: -1px; } #top .portfolio-preview-image .avia-gallery-thumb img{ border-left:none; } #top .portolio-preview-list-image, #top .portolio-preview-list-image img{ display:block; position: relative; width:100%; } #top .portolio-preview-list-image{ border-bottom-style: solid; border-bottom-width: 1px; } div .portfolio-preview-image{ border-right-style: solid; border-right-width: 1px; } div .portfolio-preview-image:last-child{border:none;} .portfolio-preview-content .avia-arrow { top: 50%; left: -1px; margin-top: -6px; border-right: none; border-top: none; z-index: 510; } .open_container, .open_container .portfolio-details-inner { display: block; height: auto; } .ajax_controlls{ position: absolute; z-index: 100; right:0; top:0; } .ajax_controlls a { text-decoration: none; line-height: 40px; width: 40px; height: 40px; display: block; float: left; margin-left: -1px; overflow: hidden; border-style: solid; border-width: 1px; border-radius: 0px; text-align: center; } /*deactivate gallery animation*/ .avia_transform .portfolio-preview-image .avia-gallery-thumb img{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .avia_transform .portfolio-preview-image .avia-gallery-thumb img.avia_start_animation{ -webkit-animation: none; animation: none; } /*fullwidth-portfolio*/ .avia-fullwidth-portfolio .sort_width_container{margin:0; padding: 20px 40px; border-top-style: solid; border-top-width: 1px;} .avia-fullwidth-portfolio .pagination{padding:15px 40px;} .avia-fullwidth-portfolio #js_sort_items{text-align: center; } .avia-fullwidth-portfolio #js_sort_items a, .avia-fullwidth-portfolio #js_sort_items .text-sep{float:none; display:inline-block; } .avia-fullwidth-portfolio .grid-entry .inner-entry{margin:0;} .avia-fullwidth-portfolio .portfolio_preview_container{margin-top:25px;} /*different portfolio sizes*/ .js_active .grid-image{opacity: 0;} .fullsize .grid-col-4 .grid-image{height: 161px;} .fullsize .grid-col-3 .grid-image{height: 249px;} @media only screen and (min-width: 1140px) { .responsive .fullsize .grid-col-4 .grid-image{ height: 183px; } .responsive .fullsize .grid-col-3 .grid-image{ height: 276px; } } @media only screen and (min-width: 1340px) { .responsive .fullsize .grid-col-4 .grid-image{ height: 215px; } .responsive .fullsize .grid-col-3 .grid-image{ height: 325px; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .fullsize .grid-col-4 .grid-image{ height: 121px; } .responsive .fullsize .grid-col-3 .grid-image{ height: 183px; } } @media only screen and (max-width: 767px) { .responsive .fullsize .grid-col-4 .grid-image, .responsive .fullsize .grid-col-3 .grid-image{ height: auto; } .responsive .portfolio-preview-image, .responsive .portfolio-preview-content{ display:block; width:100%; border-right:none; } .responsive .portfolio-preview-content{ border-top-style: solid; border-top-width: 1px; } .responsive .ajax_slide .inner_slide{ display:block; } .responsive .ajax_slide .av_table_col{ display:block;padding: 30px; } .responsive #top #wrap_all .avia-fullwidth-portfolio .flex_column{ margin-bottom:0 } } /* Desktop - override default setting (grid.css settings for colums) */ @media only screen and (min-width: 990px) { .responsive.av-no-preview #top #wrap_all .av-desktop-columns-6 .grid-entry{ width: 11.666666666666666%; } .responsive.av-no-preview #top #wrap_all .av-desktop-columns-5 .grid-entry{ width: 15.2%; } .responsive.av-no-preview #top #wrap_all .av-desktop-columns-4 .grid-entry{ width: 20.5%; } .responsive.av-no-preview #top #wrap_all .av-desktop-columns-3 .grid-entry{ width: 29.333333333333332%; } .responsive.av-no-preview #top #wrap_all .av-desktop-columns-2 .grid-entry{ width: 47%; } .responsive.av-no-preview #top #wrap_all .av-desktop-columns-1 .grid-entry{ width: 100%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.av-no-preview #top #wrap_all .av-medium-columns-4 .grid-entry{ width:25%; } .responsive.av-no-preview #top #wrap_all .av-medium-columns-3 .grid-entry{ width:33.3%; } .responsive.av-no-preview #top #wrap_all .av-medium-columns-2 .grid-entry{ width:50%; } .responsive.av-no-preview #top #wrap_all .av-medium-columns-1 .grid-entry{ width:100%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive.av-no-preview #top #wrap_all .av-small-columns-4 .grid-entry{ width:25%; } .responsive.av-no-preview #top #wrap_all .av-small-columns-3 .grid-entry{ width:33.3%; } .responsive.av-no-preview #top #wrap_all .av-small-columns-2 .grid-entry{ width:50%; } .responsive.av-no-preview #top #wrap_all .av-small-columns-1 .grid-entry{ width:100%; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive.av-no-preview #top #wrap_all .av-mini-columns-4 .grid-entry{ width:25%; } .responsive.av-no-preview #top #wrap_all .av-mini-columns-3 .grid-entry{ width:33.3%; } .responsive.av-no-preview #top #wrap_all .av-mini-columns-2 .grid-entry{ width:50%; } .responsive.av-no-preview #top #wrap_all .av-mini-columns-1 .grid-entry{ width:100%; } } /* ====================================================================================================================================================== Post Metadata ====================================================================================================================================================== */ #top .av-post-metadata-container{ position: relative; width: 100%; } .av-post-metadata-container-inner{ position: relative; line-height: 1.1em; margin:0; font-weight:300; text-transform:none; color:inherit; font-size: inherit; display: inline-block; } .av-post-metadata-container-inner .av-post-metadata-content{ position: relative; width: auto; padding: 0; line-break: auto; } .av-post-metadata-container-inner .av-post-metadata-content.av-post-metadata-separator{ padding: 0 5px; } .av-post-metadata-container-inner .av-post-metadata-before-meta, .av-post-metadata-container-inner .av-metadata-before{ padding: 0 5px 0 0; } .av-post-metadata-container-inner .av-post-metadata-after-meta, .av-post-metadata-container-inner .av-metadata-after{ padding: 0 0 0 5px; } .av-post-metadata-container.av-metadata-container-align-left{ text-align: left; } .av-post-metadata-container.av-metadata-container-align-center{ text-align: center; } .av-post-metadata-container.av-metadata-container-align-right{ text-align: right; } /* ====================================================================================================================================================== Progress Bar ====================================================================================================================================================== */ .avia-progress-bar-container{ margin: 15px 0; clear:both; } .avia-progress-bar{ position: relative; margin-bottom:4px; } .avia-progress-bar .progressbar-title-wrap{ position: absolute; z-index: 2; bottom: 3px; left: 3px; color: white; background: black; background: rgba(0, 0, 0, 0.5); padding: 1px 10px 2px 10px; border-radius: 3px; line-height: 21px; } .progressbar-icon{ float:left; margin-right:5px; } .icon-bar-no .progressbar-icon{ display:none; } .progressbar-title{ float:left; } .avia-progress-bar .progress{ width: 100%; height: 30px; line-height: 30px; position: relative; border-radius: 3px; overflow: hidden; box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } #top .avia-progress-bar div.progress .bar-outer, #top .avia-progress-bar div.progress .bar{ height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-size: 32px 32px; border-radius: 3px; } .av-animated-bar .avia-progress-bar div.progress .bar{ -webkit-animation: avia-bg-move 1.2s linear infinite; /* Safari 4+ */ animation: avia-bg-move 1.2s linear infinite; /* IE 10+ */ height: 100%; } .avia-progress-bar div.progress{ clear: both; } .html-admin-preview #top div.progress .bar-outer, .avia_transform #top div.progress .bar-outer{ width:0; } .av-small-bar .avia-progress-bar{ margin-top:1.9em; } .av-small-bar .avia-progress-bar:first-child{ margin-top:0em; } .av-small-bar .avia-progress-bar .progressbar-title-wrap{ position: relative; bottom: 0; left: 0; padding: 0; background: none; color: inherit; line-height: 1.65em; font-size: 0.9em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; } .av-small-bar .avia-progress-bar .progress{ height: 10px; line-height: 1em; border-radius: 0px; } .progressbar-percent{ float:right; opacity: 0.6; } #top .av-small-bar .avia-progress-bar div.progress .bar-outer, #top .av-small-bar .avia-progress-bar div.progress .bar{ border-radius: 0px; } .html-admin-preview #top .avia-progress-bar div.progress.avia_start_animation .bar-outer, .avia_transform #top .avia-progress-bar div.progress.avia_start_animation .bar-outer{ -webkit-animation: avia_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Safari 4+ */ animation: avia_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* IE 10+ */ width:100%; } /* ====================================================================================================================================================== Promo Box ====================================================================================================================================================== */ .av_promobox{ position: relative; border-width: 1px; border-style: solid; overflow: hidden; padding: 20px 30px; clear: both; margin: 50px 0; width: 100%; float: left; } .flex_column >.av_promobox:first-child{margin-top:0;} .av_promobox .avia-button{ right: 30px; top: 50%; position: absolute; z-index: 2; } .avia-promocontent{ margin-right: 200px; position: relative; z-index: 3; } .avia-promocontent p{ font-size: 14px; } .avia-button-no .avia-promocontent{margin:0;} .avia-button-no .avia-button{display:none;} .av_promobox .avia-button.avia-size-small{ margin-top:-15px; } .av_promobox .avia-button.avia-size-medium{ margin-top:-19px; } .av_promobox .avia-button.avia-size-large{ margin-top:-21px; } @media only screen and (max-width: 767px) { .responsive .avia-promocontent{margin: 0;} .responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap{width:100%; margin-top:4px; position: relative; top:0; left:0; text-align: center; float:none;} } /* Sonar effect */ .av_promobox.avia-sonar-shadow{ overflow: visible; } .av_promobox.avia-sonar-shadow:after{ content: ''; pointer-events: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; /*border-radius: 10px;*/ box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform-style: preserve-3d; } /* Accessibility rules */ #top.av-accessibility-aaa .avia-promocontent p{ font-size: 100%; } #top .avia_search_element form{ position: relative; overflow: hidden; clear: both; } #top .avia_search_element form div{ position: relative; overflow: hidden; } /* search form wrapper */ .av_searchform_wrapper { border-width: 1px; border-style: solid; } /* submit button wrapper */ #top .avia_search_element .av_searchsubmit_wrapper{ position: absolute; right: 0; height: 100%; top: 0; z-index: 2; transition: all 0.2s ease-in; } #top .avia_search_element .av_searchsubmit_wrapper:hover { opacity: 0.7; } #top .avia_search_element form.ajax_loading_now .av_searchsubmit_wrapper{ padding-right: 60px; } #top .avia_search_element form.ajax_loading_now .av_searchsubmit_wrapper.av-submit-hasicon{ padding-right: 0; } #top .avia_search_element .av_searchsubmit_wrapper .av-search-icon{ position: absolute; left: 1em; top: 50%; height: auto; transform: translateY(-50%); z-index: 2; } #top .avia_search_element .av_searchsubmit_wrapper.av-submit-hasiconlabel #searchsubmit{ padding-left: 2.5em; } /* submit button */ #top .avia_search_element #searchsubmit{ position: relative; width: auto; height: 100%; padding-left: 2em; padding-right: 2em; font-size: 1em; z-index: 1; border: 0px solid rgba(255, 255, 255, 0); transition: all 0.2s ease-in; } #top .avia_search_element #searchsubmit:hover { border-color: transparent; background-color: inherit; opacity: 0.8; } #top .avia_search_element form.ajax_loading_now #searchsubmit { margin-right: 40px; } #top .avia_search_element #searchsubmit.av-submit-hasicon { position: absolute; width: 100%; font-size: 17px; padding-left: 0; padding-right: 0; } #top .avia_search_element .av-submit-hasicon img{ height: 100%; width: auto; max-width: 100px; } .avia-mozilla #top .avia_search_element .av-submit-hasicon img{ min-width: 60px; } #top .avia_search_element form.ajax_loading_now #searchsubmit{ margin-right: 0; padding-right: 0; } /* input */ #top .avia_search_element #s { padding: 0 1.5em; height: 40px; line-height: 40px; border: 0; position: relative; z-index: 1; } #top .avia_search_element #s::-ms-clear { display: none; } #top .avia_search_element #s::placeholder { color: inherit; } #top .avia_search_element .av-search-icon{ position: absolute; left: 1.5em; top: 50%; transform: translateY(-50%); z-index: 2; } #top .avia_search_element #s.av-input-hasicon{ padding-left: 3em; } /* loader */ #top .avia_search_element .ajax_load{ background-color: inherit; position: absolute; right: 0; width: 60px; z-index: 99999; } #top .avia_search_element .av-submit-hasicon .ajax_load{ width: 100%; } #top .avia_search_element .ajax_load .ajax_load_inner{ background: transparent; position: absolute; left:50%; top:50%; border-top: 2px solid rgba(255, 255, 255, 0.4); border-right: 2px solid rgba(255, 255, 255, 0.4); border-bottom:2px solid rgba(255, 255, 255, 0.4); border-left: 2px solid #fff; -webkit-animation: av-rotate 0.8s infinite linear; animation: av-rotate 0.8s infinite linear; height:24px; width:24px; border-radius: 100%; margin-top: -12px; margin-left: -12px; z-index: 20; opacity: 1; } @-webkit-keyframes av-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes av-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* search results */ .avia_search_element .av_searchform_element_results{ margin-top: 20px; } .av_searchform_element_results{ position: relative; } body > .av_searchform_element_results{ position: absolute; z-index: 500; width: 100%; background-color: #fff; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.2); overflow: hidden; -webkit-backface-visibility: hidden; } #top > div.av_searchform_element_results .av_ajax_search_entry, #top div .av_searchform_element_results .av_ajax_search_entry{ display: table; width: 100%; } #top > div.av_searchform_element_results .av_ajax_search_entry.av_ajax_search_entry_view_all{ display: block; } .main_color .av_searchform_element_results .av_ajax_search_image, .main_color.av_searchform_element_results .av_ajax_search_image{ background-color: rgba(0,0,0,0.1); display: table-cell; } .main_color .av_searchform_element_results .av_ajax_search_entry, .main_color.av_searchform_element_results .av_ajax_search_entry { border-color: rgba(0,0,0,0.1); } /*#top div .av_searchform_element_results .av_ajax_search_entry{ display: table; width: 100%; }*/ .main_color .av_searchform_element_results .av_ajax_search_content, .main_color.av_searchform_element_results .av_ajax_search_content{ display: table-cell; vertical-align: middle; width: 100%; } .av_searchform_element_results h4:first-child { padding-top: 2em; } .av_searchform_element_results .av_ajax_search_title{ text-transform: none; } /* ====================================================================================================================================================== AVIACCORDION ====================================================================================================================================================== */ #top .aviaccordion{ position: relative; overflow: hidden; clear: both; } #top .avia-accordion-slider-wrap{border:none; z-index: 2;} #top .avia-accordion-slider-wrap.el_after_av_slideshow_accordion{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); } #top .aviaccordion-inner, #top .aviaccordion-slide, #top .aviaccordion-slide-link{position: absolute; margin:0; padding:0; width:100%; height:100%; list-style-type: none;} #top .aviaccordion-slide img{ height:100%; position: absolute; display:block; opacity: 0; filter:alpha(opacity=0); } #top .aviaccordion-slide{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); z-index: 2; overflow: hidden;} #top .aviaccordion-preview{position: absolute; z-index: 10; height:100%;} #top .aviaccordion-preview-title-pos{ position: absolute; bottom: 0; left:0; z-index: 10; width:100%; height:100%; opacity: 0; filter:alpha(opacity=0);} #top .aviaccordion-preview-title-wrap{ position: relative; display: table; height:100%; width:100%; background:#000; background: rgba(0,0,0,0.5); padding:0; filter:alpha(opacity=60);} #top .aviaccordion-preview-title{display: table-cell; vertical-align: middle; color:#fff; -webkit-font-smoothing: subpixel-antialiased; padding:10%;} #top .aviaccordion-preview-title h3{color:#fff;} #top .aviaccordion-excerpt{line-height: 1.65em;} #top .aviaccordion .av-accordion-text-center{text-align: center;} #top .aviaccordion-title{text-transform: uppercase; font-size: 14px;} #top .aviaccordion-title-on-hover .aviaccordion-preview{opacity: 0; filter:alpha(opacity=0); text-align: center;} #top .aviaccordion-title-on-hover .aviaccordion-active-slide .aviaccordion-preview{opacity: 1; filter:alpha(opacity=100);} #top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview{ -webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); } @media only screen and (max-width: 767px) { .responsive #top .aviaccordion-title-no-mobile .aviaccordion-preview-title-pos{ display:none; } } /* ====================================================================================================================================================== Slideshow Feature Image Slider ====================================================================================================================================================== */ #top .avia-featureimage-slideshow{ margin: 0; } #top .avia-slideshow-fixed-height > li{ position: absolute; width:100%; height:100%; background-size: cover; background-position: center center; } .avia-featureimage-slideshow .caption_container{ height: 100%; } .avia-featureimage-slideshow .slideshow_caption h2{ margin: 0; text-shadow: 0px 0px 7px rgba(0,0,0,0.7); } .avia-featureimage-slideshow h2.avia-caption-title:after{ display: block; content: ""; width: 40px; border-top: 3px solid #fff; margin: 11px auto; position: relative; top: 7px; } .main_color .av-no-image-slider h2 a{ text-shadow: none; } #top .avia-featureimage-slideshow .avia-caption-content{ margin: 0 auto; max-width: 600px; padding-top: 4px; } .avia-featureimage-slideshow .av-image-copyright{ line-height: 1.2em; } @media only screen and (max-width: 767px){ #top .avia-featureimage-slideshow .avia-caption-content{ display: none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px){ .responsive.av-no-preview #top .avia-featureimage-slideshow.av-medium-font-size-overwrite-css .avia-caption-content{ display: block; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px){ .responsive.av-no-preview #top .avia-featureimage-slideshow.av-small-font-size-overwrite-css .avia-caption-content{ display: block; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px){ .responsive.av-no-preview #top .avia-featureimage-slideshow.av-mini-font-size-overwrite-css .avia-caption-content{ display: block; } } /* ====================================================================================================================================================== Slideshow Fullwidth ====================================================================================================================================================== */ .avia-slideshow-inner li{ -webkit-transform-style: preserve-3d; /*fixes flickering issue when slider moves. usually other elements in other container flicker */ } .avia-fullwidth-slider{ border-top-style: solid; border-top-width: 1px; z-index: 1; } .avia-fullwidth-slider.avia-builder-el-0{ border-top: none; } div.slider-not-first, .html_header_transparency #top .avia-builder-el-0{ border-top: none; } .avia-slide-wrap{ position: relative; display: block; } .avia-slide-wrap > p{ margin: 0; padding: 0; } .av_slideshow_full.avia-slideshow{ margin: 0; } #top .av_slideshow_full.av-control-default .avia-slideshow-arrows a{ margin: -50px 0 0 0; width: 0; text-align: center; height: 100px; line-height: 102px; /*opacity: 0.5; removed 5.0 */ } #top .av_slideshow_full.av-control-minimal .avia-slideshow-arrows a{ margin: -50px 0 0 0; width: 0; /*opacity: 0.4; removed 5.0 */ } #top .av_slideshow_full.av-control-default:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .av_slideshow_full.av-control-minimal:not(.av-slideshow-ui) .avia-slideshow-arrows a{ width: 35px; } /* show/hide nav arrows depending on options and state of slider */ #top .av_slideshow_full.av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av_slideshow_full.av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av_slideshow_full.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av_slideshow_full.av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{ width: 35px; } #top .av_slideshow_full .avia-slideshow-arrows a:hover{ /*opacity: 1; removed 5.0 */ } #top .av_slideshow_full.av-control-default .next-slide:before{ border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 102px; } #top .av_slideshow_full.av-control-default .prev-slide:before{ border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 102px; } .av_slideshow_full li img{ border-radius: 0px; } .av_slideshow_full .container.caption_container{ position: relative; top: 0; z-index: 5; height: 100%; left: 0%; overflow: visible; } .av_slideshow_full .av-image-copyright{ line-height: 1.2em; } .avia_transform .av_slideshow_full .avia-caption-content, .avia_transform .av_slideshow_full .avia-caption-title, .avia_transform .av_fullscreen .avia-caption-content, .avia_transform .av_fullscreen .avia-caption-title, .avia_transform .av_fullscreen .avia-slideshow-button, .avia_transform .av_slideshow_full .avia-slideshow-button{ -webkit-transform: translate(0,0); transform: translate(0,0); visibility: hidden; } .avia_transform .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content{ visibility: visible; -webkit-animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button, .avia_transform .av_fullscreen .active-slide .avia-slideshow-button{ visibility: visible; -webkit-animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button-2, .avia_transform .av_fullscreen .active-slide .avia-slideshow-button-2{ visibility: visible; -webkit-animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title{ visibility: visible; -webkit-animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content{ visibility: visible; -webkit-animation: caption-bottom 0.5s 1 ease-out; animation: caption-bottom 0.5s 1 ease-out; } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title{ visibility: visible; -webkit-animation: caption-top 0.5s 1 ease-out; animation: caption-top 0.5s 1 ease-out; } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-slideshow-button{ visibility: visible; -webkit-animation: caption-top 1.2s 1 ease-out; animation: caption-top 1.2s 1 ease-out; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive #top .slideshow_caption{ left: 0; width: 100%; padding: 0; } .responsive #top .slideshow_caption h2{ font-size: 20px; } .responsive #top .slideshow_caption .avia-caption-content, .responsive #top .slideshow_caption .avia-caption-content p{ font-size: 13px; } /* .responsive .av_slideshow_full .container.caption_container { margin-left: -138px; } */ } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top .slideshow_caption{ left: 0; width: 100%; padding: 0; } .responsive #top .slideshow_caption h2{ font-size: 20px; } .responsive #top .slideshow_caption .avia-caption-content, .responsive #top .slideshow_caption .avia-caption-content p{ font-size: 13px; } /* .responsive .av_slideshow_full .container.caption_container { margin-left: -216px; } */ } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 989px) { /* .responsive .av_slideshow_full .container.caption_container { margin-left: -342px; } */ } @media only screen and (min-width: 1140px) { /* .responsive .av_slideshow_full .container.caption_container { margin-left: -515px;} */ } @media only screen and (min-width: 1340px) { /* .responsive .av_slideshow_full .container.caption_container { margin-left: -605px;} */ } /* ====================================================================================================================================================== Slideshow Fullscreen ====================================================================================================================================================== */ .avia-fullscreen-slider{ border-top: none; } .avia-fullscreen-slider .avia_loading_icon{ position: absolute; } .avia-fullscreen-slider .avia-slideshow{ margin: 0; height: 1500px; height: 100vh; min-height: 250px; } .avia-fullscreen-slider .avia-slideshow-inner{ width: 100%; height: 100%; position: absolute; -ms-perspective: 1000px; /*fixes: ie11 css flicker of following elements on transition*/ -ms-backface-visibility: hidden; } .avia-fullscreen-slider .avia-slideshow > ul > li{ width: 100%; height: 100%; background-size: cover; background-position: center center; } .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li{ background-attachment: fixed; } .avia-fullscreen-slider .avia-slide-wrap{ display: block; width: 100%; height: 100%; } .avia-fullscreen-slider .caption_container{ height: 100%; } .avia-fullscreen-slider .caption_right{ text-align: right; } .avia-fullscreen-slider .caption_bottom .slideshow_caption{ bottom: 40px; } .avia-fullscreen-slider .avia-slideshow-controls a, .avia-fullscreen-slider .av-control-minimal .avia-slideshow-controls a{ opacity: 0; filter: alpha(opacity=0); } .avia-fullscreen-slider:hover .avia-slideshow-dots a, .avia-fullscreen-slider .av-control-minimal:hover .avia-slideshow-dots a{ opacity: 0.8; filter: alpha(opacity=80); } .avia-fullscreen-slider:hover .avia-slideshow-arrows a, .avia-fullscreen-slider:hover .avia-slideshow-dots a:hover, .avia-fullscreen-slider .av-control-minimal:hover .avia-slideshow-arrows a, .avia-fullscreen-slider .av-control-minimal:hover .avia-slideshow-dots a:hover{ opacity: 1; filter: alpha(opacity=100); } .av-slider-scroll-down-active .avia-slideshow-dots a{ bottom: 80px; } .avia-fullscreen-slider .av-image-copyright{ bottom: 50px; line-height: 1.2em; } .avia-fullscreen-slider .av-image-copyright.av-copyright-right{ border-bottom-left-radius: 5px; } .avia-fullscreen-slider .av-image-copyright.av-copyright-left{ border-bottom-right-radius: 5px; } @media only screen and (max-width: 767px) { .avia-fullscreen-slider .avia-slideshow{ min-height: 150px; } .caption_right .slideshow_align_caption{ text-align: right; } } /* ====================================================================================================================================================== Layer Slider ====================================================================================================================================================== */ div .avia-layerslider .ls-fullwidth .ls-nav-sides, div .avia-layerslider .ls-fullwidth .ls-bottom-slidebuttons a, div .avia-layerslider .ls-fullwidth .ls-nav-prev, div .avia-layerslider .ls-fullwidth .ls-nav-next, div .avia-layerslider .ls-fullwidth .ls-nav-start, div .avia-layerslider .ls-fullwidth .ls-nav-stop, div .avia-layerslider .ls-fullwidth .ls-fullscreen, div .avia-layerslider .ls-fullwidth .ls-loading-container, div .avia-layerslider .ls-noskin .ls-loading-container, div .avia-layerslider .ls-noskin .ls-fullscreen { background-image: none; } .avia-layerslider .ls-container.ls-fullwidth{ margin-bottom:0 !important; } .avia-layerslider{ border-top-style: solid; border-top-width:1px; overflow: hidden !important; } /*fixes issue with layerslider overwriting our container size in layerslider "responsive" mode - which is not backward compatible with older implementations of our demo slides*/ .avia-layerslider.container_wrap{ max-width: 100% !important; } /*default line-height:normal produces results that do not match the backend*/ #top #wrap_all .ls-wp-container .ls-slide > *{ line-height: 1.1em; } #top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next { display: block; text-decoration: none; color: #fff; position: absolute; width:60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top:50%; margin:-30px 15px 0; background: transparent; color: #fff; visibility: hidden; opacity: 0.5; z-index: 10000; left:30px; } .avia-layerslider .ls-inner div, .avia-layerslider .ls-inner img{ -webkit-backface-visibility: hidden; } #top .avia-layerslider .ls-nav-next{ left:auto; right:30px; } #top .avia-layerslider .ls-nav-prev:before{ text-indent: -4px; } #top .avia-layerslider .ls-nav-prev:hover, #top .avia-layerslider .ls-nav-next:hover{ opacity:1; } #top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before{ visibility: visible; display: block; position: absolute; z-index: 100; background: #000; background: rgba(0,0,0,0.3); top:0; left:0; right:0; bottom:0; border-radius: 3px; text-align: center; line-height: 62px; } #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop{ font-size: 13px; } #top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop{ display: inline-block; height:10px; width:10px; border-radius: 30px; background: #000; opacity: 0.3; filter:alpha(opacity=30); border:2px solid #fff !important; text-indent: 300%; overflow: hidden; text-indent: 0; z-index: 10000; } #top .avia-layerslider .ls-bottom-slidebuttons{height:30px;} #top .avia-layerslider .ls-bottom-slidebuttons a.ls-nav-active, #top .avia-layerslider .ls-bottom-slidebuttons a:hover, #top .avia-layerslider a.ls-nav-start:hover, #top .avia-layerslider a.ls-nav-stop:hover, #top .avia-layerslider a.ls-nav-start-active, #top .avia-layerslider a.ls-nav-stop-active {opacity: 0.6; filter:alpha(opacity=60); background: #000;} #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop{ position: relative; height:23px; width:23px; margin: 0px 5px; top: -35px; } #top .avia-layerslider .ls-nav-start:before, #top .avia-layerslider .ls-nav-stop:before{ top:0; left:0; right:0; bottom:0; position: absolute; color:#fff; line-height: 23px; } #top .avia-layerslider .ls-nav-start:before{ text-indent: 1px; } .avia-layerslider div .ls-fullwidth .ls-thumbnail-hover { bottom: 39px; padding: 2px; margin-left: 2px; } div .avia-layerslider .ls-fullwidth .ls-bottom-slidebuttons, div .avia-layerslider .ls-fullwidth div .avia-layerslider .ls-nav-start, div .avia-layerslider .ls-fullwidth .ls-nav-stop, div .avia-layerslider .ls-fullwidth .ls-nav-sides { top: -40px; } #top .avia-layerslider .ls-wp-container{ margin:0px auto !important; } .avia-layerslider .ls-bottom-nav-wrapper{position: relative;} html * div .avia-layerslider .ls-wp-container .ls-layer > *, body * div .avia-layerslider .ls-wp-container .ls-layer > *, #ls-global * div .avia-layerslider .ls-wp-container .ls-layer > * { line-height: 1em; } .avia-layerslider .ls-thumbnail-wrapper{ bottom: 120px; opacity: 1 !important; display:block !important; } /*layerslider default iconfont values. overwriten in case user applies a custom font value*/ #top .avia-layerslider .ls-nav-prev:before{ content: "\E87c"; } #top .avia-layerslider .ls-nav-next:before{ content: "\E87d"; } #top .avia-layerslider .ls-nav-start:before{ content: "\E897"; } #top .avia-layerslider .ls-nav-stop:before{ content: "\E899"; } #top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-next:before, #top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-start:before, #top .avia-layerslider .ls-nav-stop:before{ font-family: 'entypo-fontello'; } /* ====================================================================================================================================================== Share Box ====================================================================================================================================================== */ .av-social-sharing-box{ margin-top: 30px; float: left; width: 100%; } .av-share-box{ width: 100%; clear: both; float: left; font-size: 13px; margin-top: 30px; margin-bottom: -50px; padding: 0; } .av-share-box .av-share-link-description{ margin-bottom: 20px; } #top .av-share-box ul{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; border-style: solid; border-width: 1px; display: table; text-align: center; table-layout: fixed; border-radius: 3px; background: transparent; } .av-social-sharing-box.av-social-sharing-box-fullwidth .av-share-box ul{ width: 100%; } #top .av-social-sharing-box.av-social-sharing-center .av-share-box ul{ margin: 0 auto; } .av-social-sharing-box.av-social-sharing-right .av-share-box ul{ float: right; } .av-share-box ul li{ margin: 0; padding: 0; display: table-cell; border-left-style: solid; border-left-width: 1px; } .av-share-box ul li:first-child{ border: none; } .av-share-box ul li a{ display: block; padding: 15px 0; text-decoration: none; color: inherit; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a{ width: 55px; height: 55px; } .av-social-sharing-box.av-social-sharing-box-buttons .av-share-box ul li a{ border-radius: 25px; } .av-social-sharing-box.av-social-sharing-box-circle .av-share-box ul li a{ border-radius: 50%; } .av-social-sharing-box.av-social-sharing-box-rounded .av-share-box ul li:first-child a{ border-radius: 25px 0 0 25px; } .av-social-sharing-box.av-social-sharing-box-rounded .av-share-box ul li:last-child a{ border-radius: 0 25px 25px 0; } .av-social-sharing-box.av-social-sharing-box-icon .av-share-box ul li a{ background: transparent; border-radius: 50%; border-style: solid; border-width: 1px; } .av-social-sharing-box.av-social-sharing-box-buttons .av-share-box ul li:nth-child(n + 1) a, .av-social-sharing-box.av-social-sharing-box-circle .av-share-box ul li:nth-child(n + 1) a, .av-social-sharing-box.av-social-sharing-box-icon .av-share-box ul li:nth-child(n + 1) a{ margin-left: 2px; } .av-share-box .avia-related-tooltip{ width: 150px; } .av-social-sharing-box .av-share-box{ margin: 0; } #top .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul{ border: none; } #top .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul li{ border-left: none; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-rss a{ color: #fff; background-color: #ffa133; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-facebook a{ color: #fff; background-color: #37589b; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-twitter a{ color: #fff; background-color: #46d4fe; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-whatsapp a{ color: #fff; background-color: #00e676; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-mail a{ color: #fff; background-color: #9fae37; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-dribbble a{ color: #fff; background-color: #e44885; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-linkedin a{ color: #fff; background-color: #419cca; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-search a{ color: #fff; background-color: #222222; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-gplus a{ color: #fff; background-color: #de5a49; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-behance a{ color: #fff; background-color: #008cfa; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-flickr a{ color: #fff; background-color: #ff0086; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-forrst a{ color: #fff; background-color: #234317; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-myspace a{ color: #fff; background-color: #000000; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-tumblr a{ color: #fff; background-color: #345574; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-vimeo a{ color: #fff; background-color: #31baff; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-youtube a{ color: #fff; background-color: #a72b1d; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-pinterest a{ color: #fff; background-color: #cb2027; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-skype a{ color: #fff; background-color: #12a5f4; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-instagram a{ color: #fff; background-color: #a67658; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-five_100_px a{ color: #fff; background-color: #222222; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-soundcloud a{ color: #fff; background-color: #F76700; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-xing a{ color: #fff; background-color: #006567; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-vk a{ color: #fff; background-color: #597BA5; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-reddit a{ color: #fff; background-color: #FF4500; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-telegram a{ color: #fff; background-color: #25A4E3; } .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-yelp a{ color: #fff; background-color: #d32323; } .av-social-sharing-box.av-social-sharing-box-color-bg a:hover{ opacity: 0.75; } /* #top #wrap_all needed because of layout.css */ #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-rss a:hover{ background: transparent; color: #ffa133; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-facebook a:hover{ background: transparent; color: #37589b; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-twitter a:hover{ background: transparent; color: #46d4fe; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-whatsapp a:hover{ background: transparent; color: #00e676; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-mail a:hover{ background: transparent; color: #9fae37; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-dribbble a:hover{ background: transparent; color: #e44885; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-linkedin a:hover{ background: transparent; color: #419cca; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-search a:hover{ background: transparent; color: #222222; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-gplus a:hover{ background: transparent; color: #de5a49; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-behance a:hover{ background: transparent; color: #008cfa; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-flickr a:hover{ background: transparent; color: #ff0086; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-forrst a:hover{ background: transparent; color: #234317; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-myspace a:hover{ background: transparent; color: #000000; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-tumblr a:hover{ background: transparent; color: #345574; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-vimeo a:hover{ background: transparent; color: #31baff; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-youtube a:hover{ background: transparent; color: #a72b1d; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-pinterest a:hover{ background: transparent; color: #cb2027; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-skype a:hover{ background: transparent; color: #12a5f4; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-instagram a:hover{ background: transparent; color: #a67658; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-five_100_px a:hover{ background: transparent; color: #222222; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-soundcloud a:hover{ background: transparent; color: #F76700; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-xing a:hover{ background: transparent; color: #006567; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-vk a:hover{ background: transparent; color: #597BA5; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-reddit a:hover{ background: transparent; color: #FF4500; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-telegram a:hover{ background: transparent; color: #25A4E3; } #top #wrap_all .av-social-sharing-box.av-social-sharing-box-icon-simple .av-social-link-yelp a:hover{ background: transparent; color: #d32323; } /* ====================================================================================================================================================== Tab Section and Slideshow / Tab Section ====================================================================================================================================================== */ .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image{ width: 90px; } .av-tab-section-container{ width: 100%; overflow: hidden; position: relative; border: none; } .av-tab-section-outer-container{ overflow: hidden; } .av-tab-section-inner-container{ display: table; position: relative; left: 0%; /* Safari pixel gap fix */ margin-left: -1px; margin-right: -1px; } .av-layout-tab{ width: 100vw; display: block; vertical-align: middle; padding: 50px 0; border-top-style: solid; border-top-width: 1px; } .js_active .av-layout-tab{ display: table-cell; border: none; } .av-tab-section-tab-title-container{ text-align: center; padding: 20px 0 0 0; display: none; position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .js_active .av-tab-section-tab-title-container{ display: block; } .js_active .av-tab-section-container.av-minimum-height .container{ opacity: 1; } #top .av-section-tab-title{ padding: 10px 20px 0px 20px; display: inline-block; text-decoration: none; } .av-section-tab-title, .av-section-tab-title:hover{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .av-outer-tab-title{ display: block; } .av-inner-tab-title{ text-transform: uppercase; display: block; line-height: 1.2em; margin-top: 7px; margin-bottom: 3px; font-size: 13px; text-align: center; } .av-tab-with-image .av-inner-tab-title{ display: table-cell; vertical-align: middle; height: 40px; } .av-tab-section-icon{ display: inline-block; font-size: 40px; line-height: 1em; } .av-tab-arrow-container{ display: block; height: 15px; overflow: hidden; position: relative; top: 8px; } .avia_transform .av-tab-arrow-container span{ position: absolute; left: 50%; width: 50px; height: 50px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 40px; } .avia_transform .av-active-tab-title .av-tab-arrow-container span{ top: 10px; } .av-tab-section-image{ display: block; opacity: 0.65; filter: grayscale(1); background-size: contain; background-repeat: no-repeat; background-position: center; height:90px; } .av-section-tab-title:hover .av-tab-section-image{ opacity: 0.85; } .av-active-tab-title .av-tab-section-image{ opacity: 1; filter: grayscale(0); } .av-tab-image-circle .av-tab-section-image{ border-radius: 200px; } .av-tab-image-rounded .av-tab-section-image { border-radius: 4px; } .av_tab_navigation{ position: absolute; } .avia-section-small .av-layout-tab{ padding-top: 20px; padding-bottom: 20px; } .avia-section-large .av-layout-tab{ padding-top: 70px; padding-bottom: 70px; } .avia-section-huge .av-layout-tab{ padding-top: 130px; padding-bottom: 130px; } .avia-section-no-padding .av-layout-tab{ padding-top: 0; padding-bottom: 0; } #top .av-custom-tab-color a{ color: inherit; } .av-tab-no-icon.av-tab-no-image .av-inner-tab-title{ margin-bottom: 15px; } .avia-tab-title-padding-none .av-outer-tab-title{ padding: 0 0; position: relative; top: -6px; } .avia-tab-title-padding-small .av-outer-tab-title{ padding: 0 0; } .avia-tab-title-padding-default .av-outer-tab-title{ padding: 10px 0; } .avia-tab-title-padding-large .av-outer-tab-title{ padding: 20px 0; } .av-tab-with-icon .av-outer-tab-title{ margin-bottom: 10px; padding: 0 0; } .av-tab-without-text .av-outer-tab-title{ display: none; } #top .av-tab-without-text.av-section-tab-title{ padding-top: 0; } #top .av-tab-below-content .av-tab-without-text.av-section-tab-title{ padding-bottom: 10px; } .av-tab-below-content .av-tab-arrow-container{ position: absolute; top: 0; } .avia_transform .av-tab-below-content .av-tab-arrow-container span{ top: -65px; } .avia_transform .av-tab-below-content .av-active-tab-title .av-tab-arrow-container span{ top: -45px; } #top .av-tab-below-content .av-section-tab-title{ padding: 5px 20px 0px 20px; } .av-tab-below-content .av-tab-section-tab-title-container{ padding: 30px 0px 20px 0px; } .boxed .av-layout-tab-inner .container, .html_header_sidebar .av-layout-tab-inner .container{ margin:0; } .av-tab-content-auto .av-layout-tab-inner{ -webkit-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; } /* Arrows for tab header */ .av-tab-above-content .av-tabsection-arrow{ position: absolute; width: 100%; top: 30px; left: 0; } .av-tab-below-content .av-tabsection-arrow{ position: absolute; width: 100%; bottom: 30px; left: 0; } #top .av-tabsection-arrow > a{ width: 30px; margin: -30px 0 0 0; display: none; } #top .av-tabsection-arrow > a.prev-slide{ border-radius: 0 5px 5px 0; } #top .av-tabsection-arrow > a.next-slide{ border-radius: 5px 0 0 5px; } #top .av-tabsection-arrow.av-visible-prev > a.prev-slide, #top .av-tabsection-arrow.av-visible-next > a.next-slide{ display: block; } #top .av-tabsection-arrow > a:hover{ opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* ============================================ Slideshow section specific =============================================== */ .av-tab-section-container.av-hide-tabs .av-tab-section-tab-title-container, .av-tab-section-container.av-hide-tabs .av-tabsection-arrow{ display: none; } .av-slideshow-section.av-is-slideshow .av-section-tab-title:hover{ cursor: default; } .av-slideshow-section.av-strech-full .av-layout-tab-inner > .container{ width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #top .av-tabsection-slides-arrow > a{ top: 50%; width: 0px; margin: -30px 0 0 0; display: block; opacity: 0; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #top .av-is-slideshow .av-control-default:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .av-is-slideshow .av-control-minimal:not(.av-slideshow-ui) .avia-slideshow-arrows a{ opacity: 1; width: 35px; } /* show/hide nav arrows depending on options and state of slider */ #top .av-is-slideshow .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-is-slideshow .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-is-slideshow .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-is-slideshow .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{ opacity: 1; width: 35px; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #top .av-is-slideshow .av-no-slider-navigation .av-tabsection-slides-dots{ display: none; } #top .av-is-slideshow .av-slideshow-ui .av-tabsection-slides-arrow.av-visible-prev > a:hover, #top .av-is-slideshow .av-slideshow-ui .av-tabsection-slides-arrow.av-visible-next > a:hover{ opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* hide controls on desktop */ .avia_desktop #top .av-slideshow-section.av-is-slideshow .av-slideshow-ui .avia-slideshow-controls a{ opacity: 0; filter: alpha(opacity=0); } .avia_desktop #top .av-slideshow-section.av-is-slideshow .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop #top .av-slideshow-section.av-is-slideshow .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{ opacity: 0.6; filter: alpha(opacity=60); } .avia_desktop #top .av-slideshow-section.av-is-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter: alpha(opacity=60); } .avia_desktop #top .av-slideshow-section.av-is-slideshow:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter: alpha(opacity=80); } #top .av-is-slideshow .av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows a, #top .av-is-slideshow:hover .av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows a{ width: 0; opacity: 0; -webkit-transition: none; transition: none; } #top .av-tabsection-slides-dots > a{ -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .av-tab-slide-up-transition .av-tab-section-tab-title-container{ z-index: 2; } .av-tab-slide-up-transition .av-slide-section-container-wrap{ overflow: hidden; width: 100%; } .av-tab-slide-up-transition .av-tab-section-inner-container, .av-tab-fade-transition .av-tab-section-inner-container{ width: 100%; display: block; } .av-tab-slide-up-transition .av-layout-tab{ display: block; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab, .av-tab-fade-transition .av-layout-tab{ display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; width: 100%; -webkit-flex-direction: column; flex-direction: column; -ms-flex-align: start; -webkit-align-items: start; -webkit-box-align: start; align-items: start; -ms-flex-justify: start; -webkit-justify-content: start; justify-content: start; } .av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab.vertical-align-middle, .av-tab-fade-transition .av-layout-tab.vertical-align-middle{ -ms-flex-justify: center; -webkit-justify-content: center; justify-content: center; } .av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab.vertical-align-bottom, .av-tab-fade-transition .av-layout-tab.vertical-align-bottom{ -ms-flex-justify: end; -webkit-justify-content: end; justify-content: end; } .av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab-inner, .av-tab-fade-transition .av-layout-tab-inner{ width: 100%; } .av-tab-fade-transition .av-layout-tab.av-active-tab-content{ position: relative; z-index: 5; opacity: 1; } .av-tab-fade-transition .av-layout-tab{ position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } /* slide transitions sidewards and up */ .av-tab-slide-transition .av-tab-section-inner-container, .av-tab-slide-up-transition .av-tab-section-inner-container{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .av-tab-slide-up-transition .av-tab-section-outer-container{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* ====================================================================================================================================================== Table ====================================================================================================================================================== */ /*data table*/ div .avia-table {background: transparent; width:100%; clear:both; margin:30px 0; table-layout: fixed;} .avia-data-table .avia-heading-row .avia-desc-col{border-top:none; border-left:none;} .avia-data-table .avia-button-row td{text-align: center;} .avia-data-table .avia-center-col{text-align: center;} .avia-data-table td:before{display:none;} .avia-data-table .avia-pricing-row td, .avia-data-table .avia-pricing-row th{text-align: center; font-size: 40px; line-height: 1.3em} .avia-data-table .avia-desc-col{text-align: right;} .avia-data-table .avia-pricing-row small{display: block; font-size: 11px; font-style: italic; line-height: 1.7em; } .avia-data-table .avia-pricing-row .avia-desc-col{font-size: 14px; text-align: right;} /*minimal data table*/ .avia-data-table.avia_pricing_minimal th, .avia-data-table.avia_pricing_minimal td{text-align: center; padding:12px; color: inherit; } #top .avia-data-table.avia_pricing_minimal tr{background: transparent;} @media only screen and (max-width: 767px) { .responsive div .avia_responsive_table .avia-data-table table, .responsive div .avia_responsive_table .avia-data-table tbody, .responsive div .avia_responsive_table .avia-data-table tr, .responsive div .avia_responsive_table .avia-data-table td, .responsive div .avia_responsive_table .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;} .responsive .avia_responsive_table .avia-data-table{border-style:solid; border-width: 1px;} .responsive .avia_responsive_table .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;} .responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th{ display:none; } .responsive .avia_responsive_table .avia-data-table td:before{ display:block; font-style: italic; font-size: 11px; } .responsive .avia_responsive_table .avia-data-table td{ position: relative; } .responsive .avia_scrollable_table{ width: 100%; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .avia_scrollable_table .avia-table { width: auto; } .responsive .avia_scrollable_table .avia-data-table > thead > tr > th, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > th, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th, .responsive .avia_scrollable_table .avia-data-table > thead > tr > td, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > td, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td { white-space: nowrap; } } /*pricing table*/ .avia-pricing-table-container {position: relative; clear: both; width:100%; display:table; table-layout: fixed;} .pricing-table-wrap {display:table-cell;} .pricing-table {margin:10px;} .pricing-table>li{ list-style-type: none; list-style-position: outside; padding:9px 12px; border-top-style:solid; border-top-width:1px; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; margin:0; text-align: center; position: relative; } .avia-pricing-table-container .pricing-table>li:last-child{ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style:solid; border-bottom-width:1px; display: block; } .pricing-table > li:first-child, .pricing-extra{ border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style:solid; border-top-width:1px; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; } .pricing-extra{display:none;} .avia-desc-col.pricing-table li{border-style:dashed; border-left:none; border-right:none; text-align: right; } #top .avia-desc-col.pricing-table .avia-button-row{border:none;} #top .avia-button-row .avia-button-wrap{margin:10px 0;} .avia-center-col.pricing-table{text-align: center;} .pricing-table li.avia-pricing-row {text-align: center; font-size: 60px; line-height: 1em; padding:25px 12px; /* text-shadow: 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 3px 0 #B9B9B9, 0 1px 0 #AAA, 0 1px 1px rgba(0, 0, 0, .1), 0 0 3px rgba(0, 0, 0, .1), 0 4px 10px rgba(0, 0, 0, .2); */ font-weight:600; } .pricing-table li.avia-pricing-row small{ display: block; font-size: 16px; font-style: italic; line-height: 1.4em; font-weight: normal; letter-spacing: 1px; text-shadow:none; } .pricing-table.avia-highlight-col .pricing-extra{ display:block; position: absolute; top:-20px; height:25px; left:-1px; right:-1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .pricing-table li.empty-table-cell{display:none;} .pricing-table.avia-desc-col li.empty-table-cell{display:block;} .fallback-table-val{visibility: hidden;} .pricing-table.avia-highlight-col{box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1); margin:4px;} .pricing-table.avia-highlight-col>li:last-child {padding-bottom:25px;} .pricing-table.avia-highlight-col .first-table-item{ position: relative; top: -9px; z-index: 10; } .pricing-table li.avia-pricing-row .currency-symbol{font-size:0.5em; position: relative; top:-0.6em; line-height: 1em; text-shadow:none; font-weight:normal; } .avia_pricing_default .pricing-table li.avia-pricing-row small, .avia_pricing_default .pricing-table li.avia-pricing-row .currency-symbol{opacity: 0.4;color:#fff;filter:alpha(opacity=40); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);} /*style variation*/ .avia_show_empty_cells .pricing-table .empty-table-cell{display:block;} .avia_pricing_minimal .pricing-table{box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1); } #top .avia_pricing_minimal .pricing-table>li{border:none;} .avia_pricing_minimal .pricing-table > li:first-child, #top .avia_pricing_minimal .pricing-extra, .avia_pricing_minimal .pricing-table>li:last-child{border-radius: 0; border: none;} .avia_pricing_minimal .pricing-table.avia-highlight-col .pricing-extra{left:0; right:0;} .avia_pricing_minimal .pricing-table li.avia-pricing-row{font-weight:300;} @media only screen and (max-width: 767px) { .responsive .avia-pricing-table-container, .responsive .pricing-table-wrap{display:block;} .responsive .pricing-table{display:block; margin-bottom:40px;} .responsive .pricing-table.avia-desc-col{display:none;} }/* ====================================================================================================================================================== Tabs ====================================================================================================================================================== */ #top .tabcontainer{ background: transparent; } .tabcontainer{ margin: 30px 0; position: relative; width:100%; clear: both; overflow: hidden; background: transparent; } .tab_titles{ position: relative; width:100%; clear: both; float:left; z-index: 5; } .widget .tabcontainer{ margin-top:0px; } .js_active .tab_content{ visibility: hidden; clear: both; padding: 10px 19px; overflow:auto; position: absolute; top:0; z-index: 0; left:120%; width:100%; } .js_active .tab{ cursor:pointer; margin:0 -1px 0 0; display: block; float: left; z-index: 2; position: relative; padding:12px 16px; top:1px; font-size: 0.8em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-style: solid; border-width:1px; } .js_active .top_tab .tab{ border-bottom: none; padding:12px 16px 14px 16px; } .js_active .active_tab{ z-index: 4; position: relative; font-weight: bold; } .js_active .tab_titles .tab:first-child{ border-top-left-radius: 2px; } .js_active .tab_titles .tab:last-child{ border-top-right-radius: 2px; } .js_active .active_tab_content{ display: block; visibility: visible; z-index: 3; position: relative; overflow:auto; border-style: solid; border-width:1px; border-radius: 2px; left:0; width:auto; } .tabcontainer .tab_icon{ margin-right: 7px; font-size: 1em; } .tab_inner_content{ margin: 11px 0; left:-200%; position: relative; } .active_tab_content .tab_inner_content{ left:0; position: relative; } /*sidebar tabs*/ .sidebar_tab .tab_titles{ width:30%; min-width:170px; max-width:250px; float:left; display: block; } .sidebar_tab_right .tab_titles{ float:right; } .sidebar_tab .tab_titles .tab{ width:100%; margin:0 0 -1px 0; top:0; } .sidebar_tab .tab_content{ overflow: hidden; clear:none; left: -1px; } .sidebar_tab_right .tab_content{ left: 1px; } .js_active .sidebar_tab .tab_titles .tab:last-child{ border-top-right-radius: 0; border-bottom-left-radius: 2px; } .sidebar_tab_left .active_tab.tab{ width:100.5%; border-right:none; } .sidebar_tab_right .active_tab.tab{ width:100.5%; border-left:none; left:-1px; } /*noborder sidebar tabs*/ .noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content{ border:none; box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2); left:0; padding:0px 0 0 30px; } .noborder_tabs.sidebar_tab_right .tab_content{ box-shadow: 8px 0px 20px -10px rgba(0, 0, 0, 0.2); padding:0px 30px 0 0; } .noborder_tabs.sidebar_tab_left .tab{ border-left:none; } .noborder_tabs.sidebar_tab_right .tab{ border-right:none; } .noborder_tabs .tab:first-child{ border-top:none; } .noborder_tabs .tab:last-child{ border-bottom:none; } .tabcontainer .tab.fullsize-tab{display:none;} @media only screen and (max-width: 767px) { .responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none; overflow: hidden;} .responsive .tabcontainer .tab_titles{display:none;} .responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab {width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;} .responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; } .responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;} .responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;} } /* ====================================================================================================================================================== Team Member ====================================================================================================================================================== */ .avia-team-member{ margin:30px 0; clear:both; } .avia-team-member.avia-builder-el-no-sibling{ margin:0; } .team-member-name{ margin-top:7px; font-size: 1.55em; } .team-member-job-title{ margin-top:-7px; font-size: 1em; } .team-member-description{} .team-social a{ text-decoration: none; position: relative; border-radius: 30px; padding: 0 16px; background: #fff; margin: 3px; display: inline-block; height:53px; line-height:54px; width:53px; } .team-img-container{ position: relative; overflow: hidden; border-radius: 3px; text-align: center; margin-bottom:10px; } .team-img-container img{ display:block; margin:0 auto; width:100%; } .team-img-container img.av-team-img-original{ width:auto; max-width:100%; } .avia-team-member .team-social{ border: 7px solid rgba(0, 0, 0, 0.1); position: absolute; font-size:19px; background: #fff; background: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; top:0; left:0; right:0; bottom:0; text-align: center; border-radius:3px; } .team-social-inner{ width:100%; padding:0 5%; position: absolute; top:50%; margin-top:-26px; left:0; } .team-img-container:hover .team-social{ visibility: visible; opacity: 1; } .avia-team-member .plus-google:hover{ color:#de5a49; } .avia-team-member .rss:hover { color:#ffa133; } .avia-team-member .facebook:hover { color:#37589b; } .avia-team-member .twitter:hover { color:#46d4fe; } .avia-team-member .mail:hover { color:#9fae37; } .avia-team-member .dribbble:hover { color:#e44885; } .avia-team-member .linkedin:hover { color:#419cca; } .avia-team-member .search:hover { color:#222222; } .avia-team-member .behance:hover { color:#008cfa; } .avia-team-member .flickr:hover { color:#ff0086; } .avia-team-member .forrst:hover { color:#234317; } .avia-team-member .myspace:hover { color:#000000; } .avia-team-member .tumblr:hover { color:#345574; } .avia-team-member .vimeo:hover { color:#31baff; } .avia-team-member .youtube:hover { color:#a72b1d; } .avia-team-member .pinterest:hover { color:#cb2027; } .avia-team-member .skype:hover { color:#12a5f4; } .avia-team-member .five_100_px:hover{ color:#222222; } .avia-team-member .soundcloud:hover { color:#F76700; } .avia-team-member .xing:hover { color:#006567; } .avia-team-member .reddit:hover a { color:#FF4500; } /*mobile from super small to tablet*/ @media only screen and (max-width: 989px) { .responsive.av-no-preview .team-social a{ padding: 0 8px; background: #fff; margin: 3px; margin-top:11px; display: inline-block; height:33px; line-height:32px; width:33px; border-style: solid; border-width: 1px; } .responsive.av-no-preview #top .avia-team-member .team-img-container img{ position: relative; z-index: 3; } .responsive.av-no-preview #top .avia-team-member .team-social { border: 1px solid rgba(0, 0, 0, 0.1); position: relative; font-size: 20px; background: #FFF; background: rgba(0, 0, 0, 0.03); opacity: 1; visibility: visible; top: auto; left: 0; right: 0; bottom: 5px; height: 60px; text-align: center; border-radius: 3px; border-top-right-radius: 0px; border-top-left-radius: 0px; font-size: 15px; z-index: 1; } } /* ====================================================================================================================================================== Testimonials ====================================================================================================================================================== */ .avia-testimonial{ border-right-style: dashed; border-right-width: 1px; border-bottom-style: dashed; border-bottom-width: 1px; padding: 20px; } .avia-first-testimonial{ clear: both; } .avia-testimonial-wrapper .avia-testimonial-row:last-child .avia-testimonial{ border-bottom: none; } .avia-testimonial.avia-last-testimonial, .avia-grid-1-testimonials .avia-testimonial{ border-right: none; } .avia-testimonial-image img{ border-radius: 100px; } .avia-testimonial-image{ float: left; margin: 0 20px 0 0; width: 80px; height: 80px; border-radius: 100px; overflow: hidden; background-size: contain; background-position: center center; } .avia-testimonial-content{ overflow: hidden; } .avia-testimonial-content p:first-child{ margin-top: 0; } .avia-testimonial-meta{ position: relative; overflow: hidden; margin-left: 100px; } .avia-testimonial-meta-mini{ overflow: hidden; line-height: 1.3em; padding-top: 0.2em; } .avia-testimonial-name{ display: block; } .avia-testimonial-arrow-wrap{ display: none; } .avia-testimonial-meta-mini .avia-testimonial-subtitle-sep{ padding: 0 5px; } .avia-testimonial-meta-mini > *{ line-height: 1.3em; } .avia-testimonial-wrapper{ display: table; margin: 30px 0; clear: both; width: 100%; table-layout: fixed; } .avia-testimonial-row{ display: table-row; } body div .avia-testimonial{ display: table-cell; float: none; } .avia_transform .avia-testimonial .avia-testimonial-image{ opacity: 0.2; -webkit-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image{ -webkit-animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .av-minimal-grid-style .avia-testimonial{ border: none; padding: 40px; } .av-minimal-grid-style .avia-testimonial-image{ width: 45px; height: 45px; margin: 0 15px 0 0; overflow: visible; } .av-minimal-grid-style .avia-testimonial-meta{ margin-left: 0; overflow: visible; } .av-minimal-grid-style .avia-testimonial-meta-mini{} .av-boxed-grid-style.avia-testimonial-wrapper{ border-spacing: 3px; border-collapse: separate; } .av-boxed-grid-style .avia-testimonial{ border: none; padding: 0px; } .av-boxed-grid-style .avia-testimonial_inner{ padding: 40px; } .avia-testimonial.avia-first-testimonial{ padding-left: 0; } .avia-testimonial.avia-last-testimonial{ padding-right: 0; } /*slider style*/ #top .avia-slider-testimonials.avia-testimonial-wrapper{ display: block; clear: both; position: relative; overflow: hidden; } #top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row{ display: block; width: 100%; position: relative; } #top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial{ visibility: hidden; border: none; width: 100%; float: none; padding: 0; position: absolute; top: 0; } .js_active .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial{ opacity: 0; } #top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial:first-child{ display: block; visibility: visible; position: relative; } .avia-slider-testimonials .avia-testimonial-meta{ margin: 13px 0 0 20px; overflow: visible; font-size: 12px; } .avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image{ margin: 0 10px 0 0; width: 40px; height: 40px; } .avia-slider-testimonials .avia-testimonial-content{ padding: 15px; border-style: solid; border-width: 1px; border-radius: 2px; } .avia-slider-testimonials .avia-testimonial-content p:last-child{ margin-bottom: 0; } .avia-slider-testimonials .avia-testimonial-arrow-wrap{ display: block; position: absolute; top: -14px; left: 14px; overflow: hidden; width: 10px; height: 10px; } .avia-slider-testimonials .avia-testimonial-name{ font-size: 14px; } .avia_mobile .avia-slider-testimonials{ pointer-events: none; } /* compact slider - navigation */ #top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui .avia-slideshow-arrows a{ top: 0; margin-top: 1px; /*opacity: 0.5;*/ font-size: 20px; height: 40px; width: 0; } #av-admin-preview .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui .avia-slideshow-arrows a, #top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{ width: 40px; } #top .avia-slider-testimonials:not(.av-large-testimonial-slider) .avia-slideshow-arrows a:before{ line-height: 20px; padding-top: 9px; } #top .avia-slider-testimonials:not(.av-large-testimonial-slider) .avia-slideshow-arrows a.prev-slide{ right: 45px; margin-right: 0; } #top .avia-slider-testimonials:not(.av-large-testimonial-slider) .avia-slideshow-arrows a.next-slide{ right: 0; margin-right: 0; } /*slider large*/ #top .av-large-testimonial-slider{ text-align: center; pointer-events: all; } #top .av-large-testimonial-slider .avia-testimonial-content{ border: none; padding: 0; background: transparent; font-size: 1.3em; line-height: 1.65em; } #top .av-large-testimonial-slider .avia-testimonial-meta{ display: inline-block; width: auto; margin: 30px 0 0 0; } #top .av-large-testimonial-slider .avia-testimonial-arrow-wrap{ display: none; } #top .av-large-testimonial-slider .avia-testimonial-meta-mini{ text-align: left; overflow: visible; float: left; line-height: 1.8em; padding-top: 0; } #top .av-large-testimonial-slider .avia-testimonial-name{ font-size: 1.6em; margin-top: 1em; } #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image{ width: 80px; height: 80px; } #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial{ padding: 0px 100px ; } #top .av-large-testimonial-slider .avia-slideshow-arrows a{ top: 0; margin-top: -1px; /*color: inherit;*/ opacity: 0.1; font-size: 45px; } /* navigation both */ #top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a{ color: inherit; opacity: 0; } #top .avia-slider-testimonials.av-control-minimal .avia-slideshow-arrows a{ color: #fff; } #top .avia-slider-testimonials.av-control-minimal-dark .avia-slideshow-arrows a{ color: #000; } #top .avia-slider-testimonials:hover .avia-slideshow-arrows a, .avia_desktop #top .avia-slider-testimonials.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, #av-admin-preview .avia-slider-testimonials.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a{ opacity: 0.5; } #top .avia-slider-testimonials .avia-slideshow-arrows a:hover, .avia_desktop #top .avia-slider-testimonials.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a:hover, #av-admin-preview .avia-slider-testimonials.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a:hover{ opacity: 0.9; } #top .av-large-testimonial-slider .avia-slideshow-arrows a:before{ background: transparent; } #top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a:before{ background: transparent; border-radius: 50%; } #top .avia-slider-testimonials.av-slideshow-ui.av-control-default .avia-slideshow-arrows a{ border-radius: 50%; } @media only screen and (max-width: 767px) { .responsive .avia-testimonial-wrapper, .responsive .avia-testimonial-row, .responsive .avia-testimonial{ display: block; width: 100%; float: none; } .responsive .avia-testimonial{ padding: 20px 0; border-right: none; margin: 0; } .responsive #top .avia-testimonial{ border-bottom-style: dashed; border-bottom-width: 1px; } .responsive #top .avia-testimonial-row:last-child .avia-testimonial:last-child{ border: none; } .responsive #top .avia-slider-testimonials .avia-testimonial{ border: none; } .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial{ padding: 0px 70px ; font-size: 0.85em; } .responsive #top .av-large-testimonial-slider .avia-slideshow-arrows a{ font-size: 30px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .responsive .avia-grid-testimonials .avia-testimonial-meta{ margin-left: 0; } } /* ====================================================================================================================================================== TIMELINE ====================================================================================================================================================== */ .avia-timeline-container{ clear: both; position: relative; } ul.avia-timeline{ margin:0; padding:0; } .avia-timeline .av-milestone-icon-wrap{ position: relative; overflow: hidden; text-decoration: none; } .av-milestone-content p:last-child{ margin-bottom: 0; } .avia-timeline .milestone_icon{ display: block; height: 90px; width: 90px; line-height: 90px; font-size: 30px; text-align: center; border-radius: 100%; position: relative; overflow: hidden; z-index: 5; color: #fff; box-sizing: border-box; } .avia-timeline .milestone_icon.milestone-icon-hasborder{ padding: 2px; } .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner{ line-height: 86px; } .avia-timeline-boxshadow .av-milestone-contentbox{ padding: 2em; background-color: #fff; position: relative; } .avia-timeline-boxshadow .av-milestone-contentbox:after{ content: ""; position: absolute; width: 1em; height: 1em; left: 0; top: 2.5em; background-color: inherit; box-sizing: border-box; transform-origin: top left; transform: rotate(45deg) translateY(-50%) translateX(-50%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); z-index: -1; } .avia-timeline-boxshadow .av-milestone-contentbox:before{ content: ""; position: absolute; width: 1em; height: 1em; left: 0; top: 2.5em; background-color: inherit; box-sizing: border-box; transform-origin: top left; transform: rotate(45deg) translateY(-50%) translateX(-50%); } .avia-timeline-boxshadow .av-milestone-contentbox{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .avia-timeline .milestone_inner{ height: 100%; width: 100%; display: block; background-position: center; background-size: cover; border-radius: 100%; background-color: #fff; } .avia-timeline .av-milestone-date{ overflow: hidden; font-size: 25px; position: relative; } .avia-timeline .av-milestone-date > a, .avia-timeline .av-milestone-date > strong{ display: block; position: relative; } #top .av-milestone-date a:hover{ text-decoration: underline; } #top .avia-timeline .av-milestone-content-wrap .entry-content-header h4 a:hover{ text-decoration: underline; } /*timeline orientation vertical */ ul.avia-timeline-vertical{ display: table; width: 100%; } ul.avia-timeline-vertical li{ display: table-row; margin: 0; padding: 0; } .avia-timeline-vertical .av-milestone-date, .avia-timeline-vertical .av-milestone-icon-wrap, .avia-timeline-vertical .av-milestone-content-wrap{ display: table-cell; } .avia-timeline-vertical .av-milestone-date{ padding: 0 60px 0 0; text-align: right; } .avia-timeline-vertical .av-milestone-date span{ display: block; zoom: 1; position: absolute; width: 30px; height: 1px; right: -60px; top: 0.5em; } .avia-timeline-vertical .av-milestone-date span:before{ content: ""; display: block; position: absolute; width: 5px; height: 5px; border-radius: 100%; background-color: inherit; margin-top: -2px; } .avia-timeline-vertical .av-milestone-icon-wrap{ padding: 30px 0 30px 0; width: 90px; } .avia-timeline-vertical .av-milestone-content-wrap{ padding: 30px 0 30px 60px; } .avia-timeline-vertical .av-milestone-content-wrap .av-milestone-content ul li, .avia-timeline-vertical .av-milestone-content-wrap .av-milestone-content ol li{ display: list-item; } /* sigle milestone vertical align middle */ .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-date, .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-icon-wrap, .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-content-wrap{ vertical-align: middle; } .avia-timeline-vertical.avia-timeline-boxshadow li.av-milestone-valign-middle .av-milestone-contentbox:before, .avia-timeline-vertical.avia-timeline-boxshadow li.av-milestone-valign-middle .av-milestone-contentbox:after{ top: 50%; } .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-indicator{ top: 50%; } .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-content-wrap p:last-child{ margin-bottom: 0; } .avia-timeline-vertical .av-milestone-icon-wrap:after{ content: ""; height: 1000%; width: 1px; position: absolute; top: 0; left: 50%; border-left-style: dashed; border-left-width: 1px; } .avia-timeline-vertical.avia-timeline-animate .av-milestone-icon-wrap:after{ opacity: 0; } ul.avia-timeline-vertical li:first-child .av-milestone-icon-wrap:after{ top: 30px; } ul.avia-timeline-vertical li.av-milestone-valign-middle:first-child .av-milestone-icon-wrap:after{ top: 50%; } #av-admin-preview .avia-timeline-vertical .av-milestone-icon-wrap:after{ opacity: 1; } ul.avia-timeline-vertical li:last-child .av-milestone-icon-wrap:after{ height: 60px; top: 0; } ul.avia-timeline-vertical li.av-milestone-valign-middle:last-child .av-milestone-icon-wrap:after{ height: 50%; } .avia-msie ul.avia-timeline-vertical li.av-milestone-valign-middle:last-child .av-milestone-icon-wrap:after{ height: inherit; } .avia_transform .avia-timeline-vertical.avia-timeline-animate .milestone_icon{ opacity: 0.1; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia-timeline-vertical .milestone_icon.milestone_bullet_arrow{ border-bottom-right-radius: 0; border-bottom-left-radius: 100px; border-top-right-radius: 100px; border-top-left-radius: 100px; -webkit-transform: scale(0.5) rotate(45deg); -ms-transform: scale(0.5) rotate(45deg); transform: scale(0.5) rotate(45deg); } .avia-timeline-vertical .milestone_icon.milestone_bullet_arrow{ border-bottom-right-radius: 0; border-bottom-left-radius: 100px; border-top-right-radius: 100px; border-top-left-radius: 100px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .avia-timeline-vertical .milestone_icon.milestone_bullet_arrow .milestone_number{ display: block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .avia_transform .avia-timeline-vertical.avia-timeline-animate .av-milestone-indicator{ opacity: 0.1; } .avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon{ -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon.milestone_bullet_arrow{ -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .avia_transform .avia-timeline-vertical.avia-timeline-animate .avia_start_animation .milestone_icon, .avia_transform .avia-timeline-vertical.avia-timeline-animate .avia_start_animation .av-milestone-icon-wrap:after{ -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /*timeline orientation vertical left */ .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap{ width: 90%; } .avia_transform .avia-timeline-vertical.av-milestone-placement-left.avia-timeline-animate .avia_start_animation .av-milestone-indicator{ -webkit-animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ opacity: 1; } /*timeline orientation vertical right */ .avia-timeline-vertical.av-milestone-placement-right .av-milestone-icon-wrap, .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{ text-align: right; } .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{ padding: 30px 60px 30px 0; width: 90%; } .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date{ padding: 0 0 0 60px; text-align: left; } .avia-timeline-vertical.av-milestone-placement-right li > .av-milestone-date:first-child{ display: none; } .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date span{ left: -60px; right: auto; } .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date span:before{ right: 0; left: auto; } .avia_transform .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-animate .avia_start_animation .av-milestone-indicator{ -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ opacity: 1; } .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-contentbox:after, .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-contentbox:before{ left: auto; right: -1em; } /*timeline orientation vertical alternating */ .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-icon-wrap{ width: 90px; text-align: center; } .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-date{ width: 50%; } .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-content-wrap{ width: 50%; } .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-icon-wrap, .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{ text-align: right; } .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{ padding: 30px 60px 30px 0; } .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date{ padding: 0 0 0 60px; text-align: left; } .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even > .av-milestone-date:first-child{ display: none; } .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span{ left: -60px; right: auto; } .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span:before{ right: 0; left: auto; } .avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-even.avia_start_animation .av-milestone-indicator{ -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ opacity: 1; } .avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-odd.avia_start_animation .av-milestone-indicator{ -webkit-animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ opacity: 1; } .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:after, .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:before{ left: auto; right: -1em; } /*timeline orientation horizontal */ ul.avia-timeline-horizontal{ width: 100%; overflow: hidden; padding-bottom: 2px; } #av-admin-preview ul.avia-timeline-horizontal{ display: block; } ul.avia-timeline-horizontal li.av-milestone{ display: inline-block; margin: 0 0 0 -4px; padding: 0; vertical-align: top; } .av-milestone-content li{ margin-left: 0; } ul.avia-timeline-horizontal li:first-child{ margin-left: 0; } .avia-slideshow-carousel ul{ padding: 15px 0 15px 0; } #av-admin-preview ul.avia-timeline-horizontal li{ /*display: none;*/ } #av-admin-preview ul.avia-timeline-horizontal li:first-child{ /* display: block; width: 100%*/ } .avia-timeline-horizontal .av-milestone-icon-wrap{ display: block; } .avia-timeline-horizontal .milestone_icon.milestone_bullet_arrow{ border-bottom-right-radius: 0; border-bottom-left-radius: 100px; border-top-right-radius: 100px; border-top-left-radius: 100px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .avia-timeline-horizontal .milestone_icon.milestone_bullet_arrow .milestone_number{ display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .avia-timeline-horizontal .av-milestone-icon-wrap:after{ content: ""; height: 1px; width: 100%; position: absolute; right: 0; top: 50%; border-top-style: dashed; border-top-width: 1px; } .avia-timeline-horizontal .av-milestone-date span{ display: block; zoom: 1; position: absolute; width: 30px; height: 1px; left: -65px; top: 0.5em; } .avia-timeline-horizontal .av-milestone-date span:before{ content: ""; display: block; position: absolute; width: 5px; height: 5px; right: 0; border-radius: 100%; background-color: inherit; margin-top: -2px; } .avia-timeline-horizontal .av-milestone-date span:after{ content: ""; display: block; position: absolute; width: 1px; height: 500px; top: 0; background-color: inherit; } .avia-timeline-horizontal .av-milestone-content-wrap{ position: relative; } .avia-timeline-horizontal .av-milestone-content-wrap footer{ display: block; position: absolute; width: 1px; height: 100%; top: 0; left: 45px; } .avia-timeline-horizontal .av-milestone-content-wrap footer:after{ content: ""; display: block; position: absolute; width: 5px; height: 5px; left: 0; bottom: 0; border-radius: 100%; background-color: inherit; margin-left: -2px; } .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-content-wrap footer{ display: none; } .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:after, .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:before{ top: 0; bottom: auto; margin-top: 0; left: 45px; } .av-timeline-nav{ position: absolute; right: 0; top: 0; padding-top: 70px; } #av-admin-preview .av-timeline-nav{ display: none; } #top .av-timeline-nav a.av-nav-btn{ display: inline-block; position: relative; font-size: 0px; overflow: hidden; width: 0; height: 40px; line-height: 40px; border-radius: 100%; text-align: center; text-decoration: none; cursor: pointer; margin: 0 0 0 2px; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color: #fff; color: #fff; } #top .avia-timeline-container:not(.av-slideshow-ui) .av-timeline-nav a.av-nav-btn{ width: 40px; } .av-timeline-nav a{ opacity: 0.5; transition: all 0.8s ease-in-out; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows > a{ width: 0; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{ opacity: 0.5; width: 40px; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide:hover, #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide:hover{ opacity: 1; } .av-timeline-nav a.av-nav-btn:hover, #top .avia-timeline-container.av-slideshow-ui .av-timeline-nav a.av-nav-btn:hover{ color: #fff; } .av-timeline-nav a:before{ display: block; width: 100%; height: 100%; font-size: 18px; line-height: 40px; } .av-timeline-nav a:hover{ opacity: 1; } /*timeline orientation horizontal - alternate */ .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-date{ margin: 0; padding: 30px 0 30px 110px; } .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-content-wrap{ padding: 30px 0 10px 110px; } .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{ padding: 0 0 30px 110px; } .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 30px 60px 15px 0; } .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap{ padding: 0 60px 30px 0; } .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span:after{ top: auto; bottom: 0; } .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-odd .av-milestone-date{ padding: 0 30px 30px 110px; } .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap footer:after{ bottom: auto; top: 0; } .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:after, .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:before{ bottom: 0; top: auto; margin-top: 0; transform: rotate(45deg) translateY(50%) translateX(-50%); transform-origin: bottom left; } /*timeline orientation horizontal - top */ .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date{ margin: 0; padding: 0 30px 30px 110px; } .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date > a, .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date > strong{ display: table-cell; vertical-align: bottom; } .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap{ padding: 30px 15px 10px 110px; } .avia-timeline-horizontal.av-milestone-placement-top.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 30px 60px 15px 0; } /*timeline orientation horizontal - bottom */ .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date{ margin: 0; padding: 30px 30px 0 110px; } .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date span:before{ right: 0; margin-top: -2px; } .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date span:after{ top: auto; bottom: 0; } .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-content-wrap{ padding: 0 15px 30px 110px; } .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 0 60px 30px 0; } .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-content-wrap footer:after{ bottom: auto; top: 0; } .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-contentbox:after, .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-contentbox:before{ bottom: 0; top: auto; margin-top: 0; transform: rotate(45deg) translateY(50%) translateX(-50%); transform-origin: bottom left; } @media only screen and (max-width: 989px){ .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:after, .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:before{ left: 2em; right: auto; } .av-no-preview ul.avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-contentbox:before, .av-no-preview ul.avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-contentbox:after{ left: 2em; top: 0; margin-top: 0; } .av-no-preview .avia-timeline-container, .av-no-preview ul.avia-timeline-vertical, .av-no-preview ul.avia-timeline-vertical li, .av-no-preview .avia-timeline-vertical .av-milestone-date, .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap, .av-no-preview .avia-timeline-vertical .av-milestone-content-wrap{ display: block; } .av-no-preview ul.avia-timeline-vertical li{ display: block; overflow: hidden; position: relative; padding: 0 0 0 90px; } .av-no-preview .avia-timeline-vertical .av-milestone-date{ display: block; white-space: normal; padding: 33px 0 30px 50px; margin: 0; position: relative; text-align: left; } .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap{ overflow: visible; position: absolute; left: 0; top: 0; padding-top: 0; } .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap:after{ top: 0; } .av-no-preview .avia-timeline-vertical .av-milestone-date a{ white-space: normal; position: relative; display: block; overflow: visible; } .av-no-preview .avia-timeline-vertical .av-milestone-date span{ left: -50px; right: auto; } .av-no-preview .avia-timeline-vertical .av-milestone-date span:before{ right: 0; left: auto; } .av-no-preview .avia-timeline-vertical .av-milestone-content-wrap{ padding: 0 0 60px 50px; } .av-no-preview .avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 0 15px 60px 50px; } /*timeline orientation vertical left */ .av-no-preview .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap{ width: 100%; } .av-no-preview .avia_transform .avia-timeline-vertical.av-milestone-placement-left.avia-timeline-animate .avia_start_animation .av-milestone-indicator{ -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ } /*timeline orientation vertical right */ .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{ text-align: left; padding: 0 0 60px 50px; width: 100%; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 0 15px 60px 50px; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date{ padding: 33px 0 30px 50px; display: none; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-right li .av-milestone-date:first-child{ display: block; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date span{ left: -50px; } /*timeline orientation vertical alternating */ .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-date{ width: 100%; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-content-wrap{ width: 100%; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{ padding: 0 0 60px 50px; text-align: left; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap{ padding: 0 15px 60px 50px; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date{ padding: 33px 0 30px 50px; display: none; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even > .av-milestone-date:first-child{ display: block; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span{ left: -50px; } .av-no-preview .avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-odd.avia_start_animation .av-milestone-indicator{ -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */ animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */ } } @media only screen and (max-width: 767px){ .av-no-preview .avia-timeline .milestone_icon{ height: 64px; width: 64px; line-height: 64px; } .av-no-preview .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner{ line-height: 60px; } /*timeline orientation vertical */ .av-no-preview .avia-timeline-vertical .av-milestone-date{ padding: 21px 0 30px 0; } .av-no-preview .avia-timeline-vertical .av-milestone-date span{ display: none; } .av-no-preview .avia-timeline-vertical .av-milestone-content-wrap{ padding: 0 0 60px 0; } .av-no-preview .avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 0 15px 60px 0; } .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap:after{ left: 32px; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date{ padding: 21px 0 30px 0; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{ padding: 0 0 60px 0; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 0 15px 60px 0; } /* vertical alignment */ .av-no-preview .avia-timeline-vertical.avia-timeline-v-center .av-milestone-date{ padding-top: 21px; } /*timeline orientation horizontal */ .av-no-preview .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:after, .av-no-preview .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:before{ left: 30px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date{ padding: 0 0 30px 90px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap{ padding: 30px 10px 10px 90px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-top.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 30px 30px 30px 0px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date{ padding: 30px 0 0 90px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-content-wrap{ padding: 0 0 30px 90px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 0 30px 30px 0; } .av-no-preview .avia-timeline-horizontal .av-milestone-content-wrap footer{ left: 32px; } .av-no-preview .av-timeline-nav{ padding-top: 57px; } .av-no-preview .avia-timeline-horizontal .av-milestone-date span{ left: -58px; } /*timeline orientation alternate */ .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date{ padding: 21px 0 30px 0; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{ padding: 0 0 60px 0; } .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap{ padding: 0 15px 60px 0; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-date{ padding: 30px 0 0 90px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-odd .av-milestone-date{ padding: 0 0 30px 90px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-content-wrap{ padding: 0 0 30px 90px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow .av-milestone-content-wrap{ padding: 30px 30px 30px 0px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-odd .av-milestone-content-wrap{ padding: 30px 30px 30px 0px; } .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap{ padding: 0 10px 30px 10px; } } /* ====================================================================================================================================================== Accordion/Toggle ====================================================================================================================================================== */ /*toggle*/ .js_active .toggle_wrap, .avia-admin-preview-container .toggle_wrap{ visibility: hidden; position: absolute; z-index: 0; width: 100%; left: 120%; } .active_tc.toggle_wrap{ position: static; visibility: visible; left: 0; width: auto; z-index: 1; display: none; } .js_active .toggler, .avia-admin-preview-container .toggler{ cursor: pointer; display: block; margin:0; padding: 9px 3px 9px 35px; position: relative; top: 1px; border-style:solid; border-width:1px; line-height: 1.65em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .togglecontainer{ margin:30px 0; position: relative; clear: both; } .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler{ border-top-left-radius: 2px; border-top-right-radius: 2px; } .togglecontainer > div:last-of-type .toggler{ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .togglecontainer > p.activeTitle{ border-radius: 0; } .toggle_content{ padding: 12px 30px 11px 30px; margin: 0px 0 5px 0; border-style:solid; border-width:1px; border-top:none; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; } .toggle_icon{ position: absolute; width: 15px; height: 15px; border-style: solid; border-width: 1px; top: 50%; left: 10px; margin-top: -8px; } .toggle_icon .vert_icon{ border-left-style:solid; border-left-width:3px; position: absolute; left:5px; top:1px; height:11px; } .toggle_icon .hor_icon{ border-top-style:solid; border-top-width:3px; position: absolute; top:5px; left:1px; width:11px; } .activeTitle .toggle_icon .vert_icon{ border:none; } .hasCurrentStyle .toggle_icon, .hasCurrentStyle .toggle_icon > span{ border-color: inherit !important; } /* removed, otherwise opening animation does not work .active_tc.toggle_wrap{ display:block; } */ #top .av_toggle_section .av-inherit-border-color *{border-color: inherit;} #top .av_toggle_section .av-inherit-font-color *{color: inherit;} .toggler .toggle_icon, .toggler:hover .toggle_icon *{ transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /*sorting*/ .taglist {margin-bottom:5px;} .taglist .tag-seperator:last-child{display:none;} .taglist .tag-seperator{padding:0px 4px;} .single_toggle{ width:100%; float:left; display: block; margin: 0 0 -2px 0; padding-bottom: 1px; overflow: hidden; position: relative;} /*minimal toggle*/ .av-minimal-toggle.togglecontainer .single_toggle .toggler{border-radius:0; border-left:none; border-right:none; border-top:none; font-size: 1.1em; } .av-minimal-toggle .toggle_content{ border-radius:0;border:none; padding:12px 35px 11px 35px;} .av-minimal-toggle .single_toggle{ margin: 0 0 7px 0; padding-bottom: 0px;} .av-minimal-toggle .toggle_icon { margin-top: -7px; border: none;} .av-minimal-toggle .toggler:hover { opacity: 0.8; } .av-minimal-toggle .activeTitle.toggler:hover { opacity: 1; } /* elegant toggle */ .av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{ border-top-left-radius: 0; border-top-right-radius: 0; } .av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler{ border-top-width: 1px; border-top-style: solid; } .js_active .av-elegant-toggle .toggler, .avia-admin-preview-container .av-elegant-toggle .toggler{ padding: 35px 55px 30px 35px; font-size: 17px; top: 0; border-top-width: 0; border-left-width: 0; border-right-width: 0; } .av-elegant-toggle .toggle_icon{ width: 32px; height: 32px; border-radius: 40px; left: auto; right: 20px; margin-top: -16px; border-width: 2px; opacity: 0.4; /*transition: all 0.2s ease-in; removed 4.8.6.1 - replaced for all icons*/ } .av-elegant-toggle .activeTitle .toggle_icon, .av-elegant-toggle .single_toggle:hover .toggle_icon { opacity: 1; } .av-elegant-toggle .toggle_icon .hor_icon, .av-elegant-toggle .toggle_icon .vert_icon{ border-width: 2px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .av-elegant-toggle .toggle_content{ margin-bottom: 0; font-size: 15px; line-height: 1.4; padding: 20px 35px 30px 35px; border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-radius: 0; } .av-elegant-toggle .single_toggle{ border-width: 0; margin: 0; padding: 0; float: none; } /* ====================================================================================================================================================== Video ====================================================================================================================================================== */ .avia-video, .avia-iframe-wrap{ clear:both; position: relative; margin-bottom:20px; } .avia-video, .avia-video iframe, .avia-video video{ background-color: #000; } /*responsive iframe trick*/ .avia-video iframe, .js_active .avia-iframe-wrap iframe, div .avia-video .avia-iframe-wrap{ position: absolute; width:100%; height:100%; left:0; top:0; padding:0; } .avia-video-custom{ height:0; } .avia-video-16-9, .js_active .avia-iframe-wrap{ padding-bottom: 56.25%; height:0; } .avia-video-4-3{ padding-bottom: 75%; height:0; } /*html 5 video - always has 100 width and natural height. behaves like image when it comes to aspect ratio*/ video{ width: 100%; height: auto; } .mejs-layer{ z-index: 1; width: 100% !important; } .mejs-layer.mejs-overlay-play{ height: 100% !important; } #top .avia-video .mejs-container, #top .avia-video .mejs-container video{ height: 100% !important; width: 100% !important; position: absolute; } #top .avia-video .av-click-to-play-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1000; } #top .avia-video .av-click-to-play-overlay .avia_playpause_icon{ display: block; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } #top .avia-video .av-click-to-play-overlay:hover .avia_playpause_icon{ opacity: 0.7; } .avia-video .mejs-poster, .avia-video{ background-position: center center; background-size: cover; } .avia-video .mejs-poster{ position: absolute; height: 100% !important; width: 100% !important; top: 0; left: 0; }