/* ==============================================

Tabs

============================================== */
#help-tabs .section-title { margin-bottom: 0 !important; }


#help-tabs { position: relative; }
#help-tabs .background-image { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
#help-tabs .background-image img { opacity: 0.4; min-width: 2500px; }

#help-tabs .wrap { padding:0 10px; }



div.tabs ul.tab-content li { display: none; }
.tabs { background: #ece6b4; width:100%; float:left; margin-bottom: 30px;}
.tab-header { float:left; width:100%; margin:0% 0 0% 0; padding: 0%; }
.tab-header li { float:left; width:100%; list-style-type: none; padding-bottom: 0;}
.tab-header li a { min-height:48px; float:left; width:100%; text-decoration:none; font-size:1em; padding:4% 0 4% 5%; text-transform:uppercase; margin:0 0 0 0%; color:#575755; float: left;}
.tab-header li.active , .tab-header li:hover { cursor: pointer; }
.tab-content { float:left; width:100%; margin:0% 0 0 0%;  position: relative;}
.tab-content li { list-style-type: none; padding:20px; float: left; width: 100%; }
.tab-content li p { font-size: 15px; margin-bottom:10px; }
.tab-content a { float:right; width:100%; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:1.6em; font-weight:bold; text-align:center; overflow: hidden;}
.owl-example-2 .owl-item { padding:0.5%;}
.tabs-wrap { border-bottom: 1px solid #e3e3e3; }
.tab-content h2 { color: #734e04; }
.tab-content .tab-button { float: left; width: 100%; position: relative; }
.tab-content .tab-button .button { position: absolute; bottom: 20px; left: 20px; background: #66a153; padding:10px 20px; }
.tab-content .text-wrap { float: left; width: 100%; }



.tab-header li:nth-child(2) { background: #b23939; color:#FFF; }
.tab-header li:nth-child(3) {/* background: #734e04;*/ background: #8a6d34; color: #FFF;}
.tab-header li:nth-child(2) a { color:#FFF; }
.tab-header li:nth-child(3) a { color: #FFF;}

.tab-header li:nth-child(2):hover { background:  #881f1f; }
/*.tab-header li:nth-child(2):hover a { color:#000; }*/
.tab-header li:nth-child(3):hover { background:  #543903; }
/*.tab-header li:nth-child(3):hover a {  color: #000;}*/
.tab-header li:active { background:  #ece6b4; }

.tab-content li:nth-child(2) { background: #b23939; color:#FFF; }
.tab-content li:nth-child(2) h2, .tab-content li:nth-child(3) h2{ color: #FFF; }
.tab-content li:nth-child(3) { /*background: #734e04;*/ background: #8a6d34; color: #FFF;}


.tab-content li .tab-button:hover img  { opacity: 0.5; }
.tab-content li .tab-button:hover .button { background: #4c803b; }



.tab-content li form { float: left; width: 100%; }
.tab-content li form p { margin:0; padding:0 0 10px 0 !important; }
.tab-content li form input { width: 100%; border-radius: 8px; float: left; background: #836541; border:none !important; min-height:30px !important; }
.tab-content li form p:nth-child(even) { width: 48%; float: left; }
.tab-content li form p:nth-child(odd) { width: 48%; float: right; }
.tab-content li form p:nth-child(5) { padding:0px !important; }
.tab-content li form p:nth-child(6) { width: 48%; float: right; }

.tab-content li form .wpcf7-form-control.wpcf7-submit { font-weight: bold; width: 100%; float: left; border:none !important; background: #563416; color: #FFF; text-transform: uppercase; padding-bottom: 7px; }
.tab-content li form .wpcf7-form-control.wpcf7-submit:hover { background:  #535ca1; }
.tab-content li form .wpcf7-form-control-wrap.file-259 input { color: #FFF; font-size: 13px; padding:5px; }



/* =======================================
 @ 550
======================================= */
@media only screen and (min-width: 550px) {


.tab-content .tab-button { max-width: 300px; overflow: hidden; float: right; }



}




/* =======================================
 @ 768
======================================= */
@media only screen and (min-width: 768px) {


.tab-header li { width:33.3333%; }



}



/* =======================================
 @ 900
======================================= */
@media only screen and (min-width: 900px) {


.tab-content .text-wrap { width: 54%; }



}




/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {


#help-tabs .section-title:after {
    position: absolute;
    width: 30%;
    height: 2px;
    background: #734e04;
    top: 57px;
    right: 0px;
    margin: 0 auto;
    content: '';
}
#help-tabs .section-title:before {
    position: absolute;
    width: 30%;
    height: 2px;
    background: #734e04;
    top: 57px;
    left: 0px;
    margin: 0 auto;
    content: '';
}
#help-tabs .section-title {
/*    font-size: 44px;*/
    margin-bottom: 40px;
    position: relative;
}




}





/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

.tabs { margin-bottom: 83px; }
.tab-content li { padding:50px 30px;  }
.tab-content .text-wrap { width: 70%; }
#help-tabs .wrap { padding:0 0px; }


}