#feedback {	font-weight:400;	font-size: 15px;//z-index:999 !important;background:black;	height: 200px;	width: 100%;	//top: auto;	//bottom: 0;	opacity: 0;	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;	transition: transform 0.4s, opacity 0.1s 0.3s;	position: absolute;	top: 0;	left: 0;	padding: 20px;	color: #bbb;	//background-color: #ffbf00;	//background-color: #111;}#feedback.show {	opacity: 0.95;	-webkit-transform: translateY(-100%);	-moz-transform: translateY(-100%);	-ms-transform: translateY(-100%);	transform: translateY(-100%);	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;	-moz-transition: -moz-transform 0.4s, opacity 0.1s;	transition: transform 0.4s, opacity 0.1s;}#feedback span {white-space:nowrap;}#volume {  background:#444;  color:#444;  border-radius:10px;font-size: 	18px; letter-spacing:20px;//padding:0;   width:10%;  height:6px;  //display: inline-block;  position:absolute;top:23px;		left:300px;}#thumb {  background:#999;  border-radius:100%;  width:10px;  height:10px;  display: inline-block;  position:absolute;top:-2px;margin-left:-5px;		left:50%;}#thumb:hover{	box-shadow:  0 0 20px 1px red;}.rating  {    columns: 100px 3;	font-size: 14px;	width:80px;	display: inline-block;	margin:0px 0px 0px 5px;	padding:0;}.rating  :before{ 	content:"\2605";} .rating  b.checked  {color:#f00;}.rating  b.checked:hover{color:#f00;}.rating  b{color:#333; transition:color 0.2s;	}.rating  b:hover{color:#633;}.cbutton {	position: relative;	display: inline-block;	margin: 0;	margin-top: 18px;	width:40px;	border: none;	background: none;	color: #ff1723;	font-size: 1.4em;	top:-20px;	overflow: visible;	-webkit-transition: color 0.7s;	transition: color 0.7s;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.cbutton:focus {	outline: none;	border:none;	padding:0;	margin:0;	//color: #3c8ddc;}.cbutton::after {	position: absolute;	top: 50%;	left: 50%;	margin: -35px 0 0 -35px;	width: 70px;	height: 70px;	border-radius: 50%;	content: '';	opacity: 0;	pointer-events: none;}/* Radomir */.cbutton--effect-radomir::after {	box-shadow: inset 0 0 0 35px rgba(111,148,182,0);	    transition: all 0.5s;			animation: anim-effect-radomir 0.75s ease-in both;}.cbutton--effect-radomir.cbutton:hover::after {	//-webkit-animation: anim-effect-radomir 0.5s ease-out forwards;	  	  transition: all 0.5s;			//animation: anim-effect-radomir 0.5s ease-in backwards;			animation: anim-effect-radomir2 .75s ease-in infinite;}@keyframes anim-effect-radomir {	0% {		opacity: 0.5;		-webkit-transform: scale3d(0.2, 0.2, 1);		transform: scale3d(0.2, 0.2, 1);	}	80% {		box-shadow: inset 0 0 0 1px rgba(111,148,182,0.5);		opacity: 0.1;	}	100% {		box-shadow: inset 0 0 0 2px rgba(111,148,182,0.8);		opacity: 0;		-webkit-transform: scale3d(2.2, 2.2, 1);		transform: scale3d(2.2, 2.2, 1);	}}@keyframes anim-effect-radomir2 {	0% {		opacity: 1;		-webkit-transform: scale3d(0.4, 0.4, 1);		transform: scale3d(0.4, 0.4, 1);	}	80% {		box-shadow: inset 0 0 0 2px rgba(111,148,182,0.8);		opacity: 0.1;	}	100% {		box-shadow: inset 0 0 0 2px rgba(111,148,182,0.8);		opacity: 0;		-webkit-transform: scale3d(1.2, 1.2, 1);		transform: scale3d(1.2, 1.2, 1);	}}.effect-julia button:first-child {	-webkit-transition-delay: 0.15s;	transition-delay: 0.15s;}.effect-julia button:first-child {	-webkit-transition-delay: 0.15s;	transition-delay: 0.15s;}.effect-julia button:nth-of-type(2) {	-webkit-transition-delay: 0.1s;	transition-delay: 0.1s;}.effect-julia button:nth-of-type(3) {	-webkit-transition-delay: 0.05s;	transition-delay: 0.05s;}.effect-julia:hover button:first-child {	-webkit-transition-delay: 0s;	transition-delay: 0s;}.effect-julia:hover button:nth-of-type(2) {	-webkit-transition-delay: 0.05s;	transition-delay: 0.05s;}.effect-julia:hover button:nth-of-type(3) {	-webkit-transition-delay: 0.1s;	transition-delay: 0.1s;}.effect-julia:hover  .cbutton {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);		transition: opacity 1.5s, transform 0.35s;}#moodmap{position:relative;height:800px;//min-height:100%;}#tooltip {visibility:hidden;border:1px solid lightblue;padding:5px 10px;background:white;border-radius:4px;transition: visibility 0.25s ease-out;text-align:center;position:absolute;z-index:990;}#playlist td{  //border: 1px solid #999;  padding: 0.5rem 1rem;  }#playlist td:nth-child(2) { width:33%; text-align:right;}#playlist {  width:100%;  //height:300px;  overflow-x:hidden;  overflow-y:scroll;}#playlist table {  width:100%;}#playlist tr  {  background: rgba(255,255,255,0.1);  color:white;-moz-transition: all 0.25s ease-in;	-ms-transition: all 0.25s ease-in;	-o-transition: all 0.25s ease-in;	transition: all 0.5s ease-in;}#playlist tr.active{  background: rgba(200,150,200,1);}#playlist tr:hover{color:black;  background: rgba(255,255,255,1);  -moz-transition: all 0.5s ease-in;	-ms-transition: all 0.25s ease-in;	-o-transition: all 0.25s ease-in;	transition: all 0.05s ease-in;}.playa {min-width:400px;max-width:600px;//height:100%;}.link {    stroke: #555;    stroke-width: 1px;}.node { // filter: grayscale(90%);border-radius:100%;border:2px solid;position:absolute;overflow:hidden;}.node div {border-radius:100%;  width:100%;  height:100%;  background-color:rgba(0,0,0,0.8);  transform:scale3d(3,3,1);  transition:all 1s;  }.node:active {border:2px solid;} .active2  { box-shadow: 0px 0px 10px 3px white !important; //filter: none; 			transition: all 1s;}.node:hover div, .active2 div{  background-color:rgba(200,200,200,0.2);      transform:scale3d(0,0,1);	  transition:all .35s;}.k0 {//min-width:100%;//min-height:100%;width:100%;overflow:hidden;top:0px;left:0px;bottom:0px;position:absolute;margin-top: 0px;z-index:1;-moz-transition: all 2s;	-ms-transition: all 2s;	-o-transition: all 2s;	transition: all 2s;	}.k1 .k2 {//background: url(../img/k/M01_f.jpg) no-repeat top left;  filter: none;   -webkit-filter:none;opacity:1;}.k2 {//background: url(../img/k/M01_b.jpg) no-repeat top left;  filter: grayscale(90%);opacity:0.50;  -webkit-filter: grayscale(90%);top:0px;//min-width:500px;width:600px;left:0px;bottom:0px;position:absolute;margin-top: 0px;z-index=90;//transform:scale3d(2.6,2.6,1);-moz-transition: all 5s;	-ms-transition: all 5s;	-o-transition: all 5s;	transition: all 5s;}.k1 {background:gray;  filter: none; -webkit-filter:none;//min-width:100%;//min-height:100%;//width:100%;overflow:hidden;top:0px;left:0px;bottom:0px;position:absolute;margin-top: 0px;z-index=5;-moz-transition: all 0.5s;	-ms-transition: all 0.5s;	-o-transition: all 0.5s;	transition: all 0.5s;}#messcontainer{position:absolute;top:0px;width:100%;}#playermessage {position:relative;top:200px;text-align:center;width:200px;margin:auto;color:black;z-index:999;border-radius: 5px;background:rgba(230,200,200,0.9);}.timelineSelected  {//border-radius: 100%;	outline: 10px;	color: #fff;	//box-shadow: inset 0px 0px 40px 10px #ffbf00;	box-shadow: 0px 0px 10px 10px #333;	-webkit-transition: all 2s;	-moz-transition: all 2s;	transition: all 2s;}.audioplayer { width: 100%;display:block;height:400px;//text-align:center;//overflow:auto;//position:relative;transition:all 1s;}.fun   {height:600px;transition:all 1s;}.audioplayer h2{width:100%;margin-left:auto;margin-right:auto;margin-top:0px;text-align:center;position:absolute;font-size:20px;//text-align:center;font-weight:800;color:white;//background: rgba(195,58,0,1);background: url(../img/header_bg.jpg) no-repeat top right;//border-radius:10px;border:0px;text-shadow: 0px 0px 20px #ff0000;padding:14px 0px 14px 0px;letter-spacing:5px;z-index:40 !important;-moz-transition: all 0.25s ease-in;	-ms-transition: all 0.25s ease-in;	-o-transition: all 0.25s ease-in;	transition: all 0.25s ease-in;}.audioplayer:hover h2{opacity:0.8;//background: rgba(230,0,0,0.9);//letter-spacing:8.5px;-moz-transition: all 0.25s ease-in;	-ms-transition: all 0.25s ease-in;	-o-transition: all 0.25s ease-in;	transition: all 0.25s ease-in;}#timer {position:absolute;	top:11px;	left:190px;	font-size: 14px;	color:#bbb;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}.pulse1 {	display:inline-block;	-webkit-transform: translateZ(0) scale(1.0, 2.0);	-moz-transform: translateZ(0) scale(1.0, 2.0);}@-moz-keyframes pulse1 {0% {-moz-transform: rotate(180deg);} 45% { 	//opacity:0;	}100% {-moz-transform-origin:51% 48%;-moz-transform: rotate(360deg); }} .small_pause:before {content: "\f111";transition:all 2s;} .show_pause:hover:before {//color:pink;//font-size:30px;//padding: 9px 9px 9px 9px;//padding-bottom:100px;//content: "\f111";}.caption_holder {position:relative !important; z-index:999;}.timeline {display:block; max-width: 100%;  height: 100%;  //margin-top: 20px;  //text-align:center;  border-radius: 4px;background: rgba(0, 0, 0, .3);overflow:auto;position:relative;}.playhead {  width: 2px;  height: 100%;  background: #ff0000;position:absolute;display:inline-block;top:0;left:-3px;z-index:3;//opacity:0.5;  box-shadow:-5px 0 10px 4px #FF8C00;-moz-transition: all 0.5s;	-ms-transition: all 0.5s;	-o-transition: all 0.5s;	transition: all 0.5s;}html, button, input, select, textarea {	color: #222;}body {	font-size: 1em;	line-height: 1.4;	cursor:default;}}/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */:hover {-moz-transition: all 0.5s ease-in;	-ms-transition: all 0.5s ease-in;	-o-transition: all 0.5s ease-in;	transition: all 0.5s ease-in;}:focus, :active, ::-moz-focus-inner {outline:0 !important;border:0;border-color: transparent;-moz-outline-style: none !important;}::-moz-selection { background: #f2c2c9; color: #a4003a; text-shadow: none;}::selection {	background: #16a085;	color: #a4003a;	text-shadow: none;}/* * A better looking default horizontal rule */hr {	display: block;	height: 1px;	border: 0;	margin: 2em 0;	padding: 0;	background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);	background-image: -moz-linear-gradient(left, #fff, #ccc, #fff);	background-image: -ms-linear-gradient(left, #fff, #ccc, #fff);	background-image: -o-linear-gradient(left, #fff, #ccc, #fff);	width: 50%;	left: 25%;	position: relative;	border: none;}img {	vertical-align: middle;}/* * Allow only vertical resizing of textareas. */textarea {	resize: vertical;}/* ==========================================================================   General styles   ========================================================================== */html, body {	height: 100%;}body {	font-family: "Lato";	font-weight: 300;	font-size: 16px;	color: #555;	-webkit-font-smoothing: antialiased;	-webkit-overflow-scrolling: touch;	background:black;}.col-md-4 {	padding-bottom: 20px;}.row {	// margin-right: 0px;	margin-left: -15px;}.modal-header {	background: #ffbf00;}.modal-header h4 {	color: white;	font-weight: 700;	letter-spacing: 1px;}.modal-footer {	background: #2b2b2b;}.navbar-default {	border-color: transparent;	background-color: #dadada;}.navbar-inverse .navbar-brand {	font-weight: 500;	font-size: 20px;	}.navbar-toggle {	border-color: transparent;	border: 0px solid transparent;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {	background-color: #16a085;	color: white;}a img {	background: white;}.odd a img {	background: #f5f5f5;}/* Titles */h1, h2, h3, h4, h5, h6 {	font-family: "Raleway";	font-weight: 200;	color: #333;}h2 {	font-size: 36px;	color: #777;}h3 {	font-size: 26px;}/* Paragraph & Typographic */p {	line-height: 28px;	margin-bottom: 20px;}p.large {	font-size: 20px;	margin-bottom: 50px;}.centered {	text-align: center;}strong {	font-weight: 700;}em {	font-weight: 300;}pre {	background: #ebebeb;	border: none;	font-family: "Monaco";	font-size: 16px;	color: #666;	padding: 20px;	line-height: 28px;}.soc {	position:relative;	right:0%;	bottom:60px;	background-color:rgba(0, 0, 0, 0);	text-align: right;	margin:15px;	letter-spacing:10px;	}.soc .fa {		color:#ffffff;}.soc .fa:hover, .soc .fa:focus {	text-shadow:0 0 10px #ffffff;	color:#00ff00;}small {	font-size: 12px;}blockquote, blockquote p {	line-height: 28px;	color: #999;	font-weight: 300;	font-style: italic;}blockquote {	position: relative;	margin: 0 0 40px -30px;	padding-left: 30px;	border-left: 5px solid #3498db;}blockquote cite {	position: absolute;	bottom: -25px;	right: 0;	font-size: 12px;	font-style: italic;	color: #333;	font-weight: 300;}blockquote cite:before {	content: "-- "}/* Images */.overflow-image {	margin-top: -65px;}/* Links */a {	color: #4abcc5;	word-wrap: break-word;	-webkit-transition: opacity 0.5s ease-in,color 0.25s ease-in;	-moz-transition: opacity 0.5s ease-in,color 0.25s ease-in;	-ms-transition: opacity 0.5s ease-in,color 0.25s ease-in;	-o-transition: opacity 0.5s ease-in,color 0.25s ease-in;	transition: opacity 0.5s ease-in,color 0.25s ease-in;}a:hover, a:focus {	color: #c0392b;	text-decoration: none;	outline: 0;}a:before, a:after {	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;	-o-transition: color 0.1s ease-in, background 0.1s ease-in;	transition: color 0.1s ease-in, background 0.1s ease-in;}/* ==========================================================================   Wrap Sections   ========================================================================== */#headerwrap {	background: url(../img/header_bg.jpg) no-repeat center top;	margin-top: 0px;	padding-top: 120px;	text-align: center;	background-attachment: relative;	background-position: center center;	min-height: 450px;	min-height: 100%;	width: 100%;	-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	//padding-bottom: 250px;}#headerwrap h1 {	color: #ffffff;	font-size: 80px;	font-weight: 400;	text-align: center;	letter-spacing: 3px;	text-shadow: 0px 0px 70px #000fff;}#headerwrap p {	color: #fff;	font-size: 22px;	font-weight: 300;	text-align: center;	letter-spacing: 1px;	text-shadow: 0px 2px 5px #ffffff;}#headerwrap .icon {	color: #000000;	margin-top: 90px;	padding-bottom: 30px;	letter-spacing: 8px;	font-size: 100px;	font-weight: bold;	text-shadow: 0px 20px 7px #3da8ae;}#headerwrap .fa {	font-weight: 2;	opacity: 0.8;	font-size: 30px;	//margin: 100px 0;	//background-color: #ffbf00;	color: #fff;	text-shadow: 0 0 10px #ff0000;	border: 0;	-moz-transition: all 0.5s;	-ms-transition: all 0.5s;	-o-transition: all 0.5s;	transition: all 0.5s;	} #headerwrap .fa:hover, #headerwrap .fa:focus, .audioplayer .fa:hover{	//background-color: #e9af03;	outline: 10px;	color: #fff;	text-shadow:0 0 30px #ff0000;	//color: #54f5de;	opacity: 1;	-moz-transition: all 0.5s;	-ms-transition: all 0.5s;	-o-transition: all 0.5s;	transition: all 0.5s;}#music {	background: #000;	//background: radial-gradient(#555,#000);	//background: linear-gradient(#111,#000);	padding: 60px 0;}#music img {	margin-top: 65px;}#about {	//background: url(../img/about.jpg) no-repeat center top;	background: #f5f5f5;	background-attachment: fixed;	padding: 60px 0;	text-align: center;	min-height: 100%;	//height:100%;}#about .fa {	color: #111111;	font-size:45px;	border-radius: 100%;	background-color:#efefef;	margin: 10px;	width: 70px;	height: 70px;	line-height: 70px;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;	box-shadow: 0px 0px 10px #000fff;}#about .fa-book:hover, #about .fa-book:focus {	width: 100px;	height: 100px;	line-height: 100px;	background-color:#333333;	box-shadow: 0px 0px 400px #111;	color:#ffbf00;}#about .fa-book {	width: 100px;	height: 100px;	line-height: 100px;	box-shadow: 0px 0px 10px #111;}#about p {	text-align: left;}#equipment {	background: #f5f5f5;	padding: 60px 0;}#equipment H4 {	padding-top: 10px;}#equipment p.large {	margin-top: 60px;	margin-bottom: 40px;}#equipment .fa {	width: 30px;	height: 30px;	margin: 0 3px;	border-radius: 100%;	font-size: 15px;	line-height: 30px;	outline: 0;	color: #fff;	background-color: #c4c4c4;	-webkit-transition: all .3s;	-moz-transition: all .3s;	transition: all .3s;}#equipment .fa:hover {	background-color: #ffbf00;}#inspirations {	background: #fff;	background:url(../img/inspirations.jpg) no-repeat center top;	padding: 60px 0;	min-height: 100%;	color:white;} .btn-default {	border: 1px solid white;} .btn-default:focus {	border: 1px solid black;}#contact .fa-facebook:hover, #about .fa-facebook:focus {	background-color:#3b5998;}#contact .fa-twitter:hover, #about .fa-twitter:focus {	background-color:#4099ff;}#contact .fa-soundcloud:hover, #about .fa-soundcloud:focus {	background-color:#ff7700;}#contact .fa-youtube-play:hover, #about .fa-youtube-play:focus {	background-color:#c4302b;}#contact .fa-google-plus:hover, #about .fa-google-plus:focus {	background-color:#d34836;}#contact .fa-apple:hover, #about .fa-apple:focus {	background-color:#d6d8dA;}#contact .fa-lastfm:hover, #about .fa-lastfm:focus {	background-color:#aa0114;}#contact .fax {	color: #111111;	font-size:45px;	border-radius: 100%;	background-color:#efefef;	margin: 10px;	width: 70px;	height: 70px;	line-height: 70px;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;	box-shadow: 0px 0px 10px #000fff;}#contact .fax:hover, #about .fax:focus {	border-radius: 100%;	outline: 10px;	color: #fff;	-webkit-transition: all .2s;	-moz-transition: all .2s;	transition: all .2s;	box-shadow: 0px 0px 40px #999fff;	}#contact {	background: #fffffe;	padding: 60px 0;	text-align: center;}#contact form {	padding: 30px 0;}#contact .fa {	color: #ffbf00;	margin-bottom: 10px;}#contact .btn {	font-family: "Raleway";	font-weight: 300;	font-size: 20px;	margin: 25px 25px;	background-color: #ffbf00;	box-shadow: 0px 0px 1px #444;	color: #222;	letter-spacing: 2px;}#contact .btn:hover, #greywrap .btn:focus {	margin: 25px 25px;	background-color: #fff;	border-color: #a5cdd5;	outline: 0px;	color: #fff;	background-color: #343434;	-webkit-transition: all .2s;	-moz-transition: all .2s;	transition: all .2s;}#contact p.large {	margin-top: 60px;	margin-bottom: 20px;}#greywrap {	background: #f5f5f5;	margin-top: 0px;	padding: 50px 0;	border-bottom: 1px solid #eee;	text-align: center;}#greywrap .btn {	font-family: "Raleway";	font-weight: 300;	font-size: 20px;	margin: 0 25px;	background-color: #fff;	border-color: #e2e2e2;	color: #888;	border-bottom: 0;	letter-spacing: 1px;}#greywrap .btn:hover, #greywrap .btn:focus {	margin: 0 25px;	background-color: #fff;	border-color: #a5cdd5;	border-bottom: 0;	outline: 0px;	color: #a5cdd5;}#greywrap h2 {	font-size: 30px;}#greywrap .callout {	margin-bottom: 200px;}#greywrap p {	font-size: 30px;}#greywrap .fa {	font-size: 18px;	margin-right: 4px;}#footerwrap {	font-size:15px;	background: #2b2b2b;	padding: 0px 0 0 0;	border-bottom: 1px solid #ddd;	text-align: center;}#footerwrap span.copyright {	line-height: 40px;	color: #888;	font-weight: 400;}#footerwrap span.copyright a {	color: #888;	border-bottom: 1px dotted;}#footerwrap span.copyright a:hover {	color: #ffbf00;	text-decoration: none;}#footerwrap h4 {	color: white;}ul.social-buttons {	margin: 0;}ul.social-buttons li a {	font-size: 24px;	outline: 0;	color: #999;}ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {	color: #ffbf00;}/* ==========================================================================   Box Sections   ========================================================================== */.white h1 {	color: #999;}.white p {	padding-top: 25px;}/* ==========================================================================   Image Mask   ========================================================================== */.grid figure {	margin: 0;	position: relative;	border: 1px solid #333;}.grid figure img {	width: 100%;	display: block;	position: relative;}.grid figcaption {	position: absolute;	top: 0;	left: 0;	padding: 20px;	color: #fff;	//background-color: #ffbf00;	background-color: #111;}.grid figcaption h5 {	margin: 0;	padding-top: 0px;	padding-left: 20px;	padding-bottom: 5px;	color: #fff;	font-weight: 700;	text-align: left;	letter-spacing: 1px;}.grid figcaption a {	text-align: left;	padding: 5px 10px;	margin-left: 20px;	display: inline-block;	background: #2f2f2f;	color: #fff;	font-size: 13px;}/* Caption Style */.mask figure {	overflow: hidden;}.mask figure img {	-webkit-transition: -webkit-transform 0.4s;	-moz-transition: -moz-transform 0.4s;	transition: transform 0.4s;}.no-touch .mask figure:hover img, .mask figure.cs-hover img {	-webkit-transform: translateY(-30px);	-moz-transform: translateY(-30px);	-ms-transform: translateY(-30px);	transform: translateY(-30px);}.mask figcaption {	height: 50px;	width: 100%;	top: auto;	bottom: 0;	opacity: 0;	-webkit-transform: translateY(100%);	-moz-transform: translateY(100%);	-ms-transform: translateY(100%);	transform: translateY(100%);	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;	transition: transform 0.4s, opacity 0.5s 0.8s;	transition-delay:3s;	}.no-touch .mask figure:hover figcaption, .mask figure.cs-hover figcaption {	opacity: 1;	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);	-ms-transform: translateY(0px);	transform: translateY(0px);	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;	-moz-transition: -moz-transform 0.4s, opacity 0.1s;	transition: transform 0.4s, opacity 0.1s;}.mask figcaption a {	position: absolute;	top: 10px;	bottom: 10px;	right: 30px;}/* ==========================================================================   MEDIA QUERIES   ========================================================================== */@media screen and (max-width:1050px), screen and (max-device-width:1050px) {body .header {	background-attachment: scroll;}}/*ipad portrait*/@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait) {.header {	background-attachment: scroll;}}@media screen and (max-width:769px) {#headerwrap h1 {	font-size: 80px;}#headerwrap p {	font-size: 30px;	line-height: 38px;}}