/* ====================================================================================================================================================== 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%;} } /* ====================================================================================================================================================== Message 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;} .avia_message_box.avia-color-custom .av_message_close{color: inherit;} /* ====================================================================================================================================================== 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%); } .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%; } .av-circle-hover-animate:hover{ animation: sonarEffect 1s ease-out; } @media only screen and (max-width: 767px) { .avia-animated-number-circle { display: none; } } /* ====================================================================================================================================================== 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; } .avia_loading_icon{ background: rgba(0,0,0,0.7); width:100%; height:100%; position: fixed; top:0; left:0; margin:0; display:none; z-index: 10000; } .avia-msie-8 .avia_loading_icon{ background: #000; filter:alpha(opacity=70) !important; } #top .avia_loading_icon .av-siteloader { border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; } /*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} } /* 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-metadata-before{ padding: 0 5px 0 0; } .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; } .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; } .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%; } .grey-bar .bar{ background: #555; } .av-striped-bar .grey-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444); background-image: -moz-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444); background-image: linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444); } .blue-bar .bar{ background: #7bb0e7; } .av-striped-bar .blue-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9); background-image: -moz-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9); background-image: linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9); } .green-bar .bar{ background: #83a846; } .av-striped-bar .green-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846); background-image: -moz-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846); background-image: linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846); } .orange-bar .bar{ background: #EDAE44; } .av-striped-bar .orange-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66); background-image: -moz-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66); background-image: linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66); } .black-bar .bar{ background: #222; } .av-striped-bar .black-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444); background-image: -moz-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444); background-image: linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444); } .red-bar .bar{ background: #B02B2C; } .av-striped-bar .red-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E); background-image: -moz-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E); background-image: linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E); } .teal-bar .bar{ background: #5F8789; } .av-striped-bar .teal-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB); background-image: -moz-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB); background-image: linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB); } .aqua-bar .bar{ background: #4ECAC2; } .av-striped-bar .aqua-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4); background-image: -moz-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4); background-image: linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4); } .purple-bar .bar{ background: #745F7E; } .av-striped-bar .purple-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F); background-image: -moz-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F); background-image: linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F); } .pink-bar .bar{ background: #D65799; } .av-striped-bar .pink-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB); background-image: -moz-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB); background-image: linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB); } .silver-bar .bar{ background: #D7D7D7; } .av-striped-bar .silver-bar .bar{ background-image: -webkit-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9); background-image: -moz-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9); background-image: linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9); } /* ====================================================================================================================================================== 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;} } #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; } body#top > div.av_searchform_element_results .av_ajax_search_entry{ display: table; } body#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; } .avia_desktop .avia-featureimage-slideshow .avia-slideshow-arrows a{ opacity: 0; } #top .avia-featureimage-slideshow:hover .avia-slideshow-arrows a{opacity: 1;} #top .avia-featureimage-slideshow .avia-caption-content{ margin:0 auto; max-width: 600px; padding-top: 4px; } @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 .av-mdedium-font-size-overwrite.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 .av-small-font-size-overwrite.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 .av-mini-font-size-overwrite.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:35px; text-align: center; height: 100px; line-height: 102px; opacity: 0.5; } #top .av_slideshow_full .avia-slideshow-arrows a:hover{opacity: 1;} #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; } .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 !important;} .responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;} /* .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 !important;} .responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;} /* .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, .av-control-minimal .avia-slideshow-controls a{opacity: 0; filter: alpha(opacity=00);} .avia-fullscreen-slider:hover .avia-slideshow-arrows a, .avia-fullscreen-slider:hover .avia-slideshow-dots a:hover, .av-control-minimal:hover .avia-slideshow-arrows a, .av-control-minimal:hover .avia-slideshow-dots a:hover{opacity: 1; filter: alpha(opacity=100);} .avia-fullscreen-slider:hover .avia-slideshow-dots a, .av-control-minimal:hover .avia-slideshow-dots a{opacity: 0.8; filter: alpha(opacity=80);} .av-slider-scroll-down-active .avia-slideshow-dots a{bottom: 80px;} @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-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; width:100%; text-align: center; table-layout: fixed; border-radius: 3px; background: transparent; } .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-share-box .avia-related-tooltip{width:150px;} .av-social-sharing-box .av-share-box{margin:0;} #top .av-social-sharing-box-minimal .av-share-box ul{border:none;} /* ====================================================================================================================================================== 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-tab-slide-transition .av-tab-section-inner-container{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .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; } #top .av-section-tab-title{ padding:10px 20px 0px 20px; display: inline-block; text-decoration: none; } .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, .av-framed-box .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; } /* ====================================================================================================================================================== 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-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;} #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;} /*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;} #top .av-large-testimonial-slider:hover .avia-slideshow-arrows a{opacity: 0.5;} #top .av-large-testimonial-slider .avia-slideshow-arrows a:hover{opacity: 0.9;} #top .av-large-testimonial-slider .avia-slideshow-arrows a:before{background: transparent;} @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; } /* 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 .av-milestone-icon{ display: inline-block; } .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; } .av-timeline-nav a{ display: inline-block; position: relative; font-size: 0px; overflow: hidden; width: 40px; 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.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background-color: #fff; } .av-timeline-nav a span{ display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; color: #fff; } .av-timeline-nav a span:hover{ color: #fff; } .av-timeline-nav a span:before{ display: block; width: 100%; height: 100%; font-size: 18px; } .av-timeline-nav a span{ opacity: 0.5; transition: all 0.2s ease-in; } .av-timeline-nav a:hover span{ 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{ 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 { 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;} /*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: 1px; } .js_active .av-elegant-toggle .toggler{ padding: 35px 10px 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; } .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; }