/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

@font-face {
    font-family: 'besom_2regular';
    src: url('/include/fonts/besom-free-font-webfont.eot');
    src: url('/include/fonts/besom-free-font-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/besom-free-font-webfont.woff2') format('woff2'),
         url('/include/fonts/besom-free-font-webfont.woff') format('woff'),
         url('/include/fonts/besom-free-font-webfont.ttf') format('truetype'),
         url('/include/fonts/besom-free-font-webfont.svg#besom_2regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'orange_stallionbold';
    src: url('/include/fonts/orangestallion-bold-webfont.eot');
    src: url('/include/fonts/orangestallion-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/orangestallion-bold-webfont.woff2') format('woff2'),
         url('/include/fonts/orangestallion-bold-webfont.woff') format('woff'),
         url('/include/fonts/orangestallion-bold-webfont.ttf') format('truetype'),
         url('/include/fonts/orangestallion-bold-webfont.svg#orange_stallionbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'orange_stallionlight';
    src: url('/include/fonts/orangestallion-light-webfont.eot');
    src: url('/include/fonts/orangestallion-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/orangestallion-light-webfont.woff2') format('woff2'),
         url('/include/fonts/orangestallion-light-webfont.woff') format('woff'),
         url('/include/fonts/orangestallion-light-webfont.ttf') format('truetype'),
         url('/include/fonts/orangestallion-light-webfont.svg#orange_stallionlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'orange_stallionmedium';
    src: url('/include/fonts/orangestallion-medium-webfont.eot');
    src: url('/include/fonts/orangestallion-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/orangestallion-medium-webfont.woff2') format('woff2'),
         url('/include/fonts/orangestallion-medium-webfont.woff') format('woff'),
         url('/include/fonts/orangestallion-medium-webfont.ttf') format('truetype'),
         url('/include/fonts/orangestallion-medium-webfont.svg#orange_stallionmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'orange_ponybold';
    src: url('/include/fonts/orangepony-bold-webfont.eot');
    src: url('/include/fonts/orangepony-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/orangepony-bold-webfont.woff2') format('woff2'),
         url('/include/fonts/orangepony-bold-webfont.woff') format('woff'),
         url('/include/fonts/orangepony-bold-webfont.ttf') format('truetype'),
         url('/include/fonts/orangepony-bold-webfont.svg#orange_ponybold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'orange_ponylight';
    src: url('/include/fonts/orangepony-light-webfont.eot');
    src: url('/include/fonts/orangepony-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/orangepony-light-webfont.woff2') format('woff2'),
         url('/include/fonts/orangepony-light-webfont.woff') format('woff'),
         url('/include/fonts/orangepony-light-webfont.ttf') format('truetype'),
         url('/include/fonts/orangepony-light-webfont.svg#orange_ponylight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'orange_ponymedium';
    src: url('/include/fonts/orangepony-medium-webfont.eot');
    src: url('/include/fonts/orangepony-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/orangepony-medium-webfont.woff2') format('woff2'),
         url('/include/fonts/orangepony-medium-webfont.woff') format('woff'),
         url('/include/fonts/orangepony-medium-webfont.ttf') format('truetype'),
         url('/include/fonts/orangepony-medium-webfont.svg#orange_ponymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.stream li {
    width: 227px !important;
}

#social-stream {

}

.stream li.dcsns-instagram .section-thumb img {
    max-width: 197px !important;
}

.stream li.dcsns-facebook .section-thumb img {
    max-width: 197px !important;
}

.donate-top
{
    width: 100%;
    float: left;
    text-align: center;
}

.donate-top-div
{
    margin-top: 20px;
    margin-bottom: 40px;
}

.donate-top-div img
{
    width: 100%;
}

.donate-bottom
{
    width: 100%;
    float: left;
    text-align: center;
}

.donate-bottom-aqua
{
    width: 100%;
    float: left;   
    font-family: "orange_stallionlight",sans-serif;
    font-size: 1em;
    color: #9bd5bf;     
}

.donate-mid
{
    border-bottom: 1px solid #9e9fa2;
    border-top: 1px solid #9e9fa2;
    color: #9e9fa2;
    font-family: "orange_stallionlight",sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    line-height: 1.2;
}

.donate-bottom
{
    color: #ff7900;
    font-family: "orange_stallionbold",sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    line-height: 1.2;
}

iframe#donationframe-new, .donation-new
{
    left: 0px;
    margin: 0px auto;
    position: relative;
    min-height: 920px;
    overflow-x: hidden;
    overflow-y: scroll;
}


.form-row-sidebar {
    display: none;
}

.donate-form-area
{
    background-color: #9bd5bf;
}

.just-give-header
{
    text-align: center;
    width: 100%;
    background-color: #9bd5bf;
}

.donate-just-give 
{
    height: auto;
    width: 22%;
}

.donate-right-form
{
    background-color: #ffffff;
    width: 77%;
}

.difference-donate
{
    margin-bottom: 40px;
}

.no-margin-col
{
    margin-right: 0 !important;
}

.donate-shirt img
{
    width: 100%;
}

.donate-just-give img
{
    width: 100%;
}

.mid-donate-text
{
    width: 100%;
    float: left;
}

.orange-big-text
{
    font-family: "orange_stallionbold",sans-serif;
    font-size: 6em;
    color: #ff7900;
}

.orange-mid-text
{
    font-family: "orange_stallionbold",sans-serif;
    font-size: 5em;
    color: #ff7900;
}

.aqua-big-text
{
    font-family: "orange_stallionbold",sans-serif;
    font-size: 6em;
    color: #9bd5bf;
}

.aqua-mid-text
{
    font-family: "orange_stallionbold",sans-serif;
    font-size: 5em;
    color: #9bd5bf;
}

.aqua-medium-text
{
    font-family: "orange_stallionlight",sans-serif;
    font-size: 3em;
    color: #9bd5bf;
    font-weight: bold;
}

.orange-medium-text
{
    color: #ff7900;
    font-family: "orange_stallionlight",sans-serif;
    font-size: 4em;
    font-weight: normal;
}

.orange-medium-text-bold
{
    color: #ff7900;
    font-family: "orange_stallionbold",sans-serif;
    font-size: 4em;
    font-weight: normal;
}

.orange-back-text
{
    background-color: #ff7900;
    font-family: "orange_ponybold",sans-serif;
    font-size: 34px;
    
    padding: 50px 55px;
    color: #ffffff;
}

.yellow-back-text
{
    background-color: #ffa600;
    font-family: "orange_ponybold",sans-serif;
    font-size: 27px;
    padding: 30px 55px;
    color: #ffffff;
    text-align: center;
}

.mario-back-text
{
    background-color: #78c043;
    font-family: "orange_ponylight",sans-serif;
    font-size: 24px;
    line-height: 1.2;
    padding: 30px 75px;
    color: #ffffff;
}

.mark-back-text
{
    background-color: #178bb0;
    font-family: "orange_ponylight",sans-serif;
    font-size: 24px;
    line-height: 1.2;
    padding: 30px 75px;
    color: #ffffff;
}

.eric-back-text
{
    background-color: #fab617;
    font-family: "orange_ponylight",sans-serif;
    font-size: 24px;
    line-height: 1.2;
    padding: 30px 75px;
    color: #ffffff;
}

.orange-background
{
    background-color: #fab418;
}

.cups-top-text
{
    background-color: #fab418;
    font-family: "orange_ponylight",sans-serif;
    font-size: 24px;
    line-height: 1.2;
    /*padding: 30px 215px;*/
    margin: auto;
    width: 75%;
    color: #ffffff;
    text-align: center;
}

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
/*overflow: hidden;*/
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.sixcol-cups
{
    float: left !important;
    margin-right: 0 !important;
    width: 50% !important;
    padding: 0px !important;
}

.fourcol
{
    margin-right: 1.8%;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}

.row .must-have-threecol
{
    margin-right: 0%;
    text-align: center;
    width: 25%;
}

.mobile-view
    {
        display: none;
    }

.content-no-margin-top
{
    margin-top: 0px !important;
}

.sixcol-cups-left
{
    text-align: right;
    margin-right: 0px;
}

.cups-container
{
    text-align: center;
    width: 100%;
    float: left;
}

#home-container iframe, #home-container img {
    float: left;
    display: block;
}
#homepage-video {
    height: 450px;
    width: 100%;
    display: block;
}
.left-homepage-item {
    margin-left: 0 !important;
}

.flexslider {
    border: none !important;
    margin-top: 50px !important;
}

.flex-control-nav {
    bottom: -40px;
    display: none;
    position: absolute;
    text-align: center;
    width: 100%;
}

.flexslider {
    margin-bottom: 0px !important;
}

.vote-button
{
    width: 100%;
    float:left;
    text-align: center;
}

.cup-img
{
    float: left;
}

.thanks-message
{
    width: 100%;
    text-align: center;
}

/* Smaller screens */

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

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
}

@media only screen and (min-width: 768px) {
    #social-stream {

    }


}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

    .orange-big-text {
        font-size: 4em;
    }

    .aqua-big-text {
        font-size: 4em;
    }

    .aqua-medium-text {
        font-size: 1.5em;
    }

    .donate-bottom {
        margin-bottom: 40px;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 15px;
    }

    

    .donate-mid {
        margin-bottom: 40px;
        margin-top: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 1.5em;
    }

    .donate-bottom {
        font-size: 1.5em;
    }

    iframe#donationframe-new, .donation-new
    {
        left: 0;
        margin: 0 auto;
        min-height: 1755px;
        overflow-x: hidden;
        overflow-y: scroll;
        position: relative;
    }

    .mobile-new
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .fourcol-cups {
        float: left !important;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
        border-bottom: 3px solid #f37620;
        padding-bottom: 40px;
    }

    .must-have-threecol {
    width: auto;
}

    .must-have-mobile {
    width: 50%;
    float: left;
    display: block;
}

    .pc-view
    {
        display: none;
    }

    .mobile-view
    {
        display: block;
    }

    .special-threecol {
    float: left;
    margin-right: 2.9%;
    text-align: center;
    width: 22.05%;
}

    .stream li {
        width: 99% !important;
    }

    .orange-back-text
{
    font-size: 18px;
    
    padding: 40px 45px;
}

    .yellow-back-text {
    font-size: 18px;
}

    .mario-back-text
{
    line-height: 1.2;
    padding: 30px 20px;
}

    .mark-back-text
{
    line-height: 1.2;
    padding: 30px 20px;
}

    .eric-back-text
{
    line-height: 1.2;
    padding: 30px 20px;
}

        .cups-top-text
{
    line-height: 1;
    padding: 30px 20px;
}

        .special-threecol {
    margin-left: 2.9%;
    margin-right: 2.9%;
    text-align: center;
}
.special-threecol {
    float: left;
    margin-right: 2.9%;
    text-align: center;
    width: 19%;
}

#social-stream {
    width: 96%;
}

#youtube-videos {
    height: auto !important;
    display: inline-block !important;
    overflow-y: hidden !important;
}

#youtube-videos::-webkit-scrollbar {
    display: none;
}

#youtube-videos::-webkit-scrollbar-thumb{
    display: none;
}

.youtube-content {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.youtube-container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#video-title {
    width: 1000px !important;
}

}

.cross {
    position: absolute;
    font-size: 16px;
}