body{
	min-width: 320px;
	font-size: 14px;
	font-family: 'Comfortaa';
	color: #0f0f0f;
	margin: 0 !important;
	padding: 0 !important;
}

footer {
	background: #00b4de;
}

img{
	max-height: 100%;
	height: auto;
}

a{
	color: #fff;
	font-weight: 700;
}

a:hover{
	color: #ff4229;
}

.main {
	margin: 0 !important;
	padding: 0 !important;
}

.welcome {
  margin: 0;
  background: url(../img/bg-1.jpg) no-repeat center center fixed;
	background-size: cover;
  color: white;
  font-family: 'Comfortaa';
}

.welcome-2 {
  background: url(../img/bg-2.jpg) no-repeat center center fixed;
	background-size: cover;
  color: white;
  font-family: 'Comfortaa';
  height: 550px;
}

.welcome-3 {
  background: url(../img/bg-3.jpg) no-repeat center center fixed;
	background-size: cover;
  color: white;
  font-family: 'Comfortaa';
  height: 550px;
}

.welcome-4 {
  background: url(../img/bg-5.jpg) no-repeat center center fixed;
	background-size: cover;
  color: white;
  font-family: 'Comfortaa';
  height: 550px;
}

.welcome-6 {
  background: url(../img/bg-6.jpg) no-repeat center center fixed;
	background-size: cover;
  color: white;
  font-family: 'Comfortaa';
  height: 550px;
}

.menu {
  height: 100vh;
  background: #596bad;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateX(-100%);
  position: relative;
  z-index: 0;
  transition: 1s;
  overflow: hidden;
}

.menu h1 {
  margin-bottom: 32px;
  padding: 20px 0 20px 0;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  width: 100%;
  height: 32px;
  color: #fff;
}

.menu h2 {
  margin: 12px;
  font-size: 24px;
  font-weight: 400;
  position: relative;
  z-index: 2;
}

a:link,
a:visited {
  color: white;
  text-decoration: none;
}

.line {
  height: 4px;
  width: 40px;
  top: 0;
  background-color: #1d326d;
  transition: 1s;
  position: absolute;
}

.two {
  top: 12px;
}

.three {
  top: 24px;
}

.hamburger {
  margin: 40px;
  cursor: pointer;
  background-color: transparent;
  height: 30px;
  width: 40px;
  z-index: 1;
  position: fixed;
}

.sidenav {
  position: fixed;
}

.moto {
  padding: 350px 100px 350px 100px;
}

.moto h6 {
	text-align: center;
}

.moto h1 {
	margin-top: 55px;
	text-align: center;
	letter-spacing: 7px;
	color: #323232;
	text-transform: uppercase;
	font-weight: 700;
}

.moto h5 {
	text-align: center;
	letter-spacing: 3px;
	color: #1d326d;
	text-transform: uppercase;
	font-weight: 700;
}

.about h5 {
	text-align: center;
	letter-spacing: 3px;
	color: #878787;
	font-weight: 300;
}

.about p {
	text-align: justify;
	color: #878787;
	font-weight: 300;
}

.about hr {
	max-width: 50%;
	text-align: center;
}

.about h4 {
	text-align: center;
	letter-spacing: 3px;
	color: #596bad;
	font-weight: 700;
	margin-bottom: 10px;
}

.choosing {
	background-color: #1d326d;
}

.choosing h4 {
	text-align: center;
	letter-spacing: 3px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
}

.choosing h5 {
	letter-spacing: 3px;
	color: #fff;
	font-weight: 300;
}

.choosing img {
	max-height: 100px;
}

.m-p-10px {
	margin: 0 10px 0 10px;
}

.mt-20px {
	margin-top: 50px;
}

.pt-100px {
	padding-top: 100px;
}

.pb-100px {
	padding-bottom: 100px;
}

.l-blue {
	background-color: #2a4996;
}

.l-midblue {
	background-color: #596bad;
}

.l-darkblue {
	background-color: #00b4de;
}

.l-blue h5 {
	color: #fff;
	text-align: center;
	margin-top: 20px;
}

.l-midblue h5 {
	color: #fff;
	text-align: center;
	margin-top: 20px;
}

.l-darkblue h5 {
	color: #fff;
	text-align: center;
	margin-top: 20px;
}

.icon {
	max-height: 125px;
	max-width: 125px;
}

.t-photo {
	max-height: 100%;
	max-width: 100%;
	padding: 25px;
}

.check {
	max-height: 25px;
	max-width: 25px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.team h1 {
	text-align: center;
}

.team h3 {
	text-align: center;
	font-weight: 200;
	margin-top: 20px;
}

.team h6 {
}

.team-name {
	background-color: #1b1b1b;
}

.team-name h4 {
	text-align: center;
	letter-spacing: 3px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
}

.team p {
	text-align: center;
	color: #596bad;
	font-weight: 700;
	margin-top: -10px;
}

.t-icon {
	max-height: 50px;
	max-width: 50px;
}

.curve-line {
	background: url(../img/curve-line.png) no-repeat center center;
	background-size: cover;

}

.curve-1 {
	background-color: #fff;

}

.curve-1 h5 {
	color: #00b4de;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 19px;
}

.curve-1 h6 {
	color: #00b4de;
	text-align: left;
	margin-top: 10px;
}

.curve-2 {
	background-color: #00b5e0;

}

.curve-2 h5 {
	color: #fff;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 19px;
}

.curve-2 h6 {
	color: #fff;
	text-align: left;
	margin-top: 10px;
}

.rules {
  background: url(../img/bg-4.jpg) no-repeat center center fixed;
	background-size: cover;
  color: white;
  font-family: 'Comfortaa';

}

.rules-title {
	color: #000;
	line-height: 40px;
	text-align: left;
	margin-bottom: 20px;
}

.rules-title h4 {
	margin-bottom: 50px;
	font-weight: 700;
}

.rules-title span {
	display: inline;
	background-color: #2a4996;
	box-shadow: -10px 0 0 #2a4996, 10px 0 0 #2a4996;
	padding: 10px 0;
	color: #FFFFFF;
	text-align: left;
}

.rules-title-black  {
	color: #000;
	line-height: 40px;
	text-align: left;
	margin-bottom: 50px;
}

.rules-title-black span {
	display: inline;
	background-color: #282828;
	box-shadow: -10px 0 0 #282828, 10px 0 0 #282828;
	padding: 10px 0;
	color: #FFFFFF;
	text-align: left;
}

.cont-1 {
	background: url(../img/bg-cont.jpg) no-repeat center center;
	background-size: cover;
	color: white;
	font-family: 'Comfortaa';

}

.cont-2 {
	background-color: #596bad;
	color: #fff;
}

.cont-2 span {
	text-transform: uppercase;
	font-weight: 700;
}

.cont-2 h4 {
	font-weight: 700;
	margin-bottom: 50px;
}

.cont-2 h5 {
	margin-bottom: 20px;
}

.cont-2 img {
	max-height: 25px;
	margin-right: 10px;
	margin-bottom: 6px;
}

.curve-1 img {
	max-height: 25px;
	margin-right: 10px;
	margin-bottom: 3px;
}

.curve-2 img {
	max-height: 25px;
	margin-right: 10px;
	margin-bottom: 3px;
}

.crit h4 {
	text-align: center;
	letter-spacing: 3px;
	color: #596bad;
	font-weight: 700;
	margin-bottom: 45px;
}

.crit p {
	text-align: center;
	color: #596bad;
	font-weight: 700;
	margin-top: 75px;
}

.crit span {
	text-align: center;
	color: #596bad;
	font-weight: 700;
}

@media (min-width: 100px) {
.logo {
  max-height: 50px;
}
}

@media (min-width: 768px) {
.logo {
  max-height: 75px;
}
}

@media (min-width: 1024px) {
.logo {
  max-height: 100px;
}
}

@media (min-width: 100px) {
.boxik {
	padding: 25px 75px 25px 75px;
}
}

@media (min-width: 768px) {
.boxik {
	padding: 50px 100px 50px 100px;
}
}

@media (min-width: 1024px) {
.boxik {
	padding: 75px 125px 75px 125px;
}
}

@media (min-width: 100px) {
.menu h2 {
	font-size: 12px;
}
}

@media (min-width: 768px) {
.menu h2 {
	font-size: 20px;
}
}

@media (min-width: 1024px) {
.menu h2 {
	font-size: 24px;
}
}

@media (min-width: 100px) {
.menu {
  width: 35%;
}
}

@media (min-width: 768px) {
.menu {
  width: 25%;
}
}

@media (min-width: 100px) {
.welcome h1 {
	font-size: 20px;
}
}

@media (min-width: 768px) {
.welcome h1 {
	font-size: 30px;
}
}

@media (min-width: 1024px) {
.welcome h1 {
	font-size: 36px;
}
}

@media (min-width: 100px) {
.welcome h5 {
	font-size: 0.75rem;
}
}

@media (min-width: 768px) {
.welcome h5 {
	font-size: 1.00rem;
}
}

@media (min-width: 1024px) {
.welcome h5 {
	font-size: 1.25rem;
}
}