.intro-final p,.intro-final b{letter-spacing:1px;}
.socialShare b{font-weight:normal;font-size:13px;}
.final-img img{max-width:100%;max-height:320px;}
.intro-final:before,
.intro:before,
.intro .slick-slider:before
.magic-item .slick-slider:before
{
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,1) url(../images/overlay-bg-1.png) 0 0 repeat;
opacity:0.5;
}
a.btn{max-width:240px;}
.intro-content .btn.btn-center{margin:15px auto;}
.scroll-content .btn.btn-center{margin:15px auto;}
.thim-social{margin:0;padding-top:3px;padding-bottom:3px;padding-right:22px} .thim-social li{height:24px} .thim-social li:last-child a{margin-right:0} .thim-social a{color:gold;border-color:gold;width:24px;height:24px;line-height:22px;font-size:12px} .thim-social a .fa{margin:0;line-height:22px} .thim-social{margin:0;margin-top:-20px} .thim-social{margin-top:-10px}
.category-navbar{display:none!important;} .thim-social{margin:27px 0 0 40px} .thim-social b{font-size:13px;height:32px;line-height:30px;border:1px solid transparent;text-align:center;margin:-8px 10px 0 0;font-weight:normal;float:left;}.thim-social a{font-size:16px;width:32px;height:32px;line-height:30px;border:1px solid gold;display:inline-block;text-align:center;border-radius:50%;margin-right:10px;overflow:hidden;cursor:pointer} .thim-social a.facebook:hover{color:#fff;border-color:#3b5998;background:#3b5998} .thim-social a.twitter:hover{color:#fff;border-color:#00aced;background:#00aced} .thim-social a.dribbble:hover{color:#fff;border-color:#ea4c89;background:#ea4c89} .thim-social a.pinterest:hover{color:#fff;border-color:#cb2027;background:#cb2027} .thim-social a.google-plus:hover{color:#fff;border-color:#dd4b39;background:#dd4b39} .thim-social a.linkedin:hover{color:#fff;border-color:#007bb5;background:#007bb5} .thim-social a.youtube:hover{color:#fff;border-color:#b00;background:#b00} .thim-social a.instagram:hover{color:#fff;border-color:#517fa4;background:#517fa4} .thim-social a .fa{display:block;line-height:30px} .thim-social ul.social_link{margin:0} .thim-social ul.social_link li{display:inline-block;margin:0;list-style:none;padding:0} .thim-social.style-2 .widget-title{margin-bottom:5px !important} .thim-social.style-2 a{font-size:12px;width:25px;height:25px;line-height:25px;border:0;display:inline-block;text-align:center;border-radius:2px;margin-right:8px;overflow:hidden;cursor:pointer;color:#ccc !important} .thim-social.style-2 a:hover{color:#fff !important} .thim-social.style-2 a.facebook{color:#fff;border-color:#3b5998;background:#3b5998} .thim-social.style-2 a.facebook:hover{background:#3b6398} .thim-social.style-2 a.twitter{color:#fff;border-color:#00aced;background:#00aced} .thim-social.style-2 a.twitter:hover{background:#07c3ed} .thim-social.style-2 a.dribbble{color:#fff;border-color:#ea4c89;background:#ea4c89} .thim-social.style-2 a.dribbble:hover{background:#ea5e9e} .thim-social.style-2 a.pinterest{color:#fff;border-color:#cb2027;background:#cb2027} .thim-social.style-2 a.pinterest:hover{background:#cb333f} .thim-social.style-2 a.google-plus{color:#fff;border-color:#dd4b39;background:#dd4b39} .thim-social.style-2 a.google-plus:hover{background:#dd5547} .thim-social.style-2 a.linkedin{color:#fff;border-color:#007bb5;background:#007bb5} .thim-social.style-2 a.linkedin:hover{background:#0b8ab5} .thim-social.style-2 a.youtube{color:#fff;border-color:#b00;background:#b00} .thim-social.style-2 a.youtube:hover{background:#bb0d23} .thim-social.style-2 a.instagram{color:#fff;border-color:#517fa4;background:#517fa4} .thim-social.style-2 a.instagram:hover{background:#4e84a4} .thim-social.style-2 a .fa{display:block;line-height:25px} .thim-social.style-2 ul li{line-height:25px;margin-bottom:0} .thim-social{margin:0;padding-top:5px} .thim-social li{list-style:none;display:inline-block} .thim-social-share{float:left;margin-top:20px;margin-bottom:40px;display:block}
#grid{display:none;}
.imageCloud{max-width:800px;margin:0 auto;height:100%;overflow-y:auto}
#grid.visible {display:block;z-index:20;}
.fixed-center{
position:absolute;
width:100%;
height:100%;
top:0%;
left:0%;
overflow:visible;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
}
.image-center{
position:absolute;
width:100%;
height:100%;
top:0%;
left:0%;
overflow:visible;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
}
.loading-panel .container:hover .fixed-center{
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.loading-panel.fullWidth .container:hover .fixed-center{
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
}
.spin{
-webkit-animation:anti-spin 30s linear infinite;
-moz-animation:anti-spin 30s linear infinite;
animation:anti-spin 30s linear infinite;
}
.anti-spin{
-webkit-animation:spin 30s linear infinite;
-moz-animation:spin 30s linear infinite;
animation:spin 30s linear infinite; 
}
.spin.speed{
-webkit-animation:anti-spin 5s linear infinite;
-moz-animation:anti-spin 5s linear infinite;
animation:anti-spin 5s linear infinite;
}
.anti-spin.speed{
-webkit-animation:spin 10s linear infinite;
-moz-animation:spin 10s linear infinite;
animation:spin 10s linear infinite; 
}
.final-img{text-align:center;}
.final-img img{max-width:420px;}
.first.loading-panel .info,.first.loading-panel .hideInfo{
color:#efea4d;
}
.second.loading-panel .info,.second.loading-panel .hideInfo{
color:#f3f2ff;
}
.loading-panel .info h1,.loading-panel .hideInfo h1{
font-size:124%;
}
.loading-panel .info,.loading-panel .hideInfo{
position:relative;
bottom:0%;
font-size:100%;
line-height:145%;
background-color:rgba(0,0,0,0.6);
padding:30px 20px;
}
.loading-panel .margin{
position:relative;
height:100%;
width:100%;
padding:5px 5px 8px 5px ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.loading-panel .container{
width:100%;
max-width:512px;
position:relative;
min-height:300px;
overflow:hidden;
margin:0 auto;
border-radius:2px;
border:1px solid #000;
background:#0e0e0d;
height:100%;
}
.loading-panel .rotate{
width:100%;
min-height:320px;
position:relative;
overflow:hidden;
margin-top:100px;
}
.intro{
position:fixed;
width:100%;
height:100%;
top:-0%;
left:-0%;
background-color:#000;
z-index: 30;
}
.selectMagic{
position:fixed;
width:100%;
height:100%;
top:-0%;
left:-0%;
background-color:#000;
z-index: 20;
}
.selection{cursor:pointer}
.image-container{
	border: 6px solid #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	overflow: hidden;
	position: relative;
}
.image-container{
	border: 6px solid #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	overflow: hidden;
	position: relative;
}
.selection:hover .image-container{border-color:#f1c970 ;}
.selection.selectedNow .image-container,.selection.selectedNow:hover .image-container{border-color:gold;}
.image-container img{
	bottom: 0;
	display: block;
	height: auto;
	max-width: 100%;
}
.image-caption{position:absolute;width:100%;background:rgba(0,0,0,0.85);font-weight:normal;bottom:0;}
.image-caption h4{margin:8px 0;}
.intro-final{
width:100%;
height:100%;
background-color:#000;
z-index: 30;
}
.intro-banner{
position:fixed;
height:200%;
width:200%;
top:-50%;
left:-50%;
display: table;
text-align: center;
}
.intro-content{
position:absolute;
height:100%;
width:100%;
}
.scroll-content{
position:absolute;
height:100%;
width:100%;
text-align:center;
overflow:hidden;
overflow-y:auto;
}
.scroll-content .row{
height:100%;
max-width:1024px;
width:100%;
margin:20px auto -20px auto;
min-height:524px;
color:#fff;
}
.middle-content{
display: table;
text-align: center;
color:#fff;
height: 100%;
width: 100%;
}
.middle-content>span,.middle-content .span {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.middle-content .icontick{
position: absolute;
top: 50%;
width: 100%;
text-align: center;
margin-top: -10px;
overflow: hidden;
animation: blind-right 1s ease-out infinite;
left: 50%;
margin-left: -17px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.middle-content svg{overflow: hidden;}
.intro-content .row{
margin:0 auto;
width:100%;
max-width:1024px;
}
.intro-content .rows{
margin:0 auto;
width:1024px;
max-width:1024px;
}
.btn-gold{background:#f1c970 !important;color:#1f1f1f !important}
.btn-gold:hover{background:#f1f1f1 !important;color:#1f1f1f !important}
.slick-slide{
	
}
.clearfix:after,.clearfix:before{display:table;content:" ";clear:both}
.box-elements {width:100%;position:relative;overflow: hidden;overflow-y:auto;min-height:524px;}
.slider,.slick-track,.gallery,.slick-list {width:100%;position:relative;}
.slick-initialized .slick-slide:focus{outline:none;}
.btn200{min-width:200px;}
#goMagic,#selectGuessImage{position:absolute;top:80%;margin-top:-10px;margin-left:-100px;left:50%;display:none;z-index:100;}
#submitMagic{position:absolute;top:80%;margin-top:-10px;margin-left:-100px;left:50%;display:none;z-index:100;}
.btn.btn-white{background:#fff;background:rgba(255,255,255,0.90);color:#000;outline:none;}
.btn.btn-white:hover,.btn.btn-white:focus,.btn.btn-white:active,
.btn.btn-white:hover,.btn.btn-white:focus,.btn.btn-white:active
{background:#fff;color:#000;}
.btn.btn-center{position:relative;top:initial;left:initial;right:initial;margin:5px auto;}
.slick-prev.btn:before, .slick-next.btn:before{content:'';display:none;}
@media (max-width:767px){.intro-content{font-size:notrmal;}}	
@media screen and (min-width:768px){.intro-content{font-size:132%;}.intro-content p{font-size:80%;line-height:145%}.intro-content .btn{font-size:70%;line-height:145%}}

.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}
.dropdown-menu,.modal-content{-webkit-background-clip:padding-box}
.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning{background-image:none}

@-moz-keyframes zoom {
0% {-moz-transform:scale(1); }
50% {-moz-transform:scale(1.1); }
100% {-moz-transform:scale(1); }
}
@-webkit-keyframes zoom {
0% {-webkit-transform:scale(1); }
50% {-webkit-transform:scale(1.1); }
100% {-webkit-transform:scale(1); }
}
@keyframes zoom {
0% {transform:scale(1); }
50% {transform:scale(1.1); }
100% {transform:scale(1); }
}
@-moz-keyframes spin {100% {-moz-transform:rotate(360deg); } }
@-webkit-keyframes spin {100% {-webkit-transform:rotate(360deg); } }
@keyframes spin {100% {-webkit-transform:rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes anti-spin {100% {-moz-transform:rotate(-360deg); } }
@-webkit-keyframes anti-spin {100% {-webkit-transform:rotate(-360deg); } }
@keyframes anti-spin {100% {-webkit-transform:rotate(-360deg); transform:rotate(-360deg); } }

body {height:100%;overflow:hidden;background:#333;}
.slide-instruction{padding:15px 0; color:#fff;text-align:center;margin:0 auto; max-width:800px}
.slide-instruction h1{font-weight:normal;margin-top:5px;margin-bottom:30px}
.header-box h1{font-weight:normal;margin-bottom:12px}
.loading-panel {width:50%;height:100%;top:0px;overflow:hidden;}
.first.loading-panel {float:left;animation:slide-in-left 10s;}
.second.loading-panel {float:left;animation:slide-in-right 10s;}
.container:hover{cursor:pointer;}
.container:hover{cursor:pointer;}
/* Icons */
.icon-wrapper {position:absolute;width:180px;height:180px;border-radius:100%;background:rgba(0,0,0,0);top:50%;margin-top:-90px;left:50%;margin-left:-90px;}
.loading-panel:hover .image-center {
-webkit-animation:zoom 1s linear infinite;
-moz-animation:zoom 1s linear infinite;
animation:zoom 1s linear infinite;}
.first.loading-panel .icon-wrapper {animation:slide-in-bottom 5s;}
.second.loading-panel .icon-wrapper {animation:slide-in-top 5s;}
.icon-wrapper:before {content:' ';width:34%;height:34%;background:rgba(0,0,0,0);border-radius:100%;position:absolute;}
..first.loading-panel .icon-wrapper:before {top:-5%;left:-5%;animation:late-fade 10s linear infinite,circulate-clockwise 1s linear infinite;}
..second.loading-panel .icon-wrapper:before {bottom:-5%;right:-5%;animation:late-fade 10s linear infinite,circulate-counterclockwise 1s linear infinite;}
.icon-wrapper {text-align:center;}
.first.loading-panel .cloud {fill:#335367;}
.second.loading-panel .cloud {fill:#fff;}
.icon-wrapper .icon {position:absolute;top:50%;width:100%;text-align:center;margin-top:-10px;}
.first.loading-panel .icon {animation:spin-clockwise 2s ease-out infinite;}
.second.loading-panel .icon {overflow:hidden;animation:blind-right 1.42857s ease-out infinite;left:50%;margin-left:-17px;}

@media (max-width: 560px) {
.first.loading-panel {width:100%;height:auto;}
.second.loading-panel {width:100%;height:auto;}
}
.loading-panel.fullWidth {width:100%;height:100%;top:0;z-index:10;
-webkit-transition: all  500ms;
-moz-transition: all  500ms;
-o-transition: all  500ms;
transition: all  500ms;}
.hideInfo{display:none;}
.fullWidth .hideInfo{display:block;}
.fullWidth .info{display:none;}
.fullWidth .rotate{display:none;}
.hideInfo .hideInfo{display:block;}
.hideInfo .info{display:none;}
.hideInfo .rotate{display:none;}
.hideHide .hideInfo{display:none;}
.hideHide .info{display:none;}
.hideHide .rotate{display:none;}
.galereya-top{display:none;}
.socialShare a.fbShare{border:1px solid #3b55a0!important;}
/* Animations */

.selection {
	position: relative;
	overflow:hidden;
}
.selection:before{
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 75%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,.0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,.0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	opacity:0;
}
.selection:hover:before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 100%;
		opacity:1;
	}
}
@keyframes shine {
	100% {
		left: 100%;
		opacity:1;
	}
}

/* Zoom In #1 */
.selection img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .75s ease-in-out;
	transition: .75s ease-in-out;
}
.selection:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

@keyframes slide-in-left {0% {transform:translate(-100%);}
10% {transform:translate(0);}
80% {transform:translate(0);}
90% {transform:translate(0);}
100% {transform:translate(0);}
}
@keyframes slide-in-right {0% {transform:translate(100%);}
10% {transform:translate(0);}
80% {transform:translate(0);}
90% {transform:translate(0);}
100% {transform:translate(0);}
}
@keyframes slide-in-bottom {0% {top:120%;}
15% {top:120%;}
20% {top:50%;}
75% {top:50%;}
80% {top:50%;}
100% {top:50%;}
}
@keyframes slide-in-top {0% {top:-20%;}
15% {top:-20%;}
20% {top:50%;}
75% {top:50%;}
80% {top:50%;}
100% {top:50%;}
}
@keyframes fade {0% {opacity:0;}
10% {opacity:0;}
15% {opacity:1;}
75% {opacity:1;}
80% {opacity:0;}
100% {opacity:0;}
}
@keyframes late-fade {0% {opacity:0;}
15% {opacity:0;}
20% {opacity:1;}
70% {opacity:1;}
75% {opacity:0;}
100% {opacity:0;}
}
@keyframes circulate-clockwise {0% {transform:translate(0,0);}
25% {transform:translate(10%,10%);}
50% {transform:translate(0%,20%);}
75% {transform:translate(-10%,10%);}
}
@keyframes circulate-counterclockwise {0% {transform:translate(0,0);}
25% {transform:translate(-10%,10%);}
50% {transform:translate(0%,20%);}
75% {transform:translate(10%,10%);}
}
@keyframes spin-clockwise {0% {transform:rotate(0deg);}
25% {transform:rotate(90deg);}
50% {transform:rotate(180deg);}
75% {transform:rotate(270deg);}
100% {transform:rotate(360deg);}
}
@keyframes blind-right {0% {width:0;opacity:0;}
1% {width:0;opacity:1;}
50% {width:35px;opacity:1;}
99% {width:35px;opacity:0;}
100% {width:0;opacity:0;}
}