/* Minification failed. Returning unminified contents.
(99,66): run-time error CSS1036: Expected expression, found ';'
 */

@font-face {
font-family: 'Glyphicons Halflings';
src: url('/Claw/Sites/32511-JohnCarew/Fonts/icons/glyphicons-halflings-regular.eot?v=4.3.0');
src: url('/Claw/Sites/32511-JohnCarew/Fonts/icons/glyphicons-halflings-regular.eot?#iefix&v=4.3.0') format('embedded-opentype'),
url('/Claw/Sites/32511-JohnCarew/Fonts/icons/glyphicons-halflings-regular.woff?v=4.3.0') format('woff'),
url('/Claw/Sites/32511-JohnCarew/Fonts/icons/glyphicons-halflings-regular.ttf?v=4.3.0') format('truetype'),
url('/Claw/Sites/32511-JohnCarew/Fonts/icons/glyphicons-halflings-regular.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}

@font-face { font-family: 'MuseoSans-900';
 src: url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-900.eot?') format('eot'), 
url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-900.otf') format('opentype'), 
 url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-900.woff') format('woff'), 
 url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-900.ttf') format('truetype'), 
 url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-900.svg#MuseoSans900') format('svg'); 
   font-weight: normal; font-style: normal;
 }

@font-face { font-family: 'MuseoSans-500';
 src: url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-500.eot?') format('eot'), 
url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-500.otf') format('opentype'), 
 url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-500.woff') format('woff'), 
 url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-500.ttf') format('truetype'), 
 url('/Claw/Sites/32511-JohnCarew/Fonts/MuseoSans-500.svg#MuseoSans500') format('svg'); 
   font-weight: normal; font-style: normal;
 }



body {font-family: 'MuseoSans-500', Arial, serif; font-size: 15px; color: #fff;   -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; margin: 0; padding: 0; background-size: cover; background-position: top center; } 
a { color:#95bd0d; outline:0; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;text-decoration:none}
a:focus, a:hover { text-decoration:none; outline:0; color:#000}
a:hover { color:#fff;}
p { font-size: 14px; font-weight: normal; line-height: 24px; margin: 0; padding-bottom: 15px;}
img { max-width:100%;}
ul,ol{padding-left:20px;}
header{width: 100%; height: auto; margin: 0 auto; text-align: center; }
header .top{width: 100%; height: 80px; margin:  0 auto; background: url(/Claw/Sites/32511-JohnCarew/Images/bg-wood1.jpg) repeat-x  bottom center;}


main{width: 100%; float: left; text-align: center; margin: 0 auto; position: relative;}
main .content{width: 100%; height: auto; position: relative;}
main .content img{ max-height: 100%; }
footer{width: 100%; height: auto; clear: both; /*text-align: center;*/}
footer img{height:auto!important}
footer h1{font-size: 35px; line-height:38px; font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 20px 0;}
footer h4{font-size: 18px; font-weight: normal; margin: 0; padding: 0 0 15px 0;}

footer .ct-wr{background: url(/Claw/Sites/32511-JohnCarew/Images/bottom1.jpg) top center no-repeat; background-size: cover; height: 100%; width: 100%;}
footer .ct-wr .ct{width: 940px; margin: 0 auto;}

.logo{position: absolute; width: 200px; text-align: center; margin: 0 auto; left: 50%; width: 300px; margin-left: -150px; top: 0; z-index: 999999;}
.light{position: absolute; width: 200px; text-align: center; margin: 0 auto; left: 50%; width: 1678px; margin-left: -839px; top: 0; z-index: 0}


 /* tuannh video */
.item-window, .item-alert {
	cursor: pointer;
	position: absolute;
}


.popup-video {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.85);
}

	.popup-video video {
		width: 100%;
	}
.popup-close{position:absolute;right:5%;/*z-index:9999;*/background:#95bd0d/*rgba(0, 0, 0, 0) url("/Claw/Sites/32511-JohnCarew/Images/icon-close.png") no-repeat scroll center center;  text-indent: -9999px*/;border: none;cursor: pointer;bottom:10px;padding:10px 15px;color:#fff}

/*==================     ToTop     ======================*/
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.glyphicon-chevron-up:before {
	content: "\e113"
}


.toTop { width: 50px; height: 50px; background: #95bd0d ; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.4); box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.4); color: #fff; position: fixed; right: 40px; top:auto; bottom: 40px; display: none; overflow: hidden; text-align: center; text-decoration: none; z-index: 99;}
.toTop:before { line-height: 50px; font-size: 18px; font-weight: ;}
.toTop:hover { background: #95bd0d ; text-decoration: none; color:#fff;opacity:0.8}


.item-window img{display:none}





#snow{
	background: none;
	font-family: Androgyne;
	background-image: url('/content/s1.png'), url('/content/s2.png'), url('/content/s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	

.img-windows-white{display:none}
.hide{display:none}
.show{display:block}


.alert-text{width:80%;margin:10%;float:left}
.alert-text .text-video{width:100%;text-align:center;color:#fff}
.alert-text .text-video a:hover{color:#fff}
.btn-close{cursor:pointer;position:absolute;right:0;top:0;width:25px;}
.alert-text{display:none}

.linksubpage{width:100%; height:100%; }
.linksubpage a{height:100%; width:100%; float:left; margin:0; padding:0; text-indent:-99999999999999px;}

.subpage .alert-text{width:96%; margin:2%;}


.alert-text .text-video { padding: 1%; } 
.alert-text .text-video::-webkit-scrollbar {
    width: 0.6em;
}
 
.alert-text .text-video::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.alert-text .text-video::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.alert-text .text-video::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0,0,0,0.1);
  border: 1px solid #ccc;
}

.alert-text .text-video::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #fff, #e4e4e4);
  border: 1px solid #aaa;
}

.alert-text .text-video::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.alert-text .text-video::-webkit-scrollbar-thumb:active {
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

.tilbake{cursor:pointer;position:absolute;left:0;bottom:0;width:auto; padding:10px}




@media only screen and (max-width: 1700px){
	.light{margin: 0 auto; left: 0; width: 100%;}
	}	
@media only screen and (max-width: 960px){
	footer .ct-wr .ct{width: 96%; margin: 0 auto;}
	}

@media only screen and (max-width: 768px){
	header .top{ height: 100px; }
	}
@media only screen and (max-width: 640px){
	.logo{position: absolute;  text-align: center; margin: 0 auto; left: 50%; width: 250px; margin-left: -125px; top: 0; z-index: 999999; display: block;}
	header .top{height: 60px;}
	footer h1{font-size: 36px;}
	
	}	
@media only screen and (max-width: 600px){
	.content{height: auto !important;}
	iframe{width:100%!important}
	
}