/** TextMarks Web 3 Common CSS Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2014, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/** TextMarks Web 3 2014 TM Global SCSS Include Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2014, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/* --------------------------------------------------------------------------- CONSTANTS */
/* --------------------------------------------------------------------------- TWITTER BOOTSTRAP RESPONSIVE CONSTS AND MIXINS */
/* --------------------------------------------------------------------------- TEXTMARKS SPECIFIC MIXINS */
/* --------------------------------------------------------------------------- GENERIC MIXINS */
@media (min-width: 768px) { section#zook .container-fluid { top: 60%; bottom: auto; } }
section#zook .container-fluid .row { margin-top: 0px; margin-bottom: 0px; }
section#zook .container-fluid .row .alert_zook { display: none; position: fixed; z-index: 10; bottom: 0%; left: -2000px; width: 100%; margin-bottom: 0px; padding: 0px; text-align: center; background: #2c3342; border-color: #282e3c; color: #8bba33; border-radius: 0; box-shadow: 0px 0px 5px #333333; }
@media (min-width: 768px) { section#zook .container-fluid .row .alert_zook { margin-left: -5px; top: 30%; bottom: inherit; width: inherit; padding-right: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; box-shadow: 3px 3px 10px #333333; } }
section#zook .container-fluid .row .alert_zook .close { top: 5px; right: 15px; padding: 5px; opacity: 0.5; font-weight: normal; font-size: 26px; color: #dcdddf; }
@media (min-width: 768px) { section#zook .container-fluid .row .alert_zook .close { top: 2px; right: -5px; font-size: 32px; } }
section#zook .container-fluid .row .alert_zook .zook_content { margin-left: 15px; }
section#zook .container-fluid .row .alert_zook .zook_content span.fa-stack { margin-left: 0px; margin-top: 10px; margin-bottom: 5px; font-size: 20px; }
@media (min-width: 768px) { section#zook .container-fluid .row .alert_zook .zook_content span.fa-stack { margin-left: 0px; margin-top: 5px; font-size: 42px; } }
section#zook .container-fluid .row .alert_zook .zook_content p { margin-left: 0px; margin-right: 0px; text-align: left; color: white; }
section#zook .container-fluid .row .alert_zook .zook_content p.small_text { margin-top: 10px; margin-bottom: 0px; font-size: 10px; font-weight: 300; color: #edf3f7; }
@media (min-width: 768px) { section#zook .container-fluid .row .alert_zook .zook_content p.small_text { font-size: 14px; text-align: center; margin-left: 20px; margin-right: 20px; } }
section#zook .container-fluid .row .alert_zook .zook_content p.large_text { font-size: 15px; font-weight: bold; }
@media (min-width: 768px) { section#zook .container-fluid .row .alert_zook .zook_content p.large_text { font-size: 25px; text-align: center; } }
section#zook .container-fluid .row .alert_zook .zook_content p.large_text a { color: inherit; }