@charset "UTF-8";
@import url("../webfonts/sansation/stylesheet.css");
@import url("../webfonts/sansation_bold/stylesheet.css");
@import url("../webfonts/sansation_light/stylesheet.css");
/* CSS Document */
body {
	font-family: sansation;
	color: #01293c;
}
h1 {
	color: #ca3f8e;
	font-size: 40px;
	line-height: 44px;
}
h1, h2 {
	font-family: "sansation_bold";
	text-transform: uppercase;
}
h2, h3, h4, h5 {
	color: #004d6d;
	letter-spacing: 0.02em;
}
h2 {
	font-size: 34px;
	line-height: 38px;
}
h3 {
	font-size: 28px;
	line-height: 36px;
}
h4 {
	font-size: 22px;
	line-height: 26px;
}
h5 {
	font-size: 20px;
	line-height: 26px;
}
p {
	font-family: "sansation_light";
	font-size: 16px;
	letter-spacing: 0.05em;
}
ul, ol {
	padding-left:25px;
}
ul.big li {
	font-size: 20px;
	line-height: 26px;	
}
li {
	font-family: "sansation_light";
	font-size: 16px;
	letter-spacing: 0.05em;
}
.small {
	font-size:80%;
}
a {
	color: #006494;
	font-family: "sansation_bold";
	letter-spacing: 0.05em;
}
a:hover {
	color: #01293c;
}
.logo {
	padding:15px;
}
nav {
	background-color: #004d6d !important;
	border-radius: 0px !important;
	border-style: none;
}
.navbar-nav {
	width:100% !important;
	margin:0 auto !important;
}
nav li {
	color:#fff !important;
	font-size:24px;
	text-align:center;
	width: 16%;
	height:50px;
	margin:0 2% 0 2%;
	overflow:hidden;
}
nav p {
	padding-top:10px;
	transition: all 3s cubic-bezier(.63,.01,.83,.67);
}
nav a, nav a:link, nav a:hover, nav a:active, nav a:visited {
	color:#fff !important;
}
nav a:hover p, nav .active p {
	padding-top:0px;
	transition: all .25s cubic-bezier(.75,1,1,.78);
}
nav a:link {
	background-color: #004d6d !important;
	padding-top:18px;
	background: linear-gradient(226deg, #004d6d, #004d6d, #004d6d); 
	background-size: 600% 600%;
	transition: all 3s cubic-bezier(.63,.01,.83,.67);
}
nav a:hover {
	padding-top:10px;
	transition: all .25s cubic-bezier(.75,1,1,.78);
	background: linear-gradient(226deg, #01293c, #004d6d, #ca3f8e); 
background-size: 600% 600%;

-webkit-animation: box-gradient 5s ease infinite;
-moz-animation: box-gradient 5s ease infinite;
-o-animation: box-gradient 5s ease infinite;
animation: box-gradient 5s ease infinite;
}
nav .active a:link {
	margin-top:0px;
	padding-top:10px !important;
	height:50px;
	background: linear-gradient(226deg, #01293c, #004d6d, #ca3f8e); 
background-size: 600% 600%;

-webkit-animation: box-gradient 15s ease infinite;
-moz-animation: box-gradient 15s ease infinite;
-o-animation: box-gradient 15s ease infinite;
animation: box-gradient 15s ease infinite;
}
.img-center {
	margin:auto;
}
.title-img {
	margin-top: -20px;
	height: 420px;
	border-bottom: 3px solid #004d6d;
	background-size: cover;	
}
.title-img.who {
	background-image: url(../images/title-img-who.jpg);
	background-position: 50% 50%;
}
.title-img.what {
	background-image: url(../images/title-img-what.jpg);
	background-position: 50% 60%;
}
.title-img.where {
	background-image: url(../images/title-img-where.jpg);
	background-position: 50% 50%;
}
.title-img.how {
	background-image: url(../images/title-img-how.jpg);
	background-position: 50% 50%;
}
.title-img.contact {
	background-image: url(../images/title-img-contact.jpg);
	background-position: 50% 60%;
}
.title-img h2 {
	position: relative;
	top: 320px;
}
.title-img h4 {
	position: relative;
	top: 310px;
}
.title-img h2, .title-img h4 {
	color: #fff;
	margin-bottom: 0px;
	text-shadow: 0px 0px 10px #333;
	z-index: 10;
}
button {
	border-radius: 5px;
	background-color: #ca3f8e;
	background: linear-gradient(226deg, #ca3f8e, #004d6d, #01293c); 
	background-size: 600% 600%;
	padding:10px 20px 10px 20px;
	font-size:18px;
	border:1px solid #01293c;
	transition: all 1s cubic-bezier(.75,1,1,.78);
	color:#fff;
	margin-top:10px;
	webkit-box-shadow: 2px 2px 5px 0px rgba(1,41,60,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(1,41,60,0.25);
	box-shadow: 2px 2px 5px 0px rgba(1,41,60,0.25);

-webkit-animation: box-gradient 15s ease infinite;
-moz-animation: box-gradient 15s ease infinite;
-o-animation: box-gradient 15s ease infinite;
animation: box-gradient 15s ease infinite;
}
button:hover {
	border-radius: 0px;
	border:1px solid #fff;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition:all 1.5s cubic-bezier(.75,1,1,.78);
}
.box {
	border-radius: 10px;
	background-color: #004d6d;
	position: relative;
	top: -24px;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-top: 30px;
	transition: all 1s cubic-bezier(.75,1,1,.78);
	background: linear-gradient(226deg, #01293c, #004d6d, #ca3f8e); 
	background-size: 600% 600%;

-webkit-animation: box-gradient 15s ease infinite;
-moz-animation: box-gradient 15s ease infinite;
-o-animation: box-gradient 15s ease infinite;
animation: box-gradient 15s ease infinite;
}

@-webkit-keyframes box-gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@-moz-keyframes box-gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@-o-keyframes box-gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@keyframes box-gradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
.box:hover {
	border-radius: 10px;
	background-color: #004d6d;
	padding-top: 20px;
	margin-top: 10px;
	top: -24px;
	transition:all 1.5s cubic-bezier(.75,1,1,.78);
}
.box:hover h2 {
	margin-top:20px;
}
.box .plug {
	position:relative;
	top:-12px;
	transition:ease-in 3s;
	transition:all 1s cubic-bezier(.75,1,1,.78);
}
.box:hover .plug {
	top:-32px;
	transition:ease-in 1s;
	transition:all 1.5s cubic-bezier(.75,1,1,.78);
}
.box h1 {
	margin-top: 0;
}
.box h1, .box h2, .box h3, .box h4, .box h5, .box p ,.box il, .box ol, .box ul {
	color:#fff;
}
.usb {
	width:30px;
	margin:auto;	
	position:relative;
	top:-2px;
}
.box img.border {
	border:3px solid #01293c;
}
.sponsor {
	border-radius: 10px;
	background-color: #CBCBCB;
	margin-bottom: 25px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(231,231,231,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(231,231,231,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(231,231,231,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(231,231,231,1.00) 100%);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(192,192,192,1.00);
	box-shadow: inset 0px 0px 10px 0px rgba(192,192,192,1.00);
	transition: all 1s cubic-bezier(.75,1,1,.78);
	letter-spacing: normal;
}
.sponsor:hover {
	-webkit-box-shadow: inset 4px 4px 30px 0px rgba(183,183,183,1.00);
	box-shadow: inset 4px 4px 30px 0px rgba(183,183,183,1.00);
	color:#01293c !important;
	transition: all 0.3s cubic-bezier(.75,1,1,.78);
}
.sponsor:hover, .sponsor a:hover, .sponsor h5:hover, .sponsor h3:hover {
	text-decoration: none;
	color:#01293c !important;
}
.sponsor h5 {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .5em;
	color:#01293c !important;
}

.move-up {
	position:relative;
	top:-25px;
}
.space-below {
	padding-bottom:20px;
}
.footer {
	background-color: #006494;
	background-image: -webkit-linear-gradient(224deg,rgba(0,100,148,1.00) 0%,rgba(202,63,142,1.00) 100%);
	background-image: -moz-linear-gradient(224deg,rgba(0,100,148,1.00) 0%,rgba(202,63,142,1.00) 100%);
	background-image: -o-linear-gradient(224deg,rgba(0,100,148,1.00) 0%,rgba(202,63,142,1.00) 100%);
	background-image: linear-gradient(226deg,rgba(0,100,148,1.00) 0%,rgba(202,63,142,1.00) 100%);
}
.box a, .footer a, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p, .copyright a, .copyright h1, .copyright h2, .copyright h3, .copyright h4, .copyright h5, .copyright p  {
	color: #fff !important;
}
.copyright {
	color: #fff;
	background-color: #006494;
	padding: 20px 0px 20px 0px;
	background-image: -webkit-linear-gradient(224deg,rgba(142,45,99,1.00) 0.20%,rgba(202,63,142,1.00) 100%);
	background-image: -moz-linear-gradient(224deg,rgba(142,45,99,1.00) 0.20%,rgba(202,63,142,1.00) 100%);
	background-image: -o-linear-gradient(224deg,rgba(142,45,99,1.00) 0.20%,rgba(202,63,142,1.00) 100%);
	background-image: linear-gradient(226deg,rgba(142,45,99,1.00) 0.20%,rgba(202,63,142,1.00) 100%);
}
.copyright a {
	font-weight: 100 !important;
	font-family: sansation !important;
}

@media (max-width: 400px){
	
	nav li {
		width: 100%;
		overflow:hidden;
	}
}
@media (max-width: 767px){
	.navbar-toggle {
		left:46%;
		float:none;
	}
	nav a:link {
	padding-top:10px;
	}
	nav a:link p, nav a:hover p, nav .active p {
	padding-top:0px;
	}
	.title-img {
    margin-top: -40px;
	height: 300px;
	}
	.title-img h2 {
	position: relative;
	top: 200px;
	font-size: 200%;
}
.title-img h4 {
	position: relative;
	top: 190px;
}
}
@media (min-width: 400px) and (max-width: 767px){
	nav li {
		width: 49%;
		margin:0;
		display:inline-block !important;
	}
	
}

@media (max-width: 991px){
	.title-img {
		margin-top: -40px;
	}
}
@media (min-width: 768px) and (max-width: 1199px){
.hidden-medium	{
	display:none;
}
}