/*combined.min.css*/

/*need specific to this stack add class*/
.gabbart_feature_overlay_img {
    max-width:100%;
    height:auto
}

.double_info_container .container-fluid{
    position:relative;
    width:100%
}
@media only screen and (min-width :1200px){
    .double_info_container .container-fluid{
        width:75%
    }
    #gabbart_doubleinfo_body .container-fluid.split-screen{
        width:100%
    }
}

.double_info_container{
    transition:margin-top .5s ease;
    background-attachment:fixed;
    display:flex;
    align-items:center;
    justify-content:center
}

.double_info_container h1{
    margin-bottom:1em;
    width:70%
}


.double_info_container .h3{
    margin-bottom:1em;
    font-weight:600
}

@media only screen and (max-width:1400px){
    .double_info_container_copy{
        width:100%
    }
}

.double_info_container:before{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    /* had to comment out. It was breaking the modal for the photo album stack */
    /* content:""; */
    /* background:rgba(0,0,0,.3) */
    /* adding this will produce a slight tint over the padding at the top and bottom of the stack on the top and bottom, but not the sides*/
}

@media (max-width:767px){
    .double_info_container{
        background-attachment:scroll;
        height:auto
    }

}
.double-feature{
    padding-top:0!important;
    width:100%;
    overflow:hidden;
    position:relative
}

.double-feature .double_info_body_container .round-icon{
    display:none;
    font-size:40px;
    color:#fff;
    border:2px solid #fff;
    border-radius:30px;
    width:50px;
    height:50px;
    line-height:40px;
    padding:0;
    margin-top:10px;
    cursor:default;
    animation-duration:1.6s;
    animation-name:pulse;
    animation-iteration-count:infinite;
    animation-direction:alternate
}
.double-feature .double_info_body_container .open_other_side_icon{
    display:inline-block;
    background:#fff;
    font-size:40px;
    border-radius:30px;
    -moz-background-clip:content;
    -webkit-background-clip:content;
    background-clip:content-box;
    width:50px;
    height:50px;
    line-height:44px;
    padding:0;
    margin-top:10px;
    cursor:default;
    animation-duration:1.6s;
    animation-name:pulse;
    animation-iteration-count:infinite;
    animation-direction:alternate
}
@supports (-ms-ime-align:auto){
    .double-feature .double_info_body_container .round-icon{
        line-height:46px
    }
    .double-feature .double_info_body_container .open_other_side_icon{
        line-height:51px
    }
}
.double_info_body_container{
    width:100%;
    height:100%
}
/*outside color left side*/

.double-feature .gabbart_feature_left .gabbart_feature_left-tilt{
    width:100%;
    height:100%;
    margin-left:15%;
    background-size:cover;
    transform:skewX(10deg);
    -moz-transform:skewX(10deg);
    -webkit-transform:skewX(10deg);
    -webkit-transition:transform .8s;
    transition:transform .8s;

}

.double-feature .gabbart_feature_left .gabbart_feature_left-tilt .gabbart_feature_container{
    float:right
}
.double-feature .double_info_body_container .gabbart_feature_container{
    padding-top:90px;
    width:80%;
    max-width:1300px;
    height:80%;
    position:relative
}
.double-feature .double_info_body_container .gabbart_feature_overlay.active{
    opacity:1;
    z-index:20;
    position:absolute
}
.double-feature .double_info_body_container .gabbart_feature_cavein.active{
    opacity:1;
    z-index:20;
    position:absolute
}
.double-feature .double_info_body_container .gabbart_feature_open.active{
    opacity:1
}
.double-feature .gabbart_feature_container .gabbart_feature_overlay{
    position:absolute;
    width:400px;
    height:auto;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    opacity:0;
    right:30%;
    text-align:center
}
.double-feature .gabbart_feature_container .gabbart_feature_cavein{
    text-align:center;
    opacity:0
}
.double-feature .gabbart_feature_container .gabbart_feature_open{
    text-align:center;
    opacity:0
}
/*
.double_info_body_container h2,.double_info_body_container h3{
    font-family:alert360,Arial,Helvetica,sans-serif;
    color:#000;
    font-size:2rem;
    font-weight:500
}
*/
/*
.double_info_body_container h3{
    font-size:1.25rem
}
*/
.double_info_body_container p{
    font-family:Arial,Helvetica,sans-serif;
    color:#fff;
    font-size:1.25rem
}
/*only removed for expermental feature of trying to reverse the slash between two sides*/
/*
.gabbart_feature_left{
    position:absolute;
    z-index:20;
    overflow:hidden;
    position:relative;
    -webkit-transition:transform .8s;
    transition:transform .8s;
    width:85%;
    height:100%;
    top:0;
    transform:skewX(-10deg);
    -moz-transform:skewX(-10deg);
    -webkit-transform:skewX(-10deg);
    left:-35%;
    box-shadow:1px 0 10px rgba(0,0,0,.7);
    background:#222
}
*/
.gabbart_feature_left:after{
    position:absolute;
    content:"";
    border:1px solid rgba(0,0,0,.4);
    top:0;
    right:-1px;
    height:100%
}
.gabbart_feature_right{
    width:85%;
    height:100%;
    position:absolute;
    top:0;
    right:-25%;
    z-index:10;
    -webkit-transition:transform .8s;
    transition:transform .8s;
    transform:translateX(-8%);
    -moz-transform:translateX(-8%);
    -webkit-transform:translateX(-8%);
    background:#999
}
.double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_overlay{
    left:35%
}
/*outside color right side*/
.double-feature .gabbart_feature_right .gabbart_feature_right-tilt{
    width:100%;
    height:100%;
    background-size:cover;
    -webkit-transition:transform .8s;
    transition:transform .8s;
    background-color:red !important;
}
.double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_open{
    transform:skewX(-10deg) translateX(25%);
    -moz-transform:skewX(-10deg) translateX(25%);
    -webkit-transform:skewX(-10deg) translateX(25%)
}
.double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_open .gabbart_feature_left-tilt-gabbart_feature_open{
    transform:skewX(10deg) translateX(-9%);
    -moz-transform:skewX(10deg) translateX(-9%);
    -webkit-transform:skewX(10deg) translateX(-9%)
}
.double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_open .gabbart_feature_left-tilt-gabbart_feature_open:before{
    opacity:1
}
/*inside hover bg right side*/
.double-feature .gabbart_feature_right .gabbart_feature_right-tilt:before{
    content:"";
    -webkit-transition:opacity .8s;
    transition:opacity .8s;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    background-size:cover
}
/*inside hover bg left side requires extra long width image*/
.double-feature .gabbart_feature_left .gabbart_feature_left-tilt:before{
    content:"";
    -webkit-transition:opacity .8s;
    transition:opacity .8s;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0
}
.double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_cavein{
    transform:skewX(-10deg) translateX(-25%);
    -moz-transform:skewX(-10deg) translateX(-25%);
    -webkit-transform:skewX(-10deg) translateX(-25%)
}
.double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_cavein .gabbart_feature_left-tilt-gabbart_feature_cavein{
    transform:skewX(10deg) translateX(17%);
    -moz-transform:skewX(10deg) translateX(17%);
    -webkit-transform:skewX(10deg) translateX(17%)
}
.double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_open{
    transform:translateX(-25%);
    -moz-transform:translateX(-25%);
    -webkit-transform:translateX(-25%)
}
.double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_open .gabbart_feature_right-tilt-gabbart_feature_open{
    transform:translateX(6%);
    -moz-transform:translateX(6%);
    -webkit-transform:translateX(6%)
}
.double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_open .gabbart_feature_right-tilt-gabbart_feature_open:before{
    opacity:1
}
.double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_cavein{
    transform:translateX(25%);
    -moz-transform:translateX(25%);
    -webkit-transform:translateX(25%)
}
.double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_cavein .gabbart_feature_right-tilt-gabbart_feature_cavein{
    transform:translateX(-27%);
    -moz-transform:translateX(-27%);
    -webkit-transform:translateX(-27%)
}
.double-feature .double_info_body_container .gabbart_feature_open{
    position:absolute;
    width:85%;
    top:20%;
    height:auto;
    overflow:auto;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    opacity:0
}
.double-feature .double_info_body_container .gabbart_feature_cavein{
    position:absolute;
    width:300px;
    padding-top:160px;
    height:auto;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    opacity:0
}
.double-feature .gabbart_feature_left .gabbart_feature_left-tilt .gabbart_feature_container .gabbart_feature_open{
    right:12%
}
.double-feature .gabbart_feature_left .gabbart_feature_left-tilt .gabbart_feature_container .gabbart_feature_cavein{
    right:42%
}
.double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_cavein{
    left:48%
}
.double-feature .double_info_body_container .gabbart_feature_left .gabbart_feature_open{
    width:90%;
    top:6%;
    left:0
}
.double-feature .double_info_body_container .gabbart_feature_right .gabbart_feature_open{
    width:90%;
    top:6%;
    left:0
}
.double-feature button{
    border:none;
    border-radius:5px;
    padding:15px 30px;
    font-size:1em;
    color:#fff;
    cursor:pointer;
    animation-duration:1.6s;
    animation-name:pulse;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    margin:20px;
    text-transform:uppercase
}

.double-feature .fa{
/*
    color:#0e9950;
    display:inline-flex;
    padding:0 .4em;
    position:relative;
    top:10px;
    left:-10px
*/
    display:inline-flex;
    margin-right:10px;
}
.double-feature .content_area{
    margin:0 30px;
    text-align:left
}
.double-feature .content_area ul{
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center
}
.double-feature .content_area ul li{
    display:inline-flex;
    margin:0 16px;
    width:300px;
    vertical-align:top
}
.double-feature .content_area ul p{
/*
    font-size:.8rem;
    line-height:1rem;
*/
    margin:10px 0;
/*
    text-align:left;
    font-size:.8em
*/
}
@media only screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
    .double-feature .double_info_body_container .gabbart_feature_container .btn.btn-double-feature{
        width:95%
    }
}
@media (max-width:576px){
    .gabbart_feature_overlay img{
        height:250px
    }
    .double-feature .content_area{
        display:none
    }
    .double_info_body_container h2{
        font-size:1.5rem
    }
    .double-feature{
        height:625px
    }
    .double-feature .double_info_body_container .gabbart_feature_container{
        width:100%
    }
    .double-feature .double_info_body_container .gabbart_feature_overlay{
        padding:0 5%;
        width:100%;
        height:300px
    }
    .double-feature .double_info_body_container .gabbart_feature_overlay p{
        padding-top:4px;
        padding-bottom:4px
    }
    .double-feature .double_info_body_container .gabbart_feature_open{
        width:90%;
        padding:0 5%;
        transform:translateY(0);
        height:auto
    }
    .double-feature .gabbart_feature_right{
        width:100%;
        position:absolute;
        z-index:10;
        -webkit-transition:transform .8s;
        transition:transform .8s;
        top:42%;
        right:inherit;
        transform:translateX(0);
        -moz-transform:translateX(0);
        -webkit-transform:translateX(0)
    }
    .double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_cavein{
        transform:translateY(25%);
        -moz-transform:translateY(25%);
        -webkit-transform:translateY(25%)
    }
    .double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_cavein .gabbart_feature_right-tilt-gabbart_feature_cavein{
        transform:translateY(-7%);
        -moz-transform:translateY(-7%);
        -webkit-transform:translateY(-7%)
    }
    .double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_open{
        transform:translateY(-20%);
        -moz-transform:translateY(-20%);
        -webkit-transform:translateY(-20%)
    }
    .double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_open .gabbart_feature_right-tilt-gabbart_feature_open{
        transform:translateY(7%);
        -moz-transform:translateY(7%);
        -webkit-transform:translateY(7%)
    }
    .double-feature .gabbart_feature_right.gabbart_feature_right-gabbart_feature_open .gabbart_feature_right-tilt-gabbart_feature_open:before{
        opacity:1
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt{
        width:100%;
        height:100%;
        background-size:cover;
        -webkit-transition:transform .8s;
        transition:transform .8s
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt:before{
        content:"";
        -webkit-transition:opacity .8s;
        transition:opacity .8s;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        opacity:0
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_overlay{
        top:9%;
        left:0;
        padding:35px
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_open{
        top:16%;
        width:75%;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_open img{
/*         width:100% !important */
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_cavein{
        top:-12%;
        width:75%;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto
    }
    .double-feature .gabbart_feature_left{
        position:absolute;
        z-index:20;
        overflow:hidden;
        position:relative;
        -webkit-transition:transform .8s;
        transition:transform .8s;
        width:100%;
        height:88%;
        top:-36%;
        left:0;
        transform:skewX(0);
        -moz-transform:skewX(0);
        -webkit-transform:skewX(0)
    }
    .double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_cavein{
        transform:translateY(-23%);
        -moz-transform:translateY(-23%);
        -webkit-transform:translateY(-23%)
    }
    .double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_cavein .gabbart_feature_left-tilt-gabbart_feature_cavein{
        transform:translateY(30%);
        -moz-transform:translateY(30%);
        -webkit-transform:translateY(30%)
    }
    .double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_open{
        transform:translateY(25%);
        -moz-transform:translateY(25%);
        -webkit-transform:translateY(25%)
    }
    .double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_open .gabbart_feature_left-tilt-gabbart_feature_open{
        transform:translateY(0);
        -moz-transform:translateY(0);
        -webkit-transform:translateY(0)
    }
    .double-feature .gabbart_feature_left.gabbart_feature_left-gabbart_feature_open .gabbart_feature_left-tilt-gabbart_feature_open:before{
        opacity:1
    }
    /*check glenn*/
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt{
        width:100%;
        height:100%;
        background-size:cover;
        transform:translateY(13%);
        -moz-transform:translateY(13%);
        -webkit-transform:translateY(13%);
        -webkit-transition:transform .8s;
        transition:transform .8s;
        margin-left:0
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt:before{
        content:"";
        -webkit-transition:opacity .8s;
        transition:opacity .8s;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        opacity:0
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt .gabbart_feature_container .gabbart_feature_overlay{
        top:33%;
        right:0;
        padding:35px
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt .gabbart_feature_container .gabbart_feature_open{
        top:35%;
        width:75%;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt .gabbart_feature_container .gabbart_feature_open img{
/*         width:100% !important */
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt .gabbart_feature_container .gabbart_feature_cavein{
        top:9%;
        width:75%;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto
    }
}
@media (min-width:768px){
    .double-feature .gabbart_feature_container .gabbart_feature_overlay{
        width:250px
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt-gabbart_feature_open{
        margin-left:18%
    }
    .gabbart_feature_right-gabbart_feature_open{
        width:90%
    }
    .gabbart_feature_right-gabbart_feature_open .gabbart_feature_container{
        padding-right:20%
    }
    .gabbart_feature_left-gabbart_feature_open .gabbart_feature_container{
        padding-left:10%
    }
    .double-feature .double_info_body_container .gabbart_feature_cavein{
        width:200px
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_cavein{
        left:51%
    }
    .double-feature .double_info_body_container .gabbart_feature_right .gabbart_feature_open{
        left:27%
    }
    .double-feature .content_area{
        display:none
    }
    .double_info_body_container p{
        font-size:1rem
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt{
        background-size:cover
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt:before{
    }
    .double-feature .double_info_body_container .gabbart_feature_left .gabbart_feature_open{
        top:23%
    }
    .double-feature .double_info_body_container .gabbart_feature_right .gabbart_feature_open{
        top:23%
    }
}
@media (min-width:992px){
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt{
        width:100%;
        height:100%;
        margin-left:15%;
        background-size:cover;
        transform:skewX(10deg);
        -moz-transform:skewX(10deg);
        -webkit-transform:skewX(10deg);
        -webkit-transition:transform .8s;
        transition:transform .8s
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt:before{
        content:"";
        -webkit-transition:opacity .8s;
        transition:opacity .8s;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        opacity:0
    }
    .double-feature .double_info_body_container .gabbart_feature_left .gabbart_feature_open{
        width:90%;
        top:28%;
        left:0
    }
    .double-feature .double_info_body_container .gabbart_feature_right .gabbart_feature_open{
        width:90%;
        top:28%;
        left:20%
    }
}
@media (min-width:1200px){
    .double-feature .gabbart_feature_container .gabbart_feature_overlay{
        position:absolute;
        width:400px
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt-gabbart_feature_open{
        margin-left:15%
    }
    .gabbart_feature_right-gabbart_feature_open{
        width:85%
    }
    .gabbart_feature_right-gabbart_feature_open .gabbart_feature_container{
        padding-right:gabbart_feature_overlay
    }
    .gabbart_feature_left-gabbart_feature_open .gabbart_feature_container{
        padding-left:gabbart_feature_overlay
    }
    .double-feature .double_info_body_container .gabbart_feature_cavein{
        width:300px
    }
    .double-feature .gabbart_feature_right .gabbart_feature_right-tilt .gabbart_feature_container .gabbart_feature_cavein{
        left:54%
    }
    .double-feature .double_info_body_container .gabbart_feature_right .gabbart_feature_open{
        left:14%
    }
    .double-feature .content_area{
        display:block
    }
    .double_info_body_container p{
        font-size:1.25rem
    }
    .double-feature .double_info_body_container .gabbart_feature_left .gabbart_feature_open{
        top:12%
    }
    .double-feature .double_info_body_container .gabbart_feature_right .gabbart_feature_open{
        top:12%
    }
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt:before{
    }
}
@media (min-width:2000px){
    .double-feature .gabbart_feature_left .gabbart_feature_left-tilt:before{
        background-size:cover
    }
}