body{background:url("../img/noise_texture.png");/*url("../img/noise_texture.png"),url("../img/background_dark_vignette.png"); */background-repeat: repeat, no-repeat;background-position: 0, top;background-size: 200px 200px, cover;background-attachment: fixed;background-color: #D9DFE2;overflow: auto;margin: 0px;min-height: 1300px;}body.desktop{min-width: 1200px;}u{text-decoration: none;}ul{margin:0px;}h1{font: 48px 'Rokkitt', serif;font-weight: 700;color: #FFF;}.span{display: inline;}#content{display: none;}.genericDialog{font: 16px Arial, sans-serif;color: #404040;}.genericDialog>h1{font: 28px Arial, sans-serif;font-style: normal;color: #404040;}.genericDialog>h2{font: 24px Arial, sans-serif;font-style: none;color: #404040;}#Email{color: #606060;font: 18px Arial, sans-serif;height: 40px;width: 270px;padding: 0px 10px 0px 10px;margin-bottom: 5px;border: solid 2px rgba(255,255,255,0.2);border-radius: 10px;-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);background-color: rgba(0,0,0,0.05);}#topBG{/* background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), url("../img/girl_reading.jpg") no-repeat;position: absolute;background-position: top center;top:0px;width:100%;height: 450px;background-size:cover; */}button{color: #FFF;font-weight: 500;font-size: 16px;cursor: pointer;text-align: left;padding: 10px;margin-top: 7px;border: 0px;background-color: #808080;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;}/* STANDARD GREY & GREEN BUTTONS START */#buttonStandardGrey, #buttonStandardGreen{font: 18px Arial, sans-serif;text-align: center;text-decoration: none;text-shadow: 0px 2px rgba(255,255,255,.7);margin: auto;margin-top: 20px;padding: 10px 30px 10px 30px;outline: none;border: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;transition: all 0.15s;-webkit-transition: all 0.15s;-moz-transition:all 0.15s;}#buttonStandardGrey{background: linear-gradient(#EEEEEE, #AAAAAA);color: rgba(50,50,50,.5);-webkit-box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5);box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5);}#buttonStandardGrey:active{background: linear-gradient(#FAFAFA, #B0B0B0);-webkit-box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5);box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5);}#buttonStandardGrey:hover{background: linear-gradient(#FAFAFA, #B0B0B0);}#buttonStandardGreen{background: linear-gradient(#FFEB00, #86BF3F);color: rgba(0,50,0,.5);-webkit-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);}#buttonStandardGreen:active{background: linear-gradient(#FFEF00, #96CF4F);-webkit-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 1px 2px rgba(0,0,0,.5);box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 1px 2px rgba(0,0,0,.5);}#buttonStandardGreen:hover{background: linear-gradient(#FFF800, #9ec832);}/* STANDARD GREY & GREEN BUTTONS END */#logo{position: relative;left: 50%;background: url("../img/logo_emagcreator_dark.png") no-repeat;margin-left: -110px;width: 280px;height: 100px;margin-top: 60px;margin-bottom: 60px;}#intro{position: relative; color: #404040;text-align: center; font-family: 'Rokkitt', serif;font-weight: 700;}body.desktop #intro{font-size: 2.5em;line-height: 20px;}body.mobile #intro{font-size: 2em;line-height: 30px;}#intro>p{padding: 0px;}#container{position: absolute; top: 50%; left: 50%; width:500px; height:700px; margin-top: -150px; margin-left: -520px; z-index: 20;}#wrapper{position: relative; left: 50%;width: 850px;overflow: visible;margin-left: -431px; display: block;}#scrollToTop{position: fixed;bottom: 20px;right: 20px;width: 32px;height: 32px;background: url('../img/icons/button_scrolltop.png') no-repeat;opacity: 0.0;cursor: pointer;}input:focus{outline: 0;}#result{color: #404040; position: relative; font: 18px Arial, sans-serif; text-align: center; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);display: none;}#result img{width: 300px; -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); margin-bottom: 30px;}#result p{margin-top: -30px;}#progress{top: 33px; position:absolute; display: block; background-color:#86bf3f; width:0%; height:162px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px; opacity: 1;z-index:-1; /* CSS3 Stripes */ background-image: linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%); background-image: -moz-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%); background-image: -ms-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%); background-image: -o-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%); background-image: -webkit-gradient(linear, 100% 100%, 0 0,color-stop(.25, #a0cc60),color-stop(.25, #86bf3f),color-stop(.5, #86bf3f),color-stop(.5, #a0cc60),color-stop(.75, #a0cc60),color-stop(.75, #86bf3f),color-stop(1, #86bf3f)); background-image: -webkit-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%); background-size: 40px 40px; /* Background stripes animation */ animation: bganim 3s linear 2s infinite; -moz-animation: bganim 3s linear 2s infinite; -webkit-animation: bganim 3s linear 2s infinite; -o-animation: bganim 3s linear 2s infinite; -ms-animation: bganim 3s linear 2s infinite;}@keyframes bganim{from{background-position:0px;}to{background-position:40px;}}@-moz-keyframes bganim{from{background-position:0px;}to{background-position:40px;}}@-webkit-keyframes bganim{from{background-position:0px;}to{background-position:40px;}}@-o-keyframes bganim{from{background-position:0px;}to{background-position:40px;}}@-ms-keyframes bganim{from{background-position:0px;}to{background-position:40px;}}#main_area{margin-top: 50px;}#dropZone{position: absolute; color: #808080; font: 24px Arial, sans-serif; text-align: center; overflow: hidden;top:33px; width:394px; height:13px; padding: 65px 0px 80px 0px;margin-bottom: 10px;cursor: pointer; border: 3px dashed; -webkit-border-radius: 10px; -moz-border-radius: 10px;-ms-border-radius: 10px; border-radius: 10px;/* DROPZONE HOVER EXIT TRANSITION */-webkit-transition-property:color, border;-webkit-transition-duration: 0.2s ,0.2s;-webkit-transition-timing-function: linear, ease-in;-moz-transition-property:color, border;-moz-transition-duration: 0.2s, 0.2s;-moz-transition-timing-function: linear, ease-in;-ms-transition-property:color, border;-ms-transition-duration: 0.2s, 0.2s;-ms-transition-timing-function: linear, ease-in; transition-property:color, border;transition-duration: 0.2s, 0.2s;transition-timing-function: linear, ease-in;}#dropZone.hover{color:#404040;border: 3px dashed #404040;-moz-box-shadow: 0 0 30px #FFC700;-webkit-box-shadow: 0 0 30px #FFC700;-ms-box-shadow: 0 0 50px 10px rgba(255,199,0, .5);box-shadow: 0 0 30px 5px rgba(255,255,255, .5) inset, 0 0 30px 5px rgba(255,255,255, .5);/* DROPZONE HOVER TRANSITION */-webkit-transition-property:color, border;-webkit-transition-duration: 0.2s ,0.2s;-webkit-transition-timing-function: linear, ease-in;-moz-transition-property:color, border;-moz-transition-duration: 0.2s, 0.2s;-moz-transition-timing-function: linear, ease-in;-ms-transition-property:color, border;-ms-transition-duration: 0.2s, 0.2s;-ms-transition-timing-function: linear, ease-in; transition-property:color, border, box-shadow;transition-duration: 0.2s, 0.2s;transition-timing-function: linear, ease-in;}#dropZone.error{font-size: 1.2em;color: red; padding: 30px 10px 120px 10px;}#dropZone.drop{color: #404040; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); border: 3px solid #808080; background:url("../img/progress_pixel.png") repeat-y; background-size: 0%;}#dropZone.done{color: #404040; background-size: 100%; background: #FFF; border: 3px solid #404040;}#or{position:relative;left: 32px;top: -10px;font: 28px Arial, sans-serif;color: #606060;}#zclDialog{position: fixed; width: 140px; height: 20px; top: 50%; left: 50%; display: none; margin-top: 0px; margin-left: -80px; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px;-ms-border-radius: 8px; border-radius: 8px; background: rgba(40,40,40,0.8); color: #FFF; font: 1.3em Arial, sans-serif; text-align: center; padding: 15px 15px 20px 15px; z-index: 11050;}/* STYLES FOR THE "EMAG NOT READY" ERROR PAGE */.notready-body{background:url("../img/noise_texture.png"); background-repeat: repeat;background-color: #D9DFE2;}#notready-wrapper{position: relative; width: 464px; top: 50%; left: 50%; margin-top: -183px; margin-left: -232px;}#notready-textbox{color: #404040; text-align: center;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); width:464px; height:40px; padding: 90px 0px 80px 0px; border: none;}body.desktop #notready-textbox{font: 28px Arial, sans-serif;}body.mobile #notready-textbox{font: 22px Arial, sans-serif;}#thumbPocket{height: 210px;overflow: hidden; background:url("../img/emag_half_preview_pocket.png") no-repeat;background-position: center bottom;}#thumbShadow{height: 270px;background: url("../img/emag_half_preview_shadow.png") no-repeat;background-position: center bottom;}#lean_overlay{position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}#downloadIntro, #additionalIntro, #downloadIntro a{color: #606060; font: 26px Arial, sans-serif;}input[type="file"]{position: absolute;top: 35px;opacity: 0;z-index: 10;cursor: pointer;height: 0px;width: 0px;}/* Override input field placeholder text colour */::-webkit-input-placeholder{/* WebKit browsers */ color: #808080;}:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #808080;}::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #808080;}:-ms-input-placeholder{/* Internet Explorer 10+ */ color: #808080;}:-moz-any-link:focus{outline: none;}body.mobile .hideMobile{display: none;}/* NAVBAR STYLES BEGIN */#navigator{background-color: #414042;opacity: 1;top: 0;left: 0;width: 100%;position: fixed;z-index: 18;overflow: hidden;height: 0px;}#navigator{transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */}#navigator .slink{background-repeat: no-repeat; width: 24px; height: 24px; float: right; top: -35px; position: relative; cursor: pointer; opacity:0.7;}#navigator .slink:hover{opacity:1;}#fbi{right: 232px; background-image: url('../img/icon_social_facebook.png');}#twi{right: 176px; background-image: url('../img/icon_social_twitter.png');}#yti{right: 120px; background-image: url('../img/icon_social_youtube.png');}#navigator>div{max-width: 1000px;margin-left: auto;margin-right: auto;text-align: center;height: 100%;display: table;}#navigator>div div{font: 1em Arial, sans-serif;font-weight: 700;color: #b5b7b9;text-transform: uppercase;padding-left: 30px;padding-right: 30px;height: 100%; transition: all 0.3s;cursor: pointer;display: table-cell;vertical-align: middle;}#navigator>div div:hover{color: #fff;background: rgba(255,255,255,0.2);}/* NAVBAR STYLES END */.fb_button{background: url("../img/fb_button.png") no-repeat center center;height: 67px; cursor: pointer; width: 274px;left: 295px;position: relative;}#choose_login{font: 16px Arial, sans-serif;}#choose_login u{cursor: pointer;}input#Terms{width:20px;}#SignupForm{color: #606060;font: 16px Arial, sans-serif;}body.desktop #SignupForm{display: none;}body.mobile #SignupForm{text-align: center;padding-bottom: 50px;padding-top: 20px;}#SignupForm select, #signupFormModal select, #SignupForm input[type="text"], #SignupForm input[type="password"], #signupFormModal input[type="text"], #signupFormModal input[type="password"]{display: block;color: #606060;font: 18px Arial, sans-serif;height: 40px;width: 270px;padding: 0px 10px 0px 10px;margin-bottom: 5px;border: solid 2px rgba(255,255,255,0.2);border-radius: 10px;-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);background-color: rgba(0,0,0,0.05);margin: auto;}#SignupForm button, #LoginForm button, #signupFormModal button{height: 40px;margin-top: 15px;padding-bottom: 30px;line-height: 18px; text-align: center; color: #606060; font: 18px Arial, sans-serif;background: linear-gradient(rgba(255,255,255,0.3), rgba(0,0,0,0.1));border: 2px solid rgba(0,0,0,0.3);border-radius: 8px;-webkit-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;-moz-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;-ms-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;}#SignupForm button, #signupFormModal button{width: 290px;}#LoginForm button{width: 270px;}#SignupForm button:hover, #LoginForm button:hover, #signupFormModal button:hover{-webkit-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;-moz-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;-ms-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;}#SignupForm button:active, #LoginForm button:active, #signupFormModal button:active{color: #707070;background: rgba(0,0,0,0.05);-webkit-box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;-moz-box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;-ms-box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;}#SignupForm a{color: #606060;}#SignupForm a:hover{color: #808080;}#SignupForm hr{display: inline-block; height: 1px;width: 120px; border: 0; border-top: 2px solid #606060; margin: 4px 0; padding: 0;}/* Override input field placeholder text colour */::-webkit-input-placeholder{/* WebKit browsers */ color: #707070;}:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #707070;}::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #707070;}:-ms-input-placeholder{/* Internet Explorer 10+ */ color: #707070;}#LoginForm{height: 360px;padding-bottom: 2px;display: none;background: url("../img/noise_texture.png");background-color: #D9DFE2;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;font: 16px Arial, sans-serif;box-shadow: 0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}body.desktop #LoginForm{width: 640px;}body.mobile #LoginForm{width: 280px;}body.mobile #LoginForm{width: 280px;height: 320px;}#LoginForm table{height: 310px;color: #606060;font: 26px Arial, sans-serif;text-align: center;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}#LoginForm .line_delimiter{width: 2px;height: 64px;background: #404040;margin-left: 11px;}#LoginForm input{color: #606060;font: 18px Arial, sans-serif;height: 40px;width: 250px;padding: 0px 10px 0px 10px;margin-bottom: 5px;border: solid 2px rgba(255,255,255,0.2);border-radius: 10px;-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);background-color: rgba(0,0,0,0.05);}/* Override input field placeholder text colour */::-webkit-input-placeholder{/* WebKit browsers */ color: #808080;}:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #808080;}::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #808080;}:-ms-input-placeholder{/* Internet Explorer 10+ */ color: #808080;}#preview h1{color: #FFF; font: 48px 'Rokkitt', serif;font-weight: 700;margin-left: auto;margin-right: auto;padding-top: 30px;}body.desktop #preview h1{width: 1000px;}body.mobile #preview h1{padding-left: 20px;}#preview div.close{background-image: url("../img/button_close_signup.png");background-repeat: no-repeat;position: relative;float: right;width: 25px;height: 25px;cursor: pointer;}#preview div.infoblock{color: #FFF; font: 17px Arial, sans-serif;margin-left: auto;margin-right: auto;padding: 15px;-webkit-border-radius: 8px; -moz-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px; background-color:rgba(255,255,255,0.1);}body.desktop #preview div.infoblock{width: 1000px;}body.desktop #download_block{padding-top: 10px;width: 275px;}body.mobile #download_block{display: none;}.infoblock a:active, a:link, a:hover, a:visited, a{font: 17px Arial, sans-serif;color: #FFF;text-decoration: underline;}#toolbar{position: relative;}body.desktop #toolbar{height: 20px;}body.mobile #toolbar{height: 80px;}#toolbar>div:first-child{position: absolute;}#toolbar>div:last-child{position: relative;}body.desktop #toolbar>div:last-child{float: right;}body.mobile #toolbar>div:last-child{top: 25px;}#bottombar{position: relative;text-align: right; color: #FFF; font: 17px Arial, sans-serif;padding-bottom:30px;}body.desktop #bottombar{width: 920px; margin-left: -460px; left: 50%;}body.mobile #bottombar{padding-right: 20px;}#eMags{display: none;padding-top: 20px;}body.desktop #eMags{width: 999px;}body.mobile #eMags{text-align: center;}body.desktop #eMagTable{position: relative;left: 50%;width: 920px; margin-left: -540px;}.carousel{height: 350px;width: 250px;}.carousel #img{position:relative;height: 250px;width: 250px;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;-ms-behavior: url(backgroundsize.htc);behavior: url(backgroundsize.htc);}#eMags .buttons div.embedicon, #eMags .user_buttons div.embedicon, #eMags .trial_buttons div.embedicon{background:url(../img/icons/icon_feature_embed_up.png) no-repeat;width: 24px;height: 24px;left: 32px;}#eMags .buttons div.shareicon, #eMags .user_buttons div.shareicon, #eMags .trial_buttons div.shareicon{background:url(../img/icons/icon_feature_share_up.png) no-repeat;width: 24px;height: 24px;left: 87px;}#eMags .buttons div.statsicon, #eMags .trial_buttons div.statsicon{background:url(../img/icons/icon_feature_stats_up.png) no-repeat;width: 24px;height: 24px;left: 142px;}#eMags .buttons div.privacyicon, #eMags .trial_buttons div.privacyicon{background:url(../img/icons/icon_feature_unlocked_up.png) no-repeat;width: 24px;height: 24px;left: 197px;}#eMags .trial_buttons div.statsicon{background:url(../img/icons/icon_feature_stats_disabled.png) no-repeat;}#eMags .trial_buttons div.privacyicon{background:url(../img/icons/icon_feature_unlocked_disabled.png) no-repeat;}#eMags div.delete{background: url("../img/button_close_signup.png") 0px 14px no-repeat;width: 25px;height: 40px;z-index: 100;}body.desktop #eMags div.delete{left: 241px;}body.mobile #eMags div.delete{display: none;}.delete{visibility: hidden;}.buttons:hover .delete{visibility: visible;cursor: pointer;}.trial_buttons:hover .delete{visibility: visible;cursor: pointer;}#eMags div.delete span{bottom: 35px;}#eMags p{position:relative; color: #FFF; font: 20px Arial, sans-serif; text-align: center;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); padding: 10px 12px 14px 12px;-webkit-border-radius: 8px; -moz-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px; background-color:rgba(0,0,0,0.2); white-space: nowrap;width: 230px;display: block;}#eMags b{padding-left: 0px;text-decoration: underline;}#eMags b:hover{color: #202020;text-decoration: underline;}body.desktop #eMags>a{position:relative;float:left;height: 350px;width: 255px;cursor: default;margin-right: 39px;margin-left: 39px;}body.mobile #eMags>a{width: 145px; display: inline-block;}.hidden{opacity: 0.5;}#eMags .thumbnail{position: relative;border: 2px solid rgba(255,255,255, .2);margin-top: 25px;background-repeat: no-repeat;background-size: contain;background-position: center;cursor: pointer;-ms-behavior: url(backgroundsize.htc);behavior: url(backgroundsize.htc);}body.desktop #eMags .thumbnail{width: 250px;height: 250px;margin-right: 80px;}body.mobile #eMags .thumbnail{width: 140px;height: 170px;display: block !important;}#eMags .thumbnail span{display:none;}#eMags .trial_mark .trial{display: block;}#eMags .trial{position: relative;overflow: hidden;width: 107px;height: 107px;display: none;}#eMags .trial:before{content: "TRIAL";position: absolute;text-align: center;line-height: 156px;top: -32px;left: -56px;width: 150px;height: 100px; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);background-color: #404040;opacity: 0.7;overflow: hidden;}#eMags .thumbnail span{top: 80px;}.thumbnail img{-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);}/* Styles used for the final emag slot */#lastthumbnail{border: 2px solid rgba(255,255,255, .2);margin-top: 25px;margin-right: 80px;width: 250px;height: 250px;background-image: linear-gradient(135deg,rgba(255,255,255,0) 25%,rgba(128,128,128,0.5) 25%,rgba(128,128,128,0.5) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,rgba(128,128,128,0.5) 75%,rgba(128,128,128,0.5) 100%); background-image: -moz-linear-gradient(135deg,rgba(255,255,255,0) 25%,rgba(128,128,128,0.5) 25%,rgba(128,128,128,0.5) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,rgba(128,128,128,0.5) 75%,rgba(128,128,128,0.5) 100%); background-image: -ms-linear-gradient(135deg,rgba(255,255,255,0) 25%,rgba(128,128,128,0.) 25%,rgba(128,128,128,0.5) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,rgba(128,128,128,0.5) 75%,rgba(128,128,128,0.5) 100%); background-image: -o-linear-gradient(135deg,rgba(255,255,255,0) 25%,rgba(128,128,128,0.5) 25%,rgba(128,128,128,0.5) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,rgba(128,128,128,0.5) 75%,rgba(128,128,128,0.5) 100%); background-image: -webkit-gradient(linear, 100% 100%, 0 0,color-stop(.25, rgba(255,255,255,0)),color-stop(.25, rgba(128,128,128,0.5)),color-stop(.5, rgba(128,128,128,0.5)),color-stop(.5, rgba(255,255,255,0)),color-stop(.75, rgba(255,255,255,0)),color-stop(.75, rgba(128,128,128,0.5)),color-stop(5, rgba(128,128,128,0.5))); background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,0) 25%,rgba(128,128,128,0.5) 25%,rgba(128,128,128,0.5) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,rgba(128,128,128,0.5) 75%,rgba(128,128,128,0.5) 100%); background-size: 40px 40px;}#progressBar{position: relative;display: none;width: 250px;height: 40px;background-color: rgba(0,0,0, .7);-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;top: -100px;-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);}#progressLine{position: absolute;width: 0%;height: 40px;background-color: #86bf3f;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;background-image: linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%);background-image: -moz-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%);background-image: -ms-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%);background-image: -o-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%);background-image: -webkit-gradient(linear, 100% 100%, 0 0,color-stop(.25, #a0cc60),color-stop(.25, #86bf3f),color-stop(.5, #86bf3f),color-stop(.5, #a0cc60),color-stop(.75, #a0cc60),color-stop(.75, #86bf3f),color-stop(1, #86bf3f));background-image: -webkit-linear-gradient(135deg,#86bf3f 25%,#a0cc60 25%,#a0cc60 50%,#86bf3f 50%,#86bf3f 75%,#a0cc60 75%,#a0cc60 100%);background-size: 40px 40px;animation: bganim 3s linear 2s infinite;-moz-animation: bganim 3s linear 2s infinite;-webkit-animation: bganim 3s linear 2s infinite;-o-animation: bganim 3s linear 2s infinite;-ms-animation: bganim 3s linear 2s infinite;}/* Styles used for the text in the final emag slot */#lastthumbnailtext{position: relative;bottom: 185px;color: #CCCCCC;font: 16px Arial, sans-serif;font-weight: bold;width: 255px;text-align: center;padding-right: 80px;text-decoration: none;cursor: pointer;}#moveLeft, #moveRight{opacity: 0.1;cursor: default;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; -}body.mobile #moveLeft, body.mobile #moveRight{// transform: rotate(0.25turn);width: 25px;}#moveLeft.activated, #moveRight.activated{opacity: 0.5;cursor: pointer;}#moveLeft.activated:hover, #moveRight.activated:hover{opacity: 0.9;}#moveLeft.activated:active, #moveRight.activated:active{opacity: 1.0;}#publicLink{position: relative;bottom: 2px;color: rgba(0,0,0, .5);font-weight: 600;text-shadow: 0.0em 1px #FFF;background: url(../img/icon_offsite.png) no-repeat,linear-gradient(#EEEEEE, #BBBBBB);background-position: 104px 8px, 0px 0px;width: 130px;margin-left: 20px;padding: 0px 0px 0px 10px;height: 30px;font-size: 14px;-moz-box-shadow: 0 2px 1px rgba(0,0,0, .5);-webkit-box-shadow: 0 2px 1px rgba(0,0,0, .5);-ms-box-shadow: 0 2px 1px rgba(0,0,0, .5);box-shadow: 0 2px 1px rgba(0,0,0, .5);}#publicLink:active{-moz-box-shadow: 0 0px 1px rgba(0,0,0, .5);-webkit-box-shadow: 0 0px 1px rgba(0,0,0, .5);-ms-box-shadow: 0 0px 1px rgba(0,0,0, .5);box-shadow: 0 0px 1px rgba(0,0,0, .5);opacity: 1.0;}#publicLink:hover{background: url(../img/icon_offsite.png) no-repeat,linear-gradient(#FBFBFB, #BFBFBF);background-position: 104px 8px, 0px 0px;}#account{background: url("../img/noise_texture.png");background-color: #D9DFE2;background-repeat: repeat, no-repeat;background-position: 0, top;background-size: 200px 200px, cover;background-attachment: fixed;height: 100vh; text-align: center; color: #606060; font: 17px Arial, sans-serif;position: relative;padding-bottom: 30px;}#account input, #accountModal input, .defaultInput{color: #606060;font: 18px Arial, sans-serif;height: 40px;width: 270px;padding: 0px 10px 0px 10px;border: solid 2px rgba(255,255,255,0.2);border-radius: 10px;-webkit-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.2);background-color: rgba(0,0,0,0.05);}#account input:disabled{box-shadow: none;border: none;background-color: rgba(0,0,0,0);}#account a{color:#000;font-weight:bold;font-size:16px;cursor: pointer;}#account h1{color: #606060;}#account table tr td:first-child{line-height: 50px;text-align: right;}#account table tr td:last-child{line-height: 50px;text-align: left;padding-left: 10px;}#accountModal{width: 500px;height: 610px;padding-bottom: 2px;display: none; text-align: center; color: #606060; font: 16px Arial, sans-serif;background: url("../img/noise_texture.png");background-color: #D9DFE2;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}#accountModal p{font-weight:bold; color: #606060; font: 22px Arial, sans-serif;}#accountModal button, #account button{width: 290px;height: 40px;margin-top: 15px;padding-bottom: 30px; text-align: center; color: #606060; font: 18px Arial, sans-serif;background: linear-gradient(rgba(255,255,255,0.3), rgba(0,0,0,0.1));border: 2px solid rgba(0,0,0,0.3);border-radius: 8px;-webkit-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;-moz-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;-ms-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff;}#accountModal button:hover, #account button:hover{-webkit-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;-moz-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;-ms-box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;box-shadow: inset 0px 2px 0px #fff, inset 0px -2px 0px rgba(0,0,0,0.1), 0px 2px 0px #fff, 0px 0px 8px #fff;}#accountModal button:active, #account button:active{color: #707070;background: rgba(0,0,0,0.05);-webkit-box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;-moz-box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;-ms-box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3), 0px 2px 0px #fff;}#downloadZone{z-index: 29;position: relative; color: rgba(0,50,0,.5); text-decoration: none; text-shadow: 0px 2px rgba(255,255,255,.7); background: url("../img/downloadbuttonarrow.png") center no-repeat, linear-gradient(#FFEB00, #86BF3F); font: 1.8em Arial, sans-serif; font-weight: 200; display: block; padding: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 10px; -webkit-box-shadow: 0px 9px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); -moz-box-shadow: 0px 9px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); box-shadow: 0px 9px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5), 0 16px 3px rgba(0,0,0, .2); margin: 100px auto;width: 400px;height: 38px;text-align: center;overflow: hidden;cursor: pointer; padding: 50px 0px 80px 0px;margin: 0px 0px 15px 0px;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease; /* -moz-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);-webkit-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);-ms-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5); */}#downloadZone:active{-webkit-box-shadow: 0px 0px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); box-shadow: 0px 3px 0px rgba(114,142,62,1), 0px 3px 6px rgba(0,0,0,.9); position: relative; top: 6px;/* -moz-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);-webkit-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);-ms-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);box-shadow: 0 0 50px 20px rgba(255,199,0, .6), 0 10px 5px rgba(0,0,0, .5); */}#downloadZone:hover{/* color: rgba(0,0,0, .7);text-decoration: none;text-shadow: 0.0em 2px rgba(255,255,255, .7); */background: url("../img/downloadbuttonarrow.png") center no-repeat, linear-gradient(#FFF800, #9ec832);}#main_area td:last-child{padding-left:40px;padding-top:25px;}/*table.logged td:last-child{padding-left:40px;padding-top:25px;}table.default td:last-child{visibility: hidden;padding-left:40px;padding-top:25px;}table.default td:first-child{position:absolute;left: 230px;}*/#platform-text{font-size: 20px;}#platform-text div:hover{opacity:0.8;}#other-platform-text{color: #404040; font-family: Arial, sans-serif;font-size: 12px;text-decoration: none;padding: 0;margin-top: 0;}#other-platform-text a{color: #404040;text-decoration: underline;}#downloadInfo{display: none;color: #606060;font: 26px Arial, sans-serif;text-align: center;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);padding-top: 225px;}#downloadInfo a:active, #downloadInfo a:link, #downloadInfo a:hover, #downloadInfo a:visited{font: 26px Arial, sans-serif;color: #404040;}/* table.logged #DownloadTopIntro{display:block;}#DownloadTopIntro{display:none;color: #404040;font-family: 'Gloria Hallelujah', 'cursive';font-size: 18px;height: 100px;width: 400px;top: -45px;position:absolute;background:url(../img/newoption_star.png) no-repeat;background-position: 52px 10px;transform:rotate(-1deg);-ms-transform:rotate(-1deg);-webkit-transform:rotate(-1deg);}*/table.logged #DownloadBottomIntro{display:block;}#DownloadBottomIntro{display:none;color: #404040;font-family: 'Gloria Hallelujah', 'cursive';font-size: 18px;height: 200px;width: 550px;top: 80px;right: -160px;padding-top: 140px;padding-right: 75px;position:absolute;background:url(../img/newoption_arrow.png) no-repeat;background-position: 480px 0px;transform:rotate(-3deg);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);}#DownloadBottomIntro br{display: block;margin: -5px 0;}#DownloadTopIntro br{display: block;margin: -5px 0;}/* Override input field placeholder text colour */::-webkit-input-placeholder{/* WebKit browsers */ color: #707070;}:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #707070;}::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #707070;}:-ms-input-placeholder{/* Internet Explorer 10+ */ color: #707070;}#marketingtextbox{position:absolute;z-index:10;width:1000px;left: 50%;margin-left: -500px;margin-top: 15px;}#marketingtextlight p{color: #fff;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);}body.desktop #marketingtextlight{font: 1.2em Arial, sans-serif;}body.mobile #marketingtextlight{font: 1em Arial, sans-serif;}#marketingtextdark p{color: #404040; font: 1.2em Arial, sans-serif; text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);}#marketingtextlight li{text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);}#marketingtextdark li{text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);}#marketingtextlight>h2, #marketingtextdark>h2{font-weight: 700;text-transform: uppercase;margin-bottom: -20px;}body.desktop #marketingtextlight>h2, #marketingtextdark>h2{font: 2.5em Arial, sans-serif; padding-top: 20px;}body.mobile #marketingtextlight>h2, #marketingtextdark>h2{font: 1.5em Arial, sans-serif;}#marketingtextlight>h2{color: #fff;text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);}#marketingtextdark>h2{color: #404040;text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);}#marketingtextlight>h3, #marketingtextdark>h3{font: 1.6em Arial, sans-serif;font-weight: 700;text-transform: uppercase; padding-top: 20px;}#marketingtextlight>h3{color: #fff;text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);}#marketingtextdark>h3{color: #404040;text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);}.menubutton, .tutorialbutton{color: #BBBBBB;font-weight: 700;font-size: 16px;text-decoration: none;cursor: pointer;text-align: left;padding: 0px;border: 0px;margin: 5px 0px 10px 20px;background-color: transparent;padding: 3px;}.menubutton:hover:enabled, .tutorialbutton:hover{background: #AAAAAA;color: #040404; -webkit-border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px; border-radius: 5px;}.menubutton:disabled{color:rgba(187, 187, 197, 0.3);cursor: default;}#menu_button{width:32px; height:32px; cursor: pointer; position: fixed; top: 10px; right: 15px; background-image:url("../img/button_menu.png"); background-size: 32px 32px; z-index: 19;}#menu_button_pagetop_background{width:90px; height:90px; cursor: pointer; position: absolute; top: 0px; right: 0px; background-image:url("../img/top-left_corner_fold.png"); background-size: 90px 90px; z-index: 18;}#menu_content{position: fixed; top: 0px; right: -300px; width: 300px; height:100%; background-color:#504F51; -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,0.3);-ms-box-shadow: 0 0 12px rgba(0,0,0,0.3); box-shadow: 0 0 12px rgba(0,0,0,0.3); z-index: 30;}body.mobile #menu_content{padding-right: 20px; right: -320px;}#menu_content_hidden{margin: 20px;display: none;}#menu_content_hidden>div{float: left;text-align: left;}#menu_content_hidden>div>div:first-child{margin-top: -10px;margin-bottom: 20px;margin-right: 20px;float: left;text-align: left;color: #FFF;font-size: 72px;}#menu_content_hidden>div>div:last-child{display: table-cell;padding-bottom: 20px;}#menu_default, #menu_logged{color: #FFF; font: 13px Arial, sans-serif; text-align: left; position: relative; padding-top:20px; width:100%; height:100%;margin: 0px;/* background-image:url("../img/noise_texture.png"); */}body.mobile #menu_default, body.mobile #menu_logged{background-image: url("../img/button_close_signup.png");background-repeat: no-repeat;background-position: right top;background-origin: content-box;}#menu_logged p{margin-left: 20px;color: #FFF; font: 18px Arial, sans-serif;}#horizontal_delimiter{width: 250px;height: 1px;background: #BBBBBB;margin-left: 20px;margin-top: 15px;margin-bottom: 15px;}body.mobile #menu_default #horizontal_delimiter, body.mobile #downloadButton, body.mobile #downloadButton-otherversion{display: none;}#downloadButton{position: relative;left: 20px; color: rgba(0,50,0,.5); text-decoration: none; text-shadow: 0px 2px rgba(255,255,255,.7); background: url("../img/downloadbuttonarrow_small.png") center no-repeat, linear-gradient(#FFEB00, #86BF3F); font: 1.5em Arial, sans-serif; font-weight: 200; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 9px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); -moz-box-shadow: 0px 9px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); box-shadow: 0px 9px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5), 0 16px 3px rgba(0,0,0, .2); margin: 100px auto;width: 250px;height: 40px;text-align: center;overflow: hidden;cursor: pointer; padding: 10px 0px 20px 0px;margin: 0px 0px 15px 0px;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease;}#downloadButton:active{-webkit-box-shadow: 0px 0px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 0px rgba(114,142,62,1), 0px 9px 25px rgba(0,0,0,.5); box-shadow: 0px 3px 0px rgba(114,142,62,1), 0px 3px 6px rgba(0,0,0,.9); position: relative; top: 6px;/*background-image: url("../img/button_download_small_down.png");*/}#downloadButton:hover{background: url("../img/downloadbuttonarrow_small.png") center no-repeat, linear-gradient(#FFF800, #9ec832);/*background-image: url("../img/button_download_small_over.png");-moz-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);-webkit-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);-ms-box-shadow: 0 0 50px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);box-shadow: 0 0 30px 10px rgba(255,199,0, .5), 0 10px 5px rgba(0,0,0, .5);*/}#downloadButton-otherversion{color: rgba(255,255,255, .5);text-shadow: none;}#downloadButton-otherversion a{color: rgba(255,255,255, .5);text-shadow: none;}#prices{position: relative;left: 50%;}body.desktop #prices{width: 1000px;margin-left: -500px;padding-left: 30px;}body.mobile #prices{width: 300px; margin-left: -150px; padding-bottom: 70px;}#prices strong{text-decoration: bold;}#plancontainers{margin-left: 35px;}#plan1container, #plan2container, #plan3container{width: 300px;}body.desktop #plan1container, body.desktop #plan2container, body.desktop #plan3container{margin-left: auto;margin-right: auto;padding: 15px;float: left;}#mostpopular{background: url("../img/banner_mostpopular.png") no-repeat;background-position: center top;position: absolute;top: -10px;font: 21px Arial, sans-serif;color: rgba(0,0,0,0.4);text-shadow: 0px 2px rgba(255,255,255,0.7);padding-top: 20px;width: 300px;height: 110px;}#plan1box, #plan3box{position: relative;background: #6e6f71;text-align: center;width: 270px;margin: auto;margin-top: 30px;border-radius: 10px;box-shadow: 0 3px 2px 0px rgba(0,0,0,0.3);}body.desktop #plan1box, body.desktop #plan3box{height: 280px;}body.mobile #plan1box, body.mobile #plan3box{height: 270px;}#plan2box{position: relative;background: #7eb7b4;text-align: center;width: 300px;margin: auto;border-radius: 10px;box-shadow: 0 7px 2px 0px rgba(0,0,0,0.3);}body.desktop #plan2box{height: 310px;}body.mobile #plan2box{height: 300px;}#plan1box:hover, #plan3box:hover{background: #7c7d80;}#plan2box:hover{background: #84bfbc;}#plan1features, #plan3features{background: #fff;color: #505050;font: 18px Arial, sans-serif;width: 236px;margin: auto;line-height: 40px;padding: 15px;box-shadow: 0 3px 2px 0px rgba(0,0,0,0.3);}#plan2features{background: #fff; color: #505050;font: 18px Arial, sans-serif;width: 236px;margin: auto;line-height: 40px;padding: 15px;box-shadow: 0 3px 2px 0px rgba(0,0,0,0.3);}body.desktop #plan2features{margin-left: 31px;}.plantitle{padding-top: 60px; color: #fff;font: 32px Arial, sans-serif; text-transform: uppercase;}#plan2box>.plantitle{padding-top: 90px;}.planprice{color: #fff;font: 56px Arial, sans-serif;padding-top: 20px;}.oldPrice{position:relative;padding-top: 10px;height: 50px;color: #fff;font: 32px Arial, sans-serif;}.oldPrice div{background: url("../img/crossedover.png") center no-repeat;width: 100%;height: 56px;position: absolute;top: 0px;}.planpricedetails{/* padding-top: 5px; */color: #fff;font: 12px Arial, sans-serif;}#pricesbuttoncontainer{width: 100%;position: absolute;display: block;bottom: 20px;}#pricesbutton1, #pricesbutton2, #pricesbutton3{font: 18px Arial, sans-serif;text-align: center;text-decoration: none;text-shadow: 0px 2px rgba(255,255,255,.7);width: 220px;margin: auto;margin-top: 20px;padding: 10px 30px 10px 30px;outline: none;border: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;transition: all 0.15s;-webkit-transition: all 0.15s;-moz-transition:all 0.15s;}body.desktop #plan3container{margin-left: 31px;}#pricesbutton1:active, #pricesbutton2:active, #pricesbutton3:active{background: linear-gradient(#FFEF00, #96CF4F);-webkit-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 1px 2px rgba(0,0,0,.5);box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 1px 2px rgba(0,0,0,.5);}#pricesbutton1:focus, #pricesbutton2:focus, #pricesbutton3:focus{outline: 0;}.price-button-shadow #pricesbutton1:hover, .price-button-shadow #pricesbutton2:hover, .price-button-shadow #pricesbutton3:hover{background: linear-gradient(#FFF800, #9ec832);}.price-button-shadow{color: rgba(0,50,0,.5);background: linear-gradient(#FFEB00, #86BF3F);-webkit-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);}.cd-dropdown ul li:last-child span{border-bottom: 1px solid rgb(153, 153, 153);}#pricing *{box-sizing: border-box;}#prices .tooltips span{box-sizing: content-box;background: rgba(0, 0, 0, 0.85);color: rgb(214, 214, 214);font-family: sans-serif;font-size: 15px;text-align: left;line-height: 18px;width: 320px;height: auto;padding: 15px 15px 15px 18px;padding-top: 15px;top: -142px;z-index: 200;}#prices .tooltips span:hover{display: none;}#pricesbutton2:hover, #pricesbutton3:hover{background: linear-gradient(#FFF800, #9ec832);}#prices .tooltips{position: relative;}#plan1container #license-select,#plan1container #valute-select{margin: 4px -4px;}#plan2container #license-select,#plan2container #valute-select{margin: 4px 11px;}.cd-dropdown,.cd-select{position: relative;width: 310px;margin: 8px auto;display: block;}.cd-dropdown > span{width: 74%;height: 35px;line-height: 33px;color: #797979;font-weight: 700;font-size: 16px;background: #fff;margin-left:8%;display: block;padding: 0 50px 0 30px;position: relative;cursor: pointer;}.cd-dropdown > span:after{content: '\25BC';position: absolute;right: 0px;top: 15%;width: 32px;text-align: center;font-size: 12px;height: 70%;line-height: 24px;border-left: 1px solid #ddd;z-index:2;}.cd-dropdown.cd-active > span:after{content: '\25B2';}.cd-dropdown ul{list-style-type: none;margin: 0;padding: 0;display: block;position: relative;}.cd-dropdown ul li{display: block;}#plan2box:hover{color:red !important;}.cd-dropdown ul li span{width: 74%;background: #fff;line-height: 35px;//padding: 0 30px 0 75px;display: block;color: #5A6464;cursor: pointer;font-weight: 700;margin-left: 24px;font-family: Arial;font-size:13px;z-index: 2;padding-left:0px;}.cd-dropdown > span,.cd-dropdown ul li span{-webkit-backface-visibility: hidden;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.cd-dropdown > span span[class^="icon-"],.cd-dropdown > span span[class*=" icon-"]{padding: 0 30px 0 45px;}.cd-dropdown:nth-child(1){padding-left: 0px;font-size: 14px;}.cd-dropdown ul{position: absolute;top: 0px;width: 100%;}.cd-dropdown ul li{position: absolute;width: 100%;pointer-events: none;}.cd-active.cd-dropdown > span{color: #454546;}.cd-active.cd-dropdown ul li{pointer-events: auto;}.cd-active.cd-dropdown ul li span{-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}.cd-active.cd-dropdown ul li span:hover{background: #7eb7b4;color: #fff;}#plan2box .cd-active.cd-dropdown ul li span:hover{background: #939997;color: #fff;}.price-button-shadow-selected{text-shadow: 0px 2px rgba(255,255,255,.7); background: linear-gradient(#EEEEEE, #AAAAAA); color: rgba(50,50,50,.5); -webkit-box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5); -moz-box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5); box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5); opacity: 0.5;}.price-button-shadow-selected #pricesbutton1:hover, .price-button-shadow-selected #pricesbutton2:hover, .price-button-shadow-selected #pricesbutton3:hover{background: linear-gradient(#FAFAFA, #B0B0B0);}.price-button-shadow-selected #pricesbutton1:active, .price-button-shadow-selected #pricesbutton2:active, .price-button-shadow-selected #pricesbutton3:active{background: linear-gradient(#FAFAFA, #B0B0B0); -webkit-box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5); box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5);}.price-button-shadow{color: rgba(0,50,0,.5);background: linear-gradient(#FFEB00, #86BF3F);-webkit-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);box-shadow: 0px 2px 0px rgba(114,142,62,1), 0px 2px 7px rgba(0,0,0,.5);}#headline{position:relative;color: #404040;font-family: 'Rokkitt', serif;font-weight: 700;font-size: 48px;padding-bottom: 20px;}#prices div.tooltips span{white-space: normal;top: auto;bottom: 36px;left: -90px;}#plan1features div.tooltips span{left: -75px;opacity:0;}#plan2features div.tooltips span{opacity:0;left: -72px;}#plan3features div.tooltips span{opacity:0;left: -75px;}body.mobile div.tooltips span{opacity: 1 !important;left: -60px !important;}#prices div.tooltips span:after{left:100px;}#pricing div.tooltips.hover span, #pricing div:hover.tooltips span{opacity:1;transition: opacity .3s ease-in-out;}/* OLD BIG BUTTONS START.pricing-bigbutton{display: inline-block;height: 140px;background: linear-gradient(#E2E2E2, #BBBDBF);float: left;padding: 15px;margin: 10px;cursor: pointer;-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;-moz-box-shadow: 0 2px 2px rgba(0,0,0, .5), 0 -1px 1px #fff;-webkit-box-shadow: 0 2px 2px rgba(0,0,0, .5), 0 -1px 1px #fff;-ms-box-shadow: 0 2px 2px rgba(0,0,0, .5), 0 -1px 1px #fff;box-shadow: 0 2px 2px rgba(0,0,0, .5), 0 -1px 1px #fff;}body.desktop .pricing-bigbutton{width: 450px;}body.mobile .pricing-bigbutton{width: 310px;margin-left:-20px;}.pricing-bigbutton-title{color: #606060;text-shadow: 0.0em 1px #FFF;font: 24px Arial, sans-serif;font-weight: bold;padding-bottom: 5px;}.pricing-bigbutton-description{color: #606060;font-family: Arial, sans-serif;font-size: 0.8em;line-height: 1.4em;font-weight: bold;}.pricing-bigbutton:hover{background: linear-gradient(#EEEEEE, #BBBDBF);}.pricing-bigbutton:active{-moz-box-shadow: 0 1px 1px rgba(0,0,0, .5), 0 -1px 1px #fff;-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .5), 0 -1px 1px #fff;-ms-box-shadow: 0 1px 1px rgba(0,0,0, .5), 0 -1px 1px #fff;box-shadow: 0 1px 1px rgba(0,0,0, .5), 0 -1px 1px #fff;}OLD BIG BUTTONS END */.getmore{display: inline-block;position: relative;color: #505050;font-family: Arial, sans-serif;font-size: 2em;font-weight: bold;padding: 10px;}body.desktop .getmore{margin-left: -30px;}body.mobile .getmore{margin-top: 40px;margin-left: -40px;}/* NEW PRICING BIG BUTTON START */.bigbutton-apps-container{height: 140px;text-align: center;border-radius: 10px;margin: auto;margin-top: 20px;}body.desktop .bigbutton-apps-container{display: inline-block;width: 1000px;left: 0px;right: 0px;margin-left: -30px;}body.mobile .bigbutton-apps-container{margin-left: -40px; min-width: 380px;}.bigbutton-apps-content{font: 2em arial;text-transform: uppercase;text-shadow: 0 0 0.5em #000, 0 0 0.5em #000;color: #FFF;float: right;text-align: center;padding: 20px 0px 20px 0px;}body.desktop .bigbutton-apps-content{width: 500px;}/* NEW PRICING BIG BUTTON END *//* CAMPAIGN RIBBON START */.ribbon{width: 800px;height: 80px;position: absolute;text-align: center;font-size: 24px;background: #d31c5c; /* ribbon color */background: -webkit-gradient(linear, left top, left bottom, from(#d31c5c), to(#d31c5c));background: -webkit-linear-gradient(top, #d31c5c, #d31c5c);background: -moz-linear-gradient(top, #d31c5c, #d31c5c);background: -ms-linear-gradient(top, #d31c5c, #d31c5c);background: -o-linear-gradient(top, #d31c5c, #d31c5c);background-image: -ms-linear-gradient(top, #d31c5c 0%, #d31c5c 100%);-webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 1px;-moz-box-shadow: rgba(0,0,0,0.2) 0 3px 1px;box-shadow: rgba(0,0,0,0.2) 0 3px 0px;font-family: 'Helvetica Neue',Helvetica, sans-serif;}.ribbon h1{font-family: Arial, sans-serif;font-size: 24px;color: #ffffff;text-shadow: #240c0c 0 1px 0;margin:0px;padding: 15px 10px;font-weight: 300;}.ribbon:before, .ribbon:after{content: ''; position: absolute; display: block; bottom: -1em; border: 1.5em solid #bf1b5a; /* ribbon folds color */ z-index: -1;}.ribbon:before{left: -3em; border-right-width: 2.5em; border-left-color: transparent; -webkit-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px; -moz-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px;}.ribbon:after{right: -3em; border-left-width: 2.5em; border-right-color: transparent; -webkit-box-shadow: rgba(0,0,0,0.4) -1px 1px 1px; -moz-box-shadow: rgba(0,0,0,0.4) -1px 1px 1px; box-shadow: rgba(0,0,0,0.4) -1px 1px 1px;}.ribbon .ribbon-content:before, .ribbon .ribbon-content:after{border-color: #7f123c transparent transparent transparent; /* ribbon ends color */ position: absolute; display: block; border-style: solid; bottom: -1em; content: '';}.ribbon .ribbon-content:before{left: 0; border-width: 1em 0 0 1em;}.ribbon .ribbon-content:after{right: 0; border-width: 1em 1em 0 0;}.ribbon-stitches-top{margin-top:2px; border-top: 1px dashed rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 2px rgba(255,255,255,0.5);}.ribbon-stitches-bottom{margin-bottom:2px; border-top: 1px dashed rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 2px rgba(255,255,255,0.3);}/* CAMPAIGN RIBBON END */html, body{width: 100%;height: 100%;}#cms_blocks_not_logged_in{position: relative;width: 100%;height: 100%;}#cms_blocks_not_logged_in>div{position: relative;width: 100%;height: 100%;}#cms_navbar_not_logged_in, #cms_navbar_logged_in{display: -webkit-inline-box;}#cms_navbar_not_logged_in>div:hover, #cms_navbar_logged_in>div:hover{background-color: #647812;}#cms_navbar_not_logged_in>div, #cms_navbar_logged_in>div{display: table-cell; font: 16px Arial, sans-serif;font-weight:bold;cursor: pointer;padding-left:10px;padding-right:10px;}div.tooltips{position: absolute; cursor:pointer;}body.mobile #emags div.tooltips{display: none;}div.tooltips span{position: absolute; white-space: nowrap; min-width: 70px; padding:6px; font: 13px Arial, sans-serif; color: #FFF; height: 18px; background: #404040; text-align: center; visibility: hidden; border-radius: 6px; z-index: 10000;}div.tooltips span:after{content: ''; position: absolute; top: 100%; left: 50%; width: 0px; height: 0px; margin-left: -4px; border-top: 8px solid #404040; border-right: 8px solid transparent; border-left: 8px solid transparent;}div.tooltips.hover span, div:hover.tooltips span{visibility:visible; bottom: 30px; left:0px;}/* Add this attribute to the element that needs a tooltip */[data-tooltip]{position: relative;z-index: 2;cursor: pointer;}/* Hide the tooltip content by default */[data-tooltip]:before,[data-tooltip]:after{visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;}/* Position tooltip above the element */[data-tooltip]:before{position: absolute;bottom: 150%;left: 50%;margin-bottom: 5px;margin-left: -80px;padding: 7px;width: 160px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);color: #fff;content: attr(data-tooltip);text-align: center;font-size: 14px;line-height: 1.2;text-shadow: none;}/* Triangle hack to make tooltip look like a speech bubble */[data-tooltip]:after{position: absolute;bottom: 150%;left: 50%;margin-left: -5px;width: 0;border-top: 5px solid #000;border-top: 5px solid hsla(0, 0%, 20%, 0.9);border-right: 5px solid transparent;border-left: 5px solid transparent;content: " ";font-size: 0;line-height: 0;}/* Show tooltip content on hover */[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}#terms{background: #414042;text-align: center;font: 13px Arial, sans-serif;color: #cccccc;bottom: 0px;margin-right: auto;margin-left: auto;padding: 20px 0px 20px 0px;}#terms a:active, #terms a:link, #terms a:hover, #terms a:visited{font: 12px Arial, sans-serif;color: #fff;}#subscriptionModal, #subscriptionLimitModal{width: 500px;height: 120px;padding-top: 40px;display: none; text-align: center; color: #606060; font: 22px Arial, sans-serif;background: url("../img/noise_texture.png");background-color: #D9DFE2;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}#subscriptionLimitModal a{color: #606060; font: 22px Arial, sans-serif;}#subscriptionLimitModal{height: 140px;}#upgradeModal{width: 500px;padding-bottom: 2px;display: none; text-align: center; color: #606060; font: 16px Arial, sans-serif;background: url("../img/noise_texture.png");background-color: #D9DFE2;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}#upgradeModal p{font-weight:bold; color: #606060; font: 22px Arial, sans-serif;}#paymentModal{width: 862px;height:800px;padding-bottom: 2px;display: none; text-align: center; color: #606060; font: 16px Arial, sans-serif;background: url("../img/noise_texture.png");background-color: #D9DFE2;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}#profilePaymentModal, #deleteAccountModal, #embedModal, #shareModal, #statsModal, #privacyModal, #marketStatsModal, #marketPrivacyModal, #signupFormModal, #passwordModal, #overwriteModal, #cancelScrModal, #downloadInfoModal, #forgotPasswordModal, #resetPasswordModal{width: 500px;padding: 5px 25px 30px 25px;display: none; text-align: center; color: #606060; font: 16px Arial, sans-serif;background: url("../img/noise_texture.png");background-color: #D9DFE2;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);overflow: hidden;}#embedModal p{font-weight:bold; color: #606060; font: 16px Arial, sans-serif;}#embedModal textarea{width: 290px;height: 50px;padding: 5px;margin-right: 20px;resize: none;}#embedModal input{width: 30px;}#shareModal{width: 350px;height:110px;}#statsModal, #profilePaymentModal{width: 90%;height: 90%;padding: 0px 0px 0px 0px;}#privacyModal{width: 500px;height: 80px;padding: 20px 0px 0px 0px;}#embedModal button{position: relative;bottom: 24px;background: linear-gradient(#EEEEEE, #AAAAAA);color: rgba(50,50,50,.5);font: 18px Arial, sans-serif;text-align: center;text-decoration: none;text-shadow: 0px 2px rgba(255,255,255,.7);padding: 10px 10px 10px 10px;outline: none;border: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;transition: all 0.15s;-webkit-transition: all 0.15s;-moz-transition:all 0.15s;-webkit-box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5);box-shadow: 0px 2px 0px #808080, 0px 2px 7px rgba(0,0,0,.5);}#embedModal button:active{background: linear-gradient(#FAFAFA, #B0B0B0);-webkit-box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5);box-shadow: 0px 2px 0px #808080, 0px 1px 2px rgba(0,0,0,.5);}#embedModal button:hover{background: linear-gradient(#FAFAFA, #B0B0B0);}#marketStatsModal, #marketPrivacyModal{width: 520px;/* height: 520px; */padding-left: 0px;padding-right: 0px;padding-top: 0px;}#marketStatsModal h2, #marketPrivacyModal h2{padding: 0px 20px 0px 20px;}#marketStatsModal{/* height: 460px; */}#marketStatsModal div{background: url(../img/cms/header_feature_stats.jpg) no-repeat;background-position: center;width: 520px;height: 200px;}#marketPrivacyModal div{background: url(../img/cms/header_feature_privacy.jpg) no-repeat;background-position: center;width: 520px;height: 200px;}#sliderEmagModal{width: 90%;height:90%;display: none;}#loader{position:fixed; left: 50%; top:50%; margin-left: -2em; margin-top: -2em; border-top: 0.4em solid rgba(255, 255, 255, 0.2); border-right: 0.4em solid rgba(255, 255, 255, 0.2); border-bottom: 0.4em solid rgba(255, 255, 255, 0.2); border-left: 0.4em solid #ffffff; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; z-index: 11000;}#loader,#loader:after{border-radius: 50%; width: 4em; height: 4em;}@-webkit-keyframes load8{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}@keyframes load8{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}body{margin: 0px;padding: 0px;border: 0px;}.featuresliderheadline{font: 48px 'Rokkitt', serif;font-weight: 700;color: #404040;width: 1000px;margin-left: auto;margin-right: auto;}.featureslidercontainer{width: 100%;height: 500px;position: relative;overflow: hidden;}/* pause animation for masterslide and timerbar on hover */.featureslidercontainer:hover > .masterslide, .featureslidercontainer:hover > .timerbar{-webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused;}/* make pause icon visible on hover */.featureslidercontainer:hover > .pauseicon{color: rgba(255,255,255,1);}.masterslide{width: 500%;-webkit-animation: hscroll 60s infinite;-moz-animation: hscroll 60s infinite;-ms-animation: hscroll 60s infinite;animation: hscroll 60s infinite;}.timerbar{bottom: 10px;position: absolute;background-color: #FFF;height: 2px;-webkit-animation: timer 60s infinite;-moz-animation: timer 60s infinite;-ms-animation: timer 60s infinite;animation: timer 60s infinite;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-ms-animation-timing-function: linear;animation-timing-function: linear;opacity: 0.5;}.pauseicon{position: absolute;right: 0px;top: 30px;text-align: right;padding: 20px;font: 48px 'Rokkitt', serif;font-weight: 700;color: rgba(255,255,255,0);transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}.featureslide1, .featureslide2, .featureslide3, .featureslide4, .featureslide5{height: 500px;width: 20%;top: 0px;float: left;}.featureslide1{background: url("../img/cms/feature_slide_01.jpg") no-repeat;background-position: top center;background-size:cover;}.featureslide2{background: url("../img/cms/feature_slide_02.jpg") no-repeat;background-position: top center;background-size:cover;}.featureslide3{background: url("../img/cms/feature_slide_03.jpg") no-repeat;background-position: top center;background-size:cover;}.featureslide4{background: url("../img/cms/feature_slide_04.jpg") no-repeat;background-position: top center;background-size:cover;}.featureslide5{background: url("../img/cms/feature_slide_05.jpg") no-repeat;background-position: top center;background-size:cover;}.featurecontent{width: 1000px;height: 100%;margin-left: auto;margin-right: auto;}.featuretextbox{background: rgba(0,0,0,0.4);font: 18px Arial, sans-serif;color: #FFF;width: 50%;height: 100%;padding: 25px;}.featuretext{height: 370px;}.featuretext>h1{font: 38px Arial, sans-serif;/* font: 48px 'Rokkitt', serif; */font-weight: 700;color: #FFF;margin-top: 0px;}.featuretext>h2{font: 28px Arial, sans-serif;}.featuretext>p{}.featurebuttonsection{display: inline-block; vertical-align: bottom;bottom: 30px;}.featuretextbox button{font: 18px Arial, sans-serif;color: #e1ff00;text-transform: uppercase;text-align: center;width: 156px;border-style: solid;border-width: 2px;border-color: #e1ff00;background-color: transparent;margin: 15px 7px 0px 0px;padding: 5px 0px 5px 0px;border-radius: 10px;-webkit-transition: all 0.15s;-moz-transition:all 0.15s;-ms-transition:all 0.15s;transition: all 0.15s;}.featuretextbox button:hover{background-color: rgba(255,255,255,0.2);}.featuretextbox button:active{}/* masterslide scroll animation */@-moz-keyframes hscroll{0%, 18%{margin-left: 0}20%, 37%{margin-left: -100%}40%, 57%{margin-left: -200%}60%, 77%{margin-left: -300%}80%, 97%{margin-left: -400%}100%{margin-left: 0}}@-webkit-keyframes hscroll{0%, 18%{margin-left: 0}20%, 37%{margin-left: -100%}40%, 57%{margin-left: -200%}60%, 77%{margin-left: -300%}80%, 97%{margin-left: -400%}100%{margin-left: 0}}@-ms-keyframes hscroll{0%, 18%{margin-left: 0}20%, 37%{margin-left: -100%}40%, 57%{margin-left: -200%}60%, 77%{margin-left: -300%}80%, 97%{margin-left: -400%}100%{margin-left: 0}}@keyframes hscroll{0%, 18%{margin-left: 0}20%, 38%{margin-left: -100%}40%, 58%{margin-left: -200%}60%, 78%{margin-left: -300%}80%, 98%{margin-left: -400%}100%{margin-left: 0}}/* timer animation */@-webkit-keyframes timer{0%{width: 0%}18%{width: 100%}18.1%, 20%{width: 0%}38%{width: 100%}38.1%, 40%{width: 0%}58%{width: 100%}58.1%, 60%{width: 0%}78%{width: 100%}78.1%, 80%{width: 0%}98%{width: 100%}98.1%, 100%{width: 0%}}@-moz-keyframes timer{0%{width: 0%}18%{width: 100%}18.1%, 20%{width: 0%}38%{width: 100%}38.1%, 40%{width: 0%}58%{width: 100%}58.1%, 60%{width: 0%}78%{width: 100%}78.1%, 80%{width: 0%}98%{width: 100%}98.1%, 100%{width: 0%}}@-ms-keyframes timer{0%{width: 0%}18%{width: 100%}18.1%, 20%{width: 0%}38%{width: 100%}38.1%, 40%{width: 0%}58%{width: 100%}58.1%, 60%{width: 0%}78%{width: 100%}78.1%, 80%{width: 0%}98%{width: 100%}98.1%, 100%{width: 0%}}@keyframes timer{0%{width: 0%}18%{width: 100%}18.1%, 20%{width: 0%}38%{width: 100%}38.1%, 40%{width: 0%}58%{width: 100%}58.1%, 60%{width: 0%}78%{width: 100%}78.1%, 80%{width: 0%}98%{width: 100%}98.1%, 100%{width: 0%}}