ul {padding: 0;list-style-type: none;}a {text-decoration: none; color: #ff714c;}a:hover {color: #ff714c; text-decoration: underline;}img {width: 100%;}@font-face {font-family: "DM Sans";src: url("../fonts/DMSans-Light.eot");src: url("../fonts/DMSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DMSans-Light.woff2") format("woff2"), url("../fonts/DMSans-Light.woff") format("woff"), url("../fonts/DMSans-Light.ttf") format("truetype");font-weight: 300;font-style: normal;font-display: swap;}@font-face {font-family: "DM Sans";src: url("../fonts/DMSans-Medium.eot");src: url("../fonts/DMSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DMSans-Medium.woff2") format("woff2"), url("../fonts/DMSans-Medium.woff") format("woff"), url("../fonts/DMSans-Medium.ttf") format("truetype");font-weight: 500;font-style: normal;font-display: swap;}@font-face {font-family: "DM Sans";src: url("../fonts/DMSans-Bold.eot");src: url("../fonts/DMSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DMSans-Bold.woff2") format("woff2"), url("../fonts/DMSans-Bold.woff") format("woff"), url("../fonts/DMSans-Bold.ttf") format("truetype");font-weight: bold;font-style: normal;font-display: swap;}@font-face {font-family: "DM Sans";src: url("../fonts/DMSans-Regular.eot");src: url("../fonts/DMSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DMSans-Regular.woff2") format("woff2"), url("../fonts/DMSans-Regular.woff") format("woff"), url("../fonts/DMSans-Regular.ttf") format("truetype");font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: "DM Sans";src: url("../fonts/DMSans-SemiBold.eot");src: url("../fonts/DMSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/DMSans-SemiBold.woff2") format("woff2"), url("../fonts/DMSans-SemiBold.woff") format("woff"), url("../fonts/DMSans-SemiBold.ttf") format("truetype");font-weight: 600;font-style: normal;font-display: swap;}@font-face {font-family: "Outfit";src: url("../fonts/Outfit-Medium.eot");src: url("../fonts/Outfit-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Medium.woff2") format("woff2"), url("../fonts/Outfit-Medium.woff") format("woff"), url("../fonts/Outfit-Medium.ttf") format("truetype");font-weight: 500;font-style: normal;font-display: swap;}@font-face {font-family: "Outfit";src: url("../fonts/Outfit-SemiBold.eot");src: url("../fonts/Outfit-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-SemiBold.woff2") format("woff2"), url("../fonts/Outfit-SemiBold.woff") format("woff"), url("../fonts/Outfit-SemiBold.ttf") format("truetype");font-weight: 600;font-style: normal;font-display: swap;}@font-face {font-family: "Outfit";src: url("../fonts/Outfit-Bold.eot");src: url("../fonts/Outfit-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Bold.woff2") format("woff2"), url("../fonts/Outfit-Bold.woff") format("woff"), url("../fonts/Outfit-Bold.ttf") format("truetype");font-weight: bold;font-style: normal;font-display: swap;}@font-face {font-family: "Outfit";src: url("../fonts/Outfit-Regular.eot");src: url("../fonts/Outfit-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Regular.woff2") format("woff2"), url("../fonts/Outfit-Regular.woff") format("woff"), url("../fonts/Outfit-Regular.ttf") format("truetype");font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: "Outfit";src: url("../fonts/Outfit-Light.eot");src: url("../fonts/Outfit-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Light.woff2") format("woff2"), url("../fonts/Outfit-Light.woff") format("woff"), url("../fonts/Outfit-Light.ttf") format("truetype");font-weight: 300;font-style: normal;font-display: swap;}body {font-family: "DM Sans", sans-serif;}h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Outfit", sans-serif;font-weight: 600;}h2, .h2 {font-size: 52px;line-height: 1.4;}@media (max-width: 575px) {h2, .h2 {font-size: 28px;}}p::selection, h1::selection, h2::selection, h3::selection, span::selection, a::selection {background: #ff714c;color: #fff;}.main-section .backgrounded-col {height: 100vh;background-image: url("../images/lukamutic.jpeg");background-size: cover;background-position: center;content: "";background-repeat: no-repeat;z-index: 1;}@media (max-width: 769px) {.main-section .backgrounded-col {background-image: url("../images/lukamutic-mobile.jpeg");}}@media (min-width: 1401px) {.main-section .left-col {position: fixed;}}.main-section .left-col .navigation {top: 7%;left: 7%;z-index: 10;}@media (max-width: 991px) {.main-section .left-col .navigation {top: 3%;left: 3%;}}.main-section .left-col .navigation ul li {display: block;margin-bottom: 18px;}@media (max-width: 575px) {.main-section .left-col .navigation ul li {margin-bottom: 4px;}}.main-section .left-col .navigation ul li a {color: #fff;line-height: 1.6;font-size: 32px;text-decoration: none;text-transform: uppercase;font-weight: 600;font-family: "Outfit", sans-serif;transition: all 0.25s ease;}.main-section .left-col .navigation ul li:hover a {color: #ff714c;}.main-section .left-col .social-media {top: 7%;right: 7%;z-index: 10;}@media (max-width: 1400px) {.main-section .left-col .social-media {top: 7%;right: 4%;}}@media (max-width: 991px) {.main-section .left-col .social-media {top: 3%;right: 4%;}}.main-section .left-col .social-media ul li {display: block;margin-bottom: 16px;}.main-section .left-col .social-media ul li a svg {fill: #fff;transition: all 0.2s ease;}.main-section .left-col .social-media ul li:hover a svg {fill: #ff714c;}.main-section .left-col .contact {bottom: 8%;left: 7%;}@media (max-width: 991px) {.main-section .left-col .contact {left: 4%;bottom: 11%;}}.main-section .left-col .contact p, .main-section .left-col .contact a {color: #fff;font-size: 26px;line-height: 1.2;font-family: "Outfit", sans-serif;transition: all 0.25s ease;}.main-section .left-col .contact p:hover, .main-section .left-col .contact a:hover {color: #ff714c;}.main-section .left-col .copy-right {bottom: 4%;right: 7%;}@media (max-width: 991px) {.main-section .left-col .copy-right {bottom: 4%;right: unset;left: 4%;}}.main-section .left-col .copy-right p, .main-section .left-col .copy-right span, .main-section .left-col .copy-right em, .main-section .left-col .copy-right b, .main-section .left-col .copy-right strong, .main-section .left-col .copy-right i {color: #fff;font-size: 16px;line-height: 1.2;font-family: "Outfit", sans-serif;}@media (max-width: 1400px) {.main-section .left-col .copy-right p, .main-section .left-col .copy-right span, .main-section .left-col .copy-right em, .main-section .left-col .copy-right b, .main-section .left-col .copy-right strong, .main-section .left-col .copy-right i {font-size: 14px;}}.main-section .left-col .copy-right a em {transition: all 0.25s ease;}.main-section .left-col .copy-right a em:hover {color: #ff714c;}.main-section .left-col .name-block {left: 7%;bottom: 20%;z-index: 15;}@media (max-width: 991px) {.main-section .left-col .name-block {left: 4%;bottom: 26%;z-index: 15;}}.main-section .left-col .name-block .name {font-size: 140px;line-height: 1.4;font-family: "Outfit", sans-serif;color: #fff;background: linear-gradient(120deg, #ff714c 0%, #ff714c 100%);background-repeat: no-repeat;background-size: 100% 4%;background-position: 0 60%;transition: all 0.4s linear;}@media (max-width: 1599px) {.main-section .left-col .name-block .name {font-size: 124px;}}@media (max-width: 1199px) {.main-section .left-col .name-block .name {font-size: 90px;}}@media (max-width: 575px) {.main-section .left-col .name-block .name {font-size: 68px;}}@media (max-width: 575px) {.main-section .left-col .name-block .name {font-size: 68px;}}@media (max-width: 375px) {.main-section .left-col .name-block .name {font-size: 60px;}}.main-section .left-col .name-block:hover .name {background-size: 100% 80%;}@media (min-width: 1401px) {.main-section .right-col {position: absolute;top: 0;right: 0;}}.right-col .right-col-slide {padding: 20px;height: 100vh;color: #fff;background: linear-gradient(249deg, #454545, #616161, #363636);background-size: 600% 600%;-webkit-animation: AnimationName 8s ease infinite;-moz-animation: AnimationName 8s ease infinite;-o-animation: AnimationName 8s ease infinite;animation: AnimationName 8s ease infinite;}@media (max-width: 1599px) {.right-col .right-col-slide {height: auto !important;}}@-webkit-keyframes AnimationName {0% {background-position: 0% 22%;}50% {background-position: 100% 79%;}100% {background-position: 0% 22%;}}@-moz-keyframes AnimationName {0% {background-position: 0% 22%;}50% {background-position: 100% 79%;}100% {background-position: 0% 22%;}}@-o-keyframes AnimationName {0% {background-position: 0% 22%;}50% {background-position: 100% 79%;}100% {background-position: 0% 22%;}}@keyframes AnimationName {0% {background-position: 0% 22%;}50% {background-position: 100% 79%;}100% {background-position: 0% 22%;}}#contact .contact-item {margin: 20px 0 10px 0;padding-left: 12px;}#contact .contact-item a {color: #fff;font-weight: 600;line-height: 1.8;}#contact .contact-item a:hover {color: #ff714c;}.projects {margin-top: 20px;}.projects .swiper {width: 100%;min-height: 570px;}@media (max-width: 769px) {.projects .swiper {min-height: 590px;}}.projects .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}.projects .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}.projects .project-item {background-color: #373737;}.projects .project-item .project-item-info {padding: 26px 16px 18px 16px;}@media (max-width: 575px) {.projects .project-item .project-item-info {padding: 14px 12px 14px 12px;}}.projects .project-item .project-item-info .project-item-title {padding-bottom: 14px;margin-bottom: 0;}.projects .project-item .project-item-info .project-item-paragraph {font-size: 16px;}@media (max-width: 575px) {.projects .project-item .project-item-info .project-item-paragraph {font-size: 14px;}}.projects .project-item .img-holder {overflow: hidden;}.projects .project-item .img-holder img {transition: all 0.4s ease;}.projects .project-item:hover img {transform: scale(1.1);}.projects .project-item .visit-link a {color: #fff;font-family: "Outfit", sans-serif;text-transform: uppercase;border: 1px solid #fff;padding: 4px 6px;font-size: 18px;transition: all 0.3s ease;}.projects .project-item .visit-link:hover a {border: 1px solid #ff714c;color: #ff714c;}.swiper-pagination {display: flex;align-items: center;justify-content: center;}.swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;}.swiper-pagination .swiper-pagination-bullet-active {background: #ff714c !important;width: 12px;height: 12px;}