/* CDN
PROD 
https://cdn01.devia.com/arnold-dadsgame/site/css/getskincss.css

Dev Live
https://cdn01.devia.com/arnold-dadsgame/dev/site/css/getskincss.css
*/

@charset "UTF-8";
/* CSS Document */

/*------------------------------
GLOBAL
------------------------------ */
.center {
    text-align: center;
    margin: 0 auto;
}

/*------------------------------
BODY
------------------------------ */
.dads-game body{
    font-family: "Raleway", sans-serif;
    margin:0;
    padding:0;
    color:#272727;
    background:#fff;
    text-shadow:none;
}
.dads-game p {
    font-size: 18px;
}
#wrapper{
    overflow:hidden;
}
.page-home-index div#BeforeMainContainer {
    background-color: white;
}
.page-home-index .generalPageWrapper {
    float: left;
    width: 100%;
    background-color: white;
}
/*------------------------------
HEADING
------------------------------ */
.dads-game h1,.dads-game h2,.dads-game h3, .dads-game h4, .dads-game a {font-family: "Raleway", sans-serif;}

.dads-game a:hover {color: #fdc215;}

.dads-game h1{
    font-size:3.750em;
    line-height:1em;
    color: #0DB4B7;
    font-weight:bold;
    margin-bottom:20px;
}
.dads-game h2{
    font-size:2.250em;
    line-height:1em;
    color: #272727;
    font-weight:500;
    margin-bottom:20px;
}
.dads-game h3{
    font-size:24px;
    line-height:48px;
    color: #8B76B4;
    font-weight:bold;
    margin-bottom:20px;
}
.dads-game h4{
    font-size:24px;
    line-height:36px;
    color: #8B76B4;
    font-weight:bold;
    margin-bottom:20px;
}
.dads-game h5{
    font-size:24px;
    line-height:36px;
    color: #272727;
    font-weight:500;
    /*	margin-bottom:20px;*/
}
/*======Page Header======*/

/*Admin Link Colors*/

.headermenu a, .adminlinks, adminlink a {
    color: #ffffff;
}

.adminlinks a {
    /*    width: 50%;*/
    float: right;
    color:#fff;

}
.headermenu ul li a {
    font-size: 16px;
    font-weight:700;
}
.headermenu ul li a:hover {
    color: #FDC215;
}
.headermenu ul li:hover {
    background-color: #0DB4B7;
}
#toprow {

    background-color: #0BB5B5 !important;
    height: 130px;
}

#logorow {
    display: none;
}

#menurow {

    background-color: #0BB5B5!important;

}

#toprow .logo a {
    position: absolute;
    top: 0;
    left: 120px;
    right: 0px;
    bottom: 0px;
    max-width: 180px;
    background-image: url('/256306370/Handler/CSSOverride/GetImage/40/DadsLogoRev_wTag-white-header.png');
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 114px;
}
#toprow .row__container .grid_8 .minishoppingcartwrapper {
    position: absolute;
    right: 200px;
    top: 69px;
    width: 60px;
    height: 0px;
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/40/shopping-cart.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}



#toprow .headermenu {
    position: relative;
    top: 60px;
    z-index: 9;
    left: 200px;
    /*    right: 0;*/
    text-align: center;
}


/*Mini Cart*/
.minishoppingcartwrapper {
    border: none;
    background: none;
}
#toprow .row__container .grid_8 .minishoppingcartwrapper * {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: none;
    border: 0px;
}

#toprow .row__container .grid_8 .minishoppingcartwrapper a
{
    z-index: 2;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}

#toprow .row__container .grid_8 .minishoppingcartwrapper img
{
    display: none;
}

#toprow .row__container .grid_8 .minishoppingcartwrapper .minishoppingcartinner
{
    display: block;
    position: absolute;
    background: #f47f22!important;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    left: auto;
    bottom: auto;
    top: -11px;
    right: -2px;
    overflow: hidden;
}

#toprow .row__container .grid_8 .minishoppingcartwrapper .minishoppingcartinner {
    overflow: hidden;
}

#toprow .row__container .grid_8 .account-menu-button,
#toprow .row__container .grid_8 .minishoppingcartwrapper {
    border: solid 2px transparent;
    box-sizing: border-box;
}


#toprow .row__container .grid_8 .account-menu-button:hover,
#toprow .row__container .grid_8 .minishoppingcartwrapper:hover {
    border: solid 2px #f47f22!important;
    box-sizing: border-box;
}


.minishoppingcartinner__subtotal {
    display: none;
}

/*Account Links*/

li.cf_headerlinks_shoppngcart.filled {
    display: none;
}

i.fa.fa-shopping-cart, a.ico-cart, a.cf_headerlinks_shoppngcart__counter  {
    display: none;
}

i.fa.fa-user, a.account {
    display: none;
}

.header-links-wrapper {
    position: relative;
    top: 25px;
    left: 210px;
}
/*------------------------------
HERO
------------------------------ */
.vimeo-wrapper .overlay {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('/-1767301092/Handler/CSSOverride/GetImage/40/dads-game-overlay-75.png');
    background-repeat: repeat;
    background-position: center;
    background-size:cover;
}
.vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*    pointer-events: none;*/
    overflow: hidden;
    margin-top: 130px;
}
.vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    /*     Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /*     Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
section#hero .grid_12 {
    width: 100%;
    margin: 0 auto;
}

.layout--columnOne #BeforeMainContainer > .row__container:first-child {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}
h1.title{
    font-size: 4.500em !important;
}

.hero-inner {
    margin: 5% auto 5% 10%;
    width: 45%;
}

.hero-inner h3 {color:#0DB4B7;}


.btn.btn-dads.btn-lg {
    background-color: #F5821F;
    color: white;
    border: 2px solid #F4780C;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 5%;
}

.btn.btn-dads.btn-lg:hover {
    border: 2px solid #fdc215;
    color: #fdc215;
}

.btn.btn-dads.btn-lg{
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}
.row__container {
    padding: 0 5%;
    margin: 0 auto;
    max-width: 1250px;
}


/*------------------------------
HOW IT WORKS
------------------------------ */
section#how-works { margin-top: 56.25vw;}
#how-works .row {
    padding: 0 5% 0 5%;
    margin: 0 auto;
    max-width: 1250px;
}

img.toy {
    float: right;
}
p.toy-text {margin:10% 0 0 0;}

.steps h4 {
    margin: 3% auto auto auto;
}
.steps p {width: 75%; margin: 0 auto;}

/*------------------------------
OUR STORY
------------------------------ */
section#story {
    background-color: #CAD72B;
    margin-top: 5%;
}

h1.title-story {
    color: #C3262E;
}
img.story1 {float: left; margin-right: 1%;}
img.story2 {float: right; margin-left: 1%; width: 450px;}
img.story3 {float: left; margin-right: 1%;width:300px;}

section#story .container {
    padding: 5% 5% 5% 5%;
    margin: 0 auto;

}
.story-sig {
    display: inline;
    float: right;
    font-style: italic;
    font-weight: 700;
}
p.story-text-2 {
    margin-top:5%;
    font-weight: 700;
}
P.drop-cap:first-letter {
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    color: #0DB4B7;
    font-weight: 700;
}
/*------------------------------
CONTACT US
------------------------------ */
section#contact-us {
    padding: 5% 5% 0 5%;
    margin: 0 auto;
    max-width: 1250px;
}
img.contact {
    float: right;
    height: 300px;

}
ul.form-section.page-section {
    background-color: #0DB4B7;
    width: 75%;
    border-right: 5px solid #0BA2A4;
    border-bottom: 5px solid #0BA2A4;
}
li#cid_1 {
    display: none;
}
#contact-us .form-line .form-label.form-label-top.form-label-auto {
    color: white;
}
#contact-us .form-sub-label {
    color: white;
}

#contact-us .form-textbox, .form-textarea, .form-captcha input {
    border: none;
}
#contact-us .form-submit-button {
    background-color: #F5821F;
    color: white;
    border: 2px solid #F4780C;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 5%;
}

#contact-us .form-submit-button:hover {
    border: 2px solid #fdc215;
}
/*=======Footer======*/


#footerrow {
    background: url('/-2048147540/Handler/CSSOverride/GetImage/40/devia-dads-game-grn-bkgrd-footer.jpg');

}
.social a.fa {
    padding: 15px;
    font-size: 24px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}
.social a {color:white;}

.fa:hover {
    opacity: 0.7;
}
.social {
    text-align: center;
}

.fa-facebook, .fa-twitter, .fa-linkedin, .fa-instagram {
    background: #8B76B4;
}

.catfish-footer {
    background: none;
    padding: -1px;
    border-top: 1px;
    margin-top: -25px;

}

.footercopyrightrow {
    background: #0BB5B5 !important;
}


#footerrow  h3 {
    color: #fff!important;
    font-weight: bold;
    padding-top: 25px;
}

.footerinner li a {
    color: #fff!important;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

}


/*====Checkout======*/

input#checkout.checkoutbutton.catfish-button{
    background-color: #f47f22!important;
    color: #fff!important;
}

input#checkout.checkoutbutton.catfish-button:hover {
    background-color: #db701e!important;
}

.cart-footer #cartTotals {
    float: right;
}

/*Checkout Page Clipart*/
.CheckoutTop .CheckoutClipArt {
    margin-left: 139px;
    margin-right: 139px;
    margin-top: 45px;
}

.checkout-as-guest-or-register-block tr:nth-child(1) {
    display: none;
}

input.registerbutton.catfish-button {
    display: none;
}

li#opc-payment_info.section {
    display: none;
}


/*Back to landing page*/

.dialogGeneralConfirm .ui-dialog-buttonpane button {
    background-color: #f47f22!important;
    height: 40px;
    color: #fff!important;
    font-weight: normal;
}


.dialogGeneralConfirm .ui-dialog-buttonpane button:hover {
    background-color: #db701e!important;

}

.dialogGeneralConfirm .ui-dialog-buttonpane {
    background-color: #DDDDDD!important;

}

/*loading page overflow*/
.is_Default_Device.megaEditBodyClass-Admin.MeMobileLandscape {
    overflow: hidden;
}

/*Hide Edit Options in Basket*/
.basketEditButton.options.catfish-button {
    display: none;
}

/*Hide Delete Button in Basket*/
.basketUpdatecartbutton.catfish-button {
    display: none;
}



/*MegaEdit Loading Screen*/
.loadingArea .loadingLogo, .loadingScreen .loadingLogo {
    width: 100%;
    height: 90%;
    background: url('/294032109/Handler/CSSOverride/GetImage/40/DadsLogoRev_wTag-white.png') no-repeat center;
    background-size: 600px;
}
.loadingScreen .loadScreenStepIndicator {
    margin-top: 80px;
}
.ME_loading_hints ul li {
    border: solid 1px #fff;
}
.loadingArea:after, .loadingScreen:after, .addtoBasketScreen:after {
    content: '';
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: -20%;
    left: 0px;
    -webkit-transform: skewY(6deg);
    -moz-transform: skewY(6deg);
    -o-transform: skewY(6deg);
    transform: skewY(6deg);
    background:  #f47f22;
    z-index: -1;
}
.loadingArea, .loadingScreen, .addtoBasketScreen {
    background: #0BB5B5;
}

.loadingScreen .loadingLogo {
    background-size: 400px;
}

#previewView {
    background: #0BB5B5!important;
}

#previewView:after {
    content: '';
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: -20%;
    left: 0px;
    -webkit-transform: skewY(6deg);
    -moz-transform: skewY(6deg);
    -o-transform: skewY(6deg);
    transform: skewY(6deg);
    background:  #f47f22;
    z-index: -1;
}

.loadingArea .loadingLogo .loadingSpinner i, .loadingScreen .loadingLogo .loadingSpinner i {
    color: #0da5a5;
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: 100px;
    opacity: 0.4;
    margin: 0;
    padding: 0;
    margin-top: 79px;
    margin-left: -44px;
    z-index: -1;
}

/*MegaEdit North Pane*/
.ui-layout-pane {
    background: #0BB5B5;
}

/*Hides the canvas selector, canvas size at top right*/

.currentCanvasSizeWrapper, .buttonContainer.leftSide .autofillButton, .buttonContainer.leftSide .addImageFieldButton, .buttonContainer.leftSide .addTextFieldButton, .buttonContainer.leftSide .customScriptUi-viewControls, .buttonContainer .separator {
    display: none!important;
}

/*Hides the undo redo block*/
.undoRedoContainer {
    display: none;

}

/*MegaEdit left pane*/
.editorLeft .ui-tabs .ui-tabs-panel {
    background: #0BB5B5;
}


/*ME custom add to basket button - Proceed to Checkout*/
.btn-primary.viewControlButton.previewButton {
    width: 200px;
    height: 54px;
    margin-right: 10px;
    top: 15px;
    right: 100px;
    line-height: 44px;
    background-color: #f47f22!important;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 20px 22px;
    padding-left: 30px;
    font-weight: 700;
}
.btn-primary.viewControlButton.previewButton:hover {
    background-color: #db701e!important;
}

/*editor settings button */

.megaEditMainContainer .extratxt {
    display: inline-block;
}

/*ME General*/

.megaEditBodyClass-RegisteredUser .me_quick_menu {
    display: none;
}


.ME_Header {
    position: fixed;
    top: 12px;
    z-index: 2;
    left: 100px;
    width: 250px;
}
.ME_Header a.logo_box {
    width: 241px;
    height: 58px;
    display: block;
    position: relative;
    float: left;
}



.editorLeft.ui-layout-west.leftPaneCtrlContainer {
    z-index: 4!important;
}


.pagelist_title, .addPageButton.btn {
    display: none;
}

.ui-layout-southh_inner .priceContainer {
    display: none;
}

/*Back Button*/
a.btn.btn-default.btn-me.backButton.catfish-button.has-text-hidden-mobile {
    background-color: #FDC215!important;
    position: absolute;
    top: 40px;
    left: 10px;
    height: 33px;
    margin-left: 10px;
    font-weight: 700;

}


a.btn.btn-default.btn-me.backButton.catfish-button.has-text-hidden-mobile:hover {
    background-color: #e6b015!important;
}

/*Show Help Button*/

.col-md-12.MEmicroheader {

    top: 40px;
    width: 100px;
    left: -4px;

}

.col-md-12.MEmicroheader .viewButton.logo:before {
    content:'Show Help';
}

.col-md-12.MEmicroheader .viewButton.logo:hover {
    background-color: #e6b015!important;
}


.col-md-12.MEmicroheader .viewButton.logo {
    width: 100px!important;
    padding: 5px;
    font-weight: 700;
    background-color: #FDC215!important;
    text-align: center;
    cursor: pointer;
    color: white;
    height: 33px;
}
.editorTop.ui-layout-north.ui-layout-pane-north {
    height: 80px !important;
    overflow: visible!important;
}

.editorTop.pane.ui-layout-north.viewControllerContainer.ng-scope.ui-layout-pane.ui-layout-pane-north button.sampleQ {
    top: 100px;
    padding: 5px;
    background-color: #FDC215!important;
    text-align: center;
    cursor: pointer;
    color: white;
}


/*Reset Page Button*/
.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewButton.clearPagesButton.resetPagesbtn {
    background-color: #FDC215!important;
    position: fixed;
    left: 110px;
    width: 100px;
    top: 40px;
    height: 33px;
    margin-left: 10px;
    font-weight: 700;
}

.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewButton.clearPagesButton.resetPagesbtn:hover {
    background-color: #e6b015!important;
}


/*Zoom In Button*/
a.catfish-button.btn.btn-default.btn-me.viewControlButton.zoomIn {
    background-color: #AFB2A5!important;
}

a.catfish-button.btn.btn-default.btn-me.viewControlButton.zoomIn:hover {
    background-color: #9c9e93!important;
}

/*Zoom Out Button*/
a.catfish-button.btn.btn-default.btn-me.viewControlButton.zoomOut {
    background-color: #AFB2A5!important;
}

a.catfish-button.btn.btn-default.btn-me.viewControlButton.zoomOut:hover {
    background-color: #9c9e93!important;
}

/*Reset Zoom Button*/
a.catfish-button.btn.btn-default.btn-me.viewControlButton.showAll {
    background-color: #AFB2A5!important;
}

a.catfish-button.btn.btn-default.btn-me.viewControlButton.showAll:hover {
    background-color: #9c9e93!important;
}


/*Full Screen Button*/
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton.fullScreen.ng-scope {
    background-color: #AFB2A5!important;
}

a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton.fullScreen.ng-scope:hover {
    background-color: #9c9e93!important;
}

/*Top Left, Gallery Pane - Header Background*/
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    background-color: #AFB2A5!important;
}

/*Drag Photos into the*/
.fakeUploadTarget {
    background-color: #FDC215!important;
    font-weight: 500;
}

/*Cog Button*/
.catfish-button.btn.btn-default.btn-me.viewButton.autofillButton.album_settings_button {
    background-color: #AFB2A5!important;
}

.catfish-button.btn.btn-default.btn-me.viewButton.autofillButton.album_settings_button:hover {
    background-color: #9c9e93!important;
}

/*Top Left Pane - Category Icons*/
.ui-tabs-anchor {
    background-color: #AFB2A5!important;
}

.ui-tabs-anchor:hover {
    background-color: #9c9e93!important;
}

/*Upload Files/Photos Button*/
.catfish-button.btn.btn-primary.fileinput-button {
    background-color: #f47f22!important;
}

/*Field Options Title*/
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background-color: #AFB2A5!important;
}

/*Alignment Buttons*/
#alignmentButtonset .ui-button {
    background-color: #AFB2A5!important;
}

.textButton.toggleButtonOn, #alignmentButtonset input:checked+.ui-button {
    background-color: #AFB2A5!important;
    border: solid 3px #0DB4B7!important;
}

/*Image Control Buttons - Transform*/

.ui-button.RotLeft {
    background-color: #AFB2A5!important;
}

.ui-button.RotRight {
    background-color: #AFB2A5!important;
}

.ui-button.FlipVertical {
    background-color: #AFB2A5!important;
}

.ui-button.FlipHorizontal {
    background-color: #AFB2A5!important;
}

/*All Image Control Buttons Hover*/
#imageControlButtonset .ui-button.ui-state-hover {
    background-color: #9c9e93!important;
}


.ui-button.Reset {
    background-color: #AFB2A5!important;
}

.ui-button.RemoveImage {
    background-color: #AFB2A5!important;
}

/*Preview Page*/
.add_to_basket_from_preview.btn {
    width: 200px;
    height: 54px;
    position: fixed;
    top: 15px;
    right: 100px;
    line-height: 44px;
    background-color: #f47f22!important;
    display: block!important;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
}
.add_to_basket_from_preview.btn:hover {
    background-color: #db701e!important;
}
.btn-primary.viewControlButton.previewButton .fa {
    display: none;
}

/*ME Shopping Cart Symbol*/

i.fa.fa-cart-plus:before {
    margin-right: 5px;
}


/*Back to Editor Button - Close Button in  Preview - MegaEdit*/

.preview_close_button {
    width: 200px;
    height: 54px;
    position: fixed;
    top: 15px;
    right: initial;
    left: 100px;
    line-height: 44px;
    background-color: #455A64!important;
    display: block!important;
    color: #fff!important;
    border: none;
    font-size: 16px;
}
.preview_close_button .fa {
    display: none;
}
.preview_close_button:after {
    content: 'Edit My Design';
}
.preview_close_button:before {
    content: "\f104 ";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.preview_close_button {
    background-color: #f47f22!important;
}
.preview_close_button:hover {
    background-color: #db701e!important;
}


/*Warning Message*/

.repeatFade.alert.notification.ng-isolate-scope.alert-success.is-success.alert-dismissable {
    background-color: #AFB2A5!important;
}




/*Help Slides*/

.L_torq_bkg {
    background-color: #0BB5B5;
}

.D_torq_bkg {
    background-color: #C3262E;
}

.G_torq_bkg {
    background-color: #8B76B4;
}

#instructions_slider .slides li.slide_1 .image {
    background-image: url('/-1017823543/Handler/CSSOverride/GetImage/40/AddPhoto.png');
}
#instructions_slider .slides li.slide_2 .image2 {
    background-image: url('/-576069668/Handler/CSSOverride/GetImage/40/TextOptions.png');
}

#instructions_slider .slides li.slide_3 .image {
    background-image: url('/1575511354/Handler/CSSOverride/GetImage/40/Checkout.png');
}


.White {
    color: #fff;
}

/*Slide Cliparts*/
/*Slide 1 CLip Art*/

#instructions_slider .slides li .character {
    position: absolute;
    top: 215px;
    right: 360px;
    width: 40%;
    height: 40%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}

/*Slide 2 Clip Art*/
#instructions_slider .slides li .character2 {
    position: absolute;
    top: 176px;
    right: 291px;
    width: 40%;
    height: 40%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}

/*Slide 3 Clip Art*/
#instructions_slider .slides li .character3 {
    position: absolute;
    top: 235px;
    right: 340px;
    width: 40%;
    height: 40%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}

#instructions_slider .slides li.slide_1 .character {
    background-image: url('/-840456981/Handler/CSSOverride/GetImage/40/devia-dads-game-hobby.png');
}

/*Slide 2 Clipart*/
#instructions_slider .slides li.slide_2 .character2 {
    background-image: url('/1514817365/Handler/CSSOverride/GetImage/40/devia-dads-game-best-thing.png');
}

/*Slide 3 Clipart*/
#instructions_slider .slides li.slide_3 .character3 {
    background-image: url('/-1239230757/Handler/CSSOverride/GetImage/40/devia-dads-game-toy.png');
}




#dlgPopupInstruction {
    width: 996px!important;
    height: 646px!important;
    padding: 0px;
    overflow: hidden;
}
#dlgPopupInstruction + .ui-dialog-buttonpane {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 9;
    text-align: center;
    height: 0px;
    overflow: visible;
}
#dlgPopupInstruction > h2 {
    display: none;
}


#dlgPopupInstruction #popupInstructionContent #instructions_slider, #instructions_slider .slides, #instructions_slider .slides li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
#instructions_slider .slides li .copy {
    position: absolute;
    top: 47%;
    width: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 100px;
}
#instructions_slider .slides li .copy h2 {
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-size: 34px;
}
#instructions_slider .slides li .copy p {
    line-height: 22px;
    letter-spacing: .5px;
    font-size: 20px;
}

#instructions_slider .slides li .copy3 {
    position: absolute;
    top: 47%;
    width: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 100px;
}
#instructions_slider .slides li .copy3 h2 {
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-size: 34px;
}
#instructions_slider .slides li .copy3 p {
    line-height: 22px;
    letter-spacing: .5px;
    font-size: 20px;
    width: 350px;
}

#instructions_slider .slides li .image {
    position: absolute;
    top: 97px;
    right: 65px;
    width: 65%;
    height: 65%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}



/*Background Image Slide 2*/
#instructions_slider .slides li .image2 {
    position: absolute;
    top: 25px;
    right: 65px;
    width: 90%;
    height: 90%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}



#instructions_slider ol.flex-control-nav.flex-control-paging {
    bottom: 80px;
    text-align: center;
    z-index: 9;
}
#instructions_slider ol.flex-control-nav.flex-control-paging li {
}
#instructions_slider ol.flex-control-nav.flex-control-paging li a {
    width: 18px;
    height: 18px;
    background: rgba(255,255,255,.0);
    border: solid 2px #fff;
    box-shadow: none;
}
#instructions_slider ol.flex-control-nav.flex-control-paging li a.flex-active {
    background: rgba(255,255,255,1);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background-color: transparent!important;
}
#instructions_slider .flex-direction-nav a {
    width: 128px;
    height: 128px;
    background-color: #fff!important;
    z-index: 48;
    opacity: 1;
    border-radius: 100px;
    background-position: center;
    background-image: url('/1662453988/Handler/CSSOverride/GetImage/40/Arrows.svg');
}
#instructions_slider .flex-direction-nav .flex-prev {
    left: -64px;
    margin-top: -64px;
}
#instructions_slider .flex-direction-nav .flex-next {
    right: -64px;
    margin-top: -64px;
}
.ui-dialog-buttonpane .dont-show-again {

    float: right!important;
    margin: 34px;
    position: absolute;
    right: 0px;
    bottom: 5px;


}
.ui-dialog-buttonpane .dont-show-again input {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.ui-dialog-buttonpane .dont-show-again input + span {
    cursor: pointer;
}
.ui-dialog-buttonpane .dont-show-again input + span:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: #fff;
    margin-left: 8px;
}
.ui-dialog-buttonpane .dont-show-again input:checked + span:after {
    background-image: url('/0/Handler/CSSOverride/GetImage/3/plp_checkbox.svg');
    background-size: contain;
}
#dlgPopupInstruction + .ui-dialog-buttonpane .ui-dialog-buttonset {
    position: absolute;
    bottom: 40px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
#dlgPopupInstruction + .ui-dialog-buttonpane .ui-dialog-buttonset button span {
    display: none;
}
#dlgPopupInstruction + .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background: transparent!important;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    margin-bottom: 10px;
}
#dlgPopupInstruction + .ui-dialog-buttonpane .ui-dialog-buttonset button:after {
    content: 'Skip Tutorial';
}

.megaEditBodyClass-RegisteredUser .ui-dialog {
    background: #0BB5B5!important;
    border-radius: 6px!important;
}

/*background: #eceff1!important;*/


/*------------------------------
MEDIA QUERIES BEGIN HERE
------------------------------ */
/*ipad pro*/

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .vimeo-wrapper iframe {
        min-height: 56.25vw;
        /* min-width: 177.77vh; */
        top: 20%;
    }
    .hero-inner {
        margin-top: 10%;
    }
    .vimeo-wrapper .overlay {height: 56.25vw;}
    section#how-works {
        margin-top: calc(56.25vw + 50px);
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .vimeo-wrapper iframe {
        min-height: 56.25vw;
        /* min-width: 177.77vh; */
        top: 20%;
    }
    .vimeo-wrapper .overlay {height: 56.25vw;}

}

@media (max-width: 1350px) {
    #toprow .minishoppingcartwrapper {
        right: 100px !important;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	    section#how-works {
        	margin-top: calc(56.25vw + 50px);
    	}
}
@media (max-width: 1270px) {
    #toprow .logo a {
        left: 80px !important;
    }
    section#how-works {
        margin-top: calc(56.25vw + 50px);
    }
}

@media (max-width: 1100px){
    #toprow .logo a {
        left: 60px !important;
    }
    #toprow .minishoppingcartwrapper {
        right: 200px !important;
    }
    section#how-works {
        margin-top: calc(56.25vw + 150px);
    }
}
@media (max-width: 1024px){
    .hero-inner {width: 80% !important;margin-top:10%;}
    section#how-works {
        margin-top: calc(56.25vw + 200px);
    }
}
@media (max-width: 971px){
    #toprow .minishoppingcartwrapper {
        right: 30px !important;
    }
}
@media only screen and (max-width: 959px) {
    .col-md-12.MEmicroheader .viewButton.logo {
        display: none;
    }
}
@media (max-width: 812px) {
    .headermenu ul li a {
        font-size: 12px;
        padding: 5px 7px;
    }
    .header-links-wrapper ul li {
        display: inline-block;
        margin: 7px 0 0 7px;
    }

    .dads-game h2, h1.title,.dads-game h3 {
        margin-bottom: 10px;
    }
    h1.title {
        font-size: 4.00em !important;
    }
    .hero-inner {margin-top: 7%;}
    .dads-game p {
        margin-bottom: 0;
    }
    section#how-works {
        margin-top: 56.25vw;
    }
    section#how-works .grid_12, .grid_12_menu {
        text-align: center;
    }
    img.toy {
        float: none !important;
        display: inline-block;
        margin: 0 auto;
    }
    img.story2 {
        float: none !important;
        display: block;
        margin: 5% auto;
    }
}

@media (max-width: 768px){
    h1 {font-size:2.250em;}
    h2 {font-size:1.250em;}
    h1.title{
        font-size: 3.500em !important;
    }
    #toprow .minishoppingcartwrapper {
        right: 120px !important;
        top: 60px !important;
    }
    .vimeo-wrapper iframe {
        min-height: auto;
        position: absolute;
        top: 20%;
    }
    .vimeo-wrapper .overlay {
        height: 56.25vw;
        /*     	Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
        min-height: 56.25vw;
    }

    /*	section#how-works { margin-top: 425px;}	*/
    .hero-inner {
        margin: 5% auto 3% 10%;
        width: 90%;
    }
    .steps p {
        margin: auto auto 10% auto;
    }
    .btn-dads {
        margin: auto auto 20% auto;
    }
    p.toy-text {margin-bottom: 10%;}
    img.step {width:80%;}
    h1.title-story {
        margin-top: 20px;
    }
    img.story3 {
        margin-right: 2%;
    }
    img.contact {
        height: 200px;
    }
    .social a.fa {
        padding: 10px;
        font-size: 20px;
        width: 40px;
    }
}

/*@media (max-width: 667px){*/
@media (max-width: 736px){

    #toprow {
        height: 250px;
    }
    #toprow .headermenu {
        width: 100%;
        display: block;
        position: relative;
        top: 175px !important;
        left: 5px !important;
        right: 5px !important;
    }
    .header-links-wrapper {
        position: absolute;
        top: 1%;
        left: 0;
        display: block;
        width: 100%;
        height: 50px;
    }
    .header-links-wrapper ul li {
        margin: 0;
        float:right;
        padding-top: 5px;
    }
    .adminlinks a {
        width: 100%;
        float: none;
        color: #fff;
        margin-top: 10px;
        margin-right: 10px;
    }
    .page-home-index .generalPageWrapper, .generalPageWrapper {
        float: none;
    }
    /*	.vimeo-wrapper .overlay {height:auto;}*/
    .hero-inner {
        width: 100%;
        margin: 10% auto 3% 3%;
        padding-top: 50px;
    }
    .btn-lg {
        width: 100%;
    }
    /*}*/
    /*@media (max-width: 375px){*/
    /*
    @media only screen
        and (device-width : 375px)
        and (device-height : 812px)
        and (-webkit-device-pixel-ratio : 3) {
    */


    #toprow .logo a {
        left: 98px !important;
        top: 30px !important;
    }
    #toprow .minishoppingcartwrapper {
        right: 25px !important;
        top: 25px !important;
    }
    #toprow .row__container .grid_8 .minishoppingcartwrapper {
        margin-top: 20px;
    }
    section#hero {text-align: center;}
    .vimeo-wrapper iframe {
        top: 100px;
    }

    /*			.vimeo-wrapper .overlay {height:28%;}*/


    .vimeo-wrapper {
        margin-top: 250px;
    }
    .hero-inner {
        padding-top: 3%;
        width:90% !important;
        margin: 0% auto;
    }
    h1, h1.title {font-size:3.5em !important;}
    h2 {font-size: 2em;}
    .hero-inner h2 {font-size: 1.4em;}
    .dads-game p:first-child {display:none;}
    .hero-inner h3 { font-size: 20px; }
    .btn.btn-dads.btn-lg {
        font-size: 1rem;
    }
    /*

                section#how-works {
                    margin-top: calc(56.25vw + 50px);
                }
    */
    img.step {
        width: 50%;
    }
    img.toy {
        width: 100%;
    }
    img.story2, img.story3 {
        float: none;
        display: inline-block;
        width: 100%;
    }
    section#contact-us .grid_6.column.is-12-mobile.is-6-tablet.is-6-widescreen {
        margin-bottom: 3%;

    }
}


@media (max-width: 414px){
    img.step {
        width: 80%;
    }
}

@media (max-width: 320px){
    .hero-inner h2 {
        font-size: 1.2em;
    }
    .hero-inner h3 {
        font-size: 18px;
    }
    .vimeo-wrapper .overlay {
        height: 60vw;
        min-height: 60vw;
    }
}