.panel-counter {
    font-family: "Lato", sans-serif;
    padding: 5px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    -moz-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -moz-transform: rotate(-90deg) translateY(100%);
    -webkit-transform: rotate(-90deg) translateY(100%);
    transform: rotate(-90deg) translateY(100%);
    width: 480px;
    bottom: 0 !important;
    left: 0 !important;
    min-height: 40px;
}


.as-video {
    width: 640px;
    height: 480px;
}


@media screen and (max-width: 1023px) {
    .as-layer.as-opened {left: 0 !important; width: 100% !important;}
    .as-layer.as-opened:first {top: 0 !important;}
    .as-video {
        width: 600px;
        height: 400px;
    }
    .panel-counter {
        width: 400px;
    }
}

@media screen and (max-width: 560px) {
    .as-layer.as-opened {left: 0 !important; width: 100% !important;}
    /*.as-layer.as-opened:first {top: 0 !important;}*/
    .accordion-slider .as-layer { font-size: 14px; }
    .accordion-slider h2.as-layer {    font-size: 16px;} 
    .as-video {
        width: 100%;
        height: 300px;
    }
    .panel-counter {
        width: 300px;
    }
}

@media all and (max-width: 380px) {
    /*.as-layer.as-opened {bottom: 0;left: 0 !important;top: 0 !important;width: 100% !important;padding-right: 10%;padding-right: 45%;}*/
    .panel-counter { font-size: 15px; }
    .as-video {
        width: 100%;
        height: 200px;
    }
    .panel-counter {
        width: 200px;
    }
    .hide-mobile {display: none;}
}

.as-pagination-button {
    border-color: #333;
}
.as-pagination-buttons .as-selected {
    background-color : #333;
}

/* default section override */

.section {
    padding-top: 0px;
}

.frame-agridea-well-1 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #B39F1C;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-2 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #2A9775;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-3 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #A50014;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-4 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #8D0047;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-5 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #2E49AB;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-6 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #258C17;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-7 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #B24811;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-8 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #F7601C;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.frame-agridea-well-9 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #708B76;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


/* Tabs  in agridea frame */
.frame-agridea-well-1 .nav-tabs, 
.frame-agridea-well-1 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #B39F1C;
    border-left: transparent;
    border-right: transparent;
}


.frame-agridea-well-1 .nav-tabs > li.active > a, 
.frame-agridea-well-1 .nav-tabs > li.active > a:hover,
.frame-agridea-well-1 .nav-tabs > li.active > a:focus {
    color: #B39F1C;
    background-color: transparent;
    border: 1px solid #B39F1C;
    border-bottom-color: transparent;
    cursor: default;
}


.frame-agridea-well-2 .nav-tabs, 
.frame-agridea-well-2 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #2A9775;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-2 .nav-tabs > li.active > a, 
.frame-agridea-well-2 .nav-tabs > li.active > a:hover,
.frame-agridea-well-2 .nav-tabs > li.active > a:focus {
    color: #2A9775;
    background-color: transparent;
    border: 1px solid #2A9775;
    border-bottom-color: transparent;
    cursor: default;
}

.frame-agridea-well-3 .nav-tabs, 
.frame-agridea-well-3 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #A50014;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-3 .nav-tabs > li.active > a, 
.frame-agridea-well-3 .nav-tabs > li.active > a:hover,
.frame-agridea-well-3 .nav-tabs > li.active > a:focus {
    color: #A50014;
    background-color: transparent;
    border: 1px solid #A50014;
    border-bottom-color: transparent;
    cursor: default;
}


.frame-agridea-well-4 .nav-tabs, 
.frame-agridea-well-4 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #8D0047;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-4 .nav-tabs > li.active > a, 
.frame-agridea-well-4 .nav-tabs > li.active > a:hover,
.frame-agridea-well-4 .nav-tabs > li.active > a:focus {
    color: #8D0047;
    background-color: transparent;
    border: 1px solid #8D0047;
    border-bottom-color: transparent;
    cursor: default;
}

.frame-agridea-well-5 .nav-tabs, 
.frame-agridea-well-5 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #2E49AB;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-5 .nav-tabs > li.active > a, 
.frame-agridea-well-5 .nav-tabs > li.active > a:hover,
.frame-agridea-well-5 .nav-tabs > li.active > a:focus {
    color: #2E49AB;
    background-color: transparent;
    border: 1px solid #2E49AB;
    border-bottom-color: transparent;
    cursor: default;
}

.frame-agridea-well-6 .nav-tabs, 
.frame-agridea-well-6 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #258C17;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-6 .nav-tabs > li.active > a, 
.frame-agridea-well-6 .nav-tabs > li.active > a:hover,
.frame-agridea-well-6 .nav-tabs > li.active > a:focus {
    color: #258C17;
    background-color: transparent;
    border: 1px solid #258C17;
    border-bottom-color: transparent;
    cursor: default;
}


.frame-agridea-well-7 .nav-tabs, 
.frame-agridea-well-7 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #B24811;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-7 .nav-tabs > li.active > a, 
.frame-agridea-well-7 .nav-tabs > li.active > a:hover,
.frame-agridea-well-7 .nav-tabs > li.active > a:focus {
    color: #B24811;
    background-color: transparent;
    border: 1px solid #B24811;
    border-bottom-color: transparent;
    cursor: default;
}



.frame-agridea-well-8 .nav-tabs, 
.frame-agridea-well-8 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #F7601C;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-8 .nav-tabs > li.active > a, 
.frame-agridea-well-8 .nav-tabs > li.active > a:hover,
.frame-agridea-well-8 .nav-tabs > li.active > a:focus {
    color: #F7601C;
    background-color: transparent;
    border: 1px solid #F7601C;
    border-bottom-color: transparent;
    cursor: default;
}


.frame-agridea-well-9 .nav-tabs, 
.frame-agridea-well-9 .nav-tabs > li > a:hover {
    border-bottom: 1px solid #F7601C;
    border-left: transparent;
    border-right: transparent;
}
.frame-agridea-well-9 .nav-tabs > li.active > a, 
.frame-agridea-well-9 .nav-tabs > li.active > a:hover,
.frame-agridea-well-9 .nav-tabs > li.active > a:focus {
    color: #708B76;
    background-color: transparent;
    border: 1px solid #708B76;
    border-bottom-color: transparent;
    cursor: default;
}

.navbar .tx-indexedsearch-autocomplete {
    background-color: white;
    top: 37px;

}

.navbar .dropdown-menu {
    top: 80px;
}

.navbar-transition .dropdown-menu {
    top: 45px;
}


.tx-indexedsearch-autocomplete li:hover {
    color: #e72200;
}

.navbar .form-control:focus {
    border-color: #e72200;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 34, 0, 0.6);
}

.navbar .search-input .btn {
    line-height: 1.5;
}

.search-input .input-group {
    animation: shake 2s cubic-bezier(.36,.07,.19,.97) both ;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
      border-color: #e72200;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 34, 0, 0.6);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}

.quicksearch-submits {
    color:#6a6f77;
}

.frame hr {
    margin-top: 0px;
}

.frame-type-agridea_accordionslider{
    margin-bottom: 10px;
}

.frame-agridea-swoosh {
    background-color: white;
    /*border: 1px solid grey;*/
    border: 2px solid transparent;
    border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
    border-image-slice: 1;
    z-index: 9999;
    padding: 20px;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
    width: 40%;
    display: none;
    
    margin-bottom: 10px;
}
.frame-agridea-swoosh #close {
    padding-bottom: 10px;
    display: inline;
    z-index: 10000;
}
.frame-agridea-swoosh #close+div.frame {
    position: relative;
    top: 20px;
    padding-top: 0px;
    z-index: 800;
}