body { margin:0px; padding:0px; width:100%; font-size:18px; color:#ffffff; font-family:Arial; background:#101844;}
p {padding:0px; margin:0px;}
#wrapper {
  width:100%;
  max-width:1280px;
  margin:0px auto;
  min-width:300px;
  overflow:hidden;
}
#header {
  position:relative;
  background:url('/images/header.bg.1.png') top center no-repeat;
  height:633px;
  background-size: cover;
}
#headerLogo {
  display:block;
  position:absolute;
  top:2px;
  left:2px;
  width:256px;
  height:89px;
  background:url('/images/absolutist_logo.webp') top center no-repeat;
  background-size:contain;
}
#langNav {
  position:fixed; right:2%; top:0px;
  z-index:2;
}

#langNav a {
  display:inline-block;
  width:50px;
  height:50px;
  margin:6px;
}
#langNav a:first-child {
  width:58px;
  height:58px;
}

#langNav a.en {background:url("/images/en.btn.png") no-repeat; background-size:contain;}
#langNav a.uk {background:url("/images/uk.btn.png") no-repeat; background-size:contain;}
#header #char {
  position:absolute;
  width:100%;
  bottom:-1.5%;
  z-index:1;
  text-align:center;
  padding-top:0%;
  height:33%;

/*  
  background:url('/images/char.png') top center no-repeat;
  background-size:contain;
*/
}
#char .btn {display:inline-block; width:174px; height:64px; margin:90px 4px 0px 4px;}
#char .googleplay { background:url('/images/btn_googleplay.png') top center no-repeat; background-size: contain;}
#char .appstore { background:url('/images/btn_appstore.png') top center no-repeat; background-size: contain;}
#char .amazon { background:url('/images/btn_amazon.png') top center no-repeat; background-size: contain;}
#char .facebook { background:url('/images/btn_facebook.png') top center no-repeat; background-size: contain;}

#middle {
  position:relative;
  background:url('/images/header.bg.2.png') top center no-repeat;
  height:647px;
  background-size: cover;
}
#middle h3 {text-align:center; text-transform:uppercase; font-size:1.6em; max-width: 760px; margin:0px auto 0px; padding:40px 2% 10px;}
#middle .video { background:url("/images/ramka_video.png") top center no-repeat; padding:28px 34px; width:608px; height:342px; margin:0px auto; background-size:contain; }
#middle .video iframe { display:block; margin:0px; width:inherit; height:inherit; }

.social { padding-top:1%; text-align:center;}
.social a { display:inline-block; width:68px; height:68px; margin:0px 24px; }
.social .fb { background:url("/images/fb.btn.png") no-repeat; background-size:contain; }
.social .tw { background:url("/images/tw.btn.png") no-repeat; background-size:contain; }
.social .gp { background:url("/images/gg.btn.png") no-repeat; background-size:contain; }

#bottom h3 {text-align:center; text-transform:uppercase; font-size:1.6em; max-width: 760px; margin:0px auto;}


#bottom {
  position:relative;
  background:url('/images/header.bg.3.png') top center no-repeat;
  height:1594px;
  background-size: cover;
}
#bottom h3 {padding:3% 0px 1.5%; text-transform:uppercase;}
#screenSlide {
  text-align:center;
  height:460px;
  width:690px;
  margin:0px auto;
}
#slideBox {
  display:inline-block;
  width:72%;
  height:72%;
  position:relative;
  vertical-align:top;
  background-size:contain;
  cursor:pointer;
}
#slideBox .border {
  background:url('/images/screenBorder.png') center center no-repeat;
  position:absolute;
  top:-7%; bottom:-7%;
  left:-1%; right:-1%;
  background-size:contain;
}

#bottom .featuresBox {
  position:absolute;
  top:540px;
  width:100%;
}

#bottom .featuresHeader {
  color:#32365d;
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
  padding:35px 0px 10px 100px;
}
#bottom .features { 
  width:350px;
  margin:0px auto;
  padding-left:242px;
  padding-top:30px;
  font-size:1.6em;
}
#bottom .features li { 
  border-bottom:white solid 1px;
  margin:0px auto;
  padding-bottom:14px;
  margin-bottom:14px;
}
#bottom .features li:last-child { border:none; }

#screenSlide .leftArrow { background:url('/images/btn_arrow_L_normal.png') center center no-repeat; }
#screenSlide .rightArrow { background:url('/images/btn_arrow_R_normal.png') center center no-repeat; }
#screenSlide .leftArrow:hover { background:url('/images/btn_arrow_L_over.png') center center no-repeat; background-size:contain; }
#screenSlide .rightArrow:hover { background:url('/images/btn_arrow_R_over.png') center center no-repeat; background-size:contain;}
#screenSlide .leftArrow, #screenSlide .rightArrow {
  display:inline-block;
  width:11%;
  height:67%;
  background-size:contain;
}
#screenSlide #slideNav { margin-top:3%; }
#screenSlide #slideNav .pt {
  display:inline-block;
  margin:0px 1px;
  width:36px; height:36px;
  background:url('/images/rbtn_normal.png') no-repeat;
  background-size:contain;
}
#screenSlide #slideNav .pt:hover { background:url('/images/rbtn_over.png') no-repeat; background-size:contain;}
#screenSlide #slideNav .over { background:url('/images/rbtn_over.png') no-repeat; background-size:contain;}

#storeButtons {
 position:absolute;
 bottom:10px;
 width:100%;
 text-align:center;
}


#storeButtons a.googleplay {background:url('/images/btn_googleplay.png') no-repeat; background-size:contain;}
#storeButtons a.appstore { background:url('/images/btn_appstore.png') no-repeat; background-size:contain; }
#storeButtons a.amazon { background:url('/images/btn_amazon.png') no-repeat; background-size:contain; }
#storeButtons a.facebook { background:url('/images/btn_facebook.png') no-repeat; background-size:contain; }

#storeButtons a {display:inline-block; width:180px; height:64px; background-size:contain; margin:0px 6px 16px;}


#footer {
  position:relative;
  background:url('/images/header.bg.4.png') top center no-repeat;
  height:282px;
  background-size: cover;
  text-align:center;
  font-size:1.3em;
  padding-top:20px;
}
#footer .text {
  padding:10px;
  font-size:0.75em;
  margin:4px 3% 8px;
}

#footer .links {text-align:center; width:100%;}

#footer .links a { display:inline-block; vertical-align:middle;   cursor:pointer; color:#ffffff; font-size:0.75em;}

.logo {
  background:url("/images/logo2.png") top center no-repeat; background-size:contain;
  width:192px; height:54px;
  margin:0px 20px;
}
#footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:6px; margin:0px 10px; width:180px;}

.clear {clear:both; height:2px; background:green;}

#footer .copy { position:absolute; bottom:2px; left:20px; font-size:0.6em; width:100%; text-align:left;}

#footer .appIcons {}
#footer .appIcons a {display:inline-block; width:240px; height:100px; margin:10px 1% 0px; border:#ffffff solid 1px; border-radius:6px;}
#footer .appIcons .timegapIcon { background:url("/images/timegap_1.png") no-repeat; background-size:contain; }
#footer .appIcons .twistedIcon { background:url("/images/numbers_1.png") no-repeat; background-size:contain; }

#splash {
  display:none;
  position: fixed;
  top:0px; bottom:0px; left:0px; right:0px;
  background:rgba(0,0,0,0.8);
  z-index:2;
}

#splashScreen {
  margin:10% auto;
  position:relative;
}

#splashScreen .btnRight {
  position:absolute;
  top:0px; bottom:0px;
  right:-4%; width:20%;
  background:rgba(0,0,0,0.25) url("/images/btn_arrow_R_normal.png") center center no-repeat; background-size:40%;
}
#splashScreen .btnRight:hover {
  background:rgba(0,0,0,0.25) url("/images/btn_arrow_R_over.png") center center no-repeat; background-size:40%;
}
#splashScreen .btnLeft {
  position:absolute;
  top:0px; bottom:0px;
  left:-4%; width:20%;
  background:rgba(0,0,0,0.25) url("/images/btn_arrow_L_normal.png") center center no-repeat; background-size:40%;
}
#splashScreen .btnLeft:hover {
  background:rgba(0,0,0,0.25) url("/images/btn_arrow_L_over.png") center center no-repeat; background-size:40%;
}

#imgHold { width:inherit; height:inherit;}
#imgHold img { width: 100%; height: 100%;}

#btnClose {
  position:absolute;
  top:-10%;
  right:-14%;
  width:24%;
  height:24%;
  background:url("/images/button_close_default.png") no-repeat;
  background-size:contain;
}


@media (max-width: 800px) {
  #header { height:560px;}
  #char .btn {margin-top:90px; width:22%;  height:42%;}
  #langNav a { width:48px; height:48px; }
  #langNav a:first-child { width:54px; height:54px; }
  #middle { height:560px;}
  #middle .video { width:528px; height:297px; padding:26px 29px; }
  .social { padding-top:0%; text-align:center;}
  #bottom { height:1374px; }
  #bottom h3 {padding:3% 0px 2%;}
  #screenSlide { width:621px; height:414px; }
  #bottom .featuresBox {  top:484px;   }
  #bottom .featuresHeader { font-size:1.3em;  padding:10px 0px 10px 90px;}
  #bottom .features {   width:300px;  margin:0px auto;  padding-left:210px;  padding-top:20px; font-size:1.35em;}
  #storeButtons a {display:inline-block; width:160px; height:58px; background-size:contain; margin:0px 6px 16px;}
  #footer {height:240px; font-size:1.1em;}
  #footer .text { padding:10px; margin:0px 10px; }
  #footer .appIcons a {display:inline-block; width:220px; height:92px; }
}
@media (max-width: 768px) {
  #header { height:530px;}
  #langNav a { width:44px; height:44px; }
  #langNav a:first-child { width:52px; height:52px; }
  #middle { height:500px;}
  #middle h3 { padding:22px 0px 0px; font-size:1.3em; width:70%;}
  #bottom { height:1234px; }
  #bottom h3 {font-size:1.3em;}
   #middle iframe { display:block; margin:16px auto 0px; width:464px; height:261px; }
  #screenSlide { width:522px; height:348px; }
  #bottom .featuresBox {  top:434px;   }
  #bottom .featuresHeader { font-size:1.2em;  padding:10px 0px 10px 80px;}
  #bottom .features {   width:270px;  margin:0px auto;  padding-left:180px;  padding-top:20px; font-size:1.25em;}
  #bottom .features li {   padding-bottom:12px;  margin-bottom:12px;}
  #footer {height:214px;}
  #footer .text { font-size:0.75em; }
  .social a { width:54px; height:54px; margin:0px 5px; }
  .logo { width:150px; height:48px; margin:0px 20px; }
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:6px; margin:0px 10px; width:140px; font-size:0.7em;}
  #footer .appIcons a {display:inline-block; width:180px; height:76px; margin:5px 1% 0px;}

}
@media (max-width: 640px) {
  #header { height:480px;}
  #headerLogo { width:226px; height:79px; }
  #char .btn {margin-top:70px; width:22%;}
  #langNav a { width:42px; height:42px; }
  #langNav a:first-child { width:52px; height:52px; }
  #middle { height:460px;}
  #middle h3 { padding:22px 0px 0px;}
  #middle .video { width:448px; height:252px; padding:22px 25px; }
  #bottom { height:1128px; }
  #screenSlide { width:453px; height:312px; }
  #screenSlide #slideNav .pt { margin:0px 3px; width:28px; height:28px;}
  #bottom .featuresBox {  top:395px;   }
  #bottom .featuresHeader { font-size:1.1em;  padding:12px 0px 10px 80px;}
  #bottom .features {   width:244px;  margin:0px auto;  padding-left:170px;  padding-top:20px; font-size:1.1em;}
  #bottom .features li {   padding-bottom:10px;  margin-bottom:10px;}
  #footer {height:196px; font-size:1em;}
  #footer .text { padding:8px; font-size:0.8em; }
  #footer .links a { display:inline-block; vertical-align:middle;   cursor:pointer; color:#ffffff; font-size:0.8em;}
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none;  border-radius:6px; padding:5px; margin-right:20px;}
  #footer .appIcons a {display:inline-block; width:160px; height:68px; margin:4px 1% 0px;}
}
@media (max-width: 600px) {
  #header { height:460px;}
  #langNav a { width:40px; height:40px; margin:4px; }
  #langNav a:first-child { width:50px; height:50px; }
  #middle { height:440px;}
  #middle h3 { font-size:1.3em;  padding:20px 0px 0px;}
  #middle .video { width:432px; height:243px; padding:20px 24px; }
  #bottom { height:1088px; }
  #bottom h3 {font-size:1.4em;}
  #bottom .featuresBox {  top:380px;   }
  #bottom .featuresHeader { font-size:1.05em;  padding:13px 0px 10px 70px;}
  #bottom .features {   width:234px;  margin:0px auto;  padding-left:164px;  padding-top:12px; font-size:1em;}
  #bottom .features li {   padding-bottom:10px;  margin-bottom:10px;}
  #footer {height:186px;}
  #footer .text { font-size:0.75em; }
  .social a { width:54px; height:54px; margin:0px 5px; }
  .logo { width:140px; height:40px; margin:0px 20px; }
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:6px; margin:0px 10px; width:120px; font-size:0.65em;}
  .social a { width:50px; height:50px; margin:0px 5px; }
  #footer .appIcons a {display:inline-block; width:130px; height:54px; margin:4px 1% 0px;}
}
@media (max-width: 568px) {
  #header { height:440px;}
  #headerLogo { width:196px; height:69px; }
  #langNav a { width:36px; height:36px; margin:4px; }
  #langNav a:first-child { width:46px; height:46px; }
  #middle { height:420px;}
  #middle h3 { font-size:1.1em;  padding:20px 0px 0px;}
  #middle .video { width:432px; height:243px; padding:20px 24px; }
  #bottom { height:1036px; }
  #screenSlide { width:414px; height:276px; }
  #bottom .featuresBox {  top:363px;   }
  #bottom .featuresHeader { font-size:1em;  padding:12px 0px 10px 70px;}
  #bottom .features {   width:228px;  margin:0px auto;  padding-left:160px;  padding-top:20px; font-size:1em;}
  #bottom .features li {   padding-bottom:10px;  margin-bottom:10px;}
  #footer {height:178px; font-size:0.95em;}
  #footer .text { padding:4px; font-size:0.7em; }
  .logo { width:120px; height:40px; margin:0px 14px; }
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:6px; margin:0px 10px; width:110px; font-size:0.65em;}
  .social a { width:44px; height:44px; margin:0px 5px; }
}
@media (max-width: 533px) {
  #header { height:400px;}
  #char .btn {margin-top:62px; width:22%;}
  #langNav a { width:32px; height:32px; margin:4px; }
  #langNav a:first-child { width:42px; height:42px; }
  #middle { height:380px;}
  #middle h3 { font-size:1em;  padding:20px 0px 0px; width:100%;}
  #middle .video { width:400px; height:225px; padding:20px 22px; }
  #bottom { height:944px; }
  #bottom h3 {font-size:1.3em;}
  #bottom .featuresBox {  top:329px;   }
  #bottom .featuresHeader { font-size:0.92em;  padding:12px 0px 10px 64px;}
  #bottom .features {   width:204px;  margin:0px auto;  padding-left:144px;  padding-top:20px; font-size:0.9em;}
  #bottom .features li {   padding-bottom:8px;  margin-bottom:8px;}
  #storeButtons a {display:inline-block; width:140px; height:52px; background-size:contain; margin:0px 5px 8px;}
  #footer {height:170px; padding-top:8px; font-size:0.95em;}
  #footer .text { padding:4px; font-size:0.65em; }
  .logo { width:120px; height:36px; margin:0px 14px; }
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:4px; margin:0px 10px; width:110px; font-size:0.65em;}
  .social a { width:36px; height:36px; margin:0px 5px; }
  #footer .appIcons a {display:inline-block; width:130px; height:54px; margin:4px 1% 0px;}
}
@media (max-width: 480px) {
  #header { height:320px;}
  #headerLogo { width:166px; height:59px; }
  #char .btn {margin-top:46px; width:21%;}
  #langNav a { width:30px; height:30px; margin:3px; }
  #langNav a:first-child { width:38px; height:38px; }
  #middle { height:300px;}
  #middle h3 { font-size:0.9em;  padding:16px 0px 0px;}
  #middle .video { width:304px; height:171px; padding:14px 21px; }
  #bottom { height:740px; }
  #bottom h3 {font-size:1.1em;}
  #screenSlide { width:276px; height:184px; }
  #screenSlide #slideNav .pt { margin:0px 3px; width:27px; height:27px; }
  #bottom .featuresBox {  top:256px;   }
  #bottom .featuresHeader { font-size:0.72em;  padding:11px 0px 10px 50px;}
  #bottom .features {   width:160px;  margin:0px auto;  padding-left:114px;  padding-top:20px; font-size:0.72em;}
  #bottom .features li {   padding-bottom:6px;  margin-bottom:6px;}
  #storeButtons a {display:inline-block; width:120px; height:44px; background-size:contain; margin:0px 4px 4px;}
  #footer {height:132px; font-size:0.8em;}
  .logo { width:110px; height:32px; margin:0px 12px; }
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:4px; margin:0px 6px; width:94px; font-size:0.65em;}
  #footer .appIcons a {display:inline-block; width:100px; height:42px; margin:4px 1% 0px;}
}
@media (max-width: 384px) {
  #header { height:260px;}
  #headerLogo { width:136px; height:49px; }
  #char .btn {margin-top:42px;}
  #langNav a { width:28px; height:28px; margin:3px; }
  #langNav a:first-child { width:34px; height:34px; }
  #middle { height:250px;}
  #middle h3 { font-size:0.6em;  padding:10px 0px 0px; width:100%;}
  #middle .video { width:272px; height:153px; padding:12px 18px; }
  #middle .social {padding-top:0px;}
  .social a { width:30px; height:30px; margin:0px 5px; }
  #bottom { height:620px; }
  #bottom h3 {font-size:0.9em;}
  #screenSlide { width:236px; height:154px; }
  #screenSlide #slideNav .pt { margin:0px 3px; width:22px; height:22px; }
  #bottom .featuresBox {  top:212px;   }
  #bottom .featuresHeader { font-size:0.6em;  padding:12px 0px 10px 38px;}
  #bottom .features {   width:134px;  margin:0px auto;  padding-left:96px;  padding-top:10px; font-size:0.62em;}
  #bottom .features li {   padding-bottom:4px;  margin-bottom:4px;}
  #storeButtons a {display:inline-block; width:120px; height:44px; background-size:contain; margin:4px 4px 0px;}
  #footer {height:110px; font-size:0.7em;}
  #footer .text { padding:6px; margin:0px; font-size:0.6em; }
  .logo { width:92px; height:22px; margin:0px 8px; }
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:3px; margin:0px 4px; width:82px; font-size:0.65em;}
  #footer .appIcons a {display:inline-block; width:96px; height:38px; margin:4px 1% 0px;}
}

@media (max-width: 320px) {
  #header { height:210px;}
  #headerLogo { width:106px; height:39px; }
  #char .btn {margin-top:32px; width:20%;}
  #langNav a { width:26px; height:26px; margin:2px; }
  #langNav a:first-child { width:32px; height:32px; }
  #middle { height:220px;}
  #middle h3 { font-size:0.6em;  padding:10px 0px 0px;}
  #middle .video { width:224px; height:126px; padding:10px 16px; }
  #bottom { height:540px; }
  #bottom h3 {font-size:0.8em;}
  #bottom .featuresBox {  top:183px;   }
  #bottom .featuresHeader { font-size:0.52em;  padding:12px 0px 10px 34px;}
  #bottom .features {   width:118px;  margin:0px auto;  padding-left:82px;  padding-top:10px; font-size:0.5em;}
  #bottom .features li {   padding-bottom:4px;  margin-bottom:4px;}
  #storeButtons a {display:inline-block; width:100px; height:36px; background-size:contain; margin:4px 4px 0px;}
  #footer {height:116px; font-size:0.65em;}
  .logo { width:108px; height:20px; margin:0px 2px; }
  #footer .links .support, #footer .links .privacy {border:solid 1px; text-decoration:none; border-radius:6px; padding:3px; margin:0px 3px; width:72px; font-size:0.6em;}
  .social a { width:32px; height:32px; margin:0px 3px; }
  #footer .appIcons a {display:inline-block; width:96px; height:38px; margin:12px 1% 0px;}
}