@media screen and (max-width: 1279px) {
    #silverlightObject {
        width: 1020px;
        height: 697px;
    }

    #postOnFacebookButtonOverlay {
        top: 383px;
        left: 520px;
        width: 207px;
        height: 34px;
    }
}

.appContainer {
    height: auto;
}

.RunJsPopup {
    display: none;
}

.UnsupportedBrowser {
    display: none;
}

.icmizer-cube-grid {
    display: none;
}


@media screen and (min-width: 700px) {
    .UnsupportedBrowser {
        display: block;
    }

    .RunJsPopup {
        display: flex;
    }
}

@media screen and (min-width: 1200px) {
    .appContainer {
        height: 820px;
    } 

    .icmizer-cube-grid {
        display: block;
    }

}

#silverlightControlHost {
    height: 820px;
}

#signupInsteadOfIcmizer {
    width: 1200px;
    height: 820px;
    position: relative;
}

.IcmizerPage_jsIcmizer .JsPlaceholder .IcmizerOverlay {
    display: none;
}

.IcmizerPage_jsIcmizer #signupInsteadOfIcmizer.JsPlaceholder {
    background: none;
}

#signupInsteadOfIcmizer .SignUpFirstStep {
    max-width: 900px;
}

.IcmizerOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.IcmizerOverlay__Popup {
    max-width: 900px;
    position: relative;
    margin: 0 auto;
    display: inline-block;
}
.IcmizerOverlay__Popup.react-container {
    flex-grow: initial;
    height: auto;
}

.IcmizerOverlay .SignUpFirstStep__FormContainer {
    width: 380px;
    margin-top: 9px;
    margin-left: 35px;
}

.IcmizerOverlay .SignUpFirstStep__EmailInput {
    width: 100%;
}

.IcmizerOverlay .SignUpFirstStep__Submit {
    width: 135px;
    float: right;
    margin-top: 15px;
    margin-right: 550px;
}

.IcmizerPage {
    padding-top: 20px;
}

.IcmizerOverlay__NoSilverlightBodyNew {
    width: 710px;
}

.IcmizerOverlay__NoSilverlightBody {
    width: 550px;
    text-align: left;
}

.IcmizerOverlay__NoSilverlight {
    background-color: #fff;
    border: 4px #eeedf8 solid;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.33);
    padding: 10px 25px;
    text-align: center;
    font-family: "Open Sans", "Noto Sans SC", sans-serif;
}

.IcmizerOverlay__NoSilverlight p {
    margin: 4px 0 12px;
}

.IcmizerOverlay__Header {
    color: #5c60ab;
    font-size: 24px;
    font-weight: 700;
}

.IcmizerOverlay__OnlyLaunchOption {
    width: 400px;
    display: inline-block;
    margin: auto 0;
}

.IcmizerOverlay__OnlyLaunchOption img {
    padding-top: 12px;
}

.IcmizerOverlay__OurPromise {
    color: #010101;
    font-size: 14px;
    font-weight: 400;
}

.IcmizerOverlay__RequirementsToRun {
    color: #318916;
    font-size: 20px;
    font-weight: 700;
}

.IcmizerOverlay__RequirementsLinks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.IcmizerOverlay__RequirementLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(/images/icmizer_browser/silverlight-btn.png);
    background-position: 0 0;
    width: 309px;
    height: 73px;
    color: #000000 !important;
    font-family: "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 23px;
}

.IcmizerOverlay__RequirementLink:hover {
    background-position: 0px 138px;
    height: 68px;
}

.IcmizerOverlay__RequirementLink:active {
    background-position: 0px 63px;
    height: 63px;
}

.IcmizerOverlay__NoSilverlightInstall {
    margin: 15px auto 0;
    min-height: 74px;
    line-height: 64px;
    padding: 19px 0px 20px 30px;
    position: relative;
    width: 430px;
    display: block;
    background-repeat: no-repeat;
    font-size: 23px!important;
    text-decoration: none!important;
    background-position: 95% center, 0 0;
    color: #071a2a!important;
    font-weight: 700;
}

.IcmizerOverlay__NoSilverlightInstallText {
    text-align: center;
    font-size: 14px;
    margin-top: 0px;
    color: #417eb2;
}



.IcmizerPage__LikesAndControlsBlock {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    margin: 9px 0;
    height: 42px;
}

.IcmizerPage__BackgroundControls {
    color: #ffffff;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 400;
/*    text-transform: uppercase;*/
    display: flex;
    align-items: center;
}

.WhiteTheme .IcmizerPage__BackgroundControls {
    color: #33363f;
}

.IcmizerPage__BackgroundControl {
    border: 1px solid #1a83aa;
    background-color: #021d29;
    display: flex;
    height: 42px;
    width: 78px;
    align-items: center;
    justify-content: space-between;
    padding: 9px;
    margin-left: 20px;
    position: relative;
    z-index: 0;
}

.IcmizerPage__BackgroundControl:before {
    content: '';
    position: absolute;
    left: -6px;;
    top: 15px;
    width: 10px;
    height: 10px;
    border: 1px solid #1a83aa;
    border-top: 0;
    border-right: 0;
    background-color: #021d29;
    transform: rotate(45deg);
    z-index: 0;
}

.IcmizerPage__BackgroundColorSwitcher {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #06c1ff;
    z-index: 1;
    transition: transform 0.3s;
}

.IcmizerPage__BackgroundColorSwitcher:focus,
.IcmizerPage__BackgroundColorSwitcher:hover {
    box-shadow: 0 0 7px rgba(0, 198, 255, 1);
}

.IcmizerPage__BackgroundColorSwitcher:active {
    transform: scale(.9);
}

.IcmizerPage__BackgroundColorSwitcher_Blue {
    background-color: #1a83aa;
}

.IcmizerPage__BackgroundColorSwitcher_White {
    background-color: #e8eaed;
}

.IcmizerPage__NewsBlock {
    width: 1200px;
    margin: auto;
}

.IcmizerPage__NewsItem {
    display: inline-block;
    width: 386px;
    height: 203px;
    margin: 0;
    padding: 24px;
    margin-right: 16px;
    margin-bottom: 17px;
    box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 38px rgba(0, 0, 0, 0.28);
    border: 1px solid #06c1ff;
    background-color: #082232;
    
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.99);
    text-decoration: none;
    color: #06c1ff;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 400;
    
    overflow: hidden;
    
    position: relative;
    z-index: 1;
}

.IcmizerPage__Icmizer3Promo {
    display: inline-block;
    width: 386px;
    max-width: 100vw;
    height: 203px;
    margin: 0;
    padding: 24px;
    margin-right: 16px;
    margin-bottom: 17px;
    box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 38px rgba(0, 0, 0, 0.28);
    border: 1px solid #06c1ff;
    background-color: #082232;
    background-image: url(/awesome-images/next/i3-news-promo.png);
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.99);
    text-decoration: none;
    color: #06c1ff;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.WhiteTheme .IcmizerPage__NewsItem {
    box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.35), inset 0 0 38px rgba(16, 30, 105, 0.09);
    border: 1px solid #525252;
    background-color: #d3d7d9;
    color: #33363f;
    text-shadow: none;
}

.IcmizerPage__NewsItem:nth-child(3n) {
    margin-right: 0;
}

.IcmizerPage__NewsItem:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: -1;
}

.IcmizerPage__Icmizer3PromoHeader {
    font-size: 73px;
    line-height: 55px;
    position: relative;
    height: 60px;
    margin-left: 67px;
    letter-spacing: 1.15px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family:  "reforma_groteskdemi", "Noto Sans SC", sans-serif;
}

.IcmizerPage__Icmizer3PromoHeader:after {
    content: '';
    position: absolute;
    background-image: url(/awesome-images/next/icmizer-icon-xl.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    left: -67px;
    top: 2px;
}

.IcmizerPage__Icmizer3PromoTeaserText {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.99);
    color: #f3d50b;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 8px;
}

.IcmizerPage__NewsItem_Article:after {
    background-image: url(/awesome-images/next/icmizer-news-article.png);
}

.IcmizerPage__NewsItem_Video:after {
    background-image: url(/awesome-images/next/icmizer-news-video.png);
}

.IcmizerPage__NewsItem_Update:after {
    background-image: url(/awesome-images/next/icmizer-news-update.png);
    opacity: 0.25;
}

.WhiteTheme .IcmizerPage__NewsItem_Update:after {
    opacity: 1;
}

.IcmizerPage__NewsItem_News:after {
    background-image: url(/awesome-images/next/icmizer-news-news.png);
    opacity: 0.5;
}

.WhiteTheme .IcmizerPage__NewsItem_News:after {
    opacity: 1;
}

.IcmizerPage__NewsItemHeader {
    display: block;
    height: 33px;
    margin-bottom: 15px;
    font-family:  "reforma_groteskdemi", "Noto Sans SC", sans-serif;
    font-size: 40px;
    line-height: 33px;
    font-weight: 400;
    color: #fff;
    padding-left: 65px;
    position: relative;
}

.IcmizerPage__NewsItemHeader:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 48px;
    background-image: url(/awesome-images/next/icmizer-news-icons.png);
    background-repeat: no-repeat;
}

.IcmizerPage__NewsItem_Article .IcmizerPage__NewsItemHeader:after {
    background-position-x: -48px;
    width: 47px;
}

.IcmizerPage__NewsItem_Update .IcmizerPage__NewsItemHeader:after {
    background-position-x: -93px;
    width: 47px;
}

.IcmizerPage__NewsItem_News .IcmizerPage__NewsItemHeader:after {
    background-position-x: -139px;
}

body:not(.WhiteTheme) .IcmizerPage__NewsItemHeader:after {
    background-position-y: -35px;
}

.WhiteTheme .IcmizerPage__NewsItemHeader {
    color: #33363f;
    -webkit-text-fill-color: unset;
}

.WhiteTheme .IcmizerPage__NewsItemHeader:before {
    content: unset;
    display: none;
}

.IcmizerPage__NewsItemReadMore {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 57px;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: right;
    padding-right: 24px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.99);
    color: #ffffff;
    line-height: 57px;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 400;
    transform: translateY(57px);
    transition: transform 0.1s;
}

.IcmizerPage__NewsItem:hover .IcmizerPage__NewsItemReadMore {
    transform: translateY(0);
}

body {
    position: relative;
}

.WhiteTheme {
    height: auto;
}

body:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(to top, #d7d7d7 0%, #ffffff 100%);
    background-image: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: -1;
}

body.WhiteTheme:before {
    opacity: 1;
}




.icmizer-cube-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 90px;
    height: 90px;
    margin: auto;
    z-index: -1;
}

.JsPlaceholder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    z-index: -1;
}

.icmizer-cube-grid:after {
    content: 'Loading';
    width: 90px;
    text-align: center;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    color: #555;
    position: relative;
    top: 15px;
    text-transform: uppercase;
    display: block;
}

.icmizer-cube {
    width: 33%;
    height: 33%;
    float: left;
    animation: icmizer-cube-grid-scale-delay 1.8s infinite ease-in-out;
}

.icmizer-cube-1 { background-color: #00951d; }
.icmizer-cube-2 { background-color: #00c542; animation-delay: 0.4s }
.icmizer-cube-3 { background-color: #23e78b; animation-delay: 0.2s }
.icmizer-cube-4 { background-color: #00c542; animation-delay: 0.4s }
.icmizer-cube-5 { background-color: #23e78b; animation-delay: 0.2s }
.icmizer-cube-6 { background-color: #ff7a7a; animation-delay: 0.4s }
.icmizer-cube-7 { background-color: #23e78b; animation-delay: 0.2s }
.icmizer-cube-8 { background-color: #ff7a7a; animation-delay: 0.4s }
.icmizer-cube-9 { background-color: #ff5859; }

@keyframes icmizer-cube-grid-scale-delay {
    0%, 70%, 100% {
        transform: scale3D(1,1,1);
    }
    35% {
        transform: scale3D(.1,.1,1);
    }
}

.IcmizerPage .SignPage {
    margin: auto !important;
}


.RunJsPopup {
    width: 793px;
    height: 482px;
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.34);
    border-radius: 2px;
    border: 1px solid #c2fdff;
    border: 0;
    background-color: #efefef;
/*    display: flex;*/
}

.RunJsPopup__Win, .RunJsPopup__Mac {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.RunJsPopup__Left_Mac .RunJsPopup__Win {
    display: none
}

.RunJsPopup__Left_Win .RunJsPopup__Mac {
    display: none
}

.RunJsPopup__Left {
    width: 496px;
    height: 482px;
    border-radius: 2px 0 0 2px;
    background-color: #3f81a0;
    background-image:  linear-gradient(to top, #203d4a 0%, rgba(59, 113, 138, 0) 100%);
    padding: 50px;
    padding-bottom: 0;
    text-align: center;
    color: #fff;
}

.RunJsPopup__Header {
    color: #ffffff;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin: 0 -20px;
}

.RunJsPopup__SwitchOsBlock {
    font-weight: normal;
    letter-spacing: 0.73px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-size: 18px;
}

.RunJsPopup__SwitchOsBlock > a {
    color: rgba(0, 192, 255, 0.8);
}

.RunJsPopup__Win {
    background-image: url(/awesome-images/next/run-js-popup/windows-logo.png);
    background-repeat: no-repeat;
    background-position: center 30%;
    position: relative;
}

.RunJsPopup__Footer {
    margin-bottom: 25px;
}

.RunJsPopup__Step {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: auto;
    width: 335px;
}

.RunJsPopup__Step:before,
.RunJsPopup__Step:after {
    content: '';
    display: block;
    flex-grow: 1;
    height: 1px;
    border: 0;
    background-color: #efefef;
}

.RunJsPopup__Step:before {
    margin-right: 10px;
}

.RunJsPopup__Step:after {
    margin-left: 10px;
}

.RunJsPopup__Step:last-of-type {
    margin-top: 40px;
}

.RunJsPopup__Right {
    width: 297px;
    text-align: center;
    margin: 55px 20px 65px;
    display: flex;
    flex-direction: column;
}

.RunJsPopup__LaunchJs {
    color: #4f5381;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.85px;
    flex-grow: 1;
    position: relative;
}

.RunJsPopup__LaunchJs:before {
    content: '';
    position: absolute;
    width: 115px; 
    height: 110px;
    background-image: url(/awesome-images/next/run-js-popup/browsers.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 121px;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.RunJsPopup__LaunchJs_Chrome:before  { background-position-x: 0 }
.RunJsPopup__LaunchJs_Edge:before    { background-position-x: -122px }
.RunJsPopup__LaunchJs_Firefox:before { background-position-x: -244px }
.RunJsPopup__LaunchJs_Safari:before  { background-position-x: -490px }

.RunJsPopup__LaunchJs > em {
    font-style: normal;
    color: #ec9b00;
}

.Button_FlatWhite {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    background-color: #ffffff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.52);
    color: #4c4f86;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.85px;
    text-transform: none;
}

.Button_FlatWhite:hover {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.43);
    border-radius: 4px;
    background-color: #ffffff;
}

.Button_FlatWhite:active {
    box-shadow: none;
    border-radius: 4px;
    background-color: #d9d9d9;
}

.UnsupportedBrowser {
    width: 793px;
    height: 498px;
    background-color: #efefef;
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.34);
    border-radius: 2px;
    text-align: center;
}

.UnsupportedBrowser__Header {
    height: 263px;
}

.UnsupportedBrowser__Left {
    color: #4f5381;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.98px;
    width: 350px;
    float: left;
    padding-top: 180px;
    background-image: url(/awesome-images/next/run-js-popup/warning-display.png);
    background-repeat: no-repeat;
    background-position: center 50px;
    background-size: 102px 103px;
}

.UnsupportedBrowser__Right {
    background-color: #fff;
    padding-top: 27px;
    margin-top: 26px;
    margin-bottom: 30px;
    margin-right: 26px;
    width: 403px;
    height: 210px;
    float: right;
    color: #000000;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 17px;
    font-weight: 700;
    border-radius: 12px;
}

.UnsupportedBrowser__Footer {
    background-color: #136c85;
    padding-top: 37px;
    height: 234px;
    width: 791px;
    color: #000000;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    margin-left: 1px;
}

.WindowsOnly #Mac:target .Download_Mac .Download__Button,
.NotWindows #Win:target .Download_Win .Download__Button {
    filter: grayscale();
    color: #1b1b1c;
}

.UnsupportedBrowser__DownloadTitle {
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    margin-bottom: 33px;
}

.UnsupportedBrowser__DownloadQuestion {
    height: 90px;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.UnsupportedBrowser__DownloadQuestion a {
    color: #00c6dd;
}

/*.Download__Button {
    width: 335px;
    height: 50px;
    font-size: 23px;
    line-height: 52px;
    margin: auto;
    display: block;
    margin-top: 19px;
    margin-bottom: 21px;
    position: relative;
}

.Button_Green {
    background-color: #7bc522;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}*/
.UnsupportedBrowser__List {
    display: inline-flex;
    margin: 25px auto 0;
}

.UnsupportedBrowser__Browser {
    width: 80px;
    color: #777a98;
    font-family:  "Open Sans", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 700;
    word-spacing: 20px;
    line-height: 16px;
    padding: 75px 10px 0;
    position: relative;
}

.UnsupportedBrowser__Browser:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/awesome-images/next/run-js-popup/browsers-color.png);
    background-repeat: no-repeat;
    background-position: -60px -60px;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.UnsupportedBrowser__Browser_Chrome:before { background-position: 0 0 }
.UnsupportedBrowser__Browser_Edge:before { background-position: -80px 0 }
.UnsupportedBrowser__Browser_Firefox:before { background-position: -160px 0 }
.UnsupportedBrowser__Browser_Safari:before { background-position: -340px 0 }