/* <Global classes> */

@font-face {
 font-family : 'flyingsoft-icons';
 font-style  : normal;
 font-weight : normal;
 src         : local('flyingsoft-icons'), url('../web_fonts/flyingsoft-icons.woff') format('woff');
}

html, body {
 font-family      : Arial, Helvetica, sans-serif;
 font-size        : 13px;
 color            : #666666;
 margin           : 0;
 padding          : 0;
 background-color : #15580e;
}

iframe {
 transform         : scale(3.5, 3.5) !important;
 -webkit-transform : scale(3.5, 3.5) !important;
 position          : absolute !important;
 background-color  : white !important;
}

body {
 position            : absolute;
 height              : 100%;
 top                 : 0;
 bottom              : 0;
 left                : 0;
 right               : 0;
 text-align          : center;
 font-size           : 26px;
 -webkit-perspective : 1000; /* Webkit CSS transform flickering bug fix. */
 overflow            : hidden;
}

.jt-draw_area {
 transform: translateZ(0);
 -webkit-transform: translateZ(0);
}

/* <General classes.> */
.jt-arrow-left, .jt-arrow-right {
 position     : relative;
 width        : 0; 
 height       : 0;
 border-style : solid;
 line-height  : 0;
 display      : inline-block;
}
.jt-arrow-left {
 border-top-color    : transparent;
 border-bottom-color : transparent;
 border-left-color   : transparent;
}
.jt-arrow-right {
 border-top-color    : transparent;
 border-bottom-color : transparent;
 border-right-color  : transparent;
}
.jt-gem {
 position       : relative;
 top            : -3px;
 line-height    : 0;
 font-family    : flyingsoft-icons;
 font-size      : 106px;
 font-weight    : normal;
 vertical-align : middle;
}
/* </General classes.> */

.smoke-dialog {padding: 45px}
.smoke-dialog-buttons > *:last-child {margin-right: 0}
.smoke-dialog-buttons > * {margin-right: 20px}
.smoke-dialog-text {
 position      : relative;
 max-height    : 678px;
 margin-top    : 0;
 margin-bottom : 52px;
 padding       : 40px;
 font-weight   : bold;
 line-height   : 140%;
 overflow      : auto;
}
/*.smoke-dialog-text > * {line-height: normal}*/
.smoke-dialog-text > *:first-child {margin-top: 0}
.smoke-dialog-text > *:last-child  {margin-bottom: 0}
.smoke-prompt {
 margin-bottom : 52px;
}
.smoke-prompt input {
 width          : 100%;
 margin         : 0;
 padding        : 20px;
 padding-top    : 40px;
 padding-bottom : 40px;
 outline        : none;
 border         : none;
 text-align     : center;
}
/* </General classes.> */


/* <Social sharing buttons.> */
.jt-social_button {
 position            : relative;
 width               : 128px;
 height              : 128px;
 margin-right        : 20px;
 margin-bottom       : 30px;
 background-repeat   : no-repeat;
 background-size     : auto 100%;
 background-position : center;
 border-radius       : 16px;
 vertical-align      : top;
 overflow            : hidden;
 display             : inline-block;
 cursor              : pointer;
}
.jt-social_button:last-child {margin-right: 0}
.jt-social_button-twitter    {background-color: #00b0ed; background-image: url('../images/gui/gui-social-twitter.png')}
.jt-social_button-facebook   {background-color: #3b579d; background-image: url('../images/gui/gui-social-facebook.png')}
.jt-social_button-googleplus {background-color: #df4a32; background-image: url('../images/gui/gui-social-googleplus.png')}
.jt-social_button-twitter.hover    {background-color: #0e81b7}
.jt-social_button-facebook.hover   {background-color: #1a3c7d}
.jt-social_button-googleplus.hover {background-color: #b52717}
.jt-social_button_small {
 position            : relative;
 width               : 64px;
 height              : 64px;
 margin-right        : 16px;
 background-repeat   : no-repeat;
 background-size     : auto 100%;
 background-position : center;
 background-color    : transparent;
 border              : 2px solid white;
 border-radius       : 16px;
 vertical-align      : top;
 overflow            : hidden;
 display             : inline-block;
 cursor              : pointer;
}
.jt-social_button_small.hover {border: 2px solid white}
.jt-social_button > *, .jt-social_button_small  > * {
 position                 : absolute !important;
 left                     : 0 !important;
 top                      : 0 !important;
 opacity                  : 0 !important;
 transform                : scale(5, 5);
 -webkit-transform        : scale(5, 5);
 transform-origin         : 0 0;
 -webkit-transform-origin : 0 0;
}
.jt-social_button > * > *, .jt-social_button_small > * > * {
 position : absolute !important;
 left     : 0 !important;
 top      : 0 !important;
}
/* </Social sharing buttons.> */


/* <Common classes.> */
.jt-common-instruction_text {
 height      : 678px;
 text-align  : left;
 text-indent : 1em;
}
.jt-common-instruction_text-title {
 margin-bottom : 15px !important;
 font-size     : 100px;
 line-height   : 110%;
 text-align    : center;
}
.jt-common-instruction_text > p {margin: 0}
.jt-common-instruction_text > p:not(.jt-common-instruction_text-title) {margin:0; line-height: 200%}
.jt-common-instruction_text-tutorial_image {margin-top: -20px; margin-bottom: -20px}

.jt-common-back_button, .jt-common-menu_button {
 position      : relative;
 float         : left;
 padding-left  : 10px;
 padding-right : 10px;
 font-family   : 'flyingsoft-icons';
 font-size     : 128px;
 line-height   : 128px;
 display       : inline-block;
 cursor        : pointer;
}
/* </Common classes.> */


/* <Jigtato "select" screen GUI classes.> */
.jt-content_div {
 z-index         : 1;
 position        : absolute;
 width           : 1920px;
 height          : 1080px;
 /*left            : 50%;
 top             : 50%;
 margin-left     : -960px;
 margin-top      : -540px;*/
 overflow        : hidden;
 display         : block;
 transform-style : flat;
}
.jt-draw_area {
 position : absolute;
}
.jt-select_screen-menu_button, .jt-select_screen-sort_button {position: relative; float: left; top: 0}
.jt-select_screen-menu_button {float: left}
.jt-select_screen-sort_button {float: right}

.jt-select_screen-body {
 position    : relative;
 white-space : nowrap;
 display     : block;
}
.jt-select_screen-header {
 position         : relative;
 height           : 106px;
 top              : 0;
 margin           : 0;
 border-top       : 10px solid;
 border-bottom    : 10px solid;
 background-color : rgba(0, 0,170, 0.2);
 font-family      : 'lato';
 font-size        : 90px;
 line-height      : 106px;
 text-align       : left;
 white-space      : nowrap;
 display          : block;
}
.jt-select_screen-header > * {
 z-index     : 1;
 white-space : nowrap;
 line-height : 60px !important;
 text-align  : center;
 display     : inline-block;
}
.jt-select_screen-header > .jt-button {
 z-index       : 1;
 margin-left   : 10px;
 margin-right  : 0;
 margin-top    : 9px;
 margin-bottom : 9px;
 padding       : 10px;
} 
.jt-gem_amount_container > *:first-child {
 position       : relative;
 top            : -6px;
 margin-left    : 18px;
 line-height    : 0;
 font-family    : lato;
 font-size      : 60px;
 vertical-align : middle;
 display        : inline-block;
}

.jt-select_screen-header > *:last-child {margin-right: 0}
.jt-select_screen-header-icon_list {
 position : relative;
 padding  : 0;
 width    : 284px;
 display  : inline-block;
}
.jt-select_screen-upgrade_to_premium {
 width            : 450px;
 height           : 88px;
 left             : 1474px;
 margin-left      : -4px !important;
 margin-top       :  9px !important;
 padding          : 10px !important;
 line-height      : 60px !important;
 font-family      : lato;
 color            : white     !important;
 background-color : goldenrod !important;
 border-color     : gold      !important;
 white-space      : nowrap;
 display          : block;
 overflow         : hidden;
}

.jt-select_screen-upgrade_to_premium:before {
 position   : absolute;
 width      : 100%;
 height     : 100%;
 content    : '';
 left       : 0;
 top        : 0;
 opacity    : 0;
 background : linear-gradient(-45deg, transparent 0%,rgba(219,166,75,1) 50%,transparent 100%);
 box-sizing : content-box;
 animation         : image_glimmer 6.5s ease-in 1s once forwards;
 -webkit-animation : image_glimmer 6.5s ease-in 1s once forwards;
}
@keyframes button_glimmer {
 0%   {width: 100% ; opacity: .3; transform: translate(-75%, 0) rotate(135deg)}
 22%  {width: 400% ; opacity: .3; transform: translate(75%, 0)  rotate(135deg)}
 100% {width: 400% ; opacity: .3; transform: translate(75%, 0)  rotate(135deg)}
}
@-webkit-keyframes button_glimmer {
 0%   {width: 100%; opacity: .3; transform: translate(-75%, 0) rotate(135deg)}
 22%  {width: 400%; opacity: .3; transform: translate(75%, 0)  rotate(135deg)}
 100% {width: 400%; opacity: .3; transform: translate(75%, 0)  rotate(135deg)}
}

@keyframes image_glimmer {
 0%   {width: 100% ; opacity: .3; transform: translate(-75%, 0) rotate(135deg)}
 22%  {width: 400% ; opacity: .3; transform: translate(75%, 0)  rotate(135deg)}
 100% {width: 400% ; opacity: .3; transform: translate(75%, 0)  rotate(135deg)}
}
@-webkit-keyframes image_glimmer {
 0%   {width: 100%; opacity: .3; transform: translate(-75%, 0) rotate(-45deg)}
 22%  {width: 400%; opacity: .3; transform: translate(75%, 0)  rotate(-45deg)}
 100% {width: 400%; opacity: .3; transform: translate(75%, 0)  rotate(-45deg)}
}

.jt-select_screen-upgrade_to_premium a {
 color           : inherit;
 text-decoration : none;
 display         : inline-block;
}
.jt-select_screen-upgrade_to_premium a.hover {animation-play-state: paused}

.jt-select_screen-selection-tab_container {
 position       : relative;
 margin-left    : 10px;
 vertical-align : top;
 text-align     : center;
 display        : inline-block;
}
.jt-select_screen-selection-tab_container > * {display: block}

.jt-select_screen-selection-container {
 z-index        : 2;
 position       : relative;
 width          : 1755px;
 margin-left    : 0;
 margin-top     : 5px;
 vertical-align : top;
 text-align     : left;
 white-space    : normal;
 display        : inline-block;
}
.jt-select_screen-selection-container-center {
 width      : 100%;
 text-align : center;
 display    : block;
}
.jt-select_screen-selection-item {
 position       : relative;
 margin         : 5px;
 padding        : 10px;
 vertical-align : middle;
 text-align     : center;
 display        : inline-block;
 cursor         : pointer;
}
.jt-select_screen-selection-item-image_wrapper {
 position                   : relative;
 width                      : 264px;
 height                     : 352px;
 vertical-align             : middle;
 display                    : block;
 overflow                   : hidden;
 border-radius              : 90px;
 border-bottom-left-radius  : 0;
 border-bottom-right-radius : 0;
}
.jt-select_screen-selection-item-image-cropped {
 position : absolute;
 width    : auto;
 top      : 0;
 left     : 0;
 height   : 100%;
 display  : block;
}
.jt-select_screen-selection-item-image-centered {
 position : relative;
 width    : 100%;
 height   : auto;
 display  : block;
}
.jt-select_screen-selection-br {
 position : relative;
 margin   : 10px;
 width    : 0;
 height   : 0;
 display  : block;
}
.jt-select_screen-selection-item-rewards-container-top {
 position       : absolute;
 bottom         : 3.25px;
 vertical-align : bottom;
 display        : block;
}
.jt-select_screen-selection-item-rewards-container-bottom {
 position    : relative;
 min-height  : 80px;
 padding-top : 10px;
 display     : block;
}
.jt-select_screen-selection-item-rewards-rank_token, .jt-select_screen-selection-item-rewards-trophy {
 position        : relative;
 background-size : 100% auto;
 vertical-align  : middle;
}
.jt-select_screen-selection-item-rewards-rank_token {
 width      : 62px;
 height     : 62px;
 margin-top : -54.5px;
 display    : block;
}
.jt-select_screen-selection-item-rewards-rank_token_wrapper {
 position       : relative;
 padding-left   : 3.25px;
 vertical-align : bottom;
 display        : inline-block;
}
.jt-select_screen-selection-item-rewards-trophy {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 width           : 80px;
 height          : 80px;
 border-width    : 6px;
 border-style    : solid;
 border-radius   : 80px;
 display         : inline-block;
}
/* </Jigtato "select" screen GUI classes.> */


/* <Jigtato "play" screen GUI classes.> */
.jt-play-trophy_ribbon {
 z-index     : 1;
 position    : relative;
 width       : 100%;
 cursor      : pointer;
 white-space : nowrap;
 display     : block;
}
.jt-play-trophy_ribbon > * {
 position     : relative;
 border-style : none solid none none;
 display      : inline-block;
}
.jt-play-trophy_room-title {
 position     : relative;
 border-style : solid;
 height       : 100%;
 display      : block;
}
.jt-play-trophy_room-title > * {vertical-align: middle}
.jt-play-trophy_room-title-text {
 position : relative;
 display  : inline-block;
}
.jt-play-trophy_room-title-image {
 position : relative;
 display  : inline-block;
}
.jt-play-trophy_room-dialog {width: 1802px}
.jt-play-trophy_room-dialog-buttons {
 position : absolute;
 right    : 28px;
 top      : 28px;
}

.jt-play-trophy_room-container {
 position     : relative;
 border-style : solid;
 height       : 316px;
 display      : block;
 overflow-y   : auto;
}
.jt-play-trophy_room-container img {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 width           : 198px;
 height          : 198px;
 padding         : 25px;
 border-style    : solid;
 border-width    : 5px;
 border-radius   : 128px;
 margin          : 6px !important;
 display         : inline-block;
 cursor          : pointer;
}
.jt-play-trophy_room-container > *.hover {
 border-color  : white;
}
.jt-play-trophy_room-description {
 padding-top    : 23px;
 padding-bottom : 23px;
 height         : 156px;
 margin-bottom  : 0 !important;
}
.jt-play-trophy_room-item_name, .jt-play-trophy_room-puzzle_name {z-index: 1}
.jt-play-show_rank-parent {overflow: hidden}
.jt-play-show_rank-image-container {line-height: 0; display: block}
.jt-play-show_credits-dialog {
 width       : 1802px;
 font-size   : 40px;
 text-align  : left;
}
.jt-play-show_credits-dialog .smoke-dialog-text {
 font-weight : normal;
 line-height : 180%;
}

.jt-play-title {z-index: 2; position: relative; /*width: 100%; overflow: hidden*/}
.jt-play-title-inner {
 position    : absolute;
 width       : 1460px;
 height      : 100%;
 left        : 260px;
 top         : 0;
 white-space : nowrap;
}
.jt-play-title-inner > p {width: 1460px}
.jt-play-action_area {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : absolute;
 width           : 100%;
 display         : block;
}
.jt-play-title-minimal_ui {
 position      : absolute;
 background    : none !important;
 border-top    : 0 !important;
 border-bottom : 0 !important;
}
.jt-play-title-minimal_ui .jt-jigsaw-category_deck-category {
 color            : white   !important;
 border-color     : #4776b4 !important;
 border-top       : none    !important;
 border-bottom    : none    !important;
 background-color : #4776b4 !important;
}
.jt-play-title-minimal_ui .jt-button_generic-lit {
 color            : white   !important;
 border-color     : #6790c6 !important;
 background-color : #6790c6 !important;
}
.jt-play-title-minimal_ui .jt-jigsaw-category_deck-category.hover {
 color            : #a8c6f2   !important;
}

.jt-play-title-inner-minimal_ui {
 display: none !important;
}
.jt-play-action_area-minimal_ui {
 border-bottom : 0 !important;
}
.jt-play-menu_button-minimal_ui, .jt-play-timer-minimal_ui {
 color       : #6790c6 !important;
 text-shadow : 4px 4px 2px rgba(127, 127, 127, .5) !important;
}
.jt-play-menu_button-minimal_ui:hover {
 color      : #8daddd !important;
 background : none    !important;
}
.jt-play-menu_button-minimal_ui:before, .jt-play-timer-minimal_ui:before {
 position                  : absolute;
 content                   : attr(current_text);
 -webkit-text-stroke-color : #4776b4;
 -webkit-text-stroke-width : 4px;
}

.jt-play-main_image {
 z-index        : 1;
 border-style   : none;
 cursor         : default;
}

.jt-play-wrapper {
 position        : absolute;
 background-size : 100% 100%;
 width           : 100%;
 height          : auto;
 overflow        : hidden;
}
.jt-play-back_button, .jt-play-menu_button {
 z-index     : 1000;
 position    : relative;
 float       : left;
 left        : 128px;
 top         : 0;
 margin-left : -128px;
}
.jt-play-timer {
 z-index        : 1000;
 position       : relative;
 margin-right   : -100%;
 right          : 100%;
 padding-right  : 19px;
 color          : white;
 font-size      : 64px;
 text-shadow    : 1px 1px DarkGreen;
 float          : right;
 cursor         : pointer;
 line-height    : 128px;
 display        : block;
 pointer-events : none;
}
.jt-play-settings_menu {
 width   : auto;
 display : inline-block;
}
.jt-play-settings_menu-title {
 position : relative;
 width    : 100%;
 display  : inline-block;
}
.jt-play-settings_menu-grid {
 width      : auto;
 text-align : left;
 display    : table;
}
.jt-play-settings_menu-grid > * {position: relative; display: inline-block}
.jt-play-settings_menu-grid > *:last-child {margin-right: 0}
.jt-play-settings_menu-grid > * > * {position: relative; display: block}
.jt-play-settings_menu-grid > * > *:last-child {margin-bottom: 0}
/* </Jigtato "play" screen GUI classes.> */


/* <Mix N' Match classes> */
.jt-mixnmatch-menu_button {
 position : absolute;
}
.jt-mixnmatch-left_side-container, .jt-mixnmatch-right_side-container {
 position       : relative;
 vertical-align : top;
 overflow       : hidden;
 display        : inline-block;
}
.jt-mixnmatch-left_side-slice {cursor: pointer}
.jt-mixnmatch-expanded_text_info {cursor: pointer}
/* <Mix N' Match classes> */


/* <Jigsaw classes> */
.jt-jigsaw-main_image {
 position       : absolute;
 top            : 0;
 left           : 630px;
 border-top     : none;
 border         : none;
 display        : inline-block;
}
.jt-jigsaw-main_image-active {
 border-bottom-left-radius  : 0;
 border-bottom-right-radius : 0;
}
.jt-jigsaw-piece_deck {
 z-index     : 1;
 position    : absolute;
 left        : 0;
 top         : 0;
 height      : 100%;
 width       : 100%;
 border      : none;
 overflow    : hidden;
 text-align  : center;
 white-space : normal;
 display     : block;
}
.jt-jigsaw-piece_deck-piece {
 position       : absolute;
 padding        : 0;
 vertical-align : middle;
 cursor         : pointer;
 display        : inline-block;
}

/* <Jigsaw category deck classes> */
.jt-jigsaw-category_deck {
 position    : absolute;
 left        : 152px;
 top         : -155%;
 height      : 100%;
 text-align  : left;
 white-space : nowrap;
}
.jt-jigsaw-category_deck > * {margin-top: 0; margin-bottom: 0; vertical-align: top}
.jt-jigsaw-category_deck-container {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 height          : 100%;
 text-align      : left;
 display         : inline-block;
}
.jt-jigsaw-category_deck-category {
 position       : relative;
 width          : 232px;
 height         : 128px;
 padding        : 0 20px;
 border-style   : none none none solid;
 text-align     : center;
 vertical-align : top;
 letter-spacing : .07px !important;
 line-height    : 128px;
 display        : inline-block;
 cursor         : pointer;
}
.jt-jigsaw-category_deck-category > * {top: -2px}
.jt-jigsaw-category_deck-category:last-child {border-right-style: solid}
.jt-jigsaw-category_deck-category > div {
 position : relative;
 width    : 100%;
 height   : 100%;
 display  : block;
}
.jt-op_button {
 position       : relative;
 width          : 100px;
 height         : 100px;
 padding        : 14px 5px;
 vertical-align : middle;
 cursor         : pointer;
 display        : inline-block;
}
.jt-op_button-edit.hover  , .jt-op_button-edit-selected  , .jt-op_button-edit-colored  , .jt-play-title-minimal_ui .jt-op_button-edit   {background-color: #9b9b9b}
.jt-op_button-add.hover   , .jt-op_button-add-selected   , .jt-op_button-add-colored   , .jt-play-title-minimal_ui .jt-op_button-add    {background-color: #3d9b51}
.jt-op_button-remove.hover, .jt-op_button-remove-selected, .jt-op_button-remove-colored, .jt-play-title-minimal_ui .jt-op_button-remove {background-color: #780000}
.jt-op_button-basket.hover, .jt-op_button-basket-selected, .jt-op_button-basket-colored, .jt-play-title-minimal_ui .jt-op_button-basket {background-color: #e0b270}
.jt-op_button-edit-colored.hover  , .jt-play-title-minimal_ui .jt-op_button-edit-colored-selected  , .jt-play-title-minimal_ui .jt-op_button-edit.hover   , .jt-play-title-minimal_ui .jt-op_button-edit-selected   {background-color: #e2e2e2}
.jt-op_button-add-colored.hover   , .jt-play-title-minimal_ui .jt-op_button-add-colored-selected   , .jt-play-title-minimal_ui .jt-op_button-add.hover    , .jt-play-title-minimal_ui .jt-op_button-add-selected    {background-color: #3ac558}
.jt-op_button-remove-colored.hover, .jt-play-title-minimal_ui .jt-op_button-remove-colored-selected, .jt-play-title-minimal_ui .jt-op_button-remove.hover , .jt-play-title-minimal_ui .jt-op_button-remove-selected {background-color: #bf1010}
.jt-op_button-basket-colored.hover, .jt-play-title-minimal_ui .jt-op_button-basket-colored-selected, .jt-play-title-minimal_ui .jt-op_button-basket.hover , .jt-play-title-minimal_ui .jt-op_button-basket-selected {background-color: #f2cd98}
/* </Jigsaw category deck classes> */

/* </Jigsaw classes> */