/* General
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;color: #fff;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.wrapper {width: 100%;/*	min-width: 1000px;*/ min-height: 100%; height: auto !important; }
.clear {clear: both;}
#tb-hide-on-desktop {display:none;}


/* HTML5 display-role reset for older browsers 
-----------------------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

html {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
body {font: 12px/18px Verdana, Arial, sans-serif; color: #EC1E82; height: 100%; background: #f5f5f5;}


/* Text & Links
-----------------------------------------------------------------------------*/
A:link, A:visited, A:active {text-decoration: none; color: #080808;}
A:hover {text-decoration: none; color: #EC1E82;}
#Notice {color: #90be4d;}


/* Header
-----------------------------------------------------------------------------*/
.Header {height: 60px;background: #EC1E82;padding: 1px 16px 1px 16px;}
.HeaderLogo A:link, .HeaderLogo A:visited, .HeaderLogo A:active, .HeaderIcons A:link, .HeaderIcons A:visited {text-decoration: none;color: #ffffff;/* font-size: 30px; */margin-top: 60px;}
.HeaderLogo A:hover, .HeaderIcons A:hover, .HeaderIcons A:active {text-decoration: none;color: #080808;}
#linkactive, #linkactive A:link, #linkactive A:visited, #linkactive A:active {text-decoration: none;color: #080808;}
.HeaderLogo {float: left;color: #455925;font-family: 'Arial', cursive;font-size: 34px;font-weight: 400;font-weight:bold;}
.HeaderIcons {float: right; font-size: 1.5em;}


/* Middle 
-----------------------------------------------------------------------------*/
.middle { width: 100%; padding: 0 0 50px; position: relative; }
.middle:after { display: table; clear: both; content: ''; }
.container { width: 100%; float: left; overflow: hidden; }
.content {margin: 20px 0 0 0; padding: 100px 310px 0 310px; text-align: center; vertical-align: middle;}
.content-contact {margin: 20px 25% 0 25%; padding: 0px; text-align: center; vertical-align: middle;}
.content strong, .content-contact strong {font-family: 'Audiowide', cursive; color: #EC1E82; font-size: 2.0em; font-weight:400; text-shadow: 1px 1px 1px #fff;}
.content span, .content-contact span {font-family:  'Audiowide', cursive; font-size: 1.7em; font-weight: 200; color: #ffffff;}
.details {font-family: 'Play', sans-serif;font-size: 1.7em;background: #FFFFFF;font-weight: 200;padding-bottom: 10px;padding-top: 50px;margin-top: -70px;display: block;clear: both; *margin: 70px 0 0 0;margin-bottom: 20px;}


/* Left/Right/Bottom Sidebar
-----------------------------------------------------------------------------*/
blockquote {margin: 0 10px;}
.box-contents {/* padding: 7px 0 1px 0; */}

#left-sidebar {float: left; text-align: left; width: 300px; min-height: 250px; margin: 50px 0 0 -100%; padding: 0px; position: relative; background-color: #ffa600; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
#right-sidebar { float: left; text-align: right; width: 300px; min-height: 250px; margin: 50px 0 0 -300px; padding: 0px; position: relative; background-color: #f56954; --webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
#bottom-sidebar { clear: both; width: 733px; min-height: 90px; margin: 0 auto; padding: 0px; color: #fff; background-color: #00c0ef; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-align: center;}

#left-sidebar strong, #right-sidebar strong {display: block; clear: both; padding: 0 5px; font-family: 'Play', sans-serif; font-size: 1.4em; font-weight:200;}
#left-sidebar strong {color: #fff; text-shadow: 1px 1px 1px #eb9900;}
#right-sidebar strong {color: #fff; text-shadow: 1px 1px 1px #cb5746;}
#bottom-sidebar strong {display: block; font-family: 'Play', sans-serif; color: #fff; font-size: 1.4em; font-weight:200; text-shadow: 1px 1px 1px #00aad4;}

#left-sidebar span, #right-sidebar span {font-family: 'Play', sans-serif; font-size: 1.0em; font-weight: 200; color: #fff;}
#bottom-sidebar span {font-family: 'Play', sans-serif; font-size: 1.0em; font-weight: 200; color: #fff;}

/* Contact Form 
-----------------------------------------------------------------------------*/
.input-group-addon .fa {color:#000; font-size: 0.8em;}
.Error {position: absolute; top: 0; right: 0; color: red;font-family: 'Audiowide', cursive;font-weight:200;}
.Error .fa-hand-o-left {font-size: 1.5em;}
#form-send {float: left; width: 100%;}
.fa-refresh {position: absolute; margin: 14px 0 0 0; color: #EC1E82; font-size: 15px;}

button,input,select,textarea{font-family:inherit;line-height:inherit;font-size:100%;margin:0}
textarea{overflow:auto;vertical-align:top}
textarea.form-control, textarea.input-sm, textarea.input-lg, textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}
textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}
.margin-bottom-sm{margin-bottom:5px !important}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group .form-control{width:100%;margin:0 auto;}
.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;white-space:nowrap}
.input-group-btn>.btn{position:relative}
.input-group-btn>.btn+.btn{margin-left:-4px}
.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}
.form-control:-moz-placeholder{color:#999}
.form-control::-moz-placeholder{color:#999}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control{display:block;width:80%;height:34px;padding:6px 12px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size:1.5em;line-height:1.428571429;color:#545454;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.form-control:focus{border-color:#ee0575;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 100, 230, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 100, 230, 0.6)}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}

.btn{display:inline-block;margin-bottom:0;font-family: 'Audiowide', cursive;font-weight:400;font-size:14px;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn-success{color:#fff;background-color:#EC1E82;border-color:#EC1E82}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{color:#fff;background-color:#EC1E82;border-color:#EC1E82}
.btn-success:active,.btn-success.active{background-image:none}
.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0}
.btn-block+.btn-block{margin-top:5px}
input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}


/* Footer
-----------------------------------------------------------------------------*/
.footer {margin: -60px auto 0;/*	min-width: 1000px;*/ min-height: 60px; background: #FFFFFF; position: relative; text-align: center; font-family: 'Play', sans-serif; font-size: 10px; font-weight: 100; color: #8d9891; padding: 0 10px 0 10px; }
.footer A:link, .footer  A:visited, .footer  A:active {text-decoration: underline; color: #89948d;}
.footer A:hover {text-decoration: none; color: #bccbc2;}
.FooterIcons {padding: 14px 0 0 0; font-size: 1.5em;}
.footerCopyRight {font-size: 1.2em; font-weight: 200;}


/* Touch Devices
-----------------------------------------------------------------------------*/
@media only screen 
and (min-width : 1000px) {
	.hide-this-on-desktop {display:none;}
}

@media screen and (max-width: 960px) {
	.hide-this-on-mobile {display:none;}
	.Header {padding: 10px 1px 6px 1px;}
	.HeaderLogo {float: none; text-align: center; font-size: 2.0em;}
	.HeaderIcons {float: none; text-align: center; font-size: 1.5em; padding: 5px 0 0 0;}
	.middle { width: 100%; padding: 0px; position: relative; }
	.content {margin: 10% 0; padding: 0px;}
	.content-contact {margin: 10%; padding: 0px; text-align: center; vertical-align: middle;}
	.content strong, .content-contact strong {font-size: 1.6em;} 
	.content span {font-size: 95%;} 
	.details {font-size: 80%;font-weight: 200;} 
	#left-sidebar, #right-sidebar {text-align: left; margin: 0px; padding: 0px; width: 100%; border-radius: 0px;}
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.4em; text-align: center;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {}
	#bottom-sidebar { margin: 0 0 59px 0; width: 100%; min-height: 90px; padding: 0px; border-radius: 0px; }
	.FooterIcons {float: none; text-align: center; font-size: 1.5em;}
	.footerCopyRight {font-size:1.2em;}
}

@media screen and (max-width: 768px) {
	.content strong, .content-contact strong {font-size: 2.8em;} 
	.content span, .content-contact span {font-size: 2.2em;} 
	.details {font-size: 1.2em;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.2em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 1.0em;}
	#bottom-sidebar { margin: 0 0 60px 0;}
	.FooterIcons {float: none; text-align: center; font-size: 1.4em;}
	.footerCopyRight {font-size:0.8em;}
}

@media screen and (min-device-width: 600px){
	#bottom-sidebar { margin: 0 auto 100px auto;}
}

@media screen and (max-width: 600px) {
	.Header {padding: 10px 1px 1px 1px;}
	.HeaderLogo {float: none; text-align: center; font-size: 1.5em;}
	.HeaderIcons {float: none; text-align: center; font-size: 1.2em; padding: 5px 0 0 0;}
	.content strong, .content-contact strong {font-size: 1.4em;} 
	.content span, .content-contact span {font-size: 1.2em;} 
	.details {font-size: 0.8em;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.2em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 1.0em;}
	#bottom-sidebar { margin: 0 0 60px 0;}
	.FooterIcons {float: none; text-align: center; font-size: 1.4em;}
	.footerCopyRight {font-size:0.8em;}
}

@media screen and (max-width: 570px) {
	.content strong, .content-contact strong {font-size: 2.4em;} 
	.content span, .content-contact span {font-size: 1.8em;} 
	.details {font-size: .6em;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.4em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 1.0em;}
	#bottom-sidebar { margin: 0 0 60px 0;}
	.FooterIcons {font-size: 1.6em;}
	.footerCopyRight {font-size:1.0em;}
}

@media screen and (max-width: 540px) {
	.Header {padding: 10px 1px 1px 1px;}
	.HeaderLogo {float: none; text-align: center; font-size: 1.5em;}
	.HeaderIcons {float: none; text-align: center; font-size: 1.2em; padding: 5px 0 0 0;}
	.content strong, .content-contact strong {font-size: 1.4em;} 
	.content span, .content-contact span {font-size: 1.2em;} 
	.details {font-size: 0.8em;margin-top: 25px !important;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.2em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 1.0em;}
	#bottom-sidebar { margin: 0 0 60px 0;}
	.FooterIcons {float: none; text-align: center; font-size: 1.4em;}
	.footerCopyRight {font-size:0.8em;}
}

@media screen and (max-width: 480px) { 
	.Header {padding: 10px 1px 1px 1px;}
	.HeaderLogo {float: none; text-align: center; font-size: 1.5em;}
	.HeaderIcons {float: none; text-align: center; font-size: 1.2em; padding: 5px 0 0 0;}
	.content strong, .content-contact strong {font-size: 1.4em;} 
	.content span, .content-contact span {font-size: 1.2em;} 
	.details {font-size: 0.8em;margin-top: 25px;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.2em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 1.0em;}
	#bottom-sidebar { margin: 0 0 60px 0;}
	.FooterIcons {float: none; text-align: center; font-size: 1.4em;}
	.footerCopyRight {font-size:0.8em;}
}

@media screen and (max-width: 320px) { 
	.Header {    height: 90px;
    padding: 10px 1px 1px 1px;}
	.HeaderLogo {float: none; text-align: center; font-size: 1.5em;}
	.HeaderIcons {float: none; text-align: center; font-size: 1.2em; padding: 5px 0 0 0;}
	.content strong, .content-contact strong {font-size: 1.4em;} 
	.content span, .content-contact span {font-size: 1.2em;} 
	.details {font-size: 0.8em;margin-bottom: 25px;margin-top: 25px;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.2em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 1.0em;}
	#bottom-sidebar { margin: 0 0 60px 0;}
	.FooterIcons {float: none; text-align: center; font-size: 1.4em;}
	.footerCopyRight {font-size:0.8em;}
}

@media screen and (max-width: 240px) { 
	.Header {padding: 10px 1px 1px 1px;}
	.HeaderLogo {float: none; text-align: center; font-size: 1.0em;}
	.HeaderIcons {float: none; text-align: center; font-size: 0.8em; padding: 5px 0 0 0;}
	.FooterIcons {float: none; text-align: center; font-size: 1.0em;}
	.footerText {font-size:0.6em;}
	.content strong, .content-contact strong {font-size: 1.2em;} 
	.content span, .content-contact span {font-size: 0.9em;} 
	.details {font-size: 0.8em;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 1.0em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 0.8em;}
	.FooterIcons {float: none; text-align: center; font-size: 1.4em;}
	.footerCopyRight {font-size:1.0em;}
}

@media screen and (max-width: 180px) { 
	.Header {padding: 10px 1px 1px 1px;}
	.HeaderLogo {float: none; text-align: center; font-size: 0.9em;}
	.HeaderIcons {float: none; text-align: center; font-size: 0.8em; padding: 3px 0 0 0;}
	.FooterIcons {float: none; text-align: center; font-size: 0.7em;}
	.footerText {font-size:0.6em;}
	.content strong, .content-contact strong {font-size: 1.2em;} 
	.content span, .content-contact span {font-size: 0.9em;} 
	.details {font-size: 0.8em;} 
	#left-sidebar strong, #right-sidebar strong, #bottom-sidebar strong {font-size: 0.8em;}
	#left-sidebar span, #right-sidebar span, #bottom-sidebar span {font-size: 0.6em;}
}