/* Minification failed. Returning unminified contents.
(4777,2): run-time error CSS1030: Expected identifier, found ' '
(4777,2): run-time error CSS1019: Unexpected token, found ' '
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;	
	vertical-align: baseline;
	background:transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
nav, ol, ul {
	list-style: none;
	}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{color:#000;	background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {border-collapse:collapse;	border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;	font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
textarea {font-family:inherit; font-size:inherit; font-weight:inherit;}
legend {color:#000;}
img {display:block; margin:0; padding:0; border:0;}






/* fonts*/

@font-face {
	font-family: 'AvenirLTStd-Light';
	src: url('./fonts/AvenirLTStd-Light.otf');
	src: url('./fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
	url('./fonts/AvenirLTStd-Light.woff') format('woff'),
	url('./fonts/AvenirLTStd-Light.ttf') format('truetype'),
	url('./fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AvenirLTStd-Medium';
	src: url('./fonts/AvenirLTStd-Medium.otf');
	src: url('./fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
	url('./fonts/AvenirLTStd-Medium.woff') format('woff'),
	url('./fonts/AvenirLTStd-Medium.ttf') format('truetype'),
	url('./fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BentonSans-Black';
	src: url('./fonts/BentonSans-Black.otf');
	src: url('./fonts/BentonSans-Black.eot?#iefix') format('embedded-opentype'),
	url('./fonts/BentonSans-Black.woff') format('woff'),
	url('./fonts/BentonSans-Black.ttf') format('truetype'),
	url('./fonts/BentonSans-Black.svg#BentonSans-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bemio';
	src: url('./fonts/Bemio.otf');
	src: url('./fonts/Bemio.eot?#iefix') format('embedded-opentype'),
	url('./fonts/Bemio.woff') format('woff'),
	url('./fonts/Bemio.ttf') format('truetype'),
	url('./fonts/Bemio.svg#Bemio') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BentonSansCompBold';
	src: url('./fonts/BentonSansComp-Bold.otf');
	src: url('./fonts/BentoSanComBol.eot?#iefix') format('embedded-opentype'),
	url('./fonts/BentoSanComBol.woff') format('woff'),
	url('./fonts/BentonSansComp-Bold.ttf') format('truetype'),
	url('./fonts/BentoSanComBol.svg#BentonSansComp-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BentonSansCompBlack';
	src: url('./fonts/BentonSansComp-Black.otf');
	src: url('./fonts/BentoSanComBla.eot?#iefix') format('embedded-opentype'),
	url('./fonts/BentoSanComBla.woff') format('woff'),
	url('./fonts/BentonSansComp-Black.ttf') format('truetype'),
	url('./fonts/BentoSanComBla.svg#BentonSansComp-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BentonSansCompBook';
	src: url('./fonts/BentonSansComp-Book.otf');
	src: url('./fonts/BentoSanComBoo.eot?#iefix') format('embedded-opentype'),
	url('./fonts/BentoSanComBoo.woff') format('woff'),
	url('./fonts/BentonSansComp-Book.ttf') format('truetype'),
	url('./fonts/BentoSanComBoo.svg#BentonSansComp-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CandyScript';
	src: url('./fonts/CandyScript.otf');
	src: url('./fonts/CandyScript.eot?#iefix') format('embedded-opentype'),
	url('./fonts/CandyScript.woff') format('woff'),
	url('./fonts/CandyScript.ttf') format('truetype'),
	url('./fonts/CandyScript.svg#CandyScript') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueBlack';
	src: url('./fonts/HelveNeuBla.otf');
	src: url('./fonts/HelveNeuBla.eot?#iefix') format('embedded-opentype'),
	url('./fonts/HelveNeuBla.woff') format('woff'),
	url('./fonts/HelveNeuBla.ttf') format('truetype'),
	url('./fonts/HelveNeuBla.svg#HelveNeuBla') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueBold';
	src: url('./fonts/HelveNeuBol.otf');
	src: url('./fonts/HelveNeuBol.eot?#iefix') format('embedded-opentype'),
	url('./fonts/HelveNeuBol.woff') format('woff'),
	url('./fonts/HelveNeuBol.ttf') format('truetype'),
	url('./fonts/HelveNeuBol.svg#HelveNeuBol') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeue';
	src: url('./fonts/HelveNeuRom.otf');
	src: url('./fonts/HelveNeuRom.eot?#iefix') format('embedded-opentype'),
	url('./fonts/HelveNeuRom.woff') format('woff'),
	url('./fonts/HelveNeuRom.ttf') format('truetype'),
	url('./fonts/HelveNeuRom.svg#HelveNeuRom') format('svg');
	font-weight: normal;
	font-style: normal;
}




/****************Supersized BG *************************/
html, html a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
    font: 62.5% Georgia, Arial, "Trebuchet MS", Trebuchet, Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Segoe UI", sans-serif;
    line-height: 20px;
    color: #ffffff;
    overflow-y: scroll;
}

.clearfix:before, .clearfix:after { content: "";}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#mainWrapper {
    padding-bottom: 60px;
    min-height: 100%;
    position: relative;
    margin: 25px 60px 75px 60px;
}

    #mainWrapper .marginBottom0 {
        margin-bottom: 0;
    }

.simple-container {
    width: 100%;
    position: relative;
}

a, img {
    border: none !important;
}

#supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em;
    background: url(../Content/Images/progress.gif) no-repeat center center;
}

#supersized {
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}

    #supersized img {
        width: auto;
        height: auto;
        position: relative;
        outline: none;
        border: none;
    }

/*****************Main******************************/
a {
    outline: none;
    text-decoration: none;
    color: #06a9e1;
}

    a:hover {
        color: #ff0039;
    }

p {
    font-family: 'AvenirLTStd-Medium';
    font-size: 1.5em;
    line-height: 25px;
    margin: 25px 0;
}

    p.note {
        font-size: 1.3em;
        font-style: italic;
    }

.centered-text {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.clear {
    clear: both;
}

.show-for-desktop {
    display: block;
}

.show-for-mobile {
    display: none;
}

.pinkHover a:hover {
    color: #e00a73;
}

.greenHover a:hover {
    color: #68bd46;
}

.blueHover a:hover {
    color: #06a9e1;
}

.orangeHover a:hover {
    color: #faa439;
}

.notes {
    font-family: HelveticaNeueBold;
    font-size: 1.3em;
}

    .notes a {
        color: #fff;
        text-decoration: underline;
        font-family: HelveticaNeueBold;
    }

.bg-blue {
    background: #00ace3;
}

.bg-pink {
    background: #ff0079;
}

.bg-red {
    background: #ff0031;
}

.bg-orange {
    background: #ff8b00;
}

.bg-green {
    background: #00d22b;
}

.bg-teal {
    background: #00d398;
}

.bg-pistachio {
    background: #cbce00;
}

.bg-eggplant {
    background: #9e005d;
}

.bg-black {
    background: #191919;
}


.blue {
    color: #00ace3;
}

.pink {
    color: #ff0079;
}

.red {
    color: #ff0031;
}

.orange {
    color: #ff8b00;
}

.green {
    color: #00d22b;
}

.teal {
    color: #00d398;
}

.pistachio {
    color: #cbce00;
}

.eggplant {
    color: #9e005d;
}

.title {
    font-family: 'Bemio';
    font-size: 9.5em;
    line-height: 105px;
    letter-spacing: .5px;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
    text-align: center;
}

.marginTopFive {
    margin-top: 5px;
}


/************************header*************************************/
header {
    margin-bottom: 30px;
}

.header-container {
    margin: 0 0 45px 0;
}

    .header-container a {
        color: #ffffff;
        cursor: pointer;
    }

#header-menu {
    position: relative;
}

.header-items {
    padding-top: 40px;
}

.logo-container {
    float: left;
}

a.ctfLogo {
    background: url(../Content/Images/header/ctf_beta.png) no-repeat 0 0;
    width: 144px;
    height: 102px;
    display: block;
}

    a.ctfLogo:hover {
        background: url(../Content/Images/header/ctf_beta_hover.png) no-repeat 0 0;
    }

    a.ctfLogo:before {
        content: url('../Content/Images/header/ctf_beta_hover.png');
        width: 0;
        height: 0;
        visibility: hidden;
    }

.header-login {
    font-size: 1.3em;
    font-family: BentonSans-Black;
    position: relative;
    padding-top: 33px;
}

    .header-login .loginModal:first-child {
        margin-right: 10px;
    }

.header-loggedin {
    font-size: 1.3em;
    font-family: BentonSans-Black;
    position: relative;
    padding-top: 20px;
    margin-top: -11px;
}

    .header-login img, .header-loggedin img {
        padding-right: 5px;
        overflow: hidden;
        /*height: auto;*/
        height: 100%;
    }

    .header-login a:hover, .header-loggedin a:hover {
        color: #faa439;
    }

#user-container {
    margin-top: 20px;
}

.main-menu {
    display: table;
    font-family: "Bemio";
    font-size: 1.6em;
    left: 0;
    line-height: 24px;
    margin: 0 auto;
    padding-top: 0;
    position: absolute;
    right: 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.004);
    top: 50%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .main-menu {
        width: 500px;
    }
}

.main-menu li {
    float: left;
    padding-left: 25px;
}

    .main-menu li a {
        padding-bottom: 5px;
    }

        .main-menu li a:hover {
            border-bottom: 2px solid #fff !important;
        }

    .main-menu li:first-child {
        padding-left: 0;
    }

/*.nav-link a {
    margin-left: 27px;
    padding-bottom: 5px;
}

    .nav-link a.active, .nav-link a:hover {
        border-bottom: 2px solid #fff !important;
    }

    .nav-link a.spark-debate-link {
        color: #faa439;
    }

        .nav-link a.spark-debate-link.active, .nav-link a.spark-debate-link:hover {
            border-bottom: 2px solid #faa439 !important;
        }*/

a.my-plate.active, a.my-plate:hover {
    border-bottom: 2px solid #fff !important;
    padding-bottom: 5px;
}

.drpCategory {
    cursor: pointer;
    background: url('../Content/Images/header/down-arrow.png') right center no-repeat;
    padding-right: 14%;
    background-size: 9% auto;
}

    .drpCategory:hover {
        border-bottom: 2px solid #fff;
    }

.drpCategory-container {
    left: 245px;
    top: 115px;
    position: absolute;
    width: 240px;
    z-index: 1000;
}

.drpCategory-item {
    width: 265px;
    height: 65px;
    color: #ffffff;
    background-color: #252122;
    border-bottom: 2px solid #3d393a;
}

#header-menu .user-name {
    padding-top: 3px;
    float: left;
}

.thumbnail-link, .notification-link {
    display: none;
}

.notification-link-container {
    width: 31px;
    height: 28px;
}

.notification-popup-link {
    background: url('../Content/Images/notification-alert.png') no-repeat;
    width: 32px;
    height: 28px;
    position: relative;
}

#numNotifications {
    position: absolute;
    left: 35%;
    top: 15%;
}

.thumbnail-container {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.menu-icon {
    float: left;
    margin-top: 10px;
    cursor: pointer;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

    .menu-icon.active {
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.mobile-logo {
    margin: 0 auto;
    width: 70px;
    height: 46px;
    display: block;
}

.user-and-search {
    float: right;
    margin-top: -36px;
}

    .user-and-search .thumbnail-container {
        width: 20px;
        height: 20px;
    }

.dropdown-menu {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    font-size: 14px;
    left: auto;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

    .dropdown-menu.user-access {
        background-color: rgba(0, 0, 0, 0.9);
        border: 1px solid #292929;
        font-size: 12px;
    }

    .dropdown-menu > li > a {
        clear: both;
        display: block;
        font-family: 'AvenirLTStd-Light';
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857;
        white-space: nowrap;
        color: #fff;
        padding: 15px 0;
        text-align: center;
    }

        .dropdown-menu > li > a:hover {
            color: #faa439;
        }

    .dropdown-menu.user-access .divider {
        background-color: #292929;
        height: 1px;
        margin: 10px 0 0;
    }

.mobile-search {
    float: right;
    margin-left: 10px;
    cursor: pointer;
}



#mobile-menu {
    background: transparent;
    width: 100%;
    height: 0;
    position: relative;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
}

    #mobile-menu.open {
        height: 100%;
        display: block;
        opacity: 1;
        z-index: 9998;
        margin-top: 20px;
        margin-bottom: -75px;
    }

    #mobile-menu .sub-links {
        margin-left: 20px;
    }

#menu-content {
    width: 100vw;
    position: relative;
    overflow: hidden;
    height: 1230px;
    margin-left: -20px;
    margin-right: auto;
}

    #menu-content .sliding-content {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 200vw;
    }

    #menu-content ul.main-links {
        width: 100vw;
        float: left;
    }

        #menu-content ul.main-links li {
            font-family: "Bemio";
            font-size: 30px;
            line-height: 60px;
            text-align: center;
        }

            #menu-content ul.main-links li a:hover {
                border-bottom: 2px solid #fff !important;
                padding-bottom: 2px !important;
            }

        #menu-content ul.main-links .account-links {
            width: 150px;
            margin: 0 auto;
        }

            #menu-content ul.main-links .account-links div.link {
                font-size: 13px;
                line-height: 21px;
                font-family: 'BentonSans-Black';
                cursor: pointer;
            }

                #menu-content ul.main-links .account-links div.link:hover {
                    color: #faa439;
                    border: none;
                }

.account-links-container {
    width: 100vw;
    float: left;
    padding-top: 25px;
    position: relative;
}

    .account-links-container.signin-links-container {
        background: #40bdef;
    }

    .account-links-container.signup-links-container {
        background: #ff0039;
    }

    .account-links-container .slide-back-btn {
        left: 20px;
        position: absolute;
        top: calc(50% - 25px / 2);
        display: block;
    }

    .account-links-container li {
        margin-bottom: 40px;
        text-align: center;
    }

        .account-links-container li a, .account-links-container button {
            font-family: 'Bemio';
            font-size: 30px;
            line-height: 1em;
            color: #fff;
            background: none;
            border: none;
            cursor: pointer;
        }

        .account-links-container li span {
            font-family: 'AvenirLTStd-Light';
            font-size: 20px;
            line-height: 25px;
        }


.rel.account-links-container {
    margin-left: -20px;
    height: 100vh;
}

    .rel.account-links-container ul {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

#menu-content .below-categories {
    background: black;
    margin-left: 0;
    margin-top: 0;
    padding-top: 45px;
    padding-bottom: 25px;
    position: absolute;
    width: 100%;
    top: 759px;
}

    #menu-content .below-categories img {
        margin: 0 auto 25px;
    }

#menu-content ul.sub-links li {
    font-family: 'AvenirLTStd-Medium';
    font-size: 14px;
    line-height: 45px;
    text-align: left;
}

    #menu-content ul.sub-links li a:hover {
        color: #faa439;
    }

.copyright-info {
    color: #777;
}

/************************notification popup*************************************/
#notificationsWrapper {
    position: absolute;
    top: 110px;
    left: -203px;
    z-index: 9999;
    display: none;
}

    #notificationsWrapper #main-list {
        padding: 32px 20px 15px 25px;
        background: #404040;
        width: 238px;
        height: auto;
        max-height: 300px;
        overflow: auto;
        border-radius: 5px 0 0 0;
    }

        #notificationsWrapper #main-list:before {
            border-bottom: 47px solid #404040;
            border-right: 45px solid transparent;
            border-top: 0 solid transparent;
            content: "";
            height: 0;
            margin: -78px 0 0 214px;
            position: absolute;
            width: 0;
        }

    #notificationsWrapper .heading, #notificationsWrapper .heading a {
        font-family: 'Bemio';
        font-size: 15px;
        color: #ffffff !important;
        font-weight: 100;
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
    }

    #notificationsWrapper a {
        color: #06a9e1;
        font-family: 'AvenirLTStd-Light';
        font-size: 12px;
    }

    #notificationsWrapper .group {
        margin-bottom: 25px;
    }

        #notificationsWrapper .group .fl {
            width: 180px;
        }

    #notificationsWrapper .view-all {
        background: #272324;
        padding: 20px 20px 20px 25px;
        border-radius: 0 0 5px 5px;
        text-align: center;
    }

    #notificationsWrapper .arrow {
        float: right;
        margin-top: 6px;
        padding-right: 20px;
    }

    #notificationsWrapper .activity-icon {
        background: url("../Content/Images/activity-icons-popup.png") no-repeat scroll 0 0 transparent;
        height: 27px;
        width: 27px;
    }

    #notificationsWrapper .ico-comment {
        background-position: 0 0;
    }

    #notificationsWrapper .ico-thumbs-up {
        background-position: 0 -27px;
    }

    #notificationsWrapper .ico-thumbs-down {
        background-position: 0 -54px;
    }

    #notificationsWrapper .ico-vote {
        background-position: 0 -162px;
    }

    #notificationsWrapper .ico-expired {
        background-position: 0 -108px;
    }

    #notificationsWrapper .ico-bulk {
        background-position: 0 -135px;
    }

#notificationsContainer {
    font-size: 1em;
}

    #notificationsContainer p {
        font-size: 1.1em;
    }

#notificationsWrapper .activity {
    font-family: 'AvenirLTStd-Medium';
}

    #notificationsWrapper .activity a {
        font-family: 'BentonSans-Black';
        color: #06a9e1;
        font-size: 1em;
    }

        #notificationsWrapper .activity a:hover {
            color: #FAA439;
        }

#notificationsWrapper .timeago {
    font-family: 'AvenirLTStd-Light';
    color: #a6a6a6;
    font-size: .923em;
}

#notificationsWrapper p {
    margin: 0;
}

.notification-link-container {
    position: relative;
}

/****************Search*****************/
.search-container {
    padding-top: 10px;
    background: transparent;
    width: 238px;
    position: absolute;
    top: -30px;
    right: 0;
}

.search-box, .search-users-box {
    background: none;
    border: none;
    border-bottom: 2px solid #ffffff;
    width: 228px;
    font-family: 'Bemio';
    font-size: 16px;
    border-radius: 0 !important;
    padding-left: 0 !important;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

.search-btn {
    top: 25px;
    right: 0;
    width: 6px;
    position: absolute;
    cursor: pointer;
}

/*******************footer**************************/
footer {
    width: 100%;
    background-color: #272324;
    bottom: 0;
    position: fixed;
    z-index: 9998;
}

.footerCategoryBG {
    background-color: #404040;
}

.footer-drawer {
    display: none;
    background: #4d4d4d;
    border-radius: 5px 5px 0 0;
    height: 32px;
    margin: 0 auto;
    position: relative;
    width: 54px;
    cursor: pointer;
}

    .footer-drawer img {
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .footer-drawer.opened img {
        -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

#footerContainer {
    display: table;
    margin: 0 60px;
    background-color: #000;
    width: calc(100% - 120px);
}

    #footerContainer .category {
        border: 0;
        border-image-width: 0;
        padding-left: 3px;
        float: left;
        cursor: pointer;
        width: calc((100% - 27px) / 8);
    }

    #footerContainer .category-header {
        height: 90px;
        line-height: 23px;
        border-image-width: 0;
    }

.sub-footer {
    width: calc(100% - 120px);
    margin: 0 60px;
    color: #777777;
    font-size: 1.2em;
    font-family: 'AvenirLTStd-Light';
    padding: 15px 0;
}

    .sub-footer ul li {
        float: left;
        padding-left: 20px;
    }

        .sub-footer ul li a {
            color: #a6a6a6;
        }

            .sub-footer ul li a:hover {
                color: #FAA439;
            }

ul li a.beta-feedback-link {
    color: #FAA439;
}

footer.mobile-menu {
    position: absolute;
    top: 400px;
    bottom: -450px;
}

/***************header & footer *************/
.drpCategory-item a, #footerContainer .category-header a {
    color: #ffffff;
    font-family: 'Bemio';
    text-transform: lowercase;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

.drpCategory-item a {
    font-size: 1.8em;
    width: 200px;
    height: 50px;
    display: block;
    padding: 15px 40px 0 15px;
}

#footerContainer .category-header a {
    padding: 0;
    display: block;
    font-size: 2em;
    text-align: center;
    width: 100%;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*#footerContainer .category-header.red a{ padding-top: .45em; }*/

.drpCategory-item.red:hover, .category-header.red {
    background-color: #ff0039;
}

#footerContainer .category-header.red:hover {
    background-color: #fd1e50;
}

.drpCategory-item.orange:hover, .category-header.orange {
    background-color: #ff8b00;
}

#footerContainer .category-header.orange:hover {
    background-color: #f8a43f;
}

.drpCategory-item.blue:hover, .category-header.blue {
    background-color: #00ace3;
}

#footerContainer .category-header.blue:hover {
    background-color: #2bb6e5;
}

.drpCategory-item.pink:hover, .category-header.pink {
    background-color: #ff0079;
}

#footerContainer .category-header.pink:hover {
    background-color: #f02f8e;
}

.drpCategory-item.green:hover, .category-header.green {
    background-color: #00d22b;
}

#footerContainer .category-header.green:hover {
    background-color: #03e331;
}

.drpCategory-item.teal:hover, .category-header.teal {
    background-color: #00d398;
}

#footerContainer .category-header.teal:hover {
    background-color: #01dd9f;
}

.drpCategory-item.pistachio:hover, .category-header.pistachio {
    background-color: #cbce00;
}

#footerContainer .category-header.pistachio:hover {
    background-color: #d4d426;
}

.drpCategory-item.eggplant:hover, .category-header.eggplant {
    background-color: #9e005d;
}

#footerContainer .category-header.eggplant:hover {
    background-color: #a70364;
}

.browse-all.category {
    width: 100% !important;
    background-color: #ff2839;
}

    .browse-all.category:hover {
        background-color: #fd1e50;
    }

/****************Modals***********************/
#exposeMask {
    width: 100% !important;
}

.simple_overlay.generic .close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background: url('../Content/images/modal-close.png') 0 0 no-repeat;
    width: 25px;
    height: 25px;
}

.simple_overlay.generic {
    display: none;
    left: 0 !important;
    position: fixed;
    right: 0;
    top: 50% !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10000;
    max-width: 490px;
    width: calc(100% - 140px) !important;
    margin: 0 auto;
    background-color: #000;
    border-radius: 10px;
    padding: 50px;
}

    .simple_overlay.generic .response-message {
        text-align: center;
    }

    .simple_overlay.generic .title {
        font-size: 30px; line-height: 35px; margin-bottom: 15px;
    }

    .simple_overlay.generic input, .simple_overlay.generic textarea {
        width: calc(100% - 24px);
    }

    .simple_overlay.generic .fl {
        width: 150px;
    }

    .simple_overlay.generic .fr {
        width: calc(100% - 180px);
    }

    .simple_overlay.generic .form-bluebtn {
        width: 100% !important;
    }

    .simple_overlay.generic .label-container {
        margin-bottom: 5px;
        margin-top: 0;
    }

    .simple_overlay.generic .fl.label-container{
        margin-bottom: 0;
    }

    .simple_overlay.generic .form-group-container {
        padding: 0;
        width: 100%;
        background: transparent;
    }

@media all and (max-width: 520px) {
    .simple_overlay.generic .fl, .simple_overlay.generic .fr {
        width: 100% !important;
    }

    .simple_overlay.generic  .label-container {
        text-align: left !important;
        margin-bottom: 5px !important;
    }
}

/****************Forms***********************/
.form-group-container {
    background-color: rgba(255,255,255,.15);
    border-radius: 5px 5px 5px 5px;
    max-width: 723px;
    width: calc(100% - 30px);
    padding: 15px;
    margin-bottom: 10px auto;
}

    .form-group-container.first {
        border-radius: 5px 0 5px 5px;
    }

        .form-group-container.first:before {
            border-bottom: 47px solid rgba(255, 255, 255, 0.15);
            border-right: 45px solid transparent;
            border-top: 0 solid transparent;
            content: "";
            height: 0;
            margin-top: -47px;
            /*margin: -62px 0 0 430px;*/
            position: absolute;
            width: 0;
            top: 0;
            right: 0;
        }

    .form-group-container .group {
        margin-bottom: 18px;
    }

        .form-group-container .group.first {
            margin-top: 30px;
        }

    .form-group-container .info {
        font-size: 10px;
        font-family: 'AvenirLTStd-Medium';
    }

.form-section-title {
    margin-bottom: 10px;
}

.form-container {
    margin-bottom: 20px;
}

.form-group-container .disabled {
    background-color: #e0e0e0;
}

.label-container {
    font-size: 15px;
    font-family: 'Bemio';
    text-transform: lowercase;
    color: #ffffff;
    margin-top: 15px;
    line-height: 15px;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

.form-bluebtn {
    background: #06a9e1;
    height: 50px;
    border: 0;
    font-family: 'CandyScript';
    font-size: 32px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
}

    .form-bluebtn:hover, .form-blue-link:hover {
        background: #ff0039;
        color: #ffffff;
    }

input[type='text'], input[type='password'], input[type='email'], input[type='checkbox'], textarea {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
}

    input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='checkbox']:focus, textarea:focus {
        outline: none;
    }

input, textarea {
    border-radius: 5px 5px 5px 5px;
    border: 0;
    border: 2px solid #06a9e1;
}

textarea, .multiline {
    height: 120px;
    resize: none;
    color: #666666;
    font-family: 'AvenirLTStd-Light';
    font-size: 20px;
}

.form-longinput {
    width: 440px;
}

.current-field {
    border: 2px solid #06a9e1;
}

input, select {
    color: #666666;
    font-size: 20px;
    font-family: 'AvenirLTStd-Light';
}

select {
    cursor: pointer;
}

    select > option {
        padding-left: 5px;
    }

.field-validation-error {
    text-align: left;
    font-family: 'AvenirLTStd-Light';
    font-size: 1.2em;
    display: block;
    color: #ff0039;
}

.error-message, .validation-summary-errors {
    text-align: left;
    font-family: 'Bemio';
    font-size: 1.8em;
    line-height: 30px;
    letter-spacing: .5px;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

.validation-summary-errors {
    padding-bottom: 10px;
}

.success-message {
    font-family: 'Bemio';
    font-size: 1.8em;
    line-height: 30px;
    letter-spacing: .5px;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
    margin-bottom: 10px;
}

.input-validation-error, .select-style select.input-validation-error {
    border: 2px solid #ff0039;
}

.customSelectInner {
    line-height: 1.2em;
}

/*****************************General*******************************/
.browser-modal {
    border-radius: 10px 10px 10px 10px;
    width: 490px;
    background-color: #000;
    padding: 50px;
}

    .browser-modal div.close {
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
        background: url('../Content/images/modal-close.png') 0 0 no-repeat;
        width: 25px;
        height: 25px;
    }

    .browser-modal .title {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px !important;
    }

    .browser-modal .label-container {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 22px;
    }

/****************Error Page***********************/

#error-page .sub-title {
    font-family: 'Bemio';
    font-size: 40px;
    line-height: 40px;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

#error-page p {
    font-family: 'AvenirLTStd-Medium';
    font-size: 18px;
    line-height: 25px;
}

#error-page .form-bluebtn {
    display: block;
    margin: 0 auto;
    max-width: 703px;
    width: calc(100%);
}

/****************Static Pages***********************/
.static-page {
    margin-bottom: 65px;
}

    .static-page .title {
        text-align: center;
        line-height: 90px;
    }

    .static-page .centered-text {
        width: calc(100% - 80px);
        max-width: 543px;
        margin: 20px auto;
        padding: 0 50px 0 30px;
    }

    .static-page .form-group-container {
        width: calc(100% - 80px);
        max-width: 623px;
        padding: 30px 50px 30px 30px;
        height: auto;
        margin: 0 auto 20px auto;
        position: relative;
    }

        .static-page .form-group-container.first:before {
            position: absolute;
            right: 0;
            top: 0;
        }

    .static-page .section {
        margin-bottom: 30px;
    }

        .static-page .section p {
            margin: 0 0 25px;
        }

    .static-page .sub-section {
        margin-top: 15px;
    }

        .static-page .sub-section h2 {
            font-family: "AvenirLTStd-Medium";
            font-size: 1.5em;
            font-style: italic;
            margin-bottom: 3px;
            text-transform: none;
        }

    .static-page h4, .beta-tester-entry h4 {
        font-family: 'Bemio';
        font-size: 18px;
        font-weight: 100;
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
    }

    .static-page .bullets ul, .static-page .lower-roman ol {
        padding-left: 60px;
        margin-bottom: 30px;
        margin-top: -15px;
    }

        .static-page .bullets ul li {
            font-family: 'AvenirLTStd-Medium';
            font-size: 1.5em;
            list-style: disc outside none;
            margin: 0 0 10px;
        }

        .static-page .lower-roman ol li {
            font-family: 'AvenirLTStd-Medium';
            font-size: 1.5em;
            margin: 0 0 10px;
            list-style: lower-roman;
        }

    .static-page table {
        width: 95%;
        margin: 0 auto;
    }

    .static-page td {
        vertical-align: top;
        font-family: 'AvenirLTStd-Medium';
        font-size: 1.5em;
        padding-bottom: 15px;
    }

    .static-page .copyright-address {
        margin: 0 auto;
        width: 320px;
    }

/****************Dropdown Style********************/
.select-style {
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("../Content/Images/form/select-arrow.png") no-repeat 100% 0;
}

    .select-style select {
        padding: 6.5px 8px;
        width: calc(100%);
        border: none;
        outline: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-top: 0;
    }

        .select-style select:focus {
            outline: none;
            border: none;
            width: calc(100%);
        }

    .select-style.gender {
        max-width: 220px;
    }

    .select-style.birthday {
        display: inline-block;
        margin-right: 8px;
    }

    .select-style.small {
        max-width: 105px;
    }

    .select-style.year {
        max-width: 147px;
        margin-right: 0;
    }

/****************Registration**********************/
.content-leftpanel {
    width: 280px;
    float: left;
}

.content-signpost {
    background: url('../Content/Images/bg_sign_post.png') no-repeat 0 0;
    font-family: BentonSansCompBold;
    width: 270px;
    height: 40px;
    font-size: 26px;
    text-align: right;
    padding-top: 20px;
}

    .content-signpost span {
        margin-right: 15px;
    }

.content-form-container {
    /*max-width: 703px;*/
    max-width: 625px;
    width: 100%;
    margin: 0 auto;
}

    .content-form-container .form-bluebtn {
        width: 100%;
    }

/****************Feedback**********************/
.feedback-select {
    background: url('../Content/Images/form/dropdown.png') no-repeat 0 0;
    font-size: inherit;
    white-space: nowrap;
    height: 30px;
    border: 0;
    width: 80px;
    outline: none;
    color: #12b3ea;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 10px 0px 0px 14px;
    margin-left: 7px;
    font-size: 16px;
}

/***********************Forgot Password**********************************/
#resetPwd input[type='password'] {
    width: 360px !important;
}

/*************************** LOGIN / SIGN UP ******************************/
.signInUpContainer div.close {
    position: absolute;
    top: 125px;
    right: -20px;
    cursor: pointer;
    background: url('../Content/images/logInOut/close.png') 0 0 no-repeat;
    width: 25px;
    height: 25px;
}

.signInUpContainer .account-links-container div.close {
    top: 20px;
    right: 20px;
}

.signInContainer {
    width: 791px;
    height: 627px;
    background-image: url('../Content/Images/logInOut/bg_signInBubble.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
}

.signUpContainer {
    width: 791px;
    height: 627px;
    background-image: url('../Content/Images/logInOut/bg_signUpBubble.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
}

.signInUpInnerContainer {
    margin-left: auto;
    margin-right: auto;
    padding-top: 160px;
    width: 450px;
    height: 400px;
    text-align: center;
    position: relative;
}

.signInUpHeaderText {
    font-family: 'Bemio';
    font-size: 2.5em;
    line-height: 25px;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

.newUserContainer {
    position: relative;
    width: 260px;
    height: 125px;
    background-image: url('../Content/Images/logInOut/bg_newUserBubble.png');
    background-position: bottom;
    background-repeat: no-repeat;
}

.account-links-container .newUserContainer {
    margin: 0 auto;
}

.newUserSignUpButton {
    position: absolute;
    left: 160px;
    top: 52px;
    width: 80px;
    height: 35px;
    border: none;
    background-image: url('../Content/Images/logInOut/btn_modalSignup.png');
    margin-top: 3px;
}

    .newUserSignUpButton:hover {
        background-image: url('../Content/Images/logInOut/btn_modalSignupHover.png');
    }

.existingUserContainer {
    position: relative;
    padding-top: 30px;
    width: 260px;
    height: 125px;
    background-image: url('../Content/Images/logInOut/bg_existingUserBubble.png');
    background-position: bottom;
    background-repeat: no-repeat;
}

.account-links-container .existingUserContainer {
    margin: 0 auto;
    padding-top: 0;
}

.existingUserSignUpButton {
    position: absolute;
    left: 158px;
    top: 80px;
    width: 92px;
    height: 42px;
    background-image: url('../Content/Images/logInOut/btn_signInSmall.png');
    background-position: bottom;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .existingUserSignUpButton:hover {
        background-image: url('../Content/Images/logInOut/btn_signInSmallHover.png');
    }

.account-links-container .existingUserSignUpButton {
    top: 50px;
}

.signUp-link {
    display: block;
    width: 138px;
    height: 170px;
}

.signInBackBtn {
    z-index: 1000;
    position: absolute;
    top: 280px;
    left: 140px;
    background-image: url('../Content/Images/logInOut/btn_signInBack.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 42px;
    height: 43px;
    display: none;
    cursor: pointer;
}

.signUpBackBtn {
    z-index: 1000;
    position: absolute;
    background-image: url('../Content/Images/logInOut/btn_signUpBack.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 42px;
    height: 43px;
    cursor: pointer;
}

.signInFormContainer {
    
}

    .signInFormContainer .field-row {
        height: 60px;
    }

    .signInFormContainer .form-input {
        width: 100%;
        background-color: transparent;
        box-sizing: border-box;
        color: #ffffff;
        border-color: #8ad7f1;
    }

    .signInFormContainer .field-validation-error, #loginError {
        text-align: left;
        font-family: 'AvenirLTStd-Light';
        font-size: 1.2em;
        display: block;
    }

    .signInFormContainer .remember-me {
        margin-top: -10px;
    }

        .signInFormContainer .remember-me input {
            float: left;
            vertical-align: top;
        }

        .signInFormContainer .remember-me .checkbox {
            float: left;
            margin-left: 5px;
            margin-top: 10px;
            line-height: inherit;
        }

.forgotPasswordLink {
    display: inline-block;
    margin-left: 10px;
    font-family: 'avenirltstd-light';
    font-size: 1.2em;
    line-height: 1em;
}

.remember-me .checkbox {
    font-family: "avenirltstd-light";
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 2px;
    vertical-align: top;
    display: inline-block;
}

.signInForgotPassword {
    font-family: 'Bemio';
    font-size: 1.2em;
    line-height: 18px;
    float: left;
    margin: 12px 0 0 0;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

    .signInForgotPassword a {
        color: #ffffff;
    }

        .signInForgotPassword a:hover {
            color: #c10030;
        }

.signInButton {
    width: 92px;
    height: 42px;
    background-image: url('../Content/Images/logInOut/btn_signInSmall.png');
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

    .signInButton:hover {
        background-image: url('../Content/Images/logInOut/btn_signInSmallHover.png');
    }

.signInUpBtnContainer {
    padding-top: 30px;
    position: relative;
}

    .signInUpBtnContainer .email {
        width: 134px;
        margin-top: 4px;
    }

    .signInUpBtnContainer .facebook {
        width: 125px;
        margin-right: 43px;
    }

    .signInUpBtnContainer .twitter {
        width: 118px;
        margin-right: 28px;
    }

    .signInUpBtnContainer .icon {
        background-position: 0 0;
        background-repeat: no-repeat;
        border: none;
        background-color: transparent;
        cursor: pointer;
        height: 168px;
        float: left;
    }

        .signInUpBtnContainer .icon:hover {
            background-position: 0 -168px;
        }

.signInContainer .icon.email {
    background-image: url('../Content/Images/logInOut/btn_signInEmail.png');
}

.signInContainer .icon.facebook {
    background-image: url('../Content/Images/logInOut/btn_signInFacebook.png');
}

.signInContainer .icon.twitter {
    background-image: url('../Content/Images/logInOut/btn_signInTwitter.png');
}

.signUpContainer .icon.email {
    background-image: url('../Content/Images/logInOut/btn_signUpEmail.png');
}

.signUpContainer .icon.facebook {
    background-image: url('../Content/Images/logInOut/btn_signUpFacebook.png');
}

.signUpContainer .icon.twitter {
    background-image: url('../Content/Images/logInOut/btn_signUpTwitter.png');
}

.signInUpSlideContainer {
    position: relative;
    overflow: hidden;
    width: 475px;
    height: 200px;
}

#signInEmailContainer {
    float: left;
    width: 260px;
    margin-left: 15px;
}

#signInButtonsContainer {
    float: left;
    width: 485px;
}

#signInUpSlider {
    position: absolute;
    top: 0;
    left: 0;
    width: 760px;
}

#additionaltext {
    display: none;
}

/************************ OVERLAY ***************************/
.loginModal {
    cursor: pointer;
}

#exposeMask {
    background-color: #fff !important;
    display: none;
}

.simple_overlay {
    display: none;
    z-index: 10000;
    border: none;
}

.beta-tester-entry {
    max-width: 680px;
    min-width: 680px;
    padding: 50px;
    position: absolute;
    top: 10%;
    left: 15%;
    background-color: #000000;
    display: block;
}

    .beta-tester-entry .title {
        font-size: 7.5em;
        line-height: 1em;
    }

    .beta-tester-entry p {
        font-size: 2em;
    }

#beta-tester-entry-mask {
    background-color: #ffffff;
    min-width: 100%;
}

#beta-tester-email {
    width: 355px;
}

/* ----------[ TYPOGRAPHIC ]------------------------------- */

h2 {
    font-family: BentonSansCompBold;
    font-size: 2.4em;
    text-transform: uppercase;
    line-height: 28px;
}

h3 {
    font-size: 1.8em;
    line-height: 28px;
    font-weight: normal;
}


.group:after {
    content: "";
    display: table;
    clear: both;
}

input::-moz-focus-inner /*Remove button padding in FF*/ {
    border: 0;
    padding: 0;
}

@-ms-viewport {
    width: device-width;
}

html, body {
    margin-top: 0;
}
/********************[ Media Query]***************************/

@media all and (min-width: 1600px) {
    #footerContainer, .sub-footer {
        width: calc(100% - 120px);
    }

        #footerContainer .category-header a {
            font-size: 2.5em;
        }

    .sub-footer {
        max-width: none;
    }
}

@media all and (min-width: 1060px) and (max-width: 1599px) {
    #footerContainer .category-header {
        line-height: 20px;
    }

        #footerContainer .category-header a {
            font-size: 1.8em;
        }

        #footerContainer .category-header.teal a, #footerContainer .category-header.eggplant a {
            width: 85px;
            margin: 0 auto;
        }
}

@media all and (max-width: 1060px) {
    #mainWrapper {
        margin: 25px 10px 75px 10px;
    }

    #dashboard .stats-heading {
        font-size: 3em;
    }

    /*.simple-container {
        margin: 0 auto;
    }*/

    #footerContainer {
        margin-left: 10px;
        width: calc(100% - 20px);
    }

    .sub-footer {
        margin-left: 12px;
        width: calc(100% - 22px);
    }

    #footerContainer .category-header a {
        font-size: 18px;
        line-height: 20px;
    }
}

@media all and (max-width : 990px) {
    #mainContent {
        min-height: 0;
    }

    #mainWrapper {
        padding-bottom: 0;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 0;
        width: calc(100% - 40px);
    }

    .header-container {
        margin-bottom: 0;
    }

    .show-for-desktop {
        display: none;
    }

    .show-for-mobile {
        display: block;
    }

    #signIn, #signUp {
        left: auto !important;
    }

    .title {
        font-size: 6.5em;
        line-height: 60px;
    }

    .logo-container {
        padding-right: 90px !important;
    }

    .notification-popup-link {
        background: rgba(0, 0, 0, 0) url("../Content/Images/notification-alert.png") no-repeat scroll 0 0 / 22.85px 20px;
        width: 22.85px;
        height: 20px;
    }

    .user-and-search #user-container {
        float: left;
        margin-top: 0;
    }

    .main-menu, .drpFat, .drpFatFilter, .filter-item, #dashboard .form-group-container {
        font-size: 1.4em !important;
    }
    /*.filter-types-container{ min-width: 380px;float: left;margin-top: 20px; float: left;}*/
    #filters {
        display: none;
    }

    .fspacer {
        padding-left: 16px !important;
    }

    footer {
        background: transparent;
        bottom: -360px;
    }

    .footer-scrollable {
        height: 360px;
    }

        .footer-scrollable.triggered {
            overflow-y: scroll;
            padding-right: 17px;
            width: calc(100% + 17px);
        }

    .footerCategoryBG {
        background: transparent;
        width: 100%;
    }

    .footer-drawer {
        display: block;
    }

    footer.mobile-menu .footer-drawer {
        display: none;
    }

    #footerContainer, .sub-footer {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    footer.mobile-menu .sub-footer {
        display: none;
    }

    .sub-footer {
        background: black none repeat scroll 0 0;
        padding: 20px;
        width: calc(100% - 23px);
        display: table;
    }

        .sub-footer .fl, .sub-footer .fr {
            float: none;
        }

        .sub-footer .fl {
            display: table-footer-group;
        }

        .sub-footer .fr {
            display: table-header-group;
        }

        .sub-footer ul li {
            float: none;
            margin: 5px 0;
            padding-left: 0;
        }

    #footerContainer .category {
        width: 50%;
        padding: 0;
    }

    #footerContainer .category-header {
        width: 100%;
    }

        #footerContainer .category-header a {
            font-size: 2.5em;
            line-height: 1.2em;
        }

    #beta-tester-entry {
        max-width: 480px !important;
        min-width: 200px !important;
    }

        #beta-tester-entry .title {
            font-size: 7em;
        }

    #beta-tester-email {
        width: 340px;
    }
    /*#mainContent{min-height: 700px;}*/
    .search-container {
        display: none;
    }

        .search-container.triggered {
            padding-top: 0;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            display: block;
        }

        .search-container .search-box {
            background: #fff;
            color: #000;
            width: 0;
            height: 45px;
            padding-left: 10px !important;
            margin-left: 208px;
        }

    .search-btn {
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-device-width : 990px) {
    .footer-scrollable.triggered {
        width: 100%;
    }
}

@media screen and (max-width : 990px) and (min-height : 500px) {
    footer {
        bottom: -450px;
    }

    .footer-scrollable {
        height: 450px;
    }
}

@media screen and (max-width : 990px) and (min-height : 700px) {
    footer {
        bottom: -665px;
    }

    .footer-scrollable {
        height: auto;
    }
}

@media all and (max-width : 768px) {
    .debateBubbleContainer {
        margin-top: 0;
    }

    .title {
        font-size: 5em;
    }

    .static-page .title {
        line-height: 50px;
    }

    .form-group-container.first::before {
        border-bottom: 37px solid rgba(255, 255, 255, 0.15);
        border-right: 35px solid transparent;
        margin-top: -37px;
    }
}

@media all and (max-width : 560px) {

    .title {
        font-size: 4em;
        text-align: center;
    }

    .static-page .title {
        line-height: 40px;
    }

    #homepage-container #dashboard {
        display: none !important;
    }

    #homepage-container.your-plate #dashboard {
        display: block !important;
    }

    /*#menu-content {
        height: 1380px;
    }

        #menu-content .below-categories {
            top: 910px;
        }*/

    /*footer {
        bottom: -815px;
    }*/

    footer.mobile-menu {
        position: absolute;
        top: 400px;
        bottom: auto;
    }

    /*#footerContainer .category, #footerContainer .category-header {
        height: 120px;
    }*/

    #footerContainer .category-header a {
        font-size: 20px;
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }
}

@media all and (max-width : 500px) {
    #debate-message {
        text-align: center;
    }
}

@media all and (max-width : 400px) {
    /*#mainWrapper {
        margin: 15px 20px 0 20px !important;
    }*/

    #footerContainer, .sub-footer {
        margin-left: auto;
        margin-right: auto;
    }

    .logo-container {
        padding-right: 110px !important;
    }

    #error-page .sub-title {
        font-size: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:1920px) and (orientation: portrait) {
    #beta-tester-entry {
        max-width: 450px !important;
        margin-left: -40px;
        margin-top: -50px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:1920px) and (orientation: landscape) {
    #beta-tester-entry {
        max-width: 500px !important;
        margin-left: -60px;
        margin-top: -50px;
    }
}

@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
    .logo-container {
        padding-right: 50px !important;
    }
}

@media device and (max-width: 1024px) {
    .header-login, .header-loggedin {
        right: 50px;
    }
}

/*************FILTERS***************************/
#filters {
    padding-bottom: 15px;
}

.filter-container {
    float: left;
    position: relative;
}

.filter-heading {
    font-family: 'AvenirLTStd-Light';
    color: #ffffff;
    font-size: 1.7em;
    line-height: 44px;
    float: left;
}

.filter-item {
    font-family: Bemio;
    color: #ffffff;
    font-size: 1.8em;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

    .filter-item:hover {
        color: #FAA439;
    }

.fspacer {
    padding-left: 20px;
}

.drpFat, .drpFatFilter {
    font-family: Bemio;
    color: #ffffff;
    font-size: 1.8em;
    background: url('/Content/Images/form/dropdown-filter.png') 0 0 no-repeat;
    height: 42px;
    width: 235px;
    padding: 13px 0 0 10px;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

.drpFat-container, .drpFatFilter-container {
    left: 0;
    top: 32px;
    position: absolute;
    width: 230px;
    z-index: 1000;
}

.drpFat-item-container, .drpFatFilter-item-container {
    width: 210px;
    height: auto;
    color: #ffffff;
    background-color: #252122;
    padding: 15px 10px;
}

/**************** Debates List ***********************/
#debatesWrapper {
    float: left;
}

#debatesWrapper, #debatesContainer {
    width: 100%;
    margin: 0 auto;
}

#debatesContainer.non-centered {
    margin: 0;
}

.wrapper {
    width: 95%;
    margin: 3em auto;
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.debateBubbleContainer {
    /*display: inline-block;
    margin: 0 0 5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/

    float: left;
    width: 250px;
    height: auto;
    margin-bottom: 30px;
}

.debateBubbleContainer:after {
  content: '';
  display: block;
  clear: both;
}

.debateBubble-detail {
    width: 100%;
}

    .debateBubble-detail .debateBubbleCenter {
        width: 100%;
    }

    .debateBubble-detail .bubble-image {
        width: 100%;
        height: auto;
        position: relative;
    }

        .debateBubble-detail .bubble-image img {
            width: 100%;
        }

            .debateBubble-detail .bubble-image img.hover {
                display: none;
            }

    .debateBubble-detail:hover .bubble-image img.default {
        display: none;
    }

    .debateBubble-detail:hover .bubble-image img.hover {
        display: block;
    }


.debate-text.red {
    color: #ff0031;
}

.debate-text.orange {
    color: #ff8b00;
}

.debate-text.green {
    color: #00d22b;
}

.debate-text.blue {
    color: #00ace3;
}

.debate-text.pink {
    color: #ff0079;
}

.debate-text.teal {
    color: #00d398;
}

.debate-text.pistachio {
    color: #cbce00;
}

.debate-text.eggplant {
    color: #9e005d;
}

.debate-text.white {
    color: #ffffff;
}

.debate-usercontainer {
    margin: -30px 0 0 55px;
    position: relative;
}

.topcomment-container {
    background-color: rgba(255,255,255,.15);
    border-radius: 5px 5px 5px 5px;
    width: 195px;
    padding: 20px;
    margin-bottom: 0;
    margin-top: 25px;
}

    .topcomment-container.first {
        border-radius: 5px 0 5px 5px;
    }

        .topcomment-container.first:before {
            border-bottom: 42px solid rgba(255, 255, 255, 0.15);
            border-right: 45px solid transparent;
            border-top: 0 solid transparent;
            content: "";
            height: 0;
            margin: -62px 0 0 170px;
            position: absolute;
            width: 0;
        }

.activity-userlink span, .activity-userlink a, .activity-userlink a:hover, .activity-userlink a:active, .activity-userlink a:visited {
    font-family: BentonSans-Black;
    font-size: 1.2em;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
}

    .activity-userlink span:hover {
        color: #faa439;
    }

.debateBubble-topcomment {
    color: #fff;
    font-family: 'AvenirLTStd-Light';
    font-size: 1.2em;
    line-height: 15px;
    padding-top: 5px;
    overflow: hidden;
}

.bubble-textcontainer {
    margin-left: 20px;
    margin-right: 20px;
}

.activity-count {
    font-size: 1.2em;
    font-family: 'BentonSans-Black';
    color: #ffffff;
    margin-left: 20px;
    visibility: hidden;
    padding-top: 20px;
    line-height: 10px;
    position: absolute;
    top: 15%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.debateBubble-category {
    font-family: 'Bemio',Helvetica,Arial,Verdana,sans-serif;
    font-size: 1.5em;
    line-height: 17px;
    color: #ffffff;
    text-transform: lowercase;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
    position: absolute;
    bottom: 15px;
}

.debateBubble-text {
    color: #ffffff;
    font-family: AvenirLTStd-Light;
    font-size: 2.0em;
    line-height: 25px;
    padding-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.debateBubble-timeago, .topcomment-container .time {
    font-family: Helvetica;
    font-size: 11px;
    line-height: 8px;
    color: #fff;
}

.debateBubbleContainer .thumbnail-container {
    height: 32px;
    overflow: hidden;
    background: #999999;
}

    .debateBubbleContainer .thumbnail-container, .debateBubbleContainer .thumbnail-container img {
        width: 32px;
    }

        .debateBubbleContainer .thumbnail-container img {
            height: auto;
        }

@media only screen and (max-width: 300px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    .debateBubble-detail {
        max-width: 250px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 440px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 600px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1200px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

@media only screen and (min-width: 1500px) {
    .masonry {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
}

@media only screen and (min-width: 1760px) {
    .masonry {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
}

@media only screen and (min-width: 2000px) {
    .masonry {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
}

@media only screen and (min-width: 2460px) {
    .masonry {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
    }
}

@media only screen and (min-width: 2800px) {
    .masonry {
        -moz-column-count: 12;
        -webkit-column-count: 12;
        column-count: 12;
    }
}

@media only screen and (min-width: 3200px) {
    .masonry {
        -moz-column-count: 14;
        -webkit-column-count: 14;
        column-count: 14;
    }
}

@media only screen and (min-width: 3600px) {
    .masonry {
        -moz-column-count: 16;
        -webkit-column-count: 16;
        column-count: 16;
    }
}

/*@media only screen and (min-width: 2800px) {
    .wrapper {
        width: 2860px;
    }
}*/

/**************** Debate Create ***********************/
#debate-create { /*width:955px;*/
    width: 100%;
    max-width: 955px;
    font-family: Bemio;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
    margin: 0 auto 65px auto;
}

    #debate-create .title {
        line-height: 1.07em;
    }

    #debate-create .content-leftpanel { /*width:410px;*/
        width: calc(100% - 100% / 1.8725 - 35px);
        padding-right: 35px;
        float: left;
    }

    #debate-create .content-form-container { /*width: 510px;*/
        width: calc(100% / 1.8725);
        float: right;
    }

    #debate-create .form-group-container {
        width: calc(100% - 30px);
        position: relative;
        border-radius: 0;
    }

        #debate-create .form-group-container.first {
            border-radius: 5px 0 0 0;
        }

    #debate-create .form-longinput, #debate-create #tags {
        width: calc(100% - 24px);
    }

    #debate-create .section-title {
        font-size: 15px;
        font-family: 'Bemio';
        font-weight: 100;
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
    }

    #debate-create strong {
        font-family: 'BentonSans-Black';
        font-size: .895em;
    }
    /*#debate-create #tags{width: 440px;}*/
    #debate-create .ui-menu .ui-menu-item a {
        font-size: 1.4em;
        line-height: 1.3em;
        font-family: 'Avenirltstd-light';
    }

    #debate-create .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background-image: none !important;
        background-color: #06A9E1 !important;
        margin: 0 !important;
    }

    #debate-create .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
        margin: 0 !important;
    }

    #debate-create .tip {
        font-family: 'AvenirLTStd-Medium';
        font-size: 25px;
        line-height: 30px;
    }

    #debate-create .tip-sub {
        font-family: 'AvenirLTStd-Light';
        font-size: 15px;
    }

        #debate-create .tip-sub a {
            font-family: 'BentonSans-Black';
            font-size: 14px;
        }

    #debate-create .form-bluebtn { /*width: 490px;*/
        width: 100%;
        margin-top: 15px;
    }

    #debate-create .label-container {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    #debate-create .character-count {
        font-style: italic;
    }

    #debate-create textarea {
        line-height: 1.25em;
        padding: 10px;
    }

    #debate-create .customSelectInner {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 170px !important;
    }

#debate-container .error-message {
    padding-left: 25px;
}

#debate-create .half {
    width: calc((100% - 20px) / 2);
    max-width: 220px;
}

    #debate-create .half .customDropdown {
        width: 100%;
        position: relative;
    }

        #debate-create .half .customDropdown select {
            width: 100%;
        }

        #debate-create .half .customDropdown .customdrp-select {
            width: calc(100% - 10px);
        }

.ui-helper-hidden-accessible {
    display: none;
}

@media all and (max-width: 975px) {


    #debate-create .content-leftpanel {
        display: none;
    }

    #debate-create .content-form-container {
        width: 100%;
        float: none;
        max-width: 500px;
        margin: 0 auto;
    }
}

/**************** Debate Detail ***********************/
#debate-detail {
    width: 960px;
    color: #ffffff;
    margin: 0 auto;
}

    #debate-detail #debate-creator {
        width: 95px;
        margin-right: 5px;
        line-height: 15px;
        cursor: pointer;
    }

        #debate-detail #debate-creator a {
            font-size: 12px;
        }

    #debate-detail .debate-creator-name {
        font-family: 'BentonSans-Black';
        font-size: 12px;
        line-height: 15px;
    }

        #debate-detail .debate-creator-name:hover {
            color: #FAA439;
        }

    #debate-detail .side.fl .debate-creator-name {
        color: #06a9e1;
    }

    #debate-detail .side.fr .debate-creator-name {
        color: #ff0039;
    }

    #debate-detail .date-created {
        font-family: 'AvenirLTStd-Light';
        font-size: 12px;
        line-height: 15px;
    }

    #debate-detail .thumbnail {
        width: 55px;
        height: 55px;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    #debate-detail #overview-container {
        width: 860px;
    }

    #debate-detail .report-debate-callout {
        font-family: 'AvenirLTStd-Medium';
        font-size: 12px;
        color: #ffffff;
        width: 150px;
        position: absolute;
        top: 15px;
        right: 0;
        text-align: right;
        z-index: 15;
    }

        #debate-detail .report-debate-callout .ico-flag.off {
            float: right;
            margin-top: 2px;
            cursor: pointer;
        }

            #debate-detail .report-debate-callout .ico-flag.off:hover {
                background-position: 0 -48px;
            }

        #debate-detail .report-debate-callout .ico-flag.on {
            float: right;
            cursor: pointer;
        }

    #debate-detail .flag-expired.on, #debate-detail .flag-expired.off {
        cursor: default;
        float: right;
        margin-top: 2px;
    }

    #debate-detail .flag-expired.on {
        background-position: 0 -48px;
    }

    #debate-detail .flag-expired.off {
        background-position: 0 -176px;
    }

    #debate-detail #question-answer-container {
        width: 765px;
        position: relative;
        margin-left: 25px;
    }

    #debate-detail #question {
        font-family: 'AvenirLTStd-Light';
        font-size: 4.0em;
        width: 708px;
        padding: 45px 20px 5px 35px;
        line-height: 55px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 50px;
        position: relative;
        z-index: 1;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        #debate-detail #question a {
            color: #fff;
        }

            #debate-detail #question a:hover {
                text-decoration: none !important;
                border-bottom: 2px solid white !important;
                color: #fff;
                text-decoration: underline;
            }

    #debate-detail .total-participant-count {
        font-size: 15px;
        font-family: 'Bemio';
        line-height: 10px;
        position: relative;
        z-index: 2;
        padding-bottom: 5px;
        font-weight: 100;
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
    }

    #debate-detail #category-callout {
        font-family: 'Bemio';
        font-size: 15px;
        padding: 35px 0 0 0;
        text-transform: lowercase;
        width: 201px;
        height: 99px;
        position: absolute;
        top: -45px;
        left: -40px;
        color: #ffffff !important;
        text-align: center;
        font-weight: 100;
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
        z-index: 2;
    }

        #debate-detail #category-callout.bg-red a {
            width: 118px;
            display: inline-block;
        }

    #debate-detail .category a {
        color: #ffffff !important;
    }

    #debate-detail #category-callout.bg-blue {
        background: url('/Content/Images/Debate/bg_debateCategory-blue.png') no-repeat 0 0;
    }

    #debate-detail #category-callout.bg-pink {
        background: url('/Content/Images/Debate/bg_debateCategory-pink.png') no-repeat 0 0;
    }

    #debate-detail #category-callout.bg-red {
        background: url('/Content/Images/Debate/bg_debateCategory-red.png') no-repeat 0 0;
        padding-top: 25px;
    }

    #debate-detail #category-callout.bg-orange {
        background: url('/Content/Images/Debate/bg_debateCategory-orange.png') no-repeat 0 0;
    }

    #debate-detail #category-callout.bg-green {
        background: url('/Content/Images/Debate/bg_debateCategory-green.png') no-repeat 0 0;
    }

    #debate-detail #category-callout.bg-teal {
        background: url('/Content/Images/Debate/bg_debateCategory-teal.png') no-repeat 0 0;
    }

    #debate-detail #category-callout.bg-pistachio {
        background: url('/Content/Images/Debate/bg_debateCategory-pistachio.png') no-repeat 0 0;
    }

    #debate-detail #category-callout.bg-eggplant {
        background: url('/Content/Images/Debate/bg_debateCategory-eggplant.png') no-repeat 0 0;
    }

    #debate-detail #debate-tags {
        position: absolute;
        right: 3px;
        top: -20px;
        font-family: 'AvenirLTStd-Light';
        font-size: 12px;
    }

        #debate-detail #debate-tags a {
            color: #ffffff;
        }

            #debate-detail #debate-tags a:hover {
                color: #FAA439;
            }

    #debate-detail #vote-links {
        width: 470px;
        margin: -30px auto 0;
        position: relative;
        z-index: 2;
    }

        #debate-detail #vote-links .vote-link {
            width: 230px;
            height: 60px;
            line-height: 60px;
            border-radius: 5px 5px 5px 5px;
            font-family: 'CandyScript';
            font-size: 35px;
            text-align: center;
            cursor: pointer;
            box-shadow: 0px -5px 15px -12px #666666;
        }

            #debate-detail #vote-links .vote-link.pro {
                background: #06a9e1;
                margin-right: 5px;
            }

                #debate-detail #vote-links .vote-link.pro:hover {
                    background: #2bb6e5;
                }

            #debate-detail #vote-links .vote-link.con {
                background: #ff0039;
            }

                #debate-detail #vote-links .vote-link.con:hover {
                    background: #fd1e50;
                }

        #debate-detail #vote-links.disabled {
            background: none;
        }

            #debate-detail #vote-links.disabled .vote-link {
                cursor: default !important;
            }

                #debate-detail #vote-links.disabled .vote-link.pro:hover {
                    background: #06a9e1;
                }

                #debate-detail #vote-links.disabled .vote-link.con:hover {
                    background: #ff0039;
                }

        #debate-detail #vote-links .pro.dim {
            background: #02445a !important;
            color: #666666;
        }

        #debate-detail #vote-links .con.dim {
            background: #660017 !important;
            color: #666666;
        }

    #debate-detail #debateCountdown, #debate-detail #debateExpired {
        margin: 0 auto;
        border-radius: 0 0 10px 10px;
        border-style: none solid solid;
        border-color: rgba(255, 255, 255, 0.2);
        border-width: 4px;
        font-family: 'Bemio';
        font-size: 25px;
        padding-top: 20px;
        padding-left: 35px;
        font-weight: 100;
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
    }

        #debate-detail #debateCountdown.tall {
            height: 220px;
        }

    #debate-detail #debateExpired {
        height: 40px;
        width: 240px;
    }

    #debate-detail .vote-count {
        font-size: 65px;
        font-family: 'Bemio';
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
    }

    #debate-detail .conCount {
        position: relative;
        left: 240px;
    }

    #debate-detail #sides {
        width: 960px;
    }

        #debate-detail #sides .side {
            width: 445px;
        }

        #debate-detail #sides .participant-list-callout {
            margin: 30px 0;
        }

            #debate-detail #sides .participant-list-callout .participant {
                margin-right: 5px;
            }

                #debate-detail #sides .participant-list-callout .participant .thumbnail-container {
                    border-radius: 5px;
                    height: 56px;
                    overflow: hidden;
                    background: #999999;
                }

                    #debate-detail #sides .participant-list-callout .participant .thumbnail-container, #debate-detail #sides .participant-list-callout .participant .thumbnail-container img {
                        width: 56px;
                    }

                        #debate-detail #sides .participant-list-callout .participant .thumbnail-container img {
                            height: auto;
                        }

    /**************** Debate Detail Comments ***********************/
    #debate-detail .commentsList {
        margin-top: 30px;
        margin-bottom: 100px;
    }

    #debate-detail #all-comments {
        margin-bottom: 100px;
    }

    #debate-detail .comment-container {
        background-color: rgba(255,255,255,.2);
        border-radius: 5px 0 5px 5px;
        width: 380px;
        padding: 20px;
        margin-bottom: 10px;
        font-family: 'AvenirLTStd-Medium';
        font-size: 14px;
        position: relative;
    }

    #debate-detail #side-1 .comment-container {
        border-radius: 5px 0 5px 5px;
    }
    /*#debate-detail #side-1 .comment-container.expanded{border-radius: 5px 0 0 0;}*/
    #debate-detail .comment-container .fr .comment-creator-link {
        display: inline-block;
    }

    #debate-detail #side-2 .comment-container {
        border-radius: 0 5px 0 0;
    }

        #debate-detail #side-2 .comment-container.expanded {
            border-radius: 0 5px 5px 5px;
        }

    #debate-detail #side-1 .comment-container::before {
        border-bottom: 25px solid transparent;
        border-right: 27px solid transparent;
        border-top: 23px solid rgba(255, 255, 255, 0.2);
        content: "";
        height: 0;
        margin: -20px 0 0 400px;
        position: absolute;
        width: 0;
    }

    #debate-detail #side-2 .comment-container:before {
        border-bottom: 25px solid transparent;
        border-left: 27px solid transparent;
        border-top: 23px solid rgba(255, 255, 255, 0.2);
        content: "";
        height: 0;
        margin: -20px 0 0 -47px;
        position: absolute;
        width: 0;
    }

.sub-comments-container {
    display: none;
}

    #debate-detail .comment-container .fl, .sub-comments-container .fl {
        width: 60px;
    }

    #debate-detail .comment-container .fr, .sub-comments-container .fr {
        width: 320px;
    }

#debate-detail .thumbnail-container {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 5px;
    background: #999999;
}

    #debate-detail .thumbnail-container, #debate-detail .thumbnail-container img {
        width: 45px;
    }

        #debate-detail .thumbnail-container img {
            height: auto;
        }

#debate-detail .time {
    font-size: .9em;
}

#debate-detail .comment-text-container {
    position: relative;
}

#debate-detail .comment {
    padding: 15px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#debate-detail .function-icons {
    float: right;
    display: none;
}

#debate-detail .comment-container:hover .function-icons.show-for-desktop {
    display: block;
}

#debate-detail .comment-container:hover .function-icons.show-for-mobile {
    display: none;
}

#debate-detail .function-icons .activity-icon {
    margin-right: 4px;
    cursor: pointer;
}

    #debate-detail .function-icons .activity-icon.on {
        cursor: default;
    }

    #debate-detail .function-icons .activity-icon.ico-flag.on {
        cursor: pointer;
    }

    #debate-detail .function-icons .activity-icon span {
        font-family: bentonsans-black;
        font-size: 13px;
        line-height: 22px;
        margin-left: 20px;
        margin-right: 10px;
        vertical-align: super;
        display: none;
    }

#debate-detail .stats {
    font-size: 13px;
    line-height: 22px;
    position: relative;
}

#debate-detail .count {
    font-family: 'BentonSans-Black';
}

#debate-detail .comments-count {
    background: url('/Content/Images/Debate/bg-comment-count.png') no-repeat scroll 0 0 transparent;
    position: absolute;
    top: -12px;
    right: -28px;
    padding-top: 12px;
    text-align: center;
    width: 100px;
    height: 23px;
    color: #999999;
    cursor: pointer;
    font-size: 13px;
    line-height: 22px;
}

#debate-detail .comment-container.expanded .comments-count {
    color: #06a9e1;
}

/**************** Leave Top Level Comment ***********************/
#debate-detail .leave-comment {
    max-width: 390px;
    width: calc(100% - 30px);
    height: 40px;
    padding: 10px 15px;
    border-radius: 5px;
}

    #debate-detail .leave-comment img {
        float: right;
        cursor: pointer;
        margin-top: 3px;
    }

        #debate-detail .leave-comment img.disabled {
            cursor: default;
        }

    #debate-detail .leave-comment:before {
        border-left: 28px solid transparent;
        border-right: 0 solid transparent;
        margin: -35px 0 0 -15px;
        content: "";
        width: 0;
        height: 0;
        margin: -35px 0 0 -15px;
        position: absolute;
    }

    #debate-detail .leave-comment.yes:before {
        border-bottom: 28px solid #06A9E1;
    }

    #debate-detail .leave-comment.no:before {
        border-bottom: 28px solid #ff0039;
    }

    #debate-detail .leave-comment.yes {
        background: #06a9e1;
    }

    #debate-detail .leave-comment.no {
        background: #ff0039;
    }

    #debate-detail .leave-comment .non-action {
        display: none;
    }

#debate-detail .action .date-created {
    font-size: 1.3em;
    font-family: 'AvenirLTStd-Medium';
    padding-left: 5px;
}

#debate-detail .leave-comment .heading {
    font-family: 'Bemio';
    font-size: 15px;
    display: inline-block;
    padding: 11px 10px 0 10px;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(0,0,0,0.004);
}

#debate-detail .comment-area {
    background: rgba(255, 255, 255, 0.2);
    max-width: 390px;
    width: calc(100% - 30px);
    padding: 15px;
    border-radius: 0 0 5px 5px;
    position: relative;
}

    #debate-detail .comment-area textarea {
        max-width: 365px;
        width: calc(100% - 20px);
        height: 55px;
        padding: 10px;
        font-size: 1.5em;
        line-height: 18px;
        font-family: 'AvenirLTStd-Light';
        color: #666666;
    }

#debate-detail .comment-area-yes.comment-area textarea {
    border: 2px solid #06A9E1;
}

#debate-detail .comment-area-no.comment-area textarea {
    border: 2px solid #ff0039;
}

#debate-detail .commentRequired-cancel-container {
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
}

#debate-detail .comment-area span.cancel {
    display: inline-block;
}

#debate-detail .comment-area-yes span.cancel a {
    color: #06A9E1;
}

#debate-detail .comment-area-no span.cancel a {
    color: #FF0039;
}

/**************** Leave Sub Level Comment ***********************/
#debate-detail .sub-comment-area, #debate-detail .sub-comments-list {
    margin-left: 60px;
    margin-top: 15px;
}

#debate-detail .sub-comments-list {
    margin-top: 25px;
    margin-bottom: 25px;
}

    #debate-detail .sub-comments-list .group {
        margin-bottom: 15px;
    }

    #debate-detail .sub-comment-area .fl, #debate-detail .sub-comments-list .fl {
        width: 45px;
    }

    #debate-detail .sub-comment-area .fr, #debate-detail .sub-comments-list .fr {
        width: 275px;
    }

    #debate-detail .sub-comment-area .thumbnail-container, #debate-detail .sub-comments-list .thumbnail-container {
        height: 30px;
        border-radius: 5px;
        overflow: hidden;
        background: #999999;
    }

        #debate-detail .sub-comment-area .thumbnail-container, #debate-detail .sub-comment-area .thumbnail-container img, #debate-detail .sub-comments-list .thumbnail-container, #debate-detail .sub-comments-list .thumbnail-container img {
            width: 30px;
        }

            #debate-detail .sub-comment-area .thumbnail-container img, #debate-detail .sub-comments-list .thumbnail-container img {
                height: auto;
            }

    #debate-detail .sub-comments-list .pro .debate-creator-name, .pro .me {
        color: #06A9E1 !important;
    }

    #debate-detail .sub-comments-list .con .debate-creator-name, .con .me {
        color: #FF0039 !important;
    }

    #debate-detail .sub-comments-list .neutral .debate-creator-name, .neutral .me {
        color: #999999 !important;
    }

    #debate-detail .sub-comments-list .comment {
        padding: 0;
    }

    #debate-detail .sub-comments-list .sub .function-icons, #debate-detail .comment-container:hover .sub-comments-list .sub .function-icons, #debate-detail .comment-container:hover .function-icons.show-for-mobile {
        display: none;
        position: relative;
        z-index: 90;
    }

    #debate-detail .sub-comments-list .sub:hover .function-icons.show-for-desktop {
        display: block;
    }

#debate-detail .sub-comment-area textarea {
    width: 255px;
    height: 40px;
    padding: 10px;
    font-size: 1.5em;
    font-family: 'AvenirLTStd-Light';
    color: #666666;
    background: none repeat scroll 0 0 #3E3E3E;
    border: 1px solid #999999;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.2em;
}

/**************** Expired Debate Detail ***********************/
#debate-detail.expired #question {
    background-color: #191919;
}

.expired .bg-blue {
    color: #00ace3;
}

.expired .bg-pink {
    color: #ff0079;
}

.expired .bg-red {
    color: #ff0031;
}

.expired .bg-orange {
    color: #ff8b00;
}

.expired .bg-green {
    color: #00d22b;
}

.expired .bg-teal {
    color: #00d398;
}

.expired .bg-pistachio {
    color: #cbce00;
}

.expired .bg-eggplant {
    color: #9e005d;
}

/**************** chew marks ***********************/
#debate-detail #chew-mark {
    width: 763px;
    height: 56px;
    position: absolute;
    bottom: -50px;
    left: 0;
    background-size: auto 56px !important;
}

#debate-detail .bg-blue #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/blue.png') no-repeat 0 0;
}

#debate-detail.yes .bg-blue #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/blue-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-blue #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/blue-no.png') no-repeat 0 0;
}

#debate-detail .bg-pink #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/pink.png') no-repeat 0 0;
}

#debate-detail.yes .bg-pink #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/pink-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-pink #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/pink-no.png') no-repeat 0 0;
}

#debate-detail .bg-red #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/red.png') no-repeat 0 0;
}

#debate-detail.yes .bg-red #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/red-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-red #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/red-no.png') no-repeat 0 0;
}

#debate-detail .bg-orange #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/orange.png') no-repeat 0 0;
}

#debate-detail.yes .bg-orange #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/orange-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-orange #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/orange-no.png') no-repeat 0 0;
}

#debate-detail .bg-green #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/green.png') no-repeat 0 0;
}

#debate-detail.yes .bg-green #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/green-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-green #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/green-no.png') no-repeat 0 0;
}

#debate-detail .bg-teal #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/teal.png') no-repeat 0 0;
}

#debate-detail.yes .bg-teal #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/teal-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-teal #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/teal-no.png') no-repeat 0 0;
}

#debate-detail .bg-pistachio #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/pistachio.png') no-repeat 0 0;
}

#debate-detail.yes .bg-pistachio #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/pistachio-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-pistachio #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/pistachio-no.png') no-repeat 0 0;
}

#debate-detail .bg-eggplant #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/eggplant.png') no-repeat 0 0;
}

#debate-detail.yes .bg-eggplant #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/eggplant-yes.png') no-repeat 0 0;
}

#debate-detail.no .bg-eggplant #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/eggplant-no.png') no-repeat 0 0;
}

#debate-detail.expired #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/expired.png') no-repeat 0 0;
}

#debate-detail.expired.yes #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/expired-yes.png') no-repeat 0 0;
}

#debate-detail.expired.no #chew-mark {
    background: url('/Content/Images/Debate/voted-chew-marks/expired-no.png') no-repeat 0 0;
}

/**************** Voting ***********************/
#vote-container {
    position: absolute;
    z-index: 9998;
    left: 13.5%;
    bottom: 45px;
    height: 106px;
    width: 535px;
}

    #vote-container.yes {
        border-radius: 0 5px 5px 5px;
    }

    #vote-container.no {
        border-radius: 5px 0 5px 5px !important;
    }

    #vote-container.form-group-container {
        position: absolute;
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
    }

    #vote-container.yes.form-group-container.first:before {
        border-bottom: 47px solid rgba(255, 255, 255, 0.25);
        border-left: 45px solid transparent;
        border-right: 0 solid transparent;
        left: 0;
    }

    #vote-container.no.form-group-container.first:before {
        border-bottom: 47px solid rgba(255, 255, 255, 0.25);
        border-right: 45px solid transparent;
        border-left: 0 solid transparent;
    }

    #vote-container #vote-comment {
        max-width: 340px;
        height: 60px;
        width: calc(100% - 194px);
        margin-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.2em;
    }

    #vote-container.no #vote-comment {
        border: 2px solid #FF0039;
    }

    #vote-container .form-bluebtn {
        width: 100px;
        height: 40px;
        font-size: 19px;
        vertical-align: text-bottom;
    }

    #vote-container.yes .form-bluebtn, #vote-container.yes .form-bluebtn:hover {
        background: #06A9E1;
    }

    #vote-container.no .form-bluebtn, #vote-container.no .form-bluebtn:hover {
        background: #FF0039;
    }

    #vote-container .label-container {
        margin: 0 0 10px 0;
    }

        #vote-container .label-container span, .comment-area span.cancel a {
            font-family: 'AvenirLTStd-Medium';
            font-size: 12px;
        }

        #vote-container .label-container .cancel, .comment-area span.cancel {
            float: right;
            margin-right: 5px;
        }

    #vote-container.yes .label-container .cancel a {
        color: #06A9E1;
    }

    #vote-container.no .label-container .cancel a {
        color: #FF0039;
    }

    #vote-container .thumbnail-container {
        float: left;
        vertical-align: top;
        margin-right: 10px;
        height: 45px;
        width: 45px;
    }

    #vote-container img {
        width: 45px;
        height: 45px;
    }

    #vote-container textarea {
        font-size: 15px;
    }

button.hidden, a.hidden {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/************************Flag Container***********************************/
/*#flag-content-container, #flag-message-container{ border-radius: 10px 10px 10px 10px; width: 490px;background-color: #000;padding: 50px;}
#flag-content-container .title, #flag-message-container .title {font-size: 30px; line-height: 35px;margin-bottom: 20px !important; }

#flag-content-container .label-container{ margin-bottom: 5px;}
#flag-content-container .form-bluebtn{ height: 50px; width: 100%; margin-top: 15px; font-family: 'AvenirLTStd-Medium'; font-size: 2.0em;}
#flag-container div.close,#flag-message-container div.close {position: absolute; top: 15px;right: 15px; cursor: pointer;background: url('../Content/images/modal-close.png') 0 0 no-repeat;width: 25px;height: 25px; }
#flag-content-container .success-message{color: #ff0039;text-align: left;font-family: 'AvenirLTStd-Light';font-size: 1.4em;}
#flag-content-container .location-select{width: 95%;}*/

/******************Invite Friend ************************/
/*.invite-friend-modal {border-radius: 10px 10px 10px 10px; width: 490px;background-color: #000;padding: 50px;}
.invite-friend-modal .title {font-size: 30px; line-height: 35px;margin-bottom: 20px !important;}

.invite-friend-modal .label-container{ margin-bottom: 5px;}
.invite-friend-modal .form-bluebtn{ height: 50px; width: 290px; margin-top: 15px; font-family: 'AvenirLTStd-Medium'; font-size: 2.0em;}
.invite-friend-modal .invite-error{ color: #ff0039;text-align: left;font-family: 'AvenirLTStd-Light';font-size: 1.4em;}*/

/************************Similar Debates***********************************/
#similarDebatesWrapper {
    position: fixed;
    width: 376px;
    padding: 20px;
    border-radius: 5px 0 0 5px;
    right: -450px;
    bottom: 175px;
    font-family: 'AvenirLTStd-Medium';
    font-size: 14px;
}

    #similarDebatesWrapper #similarDebatesContainerContainer {
        position: relative;
    }

    #similarDebatesWrapper .heading, #similarDebatesWrapper .heading a {
        font-family: 'Bemio';
        font-size: 15px;
        color: #ffffff !important;
        text-transform: lowercase;
        margin-bottom: 15px;
        font-weight: 100;
        text-shadow: 0 0 1px rgba(0,0,0,0.004);
    }

    #similarDebatesWrapper .question {
        width: 275px;
        color: #ffffff;
    }

    #similarDebatesWrapper .chewing {
        font-family: 'BentonSans-Black';
        font-size: 12px;
    }

    #similarDebatesWrapper .more-debates {
        margin-top: 10px;
    }

    #similarDebatesWrapper .arrow {
        display: inline-block;
        padding-left: 5px;
    }

    #similarDebatesWrapper .btn-chew-it {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    #similarDebatesWrapper .close {
        color: #fff;
        font: 14px/100% arial, sans-serif;
        position: absolute;
        right: 20px;
        text-decoration: none;
        text-shadow: 0 1px 0 #fff;
        top: 20px;
        cursor: pointer;
    }

        #similarDebatesWrapper .close:after {
            content: '✖';
        }


/************************Participants Page***********************************/
#debate-participants .question {
    font-family: "AvenirLTStd-Light";
    font-size: 4.5em;
    line-height: 1em;
}

    #debate-participants .question a.blue:hover {
        color: #00ace3;
    }

    #debate-participants .question a.pink:hover {
        color: #ff0079;
    }

    #debate-participants .question a.red:hover {
        color: #ff0031;
    }

    #debate-participants .question a.orange:hover {
        color: #ff8b00;
    }

    #debate-participants .question a.green:hover {
        color: #00d22b;
    }

    #debate-participants .question a.teal:hover {
        color: #00d398;
    }

    #debate-participants .question a.pistachio:hover {
        color: #cbce00;
    }

    #debate-participants .question a.eggplant:hover {
        color: #9e005d;
    }

/************************Chew it Buttons***********************************/
.btn-chew-it {
    background: url('/Content/Images/Debate/chew-it-buttons.png') no-repeat 0 0;
    width: 81px;
    height: 36px;
    cursor: pointer;
}

.bg-blue .btn-chew-it {
    background-position: 0 0;
}

.bg-pink .btn-chew-it {
    background-position: 0 -36px;
}

.bg-red .btn-chew-it {
    background-position: 0 -72px;
}

.bg-orange .btn-chew-it {
    background-position: 0 -108px;
}

.bg-green .btn-chew-it {
    background-position: 0 -144px;
}

.bg-teal .btn-chew-it {
    background-position: 0 -180px;
}

.bg-pistachio .btn-chew-it {
    background-position: 0 -216px;
}

.bg-eggplant .btn-chew-it {
    background-position: 0 -288px;
}

/********************[ Media Query]***************************/
@media all and (min-width: 820px) and (max-width : 990px) {
    #debate-detail #chew-mark {
        width: 100%;
        background-size: 100% auto !important;
    }
}

@media all and (max-width : 990px) {
    #debate-detail {
        width: 100%;
    }

        #debate-detail #overview-container, #debate-detail #question-answer-container {
            width: 100%;
            margin-left: 0;
        }

        #debate-detail #category-callout {
            top: -55px;
            left: -35px;
        }

        #debate-detail #question {
            width: calc(100% - 50px);
            font-size: 25px;
            padding: 80px 25px 40px;
            line-height: 30px;
        }

        #debate-detail #debate-creator .thumbnail-container, #debate-detail #debate-creator .thumbnail-container img {
            width: 30px;
            height: 30px;
            float: left;
        }

        #debate-detail #debate-creator {
            position: absolute; /*top: 155px;*/ /*top: 120px;*/
            top: 140px;
            left: 40px;
            z-index: 2;
            width: auto;
        }

            #debate-detail #debate-creator br {
                display: none;
            }

        #debate-detail .debate-creator-name {
            margin-left: 10px;
            margin-right: 5px;
            display: inline-block;
        }
        /*#debate-detail .date-created{float: right;}*/
        /*#debate-detail .total-participant-count{display: none;}*/
        #debate-detail #debate-tags {
            z-index: 2;
            top: 50px;
            left: 80px;
            right: auto;
        }

        #debate-detail #chew-mark {
            width: 100%;
        }

        #debate-detail #vote-links {
            width: 85%;
            max-width: 470px;
        }

            #debate-detail #vote-links .vote-link {
                width: 48.75%;
            }

        #debate-detail #vote-container.form-group-container {
            width: calc(100% - 30px);
            max-width: 535px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        #debate-detail #debateCountdown, #debate-detail #debateExpired {
            border-width: 0;
            padding-left: 0;
            text-align: center;
        }

        #debate-detail .comment-container .function-icons.show-for-desktop {
            display: none;
        }

        #debate-detail .comment-container:hover .function-icons.show-for-desktop {
            display: none;
        }

        #debate-detail .comment-container:hover .function-icons.show-for-mobile {
            display: block;
        }

    #similarDebatesWrapper {
        display: none;
    }

    #debate-detail .vote-count {
        display: none;
    }

    #debate-detail .participant-list-callout {
        margin-bottom: 40px;
    }

    #debate-detail .show-for-mobile .participant-list-callout {
        margin-top: 10px;
    }

    #debate-detail .participant-list-callout .participant {
        margin-right: 3px;
    }

        #debate-detail .participant-list-callout .participant .con .thumbnail-container {
            border: 1px solid #ff0039;
        }

        #debate-detail .participant-list-callout .participant .pro .thumbnail-container {
            border: 1px solid #06a9e1;
        }

        #debate-detail .participant-list-callout .participant .neutral .thumbnail-container {
            border: 1px solid #999999;
        }

    #debate-detail #sides {
        width: 100%;
    }

        #debate-detail #sides .side {
            width: 100%;
        }

    #debate-detail #side-1 .comment-container::before {
        border-bottom: 23px solid rgba(255, 255, 255, 0.2);
        border-right: 20px solid transparent;
        border-top: 0 none;
        content: "";
        height: 0;
        left: 0;
        margin: -23px 0 0;
        position: absolute;
        top: 0;
        width: 0;
    }

    #debate-detail .leave-comment, #debate-detail .comment-area, #debate-detail .comment-area textarea {
        max-width: none;
    }

        #debate-detail .leave-comment::before {
            display: none;
        }

    #debate-detail .comment-creator-container {
        margin-top: 30px;
    }

    #debate-detail .thumbnail-container {
        width: 45px;
    }

        #debate-detail .thumbnail-container.arrow {
            background: #404040;
            height: 47px;
            width: 47px;
        }

        #debate-detail .thumbnail-container.con {
            border: 1px solid #ff0039;
        }

        #debate-detail .thumbnail-container.pro {
            border: 1px solid #06a9e1;
        }

        #debate-detail .thumbnail-container.neutral {
            border: 1px solid #999999;
        }

    #debate-detail .pro .thumbnail-container-container {
        float: left;
        margin-right: 10px;
    }

    #debate-detail .con .thumbnail-container-container {
        float: right;
        margin-left: 10px;
    }

    #debate-detail .creator-name-time-container {
        width: calc(100% - 55px);
    }

    #debate-detail .pro .creator-name-time-container {
        float: right;
    }

    #debate-detail .con .creator-name-time-container {
        float: left;
        text-align: right;
    }

    #debate-detail .creator-name-time-container .time {
        font-size: 12px;
        font-family: 'AvenirLTStd-Light';
        display: block;
    }

    #debate-detail .comment-container:before {
        border-bottom: 20px solid rgba(255, 255, 255, 0.2);
        border-right: 20px solid transparent;
        border-top: 0 solid transparent;
        content: "";
        height: 0;
        margin: 0;
        position: absolute;
        width: 0;
        top: -20px;
        left: 0;
        right: auto;
    }

    #debate-detail .con.comment-container:before {
        border-right: 0;
        border-left: 20px solid transparent;
        right: 0;
        left: auto;
    }

    #debate-detail .comment-container {
        width: calc(100% - 50px);
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 25px;
        -webkit-border-radius: 0 5px 5px 5px;
        -moz-border-radius: 0 5px 5px 5px;
        border-radius: 0 5px 5px 5px;
        margin-bottom: 30px;
    }

    #debate-detail .con.comment-container {
        border-radius: 5px 0 5px 5px;
    }

    #debate-detail .comment-container .fl {
        display: none;
    }

    #debate-detail .comment-container .fr {
        float: none;
        width: 100%;
    }

        #debate-detail .comment-container .fr .time {
            display: none;
        }

        #debate-detail .comment-container .fr .comment-creator-link {
            display: none;
        }

    #debate-detail .comment-creator-info .name-time {
        margin-left: 12px;
    }

    #debate-detail .comment-creator-info .debate-creator-name {
        margin-left: 0;
        margin-right: 0;
    }

    #debate-detail .con .comment-creator-info .user-thumbnail, #debate-detail .con .comment-creator-info .name-time {
        float: right;
    }

    #debate-detail .con .comment-creator-info .name-time {
        margin-left: 0;
        margin-right: 10px;
        text-align: right;
    }

    #debate-detail .comment-creator-info .time {
        font-family: 'AvenirLTStd-Light';
        font-size: 12px;
    }

    #debate-detail .comment-container .comment {
        font-size: 16px;
        line-height: 22px;
        padding: 0 0 30px 0;
    }

    #debate-detail .comments-count {
        bottom: -5px;
        right: -33px;
        top: auto;
    }

    #debate-detail #debateReportOff span {
        display: none;
    }

    #debate-detail .sub-comments-list .sub:hover .function-icons.show-for-desktop {
        display: none;
    }

    #debate-detail .sub-comments-list .sub .function-icons.show-for-mobile, #debate-detail .sub-comments-list .sub .function-icons.show-for-mobile:hover, #debate-detail .comment-container:hover .sub-comments-list .sub .function-icons.show-for-mobile, #debate-detail .comment-container:hover .function-icons.show-for-mobile {
        display: block;
        position: absolute;
    }

    /*#debate-detail .sub-comments-list .sub .function-icons, #debate-detail .comment-container:hover .sub-comments-list .sub .function-icons, #debate-detail .comment-container:hover .function-icons.show-for-mobile {
        display: block;
    }*/

    #debate-detail .function-icons.show-for-mobile {
        float: none;
        display: block;
        position: absolute;
        bottom: 0;
    }

    #debate-detail .function-icons.logged-out .activity-icon {
        cursor: auto;
    }

    #debate-detail .function-icons.logged-out .ico-thumbs-up:hover {
        background-position: 0 -144px;
    }

    #debate-detail .function-icons.logged-out .ico-thumbs-down:hover {
        background-position: 0 -160px;
    }

    #debate-detail .function-icons.logged-out .ico-flag:hover {
        background-position: 0 -176px;
    }

    #debate-detail .activity-icon {
        width: auto;
        min-width: 35px;
    }

    #debate-detail .function-icons .activity-icon span {
        display: block;
    }

    #debate-detail .function-icons .activity-icon.ico-comment {
        display: none;
    }

    #debate-detail .function-icons .activity-icon.ico-flag {
        margin-right: 8px;
    }
    /*#debate-detail .function-icons .activity-icon.ico-comment{display: none;}*/
    #debate-detail .activity-icon .count {
        margin-left: 18px;
        font-size: 13px;
        display: inline-block;
        margin-top: -2px;
        vertical-align: top;
    }

    #debate-detail .con .comment-container:before {
        margin: 0;
        top: -20px;
        right: 0;
        left: auto;
        border-left: 20px solid transparent;
        border-right: none;
    }

    #debate-detail .con .comment-container {
        -webkit-border-radius: 5px 0 5px 5px;
        -moz-border-radius: 5px 0 5px 5px;
        border-radius: 5px 0 5px 5px;
    }

    #debate-detail .con .debate-creator-name {
        color: #ff0039;
    }

    #debate-detail .debate-creator-name:hover {
        color: #FAA439 !important;
    }

    #debate-detail .comment-container .sub .fl {
        display: block;
    }

    #debate-detail .comment-container .sub .fr {
        width: calc(100% - 45px);
        float: right;
    }

        #debate-detail .comment-container .sub .fr .time {
            display: inline-block;
            font-size: 12px;
            line-height: 1em;
        }

    #debate-detail .sub .debate-creator-name {
        margin-left: 0;
        line-height: 1em;
    }

    #debate-detail .sub-comment-area, #debate-detail .sub-comments-list {
        margin-left: 0;
    }

        #debate-detail .sub-comments-list .sub .function-icons.show-for-mobile {
            display: block;
        }

        #debate-detail .sub-comment-area textarea {
            width: calc(100% - 22px);
        }

    .title.total-participant-count {
        line-height: 1em;
        margin-bottom: 25px;
    }
}

@media all and (max-width : 768px) {
    #vote-container.yes.form-group-container.first::before {
        border-bottom: 37px solid rgba(255, 255, 255, 0.25);
        border-left: 35px solid transparent;
    }

    #vote-container.no.form-group-container.first::before {
        border-bottom: 37px solid rgba(255, 255, 255, 0.25);
        border-right: 35px solid transparent;
    }
}

@media all and (max-width: 560px) {
    #debatesWrapper {
        float: none;
    }

    #debatesContainer.non-centered {
        margin: 0 auto;
    }
}

@media all and (max-width : 460px) {
    
    #debate-detail #vote-links .vote-link {
        font-size: 25px;
    }

    #debate-detail .leave-comment {
        height: auto;
    }

        #debate-detail .leave-comment img {
            float: none;
            margin-top: 15px;
        }

    #debate-detail #vote-container.form-group-container {
        bottom: 0;
        height: 150px;
    }

    #debate-detail #vote-container .thumbnail-container {
        display: none;
    }

    #debate-detail #vote-container #vote-comment {
        width: calc(100% - 24px);
    }

    #debate-detail #vote-container .label-container span {
        display: none;
    }

    #debate-detail #vote-container .form-bluebtn {
        float: right;
    }

    #debate-detail .total-participant-count {
        margin-top: 30px;
    }
}

/**************** Home Logged In ***********************/ 
#dashboard{width: 310px; margin-left: -60px;}
#dashboard img{border-radius: 10px;}
#dashboard .dashboard-content{width: 286px; padding-right: 24px;}
#dashboard .stats-heading{font-family: 'Bemio'; font-size: 3.1em; padding-left: 20px; margin:20px 0; line-height: 40px; font-weight: 100; text-shadow: 0 0 1px rgba(0,0,0,0.004);}
#dashboard .form-group-container{height: auto; width: 160px; font-size: 15px; font-family: 'Bemio'; text-align: left; padding:15px 20px; margin: 0 0 3px 0; font-weight: 100; text-shadow: 0 0 1px rgba(0,0,0,0.004);}
#dashboard .form-group-container.short {width: 80px;}
#dashboard .form-group-container.long {width: 212px;}
#dashboard .form-group-container.longest {width: 260px;}
#dashboard .form-group-container.about {height: auto !important}
#dashboard .stats .count{font-family: 'AvenirLTStd-Light'; padding:0 5px 0 0;}
#dashboard .stats .stats-icons{background: url('../Content/Images/stats-icons.png') no-repeat; width: 19px; float: left; margin-top: 3px;}
#dashboard .stats .stats-icons.ico-debates {background-position: 0 0; height: 14px;}
#dashboard .stats .stats-icons.ico-debates-sparked {background-position: 0 -14px; height: 18px;}
#dashboard .stats .stats-icons.ico-comments {background-position: 0 -32px; height: 12px;}
#dashboard .stats .stats-icons.ico-thumbs-up {background-position: 0 -44px; height: 16px;}
#dashboard #links{margin-top: 30px;}
#dashboard #links .form-group-container{background-color: rgba(27, 25, 25, 0.65);}
#dashboard #links .form-group-container:hover{background-color: rgba(27, 25, 25, 0.75);}
#dashboard #links .form-group-container a, #dashboard #links a{color:#ffffff;}
#dashboard #links img{float: right; margin-top: 5px;}
.more{}
a.morelink.less { display:inline-block; }
.morecontent .fullText { display: none; }
#dashboard .user-dashboard-image{ width: 238px;height: auto;}

/******************Invite Friend ************************/
. /*invite-friend-modal {border-radius: 10px 10px 10px 10px; width: 490px;background-color: #000;padding: 50px;}
.invite-friend-modal .title {font-size: 30px; line-height: 35px;margin-bottom: 20px !important;}

.invite-friend-modal .label-container{ margin-bottom: 5px;}
.invite-friend-modal .form-bluebtn{ height: 50px; width: 290px; margin-top: 15px; font-family: 'AvenirLTStd-Medium'; font-size: 2.0em;}
.invite-friend-modal div.close {position: absolute; top: 15px;right: 15px; cursor: pointer;background: url('../Content/images/modal-close.png') 0 0 no-repeat;width: 25px;height: 25px; }
.invite-friend-modal .invite-error{ color: #ff0039;text-align: left;font-family: 'AvenirLTStd-Light';font-size: 1.4em;}*/


/**************** Member Gallery ***********************/
#usersWrapper, #member-gallery {
    margin: 0 auto 80px auto;
}

#usersWrapper {
    margin-top: 80px;
}

    #member-gallery .userprofile-container {
        float: left;
        height: auto;
        line-height: 17px;
        margin-bottom: 40px;
        width: 160px;
    }

        #member-gallery .userprofile-container:after {
            content: '';
            display: block;
            clear: both;
        }

        #member-gallery .userprofile-container .img-container {
            background: #999999;
            border-radius: 15px;
            height: 160px;
            margin-bottom: 15px;
            overflow: hidden;
            width: 100%;
        }

        #member-gallery .userprofile-container img {
            width: 100%;
            height: auto;
        }

        #member-gallery .userprofile-container .debate-creator-name {
            font-family: 'BentonSans-Black';
            font-size: 12px;
        }

            #member-gallery .userprofile-container .debate-creator-name:hover {
                color: #faa439;
            }

        #member-gallery .userprofile-container .pro .debate-creator-name {
            color: #06A9E1;
        }

        #member-gallery .userprofile-container .con .debate-creator-name {
            color: #FF0039;
        }

        #member-gallery .userprofile-container .date-created {
            font-family: 'AvenirLTStd-Light';
            font-size: 12px;
        }

        #member-gallery .userprofile-container a, #member-gallery .userprofile-container a:hover {
            color: #ffffff;
        }


.title .search-container{left: 0; top: 50px;}
.title .search-container .search-btn{top: 80px;}

.user-search-container {float: left; padding-top:10px;background: transparent; width:238px;position: inherit;}
.user-search-btn{ width:6px; cursor: pointer;position: inherit;position: absolute;top: 2px;right: 0px;}
.user-filter-reset{font-family: 'AvenirLTStd-Light'; color:#ffffff;font-size: 1.7em;float: left;padding: 20px 0 0 20px;}

/**************** BEGIN OLD MEMBER GALLERY LAYOUT MEDIA QUERIES ***********************/ 
/*@media all and (max-width: 1900px) {
    #member-gallery .userprofile-container { width: calc((100% - 72px) / 7); }
    #member-gallery .userprofile-container:nth-child(7n) { margin-right: 0; }
    #member-gallery .userprofile-container:nth-child(8n) { margin-right: 12px; }
}

@media all and (max-width: 1500px) {
    #member-gallery .userprofile-container { width: calc((100% - 48px) / 5); }
    #member-gallery .userprofile-container:nth-child(5n) { margin-right: 0; }
    #member-gallery .userprofile-container:nth-child(7n) { margin-right: 12px; }
}

@media all and (max-width: 1020px) {
    #member-gallery .userprofile-container { width: calc((100% - 36px) / 4); }
    #member-gallery .userprofile-container:nth-child(4n) { margin-right: 0; }
    #member-gallery .userprofile-container:nth-child(5n) { margin-right: 12px; }
}

@media all and (max-width: 786px) {
    #member-gallery .userprofile-container { width: calc((100% - 24px) / 3); }
    #member-gallery .userprofile-container:nth-child(3n) { margin-right: 0; }
    #member-gallery .userprofile-container:nth-child(4n) { margin-right: 12px; }
}

@media all and (max-width: 380px) {
    #member-gallery .userprofile-container { width: calc((100% - 12px) / 2); }
    #member-gallery .userprofile-container:nth-child(2n) { margin-right: 0; }
    #member-gallery .userprofile-container:nth-child(3n) { margin-right: 12px; }
}*/

/**************** END OLD MEMBER GALLERY LAYOUT MEDIA QUERIES ***********************/ 


/**************** Profile Edit ***********************/ 
/*#profile-edit{width:975px; }
#profile-edit .title {margin-bottom: 35px; margin-top: -20px;}
#profile-edit .content-leftpanel{width:310px;}
#profile-edit .content-form-container{margin-left:40px;}
#profile-edit .t-reset{ display: none;}
#deactivateProfile{background-color: black;padding: 50px;}*/

#profile-edit #dashboard {
    margin-left: 0;
    position: absolute;
}

#profile-edit .content-form-container .form-bluebtn {
    width: 250px;
}

#profile-edit #form-edit {
    margin-left: 280px;
}

#profile-edit .change-pwd {
    background: #06a9e1;
    padding: 12px;
    border: 0;
    font-family: 'AvenirLTStd-Light';
    font-size: 2.0em;
    color: #ffffff;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
}

    #profile-edit .change-pwd:hover {
        background: #ff0039;
    }

#profile-edit .deactivate-save-section .deactivate-profile {
    background: #959595;
    padding: 0 20px;
    height: 50px;
    border: 0;
    font-family: 'AvenirLTStd-Light';
    font-size: 2.0em;
    line-height: 50px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
}

    #profile-edit .deactivate-save-section .deactivate-profile:hover {
        background: #ff0039;
    }

    #profile-edit .deactivate-save-section .deactivate-profile span {
        display: none;
    }

#profile-edit .title {
    margin-bottom: 25px;
}

@media all and (max-width: 1045px) {
    #profile-edit #dashboard {
        display: none;
    }
    #profile-edit #form-edit {
        margin: 0 auto;
    }

    #profile-edit .change-pwd{text-align: center; width: calc(100% - 24px);}
}



#form-edit #loginError {
    color: #ff0039;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: auto;
    text-align: center;
}

#form-edit .centered-text{
    max-width: 623px;
    margin: 20px auto;
    padding: 0;
}
#form-edit.content-form-container .form-group-container{height: auto; margin-bottom: 40px; padding-bottom: 42px;}
#form-edit.content-form-container .form-group-container .fl {width: 150px; padding-right: 15px; text-align: right; }
#form-edit.content-form-container .form-group-container .fr {width: calc(100% - 165px); text-align: left; }
#form-edit .thumbnail-container{padding-top: 2.5px; border-radius: 10px; width: 75px; height: 75px; overflow: hidden; }
#form-edit #userProfileImage{width: 75px; height: auto;}
#form-edit input[type='text'],#form-edit input[type='email'],#form-edit textarea, #form-edit input[type="password"] {width: calc(100% - 24px);}
#form-edit input[type='checkbox']{width: auto; height: auto; }

#profile-pic-edit{width: calc(100% - 30px); padding: 15px; height: auto; background-color: #515151; border-radius: 5px 5px 5px 5px;}
#profile-pic-edit .pic{width: 90px !important; float:left;}
#profile-pic-edit .image-upload-btn{ float: left;width: calc(100% - 95px);font-size: 1.0em;}
.toggle{ background: url('../Content/Images/form/toggle.png') no-repeat 0 0; border: medium none; cursor: pointer; height: 40px; width: 168px;}
.deactivate-profile:hover{background: #ff0039; color: #ffffff;}
.cancel-profile-edit, .upload-size { font-family: Helvetica; font-size: 11px; line-height: 12px; margin-right: 25px; margin-top: 10px; display: inline-block;}

.t-dropzone{padding: 0 !important;}
.t-button.t-upload-button { background: #06a9e1 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-family: "AvenirLTStd-Light";
    font-size: 20px;
    height: 44px;
    line-height: 44px; 
    padding: 0;
    width: 100%;
}
    .t-button.t-upload-button:after {
        content: "upload image";
    }

.t-button.t-upload-button:hover{background: #ff0039;}
.t-widget.t-upload.upload-image{ height: 45px !important; margin-top: 10px;}
.t-dropzone em{display: none;}
#profile-edit .success-message{width: 50%; margin-left: 293px;}

@media all and (max-width: 595px) {
    #profile-pic-edit .pic{float: none;}
    #profile-pic-edit .image-upload-btn{float: none; width: 100%;}
}


/**********************Registration*********************************/
.registration-container{margin-left: auto; margin-right: auto;}
.registration-container #form-edit.content-form-container{ float: none;}
.registration-container #form-edit .notes{ padding-left: 60px; margin-bottom: 40px;}
.registration-container #form-edit .notes a{ font-size: 1em;}
.registration-container #form-edit .notes .field-validation-error{ font-size: .92em;}
.registration-container .externallogin-title{font-family: 'Bemio'; font-size: 5.5em; line-height: 55px; letter-spacing: .5px; font-weight: 100; text-shadow: 0 0 1px rgba(0,0,0,0.004);}

/******************Change Password/ Deactivate Profile ************************/
.edit-profile-modal .form-bluebtn{ float: right; height: 50px; width: 290px; padding-bottom: 4px; font-family: 'AvenirLTStd-Medium'; font-size: 2.0em;}
.edit-profile-modal div.close {position: absolute; top: 15px;right: 15px; cursor: pointer;background: url('../Content/images/modal-close.png') 0 0 no-repeat;width: 25px;height: 25px; }
#deactivateProfile .form-group-container{padding-left: 0;}
#deactivate-reasons > option{background: white; padding-left: 10px;}
#forgotpwd-success{margin-top: 18px;}


/**************** Notifications ***********************/ 
#notifications-page{font-size:17px; font-family: 'AvenirLTStd-Medium'; /*width: 1050px;*/ /*margin-left: -60px;*/}
#notifications-page #dashboard{margin-left: 0;}
#notifications-page .list{ width: calc(100% - 310px);}
#notifications-page .sub-title{font-family: 'Bemio'; font-size: 15px; margin-top: 30px; margin-bottom: 5px; font-weight: 100; text-shadow: 0 0 1px rgba(0,0,0,0.004);}
#notifications-page .form-group-container{ width: calc(100% - 30px); height: auto; margin-bottom: 20px;}
#notifications-page .form-group-container div.activity-description {width: calc(100% - 26px); float: left; margin-top: 2px;}
#notifications-page .form-group-container div.activity-icon {width: 16px;}
#notifications-page .time{font-size: 12px; font-family: 'AvenirLTStd-Light'; display: block;}

.activity-icon,.flag-indicator {background: url('../Content/Images/activity-icons.png') no-repeat; width: 16px; height: 16px; float: left; margin-right: 10px; margin-top: 3px;}
.ico-comment, .ico-comment.on, .ico-comment.off:hover {background-position: 0 0;}
.ico-thumbs-up, .ico-thumbs-up.on, .ico-thumbs-up.off:hover {background-position: 0 -16px;}
.ico-thumbs-down, .ico-thumbs-down.on, .ico-thumbs-down.off:hover {background-position: 0 -32px;}
.ico-flag, .ico-flag.on, .ico-flag.off:hover{background-position: 0 -48px;}
.ico-expired, .ico-expired.on, .ico-expired.off:hover {background-position: 0 -64px;}
.ico-bulk, .ico-bulk.on, .ico-bulk.off:hover {background-position: 0 -80px;}
.ico-vote, .ico-vote.on, .ico-vote.off:hover {background-position: 0 -96px;}
.ico-heavyweight, .ico-heavyweight.on, .ico-heavyweight.off:hover {background-position: 0 -112px;}
.ico-comment.off {background-position: 0 -128px;}
.ico-thumbs-up.off {background-position: 0 -144px;}
.ico-thumbs-down.off {background-position: 0 -160px;}
.ico-flag.off{background-position: 0 -176px;}
.ico-expired.off {background-position: 0 -192px;}
.ico-bulk.off {background-position: 0 -208px;}
.ico-vote.off {background-position: 0 -224px;}
.ico-heavyweight.off {background-position: 0 -240px;}

.t-upload-files.t-reset {
    background: transparent;
    border: none;
    color: transparent;
}

.t-icon {
    background-image: url("/Content/Images/progress.gif") !important;
    height: 31px !important;
    left: 45%;
    margin: 0 auto;
    position: absolute;
    top: 7px;
    width: 31px !important;
}

.t-filename, .t-upload-files .t-button, .t-success, .t-progress {
    display: none;
}

/********************[ Media Query]***************************/
@media all and (max-width : 1024px){
    #dashboard{width: 264px;}
    #notifications-page .list{width: calc(100% - 264px);}
    #dashboard .stats-heading{ font-size: 2.4em;}
    #dashboard .stats-heading.username{ line-height: 25px;}
    #dashboard .form-group-container.longest{width: 212px;}
    .registration-container{margin: 0 auto; margin-bottom: 65px;}
    /*#profile-edit{width: 760px;}
    #profile-edit .content-form-container{margin-left: 5px;}
    #profile-edit #form-edit.content-form-container{width: 410px;}
    #profile-edit .success-message{margin-left: 215px;}*/
}

@media all and (max-width : 768px){
    #dashboard{width: 240px;}
    #dashboard .user-dashboard-image{width: 160px;}
    #dashboard .form-group-container.long {
        width: 180px;
    }
    #notifications-page #dashboard{ width: 225px;}
    #notifications-page .list{width: calc(100% - 225px);}
}

@media all and (max-width : 560px){
    #dashboard{display: none}
    #notifications-page .list{width: 100%;}

    .registration-container, #form-edit.content-form-container {
        width: 100%;
    }

    #form-edit.content-form-container .form-group-container {
        padding: 30px 50px 30px 30px;
        width: calc(100% - 80px);
    }
}

@media all and (max-width : 500px) {
    #dashboard {
        float: none;
        margin: 0 auto 40px auto !important;
        width: 100%;
    }

    #user-profile #dashboard {
        display: table;
        margin-top: 40px !important;
        margin-bottom: 70px !important;
    }

    #dashboard .user-dashboard-image {
        margin: 0 auto;
    }

        #dashboard .stats-heading {
            padding-left: 0;
            text-align: center;
        }

        #dashboard .stats-container {

        }

        #dashboard .form-group-container, #dashboard .form-group-container.long {
            width: calc(100% - 40px);
        }

    #form-edit.content-form-container .form-group-container .fl, #form-edit.content-form-container .form-group-container .fr {
        float: none;
        width: 100%;
    }

    #form-edit .deactivate-save-section .fl, #form-edit .deactivate-save-section .fr{
        float: none;
    }

    #profile-edit .deactivate-save-section .form-bluebtn {
        width: calc(100% - 60px);
    }

    #profile-edit .deactivate-save-section .deactivate-profile {
        margin-bottom: 35px;
        text-align: center;
        width: calc(100% - 40px);
    }

        #profile-edit .deactivate-save-section .deactivate-profile span {
            display: inline-block;
        }

    #form-edit.content-form-container .form-group-container .fl {
        margin-bottom: 5px;
        text-align: left;
    }

    .registration-container #form-edit .notes {
        padding-left: 30px;
    }
}