@font-face {font-family:"Pirulen";src:url("Pirulen/pirulen.eot?") format("eot"),url("Pirulen/pirulen.woff") format("woff"),url("Pirulen/pirulen.ttf") format("truetype"),url("Pirulen/pirulen.svg#Pirulen") format("svg");font-weight:normal;font-style:normal;}

@font-face {
    font-family: 'ostrich_sansmedium';
    src: url('Ostrich/ostrich-regular-webfont.eot');
    src: url('Ostrich/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ostrich/ostrich-regular-webfont.woff2') format('woff2'),
         url('Ostrich/ostrich-regular-webfont.woff') format('woff'),
         url('Ostrich/ostrich-regular-webfont.ttf') format('truetype'),
         url('Ostrich/ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* GLOBAL */
				.lb-outerContainer { max-width:500px; max-height:520px; }
				.lb-image{ width:100%; max-height:500px;}



.maxW {  max-width:225px; max-height:300px; }
.dblbor {  border: white thin solid;     }
.td { color:#4a463b; }

.tr{ line-height:40px; }

body { border-top: 20px solid #ffffff; background: url(http://www.cyndicaterecords.com/.jpg) #1e263c 50% 0 repeat-y fixed; font-family: 'Open Sans', sans-serif; color: #D4D0C8; }

input { font-family: 'Open Sans', sans-serif; font-size: 16px; padding: 7px; outline: 0; border: 0; width: 250px; background: #EBE8DE; border-radius: 5px; }

input[type=submit] { width: auto; padding: 5px 18px; line-height: 25px; text-shadow: none; cursor: pointer; box-shadow: none; background: #333333; color: #fff; }

p { margin: 5px 0; line-height: 25px; }

a { text-decoration: none; color:#ffff00; transition: color .5s ease; }

strong { font-weight: bold; }

figcaption strong { border-bottom: 1px solid #D6D0C1; padding-bottom: 10px; margin: 10px 0; display: block; }

figcaption { line-height: 25px; font-size: 14px; width: 200px; }

hr { background-color: #D6D0C1; border: 0; height: 1px; margin: 20px 0; }

.news_th { color:#faae17; font-family:"Baumans"; font-size:16px;  }
.news_db { color:#D6D0C1; font-size:12px; font-family:"Open Sans"; text-align:justify; line-height:19px; }
.sig_db { font-style:italic; font-size:11px; color:#ffff99;   }
.news_date { color:#0099FF; font-family: "Arial"; font-size: 13px;  }

.title { margin: 0 auto; height: 100%;  }

/* HEADER */

header { height: 100px;}

header { position: relative; width: auto; max-width: 900px; margin: 0 auto 20px auto; }

header h1 { margin: 2px 0 0 5px; font-size: 22px; color: #0099FF; font-family:'ostrich_sansmedium';  }

header p { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #DFDFD0; margin-left: 90px; }

header nav { float:left; font-size: 14px;  }

/* -------------- nav { position: absolute; right: 0; bottom: 0; margin-top: ; } ------- */

nav ul { list-style: none; }

nav ul li { display: block; float: left; padding: 3px 15px; }

nav ul li a { font-family: 'Open Sans', sans-serif; text-transform: uppercase; transition: all .25s ease; }

nav ul li a:hover { color: #0099ff; }

#mobileMenu { position: fixed; top: 0; left: 0; width: 100%; display: none; }

#mobileMenu ul li { display: block; background-color:#abd0bc ; color: #1D1D1D; padding: 12px 0; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; border-bottom: 1px solid #cc5836; }

#mobileMenu ul li a { color: #1D1D1D; }

.toggleMobile { display: none; }

/* ----------- NAV ----------------*/







/* 3 COLUMNS */



.linkstyle:hover {  color: #0099ff;  }




#boxcontent { width: auto; max-width: 1000px; margin: 0 auto; padding: 70px 0 45px 0; }

#boxcontent article { float: left; width: 290px; margin-right: 35px; font-size: 12px; text-align:justify; }

#boxcontent article h3 { font-family: 'ostrich_sansmedium'; font-size: 24px; margin-bottom: 10px; margin-left: 75px; color: #fff; letter-spacing:3px;}

#boxcontent article img { float: left; }

#boxcontent article p { line-height: 25px; font-family: 'Open Sans', sans-serif; margin-left: 75px; }

#slider_content1, #slider_content2, #slider_content3 { line-height: 10px; font-family: 'Baumans', sans-serif; width: 350px; position: absolute; top: 15%; left: 5%; display: none; z-index: 11; text-align:left; }

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3 { font-family:'Open Sans'; color: #1c1c1c; font-size: 58px; font-weight: bold; margin-bottom: 10px; background-color: #abd0bc; padding: 10px 15px; border-radius: 15px 5px 15px; display: inline-block; text-align:left; line-height:40px; box-shadow: 10px 10px 25px #1c1c1c; border: #ffff00 solid thin; margin-left:-5px;  }

#slider_content1 { display: block; }

#slider_content1 p, #slider_content2 p, #slider_content3 p { margin: 0 0 30px 0; color: #4a463b; background-color: #EBE8DE; padding: 10px 15px; border-radius: 15px 50px 30px; font-size: 14px;  }

/* BUTTONS */


.button { padding: 7px 14px; border: 1px solid #EBE8DE; background-image: linear-gradient(bottom, #0099ff 0%, #0099ff 100%); background-image: linear-gradient(to bottom, #0099ff 0%, #0099ff 100%); background-color: #0099FF; color: #ffffff; text-shadow: 1px 1px 0px #ff8155; text-decoration: none; border-radius: 5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); }

.button:hover { background: none #EBE8DE; border-color: #faae17; text-shadow: none; color: #4A463B; }

/* SPACER */


#spacer { width: auto; height: 90px; background-color: #bfbf00; position: relative; font-family: 'Open Sans', sans-serif; color: #fff; font-size:14px; }
#spacer2 { width: auto; height:100%; background-color: #4d8ffd; position: relative; font-family: 'Open Sans', sans-serif; color: #fff; font-size:14px; margin:0 auto; }
#spacer p { margin-top: 22px; width: auto; position: absolute; left: 50%; margin-left: -450px; }




/* FOUR COLUMNS */

#four_columns, #text_columns { line-height: 25px; font-family: 'Open Sans', sans-serif; text-align:justify; clear: both; width: auto; max-width: 1000px; margin: 0 auto; }

#four_columns2, #text_columns { line-height: 25px; font-family: 'Open Sans', sans-serif; text-align:justify; clear: both; width: auto; max-width: 900px; margin: 0 auto; }

#four_columns h2, #text_columns h3 { font-size: 20px; border-bottom: 1px solid #D6D0C1; padding: 20px 0; margin-bottom: 20px; }

#four_columns .img-item { float: left; margin-right: 25px;  }

#four_columns2 .img-item2 { float: left; margin-right: 3px; }

#four_columns .img-item a { position: relative; display: block; }

.thumb-screen { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0099ff url("zoom.png") center center no-repeat; z-index: 99; opacity: 0; transition: opacity .5s ease; }

.thumb-screen:hover { opacity: 0.5; }

.lh { font-size:11px;}
/* TWO COLUMNS */


#text_columns article.column1, #text_columns .column2 { margin: 70px 0; font-size: 16px; float: left; width: auto; max-width: 450px; }

#text_columns .column2 { margin: 20px 0; font-size: 13px; text-align:left; }

.row { position: relative; margin: 40px 0 0 50px; float: right; width: 350px; }

.row img { float: left; }

.row p { margin-left: 100px; }

.rocket { top: 0; left: 0; position: absolute; height: 80px; }

.clock { top: 0; left: 0; position: absolute; height: 60px; }

.rocket:hover { opacity: 0; transition: opacity 0.4s ease 0.2s; animation-name: stylie-transform-keyframes; animation-duration: 700ms; animation-delay: 0ms; animation-fill-mode: forwards; animation-timing-function: linear; animation-iteration-count: 1; transform-origin: 0 0; }

.clock:hover { animation-name: stylie-transform2-keyframes; animation-duration: 100ms; animation-delay: 0ms; animation-fill-mode: forwards; animation-timing-function: linear; animation-iteration-count: infinite; transform-origin: 0 0; }

/* FOOTER */


footer { position: relative; clear: both; width: auto; height: 550px; background: #333333; }

footer .wrapper { line-height: 25px; margin: 0 auto; padding-top: 10px; width: auto; max-width: 900px; font-size: 14px; }

footer .wrapper .column { font-family: 'Open Sans', sans-serif; color: #faae17; float: left; width: 280px; margin-right: 20px; }

footer .wrapper .column.midlist ul li { display: block; width: auto; padding: 0 0 10px 25px; margin-bottom: 10px; border-bottom: 1px solid #444444; background: url("arrowright2.png") left 6px no-repeat; }

footer .wrapper .column.midlist ul li a:hover { color: #fff; }

footer .wrapper .column.rightlist ul li { display: block; width: auto; margin-bottom: 30px; }

footer .wrapper .column.rightlist ul li a span { margin-left: 95px; display: block; font-size:10px; }

footer .wrapper .column.rightlist ul li a img { transition: border .25s ease; float: left; border: 3px solid #444444; }

footer .wrapper .column.rightlist ul li a img:hover { border-color: #5e5e5e; }

footer .wrapper .column h4 { font-size: 16px; color: #fff; border-bottom: 1px solid #444444; padding: 0 0 10px 0; margin-bottom: 10px; }

#copyright { background: #1D1D1D; height: 70px; position: absolute; bottom: 0; left: 0; width: 100%; }

#copyright .wrapper { font-family: 'Open Sans', sans-serif; padding-top: 25px; color: #5e5e5e; font-size: 14px; position: relative; }

#copyright .wrapper .social { position: absolute; right: 0; top: 25px; }

#copyright .wrapper .social a { transition: opacity .25s ease; opacity: 0.3; margin-left: 12px; display: block; float: left; }

#copyright .wrapper .social a:hover { opacity: 0.7; }

#copyright .wrapper a { color: #ABABAB; }

#copyright .wrapper a:hover { color: #fff; }

.social { position: absolute; right: 0; }

.social a { transition: opacity .25s ease; opacity: 0.3; margin-left: 12px; display: block; float: left; }

.social a:hover { opacity: 0.7; }

.social a { color: #2ce2e2; }





/* SKIPLINK */

.go-top { position: fixed; bottom: 2em; right: 2em; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.3); font-size: 12px; padding: 1em; display: none; }

.go-top:hover { background-color: rgba(0, 0, 0, 0.6); }

/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */

.slidesjs-container { border-top: 1px #d6d0c1 solid; }

#slides { display: none }

/* Center the slideshow */

.container { width: auto; margin: 0 auto; position: relative; margin-top:40px; }

/* Show active item in the pagination */

.slidesjs-pagination .active { color: red; }

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button { display: none; color: #000; }

/* MISC */

.clear { clear: both; }

.hidden { position: absolute; clip: rect(1px 1px 1px 1px); /* IE6 & 7 */ clip: rect(1px, 1px, 1px, 1px); }


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* MEDIA QUERIES */

@media(max-width: 3200px){

	#slider_content1, #slider_content2, #slider_content3 { width: auto; margin-right: 50px; }
	
	#slider_content1 h2, #slider_content2 h2, #slider_content3 h2 { font-size: 18px; display:none;}
	
	#slider_content1 h3,#slider_content2 h3,#slider_content3 h3 { display:; font-size: 25px }
	
	 #slider_content1 p, #slider_content2 p, #slider_content3 p { font-size: 16px; line-height: 12px; display:; max-width:55%; }
	
	#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button { display:;}

	#slider_content1 p .button, #slider_content2 p .button, #slider_content3 p .button { display:;}
	
}


@media (max-width: 1215px) {
	

#slider_content1, #slider_content2, #slider_content3 { width: auto; margin-right: 50px; }

#slider_content1 h2, #slider_content2 h2, #slider_content3 h2 { font-size: 18px; display:none;}

#slider_content1 h3,#slider_content2 h3,#slider_content3 h3 { display:; font-size: 20px }

	 #slider_content1 p, #slider_content2 p, #slider_content3 p { font-size: 14px; line-height: 12px; display:; max-width:55%; }

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button { display:;}

#spacer { height: auto; }

#spacer p { text-align: center; position: static; margin: 0 auto; padding: 15px 0 7px 0; }

.container .button { display: none; }

	

}
 @media (max-width: 999px) {
	
	 #slider_content1 h3,#slider_content2 h3,#slider_content3 h3 { display:; font-size: 20px }
	 
	 #slider_content1 p, #slider_content2 p, #slider_content3 p { font-size: 12px; line-height: 11px; display:; max-width:55%; }
	 
#boxcontent article { float: none; margin: 30px auto 0 auto; width: 80%; }

#spacer { font-size: 15px; }

#spacer .search { margin-top: 19px; margin-right: -385px; }

#spacer p { margin-left: -170px; }

     #spacer2 {height: 100%;}

input { padding: 4px; font-size: 14px; }

input[type="submit"] { padding: 1px 14px; }

#four_columns { width: 500px; }

#four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4) { margin-top: 25px; }

#text_columns article.column1, #text_columns .column2 { float: none; max-width: 500px; margin: 50px 30px 0 30px; }

.column2 .row { float: none; margin: 0 0 40px 50px; }

footer .wrapper .column { font-size: 12px; width: 230px; }
}




 @media (max-width: 765px) {

#slider_content1 h3,#slider_content2 h3,#slider_content3 h3 { display:; font-size: 20px }
	 
#slider_content1 p, #slider_content2 p, #slider_content3 p { font-size: 15px; line-height: 12px; display:; max-width:55%; }
 
header nav {  }

#spacer { height: auto; }

#spacer p { text-align: center; position: static; margin: 0 auto; padding: 15px 0 7px 0; }

#spacer .search { text-align: center; position: static; margin: 0 auto; }

     #spacer2 {height: 100%;}

footer { padding-bottom: 70px; height: auto; }

footer .wrapper { width: 350px; margin: 0 auto; }

footer .wrapper .column { margin-top: 30px; float: none; font-size: 14px; width: auto; }

footer .wrapper .social { display: none; }




}



 @media (max-width: 620px) {

#slider_content1 h3,#slider_content2 h3,#slider_content3 h3 { display:; font-size: 12px }

#slider_content1 p, #slider_content2 p, #slider_content3 p { font-size: 10px; line-height: 9px; display: none; }

header { margin-top: 20px; text-align: center; height:95px; }

#spacer { height: auto; padding-bottom: 15px; }

#spacer p { font-size:11px;  text-align: center; position: static; margin: 0 auto; padding: 15px 0 7px 0; }

#spacer2 {height: 100%;}

#four_columns { width: auto; }

#four_columns .img-item { width: 200px; float: none; margin: 25px auto 0 auto; }

#four_columns h2 { margin: 0 30px; }

.column2 .row { margin: 10px 0 40px 10px; width: auto; }

footer .wrapper { width: auto; }

footer .wrapper .column { margin: 0 auto 15px auto; max-width: 300px; }

input { width: auto; }

#mobileMenu { display: block; z-index: 99; }

.toggleMobile { position: fixed; top: 10px; left: 10px; display: block; width: 40px; height: 36px; cursor: pointer; z-index: 999; }

.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 { display: block; position: absolute; width: 40px; height: 8px; left: 0; background: #EDA28C; -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }

.toggleMobile span.menu1 { top: 0; }

.toggleMobile span.menu2 { top: 14px; }

.toggleMobile span.menu3 { top: 28px; }

.toggleMobile.active span.menu1 { top: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); }

.toggleMobile.active span.menu2 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); }

.toggleMobile.active span.menu3 { opacity: 0; -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }

header nav { display: none; }

header h1 { font-size: 10px; font-family:'ostrich_sansmedium'; }

header p { margin-left: 36px; font-size: 14px; }

.slidesjs-slide { position:absolute; top:0px; }

}

/* KEYFRAMES */

@keyframes 
stylie-transform-keyframes {  0% {
transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);
animation-timing-function: cubic-bezier(.25, .25, .75, .75);
}
 100% {
transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);
}
}
 @keyframes 
stylie-transform2-keyframes {  0% {
transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);
animation-timing-function: cubic-bezier(.25, .25, .75, .75);
}
 100% {
transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);
}
}

/*                FORM                   */

#form{
border-radius:2px;
padding:10px 20px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:82%;
margin:20px 250px 0 10px;
float:left;}

input{
		width:100%;
		height:35px;
		margin-top:5px;
		border:1px solid #999;
		border-radius:3px;
		padding:5px;	}
		
	input[type=button]{
		background-color:#123456;
		border:1px solid white;
		font-family: 'Fauna One', serif;
		font-Weight:bold;
		font-size:18px;
		color:white;	}
	
	
	textarea{
		width:100%;
		height:80px;
		margin-top:5px;
		border-radius:3px;
		padding:5px;
		resize:none;	}
		
		
	span{
		color:red	}
		
		
	#note{
		color:black;
		font-Weight:400;	}
	
	
	#returnmessage{
		font-size:14px;
		color:white;
		text-align:center;	}