/* ================================================================ *\
    #Reset
\* ================================================================ */

/* 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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

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;
}

* { 
    outline: 0;
    -webkit-tap-highlight-color: transparent; 
}

*,
*:before,
*:after { 
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
}

/* ================================================================ *\
    #Global
\* ================================================================ */

body,
html { 
    height: 100%; 
}

img,
iframe,
video,
audio,
object { 
    max-width: 100%; 
}

img { 
    height: auto; 
    vertical-align: middle; 
}

a,
input[type="submit"],
input[type="button"],
input[type="reset"],
button { 
    cursor: pointer; 
}

sup,
sub { 
    line-height: 1; 
}

table { 
    width: 100%; 
}

/* ================================================================ *\
    #Body
\* ================================================================ */

body {
    font-family: 'Avenir', Tahoma, Verdana, Helvetica, Arial, sans-serif; 
    font-size: 21px;
    line-height: 1.285714285714;
    color: #8c8c8b;
    font-weight: 300; 
    font-style: normal; 
    text-transform: none; 
    text-decoration: none; 
    text-shadow: none; 
    letter-spacing: 0;
    word-spacing: 0;
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #dfdfdf;
    min-width: 100%;
}

/* ================================================================ *\
    #Links
\* ================================================================ */

a { 
    color: #d8262e; 
    text-decoration: none; 
}

a:hover,
a:active { 
    text-decoration: underline; 
}

a:focus { 
    outline: 0; 
}

a[href^="tel"],
a[href^="tel"]:hover,
a[href^="tel"]:active { 
    color: inherit; 
    text-decoration: none; 
    cursor: default; 
}


/* ==========================================================================
    #Headings
========================================================================== */

h2 { 
    font-size: 24px; 
    line-height: 1; 
    font-weight: 600; 
}

h3 { 
    font-size: 21px; 
    line-height: 1; 
    text-transform: uppercase; 
    font-weight: 700; 
}

/* ================================================================ *\
    #Icons
\* ================================================================ */

[class^="ico"] { 
    display: inline-block; 
    vertical-align: middle; 
    background-color: transparent; 
    background-position: 0 0; 
    background-repeat: no-repeat; 
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%; 
}

.icoMcdonalds { 
    width: 63px; 
    height: 53px; 
    background-image: url(images/ico-mcdonalds.png); 
}

.icoArrowDown,
.icoArrowDownAlt {
    width: 23px; 
    height: 11px;
}

.icoArrowDown {
    background-image: url(images/ico-arrow-down.png); 
}

.icoArrowDownAlt {
    background-image: url(images/ico-arrow-down-grey.png); 
}

.icoArrowLeft,
.icoArrowRight,
.icoArrowPrev,
.icoArrowNext,
.icoChevronLeft,
.icoChevronRight {
    width: 23px; 
    height: 40px; 
}

.icoArrowLeft { 
    background-image: url(images/ico-arrow-left.png); 
}

.icoArrowRight { 
    background-image: url(images/ico-arrow-right.png); 
}

.icoArrowPrev { 
    background-image: url(images/ico-arrow-prev.png); 
}

.icoArrowNext { 
    background-image: url(images/ico-arrow-next.png); 
}

.icoChevronLeft { 
    background-image: url(images/ico-chevron-left.png); 
}

.icoChevronRight {
    background-image: url(images/ico-chevron-right.png); 
}

.icoCamera {
    width: 35px; 
    height: 28px; 
    background-image: url(images/ico-camera.png); 
}

.icoComment,
.icoComments {
    width: 29px; 
    height: 30px; 
}

.icoComment {
    background-image: url(images/ico-comment.png); 
}

.icoComments {
    background-image: url(images/ico-comments.png); 
}

.icoCommentsCount {
    width: 33px; 
    height: 34px; 
    background-image: url(images/ico-comments-count.png); 
}

.icoDownload {
    width: 25px; 
    height: 22px; 
    background-image: url(images/ico-download.png); 
}

.icoEdit {
    width: 45px; 
    height: 45px; 
    background-image: url(images/ico-edit.png); 
}

.icoEnvelope {
    width: 35px; 
    height: 26px; 
    background-image: url(images/ico-envelope.png); 
}

.icoExport {
    width: 28px; 
    height: 27px; 
    background-image: url(images/ico-export.png); 
}

.icoFavorites {
    width: 24px; 
    height: 21px; 
    background-image: url(images/ico-favorites.png); 
}

.icoHeart {
    width: 28px; 
    height: 25px; 
    background-image: url(images/ico-heart.png); 
}

.icoLightbulb {
    width: 21px; 
    height: 29px; 
    background-image: url(images/ico-lightbulb.png); 
}

.icoLogo {
    width: 44px; 
    height: 37px; 
    background-image: url(images/ico-logo.png); 
}

.icoMic,
.icoMicrophone {
    width: 23px; 
    height: 39px; 
}

.icoMic {
    background-image: url(images/ico-mic.png); 
}

.icoMicrophone {
    background-image: url(images/ico-microphone.png); 
}

.icoNews {
    width: 25px; 
    height: 26px; 
    background-image: url(images/ico-news.png); 
}

.icoNewsItem {
    width: 33px; 
    height: 33px; 
    background-image: url(images/ico-news-item.png); 
}

.icoPin {
    width: 13px; 
    height: 26px; 
    background-image: url(images/ico-pin.png); 
}

.icoPlay {
    width: 76px; 
    height: 88px; 
    background-image: url(images/ico-play.png); 
}

.icoPosts {
    width: 30px; 
    height: 30px; 
    background-image: url(images/ico-posts.png); 
}

.icoShare {
    width: 28px; 
    height: 21px; 
    background-image: url(images/ico-share.png); 
}

.icoTick {
    width: 33px; 
    height: 26px; 
    background-image: url(images/ico-tick.png); 
}

.icoTimes {
    width: 20px; 
    height: 20px; 
    background-image: url(images/ico-times.png); 
}

.icoUser {
    width: 27px; 
    height: 27px; 
    background-image: url(images/ico-user.png); 
}

.icoUsers {
    width: 35px; 
    height: 31px;
    background-image: url(images/ico-users.png); 
}

.icoPen {
    width: 25px; 
    height: 26px; 
    background-image: url(images/ico-pen.png); 
}

.current .icoFavorites {
    background-image: url(images/ico-favorites-on.png); 
}

.current .icoLightbulb {
    background-image: url(images/ico-lightbulb-on.png); 
}

.current .icoNews {
    background-image: url(images/ico-news-on.png); 
}

.current .icoDownload {
    background-image: url(images/ico-download-on.png); 
}

.current .icoPen {
    background-image: url(images/ico-pen-on.png); 
}

.favorited .icoHeart {
    background-image: url(images/ico-heart-on.png); 
}

/* ================================================================ *\
    #Buttons
\* ================================================================ */

.btn {
    font-family: 'Avenir', Tahoma, Verdana, Helvetica, Arial, sans-serif; 
    font-size: 24px; 
    line-height: 30px; 
    color: #fff;
    font-weight: 300; 
    text-align: center; 
    min-width: 233px;
    display: inline-block; 
    vertical-align: middle; 
    padding: 17px 10px; 
    border: 1px solid #858383; 
    background: #ffce30 url(images/btn.png) repeat 50% 50%; 
    -webkit-background-size: cover; 
    background-size: cover; 
    border-radius: 3px; 
    box-shadow: none;
}

.btn strong {
    font-weight: 700; 
}

.btn:hover,
.btn:active {
    text-decoration: none; 
}

.btn:hover {
    background: #ffce30; 
}

.btn:active {
    background: #e8b200;
}

.btn:focus { 
    outline: 0; 
}

.btn.disabled,
.btn:disabled {
    opacity: .7;
    cursor: default; 
}

/* ================================================================ *\
    #Helpers
\* ================================================================ */

.notext,
[class^="ico-"] { 
    font-size: 0; 
    line-height: 0; 
    text-indent: -4000px; 
}

.alignleft { 
    float: left; 
}

.alignright { 
    float: right; 
}

.cf:before,
.cf:after { 
    content: ''; 
    line-height: 0; 
    display: table; 
}

.cf:after { 
    clear: both; 
}

.shell { 
    width: 1279px; 
    margin: 0 auto; 
}

/* ================================================================ *\
    #Form Elements
\* ================================================================ */

::-webkit-input-placeholder { 
    color: #292929; 
    font-style: italic; 
    opacity: 1; 
}

:-moz-placeholder { 
    color: #292929; 
    font-style: italic; 
    opacity: 1; 
}

::-moz-placeholder { 
    color: #292929; 
    font-style: italic; 
    opacity: 1; 
}

:-ms-input-placeholder { 
    color: #292929; 
    font-style: italic; 
    opacity: 1; 
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="color"], 
textarea,
select,
button { 
    font-family: 'Avenir', Tahoma, Verdana, Helvetica, Arial, sans-serif; 
    font-size: 18px; 
    line-height: 23px; 
    color: #292929; 
    font-weight: 300; 
    font-style: normal; 
    display: block; 
    width: 100%; 
    height: 59px; 
    padding: 17px 22px; 
    border: 1px solid #999a9a; 
    background: #fff; 
    border-radius: 2px; 
    box-shadow: none; 
}

select[multiple] {
    height: auto; 
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
input[type="color"]:focus, 
textarea,
select,
button { 
    border-color: #434343; 
    outline: 0 none; 
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="color"], 
textarea,
button,
a[href^="tel"] { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
}

input[type="checkbox"] { 
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox; 
}

input[type="radio"] { 
    -webkit-appearance: radio; 
    -moz-appearance: radio; 
}

button {
    height: auto; 
}

textarea { 
    height: 100px; 
    overflow: auto; 
    resize: none; 
    -webkit-overflow-scrolling: touch; 
}

/* ================================================================ *\
    #Chosen Select Restyled
\* ================================================================ */

.chosen-container {
    font-family: 'Avenir', Tahoma, Verdana, Helvetica, Arial, sans-serif; 
    font-size: 21px; 
    line-height: 22px; 
    font-weight: 300; 
    color: #292929;
}

.chosen-container .chosen-search {
    display: none; 
}

.chosen-container .chosen-choices,
.chosen-container .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    min-height: 47px; 
    position: relative; 
    padding: 10px 45px 5px 17px; 
    border: 0; 
    background: #cbcbcb; 
    border-radius: 5px;
}

.chosen-container .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    box-shadow: none;
    color: #999;
}

.chosen-container .chosen-single {
    -webkit-transition: none; 
         -o-transition: none; 
            transition: none; 
}

.chosen-container .chosen-single span {
    font-family: "Avenir",Tahoma,Verdana,Helvetica,Arial,sans-serif; 
    font-weight: 600; 
}

.chosen-container .chosen-choices:after,
.chosen-container .chosen-single div b,
.chosen-container-active.chosen-with-drop .chosen-single div b {
    content: '';
    width: 23px; 
    height: 11px; 
    display: block; 
    position: absolute; 
    top: 20px; 
    right: 10px; 
    background: url(images/ico-arrow-down-grey.png) no-repeat 0 0; 
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%; 
}

.chosen-container .chosen-choices li.search-choice {
    font-size: 14px; 
    line-height: 15px; 
    padding: 5px 20px 5px 5px; 
    border: 1px solid #443e2f;
    margin: 0 5px 5px 0; 
    background: #fff; 
}

.chosen-container .chosen-choices li.search-choice .search-choice-close {
    top: 7px; 
}

.chosen-container-active .chosen-choices {
    box-shadow: none;
}

.chosen-container-active .chosen-choices,
.chosen-container:hover .chosen-choices,
.chosen-container-active .chosen-single,
.chosen-container:hover .chosen-single {
    background-color: #e4e4e4; 
}

.chosen-container .chosen-drop {
    border: 0; 
    background: #443e2f; 
    box-shadow: none;
    border-radius: 0;
}

.chosen-container .chosen-results {
    padding: 0;
    margin: 0;
}

.chosen-container .chosen-results li {
    font-size: 20px;
    line-height: 26px;
    color: #ebeae9;
    display: block;
    position: relative; 
    padding: 10px 10px 10px 48px;
    background: #57503f; 
}

.chosen-container .chosen-results li.active-result {
    color: #ebeae9;
    font-weight: 300; 
    text-decoration: none;
    text-shadow: none;
    background: transparent; 
}

.chosen-container .chosen-results li.highlighted {
    color: #ebeae9;
    text-decoration: none;
    text-shadow: none;
    background: transparent; 
    background: #57503f; 
}

.chosen-container .chosen-results li.result-selected {
    font-weight: 700; 
}

.chosen-container .chosen-results li:before {
    content: ''; 
    width: 21px; 
    height: 21px; 
    display: block; 
    position: absolute; 
    top: 13px; 
    left: 14px; 
    border: 2px solid #443e2f;
    background: #ebeae9 url(images/ico-check.png) no-repeat 50% -400%;
    -webkit-background-size: 13px 11px;  
    background-size: 13px 11px; 
    border-radius: 3px; 
}

.chosen-container .chosen-results li.result-selected:before {
    border-color: #443e2f;
    background-position: 50% 50%; 
}

.chosen-container .chosen-choices li.search-field input[type=text] {
    font-family: 'Avenir', Tahoma, Verdana, Helvetica, Arial, sans-serif; 
    font-weight: 600; 
}

/* ================================================================ *\
    #Navigations
\* ================================================================ */

.navAccess {
    font-size: 18px; 
    line-height: 40px; 
    color: #292929;
    float: right; 
    padding-right: 4px; 
}

.navAccess li {
    float: left; 
    position: relative; 
    padding-left: 47px; 
}

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

.navAccess a {
    color: #292929; 
    font-weight: 400; 
    display: block; 
    position: relative; 
    padding: 32px 0 22px; 
}

.navAccess a .icoMicrophone {
    margin-top: -6px; 
    margin-right: 15px; 
}

.navAccess a .icoArrowDown {
    margin-left: 8px; 
}

.navAccess a .notifications {
    font-size: 12px; 
    line-height: 20px; 
    color: #fff; 
    text-align: center; 
    width: 19px; 
    height: 19px; 
    display: block; 
    position: absolute; 
    top: 24px; 
    left: 16px; 
    background-color: #e42f2f; 
    border-radius: 50%; 
}

.navAccess a strong {
    font-weight: 400; 
}

.navAccess a:hover,
.navAccess a:active {
    text-shadow: 0 2px 3px rgba(0,0,0,.2); 
    text-decoration: none; 
}

.navAccess li ul {
    position: absolute; 
    top: 100%; 
    left: 0; 
    right: 0; 
    background-color: #443e2f; 
    display: none;
    z-index: 10;
}

.navAccess li.browser:hover ul,
.navAccess li.browser:active ul,
.navAccess li.browser:focus ul {
    display: block;
}

.navAccess li li {
    float: none; 
    padding: 0; 
}

.navAccess li li a {
    font-size: 20px; 
    line-height: 26px; 
    color: #e3e2e0;
    display: block; 
    padding: 10px 28px; 
}

.navAccess li li a:hover,
.navAccess li li a:active {
    color: #5c5649;
    text-decoration: none; 
    text-shadow: none; 
    background-color: #ebeae9; 
}

.nav {
    font-size: 23px; 
    line-height: 31px; 
    color: #292929;
    font-weight: 700; 
    text-transform: lowercase; 
    font-variant: small-caps;
    padding: 30px 0 26px; 
}

.nav li {
    float: left; 
    padding-left: 48px; 
}

.nav li br{
	display: none;
}

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

.nav a {
    color: #292929;
    display: block; 
    position: relative; 
    padding-left: 38px; 
}

.nav a:hover,
.nav a:active,
.nav .current a {
    color: #d8262e;
    text-decoration: none; 
}

.nav [class^="ico"] {
    display: block; 
    position: absolute; 
    top: 50%; 
    left: 0; 
}

/* ================================================================ *\
    #Listings
\* ================================================================ */

.listActions {
    margin-right: -23px; 
}

.listActions li {
    width: 33.33%; 
    width: calc(100% / 3); 
    width: -webkit-calc(100% / 3); 
    width: -moz-calc(100% / 3); 
    width: -o-calc(100% / 3); 
    width: -ms-calc(100% / 3); 
    float: left; 
    padding: 0 23px 23px 0; 
}

.listActions a {
    display: block; 
}

.listActions .btn {
    font-weight: 700; 
    width: 100%; 
    height: 119px; 
    display: table; 
    padding: 0; 
}

.listActions .btn span {
    width: 100%; 
    height: 100%; 
    display: table-cell; 
    vertical-align: middle; 
}

.listQuestions {
    position: relative; 
    padding-bottom: 80px;
}

.listQuestions li {
    padding-bottom: 16px; 
}

.listQuestions a {
    color: #292929; 
    display: block; 
    position: relative; 
    padding: 28px 30px 29px 85px; 
    background-color: #fff; 
    border-radius: 5px; 
}

.listQuestions a:hover,
.listQuestions a:active {
    color: #ffc627;
    text-decoration: none; 
}

.listQuestions a [class^="ico"] {
    display: block; 
    position: absolute; 
    top: 23px; 
    left: 30px; 
}

.listQuestions a.disabled,
.listQuestions a.disabled:hover,
.listQuestions a.disabled:active {
    color: #ccc;
    text-decoration: none; 
    cursor: default;  
}

.listQuestions a.disabled [class^="ico"] {
    top: 33px; 
}

.listComments {
    font-size: 21px; 
    line-height: 25px; 
    color: #292929;
    font-weight: 300; 
    background-color: #dfdfdf; 
}

.listComments li {
    padding: 23px 28px; 
    border-top: 1px solid #626262; 
}

.listComments li:first-child {
    border-top: 0; 
}

.listComments li p{
	word-wrap: break-word;
}

.listComments li span {
    color: #292929;
    font-weight: 700; 
    margin-right: 10px; 
}

/* ================================================================ *\
    #Header
\* ================================================================ */

.header { 
    position: relative; 
    z-index: 10; 
    background: url(images/bg-header.jpg) repeat 50% 50%; 
    -webkit-background-size: cover; 
    background-size: cover; 
}

.header .logo { 
    font-size: 43px; 
    line-height: 45px; 
    color: #fff; 
    font-weight: 300; 
    float: left; 
    padding: 25px 0 21px; 
}

.header .logo strong {
    font-weight: 700; 
}

.header .logo [class^="ico"] {
    float: left; 
    margin-right: 10px; 
}

.header .logo:hover,
.header .logo:active {
    text-decoration: none; 
}

.headerBody { 
    border-bottom: 3px solid #fddb00; 
}

/* ================================================================ *\
    #Forms
\* ================================================================ */

.loginForm {
    width: 464px; 
    padding: 0 20px; 
    margin: 0 auto; 
}

.loginForm .formRow {
    padding-bottom: 23px; 
}

.loginForm .formLabel {
    font-size: 22px; 
    line-height: 29px; 
    color: #fddb00; 
    text-transform: lowercase; 
    font-weight: 300; 
    display: block; 
    margin: 5px 0; 
}

.loginForm .formControls,
.modal .formRow {
    position: relative; 
}

.loginForm .formControls [class^="ico"],
.modal .formRow [class^="ico"] {
    position: absolute; 
    top: 50%; 
    left: 26px; 
}

.loginForm .field,
.modal .field {
    font-size: 20px; 
    line-height: 29px; 
    color: #292929;
    font-weight: 300; 
    height: 79px; 
    padding: 25px 10px 25px 80px; 
    border: 1px solid #5e5f60;
    background-color: rgba(229,229,227,.86);
    border-radius: 7px;
    box-shadow: inset 0 0 5px 2px rgba(175,175,172,.75);
}

.loginForm ::-webkit-input-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.loginForm :-moz-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.loginForm ::-moz-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.loginForm :-ms-input-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.modal .field ::-webkit-input-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.modal .field :-moz-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.modal .field ::-moz-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.modal .field :-ms-input-placeholder { 
    color: #8c8c8b; 
    font-style: normal; 
    opacity: 1; 
}

.loginForm .formActions {
    padding: 36px 0; 
}

.loginForm .formActions p {
    font-size: 22px; 
    line-height: 24px; 
    color: #292929;
    text-align: center; 
    text-transform: lowercase; 
}

.loginForm .formActions p a {
    color: #292929;
    text-decoration: underline;
}

.loginForm .formActions p a:hover,
.loginForm .formActions p a:active {
    text-decoration: none; 
}

.loginForm .btn {
    width: 100%; 
    display: block; 
    margin-bottom: 25px; 
}

/* ================================================================ *\
    #Main
\* ================================================================ */

.main {
    position: relative; 
    z-index: 9; 
}

/* ================================================================ *\
    #Login
\* ================================================================ */

.login { 
    height: 100%; 
    background: url(images/bg-login.jpg) no-repeat 50% 0; 
    -webkit-background-size: cover; 
    background-size: cover; 
}

.login .logo { 
    font-size: 62px; 
    line-height: 65px; 
    color: #fff; 
    text-align: center; 
    font-weight: 300; 
    height: 65px; 
    display: inline-block; 
    vertical-align: middle; 
}

.login .logo:hover,
.login .logo:active { 
    color: #ffc627; 
    text-decoration: none; 
}

.login .logo strong {
    font-weight: 700; 
}

.login .logo [class^="ico"] { 
    float: left; 
    margin: 0 15px 0 0; 
}

.loginHead { 
    text-align: center; 
    padding: 60px 0; 
}

/* ================================================================ *\
    #Dashboard
\* ================================================================ */

.sectionDashboard {
    padding: 40px 0; 
    text-align: center; 
}

.sectionDashboard .sectionHead {
    padding-bottom: 26px; 
    border-bottom: 3px solid #ccc; 
    margin-bottom: 26px; 
}

.sectionDashboard .sectionHead h3 {
    color: #292929; 
    padding-bottom: 33px; 
}

.sectionDashboard .sectionHead ul {
    padding-right: 28px; 
}

.sectionDashboard .sectionHead li {
    font-size: 30px; 
    line-height: 1; 
    color: #8c8c8b;
    text-transform: lowercase; 
    display: inline-block; 
    vertical-align: top; 
    padding: 0 40px; 
}

.sectionDashboard .sectionHead strong {
    font-weight: 700; 
}

.sectionDashboard .sectionHead [class^="ico"] {
    float: left; 
    margin-right: 15px; 
}

/* ================================================================ *\
    #Filters
\* ================================================================ */

.sectionFilters {
    padding: 26px 0 30px; 
    border-bottom: 3px solid #ccc; 
    margin-bottom: 28px; 
}

.sectionFilters label,
.sectionFilters .sectionActions a {
    font-size: 21px; 
    line-height: 22px; 
    color: #292929;
    font-weight: 700; 
    text-transform: lowercase; 
    font-variant: small-caps;
    width: 132px; 
    float: left; 
    padding: 10px 0; 
}

.sectionFilters label {
    line-height: 27px; 
}

.sectionFilters .formField {
    width: 265px; 
    float: left; 
    margin-right: 29px; 
}

.sectionFilters .formField.hidden {
    position: absolute; 
    top: -9999px; 
    left: -9999px; 
}

.sectionFilters .formField:last-child {
    margin-right: 0; 
}

.sectionFilters .sectionActions {
    text-align: right; 
    padding-top: 30px; 
}

.sectionFilters .sectionActions a {
    width: auto; 
    float: none; 
    display: inline-block; 
    padding: 0; 
}

.sectionFilters .sectionActions a:hover,
.sectionFilters .sectionActions a:active {
    text-decoration: none; 
}

.sectionActions .export-msg{
	display: none;
	font-size: 16px;
	padding: 15px;
	color: red;
}

/* ================================================================ *\
    #Articles
\* ================================================================ */

/*.sectionArticles {
    padding: 0 25px 1px;
}*/

.sectionArticles .shell { padding: 0; }

.article {
    margin-bottom: 36px; 
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
}

.article .articleContainer {
    padding: 22px 32px 0; 
}

.article .articleHead {
    padding-bottom: 22px; 
}

.article .articleHead h2 {
    line-height: 32px; 
    color: #292929; 
}

.article .articleHead h2 [class^="ico"] {
    float: left; 
    margin-right: 14px;  
}

.article .articleHead h2 .icoMic {
    margin: -4px 19px 0 0; 
}

.article .articleHead h2 a {
    color: #292929;
}

.article .articleHead h2 a:hover,
.article .articleHead h2 a:active {
    color: #292929;
    text-decoration: none; 
}

.article .articleContent {
    font-size: 30px; 
    line-height: 1.1;
}

.article .articleContent p {
    padding-bottom: 15px; 
    word-wrap: break-word;
}

.article .articleContent a{
	color: #494949;
}

.article .articleContent a:hover{
	color: #292929;
	text-decoration: none;
}

.article .articleMeta {
    font-size: 16px; 
    line-height: 22px; 
    color: #8c8c8b; 
    font-style: italic; 
    padding: 25px 0 10px; 
}

.article .articleMetaSecondary {
    padding: 30px 0 25px; 
}

.article .articleMeta a, .article .articleMeta span {
    color: #898989;
    margin-right: 40px; 
}

.article .articleMeta p small {
    font-style: normal; 
    margin-left: 40px; 
}

.article .articleMeta p small a {
    color: #ffc627;
    text-decoration: underline; 
    text-transform: uppercase; 
}

.article .articleMeta p small a:hover,
.article .articleMeta p small a:active {
    text-decoration: none; 
}

.article .articleFoot {
    font-size: 18px; 
    line-height: 30px; 
    color: #8c8c8b; 
    padding: 36px 35px; 
    border-top: 2px solid #e0e0e0; 
}

.article .articleFoot a {
    color: #8c8c8b; 
    display: block; 
}

.article .articleFoot a:hover,
.article .articleFoot a:active {
    text-decoration: none; 
}

.article .articleFoot a:hover strong,
.article .articleFoot a:active strong {
    font-weight: 700; 
}

.article .articleFoot a.addFavorite:hover,
.article .articleFoot a.addFavorite:active {
    color: #d8262e;
}

.article .articleFoot a.addComment:hover,
.article .articleFoot a.addComment:active {
    color: #ffc627;
}

.article .articleFoot a [class^="ico"] {
    margin: -2px 5px 0 0; 
}

.article .articleFoot ul {
    float: right; 
}

.article .articleFoot .addFavorite,
.article .articleFoot li {
    float: left; 
}

.article .articleFoot li {
    padding-left: 50px; 
}

.article .articleFoot li:first-child {
    padding-left: 0; 
}

.article.favorited .addFavorite strong {
    font-weight: 700; 
}

.article .articleImage {
    float: left; 
    margin: 0 37px 0 0; 
    max-width: 118px;
}

.article .articleVideo {
	max-width: 250px;
}

.article .articleImage + .articleContent {
    padding-top: 15px; 
}

/* ================================================================ *\
    #Questions
\* ================================================================ */

.sectionQuestions {
    font-size: 24px; 
    line-height: 36px; 
    color: #292929;
    font-weight: 600; 
}

.sectionQuestions .sectionHead {
    padding: 29px 0 27px; 
    border-bottom: 3px solid #ccc; 
    margin-bottom: 56px; 
}

.sectionQuestions .sectionHead h3 {
    line-height: 24px; 
    float: left; 
    padding: 8px 0; 
}

.sectionQuestions .sectionHead .linkQuestions {
    font-size: 21px; 
    font-weight: 300; 
    color: #505050; 
    float: right; 
}

.sectionQuestions .sectionHead .linkQuestions:hover,
.sectionQuestions .sectionHead .linkQuestions:active {
    text-decoration: none; 
}

.sectionQuestions .sectionHead .linkQuestions [class^="ico"] {
    margin-left: 20px; 
}

/* ================================================================ *\
    #Single Post
\* ================================================================ */

.sectionPost {
    padding-bottom: 1px; 
}

.sectionPost .sectionHead {
    padding: 28px 0 30px; 
    border-bottom: 3px solid #ccc; 
    margin-bottom: 28px; 
}

.sectionPost .linkBack {
    font-size: 21px; 
    line-height: 40px; 
    color: #292929; 
    float: left; 
}

.sectionPost .linkBack:hover,
.sectionPost .linkBack:active {
    text-decoration: none; 
}

.sectionPost .linkBack [class^="ico"] {
    float: left; 
    margin-right: 26px; 
}

.post {
    background-color: #fff; 
    margin-bottom: 26px; 
}

.post h2 {
    font-size: 40px; 
    line-height: 46px; 
    color: #292929; 
    font-weight: 300; 
    padding-bottom: 25px; 
}

.post .postHead {
    padding: 30px 30px 25px 20px; 
    border-bottom: 3px solid #dfdfdf; 
}

.post .postMeta {
    font-size: 18px; 
    line-height: 22px; 
    color: #8c8c8b; 
}

.post .postMeta em {
    font-style: italic; 
}

.post .postMeta a {
    color: #8c8c8b; 
    display: inline-block; 
    vertical-align: top; 
    margin-left: 28px; 
}

.post .postMeta a:hover,
.post .postMeta a:active {
    text-decoration: none; 
}

.post .postMeta a [class^="ico"] {
    float: left; 
    margin-right: 11px; 
}

.post .postMeta .postTags {
    text-transform: uppercase; 
    float: right; 
}

.post .postMeta .postTags a {
    color: #ccc; 
    text-decoration: underline; 
    margin: 0; 
}

.post .postMeta .postTags a:hover,
.post .postMeta .postTags a:active {
    color: #8c8c8b; 
    text-decoration: none; 
}

.post .postMeta .addFavorite:hover,
.post .postMeta .addFavorite:active {
    color: #d8262e;
}

.post .postMeta .addComment:hover,
.post .postMeta .addComment:active {
    color: #ffc627;
}

.post .postMeta a:hover strong,
.post .postMeta a:active strong {
    font-weight: 700; 
}

.post.favorited .addFavorite strong,
.post.shared .addShare strong {
    font-weight: 700; 
}

.post .postBody {
    padding: 40px 30px 40px 20px; 
}

.post .postContent {
    overflow: hidden; 
}

.post .postContent p {
    padding-bottom: 28px;
    color: #292929;
    word-wrap: break-word;
}

.post .postImage {
    margin-bottom: 20px; 
}

.post .postImage img {
    display: block; 
}

.post .postImage.alignleft {
    margin-right: 50px; 
}

.post .postImage.alignright {
    margin-left: 50px; 
}

.post .postComments {
    padding: 0 30px 25px 20px; 
}

.post .postComments h2 {
    font-size: 30px; 
    line-height: 34px; 
    padding-bottom: 23px; 
}

.post .postComments h2 strong {
    font-weight: 700; 
}

.post .postComments h2 [class^="ico"] {
    float: left; 
    margin: 4px 16px 0 0; 
}

.post .commentForm {
    padding: 14px 28px 20px;
    background-color: #dfdfdf;  
}

.post .commentForm textarea {
    line-height: 24px; 
    width: 83%; 
    width: calc(100% - 194px); 
    width: -webkit-calc(100% - 194px); 
    width: -moz-calc(100% - 194px); 
    width: -o-calc(100% - 194px); 
    width: -ms-calc(100% - 194px); 
    height: 60px; 
    float: left; 
}

.post .commentForm .btn {
    min-width: 0; 
    width: 173px; 
    float: right; 
    padding: 14px 10px; 
    margin-left: 21px; 
}

/* ================================================================ *\
    #Infinite Scrolling
\* ================================================================ */

#infscr-loading {
    bottom: 0;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #8c8c8b;
    display: none !important;
}

.infiniteNav {
    display: none; 
}

/* ================================================================ *\
    #News Feed
\* ================================================================ */

#wall {
    width: 1309px; 
}

.brick { 
    width: 406px; 
    position: relative; 
    padding: 15px; 
    margin: 0 15px 30px; 
    background-color: #fff; 
}

.brick h2 {
    font-size: 30px; 
    line-height: 34px; 
    color: #494949;
    font-weight: 300; 
    padding-bottom: 15px; 
}

.brick h2 a {
    color: #292929;
}

.brick h2 a:hover,
.brick h2 a:active {
    color: #292929;
    text-decoration: none; 
}

.brick h4 {
    font-size: 20px; 
    line-height: 22px; 
    color: #8c8c8b;
    font-weight: 300; 
    padding-bottom: 25px; 
}

.brick h4 a {
    color: #494949;
}

.brick h4 a:hover,
.brick h4 a:active {
    color: #292929;
    text-decoration: none; 
}

.brick p {
    font-size: 18px; 
    line-height: 21px; 
    text-transform: uppercase; 
    padding-bottom: 10px; 
}

.brick em {
    font-style: italic; 
}

.brick p a {
    color: #ccc;
    text-decoration: underline; 
}

.brick p a:hover,
.brick p a:active {
    color: #8c8c8b; 
    text-decoration: none; 
}

.brick ul {
    padding-top: 25px; 
    overflow: hidden; 
}

.brick ul li {
    float: left; 
}

.brick ul li + li {
    float: right; 
}

.brick ul a {
    color: #8c8c8b; 
    display: block; 
}

.brick ul .addFavorite:hover,
.brick ul .addFavorite:active {
    color: #d8262e;
}

.brick ul .addComment:hover,
.brick ul .addComment:active {
    color: #ffc627;
}

.brick ul a:hover strong,
.brick ul a:active strong {
    font-weight: 700; 
}

.brick ul a:hover,
.brick ul a:active {
    text-decoration: none; 
}

.brick ul a [class^="ico"] {
    float: left; 
    margin-right: 8px; 
}

.brick .brickPin {
    font-size: 16px; 
    line-height: 26px; 
    color: #453d23; 
    font-style: italic; 
    font-weight: 300; 
    text-transform: lowercase; 
    display: none; 
    position: absolute; 
    top: 15px; 
    right: 15px; 
    padding: 11px 14px 11px 16px; 
    background-color: rgba(255,255,255,.5); 
}

.brick .brickPin [class^="ico"] {
    margin-left: 7px; 
}

.brick .brickImage {
    padding-bottom: 15px; 
}

.brick .brickImage img {
    display: block; 
    width: 100%
}

.brick .brickImage .playVideo {
    position: relative; 
    display: block; 
}

.brick .brickImage .playVideo img {
    opacity: .69;
}

.brick .brickImage .icoPlay {
    position: absolute; 
    z-index: 3; 
    top: 50%; 
    left: 50%; 
}

.brick.pinned .brickPin {
    display: block; 
}

.brick.favorited .addFavorite strong,
.brick.commented .addComment strong {
    font-weight: 700; 
}

/* ================================================================ *\
    #Modals
\* ================================================================ */

.modal {
    color: #fff; 
    max-height: 100%;
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    z-index: -20; 
    opacity: 0; 
    visibility: hidden; 
    overflow-x: hidden; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
    background-color: #8c8c8b; 
}

.modal.visible {
    z-index: 200; 
    opacity: 1; 
    visibility: visible; 
}

.modal .shell {
    position: relative; 
    padding-top: 75px; 
}

.modalClose {
    font-size: 18px; 
    line-height: 21px; 
    color: #fff;
    position: absolute; 
    top: 32px; 
    right: 0; 
    cursor: pointer; 
}

.modalClose [class^="ico"] {
    float: right; 
    margin: 1px 0 0 10px; 
}

.modal h2 {
    font-size: 54px; 
    line-height: 65px; 
    font-weight: 300; 
    padding-bottom: 25px; 
}

.modal h3 {
    color: #ffc627; 
    text-transform: none; 
    font-weight: 300; 
    padding-bottom: 30px; 
}

.modal .formRow {
    margin-bottom: 27px; 
}

.modal .field {
    font-size: 30px; 
    line-height: 35px; 
    height: 97px; 
    padding: 30px 20px 30px 110px; 
}

.modal .formRow [class^="ico"] {
    left: 30px; 
    margin-top: -2px; 
}

.modal .btn {
    line-height: 28px; 
    height: 60px; 
    float: right; 
    padding: 15px 10px; 
}

.modal .uploadButton {
    font-size: 21px; 
    line-height: 28px; 
    color: #292929;
    text-transform: lowercase; 
    font-variant: small-caps; 
    font-weight: 700; 
    float: left; 
    position: relative; 
    overflow: hidden; 
    padding: 16px 30px; 
}

.modal .uploadButton [class^="ico"] {
    float: left; 
    margin-right: 20px; 
}

.modal .uploadButton input {
    width: 100%; 
    height: 100%; 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    z-index: 2; 
    opacity: 0;
}

.modal .uploadButton a{
	color: #292929;
	text-decoration: none;
}

.uploadButton .icoCamera{
	transition: background-image .5s;
}

.uploadButton:hover .icoCamera{
	background-image: url(images/ico-camera-hover.png);
}

.uploadButton:hover #pickfiles{
	color: #ffc627;
}

#pickfiles{
	color: #292929;
}

#pickfiles:hover{
	text-decoration: none;
}

.modal .modalBody {
    padding-bottom: 65px; 
}

.modal .modalActions {
    font-size: 21px; 
    line-height: 40px; 
    text-align: center; 
    position: relative; 
    padding: 26px 0 30px; 
    border-top: 3px solid #ffc627; 
}

.modal .modalActions a:hover,
.modal .modalActions a:active {
    text-decoration: none; 
}

.modal .modalActions li {
    float: left; 
}

.modal .modalActions li + li {
    float: right; 
}

.modal .modalActions a {
    color: #ffc627;
    display: block; 
}

.modal .modalActions a.hidden { visibility: hidden; }

.modal .modalActions a .icoArrowPrev {
    float: left; 
    margin-right: 26px; 
}

.modal .modalActions a .icoArrowNext,
.modal .modalActions a .icoArrowRight {
    float: right; 
    margin-left: 26px; 
}

.modal .modalActions .allQuestions {
    color: #fff;
    display: inline-block; 
    vertical-align: top; 
}

.showModal .wrapper {
    height: 100%; 
    overflow: hidden; 
    opacity: 0;
    visibility: hidden; 
}

.addFavorite [class^="ico"] {
    width: 29px; 
    height: 24px; 
    background-image: url(images/ico-favorties-default.png); 
}

.addFavorite:hover [class^="ico"],
.addFavorite:active [class^="ico"] {
    background-image: url(images/ico-favorites-hover.png); 
}

.favorited .addFavorite [class^="ico"],
.favorited .addFavorite:hover [class^="ico"],
.favorited .addFavorite:active [class^="ico"] {
    background-image: url(images/ico-favorites-on.png); 
}

.addComment [class^="ico"] {
    width: 30px; 
    height: 30px; 
    background-image: url(images/ico-comments-default.png); 
}

.addComment:hover [class^="ico"],
.addComment:active [class^="ico"] {
    background-image: url(images/ico-comments-hover.png); 
}

.commented .addComment [class^="ico"],
.commented .addComment:hover [class^="ico"],
.commented .addComment:active [class^="ico"] {
    background-image: url(images/ico-comments-on.png); 
}

.addShare [class^="ico"] {
    width: 28px; 
    height: 21px; 
    background-image: url(images/ico-share-default.png); 
}

.addShare:hover [class^="ico"],
.addShare:active [class^="ico"] {
    background-image: url(images/ico-share-hover.png); 
}

.commented .addShare [class^="ico"],
.commented .addShare:hover [class^="ico"],
.commented .addShare:active [class^="ico"] {
    background-image: url(images/ico-share-on.png); 
}

/* ================================================================ *\
    #Transitions, Transforms and Animations
\* ================================================================ */

a,
button,
input,
textarea,
.btn { 
    -webkit-transition: color .5s, background-color .5s, border-color .5s; 
    -moz-transition: color .5s, background-color .5s, border-color .5s; 
    -o-transition: color .5s, background-color .5s, border-color .5s; 
    -ms-transition: color .5s, background-color .5s, border-color .5s; 
    transition: color .5s, background-color .5s, border-color .5s; 
}

.navAccess li ul,
.modal {
    -webkit-transition: opacity .5s, visibility .5s; 
    -moz-transition: opacity .5s, visibility .5s; 
    -o-transition: opacity .5s, visibility .5s; 
    -ms-transition: opacity .5s, visibility .5s; 
    transition: opacity .5s, visibility .5s; 
}

.nav [class^="ico"],
.loginForm .formControls [class^="ico"],
.modal .formRow [class^="ico"] {
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%); 
}

.brick .brickImage .icoPlay {
    transform: translate(-40%,-50%); 
    -webkit-transform: translate(-40%,-50%); 
    -moz-transform: translate(-40%,-50%); 
    -o-transform: translate(-40%,-50%); 
    -ms-transform: translate(-40%,-50%); 
}

/* ================================================================ *\
    #Extra
\* ================================================================ */

.errorSummary{
	color: red;
}

.unanswered-questions{
	display: none;
}

#preview{
	clear: both;
	padding: 15px 0;
}

.clear{
	clear: both;
}

.noscroll{
	overflow: hidden;
	position: fixed;
}

/* ================================================================ *\
    #Override Yii CSS
\* ================================================================ */

.span-19, .span-5{
    padding: 25px;
}

form .form-row{
    margin: 20px 0;
}

form .form-row label{
    font-weight: bold;
}

form p{
    padding: 5px 0;
}

/* ================================================================ *\
    #Swiper JS
\* ================================================================ */
.help{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	overflow-x: hidden;
	overflow-y: auto;
	opacity: .95;
	background-color: #ffc527;
	width: 100%;
	height: 100%;
	color: #292929;
	text-align: center;
	display: none;
}

.help .help-header strong{
	font-weight: bold;
}

.help .help-header{
	font-size: 42px;
	color: #292929;
	text-align: center;
	font-weight: bold;
}

.help .help-header p{
	color: #fff;
	font-size: 67px;
	font-weight: normal;
}

.help .help-header .icoLogo{
	width: 72px;
	height: 61px;
	margin-bottom: 25px;
	margin-right: 15px;
}

.device {
  width: 70%;
  height: 300px;
  padding: 30px 40px;
  margin: 5px auto;
  position: relative;
}

.device .arrows{
	text-align: center;
	position: relative;
}

.device .arrow-left {
  	display: inline-block;
  	background: url(images/arrow-left.png) no-repeat;
  	width: 48px;
  	height: 25px;
  	margin-right: 125px;
}
.device .arrow-right{
  	display: inline-block;
  	background: url(images/arrow-right.png) no-repeat;
  	width: 48px;
  	height: 25px;
  	margin-left: 125px;
}
.swiper-container {
  height: auto;
  width: auto;
  font-size: 27px;
  margin-top: 15px;
}

.swiper-wrapper{
	height: auto !important;
}

.swiper-slide{
	height: auto !important;
}

.content-slide {
  padding: 20px;
}
.swiper-slide p{
  padding: 10px 0;
}
.pagination {
  position: relative;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; /* border radius */
 -moz-background-clip: padding;
 background: #fddb00;
  margin: 0 7px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
  width: 20px;
  height: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; /* border radius */
 -moz-background-clip: padding;
}

a.close-help{
	color: #fff;
	font-size: 50px;
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 4000;
}

a.close-help:hover{
	text-decoration: none;
}

/* ==========================================================================
    #Account Info
========================================================================== */
.account form label{
	float: left;
	width: 30%;
	padding: 17px 0;
}

.account form input{
	float: left;
	width: 70%;
}

/* ==========================================================================
    #Select2
========================================================================== */
.select2, .select2-container {
	font-size: 15px;
}

.select2-container::after{
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	right: 10px;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
	content: '&';
	text-indent: -99999px;
}

.select2-container.select2-container--open::after{
	border-color: transparent transparent #888 transparent;
	border-style: solid;
	border-width: 0 4px 5px 4px;
	height: 0;
	right: 10px;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
	content: '&';
	text-indent: -99999px;
}

.select2-search__field{
	height: auto !important;
	padding: 5px !important;
}

.select2-results__option{
	border: 1px solid #d9d9d9;
	padding: 10px;
}

.select2-selection__choice{
	max-width: 85%;	
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	line-height: 25px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	margin: 2px 10px 2px 2px !important;
	font-size: 25px !important;
}

/* ==========================================================================
    #Responsive Media Queries
========================================================================== */

@media ( max-width: 1340px ) {
    .shell {
        width: auto; 
        padding: 0 25px; 
    }

    .sectionFilters {
        padding-bottom: 17px; 
    }

    .sectionFilters form {
        position: relative; 
        padding-left: 132px; 
        margin-right: -20px; 
    }

    .sectionFilters label {
        position: absolute; 
        top: 0; 
        left: 0; 
    }

    .sectionFilters .formField {
        width: 50%; 
        padding: 0 20px 10px 0; 
        margin: 0; 
    }

    .sectionFilters .chosen-container {
        width: 100% !important; 
    }

    .sectionFilters .sectionActions {
        padding-top: 7px; 
    }

    #wall {
        width: 922px; 
    }

    .modalClose {
        right: 25px; 
    }
}

@media ( max-width: 1280px ) {
    .icoEdit {
        width: 31px; 
        height: 31px; 
    }

    .nav {
        font-size: 0; 
        line-height: 0; 
        text-align: center; 
    }

    .nav li {
        float: none; 
        display: inline-block; 
        vertical-align: middle; 
    }

    .nav a {
        font-size: 22px; 
        line-height: 31px;
    }

    .post .postImage,
    .post .postImage.alignright,
    .post .postImage.alignleft {
        float: none; 
        margin: 0 auto 25px; 
    }

    .post .postImage img {
        margin: 0 auto; 
    }

    .modal h2 {
        font-size: 38px; 
        line-height: 48px; 
    }

    .modal .field {
        font-size: 20px; 
        line-height: 23px; 
        height: 75px; 
        padding: 25px 15px 25px 80px; 
    }

    .help .help-header{
		font-size: 36px;
	}
	
	.help .help-header p{
		font-size: 60px;
	}
	
	.help .help-header .icoLogo{
		width: 65px;
		height: 55px;
		margin-bottom: 25px;
		margin-right: 12px;
	}
	
	.swiper-container {
	  font-size: 22px;
	}
}

@media ( max-width: 1023px ) {
    .icoMcdonalds {
        width: 52px; 
        height: 44px; 
    }

    .icoMic, 
    .icoMicrophone {
        width: 22px; 
        height: 38px; 
    }

    .login .logo {
        font-size: 52px; 
        line-height: 53px; 
        height: 53px; 
    }

    .login .logo [class^="ico"] {
        margin-right: 12px; 
    }

    .login .loginHead {
        padding: 49px 0; 
    }

	.navAccess a{
		font-size: 0;
	}

    .navAccess a strong {
        display: none; 
    }

	.navAccess li ul {
        width: 180px; 
        right: 0; 
        left: auto; 
    }

	.nav a{
		font-size: 17px;
		padding-left: 34px;
	}

    .sectionDashboard .sectionHead ul {
        padding: 0; 
    }

    .sectionDashboard .sectionHead li {
        padding: 0 23px; 
    }

    .sectionDashboard .sectionHead li:first-child {
        padding-left: 0; 
    }

    .sectionDashboard .sectionHead li:last-child {
        padding-right: 0; 
    }

    .sectionQuestions {
        font-size: 20px; 
        line-height: 24px; 
    }

    .sectionQuestions .sectionHead {
        margin-bottom: 33px; 
    }

    .listQuestions a {
        padding: 20px 20px 20px 63px; 
    }

    .listQuestions a br {
        display: none; 
    }

    .listQuestions a [class^="ico"] {
        left: 23px; 
    }

    .listQuestions a.disabled [class^="ico"] {
        top: 15px; 
        left: 18px; 
    }

    .post .postBody {
        padding-bottom: 0; 
    }

    .post .postImage img {
        width: 100%; 
    }

    .listComments li {
        padding: 15px 17px; 
    }

    .post .commentForm {
        padding: 14px 17px; 
    }

    .listComments li a {
        display: block; 
    }

    #wall { 
        width: 486px; 
    }

	.brick { 
    	width: 486px;
    	margin: 0 0 30px;
    }

    .modal .shell {
        padding-top: 65px; 
    }

    .modalClose {
        top: 22px; 
    }

    .modal .modalActions ul {
        padding-bottom: 30px; 
    }

    .modal .modalActions ul:after {
        content: '';
        line-height: 0;  
        display: table; 
        clear: both; 
    }
    
    .device{
    	width: 85%;
    }
    
    .help .help-header{
		font-size: 32px;
	}
	
	.help .help-header p{
		font-size: 55px;
	}
	
	.help .help-header .icoLogo{
		width: 60px;
		height: 50px;
		margin-bottom: 22px;
		margin-right: 8px;
	}
	
	.swiper-container {
	  font-size: 20px;
	}
	
	.article .articleFoot .addFavorite, .article .articleFoot li {
		font-size: 15px;
	}
	
	.article .articleVideo{
		width: 150px;
	}
}

@media ( max-width: 851px ) {
	
	.nav li{
		padding-left: 40px;
	}
	
	.nav li br{
		display: block;
	}
	
	.nav li a{
		font-size: 17px;
		padding-left: 35px;
		line-height: 18px;
	}
}

@media ( max-width: 670px ) {
    h2 {
        font-size: 20px; 
        line-height: 28px; 
    }

    .icoMcdonalds {
        width: 36px; 
        height: 30px; 
    }

    .icoEnvelope {
        width: 20px; 
        height: 15px; 
    }

    .icoUsers {
        width: 20px; 
        height: 18px; 
    }

    .icoLogo {
        width: 33px; 
        height: 27px; 
    }

    .icoNews {
        width: 19px; 
        height: 19px; 
    }

    .icoLightbulb {
        width: 15px; 
        height: 22px; 
    }

    .icoFavorites {
        width: 17px; 
        height: 15px; 
    }

    .icoDownload {
        width: 19px; 
        height: 17px; 
    }

    .icoNewsItem {
        width: 25px; 
        height: 25px; 
    }
    
    .icoPen {
        width: 18px; 
        height: 21px; 
    }

    .btn {
        font-size: 22px; 
        padding: 10px; 
    }

    .shell {
        padding: 0 23px; 
    }

    .login .logo {
        font-size: 36px; 
        line-height: 38px; 
        height: 38px; 
    }

    .login .logo [class^="ico"] {
        margin: 2px 5px 0 0; 
    }

    .login .loginHead {
        padding: 25px 0 15px; 
    }

    .loginForm { 
        width: auto; 
        padding: 0 20px; 
    }

    .loginForm .formLabel {
        font-size: 16px; 
        line-height: 20px; 
    }

    .loginForm .formRow {
        padding-bottom: 10px; 
    }

    .loginForm .formControls [class^="ico"] {
        left: 12px; 
    }

    .loginForm .field {
        font-size: 18px; 
        line-height: 22px; 
        height: 54px; 
        padding: 15px 10px 15px 40px; 
    }

    .header .logo {
        font-size: 21px; 
        line-height: 27px; 
        padding: 24px 0 25px; 
    }

    .navAccess li {
        padding-left: 15px; 
    }

    .navAccess a {
        padding: 19px 0 16px; 
    }

    .navAccess a .notifications {
        top: 14px; 
        left: 15px; 
    }

    .nav {
        padding: 12px 0 11px; 
    }

    .nav li {
        padding: 0 10px;
        width: 20%;
    }
	
    .nav li a {
        font-size: 17px; 
        font-weight: 700; 
        line-height: 18px; 
        padding: 0; 
    }

    .nav [class^="ico"] {
        position: static; 
        margin: 0 auto 3px auto;; 
        transform: none; 
        -webkit-transform: none; 
        -moz-transform: none; 
        -o-transform: none; 
        -ms-transform: none; 
    }

    .nav .icoNews {
        margin: 2px auto 4px; 
    }

	.nav .icoLightbulb{
		margin: 0 auto 3px;
	}

    .nav .icoFavorites {
        margin: 5px auto; 
    }

    .nav .icoDownload {
        margin: 4px auto; 
    }

    .sectionDashboard .sectionHead {
        padding-bottom: 9px; 
    }

    .sectionDashboard .sectionHead ul {
        text-align: left; 
        padding-left: 25px; 
    }

    .sectionDashboard .sectionHead li {
        display: block; 
        padding: 0 0 38px; 
    }

    .listActions {
        margin: 0; 
    }

    .listActions li {
        width: auto; 
        float: none; 
        padding: 0 25px 17px; 
    }

    .sectionFilters form {
        padding-left: 128px; 
        margin: 0; 
    }

    .sectionFilters .formField {
        width: auto; 
        float: none; 
    }

	.article .articleImage, .article .articleVideo{
		max-width: 100%;
	}

    .article .articleContainer {
        padding: 25px 20px; 
    }

    .article .articleHead h2 {
        line-height: 28px; 
        padding-left: 44px; 
        position: relative; 
    }

    .article .articleHead h2 [class^="ico"] {
        position: absolute; 
        top: 0; left: 0; 
    }

    .article .articleContent {
        font-size: 24px; 
        line-height: 34px; 
    }

    .article .articleFoot {
        padding: 20px 20px 1px; 
    }

    .article .articleFoot .addFavorite, 
    .article .articleFoot ul,
    .article .articleFoot li {
        float: none; 
        padding: 0; 
        margin-bottom: 20px; 
    }

    .article .articleImage {
        float: none; 
        margin: 0 0 10px; 
    }
    
    .article .articleVideo{
		width: 100%;
	}

    .article .articleImage img {
        width: 100%; 
        height: auto; 
    }

    .modal {
        padding: 0 23px; 
    }

    .modal .field {
        height: 185px; 
    }

    .modal .formRow [class^="ico"] {
        top: 22px; 
        transform: none; 
        -webkit-transform: none; 
        -moz-transform: none; 
        -o-transform: none; 
        -ms-transform: none; 
    }
    
    .modal .btn,
    .modal .uploadButton {
        width: 100%; 
        float: none; 
        margin-bottom: 20px; 
    }

    .modal .btn, .modal .uploadButton {
        padding: 5px 0 10px; 
    }

    .modal .modalBody {
        padding-bottom: 53px; 
    }

    .post h2 {
        font-size: 34px; 
        line-height: 42px; 
    }

    .post .postMeta:after {
        content: ''; 
        line-height: 0; 
        display: table; 
        clear: both; 
    }

    .post .postMeta em {
        display: block;
        margin-bottom: 20px;  
    }

    .post .postMeta a {
        float: left; 
        margin: 0; 
    }

    .post .postMeta a + a {
        float: right; 
    }

    .post .postMeta .postTags {
        margin-top: 20px; 
        width: 100%; 
    }

    .post .postMeta .postTags a {
        float: none; 
    }
    
    .post .postHead,
    .post .postBody {
        padding: 15px; 
    }

    .post .postComments {
        padding: 23px 15px 0; 
        border-top: 35px solid #dfdfdf; 
    }

    .listComments {
        margin: 0 -15px; 
        background-color: transparent; 
    }

    .post .commentForm {
        text-align: center; 
        padding: 0; 
        border-top: 35px solid #dfdfdf; 
        margin: 0 -15px; 
    }

    .post .commentForm textarea {
        width: 100%; 
        height: 234px; 
        float: none; 
    }

    .post .commentForm .btn {
        float: none; 
        margin-top: 18px;
        margin-left: 0;
    }

    #wall {
        width: 486px; 
        padding: 0; 
    }

    .brick { 
        margin: 0 0 25px; 
    }
    
    .device{
    	width: 100%;
    	padding: 10px 20px;
    }
    
    .help .help-header{
		font-size: 25px;
	}
	
	.help .help-header p{
		font-size: 28px;
	}
	
	.help .help-header .icoLogo{
		width: 36px;
		height: 30px;
		margin-bottom: 15px;
		margin-right: 5px;
	}
	
	.swiper-container {
	  font-size: 14px;
	}
	
	.device .arrow-left{
		margin-right: 55px;
	}
	
	.device .arrow-right{
		margin-left: 55px;
	}
	
	.swiper-slide p{
		padding: 5px 0;
	}
	
	a.close-help{
		font-size: 35px;
		position: absolute;
		right: 20px;
		top: 0;
	}
	
	.account form label, .account form input{
		font-size: 13px;
	}
	
	.post .postComments h2{
		font-size: 20px;
		line-height: 20px;
		padding-bottom: 26px;
	}
	
	.post .postComments h2 [class^="ico"] {
		margin: 0px 16px 0 0;
	}
	
	.post .postComments .icoCommentsCount{
		width: 23px;
		height: 24px; 
	}
	
	.span-19, .span-5{
		padding: 5px;
	}
}

@media ( max-width: 500px ) {
    .shell {
        padding: 0 15px; 
    }

    .header .logo [class^="ico"] {
        margin-right: 5px; 
    }

    .headerBody {
        position: relative; 
        z-index: 10; 
    }

    .nav li {
        width: 20%; 
        float: left; 
        padding: 0; 
    }

    .nav li a {
        font-size: 12px; 
        line-height: 12px; 
    }

    .sectionFilters {
        padding: 10px 0; 
        margin-bottom: 20px; 
    }

    .sectionFilters form {
        padding: 0; 
    }

    .sectionFilters label {
        position: static; 
        padding: 0 0 5px; 
    }

    .sectionFilters .formField {
        padding: 0 0 10px; 
    }

    .article {
        margin-bottom: 15px; 
    }

    .article .articleContainer {
        padding: 15px 15px 0; 
    }

    .article .articleHead h2 {
        font-size: 20px; 
        line-height: 24px; 
        padding-left: 36px; 
    }

    .article .articleContent {
        font-size: 18px; 
        line-height: 21px; 
    }

    .article .articleMeta {
        padding: 10px 0; 
    }

    .article .articleMeta a {
        display: block; 
        margin: 0; 
    }

    .article .articleFoot {
        padding: 15px 15px 0; 
    }

    .article .articleFoot .addFavorite, 
    .article .articleFoot ul, 
    .article .articleFoot li {
        margin-bottom: 15px; 
    }

    .sectionDashboard {
        padding: 15px 0; 
    }

    .sectionDashboard .sectionHead h3 {
        padding-bottom: 15px; 
    }

    .sectionDashboard .sectionHead li {
        padding-bottom: 15px; 
    }

    .listActions .btn span {
        padding: 0 10px; 
    }

    .post h2 {
        font-size: 20px; 
        line-height: 24px; 
        padding-bottom: 15px; 
    }

    .post .postMeta {
        font-size: 14px; 
    }

    .post .postBody {
        font-size: 18px; 
        line-height: 21px; 
    }

    .listComments {
        font-size: 16px; 
        line-height: 19px; 
    }

    #wall {
        width: 280px; 
    }

    .brick {
        width: 280px; 
    }

    .brick h2 {
        font-size: 23px; 
        line-height: 24px; 
    }
    
    .brick h4 {
        font-size: 16px; 
        line-height: 18px; 
    }

    .brick p {
        font-size: 16px; 
        line-height: 19px; 
    }

    .brick ul {
        padding-top: 15px; 
    }

    .brick ul li {
        float: none; 
    }

    .brick ul li + li {
        float: none; 
        margin-top: 15px; 
    }

    .listQuestions a {
        font-size: 18px; 
        line-height: 21px; 
        padding: 15px 15px 15px 45px; 
    }

    .listQuestions a [class^="ico"] {
        top: 15px; 
        left: 12px; 
    }

    .listQuestions a.disabled [class^="ico"] {
        top: 15px; 
        left: 7px; 
    }

    .modal {
        padding: 0;
     	height: 100%;
    }

    .modal h2 {
        font-size: 20px; 
        line-height: 24px; 
    }

    .modal h3 {
        font-size: 18px; 
        line-height: 21px; 
        padding-bottom: 10px; 
    }

    .modal .formRow {
        margin-bottom: 15px; 
    }

    .modal .btn, 
    .modal .uploadButton {
        margin-bottom: 10px; 
    }

    .modal .modalBody {
        padding-bottom: 10px; 
    }

    .modal .modalActions {
        font-size: 14px; 
        line-height: 20px; 
        padding: 15px 0; 
    }

    .modal .modalActions ul {
        padding-bottom: 15px; 
    }

    .modal .modalActions a .icoArrowPrev {
        margin-right: 6px; 
    }

    .modal .modalActions a .icoArrowNext, 
    .modal .modalActions a .icoArrowRight {
        margin-left: 6px; 
    }

    .icoArrowPrev,
    .icoArrowNext,
    .icoArrowLeft,
    .icoArrowRight {
        width: 12px; 
        height: 21px; 
    }

    .sectionDashboard .sectionHead ul {
        padding: 0; 
    }

    .listActions li {
        padding: 0 0 15px; 
    }
    
    .listQuestions .icoTick {
    	width: 25px;
    	height: 20px;
    }
    
    .listQuestions .icoMic {
    	width: 18px;
		height: 30px;
		top: 10px !important;
		left: 12px !important;
    }
}

/* ================================================================ *\
    #Print CSS
\* ================================================================ */
@media all {
	.page-break	{ display: none; }
}

@media print {
	
	#wall{
		width: 1024px;
	}
	
	.article .articleHead h2{
		font-size: 20px;
		line-height: 24px;
	}
	
    [class^="ico"],
    .sectionFilters,
    .navAccess {
        display: none; 
    }
    .article {
        margin-top: 15px; 
        border-top: 3px solid #fddb00;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 0;
    }
	.articleImage a{
		display: block;
	}

	.articleImage img{
		max-height: 100%;
	} 

	.articleImage{
		max-width: 200px;
		display: block;
		float: left;
		padding-bottom: 15px;
		max-height: 100%;
	}

	iframe{
		display: none;
	}

	.articleContent p{
		font-size: 16px;
		line-height: 20px;
	}

    .sectionArticles{
        border-bottom: 3px solid #fddb00;   
    }
    
    .sectionArticles .shell{
    	height: auto !important;
    }
    
    .cf:before, .cf:after{
    	display: block;
    }
    
    .articleFoot{
    	display: none;
    }
    
    /*.page-break	{ display: block; page-break-after: always; }*/
    
    .nav{ display: none;}

	.article .articleImage{ text-align: center; width: 150px; }
	.article .articleHead h2{ padding-left: 0; }
	
	.article .articleMetaSecondary {padding: 0;}
}