@charset "UTF-8";
html, body { height: 100%; }
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -114px; }
#footer { height: 114px; overflow:hidden; }
/* #push { height: 114px;} */
#push{ height: 20px; }
@media ( max-width:991px ) {
	#wrap { margin: 0 auto -180px; }
	#footer { height: 180px; }
}
@media ( max-width:380px ) {
	#wrap { margin: 0 auto -240px; }
	#footer { height: 240px; }
}

body { font-size: 14px; line-height: 1.4em; color: #5d6367; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; }

a, a:visited { color:#304ffe; }
a:hover { color:#179eff; }

p { font-family: 'Open Sans', sans-serif; line-height: 1.4em; }

h1 { margin:20px 0; line-height: 1.2em; font-size:2em; font-weight: normal; color: #000; }
h2 { font-size:1.4em; }
h3 { font-size:1em; font-weight:bold; }
legend  { font-size: 21px; font-weight: bold; font-style: italic; border:0; margin:20px 0; }
.table { font-size:0.9em; }
.topmargin { margin-top:20px; }

.nowrap { white-space:nowrap; }
.row-centered { text-align:center; }
.col-centered { display:inline-block; float:none; text-align:left; margin-right:-4px; }
.col-right { display:inline-block; float:right; text-align:right; margin-right:16px; }

.has-error .help-block { background:#a00; border: 1px solid #fff; border-radius: 4px; padding:0 20px; position: relative; color:#fff; }
.has-error .help-block::before, .has-error .help-block::after { content: ''; position: absolute; left: 20px; top: -20px; border: 10px solid transparent; border-bottom: 10px solid #fff; }
.has-error .help-block::after { border-bottom: 10px solid #a00; top: -19px; }
.has-success .control-label { color:#fff; }
.control-label { display:none; }

.headrow { background: #12adfe; background: -webkit-linear-gradient(#12adfe, #3050fe); background: -o-linear-gradient(#12adfe, #3050fe); background: -moz-linear-gradient(#12adfe, #3050fe);  background: linear-gradient(#12adfe, #3050fe); }
.imgrow { background:url(../img/bg.png); }
@media ( max-width:767px) {
.imgrow { background-size:50%; }
}
#topbar { position:relative; }
.logobar { width:50%; text-align:center; margin:0 auto; margin-top:20px; }
.logobar img { max-width:100%; }
.pic img { width:80%; margin-top:-10%; }
@media ( max-width:380px) {
.logobar { width:60%; margin-top:10px; }
}
.navbar-default .navbar-toggle { border: 1px solid #fff; }
.navbar-default .navbar-toggle .icon-bar { background: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none!important; }
.navbar-default { border: none; background: none; margin: 0; }
.navbar { position:absolute; top:0; right:0; z-index:100; width:44px; min-height:20px; }
.email-contact a, .email-contact a:visited { display:block; width:20px; height:10px; color:#fff; font-family:"FontAwesome"; text-decoration:none; }
#topbar .social { display:block; }
#topbar .social ul { margin: 0; padding:0; }
#topbar .social li { display:inline-block; color: #fff; margin:0 0.2em; padding: 0; opacity: 0.7; }
#topbar .social li:hover { opacity: 1; color: #fff; }
#topbar .social li a { width:20px; height:10px; color: #fff; cursor:pointer; text-decoration:none; }
@media ( min-width:768px ) {
.nav>li { display: inline-block; margin-top:10px; }
.nav>li>a, .nav>li>a:visited  { display: block; padding:0 14px; border:1px solid transparent; border-radius:14px; color:#fff; }
.nav>li.active a { border-color:#fff; }
.nav>li>a:hover { background:none; color:#fff; text-shadow: none; text-decoration:none; border-color:#fff; }
#topbar .social { position:absolute; right:0px; top:10px; padding-right:40px; }
}
@media ( max-width:767px) {
#Navigation { position:absolute; top:50px; right:0px; z-index:1000; }
.nav>li>a, .nav>li>a:visited  { background:rgba(54,122,254,0.9); border:1px solid #fff; border-radius:20px; color:#fff; margin-bottom:1px;}
#topbar .social { position:absolute; left:3px; top:8px; }
}

.content { }
.category { margin:20px 0 0 0; padding:0; text-align:center; }
.category li { display: inline-block; margin:0; padding:0 20px 0 0; }
.category li a { color:#5d6367; text-decoration:none; font-size:1.4em; line-height:2em; }
.category li a:hover { color:#179eff; text-decoration:none; }
.category li a:before { content:"\f10c"; display:inline-block; padding:0 10px 0 0; font-family:"FontAwesome"; font-size:2em; color:#c0c0c0; }
.category li a.active-link:before { content:"\f058"; display:inline-block; padding:0 10px 0 0; font-family:"FontAwesome"; font-size:2em; color:#6DC300; }
@media ( max-width:767px) {
	.category { margin: 0 -15px; padding:0; text-align:left; }
	.category li { display: block; margin:0; padding:10px 20px; background:#12adfe; border-top:2px solid #fff; }
	.category li.active-link { background:#6DC300; }
	.category li a, .category li a:hover { color:#fff; text-decoration:none; font-size:1em; font-weight:bold; line-height:1em; }
	.category li a:before, .category li a.active-link:before { color:#fff; }
}

.category div { margin:0 auto; text-align:center; }
.category label { display: inline-block; margin:0; padding:0 20px 0 0; }
.radio div { margin-top:20px; }

.radio input { position: absolute; opacity: 0; }
.radio label:before { content:"\f10c"; display:inline-block; padding:0; font-family:"FontAwesome"; font-size:2em; color:#c0c0c0; }
.radio label.active-link:before { content:"\f058"; font-family:"FontAwesome"; font-size:2em; color:#6DC300; }
.toy-list-toy-wrapper { position:relative; }
.toy-list-toy-wrapper .likes { position:absolute; right:30px; bottom:30px; }
.toy-list-toy-wrapper .likes span { display:inline-block; width:24px; height:24px; overflow:hidden; margin:0; padding:0; border:0; border-radius:0; background:none; font-size:1.6em; color:#5d6367; }
.item {
	display:inline-block; 
	position:relative; 
	width:100%; 
	height:360px; 
	overflow:hidden; 
	margin-bottom:20px; 
	background-color:#eee; 
	background: -webkit-linear-gradient(#778, #eef); 
	background: -o-linear-gradient(#778, #eef); 
	background: -moz-linear-gradient(#778, #eef);  
	background: linear-gradient(#778, #eef);	
	border:1px solid #ccc; border-radius:20px; color:#5d6367; text-decoration:none; cursor:pointer; 
}
.item:visited { color:#5d6367; }
.item .itemimage { width:100%; height:290px; text-align:center; line-height:290px; background-color:#fff; border-bottom:1px solid #ccc; overflow:hidden; }
.item img { max-width:100%; max-height:290px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; }
.item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.item .rate { position:absolute; left:10px; top:10px; width:40px; height:40px; border-radius:20px; background-color:#ccc; font-weight:bold; font-size:1.4em; line-height:2em; text-align:center; color:#fff; }
.item .itemname { display:inline-block; padding:10px 0 0 10px; }
.item .itemprice { display:inline-block; white-space:nowrap; padding:10px 10px 0 0; text-align:right; font-weight:bold; }
.item .close { position:absolute; right:0px; top:0px; width:40px; height:40px; border-radius:0 0 0 20px; background-color:#000; font-weight:bold; font-size:1.2em; line-height:2em; text-align:center; color:#fff; }
.price span, .itemprice span { display:inline-block; position:relative; }
.price span::before, .itemprice span::before { content: "\2014"; font-size: 0.6em; left: -0.1em; position: absolute; top: 0; }
.price span::after, .itemprice span::after { content: "\2014"; font-size: 0.6em; left: -0.1em; position: absolute; top: 0.2em; }

.expander { clear:both; display: table; width:100%; margin-bottom:20px; min-height:380px; }
.itemactive { display: table-row; }
.itemactive .itemdesc, .itemactive .itemimg { display: table-cell; }
.itemactive .itemdesc { text-align:left; }
@media ( max-width:767px) {
	.expander { display: block; }
	.itemactive, .itemactive .itemdesc, .itemactive .itemimg { display: inline-block; height:auto; }
	.flipper, .front, .back { display:inline-block; }
	.carousel-indicators { right:0; margin:0; }
	.carousel-inner .item { height:360px; line-height:360px; }
	.carousel-inner .item img { display: inline-block; line-height:360px; }
}
.itemactive .itemimg img { max-width:100%; max-height:100%; }
.itemactive .price { margin:1em 0; font-size:1.4em; }
.itemactive .table { margin-top:0.6em; }

#t0 .rate, #r0 .rate { background-color:#ff2525; }
#t1 .rate, #r1 .rate { background-color:#ff8a00; }
#t2 .rate, #r2 .rate { background-color:#ffda10; }
#t3 .rate, #r3 .rate { background-color:#c4ff12; }
#t4 .rate, #r4 .rate { background-color:#83ff1e; }
#t5 .rate, #r5 .rate { background-color:#00ad7a; }
#t6 .rate, #r6 .rate { background-color:#1c92ff; }
#t7 .rate, #r7 .rate { background-color:#1801c8; }
#t8 .rate, #r8 .rate { background-color:#7700e6; }
#t9 .rate, #r9 .rate { background-color:#d21cff; }

.flip-container { 
	position:relative;
	-webkit-perspective: 10000;
	-moz-perspective: 10000;
	-ms-perspective: 10000;
	perspective: 10000;

	-ms-transform: perspective(10000px);
	-moz-transform: perspective(10000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 
}

/* START: Accommodating for IE */
.flip-container.flip .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.flip-container.flip .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
/* END: Accommodating for IE */

.front .rate, .back .rate { position:absolute; left:10px; top:10px; width:60px; height:60px; border-radius:30px; font-size:2em; font-weight:bold; font-size:2em; line-height:2em; text-align:center; color:#fff; }
.front .close, .back .close  { position:absolute; right:0px; top:0px; width:40px; height:40px; border-radius:0 20px 0 20px; background-color:#000; font-weight:bold; font-size:1.2em; line-height:2em; text-align:center; color:#fff; }
.flipper {
	position: relative;
	width:100%; 
	height:100%;
	min-height:380px;
	background-color:#fff; 
	border-radius:20px; 
	cursor:pointer;
	-webkit-transition: 0.6s; 
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;

	-moz-transition: 0.6s; -moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;
}
.front, .back {
	width: 100%; height:100%; overflow:hidden; position: absolute; top: 0; left: 0; text-align:center; border:1px solid #ccc; border-radius:20px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);

	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
}
.front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; background: #fff; }
.back { 
	background: #304ffe; 
	background: -webkit-linear-gradient(#304ffe, #179eff); 
	background: -o-linear-gradient(#304ffe, #179eff); 
	background: -moz-linear-gradient(#304ffe, #179eff);  
	background: linear-gradient(#304ffe, #179eff); 
	color:#fff; 
	padding:40px;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.back a.row { text-align:left; color:#fff; }

.share { position:absolute; left: 20px; bottom: 30px; }
.share ul { margin: 0; padding:0; }
.share li { display:inline-block; color: #ccd; margin:0 0.2em; padding: 0; opacity: 0.7; }
.share li:hover, #footer p:hover strong { opacity: 1; color: #c0c0c0; }
@media ( max-width:991px) {
	.share { left: 10px; bottom: 10px; }
}

/* FORMS */
select { max-width: 100%; }
input[type=text], input[type=submit], input[type=number], textarea, button, select { width:100%; font-size: 14px; line-height: 14px; background-color: #ffffff; color: #333333; border: 1px solid #000000; padding: 11px 15px; margin: 0; vertical-align: middle; font-weight:normal; letter-spacing: 1px; }
.form-control { height:45px; font-weight:normal; }
@media ( max-width:767px ) { input, textarea, button, select  { margin: 0 0 10px 0; }}
textarea { height:120px; padding-top: 10px; padding-bottom: 10px; }
button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"] {
	white-space: nowrap;
	display: inline-block;
	background: #304ffe; 
	background: -webkit-linear-gradient(#304ffe, #179eff); 
	background: -o-linear-gradient(#304ffe, #179eff); 
	background: -moz-linear-gradient(#304ffe, #179eff);  
	background: linear-gradient(#304ffe, #179eff);	
	border-radius: 20px 0;
	border: 1px solid #17189b;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	padding: 16px 15px 14px;
	vertical-align: middle;
	text-align: center;
	transition: background-color 100ms, color 100ms;
	font-family: 'Open Sans';
	text-transform: uppercase;
}
button[disabled], html input[disabled] { cursor: default; opacity:0.3; }
.showpic {
	background: #ff7b18; 
	background: -webkit-linear-gradient(#ff7b18, #fedd30); 
	background: -o-linear-gradient(#ff7b18, #fedd30); 
	background: -moz-linear-gradient(#ff7b18, #fedd30);  
	background: linear-gradient(#ff7b18, #fedd30);	
	border-radius: 20px 0;
	border: 1px solid #db5c00;
	display:none;
}
@media ( min-width:768px ) { 
	button:hover, .button:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #179eff; color:#fff; }
	.showpic:hover { background: #ff7b18;  }
}

#footer  { padding: 2em; background:#3050fe; color: #ccd; font-size:12px; background: #304ffe; background: -webkit-linear-gradient(#304ffe, #179eff); background: -o-linear-gradient(#304ffe, #179eff); background: -moz-linear-gradient(#304ffe, #179eff);  background: linear-gradient(#304ffe, #179eff); }
#footer .social { margin-top: 0.7em; }
#footer .social ul { margin: 0; padding:0; }
#footer .social li { display:inline-block; color: #ccd; margin:0 0.2em; padding: 0; opacity: 0.7; }
#footer .social li:hover, #footer p:hover strong { opacity: 1; color: #fff; }
#footer a, #footer .social li a { color: #ccd; cursor:pointer; }
#footer a:hover, #footer .social li a:hover{ text-decoration:none; color: #fff; }
.dev { display:block; float:right; }
@media ( max-width:767px ) { #footer { font-size:.8em; }}
@media ( max-width:991px ) { .dev { float:left; } }

.hide-when-not-checked { display: none; }

.textcontent { margin:20px 0; }

.modal-content { max-height:100%; overflow:auto; }
.modal-header { background-color:#eee; }
.modal-header .close { float:right; width:24px; height:24px; background-color:#fff; border:1px solid #555; border-radius:4px; }
.modal-header h2 { float:left; margin:0; color:#000; }
.well { background-color:#000; }

.small-box { border-radius: 2px; position: relative; display: block; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.small-box>.inner { padding: 10px; }
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,0.15);
}
.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}

a.asc::before { content:'\f062'; display: inline-block; padding:0 1em 0 0; font-family:'FontAwesome'; font-size:1em; }
a.desc::before { content:'\f063'; display: inline-block; padding:0 1em 0 0;font-family:'FontAwesome';  font-size:1em; }

.release { margin-bottom:20px; }
.release  select { display:inline-block; margin:0; width:auto; background:#f0f5ff; border-radius:4px; }
.release  button { display:inline-block; width:auto; 
	padding: 14px 15px 12px;
	background: #304ffe;
	background: -webkit-linear-gradient(#304ffe, #179eff); 
	background: -o-linear-gradient(#304ffe, #179eff); 
	background: -moz-linear-gradient(#304ffe, #179eff);  
	background: linear-gradient(#304ffe, #179eff);	
}

.personPhoto { width:150px; height:150px; overflow:hidden; border:1px solid #ccc; border-radius:75px; }
.personPhoto img { height:100%; }

.slide .item { width:100%; background:none; border:0; }
.slide .item img { margin:0 auto;; }
.carousel-indicators li { border:1px solid #5d6367; }
.carousel-indicators li.active { border:0; background-color:#5d6367; }

.textContent { margin-bottom:20px; }

.mag img { max-width:100%; }
@media ( max-width:767px) {
.mag .col-xs-12 { padding:0; }
}

.more { white-space:nowrap; }
.more:before {
    content: "\f0a9";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 5px;
}

.cheapestPrice { display:inline-block; width:auto; 
	padding: 14px 0 12px;
	color: #304ffe;
	font-size: 2em;
	font-weight:bold;
}

.buy { display:block; float:right; }