/******************************************************************************** *
 * Copyright 2015-2017 Jawger, Inc. All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains the property of
 * Jawger, Inc. The intellectual and technical concepts contained herein
 * are proprietary to Jawger, Inc., may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material is
 * strictly forbidden unless prior written permission is obtained from Jawger, Inc.
 */

@font-face {font-family: Grinched20; src: url('/fonts/Grinched+2.0.ttf');}

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px;}

html, body{height: 100%; width: 100%;  background-color: rgb(94, 17, 158); font-family: helvetica, arial, sans-serif; font-size:12px; line-height: 1.5;} 

body::-webkit-scrollbar {width: 1em;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey;}

.jwgr-banner-home{width: 100%; height: 0; padding-bottom: 66.6%; background: no-repeat center/cover; background-image: url('/images/mktg/twenty-pic1.jpg');}

.jwgr-header{height: 46px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25); z-index: 2;}
.jwgr-header-menu{margin-top: 46px; height: 38px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);}

@media (max-width:600px) {.jwgr-section-header{text-align: center; font-size: 24px; color:rgb(94, 17, 158) !important; font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif;}}
@media (min-width:601px) {.jwgr-section-header{font-size: 24px; color:rgb(94, 17, 158) !important; font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif;}}
@media (max-width:600px) {.jwgr-section-subheader{text-align: center; font-size: 15px; color: #8e8e8e; font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif;}}
@media (min-width:601px) {.jwgr-section-subheader{font-size: 15px; color: #8e8e8e; font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif;}}
@media (max-width:600px) {.jwgr-section-text{text-align: center; font-size: 15px; color: #000000; font-family: 'Open Sans', sans-serif;}}
@media (min-width:601px) {.jwgr-section-text{font-size: 15px; color: #000000; font-family: 'Open Sans', sans-serif;}}

.jwgr-modal-header-menu{height: 38px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);}
.jwgr-modal-footer{max-width:980px; margin-bottom: 1%!important;}
@media (max-width:600px){.jwgr-modal{background-color: rgba(0, 0, 0, 0.55);}.jwgr-modal-header{max-width: 980px; height: 48px; border-radius: 0;}.jwgr-modal-body{width: 100%; height: 100%; border-radius: 0; padding-bottom: 54px;}}
@media (min-width:601px){.jwgr-modal{padding: 3% 16px 0 16px!important; background-color: rgba(0, 0, 0, 0.55);}.jwgr-modal-level-1{padding-top: 3%!important; z-index: 20!important}.jwgr-modal-level-2{padding-top: 6%!important; z-index: 30!important}.jwgr-modal-level-3{padding-top: 9%!important; z-index: 40!important}.jwgr-modal-level-4{padding-top: 12%!important; z-index: 50!important}.jwgr-modal-header{max-width: 980px; height: 48px; border-radius: 16px 16px 0px 0px;}.jwgr-modal-body{width: 100%; max-width: 820px; height: 100%;  border-radius: 16px 16px 0 0 ; padding-bottom: 54px;}}

@media (max-width:600px){.jwgr-content-body{height: 100%; padding-top: 46px; padding-bottom: 72px; overflow: overflow: hidden; -webkit-overflow-scrolling: touch;}.jwgr-content-body-activity{padding-top: 80px;}.jwgr-content-body-left{height: 100%; padding-bottom: 36px;}.jwgr-content-body-contacts{padding-bottom: 66px;}}
@media (min-width:601px){.jwgr-content-body{height: 100%; padding-top: 46px; padding-bottom: 29px; overflow: hidden; -webkit-overflow-scrolling: touch;}.jwgr-content-body-left{height: 100%; padding-bottom: 72px;}.jwgr-content-body-contacts{padding-bottom: 92px;}}

.jwgr-overflow-x {width: 100%; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch}
.jwgr-overflow-y {height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch}

.jwgr-sticky-top {position: -webkit-sticky; position: sticky; top: 0}

.jwgr-font{font-family: 'Grinched20';}
.jwgr-font-h1{font-family: 'Grinched20'; font-size: 18pt;}
.jwgr-transparent{background-color: rgba(255, 255, 255, 0.0);}
.jwgr-text-purple{color: rgb(94, 17, 158) !important;}.jwgr-purple{color: #fff !important; background-color: rgb(94, 17, 158) !important;}
.jwgr-hover-purple{border: 1px solid rgba(255, 255, 255, 0.0) !important;}.jwgr-hover-purple:hover{border: 1px solid rgba(94, 17, 158, 1.0) !important; background-color: rgba(94, 17, 158, 0.15) !important;cursor:pointer;}

.jwgr-accessory-reveal:hover .jwgr-accessory{display: block; visibility: visible;}
@media (max-width:600px) {.jwgr-accessory{display: block; width: 24px; height: 100%; background-color: rgba(255, 255, 255, 0.7);}}
@media (min-width:601px) {.jwgr-accessory{display: none; width: 24px; height: 100%; background-color: rgba(255, 255, 255, 0.7);}}
.jwgr-accessory-trash{background-repeat: no-repeat; background-position: center; background-image: url('/images/trashcan22x22_445293.png'); background-size: 18px;}
.jwgr-accessory-edit{background-repeat: no-repeat; background-position: center; background-image: url('/images/compose_editpost_414522_24x24_black2.png'); background-size: 18px;}
.jwgr-accessory-edit-inline-photo {background-repeat: no-repeat; background-position: center; background-image: url('/images/keyboard_photos_445824@3x.png'); background-size: 18px;}
.jwgr-accessory-edit-attach-audio {background-repeat: no-repeat; background-position: center; background-image: url('/images/keyboard_audio_414524@3x.png'); background-size: 18px;}
.jwgr-accessory-edit-attach-video {background-repeat: no-repeat; background-position: center; background-image: url('/images/keyboard_video_396890@3x.png'); background-size: 18px;}
.jwgr-accessory-edit-attach-photo {background-repeat: no-repeat; background-position: center; background-image: url('/images/keyboard_photos_noplus_445824@3x.png'); background-size: 18px;}

.jwgr-badge {display: inline-block; border-radius: 50%; padding-left: 2px; padding-right: 2px; vertical-align: middle; text-align: center; background-color: #000; color: #fff;}
.jwgr-badge-tiny {min-width: 18px; min-height: 18px; line-height: 18px; font-size: 10px !important;}
.jwgr-badge-small {min-width: 22px; min-height: 22px; line-height: 22px; font-size: 12px !important;}

.jwgr-border {border:2px solid rgb(94, 17, 158) !important}
.jwgr-border-white {border: 1px solid #fff}

.jwgr-button {border: 1px solid rgb(94, 17, 158) !important; border-radius: 14px; background-color: #fff; height: 28px; padding: 0px 8px; color: rgb(94, 17, 158) !important;}.jwgr-button:hover{background-color: rgb(94, 17, 158); color: #fff!important;} 

.jwgr-shadow {box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);}

.jwgr-tile {width: 100%; padding: 2px;}

.jwgr-badge-30 {border: 1px solid lightgray; border-radius: 4px; -moz-border-radius: 4px; width: 30px; height: 30px;}
.jwgr-badge-36 {border: 1px solid lightgray; border-radius: 4px; -moz-border-radius: 4px; width: 36px; height: 36px;}
.jwgr-badge-40 {border: 1px solid lightgray; border-radius: 8px; -moz-border-radius: 8px; width: 40px; height: 40px;}
.jwgr-badge-60 {border: 1px solid lightgray; border-radius: 8px; -moz-border-radius: 8px; width: 60px; height: 60px;}

.jwgr-fbk-bookmark {width: 32px; height: 42px; background: url(/images/fbkbookmark_outline_32x48@3x.png) no-repeat center; background-size: 24px 34px; }
.jwgr-fbk-bookmark-sel {width: 32px; height: 42px; background: url(/images/fbkbookmark_32x48@3x.png) no-repeat center; background-size: 24px 34px; }
.jwgr-fbk-bookmarked {display: inline-block; height: 20px; content: url(/images/fbkbookmark_32x48@3x.png);}
.jwgr-fbk-fav {width: 20px; height: 20px; background: url(/images/favorite_446236_24X240@3x.png) no-repeat center; background-size: 20px; }
.jwgr-fbk-fav-sel {width: 20px; height: 20px; background: url(/images/favorite_446236_24X24p@3x.png) no-repeat center; background-size: 20px; }
.jwgr-fbk-like {width: 20px; height: 20px; background: url(/images/fbklike_outline_41x41@3x.png) no-repeat center; background-size: 20px; }
.jwgr-fbk-like-sel {width: 20px; height: 20px; background: url(/images/fbklike_40x40@3x.png) no-repeat center; background-size: 20px; }
.jwgr-fbk-liked {display: inline-block; height: 20px; content: url(/images/fbklike_40x40@3x.png)}
.jwgr-fbk-comment {display: inline-block; height: 20px; content: url(/images/fbkcomment_40x40@3x.png);}
.jwgr-fbk-comments {display: inline-block; height: 20px; content: url(/images/fbkcomment_40x40@3x.png);}
.jwgr-fbk-honorees {display: inline-block; height: 20px; content: url(/images/fbkhonoree_445280@3x.png);}
.jwgr-fbk-invites {display: inline-block; height: 20px; content: url(/images/fbkinvite_120x120.png);}
.jwgr-fbk-members {display: inline-block; height: 20px; content: url(/images/fbkpeople_445272@3x.png);}
.jwgr-fbk-posts {display: inline-block; height: 20px; content: url(/images/fbkmoments_40x40@3x.png);}
.jwgr-fbk-read {display: inline-block; width: 20px; content: url(/images/fbkview_40x40@3x.png);}
.jwgr-fbk-view {display: inline-block; width: 20px; content: url(/images/fbkview_40x40@3x.png);}
.jwgr-fbk-text {padding-left:4px;}

.jwgr-hover{cursor: pointer;}
.jwgr-hover-underbar:hover{border-bottom: 1px solid rgba(94, 17, 158, 1.0) !important; color: rgb(94, 17, 158);}

.jwgr-property-header{margin-top: 12px; text-transform: uppercase;}
.jwgr-property-row{width: 100%; min-height: 44px; overflow: hidden;}
.jwgr-property-row-sel{width: 100%; min-height: 44px; overflow: hidden; border: 1px solid #fff}.jwgr-property-row-sel:hover{border: 1px solid rgba(94, 17, 158, 1.0) !important; background-color: rgba(94, 17, 158, 0.15) !important;cursor:pointer;}

.jwgr-slider {display: none;}
.jwgr-slider-nav {cursor: pointer;}
.jwgr-slider-index {height: 13px; width: 13px;padding: 0 !important; cursor: pointer;}

.jwgr-input {border: 1px solid #cecece; padding: 0px 2px;} 
.jwgr-input:optional::placeholder {color: #cccccc;}
.jwgr-input:required:invalid {color: red;}
.jwgr-input:required::placeholder {color: rgb(94, 17, 158);}
/*.jwgr-input:placeholder-shown {border: 1px; border-bottom: 1px solid grey; background-color: lightgrey;}*/

.jwgr-input-bordered {height: 30px; border-width: 1px; border-color: #cecece; border-radius: 4px;}

.jwgr-input-checkmark input[type=checkbox] {
    display:none;
}
.jwgr-input-checkmark input[type=checkbox] + label {
    background: #999; //colour or image
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}
.jwgr-input-checkmark input[type=checkbox]:checked + label {
    background: #0080FF; //colour or image
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}
.jwgr-form input {min-width: 125px; border: 1px solid #eee; border-left: 2px solid; border-radius: 2px; padding: 0px 2px; transition: border-color .5s ease-out;}
.jwgr-form input:optional {border-left-color: #999;}
.jwgr-form input:required {border-left-color: palegreen;}
.jwgr-form input:invalid {border-left-color: red;}

.jwgr-select {height: 30px; padding: 4px; background: transparent; border-color: #5e119e; font-size: 14px!important;}

.jwgr-drop-target-media:hover {border: 1px dashed #777; cursor: pointer;}

.jwgr-margin-4{margin: 4px;}.jwgr-margin-top{margin-top: 8px;}.jwgr-margin-bottom{margin-bottom: 8px;}
@media (max-width:600px){.jwgr-margin{margin: 8px 1px;}}
@media (max-width:992px) and (min-width:601px){.jwgr-margin{margin: 8px 4px;}}
@media (min-width:993px){.jwgr-margin{margin: 8px;}}

.jwgr-padding-1 {padding: 1px 1px 1px 1px;}

.jwgr-shelf-timeline {overflow: auto; overflow-y: hidden; overflow-x: auto; white-space: nowrap;  -webkit-overflow-scrolling: touch;}
/*   scroll-snap-type: mandatory;  -webkit-scroll-snap-type: mandatory; -webkit-overflow-scrolling: touch; */
/* older spec implementation */ 
/*   scroll-snap-destination: 0% 100%; -webkit-scroll-snap-destination: 0% 100%; scroll-snap-points-x: repeat(100%); -webkit-scroll-snap-points-x: repeat(100%);*/

.jwgr-shelf-stories {overflow: auto; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.jwgr-shelf-story-container:hover{border: 1px solid rgba(94, 17, 158, 1.0) !important; background-color: rgba(94, 17, 158, 0.15) !important;cursor:pointer;}
.jwgr-shelf-story {height: 100%;overflow: hidden;white-space:normal;}
@media (max-width:600px){.jwgr-shelf-story-container {width: 360px; height: 100%; margin: 8px 4px !important;}}
@media (min-width:601px){.jwgr-shelf-story-container {width: 400px; height: 100%; margin: 8px 4px !important;}}

/* remove scrollbar space */
/* optional: just make scrollbar invisible */
::-webkit-scrollbar {width: 0px; height: 0px; background: transparent;}
/* optional: show position indicator in red 
::-webkit-scrollbar-thumb {width: 0px; height: 0px; background: #FF0000;}*/

.jwgr-image-aspect-fill {background-position:50%; background-repeat:no-repeat; background-size:cover; margin:0 auto;}
.jwgr-image-square {margin: 0px 1px 0px 1px; width: 100%; height: 0; padding-bottom: 100%; background: no-repeat center/cover;}
.jwgr-image-portrait {margin: 0px 1px 0px 1px; width: 100%; height:0; padding-bottom: 150%; background: no-repeat center/cover;}
.jwgr-image-portrait2 {width: 100%; height:0; padding-bottom: 75%; background: no-repeat center/cover;}
.jwgr-image-landscape {margin: 0px 1px 0px 1px; width: 100%; height: 0; padding-bottom: 66.6%; background: no-repeat center/cover;}
.jwgr-image-stats {width: 16px;}

.jwgr-action-bar {width: 260px; height: 58px; border-radius: 2px;}
.jwgr-action-bar-inner {height: 50px; border-radius: 2px;}
.jwgr-action-btn {width: 40px; height: 40px; position:relative; top: 50%; transform:translate(0%,-50%); -ms-transform:translate(0%,-50%)}

.jwgr-round-xlarge-top {border-top-left-radius:16px!important; border-top-right-radius:16px!important}
.jwgr-round-xlarge-bottom {border-bottom-left-radius:16px!important; border-bottom-right-radius:16px!important}
.jwgr-border-top-left-right {border-top:1px solid #ccc!important; border-left:1px solid #ccc!important; border-right:1px solid #ccc!important}

.jwgr-loader{ border: 6px solid #f3f3f3; border-top: 6px solid rgb(94, 17, 158); border-bottom: 6px solid rgb(94, 17, 158); border-radius: 50%; width: 40px; height: 40px; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
@-webkit-keyframes spin{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.jwgr-switch { position: relative; display: inline-block; width: 38px; height: 26px; margin-top: 6px;} /* The switch - the box around the slider */
.jwgr-switch input {display:none;} /* Hide default HTML checkbox */
.jwgr-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: red; -webkit-transition: .4s; transition: .4s; } /* The slider */
.jwgr-switch-slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:disabled + .jwgr-switch-slider { opacity: 0.5!important; cursor: default!important; }
input:checked + .jwgr-switch-slider { background-color: green; }
input:focus + .jwgr-switch-slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .jwgr-switch-slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(12px); transform: translateX(12px); }
.jwgr-switch-slider.jwgr-switch-round { border-radius: 20px; } /* Rounded sliders */
.jwgr-switch-slider.jwgr-switch-round:before { border-radius: 50%; } /* Rounded sliders */

.jwgr-tooltip {position: relative;display: inline-block;}
.jwgr-tooltip .jwgr-tooltiptext {visibility: hidden;width: 124px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 90%;left: 50%;margin-left: -50%;opacity: 0;transition: opacity 1s;}
.jwgr-tooltip .jwgr-tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.jwgr-tooltip:hover .jwgr-tooltiptext {visibility: visible; opacity: 1;}