html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

@font-face {
	font-family: "ArialMTProRegular";
	src: url("fonts/ArialMTProRegular.eot");
	src: url("fonts/ArialMTProRegular.eot") format("embedded-opentype"),
	  url("fonts/ArialMTProRegular.woff2") format("woff2"),
	  url("fonts/ArialMTProRegular.woff") format("woff"),
	  url("fonts/ArialMTProRegular.ttf") format("truetype"),
	  url("fonts/ArialMTProRegular.svg#ArialMTProRegular") format("svg");
  }
  body {
	font-family: 'ArialMTProRegular';
  }
#wrapper{
	width: 1280px;
    height: 720px;
	color: #fff;
	
}

#game_container{
	position: absolute;
	/* background-image: url("images/bg.png"); */
	width: 1280px;
    height: 720px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
    display: none;
}
.right { 
    color: green; 
    position: relative;
    float: right;  
    margin-right: 5px;
    margin-top: 0px;
   }
   .WrongRightFade{
    color: #b1adad;
    position: relative;
    float: right;  
    margin-right: 12px;
    margin-top: 0px;
    display: none;
   }
   .wrong {
    color: red;   
    position: relative;
    float: right;  
    margin-right: 5px;
    margin-top: 0px;
   }

.spantext{
    position: relative;
    width: 144px;
    background-color: #f6f6e7; 
    font-size: 11px;
    float: left;
    margin: 1px;
}
#tile_container{
	position: absolute;
    width: 1163px;
    top: 34px;
    left: 56px;
    height: 640px;
}




#resultpage{
    width: 1280px;
    height: 720px;
    position: absolute;
    background-color: #e3d9d9f7;
    z-index: 9;
    overflow: auto;
    display: none;
}
#correctans{
    position: absolute;
    left: 49px;
    top: 14px;
    color: black;
    font-weight: bold;
    font-size: 20px;
}
#innerarea{
    position: absolute;
    border: 2px solid black;
    width: 1180px;
    height: 620px;
    left: 50px;
    top: 50px;
    box-shadow: 4px 6px 5px 11px grey;
}
#vertebrates{
    position: absolute;
    left: 9px;
    top: 8px;
    color: black;
    font-weight: bold;
    font-size: 17px;
}
#vertebratesbottomline{
    position: absolute;
    width: 1180px;
    height: 0px;
    top: 30px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 2px;
}
#result1{
    position: absolute;
    width: 520px;
    height: 255px;
    /* border: 1px solid black; */
    top: 60px;
    left: 50px;
    overflow: auto;
}

#result2{
    position: absolute;
    width: 520px;
    height: 255px;
    /* border: 1px solid black; */
    top: 60px;
    right: 50px;
    overflow: auto;
}

#result3{
    position: absolute;
    width: 520px;
    height: 255px;
    /* border: 1px solid black; */
    bottom: 23px;
    left: 50px;
    overflow: auto;
}

#result4{
    position: absolute;
    width: 520px;
    height: 525px;
    /* border: 1px solid black; */
    top: 60px;
    left: 50px;
    overflow: auto;
}

#result5{
    position: absolute;
    width: 520px;
    height: 525px;
    /* border: 1px solid black; */
    top: 60px;
    right: 50px;
    overflow: auto;
}
.resultheading{
    color: black;
    margin: 5px;
    font-size: 19px;
    font-weight: bold;
}
li{
    color: black;
}

#innerarea2{
    position: absolute;
    border: 2px solid black;
    width: 1180px;
    height: 620px;
    left: 50px;
    top: 693px;
    box-shadow: 4px 6px 5px 11px grey;
}

#closebtn{
    position: absolute;
    color: black;
    font-size: 29px;
    font-weight: bold;
    right: 37px;
    top: 5px;
    cursor: pointer;
}




.tileContainer{
  position: absolute;
    width: 1080%;
    /* height: 80px; */
    margin: 0 auto;
    /* top: 50%; */
    vertical-align: middle;
}

.tileStyle{
	display: inline-block;
    position: absolute;
    cursor: pointer;
    left: -200px;
}

.tileStyless{
	position: relative;
    display: inline-block;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px rgba(128,128,128,1), /* gradient effects */ 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1), 0px 7px rgba(88,88,88,1), 0px 8px rgba(78,78,78,1), 0px 14px 6px -1px rgba(128,128,128,1);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
	
}
.App {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  padding: 40px 20px;
}

h1 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}



.Example {
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  padding: 20px;
  margin-bottom: 10px;
}

.Example-position {
  margin-top: 5px;
  color: #409ad7;
}


#tile1{
	left: 70px; 
	top: 11px;
    }
#tile2{
	left: 306px;
    top: 11px;
    }
#tile3{
	left: 539px;
    top: 11px;
    }
#tile4{
	left: 775px;
    top: 11px;
    }
#tile5{
	left: 1010px;
    top: 11px;
    }
		
#tile6{
	left: 201px;
    top: 134px;
    }
#tile7{
	left: 436px;
    top: 134px;
    }
#tile8{
	left: 671px;
    top: 134px;
    }
#tile9{
	left: 904px;
    top: 134px;
    }

#tile10{
	left: 315px;
    top: 247px;
}
#tile11{
	left: 550px;
    top: 247px;
    }

#tile12{
	left: 785px;
    top: 247px;
    }

    #tile13{
        left: 70px; 
        top: 11px;
        display: none;
        }
    #tile14{
        left: 306px;
        top: 11px;
        display: none;
        }
    #tile15{
        left: 539px;
        top: 11px;
        display: none;
        }
    #tile16{
        left: 775px;
        top: 11px;
        display: none;
        }
    #tile17{
        left: 1010px;
        top: 11px;
        display: none;
        }
            
    #tile18{
        left: 201px;
        top: 134px;
        display: none;
        }
    #tile19{
        left: 436px;
        top: 134px;
        display: none;
        }
    #tile20{
        left: 671px;
        top: 134px;
        display: none;
        }
    #tile21{
        left: 904px;
        top: 134px;
        display: none;
        }
    
    #tile22{
        left: 315px;
        top: 247px;
        display: none;
    }
    #tile23{
        left: 550px;
        top: 247px;
        display: none;
        }
    
    #tile24{
        left: 785px;
        top: 247px;
        display: none;
        }


        #tile25{
            left: 70px; 
            top: 11px;
            display: none;
            }
        #tile26{
            left: 306px;
            top: 11px;
            display: none;
            }
        #tile27{
            left: 539px;
            top: 11px;
            display: none;
            }
        #tile28{
            left: 775px;
            top: 11px;
            display: none;
            }
        #tile29{
            left: 1010px;
            top: 11px;
            display: none;
            }
                
        #tile30{
            left: 201px;
            top: 134px;
            display: none;
            }
        #tile31{
            left: 436px;
            top: 134px;
            display: none;
            }
        #tile32{
            left: 671px;
            top: 134px;
            display: none;
            }
        #tile33{
            left: 904px;
            top: 134px;
            display: none;
            }
        
        #tile34{
            left: 315px;
            top: 247px;
            display: none;
        }
        #tile35{
            left: 550px;
            top: 247px;
            display: none;
            }
        
        #tile36{
            left: 785px;
            top: 247px;
            display: none;
            }


            #tile37{
                left: 70px; 
                top: 11px;
                display: none;    
            }
            #tile38{
                left: 306px;
                top: 11px;
                display: none;    
            }
            #tile39{
                left: 539px;
                top: 11px;
                display: none;    
            }
            #tile40{
                left: 775px;
                top: 11px;
                display: none;    
            }
            #tile41{
                left: 1010px;
                top: 11px;
                display: none;   
                }
                    
            #tile42{
                left: 201px;
                top: 134px;
                display: none;    
            }
            #tile43{
                left: 436px;
                top: 134px;
                display: none;    
            }
            #tile44{
                left: 671px;
                top: 134px;
                display: none;    
            }
            #tile45{
                left: 904px;
                top: 134px;
                display: none;   
                }
            
            #tile46{
                left: 315px;
                top: 247px;
                display: none;
            }
            #tile47{
                left: 550px;
                top: 247px;
                display: none;
                }
            
            #tile48{
                left: 785px;
                top: 247px;
                display: none;
                }
                        

                
#tile49{
	left: 70px; 
	top: 11px;
display: none;
}
#tile50{
	left: 306px;
    top: 11px;

display: none;
}
#tile51{
	left: 539px;
    top: 11px;

display: none;
}
#tile52{
	left: 775px;
    top: 11px;

display: none;
}
#tile53{
	left: 1010px;
    top: 11px;

display: none;
}
		
#tile54{
	left: 201px;
    top: 134px;
    display: none;
    }
#tile55{
	left: 436px;
    top: 134px;
    display: none;
    }
#tile56{
	left: 671px;
    top: 134px;
    display: none;
    }
#tile57{
	left: 904px;
    top: 134px;
    display: none;
    }

#tile58{
	left: 315px;
    top: 247px;
    display: none;
}
#tile59{
	left: 550px;
    top: 247px;
    display: none;
    }

#tile60{
	left: 785px;
    top: 247px;
    display: none;
    }

    #tile61{
        left: 70px; 
        top: 11px;

display: none;    
}
    #tile62{
        left: 306px;
        top: 11px;

display: none;    
}
    #tile63{
        left: 539px;
        top: 11px;

display: none;    
}
    #tile64{
        left: 775px;
        top: 11px;

display: none;    
}
    #tile65{
        left: 1010px;
        top: 11px;

display: none;    
}
            
    #tile66{
        left: 201px;
        top: 134px;
        display: none;
        }
    #tile67{
        left: 436px;
        top: 134px;
        display: none;
        }
    #tile68{
        left: 671px;
        top: 134px;
        display: none;
        }
    #tile69{
        left: 904px;
        top: 134px;
        display: none;
        }
    
    #tile70{
        left: 315px;
        top: 247px;
        display: none;
    }
    #tile71{
        left: 550px;
        top: 247px;
        display: none;
        }
    
    #tile72{
        left: 785px;
        top: 247px;
        display: none;
        }

        
#tile73{
	left: 70px; 
	top: 11px;

display: none;
}
#tile74{
	left: 306px;
    top: 11px;

display: none;
}
#tile75{
	left: 539px;
    top: 11px;

display: none;
}
#tile76{
	left: 775px;
    top: 11px;

display: none;
}
#tile77{
	left: 1010px;
    top: 11px;
display: none;
}
		
#tile78{
	left: 201px;
    top: 134px;
    display: none;
    }
#tile79{
	left: 436px;
    top: 134px;
    display: none;
    }
#tile80{
	left: 671px;
    top: 134px;
    display: none;
    }
#tile81{
	left: 904px;
    top: 134px;
    display: none;
    }

#tile82{
	left: 315px;
    top: 247px;
    display: none;
}
#tile83{
	left: 550px;
    top: 247px;
    display: none;
    }

#tile84{
	left: 785px;
    top: 247px;
    display: none;
    }





.button:active {
    -webkit-box-shadow: 0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1), 0px 7px rgba(88,88,88,1), 0px 8px rgba(78,78,78,1), 0px 10px 2px 0px rgba(128,128,128,.6);
}
.button {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px rgba(128,128,128,1), /* gradient effects */ 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1), 0px 7px rgba(88,88,88,1), 0px 8px rgba(78,78,78,1), 0px 14px 6px -1px rgba(128,128,128,1);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
}

.button span {
    background-color: #E8E8E8;
    background-image: /* gloss gradient */ -webkit-gradient( linear, left bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.3)), color-stop(100%, rgba(255,255,255,0.2))), /* dark outside gradient */ -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(210,210,210,0.3)), color-stop(20%, rgba(210,210,210,0)), color-stop(80%, rgba(210,210,210,0)), color-stop(100%, rgba(210,210,210,0.3))), /* light inner gradient */ -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,0.5)), color-stop(80%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,0))), /* diagonal line pattern */ -webkit-gradient( linear, 0% 100%, 100% 0%, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,0)), color-stop(40%, #D2D2D1), color-stop(60%, #D2D2D1), color-stop(60%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
    -webkit-box-shadow: 0px -1px #fff, /* top highlight */ 0px 1px 1px #FFFFFF;
    -webkit-background-size: 100%, 100%, 100%, 4px 4px;
    -webkit-border-radius: 10px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    display: table-cell;
    padding: 10px 40px 10px 40px;
    color: black;
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-BdCn20', 'PT Sans Narrow';
    font-weight: bold;
    font-size: 14px;
    /* text-shadow: 0px 1px #fff, 0px -1px #262F33; */
    width: 120px;
    text-align: center;
    height: 60px;
    vertical-align: middle;
}


.button:active span {
	-webkit-transform: translate(0, 5px); /* depth of button press */
}


.tileVal{
	/* font-size: 14px !important;
    color: black;
    font-weight: bold !important; */
    position: relative;
    /* font-family: 'ArialMTProRegular'; */
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 120px;
    height: 60px;



}
.questiontxt{
	position: absolute;
    font-size: 52px;
    font-weight: bold;
	text-shadow: 3px 2px #0d0d0d;
    font-family: 'ArialMTProRegular';
    left: 75px;
    top: 16px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.button_empty{
	position: absolute;
    display: inline-block;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    background-color: #828282;
    -webkit-box-shadow: 0px -1px #fff, /* top highlight */ 0px 1px 1px #FFFFFF;
    -webkit-background-size: 100%, 100%, 100%, 4px 4px;
    -webkit-border-radius: 10px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    display: table-cell;
    padding: 14px 40px 14px 40px;
    color: #3A474D;
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-BdCn20', 'PT Sans Narrow';
    font-weight: 700;
    font-size: 16px;
    /* text-shadow: 0px 1px #fff, 0px -1px #262F33; */
    width: 120px;
    text-align: center;
    -webkit-transform: translate(0, 5px);
    height: 50px;
    vertical-align: middle;
}
#button_empty_1{
	top: 15px;
    left: 70px;
}

#button_empty_2{
	top: 15px;
    left: 305px;
}

#button_empty_3{
	top: 15px;
    left: 540px;
}

#button_empty_4{
	top: 15px;
    left: 775px;
}
#button_empty_5{
	top: 15px;
    left: 1010px;
}


#button_empty_6{
	top: 138px;
    left: 200px;
}

#button_empty_7{
	top: 138px;
    left: 435px;
}

#button_empty_8{
	top: 138px;
    left: 670px;
}

#button_empty_9{
	top: 138px;
    left:905px;
}



#button_empty_10{
	top: 250px;
    left: 315px;
}

#button_empty_11{
	top: 250px;
    left: 550px;
}

#button_empty_12{
	top: 250px;
    left: 785px;
}



#tiles_box_bg{
    background: #A7A9AC;
    background-image: -webkit-gradient( linear, left top, right top, color-stop(.34, rgba(230,237,241,.05)), color-stop(.67, rgba(230,237,241,0)));
    position: absolute;
    width: 1280px;
    height: 500px;
    left: 0px;
    top: 359px;
}
#tiles_box_top{  
    width: 1080%;   
    margin-left: 810px;    
    vertical-align: middle; 
        position: absolute;
    top: 0px;

}
#tiles_box_bottom{  
    width: 245%;  
    margin-left: 810px;  
    vertical-align: middle;
        position: absolute;
    top: 250px;
}
#tiles_box_bg_center{   
    width: 470%;
    margin-left: -444%;  
    vertical-align: middle;
        position: absolute;
    top: 130px;
}

.dropbox{
    position: absolute;
    width: 166px;
    height: 217px;  
    z-index: 1;
}
.dropbox1{
    position: absolute;
    width: 132px;
    height: 134px;
    background-color: #673ab7;
    z-index: 1;
}

#dropbox1{
	left: 117px;
    top: 30px;
    width: 167px;
    height: 248px;
}
#dropbox2{
	left: 308px;
    top: 0px;
    width: 169px;
    height: 263px;
}
#dropbox3{
	left: 494px;
    top: 2px;
    width: 174px;
    height: 249px;
}
#dropbox4{
	left: 685px;
    top: 0px;
    width: 171px;
    height: 263px;
}
#dropbox5{
	left: 876px;
    top: 10px;
    width: 174px;
    height: 271px;
}


#stopclick{
	position: absolute;
	width: 1280px;
	height: 720px;
    z-index: 3;
    display: none;
}


.box_name{
	top: 10px;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
}

.droped_box{
    position: absolute;
    background-color: white;
    width: 145px;
    height: 125px;
    top: 46px;
    margin-left: 5px;
    color: black;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    
}
#overall_score_box{
    position: absolute;
    width: 250px;
    height: 50px;
    left: 552px;
    top: 303px;
    color: black;
    font-size: 22px;
    font-weight: bold;
}
.box_score{
    position: absolute;
    width: 158px;
    height: 30px;
    left: 5px;
    top: 195px;
    color: white;
    font-size: 15px;
    font-weight: bold;
}

#box_score_name1{
    top: 221px;
    left: 30px;
    transform: rotate(0deg) translate(3px, 0px) skew(0deg, -7deg);
}
#droped_box_name1{
    top: 87px;
    top: 87px;
    transform: rotate(0deg) translate(3px, -2px) skew(0deg, -7deg);
    left: 8px;
}
#box_name1{
    margin-top: 57px;
    transform: rotate(0deg) translate(3px, 0px) skew(0deg, -7deg);
}

#box_score_name2{
    top: 235px;
    left: 30px;
    transform: rotate(0deg) translate(3px, 0px) skew(0deg, -4deg);
}
#droped_box_name2{
    top: 98px;
    left: 4px;
    transform: rotate(0deg) translate(3px, 0px) skew(0deg, -4deg);
}
#box_name2{
    margin-top: 65px;
    transform: rotate(0deg) translate(3px, 1px) skew(0deg, -4deg);
}

#box_score_name3{
    top: 226px;
    left: 20px;
}
#droped_box_name3{
    top: 90px;
    left: 11px;
}
#box_name3{
    margin-top: 57px;
}

#box_score_name4{
    top: 232px;
    left: 28px;
    transform: rotate(0deg) translate(3px, 2px) skew(0deg, 5deg);
}
#droped_box_name4{
    top: 91px;
    left: 5px;
    transform: rotate(0deg) translate(3px, 6px) skew(0deg, 4deg);
}
#box_name4{
    margin-top: 59px;
    transform: rotate(0deg) translate(3px, 6px) skew(0deg, 4deg);
}

#box_score_name5{
    top: 236px;
    left: 12px;
    transform: rotate(0deg) translate(-4px, 8px) skew(0deg, 7deg);
}
#droped_box_name5{
    top: 104px;
    left: 11px;
    transform: rotate(0deg) translate(-5px, 3px) skew(0deg, 7deg);
}
#box_name5{
    margin-top: 75px;
    transform: rotate(0deg) translate(-3px, 2px) skew(-2deg, 7deg);
}

/****start cube ****/
img{opacity:0.5;z-index:1;position:absolute;}
.boxes-container{position:absolute; left: 103px;
    top: 22px;}
.box3{left:447px;position:relative;top:-9px;}
.square_box3{width:176px;height:200px;position:absolute;top:73px;}


[class^="square"]{background: rgba(73,121,206,1);}
[class^="squareTop"]{background: rgba(34,61,104,1);position:absolute;}
[class^="squareSide"]{background: rgba(86,108,143,1);position:absolute;}
[class^="squareTopAfter"]{background:black;position:absolute;}
.squareTop_box3{width:176px;height:52px;top:21px;}
.squareTopAfter_box3{width:93px;height:16px;top:46px;left:44px;}
.box4{left:638px;position:relative;top:-9px;}
.square_box4{width:171px;height:200px;position:absolute;top:82px;left:0px;transform:rotate(0deg) translate(0px, 0px) skew(0deg, 4deg);}
.squareTop_box4{width:171px;height:57px;top:26px;position:absolute;transform: rotate(4deg) translate(0px, 0px) skew(-24deg, 0deg);left:16px;}
.squareTopAfter_box4{width:93px;height:16px;position:absolute;top:48px;left:46px;transform:rotate(1deg) translate(3px, 4px) skew(-25deg, 4deg);}
.squareSide_box4{width:30px;height:200px;left:171px;top:112px;transform: translate(0px, -52px) skew(0deg, -62deg);z-index: 1;}
.box4Mirror{transform:scaleX(-1);left:432px;}
.box5{left: 834px;position:relative;top:-9px;}
.square_box5{width: 154px;height:200px;position:absolute;top: 100px;left: 0px;transform: rotate(0deg) translate(0px, 0px) skew(0deg, 7deg);}
.squareTop_box5{width: 157px;height:57px;top: 46px;position:absolute;transform: rotate(4deg) translate(11px, 0px) skew(-43deg, 2deg);left:16px;}
.squareTopAfter_box5{width: 100px;height:16px;position:absolute;top: 64px;left: 27px;transform: rotate(1deg) translate(19px, 6px) skew(-50deg, 6deg);}
.squareSide_box5{width: 58px;height:200px;left:171px;top: 117px;transform: translate(-17px, -34px) skew(0deg, -42deg);}
.box5Mirror{transform:scaleX(-1);left:236px;}

/****close cube****/





/*-- Loader CSS Starts --*/
#html5Loader{
	top:0;left:0;margin:0;position:fixed;z-index: 3;background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMDAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 49%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(49%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 49%);
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 49%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 49%);
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 49%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
#html5Loader .fallback {top:50%;position:absolute;text-align:center;width:100%;color:white;/*vertical-align: middle;*/ /*display: block;font-style: normal;font-size:100px;*/}

div#DvLoaderCont{width:300px; height: 15px; position: absolute; top:0px; left:0px; bottom: 0px; right: 0px; margin: auto; z-index:100; background: #ffffff; overflow: hidden;}
div#DvLoaderProgress{width:300px; height: 15px; position: absolute; top:0px; left:-300px; background: #0079c0;}
/*-- Loader CSS Ends --*/

::-webkit-scrollbar {
  width: 0px;   
  height: 0px; 
}