
.modal1 {display:none;position:fixed;z-index:1006;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}    



     
.modal-content1 {position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:450px;height:290px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;
animation-name:animatetop;animation-duration:0.4s}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
 
.close1 {color:white;float:right;font-size:28px;font-weight:bold;background:url('//www.proprofs.com/api/fancybox2/fancybox_sprite.png') no-repeat;width:46px;height:34px;margin-top:-23px;margin-right:-23px;}
.close1:hover,.close1:focus {text-decoration: none;cursor:pointer;}
.modal-header1 {padding:2px 0px;}
.modal-body1 {padding:2px 0px;}
.modal-footer1 {padding:2px 0px;}
.youwin{color:#606060;font-size:36px;font-weight:bold;margin:30px 0px 12px 40px;width:60%;text-align:center;}
.y_scored {color:#666;font-size:21px;
    font-weight:bold;
    margin:26px 0px 0 90px;
    width:40%;
    text-align:center;
}
.iscored {
    color: #ff8f00;
    font-size: 48px;
    font-weight: bold;
    width: 35%;
    text-align: center;
    margin: 26px 0 0 88px;
}

#correct_answers
{
	width: 40%;
    margin: 10px 0 0 60px;
    font-size: 15px;
    color: green;
    font-weight: bold;
}
#incorrect_answers
{
	width: 40%;
    margin: 10px 0 0 60px;
    font-size: 15px;
    color: red;
    font-weight: bold;
}
.thumb_boy {
    float: left;
    margin: -130px 0 0 282px;
    width: 135px;
}
#uname {
    width: 250px;
    display: inline-block;
    height: 35px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 16px; font-weight:400;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    float: left;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 20px 0 0 45px;
}
#submit_score {margin: -35.5px 0 0 300px; float:left}
.btn_blue {
    
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    background: #3498db;
    text-decoration: none;
    float: left;
    border: 0px;
}
.score_btn1 {
    padding: 7px 20px !important;
    border-radius: 2px !important;
   
}
.btn_blue:hover {
    background: #3cb0fd;
    background-image: linear-gradient(to bottom,#3cb0fd,#3498db);
    text-decoration: none;
    border: 0px;}
#submitloader {margin: -25px 0px 0px 400px;}

.modal2 {display:none;position:fixed;z-index:1006;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}

.modal-content2 {font-size: 18px;
    color: #888;position:relative;background-color:#fefefe;margin:auto;padding:20px;border: 10px solid #ddd;border-radius:4px;width:450px;height:90px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;
animation-name:animatetop;animation-duration:0.4s}











.jqPuzzle {
	margin:0px 0px 10px 0px;
	padding: 5px;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	
	
}

/* only needed if external css rules set defaults for divs,
   this rule only resets the most common properties */
.jqPuzzle div {
	background-color: transparent;
    width:450px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	text-align:center;
	}

/* div wrapper which holds the puzzle pieces and the solution image */
.jqPuzzle .jqp-wrapper {
	padding: 2px;
    width:450px;
	border: 1px solid #FFFFFF;
	background-color: #444455;
    background-size: 450px auto;
}

/* a single puzzle piece */
.jqPuzzle .jqp-piece {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	text-align:right;
	font-weight:bold;
}

.jqPuzzle .jqp-piece span{
	background-color:#666;
	color: #fff;
	font-size: 11px;
	padding:2px;
	 -moz-border-radius:3px; -webkit-border-radius:3px;
}

.jqPuzzle .jqp-piece:hover {
	border-style: dashed;
}

.jqPuzzle.jqp-solved .jqp-piece:hover {
	border-style: solid;
}

/* the controls area which holds the buttons and the display */
.jqPuzzle .jqp-controls {
	float: left;
}

/* a button */
.jqPuzzle .jqp-controls a {

}

.jqPuzzle .jqp-controls a:hover {

}

/* toggle/down state for buttons */
.jqPuzzle .jqp-controls a.jqp-toggle, 
.jqPuzzle .jqp-controls a.jqp-down {

}

/* disabled state for buttons */
.jqPuzzle .jqp-controls a.jqp-disabled {

}

/* the area which holds the moves/seconds display */
.jqPuzzle .jqp-controls span {
	margin-top: 5px;
	padding: 2px 4px;
	padding-left: 0px;
	border:1px solid #ddd;
	background-color: #eee;
	color: #666666;
	font-size: 14px;
	float: left;
}


/* solved state for the display (non-shuffled puzzle) */
.jqPuzzle.jqp-solved .jqp-controls span {
    padding: 2px 4px;
    border: 1px solid #7fa500;
    background-color: #9FEF86;
    color: #0F8F08;
}


/* disabled state for the display (non-shuffled puzzle) */
.jqPuzzle .jqp-controls span.jqp-disabled {
	color: #AAAAAA;
}

/* a text field for the moves/seconds display */
.jqPuzzle .jqp-controls span input {
	margin: 0px 3px;
	padding: 3px;
	padding-bottom: 2px;
	border-style: none;
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
	text-align: right;
}
.yourscore {
	margin: 0px 3px;
	border-style: none;
	background-color: #C2FFAF;
	color: #444444;
	font-weight: bold;
	text-align: center;
	height:22px;
	display:none;
}

/* disabled state for the text fields */
.jqPuzzle .jqp-controls span.jqp-disabled input {
	background-color: #EEEEFF;
	color: #AAAAAA;
}

/* solved state for the text fields */
.jqPuzzle.jqp-solved .jqp-controls span input {
	background-color: #C2FFAF;
	color: #444444;
}

/*-----Image Poll Result--------*/
ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span{
display:block;
position:absolute;
padding:0px;
border:5px solid #aaa;
-moz-border-radius:5px; -webkit-border-radius:5px;
top:0.3em;
left:-180px;
background-color:white; color:black;
text-align: left;
z-index:9000;
}
.imageicon{
background:url(/polls/images/image-small-icon.png) no-repeat bottom;
}
input.txtfield {
	width: 400px;
	padding:6px;
	border:2px solid #ccc;
	font-size: 12px;
	font-family:Arial;
	height:14px;
}
input.namefield {
	width: 140px;
	padding:6px;
	border:2px solid #ccc;
	font-size: 12px;
	font-family:Arial;
	height:14px;
}



.score_bar div.leftsec{float:left;}

.score_bar div span.score{background: #fff;color: #4d4d4d; padding: 4px; font-weight: 500;}


.allfc{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/all_icon2.png?v=5) no-repeat;background-position: 0px 3px; padding:5px 0px 8px 30px;text-decoration: none!important;}
			.allfc:hover{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/all_icon2_hover.png?v=4) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 30px;text-decoration: none!important;}
            .allfc_act{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/all_icon2_hover.png?v=4) no-repeat;background-position: 0px 3px; padding:5px 0px 8px 30px;text-decoration: none!important;}
			 
			.featured_fc{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Featured.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			.featured_fc:hover{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Featured_hover.png?v=1) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			.featured_fc_act{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Featured_hover.png?v=1) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			
			.popular_fc{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Popular.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			.popular_fc:hover{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Popular_hover.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			.popular_fc_act{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Popular_hover.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			
			.recent_fc{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Recent.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			.recent_fc:hover{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Recent_hover.png?v=1) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			.recent_fc_act{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Recent_hover.png?v=1) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 28px;text-decoration: none!important;}
			
			.languages_fc{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Language.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 30px;text-decoration: none!important;}
			.languages_fc:hover{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Language_hover.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 30px;text-decoration: none!important;}
			.languages_fc_act{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/Language_hover.png?v=2) no-repeat;background-position: 0px 3px; padding: 5px 0px 8px 30px;text-decoration: none!important;}
			
			.dateby_fc{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/date.png?v=2) no-repeat;background-position: 0px 3px; padding:6px 0px 8px 24px;text-decoration: none!important;}
			.dateby_fc:hover{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/date_hover.png?v=1) no-repeat;background-position: 0px 3px; padding:6px 0px 8px 24px;text-decoration: none!important;}
			.dateby_fc_act{font-size:17px; font-weight:500;background: url(/flashcards/browse/Icons/date_hover.png?v=1) no-repeat;background-position: 0px 3px; padding:6px 0px 8px 24px;text-decoration: none!important;}
			.featured-row-tab { float: left; width: 100%; height: auto; padding: 20px 0 5px 13px}
			.icontabs_all { float: left; width: 85px; height:33px;}
			.icontabs_feat { float: left; width:127px;height:33px;}
			  .icontabs_pop { float: left; width:120px;height:33px;}
			  .icontabs_rece { float: left; width:115px;height:33px;}
			  .icontabs_lang { float: left; width:140px;height:33px;}
			  .icontabs_date { float: left; width:61px;height:33px;}
			  .act_tab{ font-weight:bold !important;color:#4d4d4d !important;}
			  .custom_image { width: 105% !important; border:1px solid #eee}



.custom_score{margin-bottom: 5px;font-weight:500;color:#4d4d4d;}
.score {background: #fff;color: #4d4d4d; padding: 4px; font-weight: 500;}
.jqPuzzle{ float:left;background:#cecece;} 

.li_btn_create {display: inline-block;cursor: pointer;}

.btn_custom {font-weight:bold;font-size:15px;padding:12px 16px;border-radius:4px;margin-left:2px;color:#fff;outline:none;text-align:center;text-decoration:none;-webkit-user-select:none;
background-color:#3c8ac9;background-image:-webkit-linear-gradient(top,#3c8ac9,#4787ed);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2);
border:1px solid #3079ed;}
.btn_custom:hover {font-weight:bold;padding:12px 16px;border-radius:4px;margin-left:2px;background-color:#4a8cf8;background:linear-gradient(to bottom,#4a8cf8 0%,#3575dc 100%);border:1px solid #2b72e2;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2);outline:none;text-align:center;text-decoration:none;-webkit-user-select:none;}
.li_restart {display:inline-block;font-weight:bold;font-size:1.2em;}
.col_msg {margin-top:15px;font-size:16px;line-height:25px;}
.col_msg_text {margin:0;padding:0 1em;list-style:none;margin-left:30px;}
.col_msg_text>li::before {content:"";border-color:transparent #111;border-style:solid;
border-width:0.35em 0 0.35em 0.45em;display:block;height:0;width:0;left: -1em;top: 1.1em;position: relative;}
#game_player{position:relative;top:8px;left:8px;}
 
@media only screen and (max-width:5000px) and (min-width:1024px)
{
	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:40px !important;}
	
	.toptagline_sub {font-size:24px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans',sans-serif;text-align:center;margin-top:5px;font-weight:400;}

	#sliding_puzzle_container{width:780px;height:478px;position:relative;background:#cecece;border-radius:4px;}

	.score_bar{height:120px;width:200px;float:right;margin-right:11px;margin-top:14px;background:#fff;padding:20px;border-radius:4px;}
	
    .moves_bar{height:317px;width:200px;margin-left:570px;margin-top:148px;background:#fff;
    padding:20px;position:absolute;border-radius:4px;}

	.cat {min-height: 230px;}

	.custom_image:hover {box-shadow: 1px 1px 5px #999;}
	
	
	
	.bottom_content_put,.bottom_content_history,.bottom_content_instructions,.bottom_content_tips{margin-top:30px;}	
	.bottom_content_history_li,.bottom_content_instructions_li,.bottom_content_tips_li{margin-top:30px;}
    #img_step1{margin-top:10px !important;}
	#img_step2{margin-top:5px !important;}
	.img_put{margin:auto;}
	.img_history{margin-top:32px;}
	.transition {-webkit-transform: scale(1.9); -moz-transform: scale(1.9);-o-transform: scale(1.9);transform: scale(1.9);}
    #preview {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
   .preview_sliding_puzzle{margin:50px 30px;font-weight: bold;color: #000;cursor:pointer;}
	.preview_image_small{display:none;}
	
	

}
@media only screen and (max-width:1023px) and (min-width:980px)
{
	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:40px !important;}
	
	.toptagline_sub {font-size:24px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans',sans-serif;text-align:center;margin-top:5px;font-weight:400;}

	#sliding_puzzle_container{width:780px;height:478px;position:relative;background:#cecece;border-radius:4px;}
	
	.score_bar{height:120px;width:200px;float:right;margin-right:11px;margin-top:14px;background:#fff;padding:20px;border-radius:4px;}

	.moves_bar{height:317px;width:200px;margin-left:570px;margin-top:148px;background:#fff;padding:20px;position:absolute;border-radius:4px;}
	
	.cat {min-height:230px;}
	
	.custom_image:hover {box-shadow:1px 1px 5px #999;}
	
	
	
	.bottom_content_put,.bottom_content_history,.bottom_content_instructions,.bottom_content_tips{margin-top:30px;}	
	.bottom_content_history_li,.bottom_content_instructions_li,.bottom_content_tips_li{margin-top:30px;}
	#img_step1{margin-top:10px !important;}
	#img_step2{margin-top:5px !important;}
	.img_put{margin:auto;}
	.img_history{margin-top:32px;}
	.transition {-webkit-transform: scale(1.9); -moz-transform: scale(1.9);-o-transform: scale(1.9);transform: scale(1.9);}
    #preview {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
   .preview_sliding_puzzle{margin:50px 30px;font-weight: bold;color: #000;cursor:pointer;}
   .preview_image_small{display:none;}
}
@media only screen and (max-width:979px) and (min-width:768px)
{
	
	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:40px !important;}
    
    .toptagline_sub {font-size:24px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans',sans-serif;text-align:center;margin-top:5px;font-weight:400;}
	
	#sliding_puzzle_container{width:706px;height:478px;position:relative;background:#cecece;border-radius:4px;-moz-transform:scale(0.9,1);}
	
	.score_bar{height:120px;width:125px;float:right;margin-right:12px;margin-top:14px;background:#fff;padding:20px;border-radius:4px;}
	
	.moves_bar{height:317px;width:123px;margin-left:570px;margin-top:148px;background:#fff;padding:20px;position:absolute;border-radius:4px;}
	
	.content_ad {margin:0px;height:auto;padding:10px 0px;}
	
	.cat {min-height:170px;}
	
	.custom_image:hover {box-shadow:1px 1px 5px #999;}
	
	
	
	.bottom_content_put,.bottom_content_history,.bottom_content_instructions,.bottom_content_tips{margin-top:30px;}
    .bottom_content_history_li,.bottom_content_instructions_li,.bottom_content_tips_li{margin-top:30px;}	
	#img_step1{margin-top:10px !important;}
	#img_step2{margin-top:5px !important;}
	.img_put,.img_history{margin-top:120px;}
	
	.transition {-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
    #preview {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
   .preview_sliding_puzzle{margin:20px -8px;font-weight: bold;color: #000;cursor:pointer;}
	.preview_image_small{display:none;}
	
	
	
	
	

}
@media only screen and (max-width:767px) and (min-width:640px)
{
	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:27px !important;}

	.toptagline_sub {font-size:16px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans', sans-serif;text-align:center;margin-top:5px;font-weight:400;}


	#sliding_puzzle_container{width:569px;height:560px;position:relative;background:#cecece;border-radius:4px;}
	
	.score_bar{height:70px;width:400px;border-radius:4px;position:absolute;left:15px;top:15px;background:#fff;padding:10px;}
	
	.moves_bar{height:70px;width:130px;margin-left:426px;margin-top:15px;background:#fff;padding:10px;position:absolute;border-radius:4px;}
	
	#game_player{position:relative;top:90px;left:8px;}

	.cat {min-height:285px;}
	
	.custom_image:hover {box-shadow: 1px 1px 5px #999;}

	
	.bottom_content_put,.bottom_content_history,.bottom_content_instructions,.bottom_content_tips{margin-top:30px;}
	.bottom_content_history_li,.bottom_content_instructions_li,.bottom_content_tips_li{margin-top:30px;}
      .img_put,.img_history{margin:auto;}
	  .step_margin_top{margin-top:20px;}
	  
	  #preview_image, .preview_sliding_puzzle{display:none;}
	  
	  .preview_image_small{font-weight:bold;cursor:pointer;}
	  #preview_small_screen{width:100px; height:40px;}
	  
	  .transition {-webkit-transform: scale(2); -moz-transform: scale(2);-o-transform: scale(2);transform: scale(2);}
	  
	  #preview_small_screen {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
	  
	  
	  
}
@media only screen and (max-width:639px) and (min-width:568px)
{
	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold; margin-bottom:10px !important;line-height:52px;font-size:27px !important;}
	
    .toptagline_sub {font-size:16px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans', sans-serif; text-align:center; margin-top:5px;font-weight:400;}
    
    #sliding_puzzle_container{width:562px;height:554px;position:relative;background:#cecece;border-radius:4px;transform:scale(0.9,0.9);right:28px;}
    
	.score_bar{height:65px;width:398px;left:10px;top:14px;border-radius:4px;position:absolute;background:#fff;padding:10px;}
    
	.moves_bar{height:65px;width:134px;margin-left:418px;margin-top:14px;background:#fff;padding:10px;position:absolute;border-radius:4px;}
	
    #game_player {position:absolute;top:85px;left:4px;}

    .cat {min-height:245px;}
	
    .custom_image:hover {box-shadow:1px 1px 5px #999;}
	
	
	.img_put,.img_history{margin:auto;}
	.step_margin_top{margin-top:20px;}
	 #preview_image, .preview_sliding_puzzle{display:none;}
	 .preview_image_small{font-weight:bold;cursor:pointer;}
	 #preview_small_screen{width:100px; height:40px;}
	 
	  .transition {-webkit-transform: scale(2); -moz-transform: scale(2);-o-transform: scale(2);transform: scale(2);}
	  
	  #preview_small_screen {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
	 
}

@media only screen and (max-width:567px) and (min-width:480px)
{
	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:27px !important;}
	
	.toptagline_sub {font-size:16px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans', sans-serif;text-align:center;margin-top:5px;font-weight:400;}
	
	#sliding_puzzle_container{width:562px;height:570px;position:relative;background:#cecece;border-radius:4px;transform:scale(0.75,0.8);right:70px;}
	
	#game_player {position:absolute;top:98px;left:4px;}
	
	.score_bar{height:78px;border-radius:4px;width:380px;top:12px;left:12px;position:absolute;background:#fff;padding:10px;font-size:16px;}

	.moves_bar{height:78px;width:147px;left:403px;top:12px;background:#fff;padding:10px;position:absolute;border-radius:4px;font-size:16px;}
	
	.qtip-wrapper{width:260px;left:128px;}
	
	.cat {min-height:210px;}

	.custom_image:hover {box-shadow: 1px 1px 5px #999;}

	

     .custom_btn_dist{position: relative;bottom:20px;margin-top:0px !important}
	 .custom_game_container{position:relative;bottom:45px;}
	.img_put,.img_history{margin:auto;}
	.step_margin_top{margin-top:20px;}
	
	.line_put{width:340px !important;}
	.line_history{width:260px !important;}
	 #preview_image, .preview_sliding_puzzle{display:none;}
	 .preview_image_small{font-weight:bold;cursor:pointer;}
	  #preview_small_screen{width:80px; height:40px;}
	  
 .transition {-webkit-transform: scale(1.9); -moz-transform: scale(1.9);-o-transform: scale(1.9);transform: scale(1.9);}
	  
	  #preview_small_screen {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
	  
	  
	  .close1{width:35px !important;margin-right:-13px !important;}
	  
	  
	  
	  
	
}

@media only screen and (max-width:479px) and (min-width:360px)
{
	.description_text{position:relative;bottom:170px;}
	
	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:20px !important;}
	
    .toptagline_sub {font-size:14px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans', sans-serif;text-align:center;margin-top:5px;font-weight:400;}

	#sliding_puzzle_container{width:559px;height:570px;position:relative;background:#cecece;border-radius:4px;transform:scale(0.6,0.6);right:125px;bottom:100px;}

	.score_bar{height:75px;width:410px;float:right;top:12px;left:10px;position:absolute;background:#fff;padding:10px;border-radius:4px;font-size:20px;}
	.moves_bar{height:75px;width:115px;left:433px;font-size:20px;top:12px;background:#fff;padding:10px; position:absolute;border-radius:4px;}

	#options{position:relative !important;bottom:202px;}

	#game_player{position:absolute;top:98px;left:4px;}
	
	.showtips{transform:scale(1.4,1.4);}

	.qtip-wrapper{width:230px;left:17px;}
	
	.qtip-tip{right:64px !important;}

	.cat {min-height:155px;}
	
	.custom_image:hover {box-shadow:1px 1px 5px #999;}

	

	.icons{position:relative;bottom:190px;}	

    .featured_images{position:relative;bottom: 180px;}
    .cat {min-height: 125px;}
	.custom_cat_head{position:relative;bottom:200px;}
	.custom_cat_images{position:relative;bottom:170px;}	
	
	.bottom_content_put{position:relative;bottom:180px;}
	
	.bottom_content_history{position:relative;bottom:180px;}
	
	.bottom_content_history_li{position:relative;bottom:160px;}
	
	.bottom_content_instructions{position:relative;bottom:150px;}
	
	.bottom_content_instructions_li{position:relative;bottom:140px;}
	
	.bottom_content_tips{position:relative;bottom:120px;}
	
	.bottom_content_tips_li{position:relative;bottom:110px;}
.img_put,.img_history{margin:auto;}
.step_margin_top{margin-top:20px;}

.line_put{width:200px !important;}
.line_history, .line_instructions{width:180px !important;}
.bottom_related{position: relative;
    bottom: 130px;}
	.custom_related{position:relative;bottom: 170px;}
   
    #preview_image, .preview_sliding_puzzle{display:none;}
	.preview_image_small{font-weight:bold;cursor:pointer;}
   #preview_small_screen{width:80px; height:40px;margin-top:20px;}
   
    .transition {-webkit-transform: scale(1.9); -moz-transform: scale(1.9);-o-transform: scale(1.9);transform: scale(1.9);}
	  
	  #preview_small_screen {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
	  
	  
	  
	 .modal-content1{width:290px !important;height:440px !important;} 
	 .close1{width:35px !important;margin-right:-13px !important;} 
	 .youwin{margin:30px 0px 12px 16px !important;width:90% !important;}
	 .y_scored{margin:26px 0px 0 90px !important;width:40% !important;}
	 .iscored{margin: 26px 0 0 76px !important;width:55% !important;}
	 .thumb_boy{margin: 20px 0 0 70px !important;}
	 #uname{margin: 10px 0 0 20px !important;}
	 #submit_score{margin:5px 0 0 108px !important;}
	 #submitloader{margin: -25px 0px 0px 214px!important;}
	 
	  
	  
	  
	  
	  
	  
}
@media only screen and (max-width:359px) and (min-width:320px)
{
	.description_text{position:relative;bottom:263px;}
	
	
	
	
  	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:20px !important;}
	.toptagline_sub {font-size:14px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans', sans-serif;text-align:center;margin-top:5px;font-weight:400;}

	#sliding_puzzle_container{width:562px;height:570px;position:relative;background:#cecece;border-radius:4px;transform:scale(0.5,0.5);right:140px;bottom:140px;}

	.score_bar{height:75px;width:412px;float:right;top:12px;left:12px;font-size:20px;position:absolute;background:#fff;padding:10px;border-radius:4px;}
	
	.moves_bar{height:75px;width:118px;left:433px;top:12px;font-size:20px;background:#fff;padding:10px;position:absolute;border-radius:4px;}

	.showtips{transform: scale(1.4,1.4);}
	
	#options{bottom: 260px;position: relative;}
	
	#game_player{position:absolute;top:97px;left:4px;}
	
	.qtip-wrapper{width: 220px;left:0px;}
	
	.qtip-tip{right:60px !important;}
	
	
	
	.custom_image:hover {box-shadow:1px 1px 5px #999;}
	
	
	
    .icons	{position:relative;bottom:276px;}

    .featured_images{position:relative;bottom: 270px;}
    .cat {min-height: 134px;}
	.custom_cat_head{position:relative;bottom:240px;}
	.custom_cat_images{position:relative;bottom:224px;}	
	.bottom_content_put{position:relative;bottom:260px;}	
	.bottom_content_history{position:relative;bottom:200px;}
	
	.bottom_content_history_li{position:relative;bottom:180px;}
	
	.bottom_content_instructions{position:relative;bottom:170px;}
	
	.bottom_content_instructions_li{position:relative;bottom:160px;}
	
	.bottom_content_tips{position:relative;bottom:140px;}
	
	.bottom_content_tips_li{position:relative;bottom:130px;}
	.img_put,.img_history{margin:auto;}
	.step_margin_top{margin-top:20px;}
	
	
	.line_put{width:200px !important;}
	.line_history{width:180px !important;}
	.line_instructions{width:160px !important;}
	.bottom_related{position: relative;
    bottom: 130px;}
	
	.custom_related{position:relative;bottom: 220px;}
	 #preview_image, .preview_sliding_puzzle{display:none;}
	 .preview_image_small{font-weight:bold;cursor:pointer;}
	 #preview_small_screen{width:80px; height:40px;margin-top:20px;}
	 
	  .transition {-webkit-transform: scale(1.9); -moz-transform: scale(1.9);-o-transform: scale(1.9);transform: scale(1.9);}
	  
	  #preview_small_screen {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
	  
	  
	  
	  .modal-content1{width:290px !important;height:440px !important;} 
	 .close1{width:35px !important;margin-right:-13px !important;} 
	 .youwin{margin:30px 0px 12px 16px !important;width:90% !important;}
	 .y_scored{margin:26px 0px 0 90px !important;width:40% !important;}
	 .iscored{margin: 26px 0 0 76px !important;width:55% !important;}
	 .thumb_boy{margin: 20px 0 0 70px !important;}
	 #uname{margin: 10px 0 0 20px !important;}
	 #submit_score{margin:5px 0 0 108px !important;}
	 #submitloader{margin: -25px 0px 0px 214px!important;}
}

@media only screen and (max-width:319px) and (min-width:0px)
{
	.description_text{position:relative;bottom:263px;}
	
	
	
	
  	.toptagline {text-align:center;color:#f88528;font-family:SegoeUI-SemiBold;margin-bottom:10px !important;line-height:52px;font-size:20px !important;}
	.toptagline_sub {font-size:14px !important;color:#3a3a3a;line-height:32px !important;font-family:'Open Sans', sans-serif;text-align:center;margin-top:5px;font-weight:400;}

	#sliding_puzzle_container{width:562px;height:570px;position:relative;background:#cecece;border-radius:4px;transform:scale(0.5,0.5);right:140px;bottom:140px;}

	.score_bar{height:75px;width:412px;float:right;top:12px;left:12px;font-size:20px;position:absolute;background:#fff;padding:10px;border-radius:4px;}
	
	.moves_bar{height:75px;width:118px;left:433px;top:12px;font-size:20px;background:#fff;padding:10px;position:absolute;border-radius:4px;}

	.showtips{transform: scale(1.4,1.4);}
	
	#options{bottom: 260px;position: relative;}
	
	#game_player{position:absolute;top:97px;left:4px;}
	
	.qtip-wrapper{width: 220px;left:0px;}
	
	.qtip-tip{right:60px !important;}
	
	
	
	.custom_image:hover {box-shadow:1px 1px 5px #999;}
	
	
	
    .icons	{position:relative;bottom:276px;}

    .featured_images{position:relative;bottom: 270px;}
    .cat {min-height: 134px;}
	.custom_cat_head{position:relative;bottom:240px;}
	.custom_cat_images{position:relative;bottom:224px;}	
	.bottom_content_put{position:relative;bottom:260px;}	
	.bottom_content_history{position:relative;bottom:200px;}
	
	.bottom_content_history_li{position:relative;bottom:180px;}
	
	.bottom_content_instructions{position:relative;bottom:170px;}
	
	.bottom_content_instructions_li{position:relative;bottom:160px;}
	
	.bottom_content_tips{position:relative;bottom:140px;}
	
	.bottom_content_tips_li{position:relative;bottom:130px;}
	.img_put,.img_history{margin:auto;}
	.step_margin_top{margin-top:20px;}
	
	
	.line_put{width:200px !important;}
	.line_history{width:180px !important;}
	.line_instructions{width:160px !important;}
	.bottom_related{position: relative;
    bottom: 130px;}
	
	.custom_related{position:relative;bottom: 220px;}
	 #preview_image, .preview_sliding_puzzle{display:none;}
	 .preview_image_small{font-weight:bold;cursor:pointer;}
	 #preview_small_screen{width:80px; height:40px;margin-top:20px;}
	 
	  .transition {-webkit-transform: scale(1.9); -moz-transform: scale(1.9);-o-transform: scale(1.9);transform: scale(1.9);}
	  
	  #preview_small_screen {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}
	  
	  .modal-content1{width:290px !important;height:440px !important;} 
	 .close1{width:35px !important;margin-right:-13px !important;} 
	 .youwin{margin:30px 0px 12px 16px !important;width:90% !important;}
	 .y_scored{margin:26px 0px 0 90px !important;width:40% !important;}
	 .iscored{margin: 26px 0 0 76px !important;width:55% !important;}
	 .thumb_boy{margin: 20px 0 0 70px !important;}
	 #uname{margin: 10px 0 0 20px !important;}
	 #submit_score{margin:5px 0 0 108px !important;}
	 #submitloader{margin: -25px 0px 0px 214px!important;}
	  
	  
	  
}
