html{background:#1a232f url(../images/bg1.jpg) no-repeat center top;}
html.bg2{background:#1a232f url(../images/bg2.jpg) no-repeat center top;}
html.bg3{background:#1a232f url(../images/bg3.jpg) no-repeat center top;}
html, body{height:100%; margin:0; padding:0;}
html{background-size:cover;}
body{background:none;}


/*default style start*/
.no-script-msg{font:12px Arial, verdana, Helvetica, sans-serif;background:#FFFFCC url(../images/icon-noScript.gif) no-repeat 5px 10px;width:auto;padding:10px 10px 10px 25px;margin:8px;border:1px solid #CD3D18;font-weight:bold;height:auto;font-size:11px;color:#000000;line-height:150%;clear:both;}

.doPuzzle-Clear{clear:both; height:0px; overflow:hidden; width:auto; display:block;}
.doPuzzle-frame{display:block; padding:4.313em 0 0 0; margin:0 auto;  width:29.563em; height:31.313em; font-size:16px; background:url(../images/frame.png) no-repeat center top; background-size:100% auto;}
.doPuzzle {display:block; padding:0; margin:0 auto;  width:25.000em; position:relative; zoom:1; z-index:100; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none; font-size:16px; border:#662900 3px solid; -webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.doPuzzle .doPuzzle-help-btn{position:absolute; bottom:-5.750em; right:-.5em; z-index:3; cursor:pointer; width:10.188em; height:3.813em; display:block; background:url(../images/help_btn.png) no-repeat 0 0; background-size:100% 100%;}
.doPuzzle .doPuzzle-reset-btn{position:absolute; bottom:-5.750em; left:-.5em; z-index:3; cursor:pointer; width:10.188em; height:3.813em; display:block;  background:url(../images/reset_btn.png) no-repeat 0 0; background-size:100% 100%;}
.doPuzzle .doPuzzle-container{display:block; overflow:hidden; padding:0; margin:0; width:100%; height:auto; padding-top:100%; background:#333 url(../images/preloader-white.gif) no-repeat center center; position:relative; z-index:1; }
.doPuzzle .doPuzzle-container .doPuzzle-you-are-winner {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; display:none; float:left;}
.doPuzzle.doPuzzle-done .doPuzzle-container .doPuzzle-you-are-winner {display:block;}
.doPuzzle .doPuzzle-container .doPuzzle-you-are-winner i{width:100%; height:100%; position:absolute; top:0; left:0; display:block; z-index:0; background-color:#000; opacity:.8; filter:alpha(opacity=80);}
.doPuzzle .doPuzzle-container .doPuzzle-you-are-winner span{width:100%; height:100%; position:absolute; top:0; left:0; display:block; z-index:1; color:#fff; font-size:2em; text-align:center; line-height:4em; font-weight:700; -webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.doPuzzle.doPuzzle-done .doPuzzle-container .doPuzzle-you-are-winner span{ -webkit-animation: you-are-winner 3s linear infinite; -o-animation: you-are-winner 3s linear infinite; animation: you-are-winner 3s linear infinite;}
.doPuzzle .doPuzzle-container .doPuzzle-help-bg {width:100%; height:auto; position:absolute; top:0; left:0; bottom:0; z-index:1; display:none; float:left;}
.doPuzzle.doPuzzle-help .doPuzzle-container .doPuzzle-help-bg{display:block;}
.doPuzzle .doPuzzle-container > ul {display:block; overflow:hidden; padding:0; margin:0; list-style:none; width:100%; height:100%; float:left; position:absolute; top:0; left:0; z-index:0; -webkit-margin-before:0;-webkit-margin-after:0;-webkit-padding-start:0; opacity:0; filter:alpha(opacity=0); background-color: #333; -webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.doPuzzle.doPuzzle-loaded .doPuzzle-container > ul{opacity:1; filter:alpha(opacity=100);}
.doPuzzle .doPuzzle-container > ul > li {display:block; overflow:hidden; padding:0; margin:0; list-style:none; width:25%; height:25%; float:left; position:absolute; top:0; left:0; z-index:1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-1 {top:0%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-2 {top:0%; left:25%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-3 {top:0%; left:50%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-4 {top:0%; left:75%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-5 {top:25%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-6 {top:25%; left:25%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-7 {top:25%; left:50%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-8 {top:25%; left:75%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-9 {top:50%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-10 {top:50%; left:25%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-11 {top:50%; left:50%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-12 {top:50%; left:75%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-13 {top:75%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-14 {top:75%; left:25%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-15 {top:75%; left:50%;}
.doPuzzle .doPuzzle-container > ul > li.puzzle-slide-hold-16 {top:75%; left:75%;}
.doPuzzle .doPuzzle-container > ul > li > a {display:block; overflow:hidden; padding:0; margin:0; cursor:pointer; outline:none; width:100%; height:100%; position:relative; zoom:1; color:#fff; font-weight:normal; font-size:5em; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.doPuzzle .doPuzzle-container > ul > li > a > img {display:block; overflow:hidden; padding:0; margin:0; width:400%; height:auto; position:absolute; top:0; left:0; z-index:0; pointer-events: none;}
.doPuzzle .doPuzzle-container > ul > li > a > span {display:block; overflow:hidden; padding:0; margin:0; width:100%; height:100%; line-height:1.250em; position:absolute; top:0; left:0; z-index:1; text-align:center; }
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-16{opacity:0; filter:alpha(opacity=0); visibility:hidden;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-16 span{opacity:0; filter:alpha(opacity=0);}
.doPuzzle.doPuzzle-done .doPuzzle-container > ul > li > a.puzzle-slide-16{opacity:1; filter:alpha(opacity=100); visibility:visible;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-16 > span{display:none;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-1 > img{top:0%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-2 > img{top:0%; left:-100%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-3 > img{top:0%; left:-200%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-4 > img{top:0%; left:-300%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-5 > img{top:-100%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-6 > img{top:-100%; left:-100%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-7 > img{top:-100%; left:-200%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-8 > img{top:-100%; left:-300%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-9 > img{top:-200%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-10 > img{top:-200%; left:-100%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-11 > img{top:-200%; left:-200%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-12 > img{top:-200%; left:-300%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-13 > img{top:-300%; left:0%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-14 > img{top:-300%; left:-100%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-15 > img{top:-300%; left:-200%;}
.doPuzzle .doPuzzle-container > ul > li > a.puzzle-slide-16 > img{top:-300%; left:-300%;}
@media (max-width:767px){.doPuzzle-frame, .doPuzzle{font-size:10px;} .doPuzzle .doPuzzle-container .doPuzzle-you-are-winner span{font-size:10px; line-height:9em;}}
@-webkit-keyframes you-are-winner { 0% {font-size:2em;} 25% { font-size:2.5em;} 50% {font-size:2em;} 75% {font-size:2.5em;} 100% {font-size:2em;}}
@-o-keyframes you-are-winner { 0% {font-size:2em;} 25% { font-size:2.5em;} 50% {font-size:2em;} 75% {font-size:2.5em;} 100% {font-size:2em;}}
@keyframes you-are-winner { 0% {font-size:2em;} 25% { font-size:2.5em;} 50% {font-size:2em;} 75% {font-size:2.5em;} 100% {font-size:2em;}}
/*default style End*/