/* 

jFlow Plus Demo CSS 

Description: Demonstation CSS for jFlow Plus
Creator: Devin Walker
Date: July 29, 2010


*/

#container {
	width: 579px;
	height: 321px;
	position: relative;

	margin: 0 auto;
}

#slide1 span, #slide2 span, #slide3 span {
	background: url("../images/contentBg.png") repeat top left transparent;
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding: 10px;
}

#slide1 h3, #slide2 h3, #slide3 h3 {
	color: #FFF;
	font-size: 35px;
	margin: 0 0 10px 0;
}

#slide1 p, #slide2 p, #slide3 p {
	color: #FFF;	
	margin: 0;
}

.jFlowSlideContainer a {
	color: #F90;
	text-decoration: none;
}

.jFlowSlideContainer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.jFlowSlideContainer a:focus {
	position: relative;
	top: 1px;
}

.jFlowNext div {

	height:130px;
	position:absolute;
	top:110px;
	right: 0px;
	width:50px;
	cursor:pointer;
}

.jFlowPrev div {
    content: "\E87c";
	height:130px;
	position:absolute;
	top:110px;
	left: 0px;
	width:50px;
	cursor:pointer;
}

.jFlowPrev div:hover {
	background-position: -84px -235px;
}

.jFlowNext div:hover {
	background-position: 0px -235px;
}


@media screen and (max-width: 1029px) and (min-width: 320px) {
    html {
        min-width: auto;
        font-smooth: auto;
    }

    #wrap_all{
        padding-top: 85px;
        transition: all 100ms;
    }
    .container {
        width: auto;
        max-width: 100%;
    }

    div .av_three_fourth,
    div .av_one_fourth{
        width: 100%;
        margin-left: 0;
    }

    div .av_one_third{
        width: 100%;
    }

    #header_main{
        position: fixed;
        background: #fff;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1000000;
    }

    #header_main .container{
        height: 85px;
        line-height: 85px;
        display: flex;
        justify-content: space-between;
        padding: .5em 0;
        transition: all 100ms;
    }

    #header_main #logo{
        display: flex;
        align-items: center;
        flex: 1;
    }

    #header_main #logo .logo__text{
        font-size: 10pt;
        line-height: 1;
    }

    #header_main #logo a{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header_main #logo a img{
        padding: 0 1em;
        margin: 0;
        transition: all 100ms;
    }

    #header_main #menu {
        display: none
    }

    #header_main .menu-mobile-link{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 .5em;
    }

    #header_main .mobile-search-link{
        display: flex;
        margin: 0 .5em;
    }

    #header_main .mobile-charity-link{
        display: flex;
    }

    .av_promobox{
        padding: 1em;
        display: flex;
        flex-direction: column;
    }

    .av_promobox .avia-promocontent{
        margin: 0;
    }

    .av_promobox .avia-promocontent p{
        padding: 0;
        margin: 0;
    }

    .av_promobox .avia-button-wrap{
        float: none;
    }

    .av_promobox .avia-button{
        position: inherit;
        margin: 0!important;
        width: 100%;
    }

    .content, .sidebar {
        padding-top: 0;
    }

    .avia-content-slider{
        display: flex;
    }

    .avia-content-slider-inner{
        height: auto!important;
        width: 100%;
        display: flex;

    }

    .avia-content-slider-inner .slide-entry-wrap{
        display: flex;
        flex-direction: column;
    }

    .avia-content-slider-inner article{
        margin-left: 0!important;
        margin-right: 0!important;
        padding: 0;
    }
    .avia-content-slider-inner article img{
        width: 100%!important;
        height: auto;
    }

    .avia-content-slider-inner .slide-entry{
        padding: 0 1em 2em 1em;
    }

    .av_textblock_section .avia_textblock{
        margin: 0 1em 1em 1em;
    }

    .hr.hr-default.avia-builder-el-17{
        display: none;
    }

    .ten.units{
        width: 100%;
    }

    .container .nine.units{
        width: 100%;
    }

    .sidebar_left .content{
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
    }

    img{
        max-width: 100%;
    }

    #top #main .sidebar{
        display: block;
        border-right: none;
        border-right-width: 0!important;
        width: 100%;
        padding: 0;
    }

    #top #main .sidebar .inner_sidebar{
        margin: 1em 1em 0 0;
    }

    #top #main .sidebar.sidebar_left{
        padding: 0 1em;
        box-sizing: border-box;
        overflow-x: scroll;
    }

    #top #main .sidebar .inner_sidebar.extralight-border{
        display: flex;
        width: 100%;
        align-items: center;
    }

    #top #main .sidebar.sidebar_left .nested_nav{
        padding: 0;
        margin: 0;
        float: none;
    }

    #top #main .sidebar.sidebar_left .nested_nav .page_item a  {
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
        color: #222222;
        padding: 0;
        margin: 0 1em;
    }

    #top #main .sidebar.sidebar_left .nested_nav .page_item.current_page_item a  {
        margin-left: 0;
    }

    #top #main .sidebar h2.widgettitle{
        display: none;
    }

    #top #main .sidebar h3.widgettitle{
        margin: 0 1em;
    }

    #top #main .sidebar .widgettitle:nth-child(2){
        margin: 0 1em 0 0;
    }

    #top #main .sidebar .widget{
        padding: 0;
    }

    #top #main .sidebar .widget_nav_menu{
        padding: 0 0 10px 0;
    }

    #top #main .sidebar .widget .nested_nav{
        padding: 0;
        width: auto;
        display: flex;
    }

    #top #main .sidebar .widget .nested_nav li{
        padding: 0;
        align-items: center;
        display: flex;
    }

    .widget_nav_menu ul:first-child>.current_page_item{
        box-shadow: none;
    }

    #top #main .sidebar .widget .nested_nav li a{
        white-space: nowrap;
    }

    .sidebar_left .widget_nav_menu ul:first-child>.current_page_item{
        padding-right: 0px
    }

    .sidebar_left h3.widgettitle {
        padding: 0;
        margin: 0;
        white-space: nowrap;
    }

    .sidebar_left .widgettitle:nth-child(2) {
        margin-left: 0;
    }

    .help_form{
        margin: 0;
        padding: 0;
        border: none;
    }

    .help_form__universal,.help_form__quick,.help_form__check{
        padding: 1em;
        margin:  1em 0;
    }

    #mixplat_payment.theme_1 .mixplat-container{
        width: auto!important;
    }

    #mixplat_payment.theme_1 .mixplat-container .mixplat .mixplat__container .mixplat__form .mixplat__fields{
        width: auto!important;
        padding: 2em!important;
    }


    /* Team */

    .avia-team-member .avia_image_team{
        margin: 0;
    }

    /*
    Scroll
     */

    #scroll-top-link{
        right: auto;
        left: 15px;
        bottom: 15px;
    }

    .container_wrap{

    }

    .content .entry-content-wrapper{
        width: auto;
        padding: 0 1em;
    }

    .entry-content-wrapper h2{
        margin-bottom: 0;
    }

    .entry-content-wrapper>p{

    }

    .main-title.entry-title{
        margin: 0 1em;
        line-height: 1.5;
        display: flex;
        align-items: center;
    }

    .breadcrumb.breadcrumbs.avia-breadcrumbs{
        right: 1em;
        display: none;
    }

    .template-page .entry-content-wrapper h2{
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 18pt;
        line-height: 1.2;
    }

    .search_form_field{
        margin: 1em 0 0 0;
    }

    .post-entry.post-entry-type-pag{
        width: auto!important;
    }

    .entry-content-wrapper .template-blog{
        width: auto;
        margin: 1em 0 0 0;
    }

    .post{
        margin: 1em 0;
    }

    .post .big-preview.single-big{
        height: auto!important;
    }



    main{
        padding: 0!important;
    }

    main .post-entry.post-entry-type-pag{
        overflow: scroll;
    }

    .avia-slideshow-dots.avia-slideshow-controls{
        display: none;
    }

    #after_layer_slider_1 .avia-slideshow-1{
        display: block!important;
        height: auto!important;
        margin: 1em 0;
    }

    #after_layer_slider_1 .avia-slideshow-1 .avia-slideshow-inner{
        height: 320px!important;
    }


    #after_layer_slider_1 .avia-slideshow-1 .avia-slideshow-inner li,
    #after_layer_slider_1 .avia-slideshow-1 .avia-slideshow-inner li .avia-slide-wrap{
        height: 100%;
    }

    #after_layer_slider_1 .avia-slideshow-1 .avia-caption-title{
        font-size: 12pt;
    }

    #after_layer_slider_1 .avia-slideshow li img {
        height: 100%;
        object-fit: cover;
    }

    .avia-slideshow-arrows.avia-slideshow-controls .prev-slide.ls-nav-prev{
        left: -38px;
    }

    #top .avia-slideshow-arrows a.next-slide{
        right: -38px;
    }

    #top .no_margin.av_one_fourth {
        width: 100%;
    }

    .isotope-item{
        margin: 1em;
    }

    .post-entry.post-entry-type-page.post-entry-886 {
        width: auto!important;
        margin: 1em 0;
    }

    footer,
    #footer{

    }

    #footer .container .flex_column:nth-child(3){
        display: none;
    }

    #footer .flex_column{
        padding: 0 1em;
    }

    #footer .widget{
        margin: 0;
    }

    #footer #top form{
        margin-bottom: 0;
    }

    #footer #newsbox-2 input{
        width: 100%;
    }

    #footer #newsbox-2 input[name=email]{
        margin: 0;
    }

    #socket .container {
        padding: 1em;
    }
}

@media screen and (max-width: 1029px) and (min-width: 616px) {
    .av_promobox{
        flex-direction: row;
        align-items: center;
    }

    #footer .container{
        display: flex;
    }
}