/********************************************
   LAYOUT
********************************************/ 
.container{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}
#container{
    margin:0 auto; 
    width:1260px;
    position:relative;
    z-index:100;
    min-width: 184px;
    background-color: #fff;
    padding: 0;
    box-sizing: border-box;
    display: table;
}


#header { display: table; width:100%; min-height: 60px;position:relative; margin:0 auto; color:#000;}

#footer {/*height:385px;*/ 
    max-width: 100%;
    width:100%; 
    z-index:99;
    margin: 0 auto;
    margin-top: 122px;
    background: #5F2E7C;
    border-top: 2px solid #33a953;
}
#footer .container{
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
#footer .footerTop .container{
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
#footer .footerTop .logo{
   display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; 
}
/* #main {width: 100%; margin: 0 auto;}

#topFull {width: 100%; padding-bottom: 20px;}
#path {display: none}
#stripe1 {display:none}
#content {float:left; width:74%; background-color: #ff0000}
#stripe2 {float:right; width:24%; min-width: 300px} */

#main {display: block; width: 100%; margin-top: 20px;}

#stripe1 {display: none;width: 200px; overflow: hidden;float: left; background: none;}
#content {
    display: block; 
    width: 940px; 
    float: left;
    background: none;
    position: relative;
}
#stripe2 {display: block; width: 300px; overflow: hidden; float: right; background:  none; padding-bottom: 40px; min-height: 100px;}

.grayRight {
    height: 1080px;
    right: 50%;
    margin-right: -1240px;
    position: fixed;
    /*position: absolute;*/
    text-align: left;
    top: 0px;
    width: 600px;
    z-index: 99;
    background-color: #fff;
}

.grayLeft {
    height: 1080px;
    left: 50%;
    margin-left: -1240px;
    position: fixed;
    /*position: absolute;*/
    text-align: right;
    top: 0px;
    width: 600px;
    z-index: 99;
    background-color: #fff;
}

.flex,
.mobileView{
    position: relative;
    /*padding-top: 25px;*/
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
    display: block;
}
.mobileView {
    overflow-y: scroll;
}

.flex.widescreen { padding-bottom: 56.25%; }
.flex.vimeo { padding-top: 0; }

.flex iframe,
.flex object,
.flex embed, 
.flex video
/*.mobileView iframe,*/
/*.mobileView embed,
.mobileView video*/
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex { padding-top: 0; }
}