/***

====================================================================
	base
====================================================================

***/



@import url('pe-icon-7-stroke.css');
@import url('simple-line-icons.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('swiper.min.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.timepicker.min.css');
@import url('baes.css');


/***

====================================================================
					Honor Section
====================================================================

***/

.honor-section {
    margin: 80px 0;
}

/*====================================================================
					Product Tabs Style
====================================================================*/
.product-info-tabs .prod-tabs {
    position      : relative;
    margin-top    : 60px;
    padding-bottom: 60px;
}

.product-info-tabs .prod-tabs .tab-btns {
    position     : relative;
    z-index      : 1;
    margin-bottom: 50px;
    background   : #f1f1f1;
}

.product-info-tabs .prod-tabs .tab-btns .tab-btn {
    position          : relative;
    top               : 1px;
    display           : block;
    float             : left;
    font-size         : 16px;
    color             : #444;
    text-transform    : uppercase;
    line-height       : 24px;
    cursor            : pointer;
    padding           : 13px 100px 13px;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 500ms ease;
}

.product-info-tabs .prod-tabs .tab-btns .tab-btn:hover,
.product-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn {
    color           : #ffffff;
    background-color: #0a7c76;
}

.product-info-tabs .prod-tabs .tabs-content {
    position: relative;
}

.product-info-tabs .prod-tabs .tabs-content .tab {
    position  : relative;
    display   : none;
    border-top: 0px;
}

.product-info-tabs .prod-tabs .tabs-content .tab.active-tab {
    display: block;
}

.product-info-tabs .prod-tabs .tabs-content .tab .content {
    position: relative;
}

.product-info-tabs .prod-tabs .tabs-content .tab .content p {
    position     : relative;
    font-size    : 16px;
    line-height  : 1.7em;
    margin-bottom: 25px;
    color        : #797979;
}

.product-info-tabs .prod-tabs .tabs-content .tab .content p:last-child {
    margin-bottom: 0px;
}

.prod-tabs .tabs-content .tab .title {
    position     : relative;
    color        : #000000;
    font-size    : 24px;
    font-weight  : 700;
    margin-bottom: 35px;
}

.honor-block {
    margin: 0 0 30px;
}

/***

==================================================================
		Contact Form Section
==================================================================

***/
.contact-form-section {
    margin: 80px 0;
}

/* Contact Form */

.contact-form {
    position: relative;
    width   : 50%;
    margin  : 0 auto;
    border  : 1px solid #ef7c00;
    padding : 40px 20px;
}

.contact-form .form-group {
    position     : relative;
    margin-bottom: 10px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
    position          : relative;
    display           : block;
    width             : 100%;
    color             : #808186;
    line-height       : 26px;
    padding           : 10px 30px;
    height            : 77px;
    font-size         : 16px;
    border-radius     : 0;
    background        : #f3f3f3;
    border            : 1px solid #f3f3f3;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
    transition        : all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
    border-color: #f57f4b;
}

.contact-form .form-group textarea {
    position          : relative;
    display           : block;
    width             : 100%;
    line-height       : 26px;
    padding           : 30px;
    color             : #808186;
    height            : 135px;
    font-size         : 16px;
    resize            : none;
    border-radius     : 2px;
    background        : #f3f3f3;
    border            : 1px solid #f3f3f3;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
    transition        : all 300ms ease;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #ff0000 !important;
}

.contact-form label.error {
    display       : block;
    line-height   : 24px;
    padding       : 5px 0px 0px;
    margin        : 0px;
    text-transform: uppercase;
    font-size     : 12px;
    color         : #ff0000;
    font-weight   : 500;
}


.btn-style-four.border-anim-left:before {
    height: 6px;
    left  : -6px;
    top   : -6px;
}

.btn-style-four.border-anim-left:after {
    width: 6px;
    left : -6px;
    top  : -6px;
}

.btn-style-four .border-anim-right:before {
    height: 6px;
    right : -6px;
    bottom: -6px;
}

.btn-style-four .border-anim-right:after {
    width : 6px;
    right : -6px;
    bottom: -6px;
}

.btn-style-four {
    position        : relative;
    color           : #252733;
    font-size       : 20px;
    line-height     : 26px;
    padding         : 15px 35px;
    background-color: transparent;
    border          : 6px solid #222;
    cursor          : pointer;
}

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

    .product-info-tabs .prod-tabs .tab-btns .tab-btn {
        font-size: 16px;
        cursor   : pointer;
        padding  : 13px 54px 13px;
    }

    .dow-cur li h4 {
        font-size: 18px;
    }

    .contact-form {

        width   : 80%;
    }

}