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

body {padding:0px; margin: 0px;
    background: rgb(0,153,177);
    background: -moz-linear-gradient(top, rgba(0,153,177,1) 0%, rgba(181, 225, 232,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,153,177,1) 0%,rgba(181, 225, 232,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,153,177,1) 0%,rgba(181, 225, 232,0.5) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2d0e9', endColorstr='#ffffff',GradientType=0 );*/
    font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px;
}
#logo-mobile {
    display: none;
}
a{ text-decoration: none; }
a:hover, a:active, a:focus{ color: #006f84; text-decoration: none; outline: none;}
.main {float: left; width: 100%; background: url(../images/main-bg-bigger.png) center 175px no-repeat;}
div.container {width: 950px !important; margin: 0 auto;}

.button-theme {float: left; width: 204px; background:url(../images/btn-orange-withshadow.svg) left top no-repeat; font-size: 16px; color: #fff; padding:0 0 0 15px; line-height: 32px; text-transform: uppercase; font-weight: 900; height: 36px;}
.button-theme.blue {background:url(../images/btn-purpal.svg) left top no-repeat; width: 162px; }
.button-theme.small {background:url(../images/btn-small-orange.svg) left top no-repeat; width: 165px; }
.button-theme.small-cyan {background:url(../images/btn-small-cyan.svg) left top no-repeat; width: 175px; background-size: 100%; margin-right:10px;margin-bottom:6px;}

.button-theme:hover, .button-theme:focus {color: #fff; text-decoration: none;}

.i18n-fr .price .button-theme.small, .i18n-fr .button-theme.small.tryme    {
    float: left; width: 234px; background:url(../images/btn-orange-withshadow.png) left top no-repeat; background-size: 234px 36px; font-size: 16px; color: #fff; padding:0 0 0 20px; line-height: 32px; text-transform: uppercase; font-weight: 900; height: 36px;}
.i18n-de .price .button-theme.small, .i18n-de .button-theme.small.tryme  {
    float: left; width: 204px; background:url(../images/btn-orange-withshadow.png) left top no-repeat; background-size: 204px 36px; font-size: 16px; color: #fff; padding:0 0 0 20px; line-height: 32px; text-transform: uppercase; font-weight: 900; height: 36px;}

ul > li { background: none; list-style-type: none; }

#breadcrumb-wrapper { display: none; }
#block-system-main-menu h2{ display: none; }
#block-simplenews-163--2 {
    margin-bottom: 20px;
}
#webSlide {
    cursor: pointer;
    width: 100%;
    background: url(../images/logo-white.svg) center center no-repeat ;
}
#autocomplete {
    font-size: 16px;
}
.messages {
    margin-bottom: 10px;
    padding-left: 0px;
    position: absolute;
    top: 18px;
    left: 30%;
    width: 40%;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    display: none;
    font-size: 14px;
    z-index: 100;

}

/*.article.node-page.node-lang-en {display: none;}*/

.sidebar .block-views .views-row { border: 0; padding: 0;  }
.sidebar .block-views .views-field-title .field-content a { color: #16a7bb; }

/*.contextual-links-region { float: left; width: 100%; display: inline-block; }
.messages.error { display: none; }*/
.object-svg-title { width: 90%; }
.page-default { float: left; width: 100%; background: url(../images/main-bg-bigger.png) center 175px no-repeat;}

.faqfield-anchor-list ul {
    font-size: 20px;
    margin: 19px;
}
/* header */

header {float: left; width: 100%; background-color: #fff; padding:37px 0 17px 0; }
header .logo {float: left; width: auto;}

header .region-header {float: right; width: 89%;}
header .region-header #block-lang-dropdown-language {float: right; width: auto; margin-left:20px; height: 28px; border:solid 1px #008bc2; border-radius: 10px; line-height: 28px; height: 28px; padding:0px 0 0 10px; font-size: 14px; color: #008bc2; font-weight: 400; background: #fff; }
header .region-header #block-lang-dropdown-language .block-inner {float: left; width: auto;}
header .region-header #block-lang-dropdown-language .block-inner h2 {display: none;}
header .region-header #block-lang-dropdown-language .block-inner .block-content .lang_dropdown_form {margin-bottom: 0px;}
header .region-header #block-lang-dropdown-language .block-inner .block-content .lang_dropdown_form .form-item-lang-dropdown-select {display: inline-block; margin:0px; position: relative; padding: 0px 0 5px 6px;}
header .region-header #block-lang-dropdown-language .block-inner .block-content .lang_dropdown_form .form-item-lang-dropdown-select:before {content: ''; position: absolute; right: 8px; top: 10px; border: solid 5px rgba(0, 0, 0, 0); border-top-color: #000; width: 0px; height: 0px;}
header .region-header #block-lang-dropdown-language .block-inner .block-content .lang_dropdown_form .form-item-lang-dropdown-select:after {content: ''; position: absolute; right: 8px; top: 9px; border: solid 5px rgba(0, 0, 0, 0); border-top-color: #fff; width: 0px; height: 0px;}

header .region-header #block-lang-dropdown-language .block-inner .block-content .lang_dropdown_form .form-item-lang-dropdown-select select {width: 100px !important; border: 0px; -moz-appearance: none; -webkit-appearance:none; appearance:none; background: none;}
header .region-header #block-lang-dropdown-language .block-inner .block-content .lang_dropdown_form .form-item-lang-dropdown-select select::-ms-expand {
    display: none;
}


header .region-header .block-search {float: right; width: 258px;}
header .region-header .block-search .block-inner {float: left; width: 100%;}
header .region-header .block-search .block-inner .block-content {float: left; width: 100%;}
header .region-header .block-search .block-inner .block-content #search-block-form {float: left; width: 100%; margin: 0px;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline {float: left; width: 100%; margin: 0px; position: relative;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline {float: left; width: 100%; margin: 0px; position: relative;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline .element-invisible {display: none;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline .form-item {float: left; width: 100%;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline .form-item input {float: left; width: 100%; height: 28px; border:solid 1px #16a7bb; border-radius: 10px; line-height: 28px; height: 28px; margin: 0px; padding:0px 0 0 10px; font-size: 14px; color: #16a7bb; font-weight: 400; background: #fff;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline .form-actions.form-wrapper {width:28px; height: 28px; position: absolute; right: 0px; top: 0px; margin: 0px;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline .form-actions.form-wrapper .button {float: left; width:100%; height: 28px; margin: 0px;}
header .region-header .block-search .block-inner .block-content #search-block-form .container-inline .form-actions.form-wrapper .button input {
    float: left;
    width:100%;
    height: 16px;
    margin-top: 6px;
    background:url(../images/icon-search.svg) 50% 25% no-repeat;
    padding:0px;
    border-radius:0px;
    text-indent:-99999px;
    overflow: hidden;
}

#search-form input#edit-keys {
    background:url(../images/icon-search.svg) 4% 48% no-repeat;
    background-size: 40px;
    padding-left: 90px;
}


header .region-header .block-menu {float: right; width: 100%; margin: 71px 0 0 0;}
header .region-header .block-menu .block-content {float: right; width: 100%;}
header .region-header .block-menu .block-content ul.menu {float: right; margin: 0px; padding: 0px; list-style: none;}
header .region-header .block-menu .block-content ul.menu li {float: left; width: auto; margin: 0px; padding: 0px; border: 0px;}
header .region-header .block-menu .block-content ul.menu li a {margin: 0px;font-weight: 600; padding: 0px 0 0 15px; display: block; font-size: 15px; color: #000; text-transform: uppercase; background: none;}

header .region-header .block-menu .block-content ul.menu li a.active,
header .region-header .block-menu .block-content ul.menu li a:hover {
    color: #0098b0;
}
.site-nav-wrap { display: none; }
section.testimonial p, div.testimonial p {
    margin-bottom: 0px;
}
section.testimonial a, div.testimonial a {
    font-size: 15px;
    font-weight: bold;
}
/* banner */

.banner-bg {float: left; width: 100%; margin:  40px 0 20px 0;}
.banner-bg .banner-box {float: left; width: 100%; position: relative;}
.banner-bg .banner-box .img {float: left; width: 100%; border-top-left-radius: 150px; overflow: hidden;}
.banner-bg .banner-box .img img {max-width: 100%; width: 100%;}
.banner-bg .banner-box .content {width: 48%; position: absolute; right: 0px; top: 0px; padding: 40px 0 0 0; }
.banner-bg .banner-box .content h3 {float: left; width: 100%; margin: 0px; font-family: 'Bowlby One', sans-serif; font-size: 35px; color: #006f84; text-transform: uppercase; padding-left: 15px; line-height: 35px;}
.banner-bg .banner-box .content p {float: left; width: 100%; margin: 10px 0; font-size: 14px; color: #006f84; padding:0 15px; line-height: 20px;}

/* offer */

.box-offer {float: left; width: 100%;}
.box-offer .before-box {position: relative; float: left; width: 49%;
    background: url(../images/box2.jpg) left top no-repeat; background-size: 100% 100%; margin:0 0 20px 0; height: 160px; }
.box-offer .before-box.last {
    position: relative; float: right;
}
.box-offer .before-box .possion-absolute { position: absolute; top: 0;left: 0;right: 0;}

.box-offer .before-box .img {float: left; width: 30%; padding: 0 ; margin: 0 53px 0 33px;}
.box-offer .before-box h2 {margin: 28px 80px 14px 243px; padding: 0px; font-family: 'Bowlby One', sans-serif; font-size: 21px; color: #fff; line-height: 21px;}
.box-offer .before-box p {margin: 0px;}
.box-offer .before-box.last .img {float: left; padding: 0 ; margin: 31px 48px 0 42px;}
.box-offer .before-box.last h2 {margin: 28px 65px 14px 248px;}

.box-offer .smartgames {float: left; width: 100%; margin:0;}
.box-offer .smartgames .img {float: left; width:49%; margin: 0px 0 20px 0px;}
.box-offer .smartgames .img.marginLeft  {float: right;}

.box-offer .smartgames .img img {display: block;}

.box-offer .challenges-box {float: left; position: relative; width:23.5%;/* background: url(../images/box-blue.svg) left top no-repeat;*/ margin:0 0 0 2%; padding-bottom: 15px;}
.box-offer .challenges-box .possion-absolute { position: absolute; top: 0; }
.box-offer .challenges-box .title {float: left; width:100%; text-align: center; padding: 30px 0 73px 0; }
.box-offer .challenges-box .img {float: left; width:100%; text-align: center; padding: 0 0 30px 0; }
.box-offer .challenges-box .content {float: left; width:100%; text-align: center; }
.box-offer .challenges-box .content h4 {float: left; width:100%; font-size: 18px; color: #002b54; font-weight: 700; margin: 0px;}
.box-offer .challenges-box .content p {float: left; width:100%; margin: 0px; font-size: 14px; color: #624891;}
.box-offer .challenges-box .content a.button-theme.blue {float: none; display: inline-block; text-align: left;}

.box-offer .game-month {float: left; width:23.5%; background:#eaf4f7; border: 3px solid #fff; margin:0 0 0 2%; padding-bottom: 17px;}
.box-offer .game-month .title {float: left; width:100%;  text-align: center;}
.box-offer .game-month .img {float: left; width:100%; padding: 0; margin-top: -35px; text-align: center;}
.box-offer .game-month .content {float: left; width:100%; padding: 0 22px; text-align: left; font-size: 14px; line-height: 16px; color: #003a61;}
.box-offer .game-month .content a {float: left; width:100%; padding: 5px 0 0 0; text-align: left; font-size: 14px; line-height: 16px; color: #0087c1; text-decoration: underline;}
.box-offer .game-month .content a:hover {text-decoration: none;}

/* latest news */
.latestnews-section {float: left; width: 100%; margin-bottom: 20px;}
.latestnews-section span.badge { display: none; }
.latestnews-section .latestnews-box { float: left; position: relative; font-size: 14px; color: #006f84; background: #fff;}
.latestnews-section .latestnews-box:after { content: ""; position: absolute; top: 10px; border-top: 1px solid #0098b0; width: 100%; left: 0px; }
.latestnews-section .latestnews-box:before { content: ""; position: absolute; bottom: 10px; border-bottom: 1px solid #0098b0; width: 100%; left: 0px; }
.latestnews-section .block-inner h2.block-title{
    margin: 10px 25px 6px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #0098b0;
    border: 1px solid #0098b0;
    padding: 7px 10px;
    display: inline-block;
}
.panel-2col .panel-col-last .inside {
    margin: 0 1em 1em .5em;
    display: block;
}
.latestnews-section .item-list ul{ list-style-type: none; }
.latestnews-section .item-list ul li{background: none; padding: 0; }

.latestnews-section .panel-col-first {idth: 49%;
    padding-left: 25px;
    padding-top: 11px;
    padding-right: 8px;
}
.latestnews-section .panel-col-first div{ display: inline-block; }
.latestnews-section .panel-col-first div.inside div:nth-child(2) {
    float: right;
}
.latestnews-section .panel-col-first div:nth-child(3) {
    width: 100%;
}
.latestnews-section .panel-col-first .title{ font-weight: 600; font-size: 14px; }
.latestnews-section .panel-col-first .title a {color: #156f84; text-decoration: none;}
.latestnews-section .panel-col-first .date {color: #156f84; font-weight: 300;}
.latestnews-section .panel-col-first div:nth-last-of-type(3) { float: right; }
.latestnews-section .panel-col-first .comment-box {float: right; }
.latestnews-section .panel-col-first h2 {margin: 0; padding: 20px 0; display: block; border-top: 1px solid #006f84; font-weight: 400; font-size: 28px; width: 100%}
.latestnews-section .panel-col-first h2 a {color: #156f84; text-decoration: none;}
.latestnews-section .panel-col-first p {color: #156f84; font-size: 14px;}
.latestnews-section .latestnews-box .border-div .latestnews-content h2 { }
.latestnews-section .latestnews-box .border-div .latestnews-content a { color: #0084bf; display: inline-block; margin-bottom: 20px;}
.latestnews-section .latestnews-box .border-div .img { float: left; width: 50%; text-align: center; }
.latestnews-section .latestnews-box .border-div .img img{ margin-top: -40px; }

/* whysmart */
.whysmart-section {float: left; width: 100%;}
.whysmart-section .whysmart {float: left; width: 100%; background: #156f84; position: relative; text-align: center; padding:0 0px 70px; }
.whysmart-section .whysmart:after {content: ''; position: absolute; left: 0px; top: 50px; width: 100%; height: 2px; background:#8bbed8;}
.whysmart-section .whysmart:before {content: ''; position: absolute; left: 0px; bottom: 40px; width: 100%; height: 2px; background:#8bbed8;}
.whysmart-section .whysmart h2 {float: none; display: inline-block; width: auto; font-weight: 500; background: #156f84; margin: 32px 0 20px 0; padding: 0 20px; font-family: 'Bowlby One', sans-serif; font-size: 30px; color: #fff; text-transform: uppercase; position: relative; z-index: 99;}
.whysmart-section .whysmart .main-box{ width: 100%; float: left; }
.whysmart-section .whysmart .box {float: left; width: 16.66%; text-align: center;}
.whysmart-section .whysmart .box .img {float: left; width: 100%; margin: 0 0 5px 0;}
.whysmart-section .whysmart .box h5 a{float: left; width: 100%; font-size: 18px; font-weight: 500; color: #fff; line-height: 22px; padding: 0 15px; }
.whysmart-section #block-block-11 .block-inner h2{ display: none;  }


.mobile-games-section {float: left; width: 100%;}

.mobile-games-section .whysmart {
    background-color: #DAF0F4;

    margin-bottom: 20px;
    padding-bottom: 40px;
    float: left; width: 100%; position: relative; text-align: center; padding:0 0px 70px;
}

.mobile-games-section  .whysmart:after {content: ''; position: absolute; left: 0px; top: 50px; width: 100%; height: 2px; background:#0099b0;}
.mobile-games-section .whysmart:before {content: ''; position: absolute; left: 0px; bottom: 40px; width: 100%; height: 2px; background:#0099b0;}

.mobile-games-section .whysmart h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;

    font-family: 'Bowlby One', sans-serif;
    float: none; display: inline-block;
    width: auto; font-weight: 500;
    background: #DAF0F4;
    margin: 32px 0 20px 0;
    padding: 0 20px;
    position: relative;
    z-index: 99;
}
    /* footer */

footer {float: left; width: 100%; margin: 20px 0 0 0;}
footer a:hover {
    text-decoration: underline!important;
}
footer .footer-bg {float: left; width: 100%; background:#eaf4f7; padding: 35px  35px 20px  35px; }
footer .footer-bg .footer-about {float: left; width:30%; }
footer .footer-bg .footer-about h2 {float: left; width:100%; margin: 0px 0 5px 0 ; font-size: 14px; color: #006f84; font-weight: 700;}
footer .footer-bg .footer-about ul {float: left; width:100%; margin: 0px; list-style: none;}
footer .footer-bg .footer-about ul li {float: left; width:100%; margin: 0px;}
footer .footer-bg .footer-about ul li a {display: block; font-size: 14px; color: #006f84; text-decoration: none; line-height: 21px;}

footer .footer-bg .footer-customer {float: left; width:30%; }
footer .footer-bg .footer-customer h2 {float: left; width:100%; margin: 0px 0 5px 0 ; font-size: 14px; color: #006f84; font-weight: 700;}
footer .footer-bg .footer-customer ul {float: left; width:100%; margin: 0px; list-style: none;}
footer .footer-bg .footer-customer ul li {float: left; width:100%; margin: 0px;}
footer .footer-bg .footer-customer ul li a {display: block; font-size: 14px; color: #006f84; text-decoration: none; line-height: 21px;}
footer .footer-bg .footer-newsletter {float: left; width:40%; }
footer .footer-bg .footer-newsletter h2{float: left; width:100%; margin: 0px 0 5px 0 ; font-size: 14px; color: #006f84; font-weight: 700;}
footer .footer-bg .footer-newsletter .form-item{ margin: 0;float: left; }
footer .footer-bg .footer-newsletter #newsletter-error {float: left; margin-top: 5px; width: 100%; color: #f00; }
footer .footer-bg .footer-newsletter input[type="text"]{ border: 0; width: 250px; padding: 10px; border: solid 1px #16a7bb; color: #156f84;}
footer .footer-bg .footer-newsletter input[type="text"]:hover {background: #fafafa; }
footer .footer-bg .footer-newsletter input[type="submit"]{ background: #16a7bb; padding: 10px; color: #fff; border: 0; float: left; border-radius: 0; margin-left:6px; position: absolute;}

#newsletter-subscribe-form--2 {float: left; width: 100%;}

footer .footer-bg .footer-newsletter .social-icon ul {margin: 0px;}


footer .footer-bg .footer-newsletter span.badge { display: none; }
footer .footer-bg .footer-newsletter .social-icon {list-style-type: none; float: left; width: 100%; padding: 0; margin: 0;}
footer .footer-bg .footer-newsletter .social-icon li{ float: left; margin-right: 3px;}
footer .footer-bg .footer-newsletter .social-icon li a{ display: inline-block;  }
footer .footer-bg .footer-newsletter .panel-first-2, footer .footer-bg .footer-newsletter .panel-first-3, footer .footer-bg .footer-newsletter .panel-first-4 { display: none; }
footer .footer-bg .footer-newsletter .grid-9 {
    width: auto;
}
footer .footer-bg .copyright { float: left; width: 100%; margin: 30px 0 0; font-size: 14px;}
footer .footer-bg .copyright h2 {display: none; }
footer .footer-bg .copyright .region-footer{ display: inline-block; width: 60%}

footer .footer-bg .copyright .right  a{color: #006f84;}
.shareBlog {
    border-top: 1px solid  #006f84;
    border-bottom:  1px solid  #006f84;
    text-align: right;
    font-weight: 600;
    height: 50px;
}
.shareBlog .shareIcon {
    position: relative;
    top: 9px;
    margin-left: 0px;
}
.shareBlog .shareIcon.s_facebook {
    margin-left: 20px;
}
/* Our game */

.our-game { float: left; width: 100%; margin: 40px 0 20px 0; text-align: center; }
.our-game .main{ border-top-left-radius: 150px; background: #fff; padding: 0 20px; }
.our-game .main h1{ font-family: 'Bowlby One', sans-serif; font-size: 35px; color: #006f84; text-transform: uppercase; line-height: 40px; }
.our-game .main .box{ position: relative; float: left; width: 33%; margin: 20px 0 10px; }
.our-game .main .box a:hover{ text-decoration: none; }
.our-game .main .box h4{ color: #006f84; font-size: 17px; padding: 20px 0px; margin-top: 0;  text-transform: uppercase;}
.our-game .main .box .img{ position: relative; margin: 0 auto; border-radius: 100%; overflow: hidden; height: 205px; width: 205px; }
.our-game .main .box .img img {height: 205px; width:auto; max-width: inherit !important; }
.our-game .main .box .overlay{width: 100%; height: 100%; margin: 0 auto; position: absolute; top: 0px; left: 0; border-radius: 100%; right: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(78, 172, 189, 0.7); -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.our-game .main .box:hover .overlay{ -webkit-transform: scale(1); transform: scale(1); }
.our-game .main .box .overlay h3{ color: #cde4f2; margin: 0; font-family: 'Bowlby One', sans-serif; font-size: 20px; position: absolute; top: 50%; text-align: center; padding: 0 20px; left: 0; transform: translateY(-50%); -ms-transform: translate(-50%, -50%);  }
.our-game .main .box:hover h4{ color: #09a7bb; }
/*.our-game .main .box .overlay h3:after{ content: ""; position: absolute; right: 0; background: url(../images/right-arrow.png) no-repeat; }*/
.node-type-blog .our-game {
    margin-bottom: 0px;
}

/* Find gift */
.find-gift { float: left; width: 100%; color: #fff; font-size: 14px; line-height: 1.6; }
.find-gift .find-gift-box{ background: #156f84; background-image: url(../images/find-bg.png); background-repeat: no-repeat; background-position: 100% 35%; padding: 20px 50px; margin-bottom: 20px;}
.find-gift .find-gift-box .left-box{ width: 50%; }
.find-gift .find-gift-box .left-box h2{ font-family: 'Bowlby One', sans-serif; font-size: 30px; color: #fff; margin: 10px 0; text-transform: uppercase; line-height: 40px;  }
.find-gift .find-gift-box a.button-theme, a.button-theme.large{ width: 327px; background: url(../images/find-button.png) left top no-repeat; font-size: 16px; color: #fff; padding: 0 20px; line-height: 32px; margin: 15px 0; height: 39px; display: inline-block; text-transform: uppercase; font-weight: 900; }

/* Smart Game */
.smart-game { float: left; width: 100%;}
.smart-game #panel-third-wrapper .container{ border-radius: 0; background: #fff; color: #006f84; padding:20px 20px 0px 20px;  font-weight: 700; font-size: 15px; text-align: center; }

.catelog_page .smart-game #panel-third-wrapper .container {
    padding-top: 0px;
}
.smart-game.blog-post #panel-third-wrapper .container {
    padding-top: 0px;
}
.smart-game.blog-post #panel-third-wrapper .container .block-inner h2 {
    display: none;
}

.page-node-439 .field-item  .appIcon img {
    width: 200px;
    margin: 0px 10px 10px 0px;
}

h2.blogTitle {
    margin: 2em 0 1em;
}
h2.levelIcon {
    background: url(../images/icon-level.svg) no-repeat left center;
    padding: 15px 0px 15px 64px;
    background-size: 60px;
}

h2.familyIcon {
    background: url(../images/icon-game.svg) no-repeat left center;
    padding: 15px 0px 15px 64px;
    background-size: 60px;
}

h2.rulesIcon {
    background: url(../images/icon-123.svg) no-repeat left center;
    padding: 15px 0px 15px 64px;
    background-size: 60px;
}

h2.qualityIcon {
    background: url(../images/icon-madel.svg) no-repeat left center;
    padding: 15px 0px 15px 64px;
    background-size: 60px;
}

h2.awardIcon {
    background: url(../images/icon-award.svg) no-repeat left center;
    padding: 15px 0px 15px 64px;
    background-size: 60px;
}

h2.playerIcon {
    background: url(../images/icon+1.svg) no-repeat left center;
    padding: 15px 0px 15px 64px;
    background-size: 60px;
}


h1 div.rotated, h2 div.rotated {
    transform: rotate(-2deg);
    position: relative;
    left: -150px;
    font-family: 'Bowlby One', sans-serif;
    font-size: 35px;
    color: #006f84;
    text-transform: uppercase;
    line-height: 40px;
}

.i18n-de h1 div.rotated, .i18n-de h2 div.rotated {
    left: -120px;
}
h1 div.sgblog, h2 div.sgblog {
    font-size:48px;
     font-family: 'Bowlby One', sans-serif;
     color: #006f84;
     text-transform: uppercase;
     line-height: 40px;
 }
view-blog-page a {
    color: #16a7bb
}
.smart-game #panel-third-wrapper .container .title-text{ margin-bottom: 10px }
.smart-game #panel-third-wrapper .container h2{ font-family: 'Bowlby One', sans-serif; font-size: 30px; color: #0099b0; margin: 20px 0 10px; text-transform: uppercase; line-height: 40px;  }
.smart-game #panel-third-wrapper .container .grid-24{ width: 100%; }
.smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside { margin: 10px; border-bottom: 6px solid #0099b0; }
.smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside .views-field-title a{ text-transform: uppercase; color:#006f84; height: 50px;
    display: inline-block;
    overflow: hidden;}
.smart-game.blog-post #panel-third-wrapper .container .panel-2col .panel-col-first .inside .views-field-title a {
    text-transform: none;
    border-bottom: 1px solid #006f84;
    height: auto;
    margin-bottom: 3px;
    width: 100%}
.smart-game.blog-post #panel-third-wrapper .container .panel-2col .panel-col-first .inside:hover  .views-field-title a  {
color: #006f84;
    text-decoration: underline;

}
.smart-game.blog-post #panel-third-wrapper .container {
    text-align: left;
}
.smart-game.blog-post #panel-third-wrapper .container .panel-2col .panel-col-first .inside { margin: 10px; border-bottom: 0px; }

.smart-game #panel-third-wrapper .panel-2col .panel-col-first{ width: 100%; }
.smart-game #panel-third-wrapper .block-views .views-row {padding: 0; border: 0;}
.smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside .views-field-uc-product-image { position: relative; }


.i18n-fr .new_product_class {
     position: absolute;top: -5px;left: -5px;width: 75px;height: 75px;background: url(../images/new-fr.png) left top no-repeat;z-index: 1; background-size: 75px
 }
.i18n-de .new_product_class {
    position: absolute;top: -5px;left: -5px;width: 75px;height: 75px;background: url(../images/new-de.png) left top no-repeat;z-index: 1; background-size: 75px
}
.i18n-nl .new_product_class {
    position: absolute;top: -5px;left: -5px;width: 75px;height: 75px;background: url(../images/new-nl.png) left top no-repeat;z-index: 1; background-size: 75px
}
.new_product_class {position: absolute;top: -5px;left: -5px;width: 75px;height: 75px;background: url(../images/new.png) left top no-repeat;z-index: 1; background-size: 75px}

.right-content .new {
    float: right;
    color: white;
    background-color: #156f84;
    font-size: 14px;
    padding: 3px;
    border-radius: 3px;
    position: relative;
    top: 3px;

}
.hide_me {position: relative;}

.smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside .views-field-uc-product-image .field-content img {height: auto; width: 100%; }


/* Smart Game blocks */
.smart-game.new-block { margin-bottom: 20px; float: left; width: 100%;}
.smart-game.new-block { border-radius: 0; background: #fff; color: #006f84; padding:0px;  font-weight: 700; font-size: 15px; text-align: center; }
.smart-game.new-block .title-text{ margin-bottom: 20px }
.smart-game.new-block h2{ font-family: 'Bowlby One', sans-serif; font-size: 30px; color: #0099b0; margin: 20px 0 10px; text-transform: uppercase; line-height: 40px;  }
.smart-game.new-block .grid-24{ width: 100%; }
.smart-game.new-block .panel-2col .panel-col-first .inside { margin: 10px; border-bottom: 6px solid #0099b0; }
.smart-game.new-block .panel-2col .panel-col-first .inside .views-field-title a{ color:#006f84; min-height: 65px; padding: 10px 0;  display: inline-block; }
.smart-game.new-block .panel-2col .panel-col-first{ width: 100%; }
.smart-game.new-block .block-views .views-row {padding: 0; border: 0;}
.smart-game.new-block .panel-2col .panel-col-first .inside .views-field-uc-product-image { position: relative; }
.smart-game.new-block .panel-2col .panel-col-first .inside .views-field-uc-product-image:after { content: ""; position: absolute; top: -5px; left: -5px; width: 75px; height: 75px;  background: url(../images/new.png) left top no-repeat; }
.smart-game.new-block .panel-2col .panel-col-first .inside .views-field-uc-product-image .field-content img {height: 163px; width: 100%; }
.smart-game.new-block .grid-inner {border: none !important;margin: 0 !important;padding: 0 !important;}
.smart-game.new-block .panel-2col .panel-col-first .inside .views-field-title a {text-decoration: none;}
.grid-24 {
    width: 100% !important;
}
/* future-product */
.smart-game.future-product .future-box{ position: relative; text-align: center; padding: 0 0px 10px; float: left; width: 100%; }
.smart-game.future-product .future-box .block-custom { padding: 0 15px; }
/*
.smart-game.future-product .future-box:before{content: ''; position: absolute; left: 0px; bottom: 40px; width: 100%; height: 2px; background: #fff;}
.smart-game.future-product .future-box:after{ content: ''; position: absolute; left: 0px; top: 50px; width: 100%; height: 2px; background: #fff; }*/
.smart-game.future-product .future-box .form { margin: 10px 0 20px; }
.smart-game.future-product .future-box .form input[type="text"]{ border: 0; width: 300px; padding: 10px; }
.smart-game.future-product .future-box .form input[type="text"]:hover, .smart-game.future-product .future-box .form input[type="text"]:focus {background: #fafafa; }

.smart-game.future-product .future-box .form input[type="submit"]{ background: #16a7bb;padding: 10px;color: #fff;border: 0; border-radius: 0; }
.smart-game.future-product #panel-third-wrapper .container {padding: 0; border-radius: 0; border: 3px solid #fff; background: #EDF7F9;  }
.smart-game.future-product #panel-third-wrapper .container h2{ display: inline-block; width: auto; font-weight: 500; background: #EDF7F9; margin: 32px 0 20px 0; padding: 0 20px; font-family: 'Bowlby One', sans-serif; font-size: 35px; text-transform: uppercase; position: relative; z-index: 99; }
.smart-game.future-product #panel-third-wrapper .container .block-inner h2 {display: none;}

/* Blog gale */
.our-game .left-content{ float: left; width: 60%; text-align: left; color: #006f84; font-size: 14px; padding-right:20px; }
.our-game .left-content ul li{ background: none; }
.our-game .left-content .item-list .title{ font-weight: 600; width: auto; float: left; }
.our-game .left-content .item-list .date{ color: #006f84; }
.our-game .left-content .item-list .views-field-field-blog-image{ display: block; margin: 15px 0; text-align: center; }
/*.our-game .left-content .item-list div { display: inline-block; }*/
.our-game .left-content .item-list div:nth-last-of-type(4){float: right; }
.our-game .left-content .item-list h2{ margin: 0; padding: 20px 0; display: inline-block;width: 100%; border-top: 1px solid #006f84; color: #006f84; font-weight: 400; font-size: 28px; }
.our-game .right-content{ float: left; width: 40%; background: #eaf4f7; padding: 30px; text-align: left; color: #006f84; font-size: 14px; }
.our-game .right-content ul { border-bottom: 1px solid #86c3e3; padding-bottom: 10px; }
.our-game .right-content ul li{ background: none; }
.our-game .right-content .block-newsletter{ background: #d4e9ef; padding: 20px; margin-bottom: 20px;}
.our-game .right-content .block-newsletter input[type="text"]{ border: 0; width: 100%; padding: 10px;}
.our-game .right-content .block-newsletter input[type="submit"] { background: #16a7bb; padding: 10px; color: #fff; border: 0;float: left;border-radius: 0;}
.our-game .right-content .view-categories ul li{ padding: 0;  }

.our-game .right-content .view-discover-our-collection ul { display: inline-block; width: 100%; }
.our-game .right-content .view-discover-our-collection ul li{ width: 47%; float: left; margin-bottom: 10px; margin: 0 6% 6% 0; }
.our-game .right-content .view-discover-our-collection ul li:nth-child(2n+2){ margin-right: 0;}
.our-game .right-content .view-discover-our-collection ul li img{width: 100%; }
.our-game .right-content .view-discover-our-collection ul li a, .our-game .right-content .view-discover-our-collection ul li a:hover{ color: #fff; }
.our-game .right-content .view-discover-our-collection ul li span.field-content a {padding: 0px 5px; }
.our-game .right-content .view-discover-our-collection ul li .views-field-name{ background: #16a7bb; padding: 5px; text-align: center; color: #fff; margin-top:-6px}
#sidebar-second-wrapper .block {
    margin-bottom: 20px;
}
.block-inner h2, #giftFinder h2 {
    margin-top: 0px;
}
.game-detail-banner { float: left;width: 100%; margin: 40px 0 30px 0; }
.game-detail-banner .banner { border-top-left-radius: 150px; background: #fff; width: 100%; float: left; overflow: hidden; }
.game-detail-banner .banner .left-img{ float: left; width: 50%; }
.game-detail-banner .banner .right-content{ float: left; width: 50%; padding:30px 30px 0; font-size: 14px; color: #156f84; }
.game-detail-banner .banner .right-content h1{ border-bottom: 1px solid #3aa5d0; font-size: 25px; color: #156f84; margin: 0; text-transform: uppercase;}
.game-detail-banner .banner .right-content .price{ margin: 10px 0; display: block; float: left; width: 100%; }
.game-detail-banner .banner .right-content .price .left{ float: left;}
.game-detail-banner .banner .right-content .price .left h4{ color: #156f84; margin: 0; font-size: 18px; line-height: 45px; position: relative; top:-8px; }
.game-detail-banner .banner .right-content .price .right{ float: right; }
.game-detail-banner .banner .right-content .price .right a{ text-align: left; }
/*.game-detail-banner .banner .right-content .link-img a { }*/
.game-detail-banner .banner .right-content .link-img a img { width: 70px; display: inline-block; height: auto; vertical-align: middle; margin-left: 20px; }
.game-detail-banner .banner .menu-part { margin-top: -4px; background: #156f84; color: #fff; float: left; width: 100%; text-align: center; }
.game-detail-banner .banner .menu-part a{ color: #fff; }
.game-detail-banner .banner .menu-part ul{ padding: 0; margin: 0; }
.game-detail-banner .banner .menu-part .link-part-left{ float: left; width: 50%; }
.game-detail-banner .banner .menu-part .link-part-left ul li{ float: left; width: 25%; border-right: 1px solid #fff; list-style-type: none; }
.game-detail-banner .banner .menu-part .link-part-left ul li a { padding: 15px 0; display: block; }
.game-detail-banner .banner .menu-part .link-part-left ul li a img{ display: block; margin: 0 auto 5px;}
.game-detail-banner .field-name-body strong {
    font-size: 16px;
}
.game-detail-banner .banner .menu-part .link-part-right { width: 50%; float: left; text-align: right;}
.game-detail-banner .banner .menu-part .link-part-right ul { list-style-type: none; display: inline-block; margin: 17px 15px;}
.game-detail-banner .banner .menu-part .link-part-right ul li{ display: inline-block; vertical-align: middle;}
.game-detail-banner .banner .menu-part .link-part-right ul li .region-social-data h2 { display:none;}
.game-detail-banner .banner .menu-part .link-part-right ul li span{ margin-right: 10px; font-size: 15px; font-weight: 500; color: #afd8e3;}
.game-detail-banner .banner .menu-part .link-part-right ul li a img{display: block;}

.box-offer h2 {
    text-transform: uppercase;
}
.blogHeader .field-type-taxonomy-term-reference {
    margin-bottom: 0px;
}
.blogHeader .field-type-taxonomy-term-reference ul li a {
    border: 0px;
    padding: 0px;
    color: #006f84;
    font-weight: 600;
    font-size: 14px;
}
.view-blog-page li.views-row {
    margin-bottom: 20px;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px dotted #006f84;
}
.blogHeader .field-type-taxonomy-term-reference ul li a:hover {
    color: #006f84;
    text-decoration: underline;
    background-color: transparent;
}
.page-node .node-blog {
    margin-top: 31px;
}
.our-game .main .node-blog h1 {
    margin: 0;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #006f84;
    color: #006f84;
    font-weight: 400;
    font-size: 38px;
    font-family: 'Montserrat', sans-serif;
    text-transform: none;
}
.tab-section { float: left; width: 100%; }
.tab-section .tab-bg{ float: left; width: 100%; }

.tab-section .tab-bg .tabs-menu { list-style: none; width: 100%; height: 31px; float: left; padding: 0px 50px 0px; margin: 0; }
.tab-section .tab-bg .tabs-menu li { line-height: 30px; float: left; margin-right: 10px; background-color: #add6e1; border-top: 1px solid #006f84; border-right: 1px solid #006f84; border-left: 1px solid #006f84; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; width: 18%; }
.tab-section .tab-bg .tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff;}
.tab-section .tab-bg .tabs-menu li a { padding: 10px; font-size: 14px; text-transform: uppercase; color: #156f84; text-decoration: none; }
.tab-section .tab-bg .tabs-menu .current a { color: #006f84; }
.tab-section .tab-bg .tab { border-top: 1px solid #16a7bb; width: 100%; border-bottom: 1px solid #16a7bb; padding-bottom: 30px; background-color: #fff; float: left; color:#156f84; font-size: 14px; }
.tab-section .tab-bg .tab-content { padding: 20px; display: none; }
.tab-section .tab-bg #tab-1 { display: block; }
.tab-section .tab-bg .main { float: left; width: 100%; }
.tab-section .tab-bg .main .right-img{ float: right; width: 35%; }
.tab-section .tab-bg .main .right-img img.small{ float: right; width: 50%; }
.tab-section .tab-bg .main .left-content{ float: left; width: 65%; }
.tab-section .tab-bg .main .left-content ul.list{ list-style-type: none; padding-right: 20px;}
.tab-section .tab-bg .main .left-content ul.list li{ margin-bottom: 20px; }
.tab-section .tab-bg .main .left-content ul.list li span.title{padding-left: 0px; font-weight: 700; width: 30%; float: left;}
.tab-section .tab-bg .main .left-content ul.list li span{ padding-left: 30%; display: block;}
.tab-section .tab-bg .main .left-content ul.btn-group { padding-left: 30%;list-style-type: none; margin: 0px; text-transform: uppercase;}
.tab-section .tab-bg .main .left-content ul.btn-group li { float: left; margin: 10px 10px 0px 0px}
.tab-section .tab-bg .main .left-content ul.btn-group li a { display: inline-block; color: #155f7f; padding: 5px 8px; border:1px solid #0099b0; text-transform: uppercase; text-decoration: none}
.tab-section .tab-bg .main .left-content ul.btn-group li a:hover, .cognitive-term a:hover {
    background-color: #0099b0;
    color: #fff;
    text-decoration: none;
}
.cognitive-term a { display: inline-block; height: 55px; text-transform: uppercase; float: left; color: #155f7f; padding: 5px 8px; border:1px solid #0099b0;  font-weight: normal; font-size: 14px; width: 23%; margin: 1%; text-decoration: none}
.cognitive-term.active a {
    background-color: #0099b0;
    color: #fff;
    text-decoration: none;

}
.tab-section .tab-bg #step1 { display: block; }
.tab-section .tab-bg .mln-tab { float: left; clear: both;list-style-type: none; margin: 20px 30px 0;}
.tab-section .tab-bg .mln-tab li { line-height: 30px; float: left; margin-right: 10px; background-color: #fff;border: 1px solid #156f84; }
.tab-section .tab-bg .mln-tab li.current, .tab-section .tab-bg .mln-tab li:hover { position: relative; background-color: #156f84; z-index: 2; }

.tab-section .tab-bg .mln-tab li a { padding: 10px; text-transform: uppercase; color: #2e7da3; text-decoration: none;}
.tab-section .tab-bg .mln-tab .current a, .tab-section .tab-bg .mln-tab a:hover { color: #fff; }
.tab-section .tab-bg .inner-tab {  background-color: #fff; float: left;  width: auto; }
.tab-section .tab-bg #tab-2 .inner-tab {  width: 100%; }
.tab-section .tab-bg .mln-content { width: 100%; padding: 20px; display: none; }
.tab-section .tab-bg .inner-tab .inner-tabmain{ width: 100%; font-size: 14px; }
.tab-section .tab-bg .inner-tab .inner-tabmain .left{ width: 40%; float: left; padding: 50px 30px 50px 10px;}
.tab-section .tab-bg .inner-tab .inner-tabmain .left h3{ font-weight: 400; font-size: 20px; }
.tab-section .tab-bg .inner-tab .inner-tabmain .right{ width: 60%; float: left; margin-top: -55px; }


.tab-section .tab-bg .tab-content .app-content {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .app-content .img {float: right; width:40%; margin-left: 40px;}
.tab-section .tab-bg .tab-content .app-content .img img {max-width:100%;}
.tab-section .tab-bg .tab-content .app-content h3 {font-size: 26px; }
.tab-section .tab-bg {margin: 50px 0;}
.tab-content .app-content p {
    font-size: 16px;
}
.tab-section .tab-bg .tab-content .app-content .store-icon {float: left; width:40%;}
.tab-section .tab-bg .tab-content .app-content .store-icon a {float: left; width:45%; margin-right: 5%;}

.tab-section .tab-bg .tab-content .region-client-testimonial {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views h2 {display: none;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views .block-content {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views .block-content .view-testimonial {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views .block-content .view-testimonial .view-content {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views .block-content .view-testimonial .view-content .item-list {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views .block-content .view-testimonial .view-content .item-list ul {float: left; width: 100%;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views .block-content .view-testimonial .view-content .item-list ul li {float: left; width: 50%; padding:0px 0 0px 35px; background: url(../images/quote.svg) left top no-repeat; background-size:26px auto;}
.tab-section .tab-bg .tab-content .region-client-testimonial .block-views .block-content .view-testimonial .view-content .item-list ul li .panel-panel {float: left; width: 100%;}

.tab-section .tab-bg .tab-content .comment-form {float: left; width: 100%;}


/* Model Css */
/*
.modal { position: fixed; z-index: 10000; top: 50%; left: 0; right: 0; transform: translateY(-50%); visibility: hidden; width: 100%; height: 100%; }
.modal.is-visible { visibility: visible; }
.modal-overlay {position: fixed; z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: hsla(0, 0%, 0%, 0.5);visibility: hidden; opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s; }
.modal.is-visible .modal-overlay {opacity: 1; visibility: visible; transition-delay: 0s; }
.modal-wrapper { position: absolute; z-index: 9999; top: 50%; left: 0;right: 0; transform: translateY(-50%); width: 1030px; margin: 0 auto; background-color: #fff;box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); max-height: 100vh; overflow: auto; height: auto; }
.modal-wrapper a{ color: #fff; }
.modal-transition {transition: all 0.3s 0.12s; opacity: 0;}
.modal.is-visible .modal-transition {  opacity: 1; color: #fff; font-size: 14px;}
.modal-content { float: left; width: 100%; padding: 10px 40px 40px; background: #16a7bb; }
.modal-header { position: relative; background: #156f84; text-align: right; display: inline-block; width: 100%;}
.modal-close {padding: 8px; color: #aaa; background: none; border: 0; width: 35px; display: block; text-align: right; float: right; border-left: 1px solid #0084ba; }
.modal-close:hover { color: #777; }
.modal-heading { font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.modal-content > *:first-child { margin-top: 0; }
.modal-content > *:last-child { margin-bottom: 0; }

.modal-tab-main .left-main { float: left; margin: 15px 10px;}
.modal-tab-main .left-main .left-img{ width: 100px; float: left; }
.modal-tab-main .left-main .right-text{ float: left; margin-left: 20px; }
.modal-tab-main .left-main .right-text h2{ margin: 20px 0 0; }
.modal-tab-main .left-main .right-text h4{ margin: 0; }

.modal-tab .two-button { display: inline-block; width: 100%; margin-left: 0;}
.modal-tab .two-button li {border: 0; }
.modal-tab .two-button li a{ display: inline-block; padding: 5px 10px; border:1px solid #16a7bb; color: #16a7bb; }
.modal-tab .two-button li a.active{ color: #fff; background: #16a7bb; }

.modal-tab-main #videos { display: block; }
.modal-tab-main .modal-tab { float: left; width: 100%; clear: both;list-style-type: none; background: #fff; color: #000; }
.modal-tab-main .modal-tab li { line-height: 30px; float: left; margin-right: 10px; background-color: #fff;border: 1px solid #156f84; }
.modal-tab-main .modal-tab li.current { position: relative; background-color: #156f84; z-index: 5; }
.modal-tab-main .modal-tabs-menu { padding: 0; margin: 50px 0 -1px 0; display: inline-block; float: right; text-align: center;}
.modal-tab-main .modal-tabs-menu li { float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.modal-tab-main .modal-tabs-menu li:last-child { border-right: 1px solid #fff; }
.modal-tab-main .modal-tabs-menu li a svg{ display: block; margin: 0 auto 5px; fill: #fff;}
.modal-tab-main .modal-tabs-menu li a { padding: 10px 20.8px; display: block; text-transform: uppercase; text-decoration: none; }
.modal-tab-main .modal-tabs-menu li a:hover { color: #fff; }
.modal-tab-main .modal-tabs-menu .current a{ border-bottom: 1px solid #fff; }
.modal-tab-main .modal-tabs-menu .current a:hover{color: #16a7bb;}
.modal-tab-main .modal-tabs-menu .current a, .modal-tab-main .modal-tabs-menu .current svg { fill: #16a7bb; color: #16a7bb; background: #fff; }
.modal-tab-main .modal-tab-content { width: 100%; padding: 20px; display: none;}
.modal-tab-main .modal-tab-content .insruction-box{ color: #065376; font-size: 19px; }
.modal-tab-main .modal-tab-content .insruction-box .content{ width: 50%; padding: 20px; float: left; }
.modal-tab-main .modal-tab-content .insruction-box .content input[type="text"]{ width: 100%; padding: 5px 10px; float: left; border:1px solid #16a7bb; margin-bottom: 10px;}
.modal-tab-main .modal-tab-content .insruction-box .content input[type="submit"]{ background: #16a7bb; border-color: #16a7bb; color: #fff; padding: 5px 10px; }
.modal-tab-main .modal-tab-content .insruction-box .img{ width: 50%; padding: 20px; float: left; }

.modal-tab-main .modal-tab-content .royalSlider { border-radius:0px; height: 440px !important; width: 100%;}
.modal-tab-main .modal-tab-content .royalSlider .rsOverflow {float: right; padding-left: 30px;}

.modal-tab-main .modal-tab-content .royalSlider .rsThumbs {width: 100px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin-right: 30px;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsContainer {height: 100%;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsContainer .rsThumb.rsNavItem {width: 100px; float: left; border: solid 5px #fff; margin-bottom:20px;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsContainer .rsThumb.rsNavItem img {display: block; max-width: 100%;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsContainer .rsThumb.rsNavItem.rsNavSelected { border: solid 5px #0086c2;}

.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsArrow {position: absolute; left: 0px; top: 0px; background: rgba(0, 139, 195, 0.7); width: 100px; height: 40px;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsArrow .rsThumbsArrowIcn {background: url(../images/thumbsarrow.png) 0 0 no-repeat; float: left; width: 100%; height: 40px;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: 0 0;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn {background-position: 0 -40px;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsArrow.rsThumbsArrowRight {bottom: 0px; top: auto;}
.modal-tab-main .modal-tab-content .royalSlider .rsThumbs .rsThumbsArrow.rsThumbsArrowDisabled {display: none;}


.modal-tab-main .modal-tab-content iframe {width: 100%; height: 440px;}
*/

img.rsImg { /*margin-top: 15px !important;  height: 385px !important; width: 850px !important; margin-left: 15px !important; */}


.modal .royalSlider { border-radius: 0;  max-width: 100% !important;}
.rsDefaultInv .rsThumbsVer { right: 25px; }
/*#gameFrame { height: 70%; width: 100%; }*/
.modalHeader { float: left;  }
.modalHeader .title{ float: left;  }
.modalHeader .icons{ float: right;  }
.modalHeader .icons a svg{float: none; display: block; margin: 0 auto 6px; fill: #fff;}
.modalHeader .icons a.active svg{ fill: #16a7bb; }
.rsContainer .modal-tab-content{ padding: 20px 40px 20px 20px; }
.rsDefaultInv .rsThumbsVer { right: 15px !important; }
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs { background: #fff !important; }

/* END Model CSS*/


/* Testimonial */


.testimonial { padding: 10px 0 20px 0; float: left; width: 100%; }
.testimonial h2{ display: none; }
.testimonial .item-list ul li{ position: relative; background: none; float: left; width: 50%; margin-top: 30px; padding: 50px 20px 0px; font-size: 21px; color: #156f84; line-height: 1.3;}
.testimonial .item-list ul li:before{ content: ""; background: url(../images/quote.svg); position: absolute; top: 0; width: 50px; height: 36px;  }
.testimonial .item-list ul li .panel-2col .panel-col-first { width: 100%; }

/*.testimonial .first{ float: left; width: 50%; padding: 50px 20px 20px; font-size: 21px; color: #156f84; line-height: 1.3;}
.testimonial .first p{ margin-bottom: 10px;}
*/

/* Testimonial part */

.download-part { float: left; width: 100%; margin-bottom: 20px; }
.download-part .box-heading { float: left; width: 100%;  background: #156f84; padding: 10px 20px;}
.download-part .box-heading h2{font-weight: 500; font-size: 30px; margin: 0; color: #fff;font-family: 'Bowlby One', sans-serif;}
.download-part .main-box { float: left; width: 100%;  background: #16a7bb; color: #fff; font-size: 16px; font-weight: 500; }
.download-part .main-box .img-box { float: left; width: 50%; padding: 20px; }
.download-part .main-box .img-box ul{ list-style-type: none; margin: 0; padding: 0;  }
.download-part .main-box .img-box ul li{ width: 22.7%; float: left; margin-right: 3%;  }
.download-part .main-box .img-box ul li:last-child{ margin-right: 0; }
.download-part .main-box .img-box ul li.last {margin-right: 0;}
.download-part .main-box .img-box .img-heading{ border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase}
.download-part .main-box .img-box .img-heading a {
    color: #fff;
}
/* cms-page CSS */
.cms-page { float: left; width: 100%; margin: 40px 0 0px 0;font-size: 14px;}
.page-taxonomy .cms-page .main{ padding: 0 30px; }
.cms-page .main{ border-top-left-radius: 150px; background: #fff; padding: 0 50px; }
.cms-page .main h1{ text-transform: uppercase; font-family: 'Bowlby One', sans-serif; margin: 20px 0; text-align: center; font-weight: 500; font-size:35px; color: #006f84; line-height: 40px; padding: 0px 20px;}

.cms-page .main h3 a{ color: #006f84; font-size: 20px;  font-weight: 400;}
.cms-page .main ul li{ list-style-type: disc; margin-bottom: 5px; }
.cms-page .main h3.faqfield-question {
    margin: 20px 0px;
}
.cms-page .main h3.faqfield-question a {
    font-size: 26px;
    font-weight: 600;

}

.view-latest-news-events .panel-col-last img, .view-related-product-block img, #tab-2 .right img {
   width: 100% !important;
}


.i18n-nl .box-offer .before-box.first h2 {
    margin: 37px 50px 14px 230px;
}

body.page-node-430 {
    background: url("/sites/default/files/smartgames_roadblock_thumbnail_5.jpg");
    background-size: cover;
}
/*
body {
    background: url("/smartgames_2017/sites/default/files/3_smartgames_templeconnections_atmospheric__0.jpg");
    background-size: cover;

    background-attachment: fixed;
}*/


#replacement-part-block h2 {
    font-size: 21px;
    color: #eaf4f7;
    font-weight: 700;
    margin: 0px 0 20px 0;
}
#replacement-part-block {
    font-size: 14px;
    background: #156f84;
    color: #fff;
    padding: 20px 20px 0px 20px;
}

.page-node-4 .panel-first-2,
.page-node-4 .panel-first-3,
.page-node-4 .panel-first-4,
.page-node-16 .panel-first-2,
.page-node-16 .panel-first-3,
.page-node-16 .panel-first-4{
    display: none;
}

#replacement-part-block a {
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 20px;
    font-weight: 700;
    width: 100%;
    background: #16a7bb;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}
#replacement-part-block a:hover {
    text-decoration: none;
    background-color: #EC8A24;
}
    /*.cms-page .our-story { width: 100%; float: left; }
    .cms-page .our-story .main-box .box{ float: left; width: 16.66%; text-align: center;}
    .cms-page .our-story .main-box .box .img{ float: left; width: 100%; margin: 0 0 5px 0; }
    .cms-page .our-story .main-box .box h5{ float: left; width: 100%; font-size: 18px; font-weight: 500; line-height: 22px; padding: 0 15px; }*/

/*.block-inner h2{ text-align: center; }*/

/*.block-content { text-align: center; }*/
#block-block-7 { text-align: center; }
#block-block-8 .block-content .flextable{ float: left; width: 100%;  }
#block-block-8 .block-content .flextable .aboutSG{ float: left; width: 25%; text-align: center;  }
#block-block-8 .block-content .flextable .aboutSG img{ margin: 10px auto; width: 100px; }
#block-block-8 .block-content .flextable .aboutSG h3{ float: left; min-height: 50px; width: 100%; font-size: 18px; font-weight: 500; line-height: 22px; padding: 0 15px; }
#block-block-8 .block-content .flextable .aboutSG .desc{ display: inline-block; margin-bottom: 15px; padding: 0 10px; font-size: 12px;}

#block-block-8 { text-align: center; }
#block-block-9 { margin: 20px 0; padding-bottom: 20px;  float: left; width: 100%; border-top: 1px solid #53afd9; border-bottom: 1px solid #53afd9;  }
#block-block-9 .block-content .flextable.greenBorder .col25 { float: left; width: 25%; }
#block-block-9 .block-inner h2{ background: #67b8dd; margin: 0 20px; color: #fff; padding: 5px 10px; display: inline-block; }
#block-block-9 .block-inner .block-content {text-align: center;  }
#block-views-related-blog-posts-block {
    margin-top: 10px;
}
#block-views-related-blog-posts-block .item-list li { float: left; width: 50%; text-align: left; padding: 0px 15px 10px 15px}
#block-views-related-blog-posts-block .item-list li:first-child {
    padding-left: 0px;
}
#block-views-related-blog-posts-block .item-list li .views-field-title{
    text-transform: none;
    border-bottom: 1px solid #006f84;
    min-height: auto;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 0;
}
#block-views-related-blog-posts-block .item-list li .views-field-title a{ color: #006f84; }
#block-views-related-blog-posts-block .item-list li .views-field-field-blog-image { margin: 0;  }

.detail-cat-pro { width: 100%; position: relative; }
.detail-cat-pro img{ width: 100%; }
.detail-cat-pro .views-field-model{ background: #e2e2e2; padding: 5px 10px; min-height: 60px; }
.detail-cat-pro .views-label-title{ display: none; }
.detail-cat-pro .field-content a{ display: block; color: #18b0e9; font-size: 14px; min-height: 50px; font-weight: 600;}
.detail-cat-pro .views-field-display-price{ position: absolute; top: 20px;left: 10px;right: 0; width: 50%; background: #18b0e9; padding: 5px; text-align: center; color: #fff; }

section.related-product { float: left; width: 100%; text-align: center; }
section.related-product .related-mln { background: #fff; padding: 20px 10px 30px; }
section.related-product .related-mln h2{ font-family: 'Bowlby One', sans-serif; font-size: 30px; color: #0099b0; margin: 10px 0 10px; text-transform: uppercase; line-height: 40px; }
section.related-product .related-mln .views-col{ padding: 15px;  }
section.related-product .related-mln .views-col .views-field-title a{ display: inline-block; width: 100%; color: #006f84; font-weight: 600; font-size: 15px; min-height: 55px; border-bottom: 6px solid #0099b0; text-transform: uppercase;}

.cms-page .award-list { float: left; width: 100%; padding: 0 20px; }
.cms-page .award-list .img{ width: 25%; float: left; padding: 10px; text-align: center;}
.cms-page .award-list .img img{ margin: 20px auto; }
.cms-page .award-list .content{ width: 75%; float: left; padding: 15px; border-left: 1px solid #006f84;}

#block-search-form h2{display: none;}
#block-locale-language { float: right; width: auto; font-size: 14px; }
#block-locale-language h2{ display: none; }
#block-locale-language ul.language-switcher-locale-url{ margin: 5px 0; padding: 0; float: right; }
#block-locale-language ul.language-switcher-locale-url li{float: left; padding: 0 6px; }



.search-bg .left-content {padding-left: 50px;}
.search-bg .left-content .search-form {float: left; width: 100%; margin: 0; }

.search-bg .left-content .search-results {float: left; width: 100%; margin: 0px;margin-top: 10px; margin-bottom: 20px;}
.search-bg .left-content .search-results li {float: left; width: 100%; margin: 0px 0 25px 0;}
.search-bg .left-content .search-results li h3 {float: left; width: 100%; margin:0 0 5px 0; font-size: 24px; color: #006f84;}
.search-bg .left-content .search-results li h3 a {color: #006f84;}
.search-bg .left-content .search-results li p {font-size: 14px;}
.search-bg .left-content .search-results li .search-snippet-info {padding: 0px;}
.search-bg .left-content .search-results li .search-snippet-info p {margin: 10px 0px 0px 0px; font-size: 14px; color: #006f84}

.search-bg .right-content h2 {float: left; width: 100%; margin: 0 0 30px 0; font-size: 30px; color: #16a7bb;}
.search-bg .right-content .select-interest {float: left; width: 100%; margin: 0 0 35px 0;}
.search-bg .right-content .select-interest h3 {float: left; width: 100%; margin: 0; font-size: 18px; color: #002752;}
.search-bg .right-content .select-interest ul {float: left; width: 100%; margin: 15px 0 0 0; padding: 0; border: 0px;}
.search-bg .right-content .select-interest ul li {float: left; width:auto; margin: 0 10px 10px 0; padding: 5px 10px; border: solid 1px #16a7bb; font-size: 16px; color: #16a7bb;}

#search-form label {
    display: none;
}
.search-bg .form-text {
    font-size: 40px;
    color: #16a7bb;
    border-radius:50px;
    border: 1px solid  #16a7bb;
    padding: 20px
}

.view-content {
    width: 100%;
}
#block-views-latest-news-events-block--2 .view-content .panel-display,
#block-views-latest-events-france-block--2 .view-content .panel-display,
#block-views-latest-news-france-block--2 .view-content .panel-display,
#block-views-blog-term-posts-block  .view-content .panel-display {
    width: 100% !important;
}

#block-views-latest-news-france-block--2:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #0098b0;
    width: 100%;
    left: 0px;
    margin-top: 10px;
}
.view-content .panel-display {
    width: 20%;
    float: left;
}
.search-bg .right-content .region-search-sidebar {float: left; width:100%;}
.search-bg .right-content .region-search-sidebar h2 {float: left; width:100%; margin: 0 0 10px 0; font-size: 18px; color: #006f84;}
.search-bg .right-content .region-search-sidebar ul {float: left; width:100%; margin: 0; border: 0px;}
.search-bg .right-content .region-search-sidebar ul li {float: left; width:100%; margin: 0; padding: 0px; line-height: 30px;}

.download-box.instruction-box {background-color: #fff;}
.download-box {float: left; width: 100%;}
.download-box .content{ width: 50%; padding: 20px; float: left; }
.download-box .content p {color: #065376; font-size: 19px; }
.download-box .content input[type="text"]{ width: 100%; padding: 5px 10px; float: left; border:1px solid #16a7bb; margin-bottom: 10px;}
.download-box .content input[type="submit"]{ background: #fff; border-color: #16a7bb; color: #16a7bb; padding: 5px 10px; }
.download-box .content input[type="submit"]:hover{color: #fff;}
.download-box .img{ width: 50%; padding: 20px; float: left; }

.node-type-product .button.edit-preview--3 {display: none;}
.node-type-product .comment-form .fieldset {display: none;}

.shareIcon {
    position: relative;
    top: 3px;
    margin-left: 3px;
    cursor: pointer;
}

a.shareLink {
    display: inline-block;
}

.our-game.search-bg {
    margin-bottom: 0px;
}
div.discoverCollection {
    text-align: left;
}

div.discoverCollection .panel-display .inside {
    margin: 10px;
}
div.discoverCollection .panel-display .inside.active img {
    background-color: rgba(7, 156, 179, 1);
    opacity: 0.6;
}
div.discoverCollection h3 {
    margin: 0px 10px;
    text-transform: uppercase;
    font-size: 20px;
}
div.discoverCollection .panel-display .inside.active h4 {
    color: #006f84;
}

div.discoverCollection h4 {
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    height: 30px;

}

.catelog_page .cms-page .main {border-radius: 0; }
.catelog_page .our-game, .catelog_page .find-gift .find-gift-box {
     margin-bottom: 0px;
 }

.catelog_page .our-game div.desc {
    font-size: 14px;
    text-align: left;
    padding: 0px 14px;
    margin: 0px;
}
.catelog_page .cms-page {
    margin-top: 0px;
    margin-bottom: 20px;
}
.catelog_page .smart-game #panel-third-wrapper .container {position: relative;right: 30px;}
.our-game .main .box .overlay{width: 100%; height: 100%; margin: 0 auto; position: absolute; top: 0px; left: 0; border-radius: 100%; right: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(7, 156, 179, 0.4); -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.our-game .main .box.active .overlay{ -webkit-transform: scale(1); transform: scale(1); }
.our-game .main .box.active .overlay h3{ display: none; }

.our-game .main .box .overlay h3{ width: 100%; color: #c1e0e8; margin: 0; font-family: 'Bowlby One', sans-serif; font-size: 20px; position: absolute; top: 50%; text-align: center; padding: 0 20px; left: 0; transform: translateY(-50%); -ms-transform: translate(-50%, -50%);  }
.our-game .main .box.active h4{ color: #09a7bb; }
/*
.tab a {text-transform: capitalize;}
*/

.page-user .cms-page .tabs{ text-align: center;  margin-top: 20px; border-bottom: 0;}
.page-user .cms-page .tabs li{ float: none; display: inline-block; margin-bottom: 0;  }
.page-user .cms-page .tabs li a{ background: #bbdcef; color: #006f84; }
.page-user .cms-page .tabs li.active a{ background: #fff; }
.page-user .cms-page .block-content{ width: 40%; margin: 0 auto;}

/*dvl*/

.playnowpopup iframe{width: 100%;height: 430px;}
.download-part ul .modal{ width: 50%; height: auto;}
.download-part ul .modal .modal-tab-content .download-box .content{width:100%;}
#article-14{display: none;}
#block-views-faq-block .item-list ol li{margin-bottom: 20px;}
#block-views-faq-block .item-list ol li ul li{margin-bottom: 0;list-style: none;}
#block-views-faq-block .item-list ol li ul li a{text-decoration: none;}
#block-views-faq-block .item-list ol li ul{margin-left: 25px;}
#block-views-faq-block .item-list ol li .field-content div{font-size: 25px;font-weight: 600;}
.search-bg form input[type='text']{width: 90%;padding: 10px 25px;}

.search-bg .form-text:hover, .search-bg .form-text:focus, .search-bg textarea:hover, .search-bg textarea:focus {
    background: #eaf4f7;
    outline: none;

}

.download-part .main-box .img-box .block-content p{color: #fff;}

.node-type-blog h1 {
    padding-left: 50px;
}

.search-snippet-info h3.field-label {
    display: none;
}


.search-bg .left-content .search-results li h3 {
    font-size: 20px;
}
.search-snippet-info img {
    display: inline-block;
    width: 30%;
    float: left;
    margin-right: 10px;
    border: 1px solid #006f84;
}

.page-search .left-content h2 {
    display: none;
}

.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Sweep To Top */
.hvr-sweep-to-top, .inside, .view-related-product-block .views-col .col-inner,
#giftFinder .mix, .tryme-teaser{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before, .view-new-product .inside:before,
.view-upcoming-products .inside:before,
#giftFinder .mix:before, .tryme-teaser:before,
#block-views-catelog-term-products-block .inside:before,
.view-related-product-block .views-col  .col-inner:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0099b0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#giftFinder .mix:before, .tryme-teaser:before {
    background: #16a7bb;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active,
.inside:hover .views-field-title a, .inside:focus a, .inside:active a,
.smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside:hover .views-field-title a,
section.related-product .related-mln .views-col .views-field-title a:hover{
    color: white;
    text-decoration: none;
}
.smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside img,
.view-related-product-block .views-col  .col-inner img,
#giftFinder img, .tryme-teaser img
{
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}
.smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside:hover img,
.view-related-product-block .views-col  .col-inner:hover img, .tryme-teaser:hover img,
#giftFinder .mix:hover img{
    opacity: 0.6;

}
.view-related-product-block .views-col  .col-inner:hover a {
    color: #fff !important;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before,
.view-new-product .inside:hover:before,
#block-views-catelog-term-products-block .inside:hover:before,
#giftFinder .mix:hover:before, .tryme-teaser:hover:before,
.view-upcoming-products  .inside:hover:before,
.view-related-product-block .views-col .col-inner:hover:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* Buzz Out */
@-webkit-keyframes button-theme {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
@keyframes button-theme {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.button-theme {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.button-theme:hover, .button-theme:focus, .button-theme:active,
.shareIcon:hover, .shareIcon:focus, .shareIcon:active,
.before-box:hover a, .before-box:focus a, .before-box:active a,
.before-box:hover , .before-box:focus , .before-box:active ,

.before-box:hover img, .before-box:focus img, .before-box:active img,
.homeBox a:hover img, #logo img:hover,
.before-box:hover h2, .before-box:focus h2, .before-box:active h2,
ul.social-icon li img:hover, ul.social-icon li img:focus, ul.social-icon li img:active {
    -webkit-animation-name: button-theme;
    animation-name: button-theme;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

footer .languageIcons {
    clear: both;
    margin: 10px 0px;
    display: inline-block;
}
footer ul.language-switcher-locale-url {
    margin: 0px;
}

footer .languageIcons .language-link img {
    position: relative;
    top: 3px;
    opacity: 0.5;
}
footer .languageIcons li.active a, footer .languageIcons li:hover a {
    color: #006f84;
}
footer .languageIcons li.active .language-link img, footer .languageIcons li:hover .language-link img {
    opacity: 1;
}


footer ul.language-switcher-locale-url li {
    display: inline-block;
    margin-right: 10px;
}
.parts-container {
    font-size: 14px;
}

.parts-container div.view-replacement-parts .item-list ul li {
    width: 48%;
}
.video-container, .app-container, .parts-container {
    float: left; width: 100%; background: white;padding: 15px;
    margin-top: 20px;
    display:none;
}

.app-container .store-icon a {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.app-container .img {
    width: 80%;
    margin: 0px auto;
}

.app-container p {
    font-size: 16px;
}
.video-container h2:first-child, .app-container h2:first-child, .parts-container h2:first-child {
    margin-top: 0px;
    text-transform: uppercase;
}
.video-container h2 {
    margin: 10px 0px;
}

.cookiebanner {
    padding: 0px !important;
    font-family: 'Montserrat', sans-serif !important;
}

.cookiebanner-close {
    padding-right: 5px;
}

.copyright .right {
    float: none;
    display: inline-block;
}

#arrow_down {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 30px;
}
/*
#smartgamesCollectionHome h2 {
    color: #fff;
    text-align: center;
    font-family: 'Bowlby One', sans-serif;
    margin: 10px 0px;
}*/
#smartgamesCollectionHome {
    display: none;
}

#smartgamesCollectionHome h1 {
    text-align: center;
    font-family: 'Bowlby One', sans-serif;
    margin: 0px;
    padding: 0px 10px;
    position: relative;
    text-transform: uppercase;
    top: 10px;
    color: #0098AF;
    font-size: 19px;
}
#smartgamesCollectionHome {
    background-color: #ffffff;
}

.blogDetail img, .view-blog-page .views-field-body img {
    margin: 10px 0px;
    border-radius: 5px;
}

.blogDetail {
    margin-top: 10px;
}

.right-img .awardLogo {
    width: 100px;
}

.blogDetail img {
    width: 100%;
}

.node-type-page .videocontainer {
    margin: 20px 0px;
}

.node-type-page .store-icon {
    float: left;
    width: 50%;
}

.node-type-page .store-icon a, .node-type-page .appIcon {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.node-type-page .cms-page {
    font-size: 16px;
}

div.view-replacement-parts .item-list ul li {
    width: 24%;
    float: left;
    background: none;
    font-size: 16px;
    text-align: center;
    border: 1px solid #006f84;
    margin: 0px;
    margin-right: 1%;
    margin-bottom: 1%;

    padding: 10px;
}

.tab-section .tab-bg .tabs-menu li#replacementPartsLI {
    width: auto;
}

.checkoutmsg {
    display: none;
}
div.view-related-blog-posts .views-row-odd {
    clear: both;
}

#app-icon-block  {
    width: 22%;
}

.view-homepage-apps .cols-2 .views-col {
    width: 33%;
}



.region-mobile-apps-block h2.block-title {
    display: none;
}

.downloadModal.modal {
    width: 60%;
    margin: 0 auto;
    height: auto !important;
    background-color: #fff;
    color: #156f84;
    font-size: 1.2em;
}

.downloadModal.modal .help-block {
    display: inline-block;
    color: red;
}

.downloadModal.modal .help-block.loading {
    display: inline-block;
    color: #156f84;
}

.downloadModal.modal .ok-block {
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    background-image: url(../images/thanks.jpg);
    background-size: cover;
    width: 100%;
    height: 390px;
}


.downloadModal.modal h2, .downloadModal.modal span.button .form-submit {
    margin-top: 10px;
}

.downloadDisclaimer {
    background-color: #FBB81C;
    font-size: 12px;
    margin: 15px 0px;
    padding: 10px;
    color: #000;
}
.diclaimerCheckbox {
    -webkit-appearance: checkbox;
}

#smartgamesliveHome, #iqMiniHome, #giftFinderHome {
   padding-bottom: 20px;
}

body.usaSite div.languageIcons {
    display: none;

}

.award-winning-game {
  background-color: #A6C83F;
  background-image: url(../images/star-icon.png);
  background-size: 30px;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 10px 10px 10px 40px;
  font-size: 16px;
  border-radius: 5px;
}