/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.hide{
display:none;}

p{
    line-height: 1.5;
    margin-bottom: 15px;
}
.content a{
    text-decoration:underline;
}
.content a:hover{
    text-decoration:underline;
}

header:not(.sticky) .header_bottom{
    height: 100px;
}
header.centered_logo .q_logo {
    top: 0;
    height: 200px;
    z-index: 9999;
}
.q_logo a {
    height: 200px!important;
}
header.centered_logo .q_logo img{
    height:80% !important;
}

header.centered_logo .header_inner_left {
    margin: 5px 0px 0px!important;
}
.border-fix{
    position: relative;
}
.border-fix:after {
    width: 100%;
    height: 160%;
    content: '';
    display: block;
    position: absolute;
    bottom: -61px;
    background: #ACDE61 url(img/banner.jpg)no-repeat center center;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    border-bottom:10px solid #eee;
    z-index:1;
    -webkit-backface-visibilit:hidden;
    outline: 1px solid transparent;
    z-index: 15;
}
.home .xt-white h2{
    color:#fff;
    font-weight:900;
    font-size: 90px;
    text-transform: uppercase;
}
.home .xt-white p{
    color:#666;
    font-size:32px;
    margin:15px 0;
}
.xt-white h2{
    color:#fff;
    font-weight:700;
    font-size: 65px;
    text-transform: uppercase;
}
body:not(.home) .border-fix:after{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,acde61+100 */
    background: rgb(255,214,94); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(255,214,94,1) 0%, rgba(172,222,97,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(255,214,94,1) 0%,rgba(172,222,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(255,214,94,1) 0%,rgba(172,222,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#acde61',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.xt-white p{
    color:#666;
    font-size:32px;
    margin:30px 0;
}
.img-fix {
    margin-top: -220px;
}
.arrow-bottom{
     position: relative;
 }

.arrow-bottom:after {
    position: absolute;
    width: 200px;
    height: 177px;
    display: block;
    content: '';
    background: url("img/arrow.png")no-repeat;
    z-index: 99999999;
    right: -130px;
    background-size: 73%;
    top: 70px;
}
.img-fix2{
    margin-top:80px;
}
.xt-white2 p{
    color:#fff;
}
.custom-list, .custom-list2, .custom-list3{
    list-style: none;
    margin-left:40px;
    margin-bottom:20px;
}
.custom-list li{
    position: relative;
    padding:5px 5px 5px 20px;
    color:#fff;
    font-weight: bold;

}
.custom-list2 li, .custom-list3 li{
    position: relative;
    padding:5px 5px 5px 20px;
    font-weight: bold;
}
.custom-list li:before{
    position: absolute;
    bottom:0px;
    font-family:'FontAwesome';
    content:"\f043";
    color:#e4ca5a;
    bottom: 3px;
    left:0px;
    font-size: 18px;
}
.custom-list2 li:before{
    position: absolute;
    bottom:0px;
    font-family:'FontAwesome';
    content:"\f043";
    color:#5E4273;
    bottom: 3px;
    left:0px;
    font-size: 18px;
}
.custom-list3 li:before{
    position: absolute;
    top:5px;
    font-family:'FontAwesome';
    content:"\f043";
    color:#ACDE61;
    bottom: 3px;
    left:0px;
    font-size: 18px;
}
.img-fix3{
    margin-top:80px;
}
footer:before{
    width: 110%;
    height: 120%;
    content: '';
    display: block;
    position: absolute;
    top: -55px;
    background: #262626;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    z-index:1;
}
.footer_top_holder{
    z-index:999;
}
.footer_top .textwidget, .footer_top a, .footer_top li, .footer_top p, .footer_top span{
    font-size: 16px;
    text-align: center;
}
.footer_bottom_holder {
    z-index: 999999;
    position: relative;
}
.footer_bottom {
    font-size: 20px;
}
.food-bg-fix{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.left-img{
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    width:85%;
    height:100%;
    background: url(img/img-left.jpg)no-repeat;
    background-size: cover;
}
.left-img:after{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#acde61+0,acde61+36,acde61+100&0+0,1+37,1+100 */
    background: -moz-linear-gradient(left, rgba(172,222,97,0) 0%, rgba(172,222,97,0.97) 36%, rgba(172,222,97,1) 37%, rgba(172,222,97,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(172,222,97,0) 0%,rgba(172,222,97,0.97) 36%,rgba(172,222,97,1) 37%,rgba(172,222,97,1) 100%) ; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(172,222,97,0) 0%,rgba(172,222,97,0.97) 36%,rgba(172,222,97,1) 37%,rgba(172,222,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acde61', endColorstr='#acde61',GradientType=1 ); /* IE6-9 */
    display: block;
    width: 60%;
    height:100%;
    content: '';
    position: absolute;
    right:0;
    top:0;
    bottom:0;
}
.right-img:after{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e4273+0,5e4273+39,5e4273+100&1+0,0.88+48,0+100 */
    background: -moz-linear-gradient(left, rgba(94,66,115,1) 0%, rgba(94,66,115,0.9) 39%, rgba(94,66,115,0.88) 48%, rgba(94,66,115,0) 100%);
    background: -webkit-linear-gradient(left, rgba(94,66,115,1) 0%,rgba(94,66,115,0.9) 39%,rgba(94,66,115,0.88) 48%,rgba(94,66,115,0) 100%);
    background: linear-gradient(to right, rgba(94,66,115,1) 0%,rgba(94,66,115,0.9) 39%,rgba(94,66,115,0.88) 48%,rgba(94,66,115,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e4273', endColorstr='#005e4273',GradientType=1 ); /* IE6-9 */
    display: block;
    width: 70%;
    height:100%;
    content: '';
    position: absolute;
    left:0;
    top:0;
    bottom:0;
}
.right-img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 75%;
    height: 100%;
    text-align: right;
    display: block;
    background: url(img/img-right.jpg)no-repeat;
    background-size: cover;
}
.right-img.top{
    background: url(http://www.xstreamdev.com/fatguy/wp-content/uploads/2016/05/CHEN1.jpg)no-repeat!important;
    -webkit-background-size:cover!important;
    background-size:cover!important;
    width:45%;
}
.right-img.top:after{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+34,ffffff+100&1+0,0.88+38,0+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.89) 34%, rgba(255,255,255,0.88) 38%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.89) 34%,rgba(255,255,255,0.88) 38%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.89) 34%,rgba(255,255,255,0.88) 38%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    display: block;
    width: 70%;
    height:100%;
    content: '';
    position: absolute;
    left:0;
    top:0;
    bottom:0;
}


/*
.food-bg-fix:before{
    position: absolute;
    background: url(http://www.xstreamdev.com/fatguy/wp-content/uploads/2016/04/food-1.jpg);
    width:100%;
    height:100%;
    content: '';
}

*/
.btn-container a{
    text-decoration: underline;
}
.btn-container a:hover{
    text-decoration: underline;
}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3{
    color: #e4ca5a;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
}
nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a {
    color: #ACDE61!important;
}
.mobile_menu_button span{
    color: #e4ca5a;
    font-size: 36px;
}
.xt-row{
    clear: both;
    overflow: hidden;
    margin-bottom:20px;
}
.xt-half{
    width:49%;
    float: left;
}
.xt-half.last{
    float: right;
}
.xt-form-wrap{
    width:100%;
    margin:0 auto;
    display: block;
    max-width:700px;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    display: block;
    margin: 5px 0 0;
    padding: 8px 15px;
    border: 0;
    border-radius: 0;
    outline: 0;
    font-size: 24px;
    font-family: 'Oswald', sans-serif!important;
    line-height: 1.5;
    background-color: #eee;
    color: #818181;
    font-family: Raleway;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    border: 2px solid #5E4273;
    color: #5E4273;
    margin: 0 auto;
    display: block;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
    background-color: #acde61;
    border-color: #acde61;
    color: #fff;
    text-decoration: none;
}
.home-blog{
    background: #FFAD37; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #FFAD37 , #EDDE5D); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #FFAD37 , #EDDE5D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.xt_posts_holder li{
    list-style: none;
}
.xt_posts_text{
    margin-top:40px;
}
.xt_posts_title a,.blog h2 a{
    font-size:36px;
    text-decoration:none!important;
    color: #555;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Fjalla One', sans-serif!important;
    font-weight: 700!important;
}
.xt_posts_title a:hover, .blog h2 a{
    color: #5E4273;
}

.xt_posts_text .separator.small {
    background-color: #fff;
    height: 5px;
    position: relative;
    width: 100px;
    display: block;
}
.xt_posts_info_inner{
    clear: both;
    overflow: hidden;
}
.post_info_author{
    display: block;
    margin-bottom:20px;
}
.post_info_author img{
    float: left;
    width:60px;
    margin-right:15px;
}
.post_info_author .post_info_author_name{
    font-weight: 900;
    color: #555;
    margin-top: 10px;
    display: block;
}
.xt_posts_info_inner .post_info_date {
    display: block;
    color: #666;
    font-weight: 600;
    margin-top: 9px;
    font-style: italic;
    font-size: 18px;
}
.xt_posts_excerpt{
    margin-top:15px;
}
.xt_posts_read_more{
    text-align: center;
    margin: 40px 0 40px!important;
}
.xt_posts_read_more a{
    color:#fff;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.xt_posts_read_more a:hover{
    color:#5E4273;
}
.single .content.content_top_margin_none{
    padding-top:60px;
}
.blog_holder article .post_text h2 .date {
    display: none;
}
.blog_holder.blog_single article h1 {
    font-size:36px;
    color: #555;
}
.blog_single{
    padding: 60px 0 120px;
}
.blog .has_slider{
    margin-top:0px!important;
}
.blog .q_slider{
    overflow: visible!important;
}
.blog .blog_holder{
    margin-top:130px;
}
.blog_holder article .post_more {
    margin: 30px 0 0;
    text-align: center;
}
.post_more a {
    color: #333!important;
    font-weight: 900!important;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding:0;
    background: transparent!important;
    border:none;
    display: inline;
    font-size:20px!important;
}

.xt_posts_holder li{
    padding:0 40px;
    border:8px solid #666;
}


@media only screen and (max-width: 1200px) {
    .right-img.top {
        width: 71%;
    }
}
@media only screen and (max-width: 1100px) {
    nav.main_menu>ul>li>a {
        padding: 0 8px;}
}

@media only screen and (max-width: 1000px) {
    .header_inner{
    background-color: #5e4273
}
    .home .xt-white h2 {
        color: #fff;
        font-weight: 900;
        font-size: 60px;
        text-transform: uppercase;
    }

    .right-img.top, .right-img, .left-img {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .header_bottom .container_inner {
        width: 100% !important;
    }
    .arrow-bottom:after{
        display: none;
    }
    .img-fix {
        margin-top: 30px;
    }
    .img-fix2 {
        margin-top: 20px;
        margin-bottom: 40px!important;
    }
    .border-fix{
        margin-left:-20px!important;
    }
    .xt-half{
        width:100%;
        float: none!important;
    }
    .right-img.top:after{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+23,ffffff+39,ffffff+100&0+0,0.88+24,1+39,1+100 */
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.84) 23%, rgba(255,255,255,0.88) 24%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.84) 23%,rgba(255,255,255,0.88) 24%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.84) 23%,rgba(255,255,255,0.88) 24%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        width:100%;
    }
    .right-img.top{
        background-size:100% auto!important;
    }

    .left-img:after{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#acde61+0,acde61+22,acde61+40,acde61+100&0+0,1+25,1+40,1+100 */
        background: -moz-linear-gradient(top, rgba(172,222,97,0) 0%, rgba(172,222,97,0.88) 22%, rgba(172,222,97,1) 25%, rgba(172,222,97,1) 40%, rgba(172,222,97,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(172,222,97,0) 0%,rgba(172,222,97,0.88) 22%,rgba(172,222,97,1) 25%,rgba(172,222,97,1) 40%,rgba(172,222,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(172,222,97,0) 0%,rgba(172,222,97,0.88) 22%,rgba(172,222,97,1) 25%,rgba(172,222,97,1) 40%,rgba(172,222,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acde61', endColorstr='#acde61',GradientType=0 ); /* IE6-9 */
        width:100%;
    }
    .left-img{
        background-size:100% auto!important;
    }
    .right-img:after{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e4273+0,5e4273+33,5e4273+100&0+0,1+32,1+100 */
        background: -moz-linear-gradient(top, rgba(94,66,115,0) 0%, rgba(94,66,115,1) 32%, rgba(94,66,115,1) 33%, rgba(94,66,115,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(94,66,115,0) 0%,rgba(94,66,115,1) 32%,rgba(94,66,115,1) 33%,rgba(94,66,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(94,66,115,0) 0%,rgba(94,66,115,1) 32%,rgba(94,66,115,1) 33%,rgba(94,66,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e4273', endColorstr='#5e4273',GradientType=0 ); /* IE6-9 */
        width:100%;
    }
    .right-img{
        background-size:100% auto!important;
    }
    .xt-white h2 {
        font-size: 36px;
    }
    .alignright {
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    .home .xt-white h2 {
        font-size: 40px;
    }
    .home .xt-white p {
        font-size: 22px;
    }
    .border-fix .vc_inner{
        padding-top: 60px!important;
        padding-bottom: 0px!important;
    }
    .right-img.top {
        top: 40px;
    }
    h3, .h3, h3 a {
        font-size: 32px;
    }
    p {
        font-size: 18px;
    }
    .xt-mobile-white h3{
        color:#fff!important;
    }
    .xt_posts_holder li {
        padding: 0 15px;
        border: 5px solid #666;
    }
    .xt_posts_title a, .blog h2 a {
        font-size: 22px;
    }
    .post_info_author .post_info_author_name {
        font-size: 16px;
    }
    .xt_posts_info_inner .post_info_date {
        font-size: 14px;
    }
}