@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,900');
:root {
 --caption-color: #ffa400;
 --text-color: #263d42;
 --bg-dark: #263d42;
 --title-light: #b1c8d1;
 --light-text: #e0e0e2;
 --bg-white: #fff;
}
/*----------RESET CSS------------*/

*, *::before, *::after {
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 @-ms-viewport {
 width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}
body {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: auto;
	color: #263d42;
	background-color: #fff;
}
[tabindex="-1"]:focus {
	outline: 0 !important;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}
p {
	margin-top: 0;
	margin-bottom: 0;
}
abbr[title], abbr[data-original-title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}
ol, ul, dl {
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	padding: 0;
}
ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0;
}
dt {
	font-weight: 700;
}
dd {
	margin-bottom: .5rem;
	margin-left: 0;
}
blockquote {
	margin: 0 0 1rem;
}
dfn {
	font-style: italic;
}
b, strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
a {
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	text-decoration: none;
}
a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
	outline: 0;
}
pre, code, kbd, samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 1em;
}
pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	-ms-overflow-style: scrollbar;
}
figure {
	margin: 0 0 1rem;
}
img {
	vertical-align: middle;
	border-style: none;
}
svg {
	overflow: hidden;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom;
}
th {
	text-align: inherit;
}
label {
	display: inline-block;
	margin-bottom: 0.5rem;
}
button {
	border-radius: 0;
}
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
 padding: 0;
 border-style: none;
}
input[type="radio"], input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
	-webkit-appearance: listbox;
}
textarea {
	overflow: auto;
	resize: vertical;
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto;
}
[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: none;
}
 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

::-webkit-file-upload-button {
 font: inherit;
 -webkit-appearance: button;
}
output {
	display: inline-block;
}
summary {
	display: list-item;
	cursor: pointer;
}
template {
	display: none;
}
[hidden] {
	display: none !important;
}
/*---------------Slider CSS---------------------------*/

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	background-position: center;
	background-size: cover;
	height: 100vh;
	background-image: url('../images/slider/robert-chojnacki-photography.jpg');
}
.main-slider .swiper-container {
	width: 100%;
	height: 100vh;
}
.slider-content {
	max-width: 625px;
	margin-left: auto;
	padding-bottom: 229px;
}
.slider-content h1 {
	font-size: 83.82px;
	font-weight: 900;
	color: var(--caption-color);
	line-height: 68.1px;
	margin-bottom: 30px;
}
.slider-content h1 span {
	font-weight: 400;
	color: var(--text-color);
}
.slider-content p {
	font-size: 18px;
	font-weight: 300;
}
.arrow-scroll {
	position: absolute;
	bottom: 110px;
	width: 100%;
	z-index: 1;
}
.arrow-down::before {
	-webkit-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	/* Safari 4+ */
	-moz-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	/* Fx 5+ */
	-o-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	/* Opera 12+ */
	animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	/* IE 10+, Fx 29+ */
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -1px;
	width: 1px;
	height: 80px;
	background: #263d42;
	content: ' ';
}
.sport {
	padding: 80px 0;
  /*! background-color: var(--bg-dark); */
}
.dark_bg {
	background-color: var(--bg-dark);
}
.light_bg {
	background-color: var(--bg-white);
}
.caption {
	font-size: 62.86px;
	color: var(--caption-color);
	font-weight: 900;
	line-height: 55px;
}
.title {
	color: var(--title-light);
	font-size: 48px;
	font-weight: 300;
	margin-bottom: 30px;
}
.heading p {
	font-size: 18px;
	color: var(--bg-dark);
}
.bg-dark .heading p {
	color: #e0e0e2;
}
.heading {
	max-width: 814px;
	margin: 0 auto;
}
.gallery {
	padding-top: 80px;
}
.gallery [class*="col-"] {
	padding-left: 8.5px;
	padding-right: 8.5px;
	padding-bottom: 17px;
}
.light_bg .title {
	color: #8fa6ae;
}
.light_bg .heading p {
	color: #263d42;
}
.about-me {
	padding: 80px 0;
	background-color: var(--bg-dark);
}
.about-me .heading p {
	color: #e0e0e2;
}
.butn {
	padding-top: 40px;
}
.btn.btn-primary {
	font-weight: 900;
	color: var(--caption-color);
	height: 49px;
	font-size: 25.93px;
	background-color: #263d42;
	line-height: 49px;
	border-radius: 0;
	border-color: #ffa400;
	padding: 0 40px;
	transition: all 0.3s;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
	box-shadow: none;
	background-color: #263d42;
	color: #bcd4de;
	border-color: #bcd4de;
}
.footer {
	padding: 80px 0;
}
.footer h2 {
	font-size: 18px;
	font-weight: 300;
}
.footer p {
	font-size: 14px;
	color: #6a8d92;
	margin-top: 30px;
}
.social li a {
	padding: 0 8px;
	font-size: 50px;
	color: var(--caption-color);
	transition: all 0.3s;
}
.social li a:hover {
	color: #bcd4de;
}
.social {
	padding-top: 20px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	background-color: #fff;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	left: 4px;
}
#fp-nav ul li a.active span:after {
	content: '';
	position: absolute;
	background-color: #ffa400;
	z-index: 1;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	top: 50%;
	transform: translate(-5.5px, -4.7px);
}
#fp-nav ul li:hover a span:after, .fp-slidesNav ul li:hover a span:after {
	content: '';
	position: absolute;
	background-color: #ffa400;
	z-index: 1;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	top: 50%;
	transform: translate(-54%, -48%);
}
#fp-nav ul li, .fp-slidesNav ul li {
	margin: 0 0 30px 0;
	width: 21px;
	height: 21px;
	text-align: center;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 21px;
	height: 21px;
	margin: 0 auto;
	display: inline-block;
	left: 0px;
	background-color: #fff;
}
#fp-nav ul li:hover .fp-tooltip.fp-right {
	right: 28px;
	max-width: initial;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	width: 15px;
	height: 15px;
	background-color: #f6fff8;
	border: 1px solid #bcd4de;
	top: auto;
	margin: 0;
	left: 4px;
}
#fp-nav.fp-right ul li:after {
	content: '';
	height: 50px;
	width: 1px;
	top: 0;
	left: 50%;
	background: #bcd4de;
	z-index: -1;
	position: absolute;
}
#fp-nav.fp-right ul li:last-child:after {
	content: none;
}
#fp-nav.fp-right {
	right: 33px;
}
#fp-nav ul li .fp-tooltip {
	overflow: initial;
	top: -4px;
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
	opacity: 1;
	background-color: #fff;
	color: var(--caption-color);
	padding: 2px 19px;
	border: 1px solid #cfe2e7;
}
#fp-nav ul li:hover .fp-tooltip:after {
	background-image: url(../images/after-hover.png);
	content: '';
	right: -4px;
	height: 11px;
	width: 4px;
	top: 50%;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	transform: translate(0, -50%);
}
.img-holder img {
	opacity: 1;
	transition: all 0.3s;
}
.img-holder:hover img {
	opacity: 0.8;
}
 @keyframes elasticus {
 0% {
 -webkit-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(1, 0);
 -ms-transform: scale(1, 0);
 -moz-transform: scale(1, 0);
 -o-transform: scale(1, 0);
 transform: scale(1, 0);
}
 50% {
 -webkit-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 50.1% {
 -webkit-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 -webkit-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(1, 0);
 -ms-transform: scale(1, 0);
 -moz-transform: scale(1, 0);
 -o-transform: scale(1, 0);
 transform: scale(1, 0);
}
}
#lg-download {
	display: none;
}
.navigation_links {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
	right: 37px;
	padding: 0;
	margin: 0;
	z-index: 2;
}
.navigation_links li {
	margin-bottom: 30px;
	position: relative;
	display: block;
}
.navigation_links li:after {
	content: '';
	height: 66px;
	width: 1px;
	top: 8px;
	left: 49%;
	background: #bcd4de;
	z-index: -1;
	position: absolute;
}
.navigation_links li:last-child:after {
	content: none
}
.navigation_links li a {
	display: block;
	width: 21px;
	text-align: center;
	transition: all 0.3s;
}
.navigation_links li a span {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #c9dee4;
	display: inline-block;
	background-color: #f6fff8;
	position: relative;
	transition: all 0.3s;
}
.navigation_links li.active a span::after, .navigation_links li a:hover span::after {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 1px solid #ffa400;
	display: inline-block;
	background-color: #ffa400;
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 0;
}
.navigation_links li a:hover {
	transform: scale(1.3);
}
.navigation_links li .tooltip-cst {
	position: absolute;
	font-size: 14px;
	font-weight: 300;
	color: #263d42;
	background-color: #f6fff8;
	padding: 3px 18px;
	right: 28px;
	top: 50%;
	transform: translate(0, -50%);
	border: 1px solid #c9dee4;
	display: none;
	z-index: 1;
}
.navigation_links li .tooltip-cst:after {
	background-image: url(../images/after-hover.png);
	content: '';
	right: -4px;
	height: 11px;
	width: 4px;
	top: 50%;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	transform: translate(0, -50%);
}
.navigation_links li:hover .tooltip-cst {
	display: block;
}