@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "BentonSansLight";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/BentonSans-Light.eot?") format("embedded-opentype"), local('?'), url("fonts/BentonSans-Light.otf"), url("fonts/BentonSans-Light.woff"), url("fonts/BentonSans-Light.ttf") format("truetype"), url("fonts/BentonSans-Light.svg") format("svg");
}
@font-face {
    font-family: "BentonSansRegular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/BentonSans-Regular.eot?") format("embedded-opentype"), local('?'), url("fonts/BentonSans-Regular.otf"), url("fonts/BentonSans-Regular.woff"), url("fonts/BentonSans-Regular.ttf") format("truetype"), url("fonts/BentonSans-Regular.svg") format("svg");
}
@font-face {
    font-family: "BentonSansMedium";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/BentonSans-Medium.eot?") format("embedded-opentype"), local('?'), url("fonts/BentonSans-Medium.otf"), url("fonts/BentonSans-Medium.woff"), url("fonts/BentonSans-Medium.ttf") format("truetype"), url("fonts/BentonSans-Medium.svg") format("svg");
}
@font-face {
    font-family: "BentonSansBold";
    font-style: normal;
    font-weight: normal;
    src: url("BentonSans-Bold.eot?") format("embedded-opentype"), local('?'), url("fonts/BentonSans-Bold.otf"), url("fonts/BentonSans-Bold.woff"), url("fonts/BentonSans-Bold.ttf") format("truetype"), url("fonts/BentonSans-Bold.svg") format("svg");
}
@font-face {
    font-family: "BentonSansBook";
    font-style: normal;
    font-weight: normal;
    src: url("BentonSans-Book.eot?") format("embedded-opentype"), local('?'), url("fonts/BentonSans-Book.otf"), url("fonts/BentonSans-Book.woff"), url("fonts/BentonSans-Book.ttf") format("truetype"), url("fonts/BentonSans-Book.svg") format("svg");
}
::-moz-selection { 
  background: transparent;
}

::selection {
  background: transparent;
}

html{height: 100%;overflow: hidden;}
body{font-family: "BentonSansBook"; font-size:1vw; line-height: 1.42857143; color:#333;background:url(../images/background.jpg) no-repeat top center; background-size: cover; margin:0px; padding:0px; left:0px; top:0px; position: relative;height: 100%;text-align: left; overflow: hidden;}


a{text-decoration: none;}
a.sap-btns:focus, a.sap-btns:hover{color:#fff;}
a:hover{color:#0076CB;}
p{margin:0 0 1vw 0;}
.sap_69308_container{width:100%; position: relative; height: 100%;}
.sap_69308_container:before{content:" "; position: absolute; left: 0; bottom: 0; background:url(../images/bg_shadow.png) no-repeat left bottom; background-size: 100% 100%; width:100%; height:40%;} 
.sap-full-width{width:100%; clear:both; display: block;}
.restart{display:none !important; color:#fff;position: absolute;  left: 0;   bottom: -2vw; font-size:0.72vw;}

.mutesec{position:absolute; right:5%; top:5%; width:2vw; height:4vw; z-index: 111;   cursor: pointer;}
.mutesec img{width:2vw;position:absolute; left:0; top:0; }

#animation_container {width:100% !important; height: auto !important;}
#animation_container #canvas{opacity: 1 !important;}
#animation_container #canvas, #animation_container #dom_overlay_container{width:100% !important; height: auto !important;}
.sap_logo{ position: absolute;width:100%; left:0; top:3vw; z-index: 11;}
.sap_logo a{position: relative;}
.sap_logo img{width:4.8vw;}
.sap_logo .container{width:90%;}

#myvideo{position: absolute; 
  right: 0;
  top: -39vh;
    min-width: 100%;
    min-height: 117%; width:100%;}
.playnotofication{background:#000003; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1111; }
.playnotofication img{width: 100%;  margin: 0px auto;   top: 0;  left: 0%;  position: absolute;}
.playnotofication img.deskimg{width: 100%;left: 0;}
.playnotofication.playnotificationdesktop {background:#000711 !important;}

.greenbg{ background: url(../images/greenbg.jpg) no-repeat top center;background-size: cover; color:#fff;}
.bluebg{ background: url(../images/bluebg.jpg) no-repeat top center;background-size: cover; color:#fff;}
.purplebg{ background: url(../images/purplebg.jpg) no-repeat top center;background-size: cover; color:#fff;}
.orangebg{ background: url(../images/orangebg.jpg) no-repeat top center;background-size: cover; color:#fff;}

.resultsocial img.cplogo{width:8vw; margin:-36px 4px -16px 0;}
.tabs{width:100%; height:100%; position: relative;padding:8vw 0 0 0;}
#home.tabs{ }
.container{ position:relative;}
.tabs .container .row{min-height: 28vw;}
.bottom-content .container .row{min-height: auto;}
.bottom-content{position:absolute; bottom:54px; width:100%;}
input, input:focus, a img, a{ outline: 0;}
.footer-container .container {  width: 90%;}

.options br {   display: none;}
.floatleft{float:left; }
.floatright{float:right;}

.skiptext {  padding: 0.2vw 2.2vw 0.2vw 2.2vw;  border: 0;border-radius: 1.4vw;  position: absolute;  z-index: 111;  left: 49%;  bottom: 2vw;   font-size: 1.3vw;  color: #fff;   background: #0076CB;}
.skiptext:hover, .skiptext:focus{border:0px;outline: 0;}

#home{  overflow: hidden;}
#play1, #question12, #question6{overflow: hidden;}
.white_bg{background: #fff url(../images/bg_ellipse.png) no-repeat center right; background-size: 50%;}
.ellipse_bg {position: absolute; width:100%; height:100%; top:0; left:0;}
.ellpise_green{background:url(../images/bg_ellipse_green.png) no-repeat center right; background-size: 58% 100%;}
.ellpise_blue{background:url(../images/bg_ellipse_blue.png) no-repeat center right; background-size: 58% 100%;}
.ellpise_purple{background:url(../images/bg_ellipse_purple.png) no-repeat center right; background-size: 58% 100%;}
.ellpise_orange{background:url(../images/bg_ellipse_orange.png) no-repeat center right; background-size: 58% 100%;}

.result_bg{/*background: url(../images/bg_ellipse3.png) no-repeat top right; background-size: auto 96%;*/ color:#fff; padding: 0;}
.result_bg .datacursh_result{padding:8vw 0 0 0;}
.quiz-result-bg{ background-size: cover; padding: 7.5vw 0 0 0;}
.quiz-result-bg .col-sm-6 a{color: #2fa0e0; text-decoration: underline;font-family: "BentonSansBold";}
.quiz-result-bg .desc1{margin-top:1vw;}
.quiz-result-bg::before{position: absolute; left: 0;top:0; width:100%; height:100%; background: rgba(255,255,255,0.8); content:" ";}
.footer-container.hidefoot {display: none;}

.reg-link{color: #FDB913; text-decoration: underline;}
.level4 .qbutton {margin: 1vw 0 0vw 0;}
.level4 .head2{font-size: 1.5vw;  line-height: 2vw;margin: -1vw 0 1.4vw 0;}
.level4 p, .level4 .desc1 {  margin: 0 0 0.5vw 0;}

.cicon{width:5.6vw; margin:0vw 0vw; display:inline-block;vertical-align: top;}
.homeicons .cicon{ margin:1.8vw 0.4vw; }
.circle_icons{background: url(../images/icon_circle.png) no-repeat top left; background-size: 5.6vw;  width: 6vw;  height: 7vw;    text-align: center;   padding: 0 0.5vw 1.2vw 0;    display: flex;    align-items: center;    justify-content: center; position: relative;}
.circle_icons.cicon1 {   margin: 6.5vw 0 0 0;}
.circle_icons.cicon1 img{width:3.2vw;margin: 0vw 0 0 0;}
.circle_icons.cicon2 img.level2img {  width: 3.3vw;  margin: 0vw 0 0 0;}
.circle_icons.cicon3 img.level3img { width: 3.5vw; margin: -1px 0 0 2px;}
.circle_icons.cicon4 img.level4img { width: 3vw; margin: -0.4vw 0 0 0.4vw;}
.circle_icons img{width:2vw;margin: -0.5vw 0 0 0; }
.circle_icons.cicon1  img.icon_score, .circle_icons.cicon2 img.icon_score, .circle_icons.cicon3 img.icon_score, .circle_icons.cicon4 img.icon_score {  position: absolute; width: 1.7vw; right: 0.5vw;  bottom: 1.4vw;}
.gcircle{background: url(../images/icon_circle_g.png) no-repeat top left; background-size: 5.6vw;}
.bcircle{background: url(../images/icon_circle_b.png) no-repeat top left; background-size: 5.6vw;}
.pcircle{background: url(../images/icon_circle_p.png) no-repeat top left; background-size: 5.6vw;}
.ocircle{background: url(../images/icon_circle_o.png) no-repeat top left; background-size: 5.6vw;}

.iconani .circle_icons, .icon_whitebg{animation: grow 1s ease-out backwards;}
.iconani .icon_score{animation: turn 1.1s .2s ease-out backwards;}
.iconlogoani{animation: turn 1.1s 5s ease-out backwards;}
#question0 .datalakelogo .iconlogoani{animation: turn 1.1s 12.5s ease-out backwards;}
#question0 .datalakelogo.greenani .iconlogoani{animation: turn 1.1s 4s ease-out backwards;}

.resulttext1 .crushdataani{width: 33vw;  height:26vw; position: relative;margin:-4vw 2vw 0 4vw; transform: scale(1.1);}
.resulttext1 .crushdataani img{position: absolute; left: 0; top:0; }
.level1_answer.nobg:before, .level1_answer.nobg:after{display:none;}
.resulttext1 img { width: 29vw;  margin: 0 0 ;}
.crushdata_right{ margin:4vw 5vw 0 0vw;font-size: 1.5vw; line-height: 2.3vw;  width: 27vw;border: 4px solid #44A13E;  border-radius: 18px; padding: 1.5vw 4.5vw 1.5vw 1.5vw;}
.crushdata_right.b_bdr{border: 4px solid #0FAAFF;}
.crushdata_right.p_bdr{border: 4px solid #760A85;}
.crushdata_right.o_bdr{border: 4px solid #E35500;}
.crushdata_right .head3 {  font-size: 1.5vw; line-height: 1.7vw; margin:0 0 0.8vw 0;}

.white-btn{background: #fff;color: #000;}
.head1 {  font-family: "BentonSansBold"; font-size: 1.7vw;  line-height: 2vw; margin:0 0 0.3vw 0;}
.head3 {  font-family: "BentonSansBold"; font-size: 1.2vw; line-height: 1.5vw; margin:0 0 0.2vw 0; text-transform: uppercase;}
.head4{font-family: "BentonSansBook"; font-size: 2.3vw; line-height:2.8vw; }
.fontmedium, .quiz-result-bg span, .quiz-result-bg strong{font-family: "BentonSansMedium";font-weight: normal; }
.desc1 {font-family: "BentonSansLight";font-size: 1vw; margin: 0 0 0.5vw 0;line-height: 1.4vw;}
.score_sec{width:8vw; text-align: center; float:right;margin: -6px 0 8px 0;}
.col-sm-12.scoresec{width:834px;}
.score_value{background: #fff; color: #003283; padding: 0.4vw 0vw; border-radius: 1.6vw; font-family: "BentonSansBold"; font-size: 1.3vw; line-height:1.6vw; margin: -0.3vw 0 0.3vw 0;}
.bottom-content {font-size: 0.75vw;}
.head2{font-family: "BentonSansMedium"; font-size: 2.24vw; line-height: 2.9vw; margin: 0 0 1.4vw 0;}
.align-center{ text-align: center;}
.all_caps{ text-transform:uppercase;}
.font1{font-size:1.3vw;font-family: "BentonSansBook";margin: 0 0 0.8vw 0; width:84%;}
.font2{font-size:1.5vw; line-height: 1.8vw; font-family: "BentonSansLight";}
.head5 strong{font-family: "BentonSansRegular";}
.head5{font-size:1.6vw;font-family: "BentonSansBook";}
.quiz-options, .bar-result{font-size:1vw; margin: 2.3vw 0 0 0;clear: both;  display: block;  width: 100%;  float: left; }
.options{width:100%; margin: 0 0 10px 0;}
.options input{ margin: 0 6px 0 0;}
.no-left-padding, .nopadd_left{ padding-left: 0px;}
.no-padding{padding:0;}
.nopadd_right{ padding-right: 0px;}
.boldtext{font-family: "BentonSansBold";}
.image_fullwidth{width:83%;}

.right_section{ position:absolute;  right: 0; bottom: 17px; width: 31vw;}
.pos_absolute{ position: absolute; left:0; top:0;}

.spaghetti_architecture_section{width:70vw; height: 25.476vw; position: relative;margin:1vw auto 0;}
.sa_width{width:70vw;}
.sa_height{height: 25.476vw;}
.palb{position: absolute;left: 0;bottom: 0;}
.palt{position: absolute;left: 0;top: 0;}
.part{position: absolute;right: 0;top: 0;left: auto !important;}
.parb, .widthani.parb{position: absolute;right: 0;bottom: 0; top:auto; left:auto;}

.font4{font-family: "BentonSansBook"; font-weight: normal;}
.level1_answer .resulttext1 a {  font-family: "BentonSansMedium"; text-decoration: underline; color:#00CEFF; font-weight: normal;}

.sap-btns {border-radius: 1.9vw; font-size: 1.2vw; display: inline-block; font-family: "BentonSansMedium"; font-weight: normal; border: 1px solid #fff;   padding: 0.7vw 2.8vw; margin: 1.2vw 0.8vw 0 0;  background: #FDB913; color:#000; text-transform: uppercase;}
.blue-btn{ background: #00CEFF;}
.green-btn{ background: #71BF43; border:0px; color:#fff;box-shadow: 3px 4px 0px #44A13E;}
.blue-btn1{ background: #0076CB; border:0px; color:#fff;box-shadow: 3px 4px 0px #0E3D90;}
.purple-btn{ background: #760A85; border:0px; color:#fff;box-shadow: 3px 4px 0px #3C1464;}
.orange-btn1{ background: #F0AB00; border:0px; color:#fff;box-shadow: 3px 4px 0px #FFC127;}
.level1_answer .blue-btn{ background: #00CEFF;}
.level1_answer .orange-btn, .singlebtn .orange-btn, #home .orange-btn, #question12 .orange-btn, #question12 .orange-btn{ }
.level1_answer .blue-btn:hover{  }
.level1_answer .orange-btn:hover, .singlebtn .orange-btn:hover, #home .orange-btn:hover, #question12 .orange-btn:hover, #question12 .orange-btn:hover{ }
.orange-btn.sap-btns:hover{background: #00CEFF;}
.sap-btns:hover{background: #0076CB; color:#fff;}
.blue-btn.sap-btns:hover{ background: #FDB913; }

.level1_answer { border-radius: 14px; position: relative; margin: 4.3vh 0 0 1vh; height: 74vh;}
.level1_answer:before {  content: " "; background: url(../images/image016.png) no-repeat bottom left; background-size: 44vh; position: absolute; left: -1.1vh; z-index: 1; bottom: -2vh;  width: 44vh;   height: 90vh;}
.align1 { padding: 13vh 0vh 0 45.5vh;}
.level1_answer .font2{font-size:2.9vh; line-height:4vh;}
.level1_answer .font2 a{text-decoration: underline;}
.col-sm-9 .font2 {  font-size: 2.7vh;   line-height: 3.4vh;}
.yellow_block {background: #FDB913;  position: absolute; margin: 0 0 0 10vw; z-index: 0; padding: 1.5vw 2vw 1.5vw 4vw;width: 58.45vw; float:left; left:0;bottom: 3vw;}
.green_block {background: rgba(70,152,65,0.4);  position: absolute; margin:2vh 0 0 25vh; z-index: 0; padding: 1.5vh 18vh 3.5vh 21vh;width: 98.5%; float:left; left:0;top: 36.4vh;}
.blue_block {background: rgba(0,118,203,0.6);  position: absolute; margin:2vh 0 0 20.2vh; z-index: 0; padding: 1.5vh 21vh 3.5vh 25.2vh;width: 101.5%; float:left; left:0;top: 36.4vh;}
.purple_block {background: rgba(118,10,133,0.6);  position: absolute; margin:2vh 0 0 25vh; z-index: 0; padding: 1.5vh 21vh 3.5vh 20.5vh;width: 98.5%; float:left; left:0;top: 37vh;}
.orange_block {background: rgba(167,52,1,0.6);  position: absolute; margin:2vh 0 0 27.5vh; z-index: 0; padding: 1.5vh 25vh 3.5vh 19.6vh;width: 96.5%; float:left; left:0;top: 36.4vh;}
.level1_answer.before2:before {  background: url(../images/image017.png) no-repeat bottom left; background-size: 44vh;}
.level1_answer.before3:before {  background: url(../images/image038.png) no-repeat bottom left; background-size: 44vh;}
.level1_answer.before4:before {  background: url(../images/image039.png) no-repeat bottom left; background-size:52vh; width:52vh;bottom: -1vh; left: -3.1vh;}
#question9 .yellow_block .col-sm-9 {  width: 81%;}
.btn_sec {  text-align: left;position: absolute;  width: 50%;  top: 61.5vh; left: 46.2vh;}
.level1_answer .font3 {  font-size: 3.5vh; margin:0 0 0.2vw 0;}
b, strong {font-family: "BentonSansBold";}
.qicon{width:14vh; height:14vh; border-radius: 50%; }
.green_block .qicon{background:#002200; }
.blue_block .qicon{background:#001935; }
.purple_block .qicon{background:#1b0b31; }
.orange_block .qicon{background:#522816; }
.qicon img{width:14vh;}
.level1_answer .col-sm-2{width:18vh;position: absolute;   left: 4.8vh;  top: 2.5vh;}
.level1_answer .col-sm-9{width:100%;}
.level1_answer.nobg { margin: -4vw 0 0vw 0;}
.level1_answer.nobg .btn_sec {  text-align: center;width: 96%;  top: 65.5vh; left: 0;}

.qbutton .pos_relative{position: relative !important;display: block !important;  left: auto !important;  top: auto !important; background: transparent !important;}
.container.valignheight100{height:89%;}
.valignheight100, .carousel-inner .item{height:97%;}
.valignwidth100{width:100%;text-align: left;}
.congrats_content .valignwidth100{text-align: center;}
.valign_middle {  display: flex; width: 100%; align-items: center; align-content: center; height: 100%;}

.margin1{margin:1vw 0 0 0;}
.margin2{margin:2vw 0 0 0;}

.dc2{position: absolute; left:0vw; top:14.1vw;text-align: center;  width: 100%;}
.dc2 img{width:6vw;}
.datalakelogo{width:28vw; height:28vw;margin: 20px auto -22px;position: relative;transform: scale(1.1);}
.datalakelogo #logo { width: 28vw;height: 28vw;margin: -19vw 0 0 -15vw;-webkit-animation: logo 5000ms forwards 3s;
  -moz-animation: logo 5000ms forwards 3s;
  -ms-animation: logo 5000ms forwards 3s;
  animation: logo 5000ms forwards 3s;}
.datalakelogo #logo #green-circle-1{  width: 23vw;  height: 23vw; margin: 2.5vw 0 0 2.5vw;-webkit-animation: greenCircleOne 5000ms forwards 3s;
  -moz-animation: greenCircleOne 5000ms forwards 3s;
  -ms-animation: greenCircleOne 5000ms forwards 3s;
  animation: greenCircleOne 5000ms forwards 3s;}
.datalakelogo #logo #green-circle-1 #green-circle-2{  width: 23vw;height: 23vw; -webkit-animation: whiteCircleOne 5000ms forwards 3s;
  -moz-animation: whiteCircleOne 5000ms forwards 3s;
  -ms-animation: whiteCircleOne 5000ms forwards 3s;
  animation: whiteCircleOne 5000ms forwards 3s;}
  #question0 .datalakelogo #logo { width: 28vw;height: 28vw;margin: -19vw 0 0 -15vw;-webkit-animation: logo 5000ms forwards 10s;
  -moz-animation: logo 5000ms forwards 10s;
  -ms-animation: logo 5000ms forwards 10s;
  animation: logo 5000ms forwards 10s;}
#question0 .datalakelogo #logo #green-circle-1{  width: 23vw;  height: 23vw; margin: 2.5vw 0 0 2.5vw;
-webkit-animation: greenCircleOne 5000ms forwards 10s;
  -moz-animation: greenCircleOne 5000ms forwards 10s;
  -ms-animation: greenCircleOne 5000ms forwards 10s;
  animation: greenCircleOne 5000ms forwards 10s;}
#question0 .datalakelogo #logo #green-circle-1 #green-circle-2{  width: 23vw;height: 23vw; -webkit-animation: whiteCircleOne 5000ms forwards 10s;
  -moz-animation: whiteCircleOne 5000ms forwards 10s;
  -ms-animation: whiteCircleOne 5000ms forwards 10s;
  animation: whiteCircleOne 5000ms forwards 10s;}
.datalakelogo .datacrushnum{ width: 23vw; }
.datalakelogo .logo5 {   position: absolute;  left: -5.7vw; top: -0.2vw;  width: 34vw;}
.datalakelogo .logo5a {   position: absolute;  left: -7.5vw; top: -1.4vw; width: 38vw;}
.datalakelogo .logo1 {  position: absolute; left: -5vw;  top: 0.1vw;  width: 33vw;}
.datalakelogo .logo1a {  position: absolute; left: -8.1vw; top: -2.2vw; width: 39vw;}
.datalakelogo .logoribbon {  position: absolute; left: -6vw;  top: 0vw;  width:33.8vw;}
.datalakelogo .logo3 {  position: absolute;     z-index: -1;  top: -5.8vw; left: -7.6vw;  width: 38vw;}
.datalakelogo  .logo4 {  position: absolute;  left: 8.4vw;  bottom: -3.5vw;  width: 7vw;}
.datacrush{width:250px;margin: 30px 0 30px 0; position: relative;}
.datacrushlogo{width:28vw; height:28vw;margin: -5px auto 0; position: relative;transform: scale(1.1);}
.datacrushlogo #logo{margin: -17vw 0 0 -14vw;}
#logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28vw;
  height: 28vw;
  margin: -15vw 0 0 -13vw;
  border-radius: 50%;
  background: url(../images/datacrush_bg.png) no-repeat top center;
	background-size: 28vw;  
}
.datalakelogo #logo{background: url(../images/datacrush_bg1.png) no-repeat top center;
	background-size: 28vw;}
body.loaded #home #logo,  #question0 .datalakelogo.greenani #logo{
	-webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: logo 5000ms forwards;
  -moz-animation: logo 5000ms forwards;
  -ms-animation: logo 5000ms forwards;
  animation: logo 5000ms forwards;
}
body.loaded #home #logo #green-circle-1, #question0 .datalakelogo.greenani #logo #green-circle-1{
	-webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: greenCircleOne 5000ms forwards;
  -moz-animation: greenCircleOne 5000ms forwards;
  -ms-animation: greenCircleOne 5000ms forwards;
  animation: greenCircleOne 5000ms forwards;}
body.loaded #home #logo #green-circle-1 #green-circle-2, #question0 .datalakelogo.greenani #logo #green-circle-1 #green-circle-2{
	-webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: whiteCircleOne 5000ms forwards;
  -moz-animation: whiteCircleOne 5000ms forwards;
  -ms-animation: whiteCircleOne 5000ms forwards;
  animation: whiteCircleOne 5000ms forwards;
}

#logo #green-circle-1 {
  position: absolute;
  width: 23vw;
  height: 23vw;
  margin: 2.5vw 0 0 2.5vw;
  border-radius: 50%;
  background-color: #000;
  
}
#logo #green-circle-1 #green-circle-2 {
  position: absolute;
  width: 23vw;
  height: 23vw;
  margin: 0px 0 0 0px;
  border-radius: 50%;
  background-color: #000;  
  
}
.datacrushnum{position: absolute; left: 0px; top: 0px;  width: 23vw;}
.logo1{position: absolute; left: -0.3vw;  top: 5.5vw;   width: 23.4vw;}
.logo2{position: absolute; left: -0.9vw;  top: 5.5vw;  width: 24.8vw;}
.datacrush1 {  width: 400px;margin: -5px -33px -13px -39px;}
.btn_home {  position: absolute; bottom: 3.2vw;  left: 5.8vw; padding: 0.8vw 1.6vw;background: url(../images/button_bg.png) no-repeat top left; background-size: 100% 100%; border:0px; color:#fff;}

.startlevels{position: absolute; left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 11;color: #000;background: rgba(0,0,0,0.6);}
.start_level {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 11;color: #000;}
.congrats_sec {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;     
    align-content: center;
	}
.congrats_content{position: relative;     margin: -4vw 1% 0; border-radius: 50%;  padding: 5.2vw 2vw;  }
.thanksplay{width: 25vw; height: 25vw;border-radius: 50%;background: #fff;  border: 4px solid #E35500; }
.emailblock{width: 30vw; height: 30vw;border-radius: 50%;background: #000;  border: 4px solid #ffffff;  }
.ptext1{color:#fff; }
.congrats_sec img {   width: 20vw;margin: 0 auto;}
.cong_animaation{position: relative;  width: 29vw; height: 29vw; background: #000; border: 0.5vw solid #0FAAFF; border-radius: 50%; padding: 3vw 0 0 0; margin: 0 auto;}
.cong_animaation.c_purple{border: 0.5vw solid #960a81;}
.cong_animaation.c_orange{border: 0.5vw solid #E35500;}
.font5 { color: #fff;font-family: "BentonSansRegular";  font-size: 2vw;  line-height: 2.5vw;margin: 2vw 0 0 0;}
.font6{font-family: "BentonSansBold";  font-size: 2.2vw;  line-height: 2.5vw; text-transform: uppercase;}
.resulttext7{text-transform: uppercase; font-size: 1vw; line-height: 1.4vw; margin:1.5vw 0;}
.resultsocial{font-size: 14px;line-height: 30px;margin: 0 0 0px 0;}
.resultsocial img{vertical-align: middle;  width: 32px;  margin: 0 4px 0 0;}
.resultsocialicons li { list-style: none; display: inline-block; font-size: 14px; line-height: 26px; background: #0076CB; width: 26px; height: 26px; border-radius: 50%;}
.resultsocialicons li a{color:#fff;}
.resultsocialicons ul{padding:0; margin: 0;}

.result_sec {  position: relative;margin: 81% 0 0 0;}
.resultimg { position: absolute; left: 0; top:0;  margin: 0px;  text-align: center;}
.resultimg img {      width: 100%; margin: 0 0 0 0;}
.result_category {  text-align: center;  color: #000;  width: 53%;  margin: 14px auto 48px; font-weight: normal;}
.resulttext2 {  text-transform: uppercase;  font-size: 12px;   margin: 0 0 4px -4px; font-weight: normal;}
.resulttext3 {  font-family: "BentonSansBold";  text-transform: none;  font-size: 1.9vw;  margin: 0 0 0 0;  line-height: 2.3vw; font-weight: normal;}
.resulttext4 {  text-align: left;  font-family: "BentonSansBook";  font-size: 1.4vw;  line-height: 2vw;margin: 2.5vw 0; font-weight: normal;}
.resulttext5 {  text-align: left; font-family: "BentonSansBook";  font-size: 1.3vw;  line-height: 1.9vw; margin: 0.5vw 0 0 0; font-weight: normal;}
.resulttext6 {font-family: "BentonSansBold";  text-transform: uppercase;  font-size: 22px;   margin: 0 0 0 -4px;	line-height: 28px; font-weight: normal;}
.resulttext8{font-family: "BentonSansBold"; font-size: 1.7vw;  margin: 2vw 0 2vw -4px;  line-height: 2vw; font-weight: normal; color:#fff;}
.resulttext9{margin: 5vw 0 0 0;}
.resulttext5 a{font-family: "BentonSansMedium"; color:#fff; text-decoration: underline; font-weight: normal;}

.result_img_sec{position: absolute; width: 47vw; height: 43vw; right: 0; bottom: 0; z-index: 111;}
.result_img{position: absolute; width: 40vh;right: 15.5vh;   bottom: 20.3vh; z-index: 1;}
.result_bgimg{position: absolute; width:105vh;  right: 0;   bottom: 2vw; z-index: 0;}
.result_text{position: absolute; width: 65vh;  right: 12vh;  bottom: 20vh; z-index: 1;}
.align-left{ text-align:left;}
.datacursh_result{position: relative;  width: 100%; height: 100%;}

#result_championdatacrusher .result_text, #result_expertdatacrusher .result_text{    width: 74vh;   right: 7vh;}
/*#result_expertdatacrusher .result_text {width: 74vh; right: 6vh; bottom: 11.3vh;   z-index: 1;}
#result_expertdatacrusher .result_img { width: 57vh; right: 11vh; bottom: 14.5vh; z-index: 1;}
#result_championdatacrusher .result_text { width: 71vh; right: 6vh; bottom: 11.4vh; z-index: 1;}
#result_championdatacrusher .result_img { width: 82vh;  right: 1vh; bottom: 12.5vh; z-index: 1;}*/

.result_imgsec {position: absolute; width: 40vh; height: 100%; right: 15.5vh;   bottom: 20vh; z-index: 1;}
.result_imgsec .result_img{position: absolute; width: 57vh;right:2vh;   bottom: 22vh; z-index: 1;}
.result_img.handimg1{width: 25vh; right: 2.8vh;  bottom: 41.8vh;}
.result_img.handimg2 {  width: 25vh; right: 34.3vh; bottom: 41.8vh;}
.result_img.cupimg {   width: 19vh;   right: 21.5vh;  bottom: 52vh;}

.result_imgsec1{position: absolute; width: 21vh; height: 58%; right: 50.2vh; bottom: 41.5vh; z-index: 1;}
#result_expertdatacrusher .result_imgsec1 .result_img{position: absolute; width: 22vh;right:0;   bottom: 0; z-index: 1;}
#result_expertdatacrusher .result_img.handimg2{width: 35vh; right: -10vh; bottom: 16.2vh;}
#result_expertdatacrusher .result_img.handimg3{width: 35vh; right: -2vh;  bottom: 15.3vh;}
#result_expertdatacrusher .result_imgsec1a .result_img_ed{position: absolute; width: 22vh;bottom: 2.5vh; right: 0.3vh; z-index: 1;}
.result_imgsec1a{position: absolute; width: 21vh; height: 58%; right: 14.5vh; bottom: 41.5vh; z-index: 1;}

#result_championdatacrusher .result_imgsec2a{position: absolute; width: 21vh; height: 58%; right: 55.2vh; bottom: 44.5vh; z-index: 1;}
#result_championdatacrusher .result_imgsec2a .result_img{position: absolute; width: 21vh;right:0;   bottom: 0; z-index: 1;}
#result_championdatacrusher .result_img.handimg2{width: 53vh; right: -18.6vh;  bottom: 1.7vh;}
#result_championdatacrusher .result_img.handimg3{width: 35vh; right: -3vh;  bottom: 10.7vh;}
.result_imgsec2{position: absolute; width: 82vh;height: 100%;  right: -8vh; bottom:28.5vh; z-index: 1;}
#result_championdatacrusher .result_imgsec2 .result_img { width: 68vh;  right: 0; bottom: 0; z-index: 1;}
#result_championdatacrusher .result_imgsec2 .result_img.kickhand{right: -17vh; transform: rotate(0deg);} 

.gamesec{width: 845px; height: 430px;overflow: hidden; background: url(../images/game_board_bg.png) no-repeat top left; background-size: 834px 425px; }
.game_section{width: 845px; height: 430px;overflow: hidden;position: relative;}
.level2crush{position: absolute; left: 0; top:0;}
.level3crush{position: absolute; left: 0; top:0;}

.exlpodsec {
  width: 1000px;
  height: 625px;
  display: block;
  position: relative;
}

.flask {
  width: 125px;
  height: 275px;
  display: block;
  position: absolute;
  bottom: 00px;
  left: 0%;
  margin-left: 120px;
  background: red;
}
.flask .inner-flask {
  position: relative;
  width: 100%;
  height: 135px;
  margin-top: 140px;
  display: block;
  background: blue;
}
.flask .inner-flask .bubble {
  width: 10px;
  height: 10px;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 50%;
	text-align: center;  color:#000;
}
.flask .inner-flask .medium, .flask .inner-flask .medium1, .flask .inner-flask .medium2, .flask .inner-flask .medium3,  .flask .inner-flask .mediumc {
  background: #fff;
  width: 15px;
  height: 15px;
}
.flask .inner-flask .large {
  background: #fff;
}
.flask .inner-flask .large1, .flask .inner-flask .large2, .flask .inner-flask .large3, .flask .inner-flask .largec  {
  background: #fff;
}
.flask.flask1 {
  position: absolute;
  top: 9%;
  right: auto;
  left: 28%;
  background: transparent;
}
.flask.flask2 {
  position: absolute;
  top: 133px;
  right:55px;
  left: auto;
  background: transparent;
}
.flask.flask3 {
  position: absolute;
  top: 175px;
  right: -35px;
  left: auto;
  background: transparent;
}
.flask.flask4 {
  position: absolute;
  top: 193px;
  right: -65px;
  left: auto;
  background: transparent;
}
.flask.flask5 {
  position: absolute;
  top: 203px;
  right: 100px;
  left: auto;
  background: transparent;
}
.flask.second .inner-flask {
  background: transparent;
}

.color-blue{color:#0FAAFF;}
.color-blue2{color:#00CEFF;}
.color-orange{color:#EB7300;}
.color-orange1{color:#E35500;}
.color-yellow {color:#FDB913;}
.color-purple {color:#960a81;}
.color-gray1{color:#AFACAC;}
.color-gray2{color:#666666;}
.color-green {color:#095205;}
.color-blue1{color:#00195A;}
.color-purple1 {color:#3C1464;}
.color-orange2{color:#713800;}
.color-white{color:#fff;}
.color-black{color:#000;}

.pb_icon_white { background: #fff; border:0.1vw solid #E1E1E1;box-shadow: 2px 1px 6px #888;}

.right_sec1{ position: relative;width: 37vw;  height: 27vw;}
.building1 {   position: absolute;    left: 8.8vw;  top: 8.65vw;  width: 20vw; height:20vw;}
.building1 img{width: 20vw; position: absolute; left:0; bottom:0;}
.dotline {
    position: absolute;
    width: 3.5vw;
    height: 0.5vw;
}
.dotline img {width: 3.5vw;}
.rs2 .dotline img {  width: 3.5vw;}
.dotline1 { left: 8.6vw;    top: 13vw;}
.dotline2 { left: 12.6vw;    top: 9.6vw;    transform: rotate(65deg);}
.dotline3 {  left: 21.1vw;  top: 9.4vw;  transform: rotate(112deg);}
.dotline4 {  left: 25.1vw;  top: 12.7vw;  transform: rotate(180deg);}
.dotline5 { left: 8vw;    top: 15vw; transform: rotate(28deg);}
.dotline6 { left: 13vw;    top: 10.6vw;    transform: rotate(58deg);}
.dotline7 {  left: 19.5vw;  top: 10.6vw;  transform: rotate(116deg);}
.dotline8 {  left: 24.2vw;  top: 14.8vw;  transform: rotate(152deg);}
.dotline9 { left: 6.7vw;  top: 11.6vw;   transform: rotate(20deg);width: 5.2vw;  height: 2.5vw;}
.dotline10 { left: 10.2vw; top: 8.7vw; transform: rotate(90deg);width: 5.2vw;  height: 2.5vw;}
.dotline11 {  left: 15.5vw; top: 9.5vw; transform: rotate(160deg); width: 5.2vw;  height: 2.5vw;}

.circlesec { position: absolute;    width: 8vw;height: 8.4vw; background: url(../images/circle_white.png) no-repeat top left; background-size: 100%;}

.circlesec img {  position: absolute;  left: 0.7vw;  top: 0.4vw;  width: 7vw;}
.rs2 .circlesec img{left: 1vw;  top: 0.8vw;  width: 6vw;}

.circlesec.circle1{left:0; top:9.1vw;}
.circlesec.circle2{left:8.5vw; top:0vw;}
.circlesec.circle3{left:21vw; top:0vw;}
.circlesec.circle4{left:28.9vw; top:9.1vw;}
.circlesec.circle5{left:0; top:8.7vw;}
.circlesec.circle6{left:8.5vw; top:1vw;}
.circlesec.circle7{left:19.5vw; top:1vw;}
.circlesec.circle8{left:27.8vw; top:8.3vw;}
.circlesec.circle9{left:-0.4vw; top:5.9vw;}
.circlesec.circle10{left: 9.8vw;  top: -0.5vw;}
.circlesec.circle11{left: 20.5vw; top: 5.7vw;}

.scaleimg1{ position: absolute;width:19vw;height: 11.5vw; top:10vw; left:8.6vw;}
.scaleimg1 img{width:19vw;}
.scaleimg1 img.wheel1 {  width: 3.8vw;  left: 5.8vw; top: 5.1vw;}
.scaleimg1 img.wheel2 {  width: 2vw;  left: 9vw;  top: 4vw;}

.right_sec3{position: relative;width: 37vw;  height: 29vw;margin: -2vw 0 0 -6vw;}
.arrowimg{position:absolute; left:0; top:4.4vw; width:21.6vw;}
.arrowimg img{width:21.6vw;}
.dashline{position:absolute; left: 11vw;  width: 14vw;  height: 3.2vw;}
.dashline img{width: 14vw;}
.dashline1{top:2.8vw;}
.dashline2{top:24vw;}
.dashline3{top: 14.1vw; left: 21.5vw; width: 3.5vw;}
.dashline3 img {  width: 3.5vw;}
.r3img{position:absolute; left: 26.5vw;  width: 8vw; height: 8vw;  border: 0.3vw solid #fff;}
.r3img img{width:7.4vw;}
.r3img1{top:-1.2vw;}
.r3img2{top:10.2vw;}
.r3img3{top:21.5vw;}

.right_sec4 {  position: relative;  width: 28vw;  height: 31.5vw;   margin: 0vw 0 0 0vw;}
.ellpise1 {
    position: absolute;
    left: 2.5vw;
    top: 0vw;
    width: 32vw;
    height: 31.1vw;
}
.ellpise1 img {
    position: absolute;
     
}
.hum1{left: 13vw; top: 15vw; width: 6vw;}
.hum2{top: 1.8vw;  left: 22vw;  width: 5.5vw;}
.hum3{left: 3.8vw; top: 1.7vw;  width: 7vw;}
.wline1{left: 6.5vw;  top: 11.6vw;  width: 7vw;}
.wline2{left: 19.2vw; top: 11.4vw;  width: 7vw;  transform: rotate(-96deg);}
.wline3{left: 9.3vw; top: 0vw;  width: 14vw; }
.wline4{width: 2.4vw; height:13.2vw; top: 9.7vw; left: 3.5vw;  position: absolute; }
.wline4 img{width: 2.4vw;}
.wline6 { width: 2.4vw; height: 13.2vw; top: 9.9vw;  left: 31.8vw;   position: absolute;   transform: rotate(188deg);}
.wline6 img {  width: 2.4vw;}
.wline5{left: 18.2vw;  top: 21.4vw; transform: rotate(-86deg); width: 2.7vw; height: 16vw; position: absolute;}
.wline5 img{width: 2.7vw;}
.r4icon1{width: 9vw;  top: 23vw;  left: 0;}
.r4icon2{width: 9vw; left: 23vw; top: 23.5vw;}
.right_sec5 {  position: relative;  width: 30vw;  height: 35vw;  margin: -5vw 0 0vw 3vw;}
.icon_center1 {  position: absolute;  left: 0;  top:3vw; width: 28vw; height: 28vw; border:0.2vw solid #fff; border-radius: 50%; display: flex;
    align-items: center;  justify-content: center;}
.icon_center1 img{width:14vw;}
.icon_circle{position: absolute;  width: 9vw;  height: 9vw;border:0.2vw solid #fff; border-radius: 50%; background: #000;display: flex;  align-items: center;  justify-content: center; }
.icon_circle img{ width:6vw; }
.w6 {width:6vw; height: 6vw;  position: relative;}
.w6 img {  position: absolute;  left: 0;  top: 0;}
.icon_circle1{left:-4vw; top:12vw;}
.icon_circle2{left:10vw; top:-1vw;}
.icon_circle3{left:23vw; top:12vw;}
.icon_circle4{left:10vw; top:26vw;}

.growimg1{animation: turn 1.1s 1s ease-out backwards;}
.growimg2{animation: turn 1.1s 1.5s ease-out backwards;}
.growimg3{animation: turn 1.1s 2.6s ease-out backwards;}

.right_sec6 {  position: relative;  width: 30vw;  height: 29vw; margin: -5vw 0 -1vw 1vw;}
.wheelimg{position: absolute;left: 13vw; top: 9vw; width: 16.5vw;}
.wimg1{width:12vw;position: absolute;  left: 0; top: 4.8vw;}
.wimg2{width:8vw;}
.hr_line{position: absolute;width: 20vw;}
.hr_line1{left: 1vw; top: 11.8vw; transform: rotate(-180deg);}
.hr_line2{left: 1vw; top: 30vw; transform: rotate(180deg);}
.hr_line3{left: 9vw;  top: 19vw; width: 3.6vw;}
.hr_line1 img, .hr_line2 img{width:12vw;}
.hr_line3 img{width:3.6vw;}
.r6img{position: absolute;}
.r6img img{width:8vw;}
.r6img1{left:0vw; top:4vw;}
.r6img2{left:0vw; top:15vw;}
.r6img3{left:0vw; top:26vw;}

.right_sec7{position: relative;  width: 30vw;  height: 32vw;  margin: -6vw 0 0vw 3vw;}
.icon_center7 {  position: absolute;  left: -0.5vw;  top:3.2vw; width: 28vw; height: 28vw;  display: flex;
    align-items: center;  justify-content: center;}
.icon_center7 img{width:21vw;}
.icon_circle7{position: absolute;  width: 9vw;  height: 9vw;display: flex;  align-items: center;  justify-content: center; }
.icon_circle7 img{ width:5.5vw; }
.icon_circle7 img.w4{ width:4.5vw; }
.icon_circle71{left:-3vw; top:4vw;}
.icon_circle72{left:21vw; top:4vw;}
.icon_circle73{left:20.6vw; top:21.8vw;}
.icon_circle74{left:-2.5vw; top:21.5vw; height: 9.5vw; width: 8.8vw;}
.icon_circle7 .wcircle{position: absolute; width: 8vw; left: 0.5vw; top: 0.8vw;}
.wcircle1{transform: rotate(80deg);}
.icon_circle7 .wcircle2{transform: rotate(190deg);left: 0.3vw;}
.icon_circle7 .wcircle3{transform: rotate(265deg); top: 0.3vw;}
.wcircle4{}

.icon_center8 {  position: absolute; left: -0.4vw; top: 3.4vw; width: 28vw; height: 28vw;  display: flex;
    align-items: center;  justify-content: center;}
.icon_center8 img{width:18vw;}

.prograss_bar1 .prograss_bar_level {  border: 0;}
.prograss_bar1 .progras_bar_icon{    width: 2vw;  height: 2vw;  top: -0.6vw;  right: -0.2vw;}
.pb_value_sec{ position: absolute; left: 0; top: 1.3vw; width: 100%;}
.pb_tooltip{position: absolute;     right: -0.8vw;   top: -4vw; width:3.4vw; height:4vw; background: url(../images/tooltip.png) no-repeat top left; background-size: 100%;  font-size: 1.05vw;  padding: 0.2vw 0.6vw;  text-align: center;font-family: "BentonSansMedium"; color:#ffffff;}
.pb_value{ position: absolute; top:1.2vw; left: 0; width: 100%; color: #999999;}
.left_value{position: absolute; left: 0; top:0;}
.right_value{position: absolute; right: 0; top:0;  }

.result_head{font-size: 1.9vw;}
.result_arrow_block{ padding: 0 0 1vw 3vw;line-height: 1.4vw;color: #707070;}
.result_orange .result_arrow_block{ background: url(../images/icon_orange.png) no-repeat 0vw 0.2vw;background-size: 2.2vw; }
.result_blue .result_arrow_block{ background: url(../images/icon_blue.png) no-repeat 0vw 0.2vw; background-size: 2.2vw;}
.result_magenta .result_arrow_block{ background: url(../images/icon_purple.png) no-repeat 0vw 0.2vw;background-size: 2.2vw; }
.result_green .result_arrow_block{ background: url(../images/icon_green.png) no-repeat 0vw 0.2vw;background-size: 2.2vw; }
.quiz-result-bg ul{padding: 0 0 0 18px;}
.resultimage{width:18vw;}
.success_animation{width:20vw; height: 20vw; position: relative;     margin: -6vw auto -4.4vw;  transform: scale(0.6); /*margin: -2vw auto;*/}
.success_animation img{position: absolute; left: 0; top:0;width:20vw;}
img.success_hand1 {  left: -4.2vw;  top: -0.4vw;}
img.success_hand2 {  left: 4.2vw;  top: -0.6vw;}
.star_rate{text-align: center; margin: 0 auto; clear: both;}
.rate {
    float: none;
    height: 5vw; width:26vw; margin:10px auto -15px;
    padding: 0 0px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:3.5vw;
	margin:0 0.8vw;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:3vw;
    color:#ccc;
	font-family: FontAwesome;
    font-weight: normal;
	    
    text-indent: -999px;
}
.bluestar .rate:not(:checked) > label{background: url(../images/star_blue.png) no-repeat top left;    background-size: 100%;}
.purplestar .rate:not(:checked) > label{background: url(../images/star_purple.png) no-repeat top left;    background-size: 100%;}
.greenstar .rate:not(:checked) > label{background: url(../images/star_green.png) no-repeat top left;    background-size: 100%;}
.rate:not(:checked) > label:before {
    content: "\f006";
}
.rate:not(:checked) label:hover:before, .rate > input:checked ~ label:before{
	content: "\f005";
}

.bluestar .rate > input:checked ~ label, .bluestar .rate:not(:checked) > label:hover,
.bluestar .rate:not(:checked) > label:hover ~ label, .bluestar .rate > input:checked + label:hover,
.bluestar .rate > input:checked + label:hover ~ label,
.bluestar .rate > input:checked ~ label:hover,
.bluestar .rate > input:checked ~ label:hover ~ label,
.bluestar .rate > label:hover ~ input:checked ~ label {
    color: #0076CB; 
	    background: url(../images/star_blue_h.png) no-repeat top left;
    background-size: 100%;
}
.purplestar .rate > input:checked ~ label, .purplestar .rate:not(:checked) > label:hover,
.purplestar .rate:not(:checked) > label:hover ~ label, .purplestar .rate > input:checked + label:hover,
.purplestar .rate > input:checked + label:hover ~ label,
.purplestar .rate > input:checked ~ label:hover,
.purplestar .rate > input:checked ~ label:hover ~ label,
.purplestar .rate > label:hover ~ input:checked ~ label {
    color: #970A82;
	background: url(../images/star_purple_h.png) no-repeat top left;
    background-size: 100%;
}
.greenstar .rate > input:checked ~ label, .greenstar .rate:not(:checked) > label:hover,
.greenstar .rate:not(:checked) > label:hover ~ label, .greenstar .rate > input:checked + label:hover,
.greenstar .rate > input:checked + label:hover ~ label,
.greenstar .rate > input:checked ~ label:hover,
.greenstar .rate > input:checked ~ label:hover ~ label,
.greenstar .rate > label:hover ~ input:checked ~ label {
    color: #4FB81C;
	background: url(../images/star_green_h.png) no-repeat top left;
    background-size: 100%;
}
.footer-container {
    position: fixed;
    text-align: left;
    background: #000;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 111;font-size: 0.8vw; color:#fff;padding: 5px 0;
}
.col-sm-4.footer_social{padding-left: 0px !important;}
.footer_social img {
    vertical-align: middle;
    width: 23px;
    margin: 0 4px 0 0;
}
.footer_links {
    text-align: right;
    padding-top: 5px; padding-right: 0;
}
.footer_links a {
    color: #fff;
    padding: 0 0 0 10px;
}
.tabs .row.footer{min-height: auto; padding-top: 10px; padding-bottom: 10px;}
.options {
  display: block;
  position: relative;
  padding: 0.5vw 0vw 0.5vw 3vw;
  margin-bottom: 0.6vw;
  font-size: 1.2vw; 
  cursor: pointer;
	border: 0px;
    border-radius: 6vw;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.options input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
 height: 1.8vw;
    width: 100%;
    left: 0.1vw;
    top: 0.3vw;
    z-index: 1;
}

/* Create a custom radio button */
.options .checkmark {
  position: absolute;
  top: 0.4vw;
  left: 0.1vw;
  height: 1.9vw;
  width: 1.9vw;
  background-color: transparent;
  border: 1px solid #71BF43;
  border-radius: 50%; font: normal normal normal 1vw/1 FontAwesome;
}
.bluebg .options .checkmark{border: 1px solid #0FAAFF;}
.purplebg .options .checkmark{border: 1px solid #760A85;}
.orangebg .options .checkmark{border: 1px solid #E35500;}
/* On mouse-over, add a grey background color */
/*.options:hover input ~ .checkmark {
  background-color: #f5f5f5;
}
.greenbg .options:hover input ~ .checkmark {
  background-color: #71BF43;
}
.bluebg .options:hover input ~ .checkmark {
  background-color: #0FAAFF;
}
.purplebg .options:hover input ~ .checkmark {
  background-color: #760A85;
}
.orangebg .options:hover input ~ .checkmark {
  background-color: #E35500;
}*/
/* When the radio button is checked, add a blue background */
.options input:checked ~ .checkmark {
  background-color: #0076CB;
}
.greenbg .options input:checked ~ .checkmark {
  background-color: #71BF43;
}
.bluebg .options input:checked ~ .checkmark {
  background-color: #0FAAFF;
}
.purplebg .options input:checked ~ .checkmark {
  background-color: #760A85;
}
.orangebg .options input:checked ~ .checkmark {
  background-color: #E35500;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.options .checkmark:after {
  content: " ";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.options input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.options .checkmark::after {
 	content: "\f00c";
    color: #000;
    top: 0.45vw;
    left: 0.4vw;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0px solid #fff;
}

.irs {
  height: 1vw;
}

.irs-with-grid {
  height: 1.8vw;
}
.irs-with-grid .irs {
  top: 0.85vw;
}

.irs-line {  
  bottom: 0;
  height: 1vw;
    background: #E1E1E1;
    border-radius: 0.6vw;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  height: 1vw;
}

.irs-bar {
  height: 1vw;
  bottom: 0;
  background: #0FAAFF;
}
span.irs-bar:before {
    content: ' ';
    position: absolute;
    right: -0.8vw;
    top: -0.6vw;
    width: 2vw;
    height: 2vw;    
    border-radius: 50%; z-index: 11;
	background: #fff;
    border: 0.1vw solid #E1E1E1;
    box-shadow: 2px 1px 6px #888;
}
.irs-max, .irs-min, .irs-to{display:none !important;}
.irs-bar-edge {
  bottom: 0;
  height: 1vw;
  width: 1.55vw;
  top: auto !important;
  background: #0FAAFF;
  border-radius: 1.55vw 0 0 1.55vw;
}

.irs-slider {
  width: 2.25vw;
  height: 4.5vw;
  top: 0vw;
  left: -1.125vw;    z-index: 111 !important;
  background-image: url("../img/slider-handle.svg");
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: none;
  border: none;
  border-radius: 0;
  cursor: pointer !important;
}

.irs-single {
  top: -4vw !important;
    width: 3.4vw;
    height: 4vw;
    background: url(../images/tooltip.png) no-repeat top left;
    background-size: 100%;
    font-size: 1.05vw;
    padding: 0.2vw 0.6vw;
    text-align: center;
    font-family: "BentonSansMedium";
    color: #ffffff;word-spacing: -2px;
}

.irs-grid {
  bottom: 1.55vw;
  height: 0.85vw;
}

.irs-grid-pol {
  height: 0.85vw;
  width: 0.15vw;
  background: #757474;
}
.irs-grid-pol.small {
  display: none;
}


.padding-left{padding-left: 70px;}
.answersec{width: 54%; margin:0 auto; text-align: left;}
.width60{width: 60%; margin:0 auto; text-align: center;}
.mobilehide{display: block;}
.mobileshow{display: none;}
.mobileshow .sa_height {
    height: 529px;
}
.mobileshow .sa_width {
    width: 576px;
}
.mobileshow.spaghetti_architecture_section {
    width: 576px;
	height: 529px;}
	
.crushboard img#crushgif {width:100%; height:auto !important;}	
.share_icon{display:block;position:absolute; right: 56%;   top: 2vw; z-index: 111;}
.shareicons img{width:2vw;margin: -3px 0 0 0;}
.shareicons{display:block; position:relative; text-align: left; margin:5vw 0 0 0; }
.shareicons input[type="checkbox"]{display:none;}

.shareicons .checkbox:checked ~ .social {
  opacity:1;
  transform:scale(1) translateY(-6.4vw);
}

.shareicons .label {
  font-size:16px;
  cursor:pointer;
  margin:0;
  padding:5px 0px;
  color:#fff; font-size: 1.1vw;position:relative; z-index:111;
}

.shareicons .social {
  transform-origin:0% 0%;
  transform:scale(0) translateY(-190px);
  opacity:0;
  transition:.5s;
}
.shareicons ul {
  position:relative;
  left:0;
  right:0;
  margin:0 0;
  color:#fff;
  height:3.4vw;
  width:13.2vw;
  background:#3B5998;
  padding:0;
  list-style:none;
}

.shareicons ul li {
  font-size:1.5vw;
  cursor:pointer;
  width:4.4vw;
  margin:0;
  padding:0.6vw 0;
  text-align:center;
  float:left;
  display:block;
  height:3.4vw;}
.shareicons ul li a, .shareicons ul li:hover a{color:#fff;}
.shareicons ul li:hover {color:#fff;}

.shareicons ul:after {
  content:'';
  display:block;
  position:absolute;
  left:0;
  right:0;
  margin:3.3vw 0;
  height:0;
  width:0;
  border-left: 1vw solid transparent;
	border-right: 1vw solid transparent;
	border-top: 1vw solid #6CDFEA;
}

.shareicons li[class*="twitter"] {background:#6CDFEA;padding:0.5vw 0;}
.shareicons li[class*="gplus"] {background:#E34429;padding:0.6vw 0;}
.shareicons li[class*="linkedin"] {background:#3B5998;padding:0.4vw 0;}

@media only screen and (min-width:200px) and (max-width: 767px){
    .restart {  bottom: -30px !important;font-size: 11.5px;}
     .playnotofication.playnotificationdesktop.mobilehide{display: none !important; }
     #myvideo{display:none !important;}
    .share_icon{display:block; position:absolute; text-align: center; right:20px; top:20px;z-index: 111;}
    .shareicons img {  width: 23px;  margin: 0 0 5px 0;}
    .shareicons { margin:10px 0 0 0; text-align: center;  }
    .shareicons .label{font-size:12px !important;}
    .gamesec{width: 364px; height: 440px;overflow: hidden; background: url(../images/game_board_bg_m.png) no-repeat top left; background-size:344px 344px; position: relative;}
.game_section{width: 347px; height: 490px;overflow: hidden;}
.level2crush{position: absolute; left: 0; top:0;}
.level3crush{position: absolute; left: 0; top:0;}
.scoresec{height:80px;position: absolute;   top: 35px;    right: 0;}
.gamesec {margin: 145px 0 0 0;}
.exlpodsec { width: 100%;height: 380px;}
	.flask.flask1 {left: 0%;top: 34%;}
	canvas#canvas{top: 0px !important; left: 0; width: 330px; height: 330px;}
	.crushboard img {  left: -232px; top: 96px;width: 850px;}
	.lds-ellipsis { width: 64px !important; height: 21px !important;}
.lds-ellipsis div { top: 16px !important;  width: 4px !important;  height: 4px !important;}
.lds-ellipsis div:nth-child(1) { left: 6px !important;}
.lds-ellipsis div:nth-child(2) { left: 12px !important;}
.lds-ellipsis div:nth-child(3) { left: 24px !important;}
.lds-ellipsis div:nth-child(4) { left: 36px !important;}
.shareicons .social {   transform-origin: 50% 0%;}
.shareicons ul {height: 34px;  width: 126px; margin: -32px auto;    left: 0;}
.shareicons ul li{width: 42px;  height: 34px;font-size: 20px;}
.shareicons .checkbox:checked ~ .label {margin: 0;}
..shareicons .label{font-size: 12px;}
.shareicons ul:after {  margin: 33px 0 0 53px;    border-left: 12px solid transparent;border-right: 12px solid transparent;   border-top: 12px solid #3B5998;}
.shareicons .checkbox:checked ~ .social {  transform: scale(1) translateY(-40px);}
.shareicons .social {  transform-origin: 50% 50%; transform: scale(0) translateY(-168px);position: absolute;width: 100%;}
}
@media only screen and (min-width:767px) and (max-width:1024px){
    .restart {  bottom: -3vw !important;font-size: 12px;}
    .tabs#play1{overflow:hidden;}
    .share_icon{right:63%; }
    .shareicons ul li {  font-size: 1.5vw;}    .
    .shareicons .label{font-size: 16px;}
.shareicons img {   width: 30px;}
    .shareicons ul {    margin: -7px 0;}
    .crushboard { left: 0;  top: 0;width: 550px;  height: 430px;}
	.crushboard img {  left: -151px;  top: 28px;   width: 942px; height:auto !important;}
    .crushboard img {  left: 36px;  top: 121px;  width: 925px;}
    .scoresec{height:80px;position: absolute;   top: 88px;   right: 0;}
	#play1 .col-sm-3, #play1 .col-sm-7{width:93%;}
    #play1 .container {   width: 94%;}
    
.exlpodsec { width: 100%;height: 380px;}	
	.gamesec:before {   display:none;}
    .game_section {  width: 1245px;  height: 663px;transform: scale(1) !important;  margin: -16px 0 -70px -45px !important;}
	.gamesec {    margin: 155px 0 0px 90px;position: relative;}
.flask.flask1 {    left: 37%;top: 52%;}
	.options {
    width: 70%;
		margin: 0 auto;}
.sap_logo img {  width: 65px;}
	.col-sm-4.footer_social{padding-left:0px !important;}
	#home .col-sm-8, .quiz-result-bg .col-sm-8{width:100%;}
	.datacrushlogo {   margin: -45px auto 65px !important;transform: scale(1.6);}
	#home .font2, #question6 .font2, #question12 .font2 {
    font-size: 19px;
    line-height: 23px;
}
.btn_home {   bottom: -80px;  transform: scale(0.7);   left:-19px; }
.homeicons {
    margin: 87px 0 0 0px !important;
}
	.playnotofication img {
    width: auto !important;
    height: 100%;
    bottom: auto;
    left: 32% !important;
}

.col-sm-7{width:100%;}
#logo{transform: scale(0);}
.col-sm-7 .col-sm-5{width:54%;}
.resultimg img {
    width: 78%;}
   
    #result_championdatacrusher .result_category {
    margin: 56% auto 142px;
}
.datacursh_result .col-sm-5 {
    width: 100%;
}
#result_datacrusher .resultimg img {width: 73%;}
.popup-container {  width: 72% !important;}
.popupform input.orange-btn{left:34% !important;}
.result_category {    margin: 58% auto 125px;}
    .resultimg{    top: -130px;}
.mobilecenter, .buttons2{text-align:center;}
	.desc1 {    font-size: 14px;    margin: 0 0 35px 0;}
	.head1 {  font-size: 30px; width: 51%;}
	.bottom-content {  font-size: 10px;}	
	.tabs {   padding: 110px 0 0 0;}
	
	.head2 { font-size: 19px;  line-height: 28px;  margin: 0 0 30px 0;}
.yellow_block .col-sm-2 {margin: 2px 0 3px 0;}	
	.result_category { text-align: center;  color: #000;  width: 53%;  margin: 77% auto 48px;}
	#result_championdatacrusher .result_category {   margin: 78% auto 50px;}
}
@media only screen and (width:1024px) and (height:768px){
    html{background:#000;height:100%; width:100%; position: fixed; overflow: hidden;}
    html, body, .tabs{overflow:hidden; }
 .result_imgsec {right: -2vw !important;bottom: 5.2vw !important;   transform: scale(0.6) !important;}
.result_imgsec1 {  right: -12vw !important;bottom: 1.2vw !important;   transform: scale(0.6) !important;}
.result_imgsec2 {  right: -21vw !important;bottom: -0.1vw !important;   transform: scale(0.55) !important;}   
#myvideo {  right: -90px;  top: -90px;  min-width: 117%;  min-height: 100%;}
}
@media only screen and (width:1366px) and (height:1024px){
    #myvideo {  right: -119px;  top: -310px;  min-width: 117%; min-height: 100%;}
    .share_icon{right: 49%; }
    .shareicons ul li {  font-size: 1.5vw;}
    .shareicons .label{font-size: 16px;}
.shareicons img {   width: 30px;}
    .shareicons ul {    margin: -5px 0;}
    .datacrushlogo {margin: 168px auto 0;    width: 25vw;}
    html{background:#000;height:100%;width:100%; position: fixed; overflow: hidden;}
    html, body, .tabs{overflow:hidden; }
    .result_bgimg {  right: -170px;}
    #play1 .mobilehide, #question18 .mobilehide{display: block;}
 #play1 .mobileshow, #question18 .mobileshow{display: none;}
 
	.mobilehide{display: none;}
.mobileshow{display: block;}
	.buttonmargin {   margin: -30px 0 0 0;}
	.floatright, .floatleft{float:left; width:100%;}
	.sap_logo img {  width: 65px;}
	.sap_logo .container {    width: 94%;}
	.exlpodsec { width: 100%;height: 380px;}
	.crushboard { left: 338px;  top: 116px;width: 550px;  height: 575px;}
	.crushboard img {  left: -151px;  top: 28px;   width: 942px; height:auto !important;}
	.tabs#play1 {  padding: 0;  position: absolute;}
    .scoresec{height:80px;position: absolute;   top: 127px;  right: -45px;}

    #play1 .container {   width: 94%;}
    .gamesec:before {   display:none;}
    .game_section {  width: 1245px;  height: 663px;}
	.gamesec {    margin: 235px 0 0px 235px;position: relative;}
	.playnotofication img{width:100% !important; height:auto; left:0% !important;}
.flask.flask1 {    left: 37%;top: 52%;}
  	.homeicons {
    margin: 188px 0 0 6px;
}
	.cicon {
    width: 82px;
		margin: 18px 10px;}
	.circle_icons {   background-size: 80px;
    width: 86px;
    height: 90px;
    text-align: center;
		padding: 0 4px 14px 0;}
	.circle_icons img {
    width: 30px;
    margin: -5px 0 0 0;
}
	.circle_icons.cicon1 img{width: 30px;    margin: 0vw 0 0 0;}
	.circle_icons.cicon2 img.level2img {  width: 60px;  margin: 3px 0 0 0;}
	.circle_icons.cicon3 img.level3img {  width: 44px;  margin: 5px 0 0 -4px;}
	.floatleft {text-align: center; margin:128px 0 0 0;}
	.circle_icons.cicon1 img.icon_score, .circle_icons.cicon2 img.icon_score, .circle_icons.cicon3 img.icon_score, .circle_icons.cicon4 img.icon_score  {
    position: absolute;
    width: 31px;
    right: 2px;
    bottom: 7px;
}
.circle_icons.cicon1 {  margin: 0 0 0 0;}
	.font1 {
    font-size: 18px;
    font-family: "BentonSansBook";
    margin: 10px 0 20px 0;
    text-align: center; width:100%;
}
	.font1 br{display:none;}
	.white_bg{background: #fff;}
.icon_whitebg{ background: url(../images/icon_whitebg.png) no-repeat top left; background-size: 100%;  margin: -20px auto 0;  text-align: center; width: 180px;  height: 180px;}
.icon_whitebg img{width:84px; }
.icon_whitebg img.imgwidth1{width: 107px; }
.cir_centerimg{display: flex;    align-items: center;    justify-content: center; width:180px; height: 95%;}
.col-sm-7{width:100%;}
#logo{transform: scale(0);}
.col-sm-7 .col-sm-5{width:54%;}
.resultimg img {
    width: 78%;}
    #result_championdatacrusher .result_category {
    margin: 56% auto 142px;
}
.datacursh_result .col-sm-5 {
    width: 100%;
}
.options {   width: 70%;margin: 0 auto 15px;}
.mobilecenter, .buttons2{text-align:center;}
#question9 .level1_answer { min-height: 350px;}
	.level1_answer, .start_level  {    
-webkit-animation:scaleinpopup  ease 0.5s;
-moz-animation:scaleinpopup  ease 0.5s;
animation:scaleinpopup  ease 0.5s;}

	.level1_answer{min-height:450px; height: auto !important;margin: 104px 0 40px 0;}
	.level1_answer:before{display:none;}
	.level1_answer .font2 {
    font-size: 21px;
    line-height: 27px;
    padding: 30px 20px 20px 50px;
    text-align: center;
}
.level1_answer .font2.align1{height: 245px;   align-items: center; display:flex;}
	.yellow_block {
    background: #FDB913;
    position: relative;
    margin: 10px 0 42px 0;
    z-index: 0;
    padding: 24px 46px;
    width: 100%;
}
.yellow_block img {  width: 90px !important;}
	.yellow_block .col-sm-2 {width:114px !important; float:left;margin: 0 0 0 0;}
	.yellow_block .col-sm-9 {width:80% !important; float:left; margin: 0 -68px 0 0;}
	.yellow_block .font3 {
    font-size: 20px;
		line-height: 25px;}
	.yellow_block .font2 {
    font-size: 20px;
		line-height: 25px; text-align:left; margin: 0; padding: 0;}
	.level1_answer .btn_sec a {
    color: #fff;
    font-family: "BentonSansMedium";
    font-size: 18px; margin: 0 0 16px 0;
}
	.level1_answer .btn_sec{bottom: -58px;}
	.resulttext1 img {
    width: 142px;
    margin: 0 0 20px 0; 
}
.crushdata_right {  font-size: 18px;  width: 100%; margin:28px 0 0 0;}
	.crushdata_right .head3 {  font-size: 18px;line-height: 22px;}
	.resulttext1.valign_middle{display:block !important; text-align: center;}
	.resulttext1 .crushdataani {
    width: 117px;
    height: 142px;
    position: relative;
    margin: 0 auto 16px;
}
	.resulttext1 {
    font-size: 21px;
    line-height: 27px;
    padding: 40px 20px 27px 20px;
    text-align: center;
}
	.resulttext1 .font3 {
    font-size: 17px;
		line-height: 21px;}
	.resulttext1 .font4 {
    font-size: 17px;
		line-height: 21px;}
	.btn_sec.singlebtn {
    bottom: -31px;
	}
	.resulttext1 .head3 {  width:100%;margin: 8px 0 10px 0;}
	img.handani1{left: -55px !important;   top: -2px !important;}
	.congrats_content {
    position: relative;
    width: 85%;
    margin: -45px auto 0;
    border-radius: 14px;
    padding: 35px 20px;
}
	.congrats_sec img {width: 220px;}
	.mcong_ani{position: relative; margin:0 auto; width:220px;}
	.font5 {
    color: #000;
    font-family: "BentonSansMedium";
    font-size: 27px;
    line-height: 33px;
		margin: 25px 0 0 0;}
	.resultsocial img {
    vertical-align: middle;
    width: 32px;
    margin: 0 4px 0 0;
}
	.congrats_content .font6 {
    font-family: "BentonSansBold";
    font-size: 31px;
    line-height: 39px;}
	.congrats_content .resulttext7 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 27px;
    margin: 44px 0;
}
	.result_bg{background:  transparent;}

	.resulttext2 {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 4px -4px;
}
.resulttext3 {
    font-family: "BentonSansBold";
    text-transform: uppercase;
    font-size: 29px;
    margin: 0 0 0 -4px;
    line-height: 32px;
}
.resulttext4 {
    text-align: center;
    font-family: "BentonSansMedium";
    font-size: 14px;
    line-height: 21px;
}
	.resulttext4 {
    text-align: center;
    font-family: "BentonSansMedium";
    font-size: 14px;
		line-height: 21px;}
	.resulttext5 {
    text-align: center;    
    font-size: 13px;
    line-height: 19px;
    margin: 22px 0 0 0;
}
	.resulttext5 a{font-family: "BentonSansMedium"; color:#fff; text-decoration: underline;}
	.resulttext8{font-family: "BentonSansBold"; font-size: 22px; margin: 3px 0 30px -4px; line-height: 26px;}
	.resultimg { position: absolute; left: 0; top:-79px;
    margin: 0px;
    text-align: center;
}
.resultimg img {
        width: 100%;
    margin: 0 0 0 0;
}
.datalakelogo { margin: 125px auto -4px;}
	#question18.result_bg:before{display:none;}
	#question18 .col-sm-5.nopadd_right{width: 35%;}
	#question18 .result_category{  text-align: left;  width: 100%;  margin: 0;}
    #question18 .resulttext4 {  text-align: left;  font-size: 20px;  line-height: 25px;}
#question18 .resulttext5 {  text-align: left;  font-size: 20px;    line-height: 25px;}
.result_imgsec {right: 10.5vh;   bottom: 18.5vh;}
.result_text {  width: 56vh; right: 4vh; bottom: 10vh;}
.result_imgsec1 {  right: 5vh;  bottom: 13vh;}
#result_expertdatacrusher .result_text { width: 63vh;   right: 3vh;  bottom: 10.3vh;}
.result_imgsec2 {  right: -4vh;  bottom: 7.5vh; transform: scale(0.85);}
#result_championdatacrusher .result_text {  width: 61vh;  right: 4vh;  bottom: 10.4vh;}
.popupform input.sinput{font-size:21px;}
.sap-btns{font-size:13px;}
}
@media only screen and (min-width:200px) and (max-width: 1024px) {	
    
    .mutesec {     right: 1%;  top: 1%; width: 20px; height: 20px;}
    .mutesec img {   width: 20px;}
	.ellipse_bg{display:none;}
    .ptext1 {  font-size: 13px !important; line-height: 18px !important;   margin: 0 0 15px 0 !important;}
    .ptext1 br{display:none !important;} 
    .popupform input.sinput {   border-radius: 18p !importantx; font-size: 13px !important;  padding: 10px 20px !important;  margin: 0 0 16px 0 !important;}
    .skiptext {  padding: 6px 34px;  border: 0;border-radius: 23px;  position: absolute;  z-index: 111;  left: 49%;  bottom: 10px;   font-size: 18px;  color: #fff;   background: #0076CB;}
    .playnotofication img{bottom:auto;top: -39px;}
    .playnotofication{ }
    
     html{background:#000;height:100%;width:100%; position: fixed; overflow: hidden;}
    html, body, .tabs{overflow:hidden; }
	.mobilehide{display: none;}
.mobileshow{display: block;}
	.buttonmargin {   margin: -30px 0 0 0;}
	.floatright, .floatleft{float:left; width:100%;}
	.sap_logo .container {
    width: 94%;
}
	.exlpodsec { width: 100%;height: 380px;}
	


body .fade0{ opacity:1 !important;
	-webkit-animation: fadein1 200ms linear 0s both !important;
    -moz-animation: fadein1 200ms linear 0s both !important;
    -o-animation: fadein1 200ms linear 0s both !important;
    -ms-animation: fadein1 200ms linear 0s both !important;
    animation: fadein1 0ms linear 0s both !important; 
}
.crushlogoanimation img {  width: 322px !important;}
.crushlogoanimation{width: 322px !important; height: 200px !important;  left: -9px !important;  top: 0 !important;}
.rw-words, .rw-words-1 span{width: 322px !important; height: 200px !important;}
.word1, .rw-words-1 span{left:-28px !important;}
.datafadeout{position: absolute;left: -28px;  top: 26px;  width: 246px;}

	.datalakelogo{width:280px; height:280px;margin: 15px auto 45px;position: relative;}
.datalakelogo #logo { width: 280px !important;height: 280px !important;margin: -143px 0 0 -142px !important;     background-size: 100%;}
.datalakelogo #logo #green-circle-1 {  width: 238px !important;  height: 238px !important; margin:21px 0 0 21px !important;}
.datalakelogo #logo #green-circle-1 #green-circle-2 {  width: 238px !important;height: 238px !important; }
.datalakelogo .datacrushnum{ width: 238px !important; }
.datalakelogo .logo5 {   position: absolute;  left: -54px;  top: -3px;  width: 344px;}
.datalakelogo .logo5a {  position: absolute;  left: -79px; top: -18px;  width: 394px;}
.datalakelogo .logo1 {  position: absolute;  left: -53px; top: -3px; width: 344px;}
.datalakelogo .logoribbon {  position: absolute;  left: -58px; top: -1px; width: 344px;}
.datalakelogo .logo3 {  position: absolute;     z-index: -1;  top: -62px;  left: -82px;	width: 414px;}
.datalakelogo  .logo4 {  position: absolute;  left: 89px;  bottom: -30px;  width: 71px;}
	.datalakelogo .logo1a {
    position: absolute;
    left: -79px;
    top: -21px;
    width: 394px;
}
.datacrush{width:250px;margin: 15px 0 15px 0; position: relative;}
.datacrushlogo{width:202px; height:210px;margin: 30px auto;}
	.dc2 {top: 144px;}
	.dc2 img {  width: 62px;}	
#logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 280px;
  height: 280px;
  margin: -112px 0 0 -138px !important;
  border-radius: 50%; background-size: 100%;
}
#logo #green-circle-1 {
  position: absolute;
  width: 236px;
  height: 236px;
  margin:22px 0 0 22px;
  border-radius: 50%;
  background-color: #000;
 
}
#logo #green-circle-1 #green-circle-2 {
  position: absolute;
  width: 236px;
  height: 236px;
  margin: 0px 0 0 0px;
  border-radius: 50%;
  background-color: #000; 
 
}
.btn_home {
   position: absolute;
    bottom: -78px;
    width: 253px;
    left: -26px;padding: 12px 17px !important; transform: scale(0.7);
 
}
.mhshow{display:none;}
.mhshow.showmbtn{display:block;}
	.homeicons {
    margin: 148px 0 0 6px;
}
	.cicon {
    width: 75px;
		margin: 18px 2px;}
	.circle_icons {   background-size: 75px;
    width: 80px;
    height: 90px;
    text-align: center;
		padding: 0 4px 14px 0;}
	.circle_icons img {
    width: 30px;
    margin: -5px 0 0 0;
}
	.circle_icons.cicon1 img{width: 44px;    margin: 2px 0 0 -1p;}
	.circle_icons.cicon2 img.level2img {  width: 49px;  margin: 5px 0 0 -3px;}
	.circle_icons.cicon3 img.level3img {  width: 48px;  margin: -3px 0 0 1px;}
	.circle_icons.cicon4 img.level4img {  width: 46px;  margin: 4px 0 0 4px;}
	.floatleft {text-align: center; margin:0px 0 0 0; padding-right: 0;}
	.circle_icons.cicon1 img.icon_score, .circle_icons.cicon2 img.icon_score, .circle_icons.cicon3 img.icon_score, .circle_icons.cicon4 img.icon_score  {
    position: absolute;
    width: 28px;
    right: 2px;
    bottom: 7px;
}
	#home .font2, #question6 .font2, #question12 .font2{
    font-size: 17px;
		line-height: 20px;}
	#question6 .sap-btns, #question12 .sap-btns{margin-bottom: 38px;  margin-top: 17px;}
	.score_sec {
    width: 115px;
    text-align: center;
    float: right;
    margin: -10px 0 20px 0;
}
	.score_sec .desc1 {
    font-family: "BentonSansBold";
    font-size: 12px;
    margin: 0 0 2px 0;
		line-height: 18px;}
	.score_value {
    background: #fff;
    color: #003283;
    padding: 4px 0;
    border-radius: 16px;
    font-family: "BentonSansBold";
    font-size: 19px;
    line-height: 22px;
    margin: 0 0 0 0;
}
	.circle_icons.cicon1 {  margin: 0 0 0 0;}
	.font1 {
    font-size: 18px;
    font-family: "BentonSansBook";
    margin: 10px 0 20px 0;
    text-align: center; width:100%;
}
	.font1 br{display:none;}
	.options {
    padding: 5px 0px 5px 35px;
    margin-bottom: 6px;     border: 0px solid #0076CB;border-radius: 22px; font-size: 13px;}
	.options input {
    height: 20px;
    width: 100%;
    left: 2px;
    top: 2px;}
	.options .checkmark {  top: 4px;
    left: 6px;
    height: 20px;
		width: 20px;font: normal normal normal 14px/1 FontAwesome;}
	.options .checkmark::after {  top: 2px;  left: 2px; width: 24px; height: 24px;}
	.mobilecenter{text-align: center;}
	.buttons2 .sap-btns.orange-btn {   margin-right: -35px;margin-top: 0px;}
	.buttons2 .sap-btns	{padding: 10px 25px; }
.datacrushnum{position: absolute; left: 0px; top: 0px;  width: 236px;}
.logo1{position: absolute; left: -3px;
    top: 54px;
    width: 204px;}
.logo2{position: absolute; left: -6px;
    top: 55px;
    width: 211px;}
.datacrush1 {  width: 400px;margin: -5px -33px -13px -39px;}
.white_bg{background: #fff;}
.icon_whitebg{ background: url(../images/datacrush_bg1.png) no-repeat top left; background-size: 100%;  margin: -20px auto 0;  text-align: center; width: 180px;  height: 180px;}
.icon_whitebg img{width:95px; }
.icon_whitebg img.imgwidth1{width: 107px; }
.cir_centerimg{display: flex;    align-items: center;    justify-content: center; width:180px; height: 100%;}
	
	#question9 .level1_answer { min-height: 340px;}
	.level1_answer, .start_level  {    
-webkit-animation:scaleinpopup  ease 0.5s;
-moz-animation:scaleinpopup  ease 0.5s;
animation:scaleinpopup  ease 0.5s;}

	.level1_answer{min-height:340px; height: auto !important;margin: 5px 0 74px 10px; background: #fff;color: #000;border-radius: 14px;}
	.level1_answer:before{display:none;}
	.level1_answer .font2 {
    font-size: 16px;
    line-height: 24px;
    padding: 30px 20px 20px 20px;
    text-align: center;}
    .level1_answer .font2 a{ }
.level1_answer.nobg {  background: transparent;  color: #fff;}
.level1_answer .font2.align1{/*height: 143px;   align-items: center; display:flex;*/     font-size: 16px;  line-height: 22px;  padding: 30px 20px 20px 20px;text-align: center;}
	.green_block, .blue_block, .purple_block, .orange_block {
    position: relative;
    margin: 0px 0 20px 0;
    z-index: 0;
    padding: 10px 10px;
    width: 100%;top: 0; color: #fff;
}
.green_block {  background: #44A13E;}
.blue_block {  background: #0FAAFF;}
.purple_block {  background: #960a81;}
.orange_block {  background: #E35500;}

.level1_answer img {  width: 57px;}
	.qicon { width: 60px;  height: 60px;text-align: center;}
	.level1_answer .col-sm-2 {width:74px !important; float:left;margin: 3% 0 0 0;position: relative;  left: 0;  top: 0;}
	.level1_answer .col-sm-9 {width:80% !important; float:left; margin: 0 -68px 0 0;}
	.level1_answer .font3 {
    font-size: 15px;
		line-height: 20px;}
	.level1_answer .font2 {
    font-size: 14px;
		line-height: 18px; text-align:left; margin: 0; padding: 0;}
	.level1_answer .btn_sec a {  color: #fff;    font-family: "BentonSansMedium";    font-size: 18px;}
	.level1_answer .btn_sec{ bottom: -58px;top: auto;   left: 24%;  width: 60%; text-align: center;}
	.level1_answer .blue-btn {   background: #FDB913;}
	.resulttext1 img {
    width: 142px;
    margin: 0 0 20px 0;
}
	.resulttext1.valign_middle{display:block !important; text-align: center;}
	.resulttext1 .crushdataani {
    width: 117px;
    height: 142px;
    position: relative;
    margin: 0 auto 66px;transform: scale(1.6);}
    .level1_answer.nobg .btn_sec {  width: 100% !important; top: auto;}
	.resulttext1 {
    font-size: 21px;
    line-height: 27px;
    padding: 40px 20px 27px 20px;
    text-align: center;
}
	.resulttext1 .font3 {
    font-size: 15px;
		line-height: 20px;}
	.resulttext1 .font4 {
    font-size: 15px;
		line-height: 20px;}
	.btn_sec.singlebtn {
    bottom: -31px;
	}
	.resulttext1 .head3 {  width:100%;margin: 8px 0 10px 0;}
	img.handani1{left: -55px !important;   top: -2px !important;}
	.mimgc{top: -5px !important;}
	.congrats_content {
    position: relative;    
    width: 320px;
    height: 320px;
    margin: -43px auto 0;
    padding: 0;   background: #000;
}
.congrats_content.thanksplay {  background: #fff;padding: 59px 0 0 0;}
#question6 .congrats_content{border: 5px solid #0FAAFF;}
#question12 .congrats_content{border: 5px solid #960a81;}
#question18 .congrats_content{border: 5px solid #E35500;}

	.cong_animaation {  width: 252px;  height: 290px; border: 0px !important;
    padding: 0 0 0; margin: 20px auto 0;}
	.congrats_sec img {width: 215px;}
	.congrats_sec { height: 77%;}
	.mcong_ani{position: relative; margin:0 auto; width:220px;}
	.font5 {
    font-family: "BentonSansMedium";
    font-size: 25px;
    line-height: 30px;
		margin: 25px 0 0 0;}
	.resultsocial img {
    vertical-align: middle;
    width: 32px;
    margin: 0 4px 0 0;
}
.resultsocial img.cplogo{width:80px; margin:-11px 4px -16px 0;}
	.congrats_content .font6 {
    font-family: "BentonSansBold";
    font-size: 27px;
    line-height: 32px;}
	.congrats_content .resulttext7 {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    margin: 15px 0;
}
	.result_bg{background:  transparent;}

	.resulttext2 {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 4px -4px;
}
.resulttext3 {
    font-family: "BentonSansBold";
    text-transform: uppercase;
    font-size: 29px;
    margin: 0 0 0 -4px;
    line-height: 32px;
}
.resulttext4 {
    text-align: center;
    font-family: "BentonSansMedium";
    font-size: 14px;
    line-height: 21px;
}
	.resulttext4 {
    text-align: center;
    font-family: "BentonSansMedium";
    font-size: 13px;
		line-height: 18px;}
	.resulttext5 {
    text-align: center;    
    font-size: 13px;
    line-height: 18px;
    margin: 12px 0 0 0;
}
	.resulttext5 a{font-family: "BentonSansMedium"; color:#fff; text-decoration: underline;}
	.resulttext8{font-family: "BentonSansBold"; font-size: 22px; margin: 3px 0 30px -4px; line-height: 26px;}
	.resultimg { position: absolute; left: 0; top:-115px;
    margin: 0px;
    text-align: center;width: 100%;  height: auto; z-index:0;}
    .result_imgsec .result_img {right: 0;  bottom: 0;}
    .result_imgsec {
    position: absolute;
    width: 210px;
    height: 100%;
    right: 22.5vw;
    bottom: 58vw;
}
.result_imgsec .result_img.cupimg {width: 74px;right: 70px;  bottom: 109px;}
.result_imgsec .result_img.handimg1{    width: 88px;right: 7px;bottom: 76px;}
.result_imgsec .result_img.handimg2 { width: 88px;   right: 122px;  bottom: 76px;}
.result_imgsec1a {  width: 81px; right: 82px;  bottom: 57vw;}
#result_expertdatacrusher .result_imgsec1a .result_img_ed { width: 95px; bottom: 10px;  right: 0;}
.result_imgsec .result_img, #result_expertdatacrusher .result_imgsec1 .result_img, #result_expertdatacrusher .result_img, #result_championdatacrusher .result_img, #result_championdatacrusher .result_imgsec2 .result_img{width:100%;}
.result_img.handimg1 {
    width: 61vw ;
    right: -8.7vw;
    bottom: 15.5vw;
}
.result_imgsec1 {  width: 95px;   height: 100%;   right: 50vw;   bottom: 58vw;}
#result_expertdatacrusher .result_img.handimg2 {  width: 145px;  right: -40px !important;   bottom: 74px;}
#result_expertdatacrusher .result_img.handimg3 {width: 145px;  right: -5px; bottom: 70px;}
.result_imgsec2 {   width: 265px; height: 100%;   right: 1vw;   bottom: 48vw; }
#result_championdatacrusher .kickhand2 {right: -16vw !important;}
 #result_championdatacrusher .result_imgsec2a {   width: 100px;  right: 54.2vw;    bottom: 61vw;  z-index: 1;}   
 #result_championdatacrusher .result_imgsec2a .result_img {   width: 100px;}
 #result_championdatacrusher .result_img.handimg2 {  width: 250px;  right: -89px;   bottom: 9px;}
 #result_championdatacrusher .result_img.handimg3 { width: 168px;  right: -17px;
    bottom: 50px;}
 #result_championdatacrusher .result_imgsec2 .result_img.kickleg {   right: 1vh;  transform: rotate(0deg);}

.resultimg img {
        width: 100%;
    margin: 0 0 0 0;
}
.result_category {
    text-align: center;
    color: #000;
    width: 53%;
    margin: 66% auto 48px;
}
	#result_championdatacrusher .result_category {   margin: 66% auto 50px;}
	.popup-container {
    width: 86% !important;
}
	.popupform .congrats_content {
    width: 100%;border-radius: 10px;
    height: auto;
    padding: 30px 35px !important;
}
	.popupform input.orange-btn {
    position: absolute !important;
    left: 25%;
    bottom: -51px;
    padding: 10px 50px !important;
}
	.pimg img {
    margin: 0 0 10px 0 !important;
    width: 130px !important;
}
	.sap_logo.whitebg {  background: #fff;}
	#quiz1_1 .text_color br{display:block;}
	.container {  padding-right: 30px; padding-left: 30px;}
	.head3 {  width: 67%;  font-size: 21px;  line-height: 28px; margin: 0 0 20px 0;}
	body{  }
	.padding-left {  padding-left: 0px;}	
	.tabs{padding:80px 0 0 0;}
	.tabs#play1 {    padding: 0;    position: absolute;}
	.quiz-result-bg.tabs{padding:85px 0 0 0;overflow-y: scroll;}	
	.quiz-result-bg.tabs .col-sm-6{float:left; width:80%;}
	body{font-size: 12px;overflow-x: hidden;}	
	.font2 {    font-size: 13px;line-height: 20px;}
	.font2 br, .head3 br, .head1 br, .head4 br, #quiz1_2 .head4 br, .head5 br{display:none;}
	#question6 .font2 br, #question12 .font2 br{display:block;}
	.sap_logo{top: 0;  padding: 25px 0;  /*background: #fff;*/     width: 61%;}
	.sap_logo img {  width: 75px;}
	#home.tabs {    padding: 80px 0 0 0;}
	.desc1 {    font-size: 11px;  line-height: 17px;  margin: 0 0 20px 0; width: 100%;}	
	.resultimage {  width: 175px;}
	.quiz-result-bg .head2{    margin: 0 0 15px 0;}
	p {  margin: 0 0 18px 0;}
	.sap-btns{font-size: 18px;padding: 10px 34px;  margin: 20px 5px 10px 0px;border-radius: 26px;}	
	.head1 {  font-size: 31px;  line-height: 38px;  width: 87%;margin: 0 0 15px 0;}
	
	.head2 {  font-size: 15px;  line-height: 17px;margin: 0 0 30px 0;}		
	.qbutton {   padding: 8px 35px;  font-size: 16px;  display: inline-block;   margin: 20px 10px;line-height: 20px;}
	.level4 .qbutton {margin: 10px 0 20px 0;}
.level4 .head2{font-size: 15px;  line-height: 17px;margin: 10px 0 10px 0;}
.level4 p, .level4 .desc1 {  margin: 0 0 10px 0;}
	.success_animation {   margin: 8vw auto 7vw;transform: scale(1.7);}
	.footer-container{font-size:9px;}
	.footer_social img{width:20px;}
	.right_section, .pos-absolute-botom {position: relative !important;width: 100%;}
	
	.sap-full-width.slide1a {  width: 73%;margin: 0 auto;}
   	.head4 {  font-size: 27px;  line-height: 36px;}	
	.margin2{margin:20px 0 0 0;}		
	.margin1 {    margin: 30px 0 20px 0;}
	.value_button .qbutton {  width: 140px;  padding: 10px 10px;  margin: 9px 7px;}	
	.value_button{margin:20px 0 0 0;}
	.answersec{width: 100%; margin:0 auto; text-align: left;}
	.answersec .head5{text-align: center;}
	.width60{width: 100%; margin:0 auto; }
	
	.valign_middle{align-items: start;}
	.valignwidth100 {margin: 0px 0 0 0 !important;}
	.width75 {  width: 100%;  margin: 60px auto  32px;}
	.irs-with-grid {  height: 13px;}
	.irs, .irs-bar {  height: 10px;}
	.irs-line {      height: 10px;   border-radius: 8px;}
	.irs-grid{height:20px;}
.irs-single { top: -42px !important;    width: 38px;    height: 40px;  font-size: 11px;padding: 3px 6px;}	
	span.irs-bar:before {  right: -8px;  top: -6px;  width: 20px;  height: 20px;  border: 1px solid #E1E1E1;}
	.irs-bar-edge { bottom: 0; height: 10px;width: 12px;}
	.irs-slider { width: 18px;height: 22px;}
	.irs-with-grid .irs {  top: 0px;}
	.pb_value_sec{top:10px;}
	
	.result_head {  line-height: 24px;  font-size: 20px;}
	.moveupbar {-webkit-animation: moveUp2 1.4s 2.7s both !important;
	-moz-animation: moveUp2 1.4s 2.7s both !important;
	-o-animation: moveUp2 1.4s 2.7s both !important;
	animation: moveUp2 1.4s 2.7s both !important;}
	
	.qbutton img {  width: 37px;  padding: 0 7px;  left: 31px;top: 9px;}
	.qbutton.button_no img {  width: 30px;top: 10px; left: 34px;}
	
	.crushdata_right {  font-size: 17px;  width: 100%; margin:28px 0 25px 0; padding: 17px 20px 20px 20px;}
	.crushdata_right .head3 {  font-size: 14px;line-height: 17px;}
	
}

@media only screen and (min-width:200px) and (max-width: 480px){
	
	.footer_links a {   padding: 0 0 0 2px;}
	.footer-container {  font-size: 8px;}
	.bottom-content {bottom: 70px;}
}
@media only screen and (min-width:200px) and (max-width: 360px){

	.game_section {/*float: left;transform: scale(0.84); width: 320px !important; height: 320px  !important;*/  /*margin: -42px 0 -42px -27px !important;*/ }
	#gameBoard {   /*margin: -76px 0 0px 4px !important;*/}
	.cicon {   width: 65px;margin: -42px 4px 0 4px !important;}
	.floatleft {   margin: -30px 0 0px 0; padding-right: 0;}
}

@media only screen and (min-width:380px) and (max-width: 420px){

}
@media only screen and (min-width:414px) and (max-width: 736px){
	.mobileshow.spaghetti_architecture_section { transform: scale(0.5);  margin: -128px 0 -148px -101px;}
	
}
@media only screen and (min-width:200px) and (max-width: 680px){
	.footer-container, .footer_links {text-align: center; padding:5px 0px !important;}
	.option2line.options .checkmark {  top: 25%;}
	.option2line.options{border-radius: 50px;}
	.options br {    display: block;}
}
@media only screen and (min-width:400px) and (max-width: 580px) {
.game_section {  width: 374px;}
.gamesec {   margin: 110px 0 0 24px;width: 364px;}
.flask.flask1 {  left: 3%;  top: 39%;}
.score_sec {margin-right:16px;}
}

@media only screen and (min-width:320px) and (max-width: 768px) and (min-height: 400px) and (max-height: 670px){
		.result_category {
    text-align: center;
    color: #000;
    width: 53%;
    margin: 73% auto 42px;
}
	#result_championdatacrusher .result_category {   margin: 73% auto 36px;}
}
@media only screen and (min-width:320px) and (max-width: 480px) and (min-height: 400px) and (max-height: 600px){
    .gamesec {   margin: 110px 0 0 0;}
    .scoresec {  top: 53px;}
    .game_section {  height: 458px;}
    .floatleft {margin: -27px 0 0px -33px !important;transform: scale(0.8);width: 121%;}
    .level1_answer {min-height: 300px !important; margin: -28px 0 115px 0 !important;}
    .level1_answer .font2.align1 {  }
    .level1_answer .font2 {   font-size: 12px;    line-height: 18px;    padding: 0;}
    #question9 .level1_answer .font2.align1 { }
    .level1_answer.nobg {min-height: 305px !important; margin: -28px 0 66px 0 !important;}
    #question6 .sap-btns, #question12 .sap-btns {    margin-bottom: 40px;margin-top: 10px;}
    .margin2 {   margin: 20px 0 -14px 0;}
    .resulttext1 .crushdataani {margin: -13px auto 31px;transform: scale(1.3);}
    .crushdata_right{padding: 13px;}
.icon_whitebg {  margin: -38px auto -25px;  transform: scale(0.85);}
    .font1 { font-size: 14px !important;}
    .datalakelogo {  margin:-27px auto 3px !important;  transform: scale(0.85);}
    .resultimg{top: -140px;}
    .result_imgsec{bottom: 44.5vw;  right: 18vw;  transform: scale(0.8);}
    .result_imgsec1{bottom: 39.3vw;  transform: scale(0.8);}
    .result_imgsec1a { right: 68px; bottom: 46vw; transform: scale(0.7);}
    .result_imgsec2{bottom: 31.6vw;  right: -12vw;   transform: scale(0.8);}
    #result_championdatacrusher .result_imgsec2a {  right: 46.2vw;   bottom: 47vw;   transform: scale(0.7);}
    .result_category{margin: 62% auto 42px;}
    #result_championdatacrusher .result_category {  margin: 61% auto 36px;}
    .resulttext4, .resulttext5 {  font-size: 10px; line-height: 16px;}
}
@media only screen and (min-width:320px) and (max-width: 378px) and (min-height: 600px) and (max-height: 700px){
    .gamesec {   margin:92px 0 0px 0px !important;}
    .footer-container .container {    padding-right: 20px;  padding-left: 20px;}
}
@media only screen and (min-width:378px) and (max-width: 385px) and (min-height: 600px) and (max-height: 680px){
    .gamesec {   margin: 92px 0 0 10px !important;}
    .floatleft {margin: -49px 0 0px 0 !important;}
    #question12 .floatleft {margin: -36px 0 0px 0 !important;}
    .footer-container .container {    padding-right: 20px;  padding-left: 20px;}
}
@media only screen and (min-width:320px) and (max-width: 480px) and (min-height: 600px) and (max-height: 700px){
    .gamesec {   margin: 92px 0 0 18px;}
    .scoresec {  top: 25px;}
    .game_section {  height: 500px;}
    .floatleft {margin: -74px 0 0px 0 !important;}
     #question12 .floatleft {margin: -42px 0 0px 0 !important;}
     .crushboard img {  left: -120px;   top: 96px;   width: 626px !important;}
    .level1_answer {min-height: 320px !important; margin: -28px 0 142px 0 !important; z-index:1111;}
     #question17 .level1_answer {margin: -28px 0 70px 0 !important;}
    .datalakelogo {   margin: 16px auto 30px !important;}
    #question6 .sap-btns, #question12 .sap-btns {    margin-bottom: 32px;margin-top: 10px;}
    .margin2 {   margin: 20px 0 -14px 0;}
.icon_whitebg {  margin: -43px auto -26px;  transform: scale(0.8);}
    .font1 { font-size: 16px !important;}
    .resultimg img {width: 100%;    margin: -52px 0 0 0;}
    .result_category {
    text-align: center;
    color: #000;
    width: 53%;
    margin: 50% auto 42px;
}
	#result_championdatacrusher .result_category {   margin: 50% auto 47px;}
	.result_imgsec { right: 18.5vw;bottom: 41.5vw;transform: scale(.72);}
	.result_imgsec1 { bottom: 41.8vw; transform: scale(.72);}
	.result_imgsec1a {bottom: 47.8vw;  transform: scale(.72);}
	.result_imgsec2 {  right: 0vw;  bottom: 33.3vw; transform: scale(0.7);}
	#result_championdatacrusher .result_imgsec2a {  transform: scale(0.7);   right: 50.2vw; bottom: 50vw;}
	.footer-container .container {    padding-right: 20px;  padding-left: 20px;}
}

@media only screen and (min-width:320px) and (max-width: 480px) and (min-height: 300px) and (max-height: 600px){
		.datacrushlogo {   margin: 10px auto;}
		.scoresec{top: 35px;}
		.game_section{margin: 0px 0 -45px -16px;  transform: scale(0.9);}
		.gamesec {    margin: 80px 0 0 4px;}
		.icon_whitebg{    transform: scale(0.7);   margin:-47px auto -36px;}
		.font1 {   font-size: 15px;}
		.margin2 {    margin: 10px 0 0 0;}
		.sap-btns{    margin: 5px 5px 10px 0px; font-size: 13px;}
		.level1_answer {   margin: -20px 0 70px 0;}
		.level1_answer .btn_sec a {  font-size: 15px;}
		.level1_answer .btn_sec {   bottom: -49px;}
		.level1_answer .font2 {   font-size: 12px; line-height: 18px;   padding: 0; }
		.level1_answer, #question9 .level1_answer {   min-height: 265px;}
		.yellow_block .font2 {font-size: 13px;line-height: 17px;padding:0;}
    .resulttext1 {   padding: 15px 20px 20px 20px;}
    .btn_sec.singlebtn {    bottom: -31px !important;}
    .level1_answer.nobg {   margin: -20px 0 40px 0;}
    .datalakelogo {    transform: scale(0.8);    margin: -19px auto -6px;}
    .result_category {   margin: 47% auto 48px;}
    #result_expertdatacrusher .result_category {   margin: 48% auto 48px;}
      #result_championdatacrusher .result_category {  margin: 48% auto 47px;}
      .resulttext3 {  font-size: 19px;line-height: 22px;}
    .resulttext4 {   font-size: 11px;   line-height: 16px;}
    .resulttext5 {   font-size: 11px;   line-height: 16px;   margin: 10px 0 0 0;}
    .resulttext6 {  font-size: 15px;   line-height: 18px;}
    .footer-container .container {    padding-right: 0px;  padding-left: 0px;}
}
@media only screen and (min-width:1024px) and (max-width: 1044px){
		#home.tabs { padding: 17% 0 0 0;}	
}
@media only screen and (min-width:1024px) and (max-width: 3600px){
	.resulttext7 br{display:none;}
}
@media only screen and (min-width:200px) and (max-width: 680px) and (min-height: 600px) and (max-height: 1970px){
	.btn_home {bottom: -80px; opacity:1;}
}
@media only screen and (min-width:1400px) and (max-width: 3200px) and (min-height: 680px) and (max-height: 1800px){
	.buttonmargin {   margin: 2vw 0 0 0;}
	
}
@media only screen and (min-width:1024px) and (max-width: 3200px) and (min-height: 300px) and (max-height: 640px){
	.sap_logo{top: 1.4vw;}
	.tabs{padding: 5vw 0 0 0;}
	.head2{    margin: 0 0 1vw 0;font-size: 2.1vw;  line-height: 2.5vw;}	   
	.font2 {   font-size: 1.3vw;}	
}
@media only screen and (min-width:1260px) and (max-width: 1500px) and (min-height: 300px) and (max-height: 590px){
    .col-sm-12.scoresec {   margin: -22px 0 0 0;}
}
@media only screen and (min-width:1260px) and (max-width: 1400px) and (min-height: 500px) and (max-height:700px){
    .crushboard img#crushgif {width: 834px !important;   height: 430px !important;}	
    .exlpodsec { width: 1000px;   height: 625px;}
    .crushboard {   width: 834px;   height: 430px;}
}
@media only screen and (min-width:1000px) and (max-width: 1100px) {	
    html, body{  overflow: hidden;}
    #myvideo {  top: -23vh;}
     html{background:#000; height:100%;width:100%; position: fixed; overflow: hidden;}
    html, body, .tabs{overflow:hidden; }
	.datacrushlogo {margin: 168px auto 0;}
    .tabs#play1 .playnotofication.mobilehide{display: block;}
.tabs#play1 .playnotofication.mobileshow{display: none;}
	.exlpodsec { width: 100%;height: 380px;}
	.crushboard { left: 174px;  top: 116px;width: 550px;  height: 575px;}
	.crushboard img {  left: -151px;  top: 28px;   width: 942px !important; height:auto !important;}
	.tabs#play1 {  padding: 0;  position: absolute;}
    .scoresec{height:80px;position: absolute;   top: 20px;  right: 5px;}
    .game_section{transform: scale(0.95); margin: 0px 0 0 -23px;}
	.col-sm-12.scoresec{width:789px;}
	#play1 .container {   width: 94%;height: 92%;}
	#play1 .floatleft { position: absolute;bottom: 0;}
    .gamesec:before {   display:none;}
    .game_section {  width: 1245px;  height: 663px;}
	.gamesec {    margin: 100px 0 0px 114px;position: relative;}
	.playnotofication img{width:100% !important; height:auto; left:0% !important;}
	#play1 .col-sm-10.floatright{position:absolute; width:100%; left:0;top:0;}
	#play1 .circle_icons.cicon1 {    margin: 0vw 0 0 0;}
	#play1 .cicon {margin: 0vw 0vw 0 18px;}
	.result_bgimg {  right: -127px;}
    #question18 .mobilehide{display: block;}
 #question18 .mobileshow{display: none;}
 .resultimg img {
        width: 100%;
    margin: 0 0 0 0;
}
.datalakelogo { margin:66px auto 35px;}
#question9 .level1_answer {   min-height: 350px;}
	#question18.result_bg:before{display:none;}
	#question18 .col-sm-5.nopadd_right{width: 35%;}
	#question18 .result_category{  text-align: left;  width: 100%;  margin: 0;}
    #question18 .resulttext4 {  text-align: left;  font-size: 20px;  line-height: 25px;}
#question18 .resulttext5 {  text-align: left;  font-size: 20px;    line-height: 25px;}
.result_imgsec {right: 0.5vh;  bottom: 17.5vh;   transform: scale(0.8);}
.result_text {  width: 49vh;right: 8vh;   bottom: 21vh;  transform: rotate(-3deg);}
.result_imgsec1 {  right: 37vh;   bottom: 42vh;}
.result_imgsec1a {  right: 7.5vh;}
#result_expertdatacrusher .result_text { width: 61vh;   right: 4vh;   bottom: 19.3vh;transform: rotate(-3deg);}
.result_imgsec2 {  right: -17vh;bottom: 21.5vh;   transform: scale(0.7);}
#result_championdatacrusher .result_imgsec2a {  right: 37.2vh;  bottom: 39.5vh;
    transform: scale(0.85);}
#result_championdatacrusher .result_text {      width: 61vh; right: 3vh;   bottom: 20.4vh;   transform: rotate(-3deg);}
.popupform input.sinput{font-size:21px;}
.sap-btns{font-size:13px;}
}
@media only screen and (width:1112px) and (height: 834px) {	
    .scoresec {   right: 29px;}
    
}
@media only screen and (min-width:1100px) and (max-width: 1200px) {	
    html, body{  overflow: hidden;}
    #myvideo {  top: -33vh;}
    .share_icon {   right: 43% !important;}
    .shareicons ul li {  font-size: 1.5vw;}
    .shareicons ul {margin: 24px 0;}
    .datacrushlogo {margin: 85px auto 0;}
    .tabs#play1 .playnotofication.mobilehide{display: block;}
.tabs#play1 .playnotofication.mobileshow{display: none;}
	.exlpodsec { width: 100%;height: 380px;}
	.crushboard { left: 338px;  top: 116px;width: 550px;  height: 575px;}
	.crushboard img {  left: -151px;  top: 28px;   width: 942px !important; height:auto !important;}
	.tabs#play1 {  padding: 0;  position: absolute;}
    .scoresec{height:80px;position: absolute;   top: 127px;  right: 103px;}
	.game_section{transform: scale(1); margin: 0px;}
	.col-sm-12.scoresec{width:830px;}
	#play1 .container {   width: 94%;}
    .gamesec:before {   display:none;}
    .game_section {  width: 1245px;  height: 663px;}
	.gamesec {    margin: 218px 0 0px 184px;position: relative;}
	.playnotofication img{width:100% !important; height:auto; left:0% !important;}
	#play1 .col-sm-10.floatright{position:absolute; width:100%; left:0;top:0;}
	#play1 .circle_icons.cicon1 {    margin: 24vw 0 0 0;}
	#play1 .cicon {margin: 0vw 0vw 0 84px;}
	.result_bgimg {  right: -170px;}
    #question18 .mobilehide{display: block;}
 #question18 .mobileshow{display: none;}
 .resultimg img {
        width: 100%;
    margin: 0 0 0 0;
}
.datalakelogo { margin: 110px auto -3px;}
	#question18.result_bg:before{display:none;}
	#question18 .col-sm-5.nopadd_right{width: 35%;}
	#question18 .result_category{  text-align: left;  width: 100%;  margin: 0;}
    #question18 .resulttext4 {  text-align: left;  font-size: 20px;  line-height: 25px;}
#question18 .resulttext5 {  text-align: left;  font-size: 20px;    line-height: 25px;}
.result_imgsec {right: 0.5vh;  bottom: 17.5vh;   transform: scale(0.8);}
.result_text {  width: 49vh;right: 8vh;   bottom: 21vh;  transform: rotate(-3deg);}
.result_imgsec1 {  right: 37vh;   bottom: 42vh;}
.result_imgsec1a {  right: 7.5vh;}
#result_expertdatacrusher .result_text { width: 61vh;   right: 4vh;   bottom: 19.3vh;transform: rotate(-3deg);}
.result_imgsec2 {  right: -17vh;bottom: 21.5vh;   transform: scale(0.7);}
#result_championdatacrusher .result_imgsec2a {  right: 37.2vh;  bottom: 39.5vh;
    transform: scale(0.85);}
#result_championdatacrusher .result_text {      width: 61vh; right: 3vh;   bottom: 20.4vh;   transform: rotate(-3deg);}
.popupform input.sinput{font-size:21px;}
.sap-btns{font-size:13px;}
}
@media only screen and (min-width:1200px) and (max-width: 1300px) {	
    html, body{  overflow: hidden;}
	.game_section{transform: scale(0.95); margin: 0px 0 0 -23px;}
	.col-sm-12.scoresec{width:792px;}
	.circle_icons.cicon1 {   margin: 92px 0 0 0;}
}
@media only screen and (min-width:1400px) and (max-width: 1500px) {	
	.game_section{transform: scale(1.1); margin: 17px 0 0 42px;}
	.col-sm-12.scoresec{width:920px;}
	.circle_icons.cicon1 {   margin: 94px 0 0 0;}
}
@media only screen and (min-width:1500px) and (max-width: 1600px){
	.game_section{transform: scale(1.2); margin: 47px 0 0 82px}
	.col-sm-12.scoresec{width:1000px;}
	.circle_icons.cicon1 {   margin: 115px 0 0 0;}
}
@media only screen and (min-width:1600px) and (max-width: 1700px){
	.game_section{transform: scale(1.2); margin: 42px 0 0 88px}
	.col-sm-12.scoresec{width:1006px;}
	.circle_icons.cicon1 {   margin: 105px 0 0 0;}
}
@media only screen and (min-width:1700px) and (max-width: 1800px){
	.game_section{transform: scale(1.4); margin: 107px 0 0 170px}
	.col-sm-12.scoresec{width:1169px;}
	.circle_icons.cicon1 {   margin: 165px 0 0 0;}
}
@media only screen and (min-width:1800px) and (max-width: 3200px){
	.game_section{transform: scale(1.4); margin: 107px 0 0 170px}
	.col-sm-12.scoresec{width:1170px;}
	.circle_icons.cicon1 {   margin: 150px 0 0 0;}
	#myvideo {  top: -45vh;}
}
.sap-overlay-rotate-screen {
    display: none;
    align-items: center!important;
    justify-content: center!important;
    text-align: center;
    color: #fff;
    font-size: 17px;
    z-index: 1111111;
}
.sap-overlay-rotate-screen h2 {  font-size: 25px; font-family: "BentonSansBold";}

@media only screen and (min-width: 737px) and (max-width: 768px) and (orientation: portrait){	
.sap-overlay-rotate-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
	z-index: 1111111;}
.lsapcenter {  padding: 0px 0 0 0;}
}
@media only screen and (width: 1024px) and (height: 1366px) and (orientation: portrait){	
.sap-overlay-rotate-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
	z-index: 1111111;}
.lsapcenter {  padding: 0px 0 0 0;}

}
@media only screen and (min-width:768px) and (max-width: 1024px) and (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait){
.sap-overlay-rotate-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
	z-index: 1111111;}
.lsapcenter {  padding: 0px 0 0 0;}

}
@media only screen and (min-width:1200px) and (max-width: 1600px) and (min-height: 300px) and (max-height: 600px){
	.level1_answer{height: 31vw !important;    margin: -0.7vw 0 0 1vw !important;}	
	.circle_icons.cicon1 {  margin: 12vw 0 0 0 !important;}
	.datalakelogo {margin: 20px auto 8px;}

}
@media only screen and (min-width:1200px) and (max-width: 1600px) and (min-height: 601px) and (max-height: 630px){
	.col-sm-12.scoresec {   margin: -1vw 0 0 0 !important;}
.level1_answer{  margin: 9.3vh 0 0 6vh !important;}	
	.circle_icons.cicon1 {  margin: 13.5vw 0 0 0 !important;}
	#myvideo {    bottom: -35px;}
	/*#myvideo {   top: -296px;  min-width: 100%; min-height: 162%;}*/
}
@media only screen and (min-width:1200px) and (max-width: 1600px) and (min-height: 630px) and (max-height: 690px){
    	#myvideo{ top: -43% !important;}
}

@media only screen and (min-width:1200px) and (max-width: 1700px) and (min-height: 750px) and (max-height:1600px){
    #question18 .col-sm-5.nopadd_right{padding-right:25px !important;}
    #question23 .col-sm-5{width:32% !important;}
}
@media only screen and (min-width:1600px) and (max-width: 3700px) and (min-height: 650px) and (max-height:1600px){
    #question18 .col-sm-5.nopadd_right{padding-right:35px !important;}
    .resulttext4, .resulttext5{padding-right:4vw;}
}
@media only screen and (min-width:1366px) and (max-width: 3700px) {
.shareicons ul:after {   left: 1.1vw !important;}    
}
@media only screen and (min-width:768px) and (max-width: 3700px) {
     .playnotofication.playnotificationdesktop.mobilehide{display: block; }
}
.truste_cursor_pointer{display:none;}