/* ====================================================================================================================================================== GENERIC ====================================================================================================================================================== */ p:empty, .entry-content-wrapper:empty{display:none;} .avia-shadow{box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);} /*fix webkit flickering bug*/ .webkit_fix{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } body .container_wrap .avia-builder-el-no-sibling{margin-top:0; margin-bottom:0;} body .container_wrap .avia-builder-el-last{margin-bottom:0;} body .container_wrap .avia-builder-el-first{margin-top:0;} body .av-align-left{text-align: left;} body .av-align-right{text-align: right;} body .av-align-center{text-align: center;} #top .av_inherit_color *{color:inherit; min-height: 39px;} #top .av_inherit_color a{text-decoration: underline; } #top .av_opacity_variation{opacity: 0.7;} /* ====================================================================================================================================================== TEXT BLOCK ====================================================================================================================================================== */ .avia_textblock{ clear: both; line-height: 1.65em; } .flex_column + .avia_textblock{padding-top:50px;} /* ====================================================================================================================================================== Columns ====================================================================================================================================================== */ body .column-top-margin{ /*margin-top:50px; */} /* ====================================================================================================================================================== HEADING ====================================================================================================================================================== */ .av-special-heading{ width:100%; clear:both; display: block; margin-top:50px; position: relative; } .avia_mobile .av-special-heading{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .av-special-heading.avia-builder-el-no-sibling{margin-top:0px; margin-bottom:0px;} .flex_column + .av-special-heading{float:left; } body .av-special-heading .av-special-heading-tag{ padding:0; margin:0; float:left; } .meta-heading .av-special-heading-tag{ font-weight: normal; } .special-heading-border{ position: relative; overflow: hidden; } .av-special-heading-h1 .special-heading-border{height: 3.4em;} .av-special-heading-h2 .special-heading-border{height: 2.6em;} .av-special-heading-h3 .special-heading-border{height: 1.9em;} .av-special-heading-h4 .special-heading-border{height: 1.6em;} .av-special-heading-h5 .special-heading-border{height: 1.5em;} .av-special-heading-h6 .special-heading-border{height: 1.4em;} .special-heading-inner-border{ display: block; width:100%; margin-left:15px; border-top-style: solid; border-top-width:1px; position: relative; top:50%; opacity: 0.15; filter:alpha(opacity=15); } .meta-heading .special-heading-inner-border{ opacity: 0.2; filter:alpha(opacity=20); } .custom-color-heading .special-heading-inner-border{ opacity: 0.4; filter:alpha(opacity=40); } #top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp{color: inherit; } #top .custom-color-heading a{text-decoration: underline; } #top .custom-color-heading a:hover{opacity:0.8; text-decoration: none;} .av-inherit-size .av-special-heading-tag{ font-size: 1em; } .av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag{font-weight: 300;} .av-thin-font strong, .modern-quote strong{font-weight: 600;} body .av-special-heading.modern-centered{ text-align: center; } /*quote style*/ body .av-special-heading.blockquote > *{ white-space: normal; float: none; } .av-special-heading.classic-quote{ text-align: center; } body .av-special-heading.classic-quote > *{ display:block; font-family: "Droid Serif", Georgia, Times, serif; font-weight: normal; font-style: italic; float: none; } body .av-special-heading.blockquote .special-heading-border{display:none;} /*subheading*/ .av-subheading{ font-size: 15px; line-height: 1.3em; } .av-subheading p:first-child{margin-top:0;} .av-subheading p:last-child{margin-bottom:0;} .av-subheading_below{margin-top:0.3em;} .av-subheading_above{margin-bottom:0.3em;} .av-subheading.av_custom_color{opacity: 0.8;} @media only screen and (max-width: 767px) { .av-inherit-size .av-special-heading-tag{ font-size: 0.8em; } } /* ====================================================================================================================================================== COLOR SECTION ====================================================================================================================================================== */ .avia-section{ clear:both; width:100%; float:left; min-height:100px; position: static; /*fixes a glitch with bg image not displaying below video slide*/ } .avia-section.avia-section-small{ min-height:0; } .js_active .av-minimum-height .container{ z-index: 1; /*required for transition*/ opacity: 0; -webkit-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in; } .js_active.av-preloader-enabled .av-minimum-height .container{ -webkit-transition: opacity 1.2s ease-in; transition: opacity 1.2s ease-in; } .avia-section.av-minimum-height .container{display: table;} .avia-section.av-minimum-height .container .content{display: table-cell; vertical-align: middle; height:100%; float:none !important;} .av-minimum-height-100 .container {height:1500px;} /*will be overwritten by js*/ .avia-full-stretch{ background-size: cover !important; } .avia_mobile .avia-full-stretch{ background-attachment: scroll !important; } #top #main .avia-section .template-page{ width:100%; border:none; margin-left: auto; padding-left: 0; margin-right: auto; } .avia-section .template-page .entry-content-wrapper{ padding-right:0; } .avia-section-small .content, .avia-section-small .sidebar { padding-top: 20px; padding-bottom: 20px;} .avia-section-large .content, .avia-section-large .sidebar { padding-top: 70px; padding-bottom: 70px;} .avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 130px; padding-bottom: 130px;} .avia-section-no-padding .content, .avia-section-no-padding .sidebar{padding-top:0; padding-bottom:0;} .html_header_sticky_disabled .container_wrap:first-child, .avia-section.avia-full-stretch, .html_header_transparency .avia-section.avia-builder-el-0{border-top:none;} #top #wrap_all #main .avia-no-border-styling{border:none;} /*video bg*/ #top .av-section-with-video-bg{border-top:none; position: relative;} #top .av-section-video-bg{ position: absolute; top:0; left:0; right:0; bottom: 0; padding: 0; margin: 0; z-index: 1; } #top .av-section-video-bg .avia-slideshow-inner{ height:100% !important; } #top .av-section-with-video-bg .av-section-video-bg .av-video-service-vimeo iframe{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /*handle video section on mobile*/ .avia_mobile #top .av-parallax-section{z-index: 0; -webkit-transform: translate3d(0,0,0);} .avia_mobile #top .av-parallax{position: fixed; z-index: -10;} .avia_mobile #top .av-parallax .container{z-index: 10; } .avia_mobile #top .av-section-mobile-video-disabled .av-section-video-bg{display:none;} .avia_desktop #top .av-section-mobile-video-disabled{background-image: none !important;} .avia_desktop #top .av-section-mobile-video-disabled .av-parallax{display: none;} /*parallax section*/ .av-parallax-section{ position: relative; border-top: none; overflow: hidden; } .av-parallax { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; height: calc((100vh * 0.3) + 100%); } /*prevent img pos flickering*/ .js_active .av-parallax{opacity: 0;} .js_active .av-parallax.enabled-parallax{opacity: 1} .js_active .av-parallax.active-parallax{opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} /*special border top elements*/ .avia_transform .av-extra-border-element{ position: relative; width: 100%; overflow: visible; } .avia_transform .av-extra-border-element.border-extra-arrow-down{ position: relative; width: 50px; height: 25px; left: 50%; margin-left: -26px; margin-top: -1px; z-index: 25; margin-bottom: -25px; clear:both; } .avia_transform .av-extra-border-element .av-extra-border-outer{ overflow: hidden; height:100%; width:100%; position: absolute; } .avia_transform .av-extra-border-element .av-extra-border-inner{ position: absolute; left: 50%; width: 50px; height: 50px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); top: -39px; } div .av-section-color-overlay-wrap{position: relative; width:100%; } .html_header_sidebar .av-section-color-overlay-wrap{float:left;} div .av-section-color-overlay{position: absolute; top:0; left: 0; height: 100%; width:100%; } div .av-section-color-overlay{z-index: 1;} div .av-video-service-html5 .av-section-color-overlay{z-index: 8;} .html_minimal_header #main > .avia-builder-el-0 { border-top: none; } /* ====================================================================================================================================================== ICON ====================================================================================================================================================== */ /*right icons*/ #top .av_font_icon a{color: inherit; display: block;} .av_font_icon a:hover, .av_font_icon a:focus {text-decoration: none; } .av_font_icon { display:block; text-align: center;} .avia-icon-pos-left {float:left; margin-right: 0.5em;} .avia-icon-pos-right {float: right; margin-left: 0.5em;} .av-icon-display{ display: block; font-size: 30px; line-height: 58px; margin: 0 auto 20px auto; width: 60px; border-radius: 100px; border-style: solid; border-width: 1px; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*tooltip*/ #top .avia-icon-tooltip{ width:250px; font-size: 15px; line-height: 1.6em;} /*big icon with border*/ .av_font_icon.av-icon-style-border .av-icon-char{ -webkit-backface-visibility: hidden; /*fix bug in webkit where item shifts a few px on hover*/ } .av_font_icon.av-icon-style-border .av-icon-char{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 1000px; border-width: 3px; border-style: solid; display: block; margin: 0 auto; padding:30px; color: inherit; border-color: inherit; position: relative; } .av_icon_caption{font-size: 16px; text-transform: uppercase; line-height: 1.3em; display: block; text-align: center; margin-top:8px; font-weight: 400;} .av_font_icon.av-icon-style-border .av-icon-char:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; } .av_font_icon.av-icon-style-border a.av-icon-char:hover:after { -webkit-animation: sonarEffect 1s ease-out ; animation: sonarEffect 1s ease-out ; } /*iconlist animation*/ .avia_transform .av_font_icon{ opacity: 0.1; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } .avia_transform .avia_start_delayed_animation.av_font_icon{ -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } /* ====================================================================================================================================================== ICONBOX ====================================================================================================================================================== */ #top .iconbox{background: transparent;} .iconbox{ margin-bottom:30px; position: relative; clear:both; } .iconbox_icon { float: left; margin: 2px 10px 0 0; height: 23px; width: 23px; font-size: 23px; line-height: 18px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.iconbox_icon:hover{ text-decoration: none; } .iconbox_left .iconbox_icon { border-radius: 50px; text-align: center; position: relative; top: -7px; left: -5px; height: 30px; width: 30px; line-height: 30px; margin: 2px 0px 0 0; } .iconbox .iconbox_content .iconbox_content_title { border: medium none; padding: 2px 0 0 0; position: relative; margin:0 0 16px 0; clear:none; overflow: hidden; letter-spacing: 1px; text-transform: uppercase; font-size:1.25em; } #top .iconbox_top{ margin-top:20px; text-align: center; } .iconbox_top .iconbox_content{ padding:45px 20px 20px 20px; border-radius: 3px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3); } .iconbox_top .iconbox_icon{ float:none; position: absolute; left: 50%; top:-26px; margin:0 0 0 -26px; padding:15px; border-radius:100px; -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; font-size: 20px; line-height: 24px; } .iconbox_left_content .iconbox_content, .iconbox_right_content .iconbox_content{overflow: hidden;} .iconbox_left_content .iconbox_content .iconbox_content_title,.iconbox_right_content .iconbox_content .iconbox_content_title{margin: 0 0 -3px 0;} #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon { width: 74px; height: 74px; font-size: 27px; line-height: 72px; border-style: solid; border-width: 1px; border-radius: 500px; text-align: center; margin-right:22px; } #top .iconbox_right_content{text-align: right;} #top .iconbox_right_content .iconbox_icon{ float: right; margin-right:0; margin-left:22px; } .iconbox .iconbox_content p:last-child { margin-bottom: 0; } #top .iconbox.av-no-box .iconbox_content{padding:0; border:none; box-shadow:none; background: transparent;} #top .iconbox.av-no-box .iconbox_icon{position: relative; top:0; margin:0 auto 20px auto; left:0; width:90px; height:90px; line-height:90px; border-style: solid; border-width: 1px; padding:0; font-size: 30px; display:block; } /* ====================================================================================================================================================== ICONLIST ====================================================================================================================================================== */ .avia-icon-list-container{margin:30px 0; clear: both;} .avia-icon-list{margin:0; padding:0;} .avia-icon-list li{margin:0; padding:0 0 30px 0; list-style-type: none; list-style-position: outside; clear:both; position: relative; min-height:60px;} .avia-icon-list .iconlist_icon{height:64px; width:64px; line-height: 64px; font-size: 30px; text-align: center; border-radius: 500px; position: relative; float:left; margin-right:30px; margin-left:2px; z-index: 5; color:#fff;} .avia-icon-list a.iconlist_icon:hover{color:#fff; text-decoration: none;} .avia-icon-list .iconlist_title{text-transform: uppercase; top: 4px; margin-bottom:0; position: relative;} #top .avia-icon-list .iconlist_title a:hover{text-decoration: underline;} .avia-icon-list .iconlist_content_wrap{overflow: hidden; min-height: 1.5em; padding-bottom:4px;} .avia-icon-list article.article-icon-entry { min-height: 45px; } .avia-icon-list .av-iconlist-empty .iconlist_title{margin-top: 17px;} .avia-icon-list .iconlist-timeline{ position: absolute; top: 1%; left: 32px; width: 1px; height: 99%; border-right-width: 1px; border-right-style: dashed; } .avia-icon-list .iconlist_content li { min-height: 0; padding: 0; list-style: disc outside; } .avia-icon-list li:last-child .iconlist-timeline{display:none;} /*right icons*/ .avia-icon-list-right {text-align: right;} .avia-icon-list-right .iconlist_icon{float:right; margin-left:30px; margin-right:0; margin-right:2px; } .avia-icon-list-right .iconlist-timeline{left: auto; right: 32px;} /*iconlist animation*/ .avia_transform .avia-icon-list .iconlist_icon{ opacity: 0.1; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } .avia_transform .iconlist-timeline{ height: 0%; } .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon{ -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .avia_transform .avia-icon-list .avia_start_animation .iconlist-timeline{ -webkit-animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ height: 100%; } /* ====================================================================================================================================================== Catalogue ====================================================================================================================================================== */ .av-catalogue-container{margin:30px 0;} .av-catalogue-heading{ text-align: center; padding-bottom: 15px; font-weight: normal; letter-spacing: 1px;} .av-catalogue-list{ border-top: 1px dashed; margin:0;} .av-catalogue-list li{list-style-type: none; margin:0; border-bottom: 1px dashed; padding:0; clear:both;} #top .av-catalogue-item{text-decoration: none; padding:10px 5px; display: block; overflow: hidden; } div.av-catalogue-item:hover{cursor:default;} .av-catalogue-title-container{position: relative; font-size: 1.3em; line-height: 1.4em;} .av-catalogue-title{padding-right:60px; text-transform: uppercase; } .av-catalogue-price{position: absolute; right:0; top:0;} .av-catalogue-content{padding-right:60px; font-size: 1.1em;} .av-catalogue-content p:first-child{margin-top:0;} .av-catalogue-content p:last-child{margin-bottom:0;} .av-catalogue-list .added_to_cart.wc-forward{display:none;} .av-catalogue-image{border-radius: 400px; width:44px; float:left; margin-right:15px; } .av-catalogue-image-no{display:none;} .av-catalogue-item-inner{overflow: hidden; } .av-catalogue-container-woo{margin-top:0;} /* ====================================================================================================================================================== HR ====================================================================================================================================================== */ .hr{ clear: both; display:block; width:100%; height:25px; line-height:25px; position: relative; margin:30px 0; float:left; } .hr-inner{ width:100%; position: absolute; height:1px; left:0; top:50%; width:100%; margin-top:-1px; border-top-width:1px; border-top-style:solid; } #top .hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; } .hr-invisible {float:none;} .hr-full, .hr-big{margin:70px 0;} .hr-full .hr-inner{width:300%; left:-100%;} .hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);} .sidebar_right .hr-full .hr-inner{left:auto; right:-50px;} .sidebar_left .hr-full .hr-inner{left:-50px;} .hr-short{height:20px; line-height:20px; margin:30px 0; float:none;} .hr-short .hr-inner{ width:32%; left:50%; margin-left:-16%; } .hr-short.hr-left .hr-inner{ left:0%; margin-left:0%;} .hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; } .hr-short .hr-inner-style{border-radius: 20px; height:9px; width:9px; border-width:2px; border-style:solid; display:block; position: absolute; left:50%; margin-left:-5px; margin-top:-5px; } .hr-short.hr-left .hr-inner-style{ left:5px; } .hr-short.hr-right .hr-inner-style{ left:auto; right:0; } body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first { margin:30px 0; } /*custom*/ .hr-custom{margin:0; display: block; min-height:21px; height:auto; overflow: hidden; white-space: nowrap; width:100%; float: left;} .hr-custom .hr-inner{display: inline-block; position: relative; vertical-align: middle;} .hr-custom.hr-center{text-align: center;} .hr-custom.hr-right {text-align: right;} .hr-custom.hr-left {text-align: left;} .hr-custom .hr-inner.inner-border-av-border-none{border:none;} .hr-custom .hr-inner.inner-border-av-border-fat{border-top-width:2px;} .av-seperator-icon { display: inline-block; vertical-align: middle; font-size: 15px; } .hr-custom.hr-icon-yes .hr-inner{margin-left:10px; margin-right:10px;} /* ====================================================================================================================================================== Button ====================================================================================================================================================== */ /*button element*/ .avia-button-wrap{display:inline-block;} .avia-button{ color:#777; border-color: #e1e1e1; background-color: #f8f8f8; } body div .avia-button{ border-radius: 0px; padding:10px; font-size: 12px; text-decoration: none; display:inline-block; border-bottom-style: solid; border-bottom-width: 1px; margin:3px 0; line-height: 1.2em; position: relative; font-weight: normal; text-align: center; max-width: 100%; } .avia-button:hover{opacity: 0.9;} .avia-button:active{border-bottom-width: 0px; border-top-width: 1px; border-top-style: solid;} .avia-button.avia-color-theme-color-subtle{background-image: none;} .avia-button.avia-color-theme-color-subtle:hover{} .avia-button .avia_button_icon{position: relative; left: -0.3em; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden;} .avia-button .avia_button_icon.avia_button_icon_right{left: 0.3em;} .avia-button.avia-icon_select-no .avia_button_icon{ display:none } .avia-button.avia-color-grey, .avia-button.avia-color-grey:hover {background-color: #555; border-color: #333333; color: #fff; } .avia-button.avia-color-black, .avia-button.avia-color-black:hover {background-color: #2c2c2c; border-color: #000; color: #fff; } .avia-button.avia-color-red, .avia-button.avia-color-red:hover { background-color: #B02B2C; border-color: #8B2121; color: #fff; } .avia-button.avia-color-orange, .avia-button.avia-color-orange:hover{background-color: #edae44; border-color: #CA9336; color: #fff; } .avia-button.avia-color-green, .avia-button.avia-color-green:hover {background-color: #83a846; border-color: #6F8F3B; color: #fff; } .avia-button.avia-color-blue, .avia-button.avia-color-blue:hover {background-color: #7bb0e7; border-color: #6693C2; color: #fff; } .avia-button.avia-color-aqua, .avia-button.avia-color-aqua:hover {background-color: #4ecac2; border-color: #3EAAA3; color: #fff; } .avia-button.avia-color-teal, .avia-button.avia-color-teal:hover {background-color: #5f8789; border-color: #3F5E5F; color: #fff; } .avia-button.avia-color-purple, .avia-button.avia-color-purple:hover{background-color: #745f7e; border-color: #514358; color: #fff; } .avia-button.avia-color-pink, .avia-button.avia-color-pink:hover {background-color: #d65799; border-color: #BB4B85; color: #fff; } .avia-button.avia-color-silver, .avia-button.avia-color-silver:hover{background-color: #DADADA; border-color: #B4B4B4; color: #555; } #top .avia-button.avia-color-light{color:#fff; border:2px solid #ff7e00; background: #ff7e00;} #top .avia-button.avia-color-dark{ color:#000; border:3px solid #000; color:rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.6); background: transparent;} .avia-button.avia-color-light:hover{opacity: 0.7; color:#fff; } .avia-button.avia-color-dark:hover{ opacity: 0.7; color:#000; color:rgba(0,0,0,0.6);} .avia-button.avia-color-theme-color-subtle{border-width:1px; border-style: solid;} .avia-button-center {display:block; text-align: center; clear:both;} .avia-button-right {display:block; float:right;} .avia-button.avia-position-right{float:right; display:block;} .avia-button.avia-position-left{float:left; display:block;} .avia-button.avia-size-small{ padding:9px 10px 7px; font-size: 13px; min-width: 80px; } .avia-button.avia-size-medium{ padding:12px 16px 10px; font-size: 13px; min-width: 90px; } .avia-button.avia-size-large{ padding: 15px 30px 13px; font-size: 13px; min-width: 139px; } .avia-button.avia-size-x-large{ padding: 25px 50px 23px; font-size: 15px; min-width: 200px; } .av-icon-on-hover .avia_button_icon{ width: 0px; overflow: hidden; display: inline-block; height: 1em; -webkit-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; opacity: 0; } .av-icon-on-hover:hover .avia_button_icon{ width: 1.5em; opacity: 1;} /* ====================================================================================================================================================== Fullwidth Button ====================================================================================================================================================== */ #top .avia-button-fullwidth{ width: 100%; padding:20px; font-size: 1.5em; margin:0;border:none; position: relative; display:block;} #top .avia-button-fullwidth .avia-button-fullwidth{font-size: 1em;} #top .avia-button-fullwidth .av-button-description{font-size: 0.8em; position: relative; z-index: 3; opacity: 0.7;} #top .avia-button-fullwidth .av-button-description-above p:first-child{margin-top:0;} #top .avia-button-fullwidth .av-button-description-below p:last-child {margin-bottom:0;} #top .avia-button-fullwidth:hover{opacity: 1;} #top .avia-button-fullwidth .avia_button_icon, #top .avia-button-fullwidth .avia_iconbox_title{ position: relative; z-index: 3; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden;} #top .avia_button_background{ opacity: 0; position: absolute; top:0; left:0; bottom:0; right:0; -webkit-transition: all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } #top .avia-button-fullwidth:hover .avia_button_background{ opacity: 1; } #top .av-fullscreen-button .avia-button-fullwidth{border-radius: 0; padding:50px 10px;} /* ====================================================================================================================================================== 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-color-blue .avia_message_box_title{ background: rgba(70, 113, 163, 0.08); } .avia_message_box.avia-color-red .avia_message_box_title{ background: rgba(175, 44, 32, 0.06); } .avia_message_box.avia-color-orange .avia_message_box_title{ background: rgba(250, 235, 125, 0.2) } .avia_message_box.avia-color-grey .avia_message_box_title{ background: rgba(255, 255, 255, 0.05) } .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;} /* ====================================================================================================================================================== 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: 11px; -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: 13px; } .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 .tab_icon{font-size: 14px;} .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;} } /* ====================================================================================================================================================== 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; -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 10px 11px 10px; 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:12px; left:10px; } .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; } .active_tc.toggle_wrap{ display:block; } /*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;} /* ====================================================================================================================================================== 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;} } /* ====================================================================================================================================================== Dropcaps ====================================================================================================================================================== */ .av_dropcap1 { display: block; float: left; font-size: 38px; line-height: 32px; margin: 4px 8px 0 0; } .av_dropcap2{ display:block; float:left; font-size:18px; line-height:35px; width:35px; text-align: center; margin:4px 8px 0 0; border-radius: 100px; font-weight: bold; } /* ====================================================================================================================================================== 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;} /* ====================================================================================================================================================== Contact Form ====================================================================================================================================================== */ fieldset{ border:none; } .avia_ajax_form{ clear:both; } .avia_ajax_form fieldset p br{display:none;} .avia_ajax_form label {display:block; visibility: visible; position: relative; } /*dont delete. ie8 needs this separate*/ .avia_ajax_form label, .modified_width:before{display:block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600;} #ajaxresponse.hidden{ visibility: visible; position: static; display:none; } #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area{ width:100%; margin-bottom:0; display:inline; min-width:50px; padding:13px; border-radius: 2px; } #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{ -webkit-appearance: none; border-radius:0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; border-radius: 2px; } #top select[multiple], #top .avia_ajax_form .select[multiple]{background-image:none;} #top .avia_ajax_form .select[multiple] option{padding:5px;} /*remove bg on firefox*/ .avia-mozilla #top select, .avia-mozilla #top .avia_ajax_form .select, .avia-mozilla #top .entry-content-wrapper select{ background-image:none; } #top select[multiple] { background-image:none; } #top .avia_ajax_form input[type="checkbox"] { float: left; margin-right: 8px; top: 2px; position: relative; } .value_verifier_label { position: absolute; bottom: 11px; left: 10px; font-size: 13px; line-height: 21px; } #top .avia_ajax_form .captcha{padding-left: 65px;} .avia_ajax_form p{ position: relative; clear:both; float:left; width:100%;} .avia_ajax_form p.hidden{position: absolute; width:0px; left:0; top:0; } .avia_ajax_form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;} .avia_ajax_form .first_form{clear:both;margin-left:0;} .avia_ajax_form .button { margin: 0; padding: 16px 20px; border-radius: 2px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 12px; min-width: 142px; outline: none; } .modified_width .button{ width:100%; padding: 13px 10px 14px; min-width: 0; } .av-form-labels-visible .modified_width:before{ display:block; content: "Submit Form"; visibility: hidden; } #footer .avia_ajax_form textarea{height:90px; } .avia_ajax_form p input, .avia_ajax_form p textarea, .avia_ajax_form p select, .avia_ajax_form p .input_checkbox_label{ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #top .button.av-sending-button{ -webkit-transition: none; transition: none; background-size: 32px 32px; -webkit-animation: avia-bg-move 1.2s linear infinite; /* Safari 4+ */ animation: avia-bg-move 1.2s linear infinite; /* IE 10+ */ } .av-centered-form, #top .av-centered-form input { text-align: center; } #top .av-centered-form ::-webkit-input-placeholder { text-align: center; } #top .av-centered-form ::-moz-placeholder {text-align: center; } #top .av-centered-form :-ms-input-placeholder { text-align: center; } /*contact form datepicker*/ .avia-datepicker-div{ background: #fff; border:1px solid #e1e1e1; } .avia-datepicker-div a{ color:#333; background-color: #f8f8f8; } .avia-datepicker-div a.ui-state-active{ color:#8bba34; } .avia-datepicker-div a.ui-state-highlight{ color:#8bba34; } .avia-datepicker-div a.ui-state-hover{ color:#FFF; background-color: #bbb; } .avia-datepicker-div .ui-datepicker-buttonpane button{ background-color: #8BBA34; color: #FFF; border-color: #8BBA34; } .avia-datepicker-div.ui-datepicker { width: 300px; padding: 20px; display: none; box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.2);} .avia-datepicker-div.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .avia-datepicker-div.ui-datepicker .ui-datepicker-prev, .avia-datepicker-div.ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 50px; height: 1.8em; text-align: center; line-height: 1.8em; cursor: pointer;} .avia-datepicker-div.ui-datepicker .ui-datepicker-prev { left:2px; } .avia-datepicker-div.ui-datepicker .ui-datepicker-next { right:2px; } .avia-datepicker-div.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;} .avia-datepicker-div.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .avia-datepicker-div.ui-datepicker select.ui-datepicker-month-year {width: 100%;} .avia-datepicker-div.ui-datepicker select.ui-datepicker-month, .avia-datepicker-div.ui-datepicker select.ui-datepicker-year { width: 49%;} .avia-datepicker-div.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .avia-datepicker-div.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .avia-datepicker-div.ui-datepicker td { border: 0; padding: 1px; } .avia-datepicker-div.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; } .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: 10px 20px; width:auto; overflow:visible; border: none; border-radius: 3px;} .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* RTL support */ .avia-datepicker-div.ui-datepicker-rtl { direction: rtl; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group { float:right; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .avia-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .avia-datepicker-div.ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /*custom form colors*/ #top .av-custom-form-color *{color:inherit;} #top .av-custom-form-color a{text-decoration: underline;} #top .av-custom-form-color ::-webkit-input-placeholder { color: inherit; opacity: 0.8;} #top .av-custom-form-color ::-moz-placeholder { color: inherit; opacity: 0.8; } #top .av-custom-form-color :-ms-input-placeholder { color:inherit; opacity: 0.8;} #top .av-custom-form-color .button{border: 2px solid;} #top .av-custom-form-color .button:hover{} #top .av-light-form, #top .av-light-form + .ajaxresponse *{color:#fff;} #top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button{ color: #fff; border-color: #fff; border-width: 2px !important; background-color: transparent; } #top .av-dark-form, #top .av-dark-form + .ajaxresponse *{color:#222;} #top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button{ color: #222; border-color: #222; border-width: 2px !important; background-color: transparent; } @media only screen and (max-width: 479px) { .responsive .avia_ajax_form .form_element{ width:100%; clear: both; margin-right:0; float: none; } } /* ====================================================================================================================================================== Table ====================================================================================================================================================== */ /*data table*/ div .avia-table {background: transparent; width:100%; clear:both; margin:30px 0;} .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;} @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; } .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; } .avia-desc-col.pricing-table .avia-button-row{border:none;} .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:#000;filter:alpha(opacity=40); text-shadow: 0 1px 0 rgba(255, 255, 255, 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;} } /* ====================================================================================================================================================== Post Slider ====================================================================================================================================================== */ .avia-content-slider{ margin:30px 0; clear:both; } .avia-content-slider, .avia-content-slider-inner{ position: relative; overflow: hidden; clear:both; } .avia-content-slider .slide-entry-title{font-size:1.1em; line-height:1.4em; margin:0;} .avia-content-slider .slide-image, .avia-content-slider .slide-image img{border-radius: 3px; display: block; position: relative; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; margin:0 auto;} .avia-content-slider .slide-image{overflow:hidden; margin-bottom:6px; border-radius: 3px;} .avia-content-slider .slide-entry{} .avia-content-slider .slide-entry-wrap{width:100%; float:left; margin-bottom:40px;} .avia-content-slider-active .slide-entry-wrap{position: absolute; top:0; visibility: hidden; margin:0;} .avia-content-slider .slide-entry-wrap:first-child{position: relative;} .avia-content-slider .slide-meta div, .avia-content-slider .slide-meta time{display: inline-block; font-size: 0.9em;} .avia-content-slider .slide-meta a{position: relative;} .avia-content-slider .slide-meta{position: relative; padding-bottom: 10px; } .avia-content-slider .slide-meta-del{margin:0px 4px;} .avia-content-slider.avia-builder-el-no-sibling{margin:0;} .slider-fallback-image{visibility: hidden;} .avia-content-slider .fake-thumbnail .slide-image{border-width: 1px; border-style: solid; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; min-height: 70px;} .fallback-post-type-icon{position: absolute; top:49%; left:50%; margin:-28px 0 0 -30px; height:60px; width:60px; line-height:59px; font-size:25px; text-align:center; border-radius: 100px;} .avia-content-slider .slide-image:hover .fallback-post-type-icon{opacity: 0;} .pagination-slider .pagination{padding: 1px 0 10px 0;} .avia_desktop .avia-content-slider .avia-slideshow-arrows a{ opacity: 0; } #top .avia-content-slider:hover .avia-slideshow-arrows a{opacity: 1;} #top .avia-content-slider .avia-slideshow-arrows a{ top: 38%; margin: -30px 0 0;} #top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap{ /* fixes flickering issue when slider moves. usually other elements in other container flicker. temp removed */ /* old: */ /* -webkit-transform-style: preserve-3d; */ /* new; */ -webkit-transform-style: flat; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } /*audio*/ #top .avia-content-slider .audio-preview{ margin-top: -36px; margin-bottom: -4px; } #top .avia-content-slider .audio-preview .mejs-volume-button, #top .avia-content-slider .audio-preview .mejs-time{ display:none; } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry{width:100%; margin-left:0; margin-top: 16px;} .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even{margin:0; clear:both;} .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first{margin-left:0; width:100%;} .responsive avia-content-slider .slide-image img { width: 100%; } } @media only screen and (max-width: 479px) { .responsive #top #wrap_all .avia-content-slider-odd .slide-entry{margin-left:0; clear:both; width:100%;} } /* ====================================================================================================================================================== Portfolio/Post Grid ====================================================================================================================================================== */ .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: 12px; } #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: 13px; 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; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 17px 1px; 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; } .av_table_col{ display: table-cell; vertical-align: top; position: relative; } .portfolio-preview-image{ width:66.6%; } .portfolio-preview-content{ width:33.4%; 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: #000 url("../images/layout/preload-dark-big.gif") no-repeat center center; height:60px; width:60px; position: fixed; top:50%; left:50%; margin-top:-30px; margin-left:-30px; display:none; z-index: 10000; border-radius: 30px; } /*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} } /* ====================================================================================================================================================== Masonry Grid ====================================================================================================================================================== */ .av-masonry{ position: relative; overflow: hidden; clear:both; } .av-masonry-container{ width:100.4%; float:left; clear:both; position: relative; } .av-masonry-entry{ position: relative; display: block; width:24.90%; float:left; clear: none; text-decoration: none; visibility: hidden; opacity: 0; } .av-masonry-entry.av-landscape-img{ width:49.80%; } .av-masonry-col-2 .av-masonry-entry{width:49.80%;} .av-masonry-col-2 .av-masonry-entry.av-landscape-img{width:99.50%;} .av-masonry-col-3 .av-masonry-entry{width:33.3%} .av-masonry-col-3 .av-masonry-entry.av-landscape-img{width:66.6%} .av-masonry-col-4 .av-masonry-entry{} .av-masonry-col-4 .av-masonry-entry.av-landscape-img{} .av-masonry-col-5 .av-masonry-entry{width:19.90%;} .av-masonry-col-5 .av-masonry-entry.av-landscape-img{width:39.80%;} .av-masonry-col-6 .av-masonry-entry{width:16.6%;} .av-masonry-col-6 .av-masonry-entry.av-landscape-img{width:33.2%;} .av-masonry-outerimage-container{ overflow: hidden; } .av-masonry-outerimage-container, .av-masonry-image-container { position: relative; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .av-masonry-image-container{ text-align: center; background-size: cover; background-position: center center; } .av-masonry-image-container img{ display:block; margin: 0 auto;} .av-inner-masonry{overflow: hidden;} .av-masonry-entry .av-inner-masonry-content{ padding:20px; z-index: 2; position: relative; width:100%; } .av-masonry-entry .avia-arrow{border:none; top: -5px;} .av-masonry-item-no-image .avia-arrow{display: none;} .av-masonry-entry .av-masonry-entry-title{ line-height: 1.3em; margin:0; font-size: 15px; } .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content{ padding-top:4px; } .av-masonry-date, .av-masonry-text-sep, .av-masonry-author{font-size: 11px;} .av-masonry-text-sep{padding: 0 5px;} .av-masonry-text-sep.text-sep-author, .av-masonry-author{display:none;} /*items loaded*/ .av-masonry-entry.av-masonry-item-loaded{ opacity: 1; visibility: visible; } .avia_desktop.avia_transform3d .av-masonry-entry{ -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{ -webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */ animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */ } /*gap variations between elements: no, 1px and large*/ .av-large-gap.av-masonry{ padding:15px 0 0 15px; } .av-no-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top:0px; left:-1px; right: 0px; bottom:-2px; } .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top:0px; left:0px; right: 1px; bottom:1px; } .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{position: absolute; top:0px; left:0px; right: 15px; bottom:15px; } .av-no-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; } .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:1px; margin-bottom:1px; } .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:15px; margin-bottom:15px; } /*firefox 1px gap fix*/ .avia-mozilla .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ margin-bottom:2px; } /*flex size*/ .av-flex-size .av-masonry-image-container{background-image: none !important; } /*fixed sized masonry (aka perfect grid)*/ .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container{position: absolute;} .av-fixed-size .av-masonry-image-container img{display: none;} .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:80%; z-index: 1; } .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:40%;} .av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer{ padding-bottom:160%;} .av-fixed-size .av-masonry-entry.av-portrait-img.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:80%;} #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content{ display: table; position: relative; height: 100%;width:100%;} #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos{display:table-cell; vertical-align: middle; text-align: center;} .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content{ position: absolute; bottom: -1px; /*fixes hover bug that lets 1px img shine through at bottom when font is big*/ } /*hover effect*/ #top .av-masonry-entry:hover{text-decoration: none; } .av-masonry-image-container, .av-inner-masonry-content, .av-masonry-pagination{ -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .avia_desktop .av-hover-overlay-active .av-masonry-image-container{opacity: 0.7;} .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container{ opacity: 1;} .avia_desktop .av-masonry-entry:hover .av-masonry-image-container{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content{opacity: 0; filter:alpha(opacity=00);} .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{opacity: 1; filter:alpha(opacity=100);} .avia_desktop .av-inner-masonry-content{ /*fixes flickering issue when caption/excerpt is visible by default and sorting is activated . may also try to replace it with -webkit-transform-style: preserve-3d;*/ -webkit-backface-visibility:hidden; } .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{ -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .avia_desktop.avia_transform3d .av-masonry-entry:hover .av-icon-display{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-color: transparent; } /*need to make sure that the scale transform doesnt mess up the image*/ .avia_desktop.avia_transform3d .av-masonry-image-container{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } /*masonry sorting*/ .av-masonry-sort{ text-align: center; padding:20px 40px; visibility: hidden; overflow: hidden; } .av-masonry-sort a{text-decoration: none;} .av-masonry-sort .avia_hide_sort{display: none;} .av-sort-by-term > * { display: inline-block; } .av-no-gap .av-masonry-sort, .av-1px-gap .av-masonry-sort{margin:0 0 1px 0;} .av-large-gap .av-masonry-sort{margin:0 15px 15px 0;} .avia-term-count{display: none; } #top .av-sort-yes-tax{line-height: 50px} #top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat{float: right} #top .av-current-sort-title{float: left; font-weight: normal; font-size: 26px;} /*masonry pagination*/ .av-masonry-pagination{ clear: both; z-index: 2; bottom: 20px; right:20px; padding:20px; display:block; } #top .av-masonry-load-more{ text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 13px; visibility: hidden; opacity: 0; overflow: hidden; } #top .av-masonry-load-more.av-masonry-no-more-items { opacity: 0 !important; height: 0px; padding: 0px; filter:alpha(opacity=00); } #top .av-masonry-load-more:hover{ letter-spacing: 0px; } .av-no-gap .av-masonry-load-more{margin:1px 0 0 0; float: left; width: 100%;} .av-large-gap .av-masonry-pagination{margin:0 15px 15px 0;} .av-masonry-pagination .pagination{padding:5px;} .av-masonry-pagination .pagination-meta { line-height: 30px; } /*masonry post types and variations*/ /*product*/ .av-masonry-entry.sale .av-masonry-entry-title{ padding-right:48px;} #top .av-masonry-entry.type-product .av-masonry-image-container{opacity: 1; -webkit-transform: scale(1);transform:scale(1); } #top .av-masonry-entry .price, #top .av-masonry-entry .price span, #top .av-masonry-entry del, #top .av-masonry-entry ins {font-size: 14px;} #top .av-masonry-entry .onsale{ top:20px; right:20px;} #top .av-masonry-entry .av-inner-masonry .av-masonry-overlay{opacity: 0; filter:alpha(opacity=0); width:100%; z-index: 10; position: absolute; top:0; left:0; right:0; bottom:0;} #top .av-masonry-entry:hover .av-inner-masonry .av-masonry-overlay{ opacity: 1; filter:alpha(opacity=100); } /*post types*/ #top .av-icon-display.av-masonry-media{ position: absolute; left: 50%; margin-left: -30px; top: -75px; opacity: 0.7; filter:alpha(opacity=70); } #top .av-masonry-entry:hover .av-icon-display.av-masonry-media{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #top .av-masonry-entry.format-quote .av-icon-display{ position: absolute; z-index: -1; border: none; background: rgba(0, 0, 0, 0); opacity: 0.1; filter:alpha(opacity=10); bottom: -20px; left: 0; font-size: 50px; line-height: 100px; width: 100px; } #top div .av-masonry-entry.format-quote:hover .av-icon-display{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0.3; filter:alpha(opacity=30); } /*masonry within columns/sections */ #top .container .av-masonry{background: transparent;} #top .container .av-masonry-col-flexible .av-masonry-entry{ width: 49.80%; } #top .container .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{ width: 100%; } @media only screen and (min-width: 1800px){ .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry{width:16.6%;} .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:33.2%;} } @media only screen and (min-width: 989px) and (max-width: 1340px) { .responsive .av-masonry-col-flexible .av-masonry-entry{width:33.3%;} .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:66.6%;} } @media only screen and (max-width: 767px) { .responsive #top .av-masonry-entry{width:100%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top .av-masonry-entry{width:49.90%;} .responsive #top .av-masonry-entry.av-landscape-img{width:100%;} } @media only screen and (max-width: 480px){ .responsive #top .av-masonry-entry{width:100%;} } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{width:33.3%;} .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img{width:66.6%;} .responsive .av-masonry-col-automatic .av-masonry-entry .av-masonry-entry-title{font-size:13px;} .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{display:none;} } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-col-flexible .av-masonry-entry{width:49.90%;} .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:100%;} } /* ====================================================================================================================================================== 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; } .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-tooltip{ position: absolute; z-index: 9999999; padding:12px; margin-top:-18px; margin-left: -4px; background: #000; background: rgba(0, 0, 0, 0.8); color:#fff; width:140px; border-radius: 2px; text-align: center; } .avia-tooltip .inner_tooltip{ font-size: 0.925em; line-height: 1.65em; } #top .avia-tooltip.transparent_dark, #top .avia-tooltip.transparent_dark .avia-arrow{ background: #000; background: rgba(0, 0, 0, 0.8); color:#fff; border:none; } #top .avia-tooltip.transparent_dark h1, #top .avia-tooltip.transparent_dark h2, #top .avia-tooltip.transparent_dark h3, #top .avia-tooltip.transparent_dark h4, #top .avia-tooltip.transparent_dark h5, #top .avia-tooltip.transparent_dark h6{ color:inherit; } .avia-tooltip.av-tooltip-shadow, .avia-tooltip.av-tooltip-shadow .avia-arrow{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .avia-tooltip ul, .avia-tooltip ol, .avia-tooltip blockquote{text-align: left; list-style-position: inside;} .avia-tooltip .avia-arrow{ background: rgba(0, 0, 0, 0.8); border:none; } .avia-tooltip .avia-arrow-wrap{ width:20px; height:20px; position: absolute; bottom:-20px; left:50%; margin-left:-7px; overflow: hidden; } .avia-tooltip .inner_tooltip br:first-child{display:none;} /*tooltip positions. mainly used for image hotspots but also for testimonials*/ .av-tt-hotspot .avia-arrow-wrap{bottom:auto; bottom:-19px;} .transparent_dark.av-tt-hotspot .avia-arrow-wrap{bottom:-20px;} /*below*/ .avia-tooltip.av-tt-pos-below{ margin-top: 18px; } .avia-tooltip.av-tt-pos-below .avia-arrow-wrap{bottom:auto; top:-19px;} .avia-tooltip.av-tt-pos-below .avia-arrow{bottom: -6px; top:auto;} /*to the left*/ .avia-tooltip.av-tt-pos-left{ margin-top: 0; margin-left: -18px;} .avia-tooltip.av-tt-pos-left .avia-arrow-wrap{left: auto; margin-left: 0; right: -19px; top: 50%; margin-top: -10px;} .avia-tooltip.av-tt-pos-left .avia-arrow{top: 5px; left: -5px; margin-left: 0;} /*to the right*/ .avia-tooltip.av-tt-pos-right{ margin-top: 0; margin-left: 18px;} .avia-tooltip.av-tt-pos-right .avia-arrow-wrap{left: -19px; margin-left: 0; top: 50%; margin-top: -10px;} .avia-tooltip.av-tt-pos-right .avia-arrow{top: 5px; left:auto; right: -5px; margin-left: 0;} /*arrow alignment for above and below tooltips*/ .av-tt-pos-above.av-tt-align-right.avia-tooltip, .av-tt-pos-below.av-tt-align-right.avia-tooltip{margin-left:4px;} .av-tt-pos-above.av-tt-align-left .avia-arrow-wrap, .av-tt-pos-below.av-tt-align-left .avia-arrow-wrap{left: 0; margin-left: 7px;} .av-tt-pos-above.av-tt-align-right .avia-arrow-wrap,.av-tt-pos-below.av-tt-align-right .avia-arrow-wrap{left: auto; right:0; margin-left: auto; margin-right: 7px;} /*arrow alignment for left and right tooltips*/ .av-tt-pos-left.av-tt-align-top .avia-arrow-wrap, .av-tt-pos-right.av-tt-align-top .avia-arrow-wrap{top: 0; margin-top: 2px;} .av-tt-pos-left.av-tt-align-bottom .avia-arrow-wrap,.av-tt-pos-right.av-tt-align-bottom .avia-arrow-wrap{bottom: 0; margin-bottom: 4px; top: auto;} .av-tt-pos-above.av-tt-align-centered, .av-tt-pos-below.av-tt-align-centered{text-align: center;} .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 .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 #top .avia-team-member .team-img-container img{position: relative; z-index: 3;} .responsive #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; } } /* ====================================================================================================================================================== Sidebar ====================================================================================================================================================== */ .avia-builder-widget-area{ position: relative; } .flex_column .widget:first-child, .content .widget:first-child{ padding-top: 0; border-top: none; } .flex_column .widget .widgettitle , .content .widget .widgettitle{ margin-top:0.85em; } /* ====================================================================================================================================================== 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;} .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;} .avia-testimonial-name{display:block;} .avia-testimonial-arrow-wrap{display:none;} .avia-testimonial-wrapper{display:table; margin: 30px 0; clear:both; } .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); } /*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;} /*slider large*/ #top .av-large-testimonial-slider { text-align: center; } #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;} #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-testimonial-image{margin:0; width:100%; float:none; text-align: center; margin-bottom: 15px; height: auto;} .responsive .avia-grid-testimonials .avia-testimonial-meta{margin-left:0;} } /* ====================================================================================================================================================== 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; } .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; } .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); } /* ====================================================================================================================================================== Image ====================================================================================================================================================== */ .avia-image-container{display:block; position: relative; max-width: 100%;} .avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 3px; display:block; position: relative; max-width: 100%;} .avia-image-container.avia-align-center{display:block; margin: 0 auto 10px auto; text-align: center; clear: both;} .avia-image-container.avia-align-center .avia-image-container-inner{margin:0 auto; display:inline-block; vertical-align:bottom} .avia-image-container.avia-align-left{display:block; float:left; margin-right: 15px; margin-top: 5px;} .avia-image-container.avia-align-right{display:block; float:right; margin-left: 15px; margin-top: 5px;} .avia-image-container.avia-align-center.avia-builder-el-no-sibling{margin-bottom:0; margin-top:0;} .avia_image + br{display:none;} /*styling variations*/ .av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay, .av-styling-circle div.av-caption-image-overlay-bg{overflow: hidden; border-radius: 10000px; } .avia-safari div.av-image-caption-overlay-center { -webkit-transform:translate3d(0,0,0); }/*flicker fix for caption in safari*/ .av-styling-no-styling .avia-image-container-inner, .av-styling-no-styling .avia_image, .av-styling-no-styling .av-image-caption-overlay{border-radius: 0; border:none;} /*captions*/ .av-image-caption-overlay{position: absolute; height:100%; width:100%; z-index: 10; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .avia-msie-8 .av-image-caption-overlay{background: #000; filter:alpha(opacity=40); } .av-image-caption-overlay-position{display: table; width: 100%; height:100%; position: relative; } .av-image-caption-overlay-center{display:table-cell; vertical-align: middle; font-size: 1.3em; line-height: 1.5em; padding: 0px 1.5em; } .av-image-caption-overlay-center p:first-child{margin-top:0;} .av-image-caption-overlay-center p:last-child{margin-bottom:0;} .av-caption-image-overlay-bg{position: absolute; height:100%; width:100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg{opacity: 0 !important; } .av-overlay-on-hover .av-image-caption-overlay{opacity: 0; filter:alpha(opacity=00); } .av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay{opacity: 1; filter:alpha(opacity=100);} /*animation variations*/ .avia_transform .avia_animated_image { opacity: 0; } .avia_transform .avia_start_delayed_animation.fade-in.avia_animated_image { -webkit-animation: avia-fadein 1.5s 1 ease-out; /* Safari 4+ */ animation: avia-fadein 1.5s 1 ease-out; /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_delayed_animation.pop-up.avia_animated_image { -webkit-animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_delayed_animation.top-to-bottom.avia_animated_image { -webkit-animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_delayed_animation.bottom-to-top.avia_animated_image { -webkit-animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Safari 4+ */ animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_delayed_animation.left-to-right.avia_animated_image { -webkit-animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; } .avia_transform .avia_start_delayed_animation.right-to-left.avia_animated_image { -webkit-animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; } /* ====================================================================================================================================================== Image with Hotspots ====================================================================================================================================================== */ .av-hotspot-container {position: relative; display: table; margin: 0 auto; clear: both; table-layout:fixed} .av-hotspot-container-inner-cell{display: table-cell;} .av-fullwidth-hotspots .av-hotspot-container-inner-cell{width:100%;display:block;} .av-hotspot-container-inner-wrap img{width:100%; display: block;} .av-hotspot-container .av-image-hotspot{height:18px; width:18px; font-size: 10px; line-height: 18px; text-align: center; position: absolute; z-index: 1; margin:-9px 0 0 -9px; } .av-hotspot-container .av-image-hotspot_inner{ display:block; border-radius: 100px; position: absolute; height:100%; width:100%; background: #fff; color: #888; z-index: 2; cursor: pointer; text-decoration: none;} .av-hotspot-container .av-image-hotspot_inner:hover{ background: #fff; color: #888;} .av-hotspot-blank .av-hotspot-container .av-image-hotspot_inner{overflow: hidden; text-indent: -200%;} .av-hotspot-container .av-image-hotspot-pulse { display: block; background: #fff; border-radius: 100px; height: 40px; width: 40px; position: absolute; -webkit-animation: av_pulsate 2s ease-out infinite; animation: av_pulsate 2s linear infinite; opacity: 0; top: -11px; left: -11px; z-index: 1; } .av-tt-hotspot{text-align: left; } .av-hotspot-fallback-tooltip{ padding:15px 15px 0 15px; position: relative; display:none; } .av-hotspot-image-container .av-hotspot-fallback-tooltip:last-child{padding-bottom:15px;} .av-hotspot-fallback-tooltip-count{height:40px; width:40px; line-height: 40px; border-style: solid; border-width: 1px; text-align: center; border-radius: 100px; position: absolute; top:15px; left:15px; z-index: 10;} .av-hotspot-fallback-tooltip-inner{margin-left:60px; border: 1px solid; padding: 15px; position: relative; border-radius: 2px;} .av-hotspot-fallback-tooltip-inner img{max-width:100px; margin:0 10px 0 0; display:block;} .av-hotspot-fallback-tooltip-inner p:first-child, .inner_tooltip p:first-child{margin-top:0;} .av-hotspot-fallback-tooltip-inner p:last-child, .inner_tooltip p:last-child{margin-bottom:0;} .av-hotspot-fallback-tooltip div.avia-arrow { left: 60px; top: 13px; border-right: none; border-top: none; } .av-tt-large-width{width:250px;} .av-tt-xlarge-width{width:350px;} /*non-fullwidth hotspot*/ .av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip{padding-left:0; padding-right: 0;} .av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip-count{left:0px;} /*fullwidth hotspot*/ .av-fullwidth-hotspots{border-top:none;} .av-fullwidth-hotspots img{width:100%; border-radius: 0px;} .av-fullwidth-hotspots .av-hotspot-container{display: block; } /*image and hotspot appearing*/ .avia_transform.js_active .avia_animated_image .av-image-hotspot{opacity:0; visibility: hidden;} .avia_transform.js_active .avia_animated_image .av-display-hotspot{ -webkit-animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; visibility: visible; } .avia_transform.js_active .avia_animated_image .av-image-hotspot .av-permanent-tooltip-single{ opacity:0 !important; -webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s; transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s; -webkit-transform:translate(0px,10px); transform:translate(0px,10px); } .avia_transform.js_active .avia_animated_image .av-display-hotspot .av-permanent-tooltip-single{ opacity: 1 !important; -webkit-transform:translate(0px,0); transform:translate(0px,0); } @media only screen and (min-width: 990px) { .responsive .av-image-hotspot{ height:24px; width:24px;line-height: 24px; font-size: 11px;} .responsive .av-image-hotspot-pulse{ height: 54px; width: 54px; top: -15px; left: -15px;} } @media only screen and (max-width: 767px) { .responsive .av-hotspot-fallback-tooltip{ display:block; } .responsive .av-mobile-fallback-active.avia-tooltip{visibility: hidden;} .responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner{text-indent: 0px;} } /* ====================================================================================================================================================== Video ====================================================================================================================================================== */ .avia-video, .avia-iframe-wrap{clear:both; position: relative; margin-bottom:20px; } /*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; } div .avia-video .mejs-container, div .avia-video .mejs-container video{ height:100%!important; position: absolute; } /* ====================================================================================================================================================== Gallery ====================================================================================================================================================== */ #top div .avia-gallery{overflow: hidden; padding-bottom:2px; clear:both;} #top div .avia-gallery img{float:left; border-style: solid; border-width:1px; padding:7px; width:100%; border-radius: 0;} #top div .avia-gallery .avia-gallery-big{display: block;overflow: hidden; padding:7px; margin-bottom:-1px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-style: solid; border-width:1px;} #top div .avia-gallery .avia-gallery-big-inner{display: block;overflow: hidden; height: 100%;} #top div .avia-gallery .avia-gallery-big img{padding:0; border:none;} #top .avia-gallery .avia-gallery-thumb a{ width:20%; opacity: 1; } #top #wrap_all .avia-gallery .avia-gallery-thumb a{display: block; float:left; } #top .avia-gallery .avia-gallery-thumb a:hover{opacity: 0.5;} #top .avia-gallery .avia-gallery-caption{display:none;} #top div .avia-gallery .avia-gallery-big-no-crop-thumb {text-align: center;} #top div .avia-gallery .avia-gallery-big-no-crop-thumb img{clear:both; float: none; text-align: center;} /*gallery animation*/ .avia_transform .avia-gallery-thumb img{ opacity: 0.1; -webkit-transform: scale(0.5); transform: scale(0.5); } .avia_transform .avia-gallery-thumb img.avia_start_animation{ -webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .av-hover-grow{overflow: hidden; } .av-hover-grow img { -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .av-hover-grow:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .av-hide-gallery-thumbs .avia-gallery-thumb{display:none;} @media only screen and (max-width: 767px) { .responsive .avia-gallery-thumb img{padding:3px;} } /* ====================================================================================================================================================== Slideshow ====================================================================================================================================================== */ .avia-slideshow{position: relative; margin:50px 0; width:100%; clear: both; overflow: hidden;} .flex_column .avia-slideshow{ margin:20px 0; } .flex_column .avia-slideshow.avia-builder-el-no-sibling{margin-top:0px;} .avia-slideshow-inner{padding:0; margin: 0; position: relative; overflow: hidden; width:100%;} #top .av-default-height-applied .avia-slideshow-inner{height:0px;} .avia-slideshow li{padding:0; margin: 0; list-style-type: none; list-style-position: outside; position: absolute; visibility: hidden; z-index: 1; top:0; left:0; width:100%; clear:both; opacity: 0;} .avia-slideshow li:first-child{position: relative; visibility: visible; z-index: 3;} .avia-slideshow li img{display:block; width:100%; margin: 0 auto; border-radius: 3px;} .flex_cell_inner .avia-slideshow li img{border-radius: 0;} .avia-slideshow.image_no_stretch li img{width:auto;} .avia-slideshow li>p{margin:0;} #top .avia-slideshow-arrows a{ display: block; text-decoration: none; color: #fff; visibility: visible; position: absolute; width:60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top:50%; margin:-30px 15px 0; z-index: 99; overflow: hidden; text-indent: -600%; } #top .avia-slideshow-arrows a.next-slide{ right:0; } .avia-slideshow-arrows a:before{ visibility: visible; display: block; position: absolute; z-index: 100; background: #aaa; background: rgba(0,0,0,0.3); top:0; left:0; right:0; bottom:0; border-radius: 3px; text-align: center; line-height: 62px; color:inherit; } .prev-slide:before{ text-indent: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .next-slide:before{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-indent: 0px; } .avia-slideshow-dots{position: absolute; z-index: 200; width:100%; bottom:0; text-align: center; left: 0; height:0px;} .avia-slideshow-dots a{display: inline-block; height:13.5px; width:13.5px; border-radius: 14px; background: #000; opacity: 0.6; filter:alpha(opacity=60); text-indent: 100px; overflow: hidden; margin:0 1px; padding: 7px;position: relative; bottom: 33px; -webkit-backface-visibility: hidden;} .avia-slideshow-dots a.active, .avia-slideshow-dots a:hover{opacity: 0.8; filter:alpha(opacity=80); background: #fff;} .avia-caption{position: absolute; z-index: 10; bottom:17px; left:17px; padding:10px 20px; color:#fff; border-radius: 3px; } .avia-slideshow .avia-caption .avia-caption-title{ color:#fff; } .js_active .avia-slideshow li:first-child{visibility: hidden;} /* hide controls on desktop */ .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a{ opacity: 0; filter:alpha(opacity=0); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter:alpha(opacity=60); } .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter:alpha(opacity=80); } /*various control stylings*/ #top .av-control-hidden .avia-slideshow-controls{display: none;} #top .av-control-minimal .avia-slideshow-arrows a:before{border:2px solid #fff; background: transparent; line-height: 60px;} #top .av-control-minimal .avia-slideshow-dots a{border:2px solid #fff; background: transparent; padding: 5px;} #top .av-control-minimal .avia-slideshow-dots a.active{background: #fff;} /*avia-small-width-slider*/ #top .avia-small-width-slider .avia-slideshow-arrows a{ width:30px; height:30px; margin: -15px 5px 0; line-height: 32px; font-size: 15px; } #top .avia-small-width-slider .avia-slideshow-arrows a:before{ line-height: 32px; } #top .avia-super-small-width-slider .avia-slideshow-dots{display:none;} /*video slides*/ #top .av-video-slide , #top .av-video-slide .avia-slide-wrap{width:100%; height:100%; position: absolute; overflow: hidden;} #top .av-video-slide .mejs-poster{width:100% !important; height: 100% !important; background-size: cover; background-position: center center;} #top .av-video-slide .mejs-poster img{display:none;} #top .av-video-slide .avia-iframe-wrap{padding:0; height:100%; margin: 0;} #top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video{max-width:none; max-height:none; width:100%; height:100%; position: absolute;} #top .av-video-slide .caption_fullwidth{top: 0; left: 0; right: 0; bottom: 40px; } #top .av-video-slide.av-hide-video-controls .caption_fullwidth{ bottom:0px;} #top .av-video-slide .mejs-container{ height: 100% !important; position: absolute;} #top .av-video-slide .me-plugin{width:100%; height:100%;} span.mejs-offscreen { display: none!important; } #top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .avia_video{z-index: 8;} .mejs-controls{ z-index: 9; } #top .av-video-slide.av-video-service-vimeo .mejs-controls, .av-force-resize .av-video-service-youtube .avia_video, .av-hide-video-controls .mejs-controls{display: none !important;} .av-video-slide.slide-1 .mejs-mediaelement{opacity: 0;} .av-video-slide .mejs-mediaelement{height:100%;} #top .av-video-slide .mejs-overlay-button{display: none;} #top .av-video-slide .avia-slide-wrap{ background: #000 url("../images/layout/preload-dark-grey-big.gif") no-repeat center center; } #top .av-video-slide.av-video-service-youtube .avia-slide-wrap{ background: #000 } #top .av-video-slide.av-video-4-3-stretch iframe, #top .av-video-slide.av-video-4-3-stretch embed, #top .av-video-slide.av-video-4-3-stretch object, #top .av-video-slide.av-video-4-3-stretch video { height: 270%; } /*blocks the option to click the video. play/pause events get attached to the av click overlay instead*/ #top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay{ content: "."; position: absolute; text-indent: -200px; overflow: hidden; top:0; left:0; right:0; bottom:0; z-index: 11; /*this allows to toggle to work in IE. its a hack since the browser does not accept click events on elements without bg. */ filter: alpha(opacity=0); opacity: 0; background: #000; } .av-click-overlay{z-index: 9; bottom:30px;} /*z index 9 to move it behind caption*/ .av-hide-video-controls .av-click-overlay {bottom:0;} .av-video-service-vimeo .av-click-overlay {bottom:42px;} .av-video-service-youtube .av-click-overlay {bottom:36px;} .av-video-stretch.av-video-service-vimeo .av-click-overlay, .av-video-stretch.av-video-service-youtube .av-click-overlay{bottom:0;} /*video play/pause icon*/ .avia_playpause_icon{ position: absolute; height:100px; width:100px; margin:-50px 0 0 -50px; background: #000; background: rgba(0,0,0,0.4); border-radius: 3px; top: 50%; left: 50%; z-index: 50; display:none; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .avia_playpause_icon.av-play, .avia_playpause_icon.av-pause{ display:block !important; } #top .avia_playpause_icon:before{ top:0; left:0; right:0; bottom:0; position: absolute; color:#fff; line-height: 100px; text-align: center; font-size: 40px; } .avia_transform .avia_playpause_icon.av-play, .avia_transform .avia_playpause_icon.av-pause{ -webkit-animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ opacity: 0; } .avia_playpause_icon.av-pause{ } /*slideshow on mobile*/ .av-fallback-message{text-align: center; position: absolute; z-index: 1000; top:45%; width:100%; left:0;} .av-fallback-message span{display: inline-block; border:1px solid #e1e1e1; padding:10px;background: #fff;} /* ====================================================================================================================================================== Slideshow 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;} /*slideshow captions Fullscreen slider*/ .caption_fullwidth{position: absolute; right:0; bottom:0; left:0; top:0; z-index: 10;} .slideshow_caption{ z-index: 100; width:42%; position: absolute; bottom: 0; top:auto; height:100%; display:block; text-decoration: none; padding:50px; } div .slideshow_caption h2{text-transform: uppercase;} div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption a:hover, div .slideshow_caption h2, div .slideshow_caption h2 .special_amp, div .slideshow_caption strong , div .slideshow_caption h2 strong{ color: #fff; } .slideshow_inner_caption{ position: relative; display: table; height:100%; width:100%; } .slideshow_align_caption{ display:table-cell; vertical-align: middle; position: relative; } .av_slideshow_full .container.caption_container { position: relative; top: 0; z-index: 5; height: 100%; left: 0%; overflow: visible; } .caption_left .slideshow_caption {left:0; } .caption_right .slideshow_caption{ right:0; } .caption_right .slideshow_caption .slideshow_inner_caption{ float:right; } .caption_bottom .slideshow_caption {left:0; width:100%; bottom:0; height:auto;} #top div .caption_center .slideshow_caption { left:0; width: 100%; text-align: center;} .caption_bottom .slideshow_caption .slideshow_inner_caption{ display: block; height:auto; bottom:0; position: absolute; padding: 0 50px; width:100%; left:0; } .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{ padding:20px 0; display: block; } /*caption frame*/ .avia-caption-content{line-height: 1.3em;} .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { background: #000; filter: alpha(opacity = 80); background: rgba(0, 0, 0, 0.5); display:inline-block; margin:0 0 1px 0; padding:10px 15px; } #top .avia-caption-content .wp-smiley{display:none;} #top .avia-caption-content a{text-decoration: underline;} #top .avia-caption-content a:hover{text-decoration: none;} .avia_transform .av_slideshow_full .avia-caption-title{ } .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 .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 .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 .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 .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;} .avia-fullscreen-slider .avia-slideshow>ul>li{width:100%; height:100%; background-size: cover; background-position: center center; } .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);} #top .avia-slideshow-button{border-radius: 3px; text-transform: uppercase; padding:15px 16px; display: inline-block; margin-top:20px; text-decoration: none; font-weight: bold;} #top .avia-slideshow-button.avia-color-light{ padding:12px 16px; background-color: rgba(0,0,0,0.2); } #top .avia-slideshow-button.avia-color-dark{ padding:12px 16px; background-color: rgba(255,255,255,0.1);} .avia-multi-slideshow-button{min-width: 140px;} .avia-multi-slideshow-button.avia-slideshow-button{margin-right:10px;} .avia-multi-slideshow-button.avia-slideshow-button-2{margin-left:10px;} #top .scroll-down-link { height: 60px; width: 80px; margin: 0px 0 0 -40px; line-height: 60px; position: absolute; left: 50%; bottom: 0px; color: #FFF; text-align: center; font-size: 70px; z-index: 100; text-decoration: none; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-animation: avia_fade_move_down 2s ease-in-out infinite; animation: avia_fade_move_down 2s ease-in-out infinite; } .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;} } /* ====================================================================================================================================================== 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; } /*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-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'; } /* ====================================================================================================================================================== Partner/Logo Slider + Content Slider ====================================================================================================================================================== */ /*shared styles*/ #top .avia-smallarrow-slider {position: relative; overflow: visible;} #top .avia-smallarrow-slider .avia-slideshow-arrows {position: relative; width:51px; top:-3px; left:0; height: 24px;} #top .avia-smallarrow-slider .avia-slideshow-arrows a{opacity: 1; margin:0; width:24px; height:24px; line-height: 25px; font-size: 10px; top:0;} #top .avia-smallarrow-slider .avia-slideshow-arrows a:hover{opacity: 0.5;} #top .avia-smallarrow-slider .avia-slideshow-arrows a:before{line-height: 25px; border-radius: 1px;} #top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img{margin:0 auto; display: block; width:auto; width: 100%\9;} #top .avia-smallarrow-slider-heading{display: table; width:100%;} #top .avia-smallarrow-slider-heading> div{display: table-cell;} #top .avia-smallarrow-slider-heading h3{top:-3px; position: relative;} #top .avia-logo-grid .slide-entry-wrap{margin:0;} #top .avia-smallarrow-slider .avia-slideshow-dots{position: relative; width:100%; left:0; bottom:0; margin-top: 10px;} #top .avia-smallarrow-slider .avia-slideshow-dots a{border-style: solid; border-width: 1px; bottom: 0;} #top .avia-smallarrow-slider .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{background: #aaa; } /*content only*/ #top .avia-content-slider-element-container .avia-slideshow-dots{left:0; text-align: right; width: auto;} /*partner only*/ #top .avia-logo-element-container .slide-entry { padding:1px; } #top .avia-logo-element-container img{ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } #top .av-border-deactivate.avia-logo-element-container img{ box-shadow: none; } #top .avia-logo-element-container .slide-image{overflow: visible;} @media only screen and (max-width: 767px) { .responsive #top .avia-smallarrow-slider .flex_column{ margin: 0px; width:50%; } } #top .avia-content-slider-element-container .avia-slideshow-dots a.active, #top .avia-content-slider-element-container .avia-slideshow-dots a:hover{background: #aaa;} /* ====================================================================================================================================================== GOOGLE MAPS ====================================================================================================================================================== */ .avia-google-maps-section{border:none;} .avia-google-maps-section.avia-builder-el-0{border-top-style: solid; border-top-width: 1px;} .avia-google-map-container{position: relative; clear:both;} .avia-google-map-container img { max-width: none; } .avia-google-map-container div, .avia-google-map-container img, .avia-google-map-container a{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .avia-google-map-container .gm-style-iw p {color: #444;} /* ====================================================================================================================================================== Magazine ====================================================================================================================================================== */ .av-magazine{clear:both; overflow: hidden; margin-bottom:30px; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden;} .av-magazine-group{clear:both; position: relative; overflow: hidden; } .av-magazine-group.av-hidden-mag{display:none;} .av-magazine-entry{clear:both; position: relative; margin-bottom: 10px;} .av-magazine-thumbnail{float:left; margin-right:15px; width:61px; min-height:61px; border:1px solid; padding:5px; display: block; text-align: center; position: relative;} .av-magazine-thumbnail-link{overflow: hidden; display: block;} .av-magazine-thumbnail img{ display:block; margin:0 auto; } .av-magazine .av-magazine-no-thumb .av-magazine-content-wrap{ min-height: 0px; } .av-magazine .av-magazine-no-thumb .av-magazine-content-wrap .av-magazine-title{padding-bottom:10px;} .av-magazine .av-magazine-entry-icon{font-size: 20px; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; line-height: 51px;} .av-magazine .av-magazine-entry-icon:hover{text-decoration: none;} .av-magazine-content-wrap{overflow: hidden; border-bottom:1px solid; min-height: 61px;} .av-magazine header{position: relative;} .av-magazine-time, .av-magazine-author, .av-magazine-text-sep{font-size: 12px; text-transform: uppercase;} .av-magazine-text-sep{padding: 0 5px;} .av-magazine-text-sep, .av-magazine-author{ display: none; } .av-magazine .av-magazine-content-wrap .av-magazine-title{font-size: 14px; line-height: 1.3em; text-transform: none; letter-spacing:normal; padding:0; margin:0;} .av-magazine-hero .av-magazine-thumbnail{margin:0 0 8px 0; float:none; width:100%; border-radius: 2px; padding:7px;} .av-magazine-hero .av-magazine-content-wrap{ padding-bottom: 10px;} .av-magazine-hero-left .av-magazine-hero .av-magazine-content-wrap{border:none; margin-bottom:0px; padding-bottom: 0px;} .av-magazine-hero .av-magazine-content{margin-top:10px;} .av-magazine .av-magazine-sideshow.av_one_half{margin-left:3%; padding-left: 3%; width:50%; border-left-width:1px; border-left-style: solid;} .av-magazine-top-bar{line-height: 30px; overflow: hidden; border-bottom-width:1px; border-bottom-style: solid; margin-bottom:10px;} .av-magazine-hero-left .av-magazine-top-bar{margin-bottom:0px; } .av-magazine-hero-top .av-magazine-top-bar{margin-bottom:0px; border:none; } .av-magazine-hero-left.av-magazine-top-bar-active .flex_column{padding-top:20px;} .av-magazine-top-heading{font-size: 15px; font-weight: bold; text-transform: uppercase; float: left; } .av-magazine-sort{float:right; font-size: 12px;} #top .av-magazine .avia-inherit-font-color a.av-magazine-top-heading, #top .av-magazine .avia-inherit-font-color a.active_sort, #top .av-magazine .avia-inherit-font-color a:hover{color: inherit;} .avia-font-color-grey {color: #555; } .avia-font-color-black {color: #2c2c2c;} .avia-font-color-red {color: #B02B2C;} .avia-font-color-orange {color: #edae44;} .avia-font-color-green {color: #83a846;} .avia-font-color-blue {color: #7bb0e7;} .avia-font-color-aqua {color: #4ecac2;} .avia-font-color-teal {color: #5f8789;} .avia-font-color-purple {color: #745f7e;} .avia-font-color-pink {color: #d65799;} .avia-font-color-silver {color: #DADADA;} @media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-magazine .flex_column{ margin: 0px; padding-left: 0px; width:100%; border:none; } } /* ====================================================================================================================================================== AVIACCORDION ====================================================================================================================================================== */ #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{position: relative; overflow: hidden;} #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-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; } } /* ====================================================================================================================================================== SUBMENU ====================================================================================================================================================== */ #top .sticky_placeholder { height:51px; position: relative; clear:both; } #top .av-submenu-container { height:52px; position: absolute; 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 .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;} @media only screen and (max-width: 767px) { .responsive #top .sticky_placeholder{height:0px;} .responsive #top .av-submenu-container{top: auto !important; position: relative !important; height:auto; } .responsive #top .av-menu-mobile-active {text-align: center; } .responsive #top .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;} .responsive #top .av-menu-mobile-active .av-subnav-menu{display:none;} .responsive #top #wrap_all .av-menu-mobile-active.container {width:100%; max-width: 100%;} .responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;} .responsive #top .av-subnav-menu > li:first-child{margin-top:-1px;} .responsive #top .av-menu-mobile-active .av-subnav-menu li{display:block; border-top-style: solid; border-top-width: 1px; padding:0;} .responsive #top .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;} .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25B6"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;} .responsive #top .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-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;} .responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;} .responsive #top .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;} .responsive #top .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;} .responsive #top .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;} } /* ====================================================================================================================================================== Countdown ====================================================================================================================================================== */ .av-countdown-timer{clear:both; position: relative; opacity: 0; margin:30px 0;} .av-countdown-timer-inner{display: table; width: 100%; table-layout: fixed;} .av-countdown-timer-inner:hover {text-decoration: none;} .av-countdown-cell{display: table-cell; } .av-countdown-cell-inner{display: block; margin:1px 1px 0 0; padding:20px;} .av-countdown-time{display: block; font-size:40px; line-height: 1em; font-weight:100; color:inherit; text-decoration: none;} .av-countdown-time-label{display: block; text-transform: uppercase; color:inherit; overflow: hidden; text-overflow: ellipsis;} .av-countdown-timer-title{display: block; font-size:30px; line-height: 1.3em; margin:0 0 15px 0; text-decoration: none; position: relative; } .av-countdown-timer-title:hover{text-decoration: none;} .av-countdown-timer-title-bottom{margin:15px 0 0 0;} .av-countdown-active.av-countdown-timer{opacity: 1;} /*styles*/ #top .av-default-style .av-countdown-cell-inner{border-style: solid; border-width: 1px; margin:2px;} #top .av-trans-light-style .av-countdown-cell-inner{color:#fff; background: transparent; border: 3px solid #fff; margin:2px;} #top .av-trans-dark-style .av-countdown-cell-inner{color:#000; background: transparent; border: 3px solid #000; margin:2px;} #top .av-trans-light-style .av-countdown-timer-title{color:#fff;} #top .av-trans-dark-style .av-countdown-timer-title{ color:#000;} @media only screen and (max-width: 989px) { .responsive .av-countdown-cell-inner{padding:10px 10px; } } @media only screen and (max-width: 767px) { .responsive .av-countdown-cell-inner{padding:12px 7px;} .responsive .av-countdown-time{font-size:30px !important;} .av-countdown-time-label{text-transform: none;} } /* ====================================================================================================================================================== Layout Grid + Cells ====================================================================================================================================================== */ .av-layout-grid-container{width:100%; table-layout: fixed; display: table; border-top-stye:none; border-top-width: 0px;} .flex_cell{display: table-cell; padding:30px; vertical-align: top; } .flex_cell_inner{display: block; position: relative;} .av-border-top-bottom{border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;} .av-border-cells .flex_cell{border-left-style: solid; border-left-width:1px;} .av-border-cells .flex_cell:first-child{border:none;} .av-layout-grid-container + .av-layout-grid-container{border-top:none;} /*no image radius if zero padding cell*/ .av-zero-padding .av-hotspot-container-inner-wrap img { border-radius: 0; } /* ====================================================================================================================================================== Text Rotator ====================================================================================================================================================== */ #top .av-rotator-container{position: relative; } #top .av-rotator-container-inner{position: relative; line-height: 1.1em; margin:0; font-weight:300; text-transform:none; color:inherit; font-size: inherit;} #top p.av-rotator-container .av-rotator-container-inner{line-height: 1.1em;} .av-rotator-text, .av-rotator-text-single{position: relative; display: inline; } .av-rotator-text-single{display: none; top:0; } .av-rotator-text-single:first-child{display: inline;} .av-rotator-multiline-on{display:block;} #top .av-rotator-container a:hover{text-decoration: underline;} .av-fixed-rotator-width .av-rotator-text{text-align: left; display: inline-block; } @media only screen and (max-width: 767px) { .responsive #top .av-rotator-container-inner{font-size: 0.7em;} } /* ====================================================================================================================================================== 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;} .av-social-sharing-box-minimal .av-share-box ul{border:none;} /* ====================================================================================================================================================== ANIMATIONS ====================================================================================================================================================== */ /*pop up animation*/ @-webkit-keyframes avia_appear { 0% { -webkit-transform:scale(0.5); opacity: 0.1; } 100% { -webkit-transform:scale(1); opacity: 1; } } @keyframes avia_appear { 0% { transform:scale(0.5); opacity: 0.1; } 100% { transform:scale(1); opacity: 1; } } @-webkit-keyframes avia_image_appear { 0% { -webkit-transform:scale(0.7); opacity: 0.1; } 100% { -webkit-transform:scale(1); opacity: 1; } } @keyframes avia_image_appear { 0% { transform:scale(0.7); opacity: 0.1; } 100% { transform:scale(1); opacity: 1; } } @-webkit-keyframes avia_hotspot_appear { 0% { -webkit-transform:translate(0, 80px); opacity: 0.1; } 100% { -webkit-transform:translate(0, 0px); opacity: 1; } } @keyframes avia_hotspot_appear { 0% { transform:translate(0, 80px); opacity: 0.1; } 100% { transform:translate(0, 0px); opacity: 1; } } @-webkit-keyframes avia_appear_short { 0% { -webkit-transform:scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:scale(1); opacity: 0; } } @keyframes avia_appear_short { 0% { transform:scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform:scale(1); opacity: 0; } } /*pop up animation*/ @-webkit-keyframes avia_msonry_show { 0% { -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; } 100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes avia_msonry_show { 0% { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; } 100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /*animated arrow animattion*/ @-webkit-keyframes avia_fade_move_down { 0% { -webkit-transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,20px); opacity: 0; } } @keyframes avia_fade_move_down { 0% { transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,20px); opacity: 0; } } /*slide down (height increase) animation*/ @-webkit-keyframes avia_slide_down { 0% { height:0%; } 100% { height:100%; } } @keyframes avia_slide_down { 0% { height:0%; } 100% { height:100%; } } /*expand width animation*/ @-webkit-keyframes avia_expand { 0% { width:0%; } 100% { width:100%; } } @keyframes avia_expand { 0% { width:0%; } 100% { width:100%; } } /*fade in animation*/ @-webkit-keyframes avia-ltr { 0% { -webkit-transform:translate(-10%,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes avia-ltr { 0% { transform:translate(-10%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes avia-rtl { 0% { -webkit-transform:translate(10%,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes avia-rtl { 0% { transform:translate(10%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes avia-btt { 0% { -webkit-transform:translate(0,50%); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes avia-btt { 0% { transform:translate(0,50%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes avia-ttb { 0% { -webkit-transform:translate(0, -10%); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes avia-ttb { 0% { transform:translate(0, -10%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes avia-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes avia-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /*background animation*/ @-webkit-keyframes avia-bg-move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } @keyframes avia-bg-move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } /*caption animation*/ @-webkit-keyframes caption-right { 0% { -webkit-transform:translate(2000px,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes caption-right { 0% { transform:translate(2000px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes caption-left { 0% { -webkit-transform:translate(-2000px,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes caption-left { 0% { transform:translate(-2000px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes caption-top { 0% { -webkit-transform:translate(0,-20px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes caption-top { 0% { transform:translate(0,-20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes caption-bottom { 0% { -webkit-transform:translate(0,20px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes caption-bottom { 0% { transform:translate(0,20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } /*image hotspot pulse*/ @-webkit-keyframes av_pulsate { 0% {-webkit-transform: scale(0.1); opacity: 0.0;} 50% {opacity: 0.7;} 100% {-webkit-transform: scale(1); opacity: 0.0;} } @keyframes av_pulsate { 0% {transform: scale(0.1); opacity: 0.0;} 50% {opacity: 0.7;} 100% {transform: scale(1); opacity: 0.0;} } /*sonar effect*/ @-webkit-keyframes sonarEffect { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);} 100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.5);opacity: 0;} } @keyframes sonarEffect { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);} 100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;} }