/*
Theme Name: Enfold Documentation
Description: 2018 Documentation, Tutorials, How-to’s and Customization Guides to help you ceate awesome websites with Enfold.
Version: 1.0
Author: Vinay Kashyap @ Kriesi.at
Author URI: http://www.kriesi.at
Template: enfold
*/



@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Just+Another+Hand');
@import url('https://fonts.googleapis.com/css?family=Chau+Philomene+One|Secular+One');

/************************************************************************
Global settings
*************************************************************************/

html, #socket{
    background-color: #222324;
}

body {
    font-size: 13px;
    line-height:1.75em;
}

#main{
    overflow: hidden;
}

.container{
    padding: 0 40px;
}

.html_boxed #main{
    overflow: visible;
}

.main_color a {
    color: #ba200f;
}

#top.example-post h2.av-special-heading-tag  {
     text-transform: none;
	text-align:left;
 }

/************************************************************************
Hero Section
*************************************************************************/

#hero {
    background-size: cover;
    position: relative;
    color: #fff;
}

#hero h1{
    color: #fff;
}

#hero:after{
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    bottom: -10px;
    left: 50%;
    margin-left:-10px;
    transform: rotate(45deg);
    z-index: 10;
}

#hero p{
    margin-bottom: 60px;
}

/************************************************************************
Search
*************************************************************************/

#top #hero .avia_search_element form{
    background: rgba(0,0,0,0.40);
    border: 4px solid rgba(255,255,255,0.80);
    border-radius: 100px;
    padding: 10px 10px 10px 30px;
    transition: all 0.3s ease-in-out;
    position: relative;
    width: 100%;
    margin: 0 auto 20px auto;
}

@media only screen and (min-width: 1440px) {
    #top #hero .avia_search_element form{
        width: 80%;
    }
}

#top #hero .av_searchform_wrapper { 
    border: none;
}

#top #hero .avia_search_element.av_focused form{
    background: rgba(0,0,0,0.70);
    border: 4px solid rgba(255,255,255,1);
}

#top #hero .avia_search_element form:after{
    content: "";
    height: calc(100% - 8px);
    width: 150px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(66,160,189,0.60);
    border: 4px solid transparent;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    transition: all 0.3s ease-in-out;
}

#top #hero .avia_search_element form.ajax_loading_now:after{
    width: 190px;
}

#top #hero .avia_search_element.av_focused form:after {
    background: rgba(66,160,189,0.90);
}

#top #hero .avia_search_element form:before {
    content: "";
    position: absolute;
    right: 158px;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: rgba(255,255,255,0.80);
    transition: all 0.3s ease-in-out;
}

#top #hero .avia_search_element form.ajax_loading_now:before {
    right: 198px;
}

#top #hero .avia_search_element.av_focused form:before {
    background-color: rgba(255,255,255,1);
}


#top #hero .avia_search_element #s{
    font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    background-color: transparent !important;
    border: 0 !important;
    font-size: 17px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: calc(100% - 150px);
}

#top #hero .avia_search_element #s::placeholder {
    color: rgba(255,255,255,0.80);
}

#top #hero .avia_search_element #s::-ms-clear {
    display: none !important;
    width : 0 !important;
    height: 0 !important;
}

#top #hero .avia_search_element #searchsubmit {
    font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    width: 140px;
    background-color: #346e80 !important;
    font-size: 17px;
    color: #FFFFFF;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
}

#top #hero .avia_search_element .searchsubmit_wrapper {
    background-color: transparent !important;
}

body.single-post.documentation .gist {
	box-shadow: none!important;
}

/************************************************************************
Search Results Frontpage
*************************************************************************/

#search_results_container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 1440px) {
    #search_results_container {
        width: 80%;
    }
}

#search_results_container h4{
    display: none;
}

#search_results_container .ajax_search_entry{
    border-bottom-style: solid !important;
    padding: 12px 16px !important;
}

#search_results_container .ajax_search_entry .ajax_search_title{
    color: #444444;
    letter-spacing: 0.1em;
    line-height: 32px;
}

#search_results_container .ajax_search_entry .ajax_search_excerpt{
    display: none;
}

#search_results_container .ajax_search_image {
    background: rgba(68,68,68,0.15);
    margin-right: 15px;
}

#search_results_container .ajax_search_entry_view_all{
    margin-bottom: 50px;
}

/************************************************************************
Frontpage Posts by Category List
*************************************************************************/

body .column-top-margin.docs_overview{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

@media only screen and (min-width: 1440px) {
    body .column-top-margin.docs_overview{
        width: 80%;
    }
}

.av_category_group:first-of-type{
    padding-top: 40px;
}

.av_category_group > h2{
    font-size: 34px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 1em;
}

.av_category_group > p {
    text-align: center;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .av_category_group > p {
        width: 100%;
    }
}

.av_category_group > .hr{
    margin-top: 40px !important;
    margin-bottom: 70px !important;
}

.av_category_group ul {
    list-style: none;
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 90px;
    text-align: center;
}

.av_category_group li{
    display: inline-block;
     width: 33%;
    vertical-align: top;
    margin: 0 0 1.2em 0;
    text-align: left;
    padding: 0 10px;
    transition: all 0.3s ease-in;
}

@media only screen and (max-width: 989px) {
    .av_category_group li {
        width: 49%;
    }
}


@media only screen and (max-width: 768px) {
    .av_category_group li {
        width: 100%;
    }
}


.av_category_group li a{
    background: rgba(235,235,235,0.60);
    border-radius: 3px;
    display: block;
    padding: 0.8em 2em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #444444;
    letter-spacing: 0.71px;
    transition: all 0.3s ease-in;
}

.av_category_group li:hover a{
    background: rgba(66,160,189,0.71);
    color: #fff;
}


/************************************************************************
Content Pages
*************************************************************************/
/*
body.single-post.documentation #main{
    overflow: hidden;
}
*/
@media only screen and (min-width: 768px) {
    body.single-post.documentation .content {
         padding-top: 100px; 
    }
}

/* pre */
.documentation pre {	
	line-height: 24px !important;
	padding-top: 0!important;
}


/* content column */
@media only screen and (min-width: 768px) {
    body.single-post.documentation #main .container_wrap .entry-content-wrapper > .flex_column {
         /*padding: 0 20px 0 80px; */
    }
}

/* sidebar */

body.single-post.documentation #main .container_wrap .entry-content-wrapper > .avia-builder-el-first:first-child{
    padding: 0;
}


#content-list{
    margin-bottom: 60px;
	text-align:left;
}

@media only screen and (min-width: 768px) {
    body.single-post.documentation #main .content{
        padding-bottom: 0;
    }

    body.single-post.documentation #main .container_wrap .entry-content-wrapper{
        overflow: hidden;
        padding-bottom: 50px;
    }
	body.single-post.postid-5703.documentation #main .container_wrap .entry-content-wrapper {
    	overflow: visible;
	}

    .av_menu_divider:before{
        content: "";
        visibility: visible;
        opacity: 1;
        height: 100%;
        /*border-right: 1px solid #EBEBEB;*/
        width: 1px;
        position: absolute;
         /*left: calc(20.5% + 65px); */
        top: 0;
    }

    #content-list{
        margin-top: 170px;
        margin-bottom: 0;
        /*background: gold;*/
    }
    .fixed-column {
        /*background: skyblue;*/
    }

}

.content-list-title{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    position: relative;
    margin-bottom: 3em;
}

.content-list-title:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #EBEBEB;
    left: 0;
    bottom: -1.5em;
}

#content-list a{
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #444444;
    letter-spacing: 0.02em;
}

#content-list a:hover{
    color: #42A0BD;
}

#content-list a.list-h2{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35em;
    margin: 2.6em 0 1.35em 0;
}

#content-list a.list-h3 {
    font-size: 12px;
    position: relative;
    padding-left: 1.2em;
    line-height: 1.4em;
    margin-bottom: 1.2em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

#content-list a.list-h3:before{
    content: "•";
    position: absolute;
    left: 0;
}


/************************************************************************
Content Blocks
*************************************************************************/

body.single-post.documentation #main .container_wrap .entry-content-wrapper > .flex_column > .av-special-heading:first-of-type .av-special-heading-tag {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 34px;
    line-height: 1.3em;
    font-weight: 300;
}

/* @media only screen and (min-width: 1440px) {
    body.single-post.documentation #main .container_wrap .entry-content-wrapper > .flex_column > .av-special-heading:first-of-type .av-special-heading-tag {
        width: 60%;
    }
} */

body.single-post.documentation .hr-default{
    margin: 40px 0 50px 0;
    text-align: center;
}

body.single-post.documentation .hr-default:before{
    content: "";
    width: 50px;
    display: block;
    position: absolute;
    height: 1px;
    background-color: rgba(68, 68, 68, 0.15);
    right: 50%;
    margin-right: 20px;
    top: 50%;
}

body.single-post.documentation .hr-default:after{
    content: "";
    width: 50px;
    display: block;
    position: absolute;
    height: 1px;
    background-color: rgba(68, 68, 68, 0.15);
    left: 50%;
    margin-left: 20px;
    top: 50%;
}

body.single-post.documentation .hr-default .hr-inner{
    width: 100%;
    position: relative;
    height: auto;
    top: 0;
    margin-top: 0;
    border: 0;
}

body.single-post.documentation .hr-default .hr-inner-style:before{
    content: "\E808";
    font-family: 'entypo-fontello';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    speak: none;
    color: #42a0bd;
    font-size: 12px;
    opacity: 0.7;
}

.av_textblock_section .avia_textblock > h2{
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-bottom: 2em;
    margin-top: 4em;
}

.av_textblock_section .avia_textblock > p,
.av_textblock_section .avia_textblock > ul{
   margin-bottom: 1.5em;
}

.av_textblock_section .avia_textblock > a{
    display: inline-block;
    position: relative;
    transition: all 0.2s ease-in;
}

.av_textblock_section .avia_textblock > a:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(68, 68, 68, 0.25);
    bottom: 0;
    left: 0;
}

.av_textblock_section .avia_textblock > a:hover{
    text-decoration: none;
}

.av_textblock_section .avia_textblock > a:hover:after {
    background-color: #42A0BD;
}

.av_textblock_section .avia_textblock > ul{
    list-style: none;
    margin-left: 0;
    margin-bottom: 2em;
}

.av_textblock_section .avia_textblock > ul li{
    margin: 0;
    padding-left: 1em;
    position: relative;
    margin-bottom: 0.5em;
}

.av_textblock_section .avia_textblock > ul li:before{
    content: "•";
    left: 0;
    position: absolute;
}

.av_textblock_section .avia_textblock > h3 {
    font-size: 15px;
    letter-spacing: 0.03em;
    margin-bottom: 2em;
    margin-top: 4em;
}

.av_textblock_section .avia_textblock > h4 {
    font-size: 14px;
    letter-spacing: 0.03em;
    margin-bottom: 2em;
    margin-top: 4em;
}


.av_textblock_section .avia_textblock > img{
    background: #f1f1f1;
    border-radius: 3px;
    margin: 30px 30px 30px 0;
    position: relative;
    padding: 6px;

    border: 1px solid rgba(68, 68, 68, 0.09);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.av_textblock_section .avia_textblock > img:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

body.single-post.documentation .avia-iframe-wrap{
    background: #fff;
    padding: 6px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

body.single-post.documentation .gist,
body.single-post.documentation pre{
    padding: 6px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

body.single-post.documentation .gist:hover,
body.single-post.documentation pre:hover,
body.single-post.documentation .avia-iframe-wrap:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


/*------------------------------------*\
    Tree menu
\*------------------------------------*/
.treemenu .tree-list {
  display: flex; 
}
.treemenu .tree-list > li,
.treemenu .tree-list > li > span {
    position: relative;
    list-style: none;
     }
.treemenu.tree-list li {    
    list-style: none;
    display: block;
  }

.treemenu .li-vertical {
  flex-direction: column; 
}

.treemenu li .tree-title {
  font-size: 18px;
  font-weight: 800;
}

.treemenu li .tree-title.normal-text {
  font-size: initial!important;
  font-weight: 600;
}

.treemenu .tree-content ul{
  margin: 5px 0;  
}


.treemenu.li-vertical .submenu-hide {
  background: #303f9f;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.5s,opacity 0.5s linear,box-shadow 0.3s ease-in-out 0s;
  position: absolute;
  transform: scale(0);
  left: auto !important;
  top: auto !important;
  padding: .25em 0 .25em 1em; }
.treemenu.li-vertical .submenu-show {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  background: transparent;
  transform: scale(1);
  box-shadow: none;
  position: relative; }
.treemenu.li-vertical ul ul.submenu-hide {
  top: 0;
  left: auto;
  z-index: 1; 
}

.treemenu .submenu-indicator > span.tree-title:after {
  font-size: 7px !important;
  margin: -0px 0 0 7px !important;
  font-weight: 100;  
  text-indent: 0 !important;
  content:"\e87d";
  font-family: 'entypo-fontello';   
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: transform 0.25s cubic-bezier(1, 0, 0, 1);
  border: none;
  display: inline-block;
  vertical-align: middle;
  line-height: inherit; }

.treemenu .submenu-indicator-active > span.tree-title:after {
  transform: rotate(90deg);
 }

.treemenu li .tree-title {
clear: both;
width: 100%;
z-index:9999!important;
}
.treemenu ul .tree-title {
/*   color: #00a0af; */
}
.treemenu ul ul .tree-title {
/* color:#49c0b6; */
}


/*------------------------------------*\
    Dots menu
\*------------------------------------*/

#top .dotsmenu {
	background: transparent;
	position: fixed!important;
	right: 10px;
	top: 50%!important;
	transform: translateY(-50%);
	border: none!important;
	max-width: 30px!important;
}

#top .dotsmenu .av-subnav-menu > li {    
    display: inline!important;
    margin: 10px !important;
}

#top .dotsmenu .av-subnav-menu li a {
	max-width: 20px;
	max-height:25px;
	border-radius:25px;	
	overflow:hidden;
	padding: 0 !important;
	border: none!important;
	background: #f3f4f7;
}

#top .dotsmenu .av-subnav-menu li a .avia-bullet {
	display: none !important;
}
#top .dotsmenu .av-subnav-menu li a .avia-menu-text { 
visibility: hidden;
}

@media only screen and (max-width: 767px) {
.responsive #top .dotsmenu {
 	background: transparent;
	position: fixed!important;
	right: 0;
	top: 50%!important;
	transform: translateY(-50%);
}}



/**

Vinay Content Styles
*************************************************************************
*************************************************************************
*************************************************************************
*************************************************************************


*/

/*
*************************************************************************
*************************************************************************
*************************************************************************
Color Section
*************************************************************************
*************************************************************************
*************************************************************************
*/


/*------------------------------------------------
------------------------------------------------

Color Section with different Background in mobile 

------------------------------------------------
-------------------------------------------------*/


@media only screen and (max-width: 767px) {
    #top #color-section-mobile-bg {
        background-image: url(https://kriesi.at/documentation/enfold/wp-content/uploads/sites/22/2018/05/entrepreneur-working-on-his-macbook_free_stock_photos_picjumbo_HNCK4011-2210x1473.jpg)!important;
        background-position: 50% 50%!important;
    }
}
  
    #top .lower-case-htag .av-special-heading-tag {
        text-transform: none!important;
        font-weight: bolder;
    }


/*------------------------------------------------
------------------------------------------------

 Color Section Hide Mobile Background  

------------------------------------------------
-------------------------------------------------*/

@media only screen and (max-width: 767px) {
    #top #color-section-hide-mobile-bg {        
        background: none !important; 
    }
}


/*------------------------------------------------
------------------------------------------------

Color section align content 

------------------------------------------------
-------------------------------------------------*/

#color-section-align-top .container .content {
  vertical-align: top;
}


/************************************************************************
Slideshow settings
*************************************************************************/
.caption_center h2{
    max-width: 60%;
    font-size:35px;
    margin:0 auto;
    letter-spacing: 1px;
    text-shadow: 0px 4px 21px #000;
    font-weight: 300;
    line-height: 1.1em;
}

.caption_center h2 strong{font-weight: 600;}

.csstransitions .caption_center h2{
    text-shadow: none;
}

.caption_fullwidth{
    transition:         all 1.3s 0.2s ease-out;
    -moz-transition:    all 1.3s 0.2s ease-out;
    -webkit-transition: all 1.3s 0.2s ease-out;
    -o-transition:      all 1.3s 0.2s ease-out;
    background: rgba(0, 0, 0, 0);
}

.csstransitions .av_slideshow_full.avia-fade-slider .active-slide .caption_fullwidth{
    background: rgba(0, 0, 0, 0.4);
}

.avia-arrow-wrap-section{
    height:20px;
    width:100px;
    position: absolute;
    bottom:-1px;
    left:50%;
    margin-left:-55px;
    z-index: 100;
    overflow: hidden;
}

.avia-arrow-wrap-section .avia-arrow{
    bottom: -22px;
    top:auto;
    height: 30px;
    width: 30px;
    margin-left: -15px;
}




/*-----------------------------------------
// CSS - Blog
//----------------------------------------*/

/* Sort option background*/
#top .sort-style .av-masonry-sort {
    background: #222 !important;
    padding: 0 !important;
}

/* All sort link */
#top .sort-style .all_sort_button {

}

/* Active sort filter */
#top .sort-style a.active_sort {
    background: #3369e7 !important;
    color: #FFF !important;
}

/* Sort options*/
#top .sort-style .avia_show_sort, #top .sort-style .all_sort_button {
    padding: 15px 20px !important;
}

/* separator */
#top .sort-style .text-sep {
    display: none;
}

/* Hide masonry content */
/* Hide masonry pagination */
#top .sort-style .av-masonry-container,
#top .sort-style .av-masonry-pagination {
    display: none;
}

/*--------------------------------------------
// CSS - Using category to style masonry grid
//-------------------------------------------*/

/* excerpt background color */

#top .av-masonry-category-style .category-news figcaption { 
  border: 5px solid #ffdd00;
}  

#top .av-masonry-category-style .category-personal figcaption { 
  border: 5px solid #3be8b0;  
}  

/* Blog title*/
#top .av-masonry-category-style .category-news figcaption .entry-title,
#top .av-masonry-category-style .category-personal figcaption .entry-title
{  
  padding:5px 10px;
}
#top .av-masonry-category-style .category-news figcaption .entry-title {
	color:#ffdd00;
	font-weight:bolder;
}
#top .av-masonry-category-style .category-personal figcaption .entry-title {
   color: #3be8b0;
   font-weight:bolder;
}

/* Blog meta*/
#top .av-masonry-category-style .category-news figcaption .meta-color,
#top .av-masonry-category-style .category-personal figcaption .meta-color
{
  color: #f3f4f7;
  background: rgba(25,25,25,.5);
  padding:5px 10px;
}



/*----------------------------------------
// CSS -  Code block custom style
//--------------------------------------*/

.cb-custom-style pre {
    color: #444;
    border: solid 1px #ccc;
    padding: 2em;
    line-height: 24px;
    font-size: 12px;
    font-weight: lighter;
    background-image: linear-gradient(#e8e9d7 50%, #eff2ec 50%);    
    font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace;
}



/*
*************************************************************************
*************************************************************************
*************************************************************************

// CSS -  Contact form
 
*************************************************************************
*************************************************************************
*************************************************************************
*/


/*----------------------------------------
----------------------------------------
----------------------------------------

// CSS -  Contact form color

----------------------------------------
----------------------------------------
//--------------------------------------*/



/* custom style form fields */
#top .av-contact-form-color .input-text, 
#top .av-contact-form-color input[type='text'], 
#top .av-contact-form-color input[type='input'], 
#top .av-contact-form-color input[type='password'], 
#top .av-contact-form-color input[type='email'], 
#top .av-contact-form-color input[type='number'], 
#top .av-contact-form-color input[type='url'], 
#top .av-contact-form-color input[type='tel'], 
#top .av-contact-form-color input[type='search'], 
#top .av-contact-form-color textarea, 
#top .av-contact-form-color select {
    /* Text color */
    color:#333;
    /* Background color */
    background-color: #fffae8 !important;
    /* Border color*/
    border-color: #b0a696 !important;
}


/*----------------------------------------
// CSS -  Contact form title
//--------------------------------------*/

.av-contact-form-title fieldset h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: bolder;
    color: #ff6908;

}


/*----------------------------------------
// CSS -  Contact form label icons

//--------------------------------------*/

#top .avia_ajax_form.cf-label-icons label {
    padding-left: 20px;
}

#top .avia_ajax_form.cf-label-icons label::before {
    position: absolute;
    left: 0;
    font-family: 'entypo-fontello';
}

#top .avia_ajax_form.cf-label-icons fieldset p:nth-child(2) label:before {
    content: "\e80a";
}

#top .avia_ajax_form.cf-label-icons fieldset p:nth-child(3) label:before {
    content: "\e805";
}

#top .avia_ajax_form.cf-label-icons fieldset p:nth-child(4) label:before {
    content: "\e826";
}

#top .avia_ajax_form.cf-label-icons fieldset p:nth-child(5) label:before {
    content: "\e83b";
}

/* Input field do not support pseudo elements so we target the last p in the fieldset which is usually the submit button */
#top .avia_ajax_form.cf-label-icons fieldset p:last-child:before {
    content: "\e844";
    color: #FFF;
    font-family: 'entypo-fontello';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

/*----------------------------------------
// CSS -  Content Slider Arrows
//--------------------------------------*/

#top .conslider-arrow .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%;
    position: absolute;
    top: calc(50% + 30px);
    transform: translateY(-50%);
    width: 100%;
    z-index: 999;
}

.conslider-arrow .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: -35px !important;
}

.conslider-arrow .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
    left: -35px !important;
}

/* Arrow style */
.conslider-arrow .avia-slideshow-arrows.avia-slideshow-controls a {
    border-radius: 25px;
    background: transparent;
}


   /*----------------------------------------
    // CSS -  Content Slider Style - 1
    //--------------------------------------*/
    
    /* Content slider heading */
     .av-contentslider-style-1 .new-special-heading h3{
        color:#9f9fa3;
         font-family: 'Kreon', serif;
        font-size: 22px;
    }
    
    /* Content slider title */
     .av-contentslider-style-1 h3.slide-entry-title {
        color:gold;
         font-family: 'Roboto', sans-serif!important;
        text-transform: uppercase;
        padding:0!important;
    }
    
    /* Title Position */
     .av-contentslider-style-1 h3.slide-entry-title {
        position: absolute;
        top: 15px;
        left: 18px;    
    }
    
    /* CSS -  Content slider excerpt */
     #top .av-contentslider-style-1 .entry-content {
         font-family: 'Roboto', sans-serif!important;  
        padding: 25px 20px 20px 20px!important;    
    }
     #top .av-contentslider-style-1 .entry-content p {
        color:#FFF!important;
    }
    
    /* Alternate background */
     .av-contentslider-style-1 .slide-entry-wrap .slide-entry:nth-child(odd) .entry-content {
        background: #30c39e;
    }
     .av-contentslider-style-1 .slide-entry-wrap .slide-entry:nth-child(even) .entry-content {
        background: #0a8ea0;
    }


/*----------------------------------------
// CSS - Content Slider style - 2
//--------------------------------------*/

/* Slider Background */
#top .av-contentslider-style-2 {
margin: 20px 50px;
background: #dbeede;
padding: 20px 40px;
}

/* Arrow position */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 999;
}

/* Right arrow*/
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
right: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
content:"\e87d";
	font-family: 'entypo-fontello';	
	color: #decba5;
}

/* Left arrow */
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
left: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
content:'\e87c';
font-family: 'entypo-fontello';
	color: #decba5;
}

/* Common arrow styles */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a {
border-radius: 25px;
color:#fff;
font-weight: bolder;
font-size: 24px;
background: transparent;
width: 30px;
height: 30px;
}
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:before {
background: transparent;
top:3px;
}
/* Arrow hover style */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:hover {
opacity: 1;
background: #88aca1;
}

/*----------------------------------------
// CSS -  Content Slider style - 3
//--------------------------------------*/

.av-contentslider-style-3.avia-content-slider .slide-entry-title {   
   margin: 0 10px 20px 0;
}


.av-contentslider-style-3.avia-content-slider .slide-entry-wrap .entry-content {
   padding: 20px;    
   color:#FFF;
   font-weight:lighter;
   border-radius:4px;
}

@media only screen and (max-width: 767px) {
  .responsive #top  .av-contentslider-style-3 .avia-slideshow-controls a {
    display: block!important; 
}}


/* Alternate background */
.av-contentslider-style-3.avia-content-slider .slide-entry-wrap:nth-child(1) .slide-entry:nth-child(1) .entry-content {
    background: #00aeff;
}

.av-contentslider-style-3.avia-content-slider .slide-entry-wrap:nth-child(1) .slide-entry:nth-child(2) .entry-content {
    background: #3369e7;
}

.av-contentslider-style-3.avia-content-slider .slide-entry-wrap:nth-child(1) .slide-entry:nth-child(3) .entry-content {
    background: #8e43e7;
}

.av-contentslider-style-3.avia-content-slider .slide-entry-wrap:nth-child(2) .slide-entry:nth-child(1) .entry-content {
    background: #b84592;
}

.av-contentslider-style-3.avia-content-slider .slide-entry-wrap:nth-child(2) .slide-entry:nth-child(2) .entry-content {
    background: #ff6c5f;
}

.av-contentslider-style-3.avia-content-slider .slide-entry-wrap:nth-child(2) .slide-entry:nth-child(3) .entry-content {
    background: #ffc168;
}

.av-contentslider-style-3.avia-content-slider .slide-entry-wrap:nth-child(3) .slide-entry:nth-child(1) .entry-content {
    background: #2dde98;
}

/*----------------------------------------
// CSS -  Content Slider Space
//--------------------------------------*/

.conslider-space.avia-content-slider .slide-entry.av_one_half {
    margin-left: 0%;
    width: 50%;
}

/* Content slider heading */
.conslider-space.avia-content-slider .new-special-heading h3 {
    color: #9f9fa3;
    font-family: 'Dancing Script', cursive;
    font-size: 42px;
}

/* Content slider title */
.conslider-space.avia-content-slider h3.slide-entry-title {
    color: gold;
    font-family: 'EB Garamond', serif;
    text-transform: uppercase;
    padding: 0 !important;
}

/* Title Position */
.conslider-space.avia-content-slider h3.slide-entry-title {
    position: absolute;
    top: 15px;
    left: 18px;
}

/* CSS -  Content slider excerpt */
#top .conslider-space.avia-content-slider .entry-content {
    font-family: 'EB Garamond', serif;
    padding: 25px 20px 20px 20px !important;
}

#top .conslider-space.avia-content-slider .entry-content p {
    color: #FFF !important;
}

/* Alternate background */
.conslider-space.avia-content-slider .slide-entry-wrap .slide-entry:nth-child(odd) .entry-content {
    background: #7b8994;
}

.conslider-space.avia-content-slider .slide-entry-wrap .slide-entry:nth-child(even) .entry-content {
    background: #47525d;
}

/* Arrow Styles */
#top .conslider-space .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%;
    position: absolute;
    top: calc(50% + 30px);
    transform: translateY(-50%);
    width: 100%;
    z-index: 999;
}

#top .conslider-space .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: -35px !important;
}

#top .conslider-space .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
    left: -35px !important;
}

/* Arrow style */
#top .conslider-space .avia-slideshow-arrows.avia-slideshow-controls a {
    border-radius: 25px;
}

/*----------------------------------------
// CSS -  Fullwidth Submenu style - 1
//--------------------------------------*/

/* Links */
.submenu-style-1 .av-subnav-menu li:nth-last-child(1),
.submenu-style-1 .av-subnav-menu li:nth-last-child(1) a {
    background: #136ad5;
	background-image: -webkit-linear-gradient(45deg, #3a3897, #a3a1ff);
    background-image: linear-gradient(45deg, #3a3897, #a3a1ff);
    color: #FFF;
    float: right !important;
    border-left-width: 0px !important;
    font-weight: 800;
    font-size: 18px;
}

/*----------------------------------------
// CSS -  Fullwidth Submenu style - 2
//--------------------------------------*/

/* Submenu background */
.submenu-style-2.av-submenu-container {
    background-image: -webkit-linear-gradient(45deg, #b066fe, #63e2ff);
    background-image: linear-gradient(45deg, #b066fe, #63e2ff);
}

/* Menu item style */
.submenu-style-2.av-submenu-container .av-subnav-menu > li {
    padding: 15px 0 !important;	
	margin: 0 10px !important;	
	border-radius: 2px;
	
}
.submenu-style-2.av-submenu-container .av-subnav-menu > li > a {
    color: #FFF;
    background: #2e3192;
    border-left-width: 0px !important;
    font-weight: 800;
    font-size: 12px;
    line-height: 1em;
    border-radius: 2px;
    padding: 10px 15px !important;
    cursor: pointer;
	  box-shadow: 0 14px 28px rgba(0,0,0,0), 0 10px 10px rgba(0,0,0,0);
	transition:all .35s ease;
}

.submenu-style-2.av-submenu-container .av-subnav-menu > li > a:hover {
	    background-image: -webkit-linear-gradient(45deg, #312a6c, #852d91);
    background-image: linear-gradient(45deg, #312a6c, #852d91);
	  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}


/*----------------------------------------
// CSS -  Fullwidth Submenu style - 3
//--------------------------------------*/
.submenu-style-3.av-submenu-container,
.submenu-style-3.av-submenu-container .container {
    background: transparent;
    max-width: 100% !important;
}

.submenu-style-3.av-submenu-container .av-subnav-menu {
    display: flex;
    justify-content: space-around;
}

.submenu-style-3.av-submenu-container .av-subnav-menu > li {
    flex-grow: 1;
	padding: 0 !important;
}

.submenu-style-3.av-submenu-container .av-subnav-menu > li > a {
    color: #FFF;
    border-left-width: 0px !important;
    cursor: pointer;
	text-align:center;
	background: rgba(0,0,0,0);	
	padding: 15px 0 !important;
	transition:all .35s ease;
}

.submenu-style-3.av-submenu-container .av-subnav-menu > li > a:hover { 
	background: rgba(0,0,0,.5);
	transition:all .35s ease;
}

.submenu-style-3.av-submenu-container .av-subnav-menu > li:nth-child(1) {
    background-color: #ef5956;
}

.submenu-style-3.av-submenu-container .av-subnav-menu > li:nth-child(2) {
    background-color: #f07654;
}

.submenu-style-3.av-submenu-container .av-subnav-menu > li:nth-child(3) {
    background-color: #f69653;
}

.submenu-style-3.av-submenu-container .av-subnav-menu > li:nth-child(4) {
    background-color: #fdb94e;
}

/*----------------------------------------
// CSS -  Fullwidth Submenu style - 4
//--------------------------------------*/

/* Icon style */
.submenu-style-4 .av-subnav-menu > li > a .av-icon-char:before {
	color:#000;
    font-size:24px;
	transition: transform .3s;
}

.submenu-style-4 .av-subnav-menu > li > a:hover .av-icon-char:before {
	color:#d33131;
}

.submenu-style-4 .av-subnav-menu > li > a .av-icon-char {
    line-height:1em;
}
/*----------------------------------------
// CSS -  Fullwidth Submenu style - 5
//--------------------------------------*/

/* Submenu with horizontal submenu */

#top .submenu-style-5 .av-subnav-menu li {
position: static !important;
}

#top .submenu-style-5 .av-subnav-menu > li ul {
width: 100%;
text-align: center;
}

#top .submenu-style-5 .av-subnav-menu > li ul li {
display: inline-block;
}

/*----------------------------------------
// CSS -  Fullwidth Submenu style - 6
//--------------------------------------*/

/* Custom width submenu */
#top .submenu-style-6.av-submenu-container {
max-width: 708px!important;
left:50%;
transform:translateX(-50%);	
background: #FC5C7D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6A82FB, #FC5C7D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6A82FB, #FC5C7D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.submenu-style-6.av-submenu-container .av-subnav-menu > li > a {
	background:transparent;
	color:#FFF;
}
#negative-margin {
	margin-top:-100px;
}


/*----------------------------------------
// CSS -  Fullwidth Submenu highlight active menu
//--------------------------------------*/

/* Active menu styles */
#top .submenu-onepage .active-menu-item,
#top .submenu-onepage .active-menu-item a {
    background: #000 !important;
    color: #FFF !important;
}

#top .submenu-onepage .av-subnav-menu > li > a {
    border-left-style: none !important;
    border-left-width: 0px !important;
}


/*----------------------------------------
// CSS -  Headline Rotator
//--------------------------------------*/

/* Heading Text */
.rotator-font.av-rotator-container h1 {
    font-family: 'Alegreya Sans SC', sans-serif;
}

/* Rotating Text*/
.rotator-font.av-rotator-container h1 span {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

/*----------------------------------------
// CSS -  Headline Rotator bg
//--------------------------------------*/

/* Heading Text */
.rotator-bg.av-rotator-container h1 {
    font-family: 'Alegreya Sans SC', sans-serif;
}

/* Rotating Text*/
.rotator-bg.av-rotator-container h1 span {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

.rotator-bg.av-rotator-container span {
    background: #e3001f;
    padding: 0 0 0 5px;
    color: #FFF;
}

/*----------------------------------------
// CSS -  Headline Rotator custom animation
//--------------------------------------*/

#top .av-rotator-ltr .av-rotator-text-single {
  	animation: avleftToRight .35s!important;
  	animation-iteration-count: 1;
	animation-delay: 0s!important;
}

@keyframes avleftToRight {
0%  { 
	left: -200px; 
	opacity: 0!important;
}
100% { 
	left: 0px; 
	opacity: 1!important;
}}


/*----------------------------------------
// CSS -  Icon default
//--------------------------------------*/

.icon-default.av_font_icon .av-icon-char {
    background: #ffc168;
    width: 75px;
    height: 75px;
    border-radius: 75px;
}

.icon-default.av_font_icon .av-icon-char:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #ff0000;
}

/*----------------------------------------
// CSS -  Icon Standard
//--------------------------------------*/

.icon-standard.av_font_icon .av_icon_caption {
    font-family: 'Anton', sans-serif;
    font-weight: 200;
    color: #49176d;
}

.icon-standard.av_font_icon .av-icon-char {
    background: #49176d;
    border: none !important;
}

.icon-standard.av_font_icon .av-icon-char:before {
    color: #ffdd00;
}

/*----------------------------------------
// CSS -  Icon Box Background
//--------------------------------------*/

/* Icon box content background */
#top .iconbox.icon-box-bg .iconbox_content {
    background: #ffe566;
    /*border:none;*/
}

/*----------------------------------------
// CSS -  Clickable Icon Box
//--------------------------------------*/
.icon-box-clickable.iconbox {
    cursor: pointer;
}

#top .icon-box-clickable .iconbox_content {
    background: #c1d82f;
}

/*----------------------------------------
// CSS -  Expandable Icon Box
//--------------------------------------*/
.iconBoxXp .hideThis {
    display: none;
}

.iconBoxXp .toggleTxt {
    display: inline-block;
    cursor: pointer;
    background: #ededed;
    color: #000;
    font-size: 12px;
    padding: 0px 10px;
    margin: 20px 0;
}

/*----------------------------------------
// CSS -  IconList Space
//--------------------------------------*/
#top .iconList-space .av-iconlist-small li {
    margin: 10px 0;
}

/*----------------------------------------
// CSS -  Newsletter label
//--------------------------------------*/

.avia_ajax_form.avia-mailchimp-form.mc-label label {
    color: #8e43e7;
}

/*----------------------------------------
// CSS -  Newsletter Icons
//--------------------------------------*/

#top .avia_ajax_form.avia-mailchimp-form.mc-label-icons label {
    padding-left: 35px;
}

#top .avia_ajax_form.avia-mailchimp-form.mc-label-icons label:nth-child(1)::before {
    position: absolute;
    left: 0px;
    content: "\e805";
    font-family: 'entypo-fontello';
    font-size: 30px;
}

/*----------------------------------------
// CSS -  Newsletter Input fields
//--------------------------------------*/

#top .avia_ajax_form.avia-mailchimp-form.mc-input input[type='text'] {
    background: #f2f6fa;
    color: #59626a;
    border: none;
}

/*----------------------------------------
// CSS -  Newsletter Submit button
//--------------------------------------*/

#top .avia_ajax_form.avia-mailchimp-form.mc-submit input[type='submit'] {
    background: #1769ff;
    color: #fff200;
    border: none;
}

/*----------------------------------------
// CSS - Masonry title
//--------------------------------------*/
/* Title */
#top .masonry-title-bg .av-masonry-entry-title {
    color: #FFF;
    font-weight: 800;
}

/* Title Background */
#top .masonry-title-bg .av-masonry-entry.isotope-item figcaption,
#top .masonry-title-bg .av-masonry-entry.isotope-item .avia-arrow {
    /*  background: #dbebfa; */
    background: #6a67ce;
}

/* Masonry Content */
#top .masonry-title-bg .av-masonry-entry.isotope-item .entry-content {
    color: #FFF;
    font-size: 13px;
}

/* Hide date */
#top .masonry-title-bg span.av-masonry-date {
    display: none;
}

/*----------------------------------------
// CSS - Masonry Overlay
//--------------------------------------*/

/* Title and caption area */
#top .masonry-overlay-animation-1 .av-inner-masonry-content {
    background: rgba(15, 0, 56, 0.59) !important;
    height: 100%
}

/* Title text */
#top .masonry-overlay-animation-1 .entry-title {
    background: gold;
    display: inline-block;
    padding: 0 5px;
    position: absolute !important;
    top: -100%;
    transition: all .35s cubic-bezier(0.63, 0.7, 0.55, 1.03);
    font-size: 22px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

/* Title text on hover*/
#top .masonry-overlay-animation-1 .av-inner-masonry-content:hover .entry-title {
    transition: all .5s ease;
    top: 20px !important;
}

/* Disable the overlay on hover*/
#top .masonry-overlay-animation-1 .av-inner-masonry-content:hover {
    background: transparent !important;
}

/* Hide caption arrow */
#top .masonry-overlay-animation-1 .avia-arrow {
    background: transparent;
}

/* Hide date */
#top .masonry-overlay-animation-1 span.av-masonry-date {
    display: none;
}

/*----------------------------------------
// CSS - Masonry SlideUp Overlay
//--------------------------------------*/
/* Masonry Overlay*/
#top .masonry-overlay-animation-2 .av-inner-masonry
 
 /* Remove rotate animation */
#top .masonry-overlay-animation-2 .av-inner-masonry-content {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

/* Masonry Overlay*/
#top .masonry-overlay-animation-2 .av-inner-masonry:before {
  content:'';
  position:absolute;
  background: rgba(0,0,0,.0)!important;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
}
#top .masonry-overlay-animation-2 .av-inner-masonry:hover:before {
  background: rgba(0,0,0,0.69)!important;
  transition:all .5s cubic-bezier(0.63, 0.7, 0.55, 1.03);
}


/* Masonrt Title and Content position */
#top .masonry-overlay-animation-2 .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content { 
    bottom: calc(-100% + 151px)!important;
}
#top .masonry-overlay-animation-2 .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry:hover .av-inner-masonry-content { bottom: 0%!important; }

/*----------------------------------------
// CSS - Masonry title Alignment
//--------------------------------------*/
/* Title */
#top .masonry-title-align .av-masonry-entry-title {
    color: #FFF;
    font-weight: 800;
    text-align: right;
}

/* Title Background */
#top .masonry-title-align .av-masonry-entry.isotope-item figcaption,
#top .masonry-title-align .av-masonry-entry.isotope-item .avia-arrow {
    background: #ff6c5f;
}

/* Masonry Content */
#top .masonry-title-align .av-masonry-entry.isotope-item .entry-content {
    color: #FFF;
    font-size: 13px;
    text-align: right;
}

/* Hide date */
#top .masonry-title-align span.av-masonry-date {
    display: none;
}

/*----------------------------------------
// CSS - Masonry Sotr filter
//--------------------------------------*/

/* Active sort filter */
#top .masonry-sort-filter-style .active_sort {
    background: #000;
    color: #FFF;
    padding: 0 10px;
}

/* Sort filter  */
#top .masonry-sort-filter-style .av-sort-by-term {
    width: 100%;
    display: table;
    table-layout: fixed;
}

#top .masonry-sort-filter-style .av-sort-by-term a {
    display: table-cell;
    padding: 20px 5px;
}

/* Hide Separator */
#top .masonry-sort-filter-style span.text-sep {
    display: none;
}

/*----------------------------------------
// CSS - Masonry Pagination
//--------------------------------------*/

/* Pagination meta */
#top .masonry-pagination .pagination .pagination-meta {
    background: #dbebfa;
    border-radius: 2px;
    color: #1793d1;
}

/* Active Link */
#top .masonry-pagination .pagination .inactive {
    background: #333333;
    color: #FFF;
}

/* Inactive Link */
#top .masonry-pagination .pagination .current {
    background: #d0d2d3;
    color: #222;
}

/*----------------------------------------
// CSS - Notification font
//--------------------------------------*/

#top.documentation .notifont .avia_message_box_content p {
    text-transform: none;
    font-size: 20px;
    letter-spacing: .005em;
    font-family: 'Raleway', sans-serif !important;
    font-style: normal;
    font-weight: 800 !important;
    line-height: 1.10909;
}

/*----------------------------------------
// CSS - Notification Background
//--------------------------------------*/

#top .avia_message_box.notibg {
    background: #00c3ff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffff1c, #00c3ff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffff1c, #00c3ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*----------------------------------------
// CSS - Notification align text
//--------------------------------------*/

#top.documentation .notialign .avia_message_box_content {
    text-align: left;
}

/*----------------------------------------
// CSS - Portfolio Grid
//--------------------------------------*/

/* Font */
.portgrid-font .grid-entry .grid-entry-title {
    color: #7d3f98;
    background: transparent;
    font-weight: 800;
}

/* Title background */
.portgrid-font .grid-entry .grid-content,
    /*  Arrow*/
.portgrid-font .grid-entry .grid-content .avia-arrow {
    background: #ffc168;
}

/*----------------------------------------
// CSS - Portfolio Grid overlay
//--------------------------------------*/

.portgrid-overlay .grid-entry .image-overlay {
    /*display: none;*/
    background: rgba(0, 0, 0, .6);
}

/*----------------------------------------
// CSS - Portfolio Grid Title Alignment
//--------------------------------------*/

/* Font Alignment */
.portgrid-align .grid-entry .grid-entry-title {
    text-align: left;
}

/*----------------------------------------
// CSS - Portfolio Grid  Border and shape
//--------------------------------------*/

/* Remove Border */
.documentation .portgrid-shape .grid-entry .inner-entry {
    box-shadow: none;
}

/* Image shape */
.documentation .portgrid-shape .grid-image img {
    border-radius: 200px !important;
    width: 200px;
    max-width: 200px;
    height: 200px;
    text-align: center;
}

.documentation .portgrid-shape .grid-image img {
    display: inline-block;
}

/*----------------------------------------
// CSS - Hide the word All
//--------------------------------------*/

.all_sort_button {
/*     display: none !important; */
}

/*----------------------------------------
// CSS - Post slider with round thumbs
//--------------------------------------*/

.avia-content-slider.postslider-round-thumbs .slide-image, 
.avia-content-slider.postslider-round-thumbs .slide-image img {
    border-radius: 200px;
    background: transparent!important;
    width: 200px;
    min-width: 200px;
    height: 200px;
}

/*----------------------------------------
// CSS - Post slider titel, meta and excerpt
//--------------------------------------*/


/* Title */
.avia-content-slider.conslider-font .slide-entry-title {
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    letter-spacing: .45em;
}

/* Meta area */
.avia-content-slider.conslider-font .slide-meta,
.avia-content-slider.conslider-font .slide-meta a {
    font-size: 11px;
    color: #ddd;
}

/* Comments */
.avia-content-slider.conslider-font .slide-meta .slide-meta-comments a {
    /* YOUR STYLE HERE */
}

/* separator */
.avia-content-slider.conslider-font .slide-meta .slide-meta-del {
    /* YOUR STYLE HERE */
}

/* Date */
.avia-content-slider.conslider-font .slide-meta .slide-meta-time {
    /* YOUR STYLE HERE */
}

/* Excerpt content*/
#top .avia-content-slider.conslider-font .slide-entry-excerpt {
    font-family: 'Roboto Mono', monospace;
    font-size: 13px;
    line-height: 1.9em;
}

/* Text area background */
#top .avia-content-slider.conslider-font .slide-content {
    /*  background-color:gold; */
}

#top .avia-content-slider.conslider-font article.slide-entry {
    margin-bottom: 40px;
}

#top .avia-content-slider.conslider-font .avia-content-slider-inner {
    height: 100% !important;
}

/* Read more link */
#top .avia-content-slider.conslider-font .read-more-link {
    background-color: #efefef;
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 10px;
}

/*----------------------------------------
// CSS - Post slider border, shadow and background
//--------------------------------------*/

#top .avia-content-slider.conslider-fx .avia-content-slider-inner .slide-entry-wrap {
    padding: 0 10px;
}

#top .avia-content-slider.conslider-fx article.slide-entry {
    background: #f6f6f6;
    /*border: 1px solid rgb(160, 160, 160);*/
    margin-bottom: 40px;
}

/* Text area  */
#top .avia-content-slider.conslider-fx .slide-content {
    padding: 30px 20px;
    margin-top: -10px;
}

#top .avia-content-slider-inner {
    height: 100% !important;
}

/* Shadow on hover */
#top .avia-content-slider.conslider-fx article.slide-entry {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#top .avia-content-slider.conslider-fx article.slide-entry:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

/*----------------------------------------
// CSS - Post slider Overlay
//--------------------------------------*/

/* Overlay */
#top .avia-content-slider.conslider-overlay .slide-entry .slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .65);
    padding: 20px;
    width: 100%;
    height: 100%;
}

/* Title */
.avia-content-slider.conslider-overlay .slide-entry-title {
    color: #FFF;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    letter-spacing: .45em;
}

/* Meta area */
.avia-content-slider.conslider-overlay .slide-meta,
.avia-content-slider.conslider-overlay .slide-meta a {
    font-size: 11px;
    color: #ddd;
}

/* Excerpt */
#top .avia-content-slider.conslider-overlay .slide-entry-excerpt {
    font-size: 13px;
    line-height: 1.9em;
    color: #FFF;
}

/* Read more link */
#top .avia-content-slider.conslider-overlay .read-more-link {
    color: #FFF !important;
    background-color: #efefef;
    padding: 0 0 0 10px;
    font-size: 10px;
    position: absolute;
    margin-top: 15px;
}

/*----------------------------------------
// CSS - Progress bar custom
//--------------------------------------*/

#top.documentation .pbar-custom .avia-progress-bar div.progress .bar {
    background: #30E8BF; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(right, #FF8235, #30E8BF);
    background: -o-linear-gradient(right, #FF8235, #30E8BF);
    background: linear-gradient(to left, #FF8235, #30E8BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    animation: none;
    background-size: 100% !important;
}


/*----------------------------------------
// CSS - Progress bar symbol
//--------------------------------------*/

.pbar-symbol .progressbar-percent {
color:transparent;
margin-right:10px;
/*width:50px;*/
}
.pbar-symbol .progressbar-percent span {
color: #000!important;
font-size: 24px;
}
.pbar-symbol .progressbar-percent span:after {
content:"\e806";
color:#ff4c4c;
font-size: 20px;
font-family: 'entypo-fontello';
position: absolute;
margin-left:5px;
}

/*----------------------------------------
// CSS - Progress bar style -1 
//--------------------------------------*/

.progress-bar-style-1.avia-progress-bar-container { 
  /*background: skyblue;*/
  display: flex;
  align-items: center;
    justify-content: center;
    margin: 40px 0;

 }
.progress-bar-style-1 .avia-progress-bar { 
  margin : 0 50px;
 }
#top .progress-bar-style-1 .progressbar-title-wrap { 
  padding: 20px;
  margin-bottom: 12px;
background: #333!important;
width: 150px;
height: 150px;
border-radius: 100%;
display: flex;
align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
 }
 
.progress-bar-style-1 .progressbar-char:before { 
  font-size: 40px;
  color:#FFF;
 }

.progress-bar-style-1 .progressbar-percent {
    float: none;
    opacity: 0.6;
    text-align: center;
}

.progress-bar-style-1 .progressbar-title { 
  text-transform: none;
  color:#FFF;
 }

 .progress-bar-style-1 .progressbar-icon { 
  margin-bottom: 10px;
 }

#top .progress-bar-style-1.avia-progress-bar-container .avia-progress-bar {
    margin-top: 0;
}
            
            
/*----------------------------------------
// CSS - Promo box custom style
//--------------------------------------*/

/* Promo box*/
#top .av_promobox.pbox-custom {
    background: #ffc168;
    border-radius: 3px;
    margin-bottom: 40px;
}

/* Promo content */
#top .av_promobox.pbox-custom .avia-promocontent {
    color: #222;
}

/* Promo box button */
#top .av_promobox.pbox-custom .avia-button {
    background: #34bf49;
    border: none;
}

/* Button title */
#top .av_promobox.pbox-custom .avia-button .avia_iconbox_title {
    color: #fefefe;
}

/*----------------------------------------
// CSS - Separator Styles
//--------------------------------------*/

/* Dotten line */
.separator-1 .hr-inner {
    border: 2px dotted;
}

/* Icon size */
.separator-1 .av-seperator-icon:before {
    font-size: 50px;
}

.separator-1.hr {
    line-height: 50px;
}

.separator-2 .av-seperator-icon:before {
    content: "The end";
    font-family: 'Pacifico', cursive;
}

/*----------------------------------------
// CSS - Social Share style - 1
//--------------------------------------*/

/* Social share title */
.av-share-link-description {

}

/* Hide tool tip */
.social-style-1 .avia-related-tooltip {
    display: none !important;
}

/* Remove icon border */
#top .social-style-1 .av-share-box ul li {
    border-left-style: none;
    display: inline-block;
    vertical-align: middle !important;
}

/* Icon style */
#top .social-style-1 .av-share-link a {
    margin: 0 10px 0 0;
    width: 50px !important;
    height: 50px !important;
    border-radius: 30px !important;
}

/* Icon Color */
.social-style-1 .av-share-link a:before {
    color: #333;
    transition: all .5s ease;
}

/* Icon Color on hover */
.social-style-1 .av-share-link:hover a:before {
    color: #FFF;
    transition: all .35s ease;
}


/*----------------------------------------
// CSS - Social Share style - 1
//--------------------------------------*/

.progress-bar-style-2.avia-progress-bar-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-bar-style-2 .avia-progress-bar {
    margin: 0 50px;
}

#top .progress-bar-style-2 .progressbar-title-wrap {
    padding: 20px;
    margin-bottom: 20px;
    background: #333!important;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
}

#top .progress-bar-style-2 .progress {

    max-height: 4px;
}


.progress-bar-style-2 .progressbar-percent {
    opacity: 1;
    float: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    line-height: 150px;
    font-weight: bolder;
    color: #fff;
    z-index: 999;
}


.progress-bar-style-2 .progressbar-title {
    font-weight: lighter!important;
}

.progressbar-icon {}

.progress-bar-style-2 .progressbar-title,
.progress-bar-style-2 .progressbar-icon {
    top: 0;
    position: relative;
    transform: translateY(35px);
    color: #fdfdfd;
    letter-spacing: .05em;
    margin-top: -10px;
    text-transform: none;
}


#top .progress-bar-style-2.avia-progress-bar-container .avia-progress-bar {
    margin-top: 0;
}

#top .progress-bar-style-2.avia-progress-bar-container .avia-progress-bar:nth-child(1) .progressbar-title-wrap,
#top .progress-bar-style-2.avia-progress-bar-container .avia-progress-bar:nth-child(1) .bar {
    background: #0099e5!important;
}

#top .progress-bar-style-2.avia-progress-bar-container .avia-progress-bar:nth-child(2) .progressbar-title-wrap,
#top .progress-bar-style-2.avia-progress-bar-container .avia-progress-bar:nth-child(2) .bar {
    background: #ff4c4c!important;
}

#top .progress-bar-style-2.avia-progress-bar-container .avia-progress-bar:nth-child(3) .progressbar-title-wrap,
#top .progress-bar-style-2.avia-progress-bar-container .avia-progress-bar:nth-child(3) .bar {
    background: #34bf49!important;
}
         

/*----------------------------------------
// CSS - Social Share style - 2
//--------------------------------------*/

/* Hide tool tip */
.social-style-2 .avia-related-tooltip {
    display: none !important;
}

/* Icon border and spacing */
#top .social-style-2 .av-share-box ul li {
    border-left-style: none;
    display: inline-block;
}

/* Icon style */
#top .social-style-2 .av-share-link {
    /*border-radius: 30px!important;*/
    width: 30px !important;
    height: 30px !important;
    margin: 0 10px 0 0;
}

#top .social-style-2 .av-share-link a {
    border: 1px solid #000;
    padding: 0;
}

/* Link hover */

#top .social-style-2 .av-share-link a:hover {
    background-color: #000 !important;
    transition: all .35s ease;
}

/* Icon Color */
.social-style-2 .av-share-link a:before {
    color: #333;
    transition: all .5s ease;

}

/* Icon Color on hover */
.social-style-2 .av-share-link:hover a:before {
    color: #fff;
    transition: all .35s ease;
}

/*----------------------------------------
// CSS - Social Share style - 3
//--------------------------------------*/

/* Hide tool tip */
.social-style-3 .avia-related-tooltip {
    display: none !important;
}

/* Remove icon border */
#top .social-style-3 .av-share-box ul li {
    border-left-style: none;
    display: inline-block;
    vertical-align: middle !important;
    margin: 0 10px 0 0;
}

/* Icon style */
#top .social-style-3 .av-share-link a {
    width: 30px !important;
    height: 30px !important;
    border-radius: 30px !important;
    padding: 3px 0 !important;

}

/* Icon color */
.social-style-3 .av-share-link a:before {
    color: #1d1d1b;
    transition: all .5s ease;
}

/* Icon color on hover */
.social-style-3 .av-share-link a:hover:before {
    color: #1d1d1b;
    transition: all .35s ease;
}

/* Icon background color on hover */
#top .social-style-3 .av-share-link a {
    /*background: none!important; */
    background: #f0f0f0;

}

#top .social-style-3 .av-share-link a:hover:before {
    color: #f4f7f9;
}

/*----------------------------------------
// CSS - Social Share style - 4
//--------------------------------------*/

/* Hide tool tip */
.social-style-4 .avia-related-tooltip {
    display: none !important;
}

/* Remove icon border */
#top .social-style-4 .av-share-box ul li {
    border-left-style: none;
    display: inline-block;
    vertical-align: middle !important;
    margin: 0 10px 0 0;
}

/* Icon style */
#top .social-style-4 .av-share-link a {
    width: 30px !important;
    height: 30px !important;
    border-radius: 30px !important;
    padding: 3px 0 !important;

}

/* Icon color */
.social-style-4 .av-share-link a:before {
    color: #fff;
    transition: all .5s ease;
}

/* Icon */
#top .social-style-4 .av-share-link a {
    border-radius: 30px;
}

/* Back ground color */
#top .social-style-4 .av-social-link-rss a {
    color: #fff;
    background-color: #ffa133;
}

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

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

#top .social-style-4 .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37;
}

#top .social-style-4 .av-social-link-dribbble a {
    color: #fff;
    background-color: #e44885;
}

#top .social-style-4 .av-social-link-linkedin a {
    color: #fff;
    background-color: #419cca;
}

#top .social-style-4 .av-social-link-search a {
    color: #fff;
    background-color: #222222;
}

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

#top .social-style-4 .av-social-link-behance a {
    color: #fff;
    background-color: #008cfa;
}

#top .social-style-4 .av-social-link-flickr a {
    color: #fff;
    background-color: #ff0086;
}

#top .social-style-4 .av-social-link-forrst a {
    color: #fff;
    background-color: #234317;
}

#top .social-style-4 .av-social-link-myspace a {
    color: #fff;
    background-color: #000000;
}

#top .social-style-4 .av-social-link-tumblr a {
    color: #fff;
    background-color: #345574;
}

#top .social-style-4 .av-social-link-vimeo a {
    color: #fff;
    background-color: #31baff;
}

#top .social-style-4 .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d;
}

#top .social-style-4 .av-social-link-pinterest a {
    color: #fff;
    background-color: #cb2027;
}

#top .social-style-4 .av-social-link-skype a {
    color: #fff;
    background-color: #12a5f4;
}

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

/*----------------------------------------
// CSS - Social Share margin
//--------------------------------------*/
#top.documentation .social-style-1,
#top.documentation .social-style-2,
#top.documentation .social-style-3,
#top.documentation .social-style-4 {
    margin-bottom: 72px !important;
}

/*----------------------------------------
// CSS - Special heading with multiple font styles
//--------------------------------------*/

#top .specialh-1 .av-special-heading-tag {
    font-family: Montserrat, sans-serif;
}

#top .specialh-1 .av-special-heading-tag strong {
    font-weight: 700;
}

#top .specialh-1 .av-special-heading-tag em {
    font-family: 'Playfair Display', serif;
    text-transform: lowercase;
    font-style: italic;
}

/*----------------------------------------
// CSS - Special heading style - 2
//--------------------------------------*/

/* special heading */
#top .specialh-2 .av-special-heading-tag {

    font-weight: 900;
    color: #1769ff;
    font-size: 30px;
    font-family: 'Abril Fatface', cursive;
}

/* subheading */
#top .specialh-2 .av-subheading {
    font-size: 10px !important;
    text-transform: uppercase;
    letter-spacing: .5em;
    color: #a5a9ab;
    font-family: 'Roboto Slab', serif;
}

/*----------------------------------------
// CSS - Special heading style - 3
//--------------------------------------*/

/* special heading */
#top .specialh-3 .av-special-heading {
    font-weight: 900;
    color: #1769ff;
}

#top .specialh-3 .av-special-heading-tag {
    display: inline-block !important;
    position: relative;
}

#top .specialh-3 .av-subheading {
    margin: 15px 0 0 0;
}

.specialh-3 .av-special-heading-tag::before, .specialh-3 .av-special-heading-tag::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 2px solid currentcolor;
    width: 30%;
    color: #333;
}

#top .specialh-3 .av-special-heading-tag::before {
    left: -40%;
}

#top .specialh-3 .av-special-heading-tag::after {
    right: -40%;
}

/*----------------------------------------
// CSS - Special heading style - 4
//--------------------------------------*/

/* special heading */
#top .specialh-4 .av-special-heading {
    font-weight: 900;
    color: #1769ff;
    font-size: 30px;
    font-family: 'Abril Fatface', cursive;
}

#top .specialh-4 .av-special-heading-tag {
    display: inline-block !important;
    position: relative;
    font-family: 'Anton', sans-serif;
    font-size: 42px;
    text-transform: uppercase;
}

#top .specialh-4 .av-subheading {
    margin: 25px 0 0 0;
    font-family: 'Bitter', serif;
    text-transform: uppercase;
    letter-spacing: .5em;
}

.specialh-4 .av-special-heading-tag::before, .specialh-4 .av-special-heading-tag::after {
    content: '';
    position: absolute;
    top: 125%;
    transform: translateY(-0%);
    border-top: 2px solid currentcolor;
    width: 120%;
}

#top .specialh-4 .av-special-heading-tag::before {
    left: -0%;
}

#top .specialh-4 .av-special-heading-tag::after {
    right: -0%;
}

/*----------------------------------------
// CSS - Table row bg
//--------------------------------------*/

/* Table rows */
#top .table-rowbg.avia-table tr {
    color: #0e0e0e;
}

/* Table border */
#top .table-rowbg.avia-table tr th,
#top .table-rowbg.avia-table tr td,
#top .table-rowbg.avia-table tr {
    border: none !important;
    /*border: 1px solid #525e61;*/
    box-shadow: 0px 1px 1px -1px rgba(31, 31, 31, 0.85);
}

/* Alternate row color */
#top .table-rowbg.avia-table tr:nth-child(odd) {
    background: #eff2f3 !important;
}

#top .table-rowbg.avia-table tr:nth-child(even) {
    background: #d7dcdd !important;
}

/* Table head */
#top .table-rowbg.avia-table th {
    background: #3b5998;
    color: #e9e8dd;
}

/*----------------------------------------
// CSS - Table col bg
//--------------------------------------*/

/* Table rows */
#top .table-colbg .avia-table tr {
    color: #0e0e0e;
}

/* Table border */
#top .table-colbg.avia-table tr {
    border: none !important;
}

/* Alternate row color */
#top .table-colbg.avia-table td:nth-child(odd) {
    background: #eff2f3 !important;
}

#top .table-colbg.avia-table td:nth-child(even) {
    background: #d7dcdd !important;
}

/* Table head */
#top .table-colbg.avia-table th {
    background: #3b5998;
    color: #e9e8dd;
    box-shadow: 0px 1px 1px -1px rgba(31, 31, 31, 0.85);
    border: none;
}

/*----------------------------------------
// CSS - Pricing Table
//--------------------------------------*/

/* Heading */
#top .table-pricebg .pricing-table li.avia-heading-row,
#top .table-pricebg .pricing-table li.avia-heading-row .pricing-extra {
    background-color: #136ad5 !important;
    /*    color: #ffffff;*/
    border-color: none;
}

/* Pricing rows */
#top .table-pricebg .pricing-table li.avia-pricing-row {
    background-color: #fb8a2e !important;
    /*color: #ffffff;*/
    border: none;
}

/*----------------------------------------
// CSS - Tabs color
//--------------------------------------*/
#top .tabcontainer.tab_bgcolor {
    margin-bottom: 30px;
}

/* Tabs */
#top .tabcontainer.tab_bgcolor .tab {
    background: #5482ab;
    color: #eeeeee;
    border: 1px solid #43698c;
}

#top .tabcontainer.tab_bgcolor .tab:hover {
    color: #FFF !important;
}

/* Active tab */
#top .tabcontainer.tab_bgcolor .active_tab {
    background: #f3f3f3 !important;
    color: #222;
    border: none !important;
}

/*Active tab on hover*/
#top .tabcontainer.tab_bgcolor .tab.active_tab:hover {
    color: inherit !important;
}

/* tab content */
#top .tabcontainer.tab_bgcolor .tab_content.active_tab_content {
    background: #f3f3f3 !important;
    /*border:none!important;*/
}

/*----------------------------------------
// CSS - Testimonial
//--------------------------------------*/

/* Image */
#top .testimonial-image-shape .avia-testimonial-image,
#top .testimonial-image-shape .avia-testimonial-image img {
    border-radius: 2px !important;
}

/*----------------------------------------
// CSS - Gallery style -1
//--------------------------------------*/

.av-gallery-style-1.avia-gallery {
    display: flex;
    flex-direction: row;
}

.av-gallery-style-1 .avia-gallery-big {
    flex-basis: 80%;
}

.av-gallery-style-1 .avia-gallery-thumb {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 20%;
    align-self: flex-start;
}

.av-gallery-style-1 .avia-gallery-thumb a {
    flex-basis: 50%;
    width: 50%;
}


/*----------------------------------------
// CSS - Accordion
//--------------------------------------*/
@media only screen and (max-width: 768px) {
    #top .aviaccordion {
        max-height: 100% !important;
        position: initial;
    }

    #top .aviaccordion-slide {
        position: initial;
    }
}

/*----------------------------------------
// CSS - Easy Slider title and caption
//--------------------------------------*/

/* Caption Title */
.avia-slideshow.easyslider-title .avia-caption .avia-caption-title {
    font-family: 'Roboto Slab', serif;
    background: #1cc7d0;
    letter-spacing: .05em;
    font-weight: 800;
    font-size: 30px;
}

/* caption content */
.avia-slideshow.easyslider-title .avia-caption-content p {
    font-family: 'Ubuntu', sans-serif;
    background: #49a942;
    margin-top: 5px;
    letter-spacing: .01em;
}

/*----------------------------------------
// CSS - Easy Slider caption alignment
//--------------------------------------*/

/* Caption alignment */
.avia-slideshow.easyslider-caption-alignment .avia-caption {
    right: 17px;
    text-align: center;
}

/*----------------------------------------
// CSS - Easy Slider caption button
//--------------------------------------*/

/* caption content button */
.avia-slideshow.caption-with-button .avia-button-wrap {
    display: inline-block;
}

/* Caption button */
.avia-slideshow.caption-with-button .avia-caption .avia-caption-content p {
    background: transparent;
    color: #222;
    display: inline;
}

/*----------------------------------------
// CSS - Featured image slider fonts
//--------------------------------------*/

/* Font style */
#top.documentation.media-elements .avia-featureimage-slideshow .slideshow_caption h2 a {
    color: #222;
    text-shadow: none;
    background: #fff;
    padding: 0 10px;
}

/* remove underline */
#top.documentation.media-elements .avia-featureimage-slideshow h2.avia-caption-title:after {
    display: none !important;
}

/*----------------------------------------
// CSS - Image caption below the image
//--------------------------------------*/

#top .bottom-caption .av-image-caption-overlay {
    height: auto;
    width: auto;
    left: 0px;
    bottom: 0px;
    transform: translateY(100%);
}

.bottom-caption .av-image-caption-overlay-center {
    padding: 0;
}

.bottom-caption .avia_image {
    margin-bottom: 50px;
}

/*----------------------------------------
// CSS - Image Swap
//--------------------------------------*/

.image-swap .av-image-caption-overlay {
    background-position: 50% 50%;
}

.image-swap .av-image-caption-overlay:hover {
    background-size: contain;
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-color: rgba(255, 255, 255, 0.5);
    background-repeat: no-repeat;
}

/*----------------------------------------
// CSS - Team member
//--------------------------------------*/
/* Image border */
.avia-image-container.image-border img {
    border: 1px solid gray;
    padding: 5px;
}

/* Side by side content */
.team-member-sidebyside .team-img-container {
    float: left;
    width: 30%;
    margin-right: 10px;
}

/*----------------------------------------
// CSS - Typography
//--------------------------------------*/
.custom-dropcap .av_dropcap1 {
    color: #ff4c4c;
    font-size: 5em;
    line-height: 80%;
    padding-right: .05em;
    font-family: Raleway, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: .025em .030em 0 #fbb034;
	text-align: justify;
}

/*----------------------------------------
// CSS - Slider caption
//--------------------------------------*/

/*----------------------------------------
// CSS - Slider caption
//--------------------------------------*/

.avia_transform .animated-caption .active-slide:nth-child(1) .avia-caption-title,
.avia_transform .animated-caption .active-slide:nth-child(1) .avia-caption-content,
.avia_transform .animated-caption .active-slide:nth-child(1) .avia-slideshow-button-2,
.avia_transform .animated-caption .active-slide:nth-child(1) .avia-slideshow-button {

    -webkit-animation: avia-rotateIn 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
    animation: avia-rotateIn 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
}

.avia_transform .animated-caption .active-slide:nth-child(2) .avia-caption-title,
.avia_transform .animated-caption .active-slide:nth-child(2) .avia-caption-content,
.avia_transform .animated-caption .active-slide:nth-child(2) .avia-slideshow-button-2,
.avia_transform .animated-caption .active-slide:nth-child(2) .avia-slideshow-button {

    -webkit-animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
    animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
}

.avia_transform .animated-caption .active-slide:nth-child(3) .avia-caption-title,
.avia_transform .animated-caption .active-slide:nth-child(3) .avia-caption-content,
.avia_transform .animated-caption .active-slide:nth-child(3) .avia-slideshow-button-2,
.avia_transform .animated-caption .active-slide:nth-child(3) .avia-slideshow-button {

    -webkit-animation: avia_msonry_show 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
    animation: avia_msonry_show 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
}

.avia_transform .animated-caption .active-slide:nth-child(4) .avia-caption-title,
.avia_transform .animated-caption .active-slide:nth-child(4) .avia-caption-content,
.avia_transform .animated-caption .active-slide:nth-child(4) .avia-slideshow-button-2,
.avia_transform .animated-caption .active-slide:nth-child(4) .avia-slideshow-button {

    -webkit-animation: avia_pop 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
    animation: avia_pop 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
}

@media only screen and (max-width: 800px) {

    #top .animated-caption {
        max-width: 90% !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-right: 0;
        float: none !important;
    }

}

/*iconlist animation*/
.avia_transform .icon-list-noanimation .avia-icon-list.av-iconlist-big .avia_start_animation .iconlist_icon,
.avia_transform .icon-list-noanimation .avia-icon-list.av-iconlist-big .iconlist_icon {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*icon animation*/
.avia_transform .icon-no-animation.av_font_icon,
.avia_transform .icon-no-animation.avia_start_delayed_animation.av_font_icon {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* Progress bar */

.av-animated-bar.pb-no-animation .avia-progress-bar div.progress .bar,
.avia_transform #top .pb-no-animation .avia-progress-bar div.progress.avia_start_animation .bar-outer {
    -webkit-animation: none !important;
    animation: none !important;
}

#top .pb-no-animation .avia-progress-bar div.progress .bar-outer,
#top .pb-no-animation .avia-progress-bar div.progress .bar {
    width: 100%;
}


/* Center align columns inside color section*/
#av-center-align-columns .entry-content-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: center;
}

/*----------------------------------------
// Create more than six Columns
//--------------------------------------*/

#av-extra-columns .entry-content-wrapper {
display: flex;
flex-flow: row wrap;
justify-content: center;
}

#av-extra-columns .column-top-margin {
margin-top: 0 !important;
}

#av-extra-columns .flex_column {
width: 14%;
flex-basis: 14%;
margin-left: 2%;
margin-top: 20px!important;
}

#av-extra-columns .flex_column.first {
clear: none!important;
margin-left: 2%;
}

/* Two columns in mobile */

@media only screen and (max-width: 768px) {
/*#av-extra-columns .column-top-margin {
margin-top: 0 !important;
}*/
#av-extra-columns .flex_column {
width: 48%!important;
margin-left: 2%!important;
margin-bottom: 2%!important;
margin-top: 20px!important;
}}

/*----------------------------------------
// fullscreen slider with custom size
//--------------------------------------*/

.av-full-slider-custom-size .avia-slideshow {
    /* Custom height */
    max-height: 60vh !important;

	/* Custom width */
    max-width: 75vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.av-full-slider-custom-size.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-repeat: no-repeat;

    /* to display full background image adjust the width and height below*/
/*     background-size: 100% 100%; */
}


/*----------------------------------------
// Typography
//--------------------------------------*/
 .av-dropcap-style-1.av_dropcap1 {
color:#ff4c4c;
font-size:5em;
line-height:80%;
padding-right: .05em;
font-family: Raleway, sans-serif;
font-weight: 800;
text-transform:uppercase;
text-shadow:.025em .030em 0 #fbb034;
}


/*----------------------------------------
// Blockquotes
//--------------------------------------*/

#top .main_color blockquote.blockquote-style-1{
  font-family:Open Sans;
  font-style:italic;
  color: #FFF;
  padding:25px 15px 15px 30px;
  border-left:8px solid #537b35 ;
  background:#2dde98;
  font-size:2em;
}


/*----------------------------------------
// Grid Row
//--------------------------------------*/

/* Custom grid row width*/

#av-grid-custom-width {
    max-width: 1310px;
    margin: 0 auto;
}


/*--------------------------------

Hide header extra elements and widgets

----------------------------------*/

.av-logo-container .widget,
#header #header_meta,
.av-logo-container .social_bookmarks,
.responsive #top #header #header_main nav .social_bookmarks,
/* #header #menu-item-search a, */
#header a.cart_dropdown_link  { 
    display: none;
}


.responsive #top #header .avia-menu.av_menu_icon_beside {
    border: none;
}




/* ----------------------------------------------- SVG DIVIDERS */
.avia-section {
    position: relative;
}

.avia-section .container {
    z-index: 2;
}
  
.svgTriangleTop .svgTop {
    position: absolute;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: repeat-x;
    background-size: 100%;
    background-position: 50% 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='green' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}

.svgTriangleBottom .svgBottom {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: repeat-x;
    background-size: 100%;
    transform: rotate(180deg);
    background-position: 50% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='green' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}


.svgTransform .svgBottom {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: repeat-x;
    background-size: 100%;
    transform: rotate(0deg) translate(0, 100%);
    background-position: 50% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='blue' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}

.svgScale .svgBottom {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 50%;
    transform: rotate(180deg);
    background-position: 50% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='green' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}

.svgLeft .svgBottom {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 50%;
    transform: rotate(180deg);
    background-position: 100% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='blue' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}

.svgCenter .svgBottom {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 50%;
    transform: rotate(180deg);
    background-position: 50% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='green' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}

.svgRight .svgBottom {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 50%;
    transform: rotate(180deg);
    background-position: 0% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='blue' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}

.svgColor .svgBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: transparent;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
    background-position: 0% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='gold' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}


.svgOverlap .svgBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: transparent;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
    background-position: 0% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='grey' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}


.svgFlip .svgBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: transparent;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(0deg);
    background-position: 0% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 220' %3E%3Cpolygon fill='blue' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}


.svgRepeat .svgBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: transparent;
    z-index: 3;
    background-repeat: repeat-x;
    background-size: 30%;
    transform: rotate(180deg);
    background-position: 0% 0%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 214' %3E%3Cpolygon fill='green' points='1000,210 0,0 2000,0 '/%3E%3C/svg%3E");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
}
/* ------------------------------------------------ SVG DIVIDERS */