@charset "UTF-8";
@import url("webfonts/texgyreadventor_regular/stylesheet.css");
@import url("webfonts/texgyreadventor_bold/stylesheet.css");


.wavy {width:100%; height:50px; position:relative; overflow:hidden; display: block; background:#fff; border-radius: 100% 100% 0 0; position: absolute; left: 0; bottom: 0;}

.wavy.bl {width:100%; height:50px; position:relative; overflow:hidden; display: block; background:#000; border-radius: 100% 100% 0 0; position: absolute; left: 0; bottom: 0;}

.wavy.blue {width:100%; height:50px; position:relative; overflow:hidden; display: block; background:url(Images/background-tour.jpg) repeat-x; background-size: cover; background-position: bottom; border-radius: 100% 100% 0 0; position: absolute; left: 0; bottom: 0;}

.wavy.taupe {width:100%; height:50px; position:relative; overflow:hidden; display: block; background:url(Images/background-taupe-wavy.png) repeat-x; border-radius: 100% 100% 0 0; position: absolute; left: 0; bottom: 0;}

.wavy.green {width:100%; height:50px; position:relative; overflow:hidden; display: block; background:#699; border-radius: 100% 100% 0 0; position: absolute; left: 0; bottom: 0;}

.wavy.fin {width:100%; height:50px; position:relative; overflow:hidden; display: block; background:#699; border-radius:100% 100% 0 0; position: absolute; left: 0; bottom: 0;}

.wavy.top {top:-1px; /* for IE */
-webkit-transform:rotateX(180deg);
transform:rotateX(180deg);
}
.wavy.right {
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.wavy.top.right {top:-1px; /* for IE */
-webkit-transform:rotateY(180deg) rotateX(180deg);
transform:rotateY(180deg) rotateX(180deg);
}

.wavy.or {background:#fd3;}
.wavy.gn {background:#4d1;}

.wavy.bottom {position:absolute; bottom:0;}



html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #000;
	font-family: "texgyreadventor regular";
}

#bodyContent {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: "texgyreadventor regular";-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; } to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

img, canvas, video { max-width: 100%; height: auto; }



header {width:100%; height: auto;text-align: center; position:fixed; left:0; top:0; z-index:10; color:#fff; padding:0; vertical-align: middle; line-height: 20px; }
header ul {background-color: #000; padding:25px 50px; margin:0px; list-style:none; width:100%; position:absolute; left:0; text-align: center;}
header ul li { height: 18px; display:inline-block; margin:1px 2px; position:relative; }
header a {display:block;
	height:18px;
	text-decoration:none;
	color: #fff;
	font-size: 18px;
	text-transform:uppercase;
	font-weight:normal;
	-webkit-transition: color 500ms ease;
	-moz-transition: color 500ms ease;
	-ms-transition: color 500ms ease;
	-o-transition: color 500ms ease;
	transition: color 500ms ease;
}
header li:nth-of-type(1) {color:#000;}
header li:nth-of-type(2) {color:#000;}
header li:nth-of-type(3) {color:#000;}
header li:nth-of-type(4) {color:#000;}
header li:nth-of-type(5) {color:#000;}
header li:nth-of-type(6) {color:#000;}
header li:nth-of-type(7) {color:#000;}
header li:nth-of-type(8) {color:#000;}
header li:nth-of-type(9) {color:#000;}
header li:nth-of-type(10) {color:#000;}
header li:nth-of-type(11) {color:#000;}
header li:nth-of-type(12) {color:#000;}
header li:nth-of-type(13) {color:#000;}
header li:nth-of-type(14) {color:#000;}
header li:nth-of-type(15) {color:#000;}

header a:hover {
	color: rgb(108,138,165);
	text-decoration: none;
	-webkit-transition: color 500ms ease;
	-moz-transition: color 500ms ease;
	-ms-transition: color 500ms ease;
	-o-transition: color 500ms ease;
	transition: color 500ms ease;
}


section {display:block; width:100%; position:relative;}
section article {width:90%; max-width:1300px; min-width:300px; margin:0 auto; text-align:center; padding:100px 0;}
section article h1 {padding:0; margin:0; font:normal 70px/80px "texgyreadventor regular"; text-transform: uppercase; text-decoration:underline;}
section article h2 {padding:0; margin:50px 0 0 0; font:normal 40px/50px "texgyreadventor regular";}
section article p {padding:0; margin:0; font:normal 20px/30px "texgyreadventor regular";}

section article .column {display:inline-block; width:40%; margin:0px 5%; vertical-align:top; text-align:left;}
section article .column h3 {padding:0; margin:0; font:normal 30px/60px "texgyreadventor regular";}
section article .column p {padding:0; margin:0; font:normal 16px/24px "texgyreadventor regular"; color:#000;}

.pad {height:160px;}
.bottom {position:absolute; bottom:0; left:0;}



/* Daily Salvation Logo */
#a1 { background:#000;
	background-image:url(Images/background-taupe.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: -50px;
	height: 400px;
	color: #fff;
}
#a1 img { -moz-animation-name: dropLogo;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: dropLogo;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    animation-name: dropLogo;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;}
@-moz-keyframes dropLogo {
    0% { -moz-transform: translateY(-400px); }
    100% { -moz-transform: translateY(0); }
}
@-webkit-keyframes dropLogo {
    0% { -webkit-transform: translateY(-400px); }
    100% { -webkit-transform: translateY(0); }
}
@keyframes dropLogo {
    0% { transform: translateY(-400px); }
    100% { transform: translateY(0); }
}




	
/* Introduction */
#a2 { background:url(Images/photo-intro-final.jpg) no-repeat fixed;
	background-size: cover;
	min-height: 500px;
	color:#fff;
}

section article .introimg { display:inline-block;
	width:400px;
	margin:0;
	vertical-align:top;
	overflow: hidden; }
section article .intro {
	display: inline-block;
	width: 30%;
	min-height: 350px;
	margin: 100px 5% 100px 55%;
	vertical-align: bottom;
	text-align: justify;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase;
	line-height: 22px;
	-webkit-transition: opacity 200ms ease 0s;
	-ms-transition: opacity 200ms ease 0s;
	-moz-transition: opacity 200ms ease 0s;
	-o-transition: opacity 200ms ease 0s;
	transition: opacity 200ms ease 0s;
	opacity: 0;
}
section article .urlImg {
	max-width: 75px;
	height: auto;
	float: right;
	margin-left:15px;
	margin-top:5px;
	border-radius: 100%;
	-webkit-shape-outside:circle();
	shape-outside:circle();
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
section article .urlImg:hover {
	max-width: 75px;
	height: auto;
	float: right;
	margin-left:15px;
	margin-top:5px;
	border-radius: 100%;
	-webkit-shape-outside:circle();
	shape-outside:circle();
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
section article .socialmedia {
	height: auto;
	margin-left:3px;
	margin-top:30px;
    margin-right: 3px;
	text-align: center;
}
section article .socialmedia img {
	max-width: 35px;
	height: auto;
	margin-left:1px;
	margin-right:1px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
section article .socialmedia img:hover {
	max-width: 35px;
	height: auto;
	margin-left: 1px;
	margin-right: 1px;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}





/* News */
#a3 { background:#fff;
	min-height: 650px;
}



/* Info */
#a4 { background:#699;
	color:#fff;
	min-height: 700px;
}




/* Music */
#a5 {background:url(Images/photo-music.jpg) fixed no-repeat;
	background-position: bottom;
	background-size:cover;
}
section article .imusic {
	width:80%;
	min-height: 450px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	display: block;
}
#menu {
    text-align: center;
    width: 100%;
}
    #menu ul {
        margin: 0px;
        padding: 0px;
        display: inline-block;
        margin-top: 25px;
    }
        #menu ul li {
            float: left;
            text-align: center;
            margin: 10px;
            list-style: none;
            cursor: pointer;
            background: none;
            padding: 5px;
            border: none;
			text-transform:uppercase;
			font-size: 20px;
        }
			#menu ul li a {
                background: none;
				color: #000;
				text-decoration: none;
				-webkit-transition: color 500ms ease;
				-moz-transition: color 500ms ease;
				-ms-transition: color 500ms ease;
				-o-transition: color 500ms ease;
				transition: color 500ms ease;
            }
            #menu ul li a:hover {
                background: none;
				color: #FFF;
				text-decoration: none;
				-webkit-transition: color 500ms ease;
				-moz-transition: color 500ms ease;
				-ms-transition: color 500ms ease;
				-o-transition: color 500ms ease;
				transition: color 500ms ease;
            }






/* Videos */
#a6 {background:#000;
	color:#fff;
}
#ivid { position: relative; margin: 0 17%; text-align: center; max-width: 100%; min-height: 550px; }
#ivid iframe {
    position: absolute;
    top:0;
    left: 0;
    max-width: 100%;
    height: 100%;
}

#videomenu {
    text-align: center;
    width: 100%;
}
    #videomenu ul {
        margin: 0px;
        padding: 0px;
        display: inline-block;
        margin-top: 25px;
    }
        #videomenu ul li {
            float: left;
            text-align: center;
            margin: 0px;
			list-style: none;
            cursor: pointer;
            background: none;
            padding: 5px;
            border: none;
			text-transform:uppercase;
			font-size: 16px;
        }
            #videomenu a {
                background: none;
				color: #FFF;
				text-decoration: none;
				-webkit-transition: color 500ms ease;
				-moz-transition: color 500ms ease;
				-ms-transition: color 500ms ease;
				-o-transition: color 500ms ease;
				transition: color 500ms ease;
            }
                #videomenu a:hover {
                    background: none;
                    color: #A4917E;
					text-decoration: none;
					-webkit-transition: color 500ms ease;
					-moz-transition: color 500ms ease;
					-ms-transition: color 500ms ease;
					-o-transition: color 500ms ease;
					transition: color 500ms ease;
                }
				
				


/* Photos */
#a7 {background:#fff;
	color:#000;
	min-height: 400px;
	text-align: center;
}





/* Tour */
#a8 {background:url(Images/background-tour.jpg) no-repeat;
	background-size: cover;
	background-position: right;
	min-height: 500px;
	color:#fff;
}
section article .tour {
	width: 100%;
	margin: 0;
}
section article .uk {
	display:inline-block;
	width:33%;
	margin:50px 1% 50px 10%;
	vertical-align:top;
	text-align:left;
	float: left;
}
section article .uk h3,.europe h3 {
	padding:0;
	margin:0;
	font:normal 20px/30px "texgyreadventor regular";
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
}
section article .uk p,.europe p {
	padding:0;
	margin:0;
	font:normal 16px/24px "texgyreadventor regular";
	color:#fff;
}
section article .europe {
	display:inline-block;
	width:30%;
	margin:50px 25% 50px 0;
	vertical-align:top;
	text-align:left;
}
section article .venue {
	margin-left: 20px;
}
section article .venue a {
	text-decoration: none;
	color: #fff;
}
section article .venue a:hover {
	text-decoration: underline;
	color: #fff;
}
.tourtag {
	position: relative;
	left: 30%;
	display: block;
	margin: 0;
	width: 40%;
	font: normal 18px/24px "texgyreadventor regular";
	text-transform: uppercase;
	text-align: justify;
}







/* Fans */
#a9 {background-image:url(Images/background-taupe.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: cover;
	color: #fff;
	min-height: 550px;
}
#a9 .fans-head { font:normal 24px/24px "texgyreadventor regular"; text-align: left; }
#a9 p { font:normal 16px/24px "texgyreadventor regular"; text-align: left; width:80%; margin: 50px 10% 0 10%; }
#a9 a { font:normal 16px/24px "texgyreadventor regular"; color: #6c8aa5; text-decoration: none; 
	-webkit-transition: color 500ms ease;
	-moz-transition: color 500ms ease;
	-ms-transition: color 500ms ease;
	-o-transition: color 500ms ease;
	transition: color 500ms ease; }
#a9 a:hover { color: #fff; text-decoration: none;
	-webkit-transition: color 500ms ease;
	-moz-transition: color 500ms ease;
	-ms-transition: color 500ms ease;
	-o-transition: color 500ms ease;
	transition: color 500ms ease; }
#a9 .fancenter { height: auto;
  min-width: 150px;
  max-width: 250px;
  float: left;
  margin-right:2rem; }
#a9 img { border: 0; outline:none; }
#a9 img a { border: 0; outline:none; }
#a9 img a:hover { border: 0; outline:none; }





/* Daily Salvation: About Us, Title */
#a10 {background:#000;
	color:#fff;
}
#a10 h2 {
	margin-top: 0px;
	margin-bottom: -40px;
}



/* Daily Salvation: About Us */
#a11 {background:#fff;
	color:#000;
	min-height: 600px;
}
section article .imanagers {
	width:100%;
	min-height: 450px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	display: block;
}
section article .imanagers iframe {
    position: absolute;
    top:100px;
    left: 5%;
	right: 5%;
    max-width: 90%;
    height: 100%;
}




/* Daily Salvation: The Experience */
#a12 { background:url(Images/background-blue.png) repeat-x fixed;
	background-size: contain;
	max-height: 250px;
	color:#fff;
	font:normal 30px/40px "texgyreadventor regular";
}

section article .experience {position: relative; display:inline-block; width:80%; margin:-50px 5%; vertical-align:top; text-align:center; padding: 0;}
section article .experience img {position: relative; display:inline-block; max-width:150px; height: auto; margin:0px 1%; vertical-align:top; text-align:left;float:left;}
section article .title {width: 75px; margin:25px 0; padding: 0 15px; vertical-align:middle; text-align:left; display:inline-block;}




/* Daily Salvation: Contact Us */
#a13 { background:#fff;
	color:#000;
}
section article .contactform {
	width: 40%;
	display:inline-block;
	margin:0px 5%;
	vertical-align:top;
	text-align:left;
}
section article .contacttext {
	width: 25%;
	display:inline-block;
	margin:0px 5%;
	vertical-align:top;
	text-align:left;
}
section article .contacttext h2 {
	padding:0;
	margin:0;
	width: 60%;
	text-transform:uppercase;
	font:normal 36px/46px "texgyreadventor regular";
}
section article .contacttext p {
	padding:50px 0 0 0;
	margin:0;
	text-align: left;
	font:normal 20px/30px "texgyreadventor regular";
	color:#000;
}
section article .contacttext a {
	color: #699;
	text-decoration: none;
}
section article .contacttext a:hover {
	color: #699;
	text-decoration: underline;
}
/* Labels are titles for the text fields. You can use a placeholder instead if you like*/
label 
{
    display:block;
    margin-bottom: 10px;
    letter-spacing:2px;
	font: normal 20px/30px "texgyreadventor regular";
}
/* Centres the form within the page */
form 
{
    margin:0 auto;
    width:459px;
}
/* Styles the text boxes */
input, textarea, file {
	width:439px;
	height:40px;
	background-color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:2px solid #699;
	padding:10px;
	margin-top:3px;
	font:normal 16px/24px "texgyreadventor regular";
	color:#3a3a3a;
}
	input:focus, textarea:focus {
		border:2px solid #033;
	}
/* Styles the text area boxes (message field) */	
textarea 
{
	height:200px;
	background-color: #fff;
}
/* Styles the submit button */
#submit {
	/* background:url(images/submit.png); */
	width:439px;
	height:45px;
	text-align: center;
	background-color: #699;
	color:#fff;
	-webkit-transition: background-color 500ms ease;
	-moz-transition: background-color 500ms ease;
	-ms-transition: background-color 500ms ease;
	-o-transition: background-color 500ms ease;
	transition: background-color 500ms ease;
	/* text-indent:-9999px; */
	border:none;
	margin-top:10px;
	cursor:pointer;
}
/* Styles the submit hover */	
#submit:hover {
	color:#fff;
	background-color: #033;
	opacity:0.9;
	-webkit-transition: background-color 500ms ease;
	-moz-transition: background-color 500ms ease;
	-ms-transition: background-color 500ms ease;
	-o-transition: background-color 500ms ease;
	transition: background-color 500ms ease;
}



/* Daily Salvation: Social Media */
#a14 { background-image:url(Images/background-taupe.png);
	background-repeat: repeat-x;
	background-position: top;
	background-size: cover;
	max-height: 550px;
	color: #fff;
	padding: 0 0 50px 0;
}
.iabout {
	width:80%;
	min-height: 350px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	overflow: hidden;
	display: block;
}
.iabout iframe {
	position: absolute;
    top:50px;
    left: 10%;
	right: 10%;
    max-width: 80%;
    height: 100%;
}



/* The End */
#a15 {background:url(Images/photo-fin.jpg) no-repeat fixed;
	background-size: cover;
	background-position: right;
	height: 600px;
	color:#fff;
	text-align:right end;
}




footer {width:100%; background:#699; padding:30px 0; color:#fff;}
footer h2 {padding:0 0 0 50px; margin:0; font:normal 15px/15px "texgyreadventor regular";}
footer .website {position: absolute; left: 42%; margin:0; font:normal 15px/15px "texgyreadventor regular"; text-decoration: underline; }
footer .credits {position: absolute; right: 50px; }
footer a { color: #fff; text-decoration: none; 
	-webkit-transition: color 500ms ease;
	-moz-transition: color 500ms ease;
	-ms-transition: color 500ms ease;
	-o-transition: color 500ms ease;
	transition: color 500ms ease;}
footer a:hover { color: #033; text-decoration: none; 
	-webkit-transition: color 500ms ease;
	-moz-transition: color 500ms ease;
	-ms-transition: color 500ms ease;
	-o-transition: color 500ms ease;
	transition: color 500ms ease;}