/*GRID*/
html {height:100%; box-sizing:border-box; -ms-overflow-style:scrollbar}
*, *::before, *::after {box-sizing:inherit}

.container-fluid {width:100%; margin-right:auto; margin-left:auto}
.row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {position:relative; width:100%; padding-right:15px; padding-left:15px}

.col {-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%}
.col-1 {-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.col-2 {-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.col-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.col-4 {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.col-5 {-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.col-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.col-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.col-8 {-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.col-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.col-10 {-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.col-11 {-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.col-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}

@media (min-width: 576px) {
.col-sm {-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%}
.col-sm-auto {-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%}
.col-sm-1 {-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.col-sm-2 {-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.col-sm-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.col-sm-4 {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.col-sm-5 {-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.col-sm-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.col-sm-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.col-sm-8 {-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.col-sm-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.col-sm-10 {-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.col-sm-11 {-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.col-sm-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
}

@media (min-width:768px) {
.container {max-width:720px;}
.col-md {-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%}
.col-md-auto {-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%}
.col-md-1 {-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.col-md-2 {-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.col-md-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.col-md-4 {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.col-md-5 {-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.col-md-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.col-md-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.col-md-8 {-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.col-md-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.col-md-10 {-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.col-md-11 {-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.col-md-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
}

@media (min-width:1024px) {
.container {max-width:960px;}
.col-lg {-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%}
.col-lg-auto {-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%}
.col-lg-1 {-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.col-lg-2 {-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.col-lg-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.col-lg-4 {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.col-lg-5 {-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.col-lg-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.col-lg-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.col-lg-8 {-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.col-lg-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.col-lg-10 {-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.col-lg-11 {-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.col-lg-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
}

@media (min-width:1600px) {
.container {max-width:1140px;}
.col-xl {-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%}
.col-xl-auto {-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%}
.col-xl-1 {-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.col-xl-2 {-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.col-xl-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.col-xl-4 {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.col-xl-5 {-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.col-xl-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.col-xl-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.col-xl-8 {-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.col-xl-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.col-xl-10 {-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.col-xl-11 {-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.col-xl-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
}
/*GRID-END*/

/*FLEX*/
.d-flex {display:-ms-flexbox !important; display:flex !important}
.justify-content-start {-ms-flex-pack:start !important; justify-content:flex-start !important}
.justify-content-end {-ms-flex-pack:end !important; justify-content:flex-end !important}
.justify-content-center {-ms-flex-pack:center !important; justify-content:center !important}
.justify-content-between {-ms-flex-pack:justify !important; justify-content:space-between !important}
.justify-content-around {-ms-flex-pack:distribute !important; justify-content:space-around !important}
.align-items-start {-ms-flex-align:start !important; align-items:flex-start !important}
.align-items-end {-ms-flex-align:end !important; align-items:flex-end !important}
.align-items-center {-ms-flex-align:center !important; align-items:center !important}
.flex-column {-ms-flex-direction:column !important; flex-direction:column !important}
/*FLEX-END*/

/*FONTS*/
@font-face {font-family:Lora; src:url('../Lastehoid/fonts/Lora/Lora-Regular.ttf') format('truetype')}
@font-face {font-family:Murecho; src:url('../Lastehoid/fonts/Murecho/Murecho-Light.ttf') format('truetype')}
h1, h2, h3 {font-family:Lora}
a, span, p, input, textarea {font-family:Murecho}
/*FONTS-END*/


/* Hide scrollbar for IE, Edge and Firefox */
html {-ms-overflow-style:none; scrollbar-width:none; overflow:scroll; scroll-behavior:smooth}
/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {display:none}
body {-ms-overflow-style:none; scrollbar-width:none}
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {display:none}


@keyframes morph {
	0% {border-radius:40% 60% 60% 40% / 70% 30% 70% 30%}
	100% {border-radius:40% 60%}
 }
 
 @keyframes spin {
	to {transform:rotate(1turn)}
 }
 
 body::before, body::after {content:""; width:70vmax;	height:70vmax; position:fixed; background:rgba(0,41,89,0.15); left:-20vmin; top:-20vmin; animation:morph 10s linear infinite alternate, spin 20s linear infinite; z-index:-1; will-change:border-radius, transform; transform-origin:55% 55%; pointer-events:none}
 body::after {width:70vmin; height:70vmin; left:auto; right:-10vmin; top:auto; bottom:0; animation:morph 10s linear infinite alternate, spin 26s linear infinite reverse; transform-origin:20% 20%}

 .grecaptcha-badge {opacity:0}
 .grecaptcha-badge {width:70px!important; overflow:hidden!important; transition:all 0.3s ease!important; left: 4px!important}
 .grecaptcha-badge:hover {width:256px!important}


@media (min-width:1px) {
	/*GLOBAL-PARAMETRS*/
	body {height:100%; margin:0}
	ul {margin:0; padding:0; font-size:0}
	li {list-style:none}
	a {text-decoration:none}
	h1 {font-size:24px; transition:all 0.75s ease-out; font-weight:lighter; text-align:center; color:#002959}
	h2 {font-size:18px; margin:0 0 15px 0; font-weight:lighter; text-align:center; color:#002959}
	h3 {font-size:28px; margin:0 0 30px 0; font-weight:lighter; text-align:center; color:#002959}
	p {margin:0 0 15px 0; font-size: 16px}
	.table {display:block; width:100%; height:max-content; position:relative; margin:0 0 30px 0}
	.wp-block-image {margin:0}
	.container-fluid {overflow:hidden; padding:90px 15px 0px 15px}


	.img {perspective:1000px; transform-style:preserve-3d}
	.img h1 {transform: translateZ(50px)}
	#portfolio.container-fluid > .row::before, #about.container-fluid > .row::after, #services.container-fluid > .row::after{content:""; display:block; height:2px; width:60%; background:#002959}
	#about.container-fluid > .row::after{margin:90px 0 0 0}
	#portfolio.container-fluid > .row::before, #services.container-fluid > .row::after {margin:60px 0 0 0}
	/*GLOBAL-PARAMETRS-END*/


	/*PRELOADER*/
	.preloader {background:#002959; position:fixed; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:10}
	.slider {background:#fff; position:fixed; top:0; left:0; width:100%; height:100%; transform:translateY(100%); z-index:11}
	.preloader-logo {display:block; width:200px; height:125.2px; background:url("../Lastehoid/logo/logo-white.svg"); background-repeat:no-repeat; background-size:cover; margin:0 0 30px 0}
	.preloader-ring {display:inline-block; position:relative; width:40px; height:40px}
	.preloader-ring div {box-sizing:border-box; display:block; position:absolute; width:32px; height:32px; margin:4px; border:2px solid #fff; border-radius:50%; animation:preloader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent}
	.preloader-ring div:nth-child(1) {animation-delay:-0.45s}
	.preloader-ring div:nth-child(2) {animation-delay:-0.3s}
	.preloader-ring div:nth-child(3) {animation-delay:-0.15s}
	@keyframes preloader-ring {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	/*PRELOADER-END*/

	/*NAVBAR*/
	#SVN.no-scroll {overflow:hidden}

	#navbar {position:absolute; background:transparent; z-index:3; padding:0 15px}
	#navbar > .row {justify-content:center}
	#navbar .logo-link {display:block; padding:15px 0}
	#navbar .logo {display:block; width:100px; height:62.6px; background:url("../Lastehoid/logo/logo.svg"); background-repeat:repeat; background-size:auto; background-size:cover; transform:translateY(-100px); transition-timing-function:cubic-bezier(.42,0,.34,.99)}
  	#navbar .col-xl-8 {display:none}
  	#navbar .col-xl-2 {display:flex; justify-content:space-between; align-items:center}
  

	
	.nav-button{display:inline-block; cursor:pointer; height:max-content; transform:translateY(-100px); transition-timing-function:cubic-bezier(.42,0,.34,.99)}
	.bar1, .bar2, .bar3 {width:30px; height:2px; margin:8px 0; background:#000; transition:all.4s; border-radius:2px}
	#open .bar1, #open .bar2, #open .bar3 {background:#000}
	#open .bar1 {transform:translate(0); opacity:1; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); transition-delay:1.12s}
	#open .bar2 {opacity:1; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); transition-delay:1.12s}
	#open .bar3 {transform:translate(0); opacity:1; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); transition-delay:1.12s}
	#open .bar1.clicked {transform:translate(-30px); opacity:0; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1)}
	#open .bar2.clicked {opacity:0; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1)}
	#open .bar3.clicked {transform:translate(30px); opacity:0; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1)}
	#close {margin:30px 0 0 0}
	#close .bar1, #close .bar2, #close .bar3 {background:#fff}
	#close .bar1.clicked {opacity:1; -webkit-transform:rotate(-45deg) translate(-7px, 7px); transform:rotate(-45deg) translate(-7px, 7px)}
	#close .bar2, #close .bar2.clicked {opacity:0}
	#close .bar3.clicked {opacity:1; -webkit-transform:rotate(45deg) translate(-7px, -7px); transform:rotate(45deg) translate(-7px, -7px)}
	#close .bar1 {-webkit-transform: rotate(-45deg) translate(0px, 7px); transform: rotate(135deg) translate(-7px, 7px); opacity:0; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1)}
	#close .bar3 {-webkit-transform: rotate(45deg) translate(0px, -7px); transform: rotate(225deg) translate(-7px, -7px); opacity:0; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1)}
  	#mnav {display:flex; flex-wrap:wrap; justify-content:center; position:fixed; width:100%; height:100%; top:0; right:0; padding:50px 15px; background:#002959; overflow:hidden; transform:translateX(110%); transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); transition-delay:.56s; opacity:0}
	#mnav.mnav {transform:translateX(0); transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); transition-delay:.56s; opacity:1}
  	#mnav .navbar-main {position:relative; width:100%; height: 50%}
  	#mnav .navbar-list {position:relative; display:flex; flex-wrap:wrap; align-items: center; height:100%; list-style-type:none; margin:0; padding:0; font-size:0; z-index:1}
	#mnav li {height:max-content; width:100%}
  	#mnav a {display:block; text-decoration:none; font-size:21px; text-align:center; padding:10px 0px; color:#fff; margin:0; transition:all.3s; font-family:Roboto}
	#mnav .logo-mnav {display:block; width:150px; height:93.9px; background:url("../Lastehoid/logo/logo-white.svg"); background-repeat:no-repeat; transform:translateY(-50%); opacity:0; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1)}
	#mnav.mnav .logo-mnav { transform:translateY(0); opacity:1; transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1)}
	#navbar.js-enter .logo {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:transform}
	#navbar.js-enter .nav-button {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.6s; transition-duration:1.5s; transition-property:transform}
	#mnav li:last-child > a {display:none}
	#mnav li:last-child > .sub-menu a {display:block}
	#mnav li:last-child > .sub-menu {display:flex; flex-wrap:wrap; justify-content:center}
	#mnav li:last-child li {display:inline-block; width:max-content; padding:0 30px}
	#mnav li:last-child li:first-child {padding:0 30px 0 0}
	#mnav li:last-child li:last-child {padding:0 0 0 30px}
	#mnav li:last-child li:first-child {border-right:1px solid #fff}
	#mnav li:nth-child(2n-1) {transform:translateX(-15%); transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); opacity:0}
	#mnav li:nth-child(2n) {transform:translateX(15%); transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); opacity:0}
	#mnav.mnav li:nth-child(2n-1), #mnav.mnav li:nth-child(2n) {transform:translateX(0); transition:all .56s cubic-bezier(0.52, 0.16, 0.24, 1); opacity:1}
	/*NAVBAR-END*/


	/*INTRO*/
	#intro {position:relative; display:flex; flex-wrap:wrap; justify-content:center; height:100%; padding:0 15px}
	#intro .row {height:100%; justify-content:center; align-items:center}
	#intro .col-lg-10 {display:flex; justify-content:center; align-items:center; height:100%}
	#intro .title {color:#000; text-align:center; margin:90px 0 0 0}

	#section-bottom {position:absolute; width:100%; height:10%; bottom:5%}
	#bottom-button {display:block; cursor:pointer; position:absolute; bottom:50%; border-radius:50%; width:50px; height:50px; padding:10px; left:50%; margin-left:-25px; transform:rotate(180deg); margin-bottom:-25px; animation:top-bottom 5s infinite ease}
	#bottom-button .arrow-left, #bottom-button .arrow-right {width:45px; height:2px; background-color:#002959; border-radius:1px; transition-property:transform; position:absolute}
	#bottom-button .arrow-left {transform:translate3d(0, 0, 0) rotate(-45deg) scale(0.5, 1); top:22px; right:10px; transition:1s;}
	#bottom-button .arrow-right {transform:translate3d(0, 0, 0) rotate(45deg) scale(0.5, 1); top:22px; left:10px; transition:1s}

	@keyframes top-bottom {
	0% {bottom:50%}
	10% {bottom:25%}
	20% {bottom:50%}
	30% {bottom:25%}
	40% {bottom:50%}
	100% {bottom:50%}
	}

	#intro h1 {transform:translateY(150%); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#intro p {transform:translateY(150%); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0; text-align: center}
	#intro.js-enter h1 {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}
	#intro.js-enter p {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.75s; transition-duration:1.5s; transition-property:all; opacity:1}
	#bottom-button {transform:translateY(-150%) rotate(180deg); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#bottom-button.js-enter {transform:translateY(0) rotate(180deg); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}
	#up-button {display:none}
	/*INTRO-END*/


	/*PORTFOLIO*/
	#portfolio .row {flex-direction:column-reverse; justify-content:center; align-items:center}
	#portfolio .col-lg-5 {display:flex; align-items:center}
	#portfolio .img-1 {background: url('../Lastehoid/img/1.jpg')}
	#portfolio .img-2 {background: url('../Lastehoid/img/2.jpg')}
	#portfolio .img-3 {background: url('../Lastehoid/img/3.jpg')}
	/*PORTFOLIO-END*/


	/*SWIPER-SLIDE*/
	#portfolio .swiper, #services .swiper {height:460px; width:100%; padding:0 0 90px 0; margin:0; border-radius: 10px}
	#portfolio .swiper-slide, #services .swiper-slide{height:100%; background-size:cover!important; border-radius:10px}
	#portfolio .swiper-button-prev, #portfolio .swiper-button-next, #portfolio-intro .swiper-button-prev, #portfolio-intro .swiper-button-next {bottom:30px; color:#002959; padding:0 7px; border:1px solid #002959; border-radius:50%; transform:scale(1.2)}
	#services .swiper-button-prev, #services .swiper-button-next {bottom:2%; color:#002959; padding:0 7px; border:1px solid #002959; border-radius:50%; transform:scale(1.2)}
	#portfolio .swiper-button-next::after, #portfolio .swiper-button-prev::after, #services .swiper-button-next::after, #services .swiper-button-prev::after, #portfolio-intro .swiper-button-next::after, #portfolio-intro .swiper-button-prev::after {font-size:30px; transform: scale(0.7)}

	#portfolio .swiper-slide {display:flex; align-items:end}
	#portfolio .banner-container {width:100%; border-radius:0 0 10px 10px; display:block; background:#24242475; color:#fff; padding:20px; opacity:1}
	#portfolio .banner-container h4 {margin:0 0 15px 0; font-size:28px; font-family:Lora; font-weight:lighter; opacity:1}
	#portfolio .banner-container h5 {margin:0; font-family:Lora; font-size:16px; font-weight:lighter; opacity:1}
	/*SWIPER-SLIDE-END*/


	/*SERVICES*/
	#services {display:block; position:relative}
	#services > .row {height:100%; justify-content:center; align-items:center}
	/* #services h2 {font-size:28px; margin:0 0 30px 0} */
	#services span {display:block; width:100%; font-size:18px; margin:0 0 15px 0; font-weight:lighter; text-align:center; font-family:Lora}
	#services .swiper-services h3 {position:absolute; bottom:-10%; margin:0; font-size:25px; width:100%; text-align:center}

	#services .service-1 {background:url('../Lastehoid/img/1/1.jpg'); height:100%; background-size:cover; border-radius:10px}
	#services .service-2 {background:url('../Lastehoid/img/1/2.jpg'); height:100%; background-size:cover; border-radius:10px}
	#services .service-3 {background:url('../Lastehoid/img/1/3.jpg'); height:100%; background-size:cover; border-radius:10px}
	#services .service-4 {background:url('../Lastehoid/img/1/4.jpg'); height:100%; background-size:cover; border-radius:10px}
	
	#services figure {overflow-x: inherit}
	#services table {box-shadow: 5px 5px 5px #ced4db; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 10px}
	#services tr:first-child td {color: #fff; background: #002959}
	#services td {border: none; border-bottom: 1px solid; padding: 20px; font-size: 16px}
	#services tr:first-child td:first-child {border-radius: 10px 0 0 0}
	#services tr:first-child td:last-child {border-radius: 0 10px 0 0}
	#services tr:first-child td {font-size: 21px}
	#services tr:last-child td {border: none}
	#services figcaption {margin: 10px 0 0 0; font-style: italic; text-align: center;}
	/*SERVICES-END*/

	/*CONTACT*/
	#contact {position:relative; padding:90px 15px}
	#contact .row {justify-content:center}
	#contact form {display:flex; flex-wrap:wrap; padding:45px 0 0 0}
	#contact form p, #contact form input {display:block; width:100%; margin:0}
	#contact form p {width:100%}
	#contact form p {margin:0 0 30px 0}
	#contact input {border:none; background:transparent; color:#000; border-bottom:1px solid #002959; border-radius: 0; padding:15px 0}
	#contact textarea {border:none; background:transparent; border-bottom:1px solid #000; border-radius: 0; resize:none; width:100%; height:200px; padding:15px 0}
	#contact input::placeholder, #contact textarea {color:#000; font-size:16px}
	#contact textarea:focus, #contact input:focus {outline:none}
	#contact .wpcf7-submit {border:none; font-size:18px; color:#fff; background:#002959; padding:10px 15px; border-radius:10px}
	input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
	#contact input[type=number] {-moz-appearance:textfield}

	#contact form {padding:25px 25px 0 25px; box-shadow: 5px 5px 5px #ced4db; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px}
	#contact .wpcf7-submit {margin:15px 0}
	#contact .wpcf7-spinner {margin:0}
	#contact form .wpcf7-response-output {color:#46b450; font-family:Murecho; margin:15px 0; padding:0; text-align:center; border:none; display:block; width:100%; min-height:75px}
	#contact .wpcf7-form-control-wrap {width:100%; display:block}
	#contact .wpcf7-not-valid-tip {font-size:14px; font-weight:lighter; position:absolute; width:100%; height:max-content}
	#contact form p:nth-child(8) {display:flex; flex-direction:column; align-items:center; margin:0}



	#contact .contact-header {display:block; width:100%; margin:0 0 30px 0}
	#contact .contact-header h2 {font-size:28px; margin:0 0 45px 0}
	#contact .contact-header p {margin:0}
	#contact .contact-footer {display:flex; flex-wrap:wrap; width:100%; font-size:0; margin:0 0 30px 0}
	#contact .contact-footer .info {display:block; width:100%; margin:0 0 30px 0}
	#contact .contact-footer .social-media {display:flex; justify-content:center; align-items:center; font-size:30px; width:100%}
	#contact .contact-footer .social-media a {margin:0 15px 0 0}
	#contact .contact-footer .social-media i {color:#002959}
	#contact .info a {display:block; font-size:16px; color:#000}
	/*CONTACT-END*/
	
	/*PORTFOLIO-PAGE*/
	.wrapper {min-height: 100%; display:flex; flex-direction:column}
	#portfolio-intro {flex:1 1 auto}


	#portfolio-intro {padding:130px 15px 0 15px}
	#portfolio-intro .row {height: 100%; align-items:center; justify-content:center}
	#portfolio-intro h1 {margin:0 0 30px 0}
	#portfolio-intro .swiper {width:100%; border-radius:10px; padding:0 0 90px 0}
	#portfolio-intro img {/*height:100%;*/ width:100%; border-radius:10px}
	#portfolio-intro .wp-block-image {border-radius:10px}

	#portfolio-intro h1 {transform:translateY(-50px); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#portfolio-intro.js-enter h1{transform:translateX(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.75s; transition-duration:1.5s; transition-property:all; opacity:1}


	#portfolio-intro h2 {transform:translateY(-50px); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#portfolio-intro.js-enter h2 {transform:translateX(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}

	#portfolio-intro figure.swiper-slide-active, #portfolio-intro figure.swiper-slide-next, #portfolio-intro figure {transform:translateY(20%); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#portfolio-intro.js-enter figure.swiper-slide-active, #portfolio-intro.js-enter figure.swiper-slide-next, #portfolio-intro.js-enter figure {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-duration:1.5s; transition-property:all; opacity:1; transition-delay:2.5s}
	#portfolio-intro.js-enter figure.swiper-slide-active {transition-delay:2.75s}
	#portfolio-intro.js-enter figure.swiper-slide-next {transition-delay:3s}
	#portfolio-intro.js-enter figure {transition-delay:3.25s}

	/* #portfolio-intro .swiper {width:100%; height: 680px; padding: 0 0 120px 0}
	#portfolio-intro .wp-block-image img {height: 100%!important; width: 100%; background-size: cover} */
	#portfolio-intro .swiper-button-next {transform: translateX(75%) scale(1.2); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#portfolio-intro .swiper-button-prev {transform: translateX(-75%) scale(1.2); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#portfolio-intro.js-enter .swiper-button-next, #portfolio-intro.js-enter .swiper-button-prev {transform: translateX(0) scale(1.2); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}

	#portfolio-intro footer {transform:translateY(100%); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#portfolio-intro.js-enter footer {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}

	/*PORTFOLIO-PAGE-END*/

	/*FOOTER*/
	footer {color:#000; font-size:12px; font-family:Lora; text-align:center; margin:15px 0 30px 0}
	/*FOOTER-END*/
}

@media (min-width:360px) {
	/*PORTFOLIO-PAGE*/
	#portfolio-intro {padding:90px 15px 0 15px}
	/*PORTFOLIO-PAGE-END*/
}

@media (min-width: 370px){
	#portfolio .swiper, #services .swiper {width:100%; height:500px}
}

@media (min-width:768px) {
	/*GLOBAL-PARAMETRS*/
	.container-fluid {padding:90px 120px 0 120px}
	h1 {font-size:35px}
	h2 {font-size:20px}
	h3{font-size:35px}
	/*GLOBAL-PARAMETRS-END*/

	/*PRELOADER*/
	.preloader-logo {width:400px; height:250.4px; margin:0 0 60px 0}
	.preloader-ring {width:80px; height:80px}
	.preloader-ring div {width:64px; height:64px; margin:8px; border:4px solid #fff; border-color: #fff transparent transparent transparent}
	/*PRELOADER-END*/

	/* NAVBAR */
	#navbar {padding:0 45px}
	#mnav {width:60%; height:80%; left:0; bottom:0; margin:auto; border-radius:20px; transform:translateX(150%)}
	/* NAVBAR-END */

	/*INTRO*/
	#up-button {display:block; cursor:pointer; position:fixed; bottom:5%; border-radius:50%; width:50px; height:50px; padding:10px; right:0; margin:0 25px 20px 0; z-index:999; border:2px solid #002959; transform:translateX(150%); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#up-button .arrow-left, .arrow-right {width:43px; height:2px; background-color:#002959; border-radius:1px; transition-property:transform; position:absolute}
  	#up-button .arrow-left {transform:translate3d(0, 0, 0) rotate(-45deg) scale(0.5, 1); top:22px; right:9px; transition:1s;}
  	#up-button .arrow-right {transform:translate3d(0, 0, 0) rotate(45deg) scale(0.5, 1); top:22px; left:9px; transition:1s}
	#up-button.js-enter {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}
	/*INTRO-END*/

	/*PORTFOLIO*/
	#portfolio .banner-container h4 {font-size:35px}
	#portfolio .banner-container h5 {font-size:20px}
	/*PORTFOLIO-END*/

	/*SERVICES*/
	#services span {font-size:20px}
	#services .swiper-services h3 {bottom:-10%; font-size:32px}
	#portfolio .swiper-button-prev, #portfolio .swiper-button-next {transform:scale(1.4)}
	#services .swiper-button-prev, #services .swiper-button-next {transform:scale(1.4)}
	#portfolio-intro .swiper-button-prev, #portfolio-intro .swiper-button-next {transform:scale(1.4)}
	/*SERVICES-END*/

	/*CONTACT*/
	#contact {padding:90px 120px}
	#contact form {padding: 50px 50px 0 50px}
	/*CONTACT-END*/

	/*SLIDER-IMG-SIZE*/
	#portfolio .swiper, #services .swiper {width:100%; height:680px; padding: 0 0 120px 0}
	/*SLIDER-IMG-SIZE-END*/

	#fader {position:fixed; height:100%; width:100%; z-index:1; background:rgba(0, 0, 0, 0); visibility:hidden; transition:all.3s}
	#fader.active {z-index:2; background:rgba(0, 0, 0, 0.4); visibility:visible; transition:all.3s}

	/*PORTFOLIO-PAGE*/
	#portfolio-intro {padding: 90px 120px 0 120px}
	#portfolio-intro.js-enter .swiper-button-next, #portfolio-intro.js-enter .swiper-button-prev {transform: translateX(0) scale(1.4)}
	/*PORTFOLIO-PAGE-END*/
}

@media (min-width:1024px) {
	/*GLOBAL-PARAMETRS*/
	h2 {text-align:start}
	h3 {text-align:start}
	#intro.container-fluid > .row::after, #portfolio.container-fluid > .row::before, #about.container-fluid > .row::after, #services.container-fluid > .row::after{display:none}
	.container-fluid {padding:90px 15px 0 15px}
	/*GLOBAL-PARAMETRS-END*/

	/* NAVBAR */
	#mnav {width:40%}
	/* NAVBAR-END */

	/*PORTFOLIO*/
	#portfolio .row {flex-direction:row}
	/*PORTFOLIO-END*/

	/*SERVICES*/
	#services span {text-align:start}

	#services .swiper-slide:nth-child(1) {transition-delay:200ms}
	#services .swiper-slide:nth-child(2) {transition-delay:400ms}
	#services .swiper-slide:nth-child(3) {transition-delay:200ms}
	#services .swiper-slide:nth-child(4) {transition-delay:400ms}

	
	#services figcaption {text-align: center}
	/*SERVICES-END*/

	/*CONTACT*/
	#contact {padding:90px 15px}
	#contact .row {justify-content: center}
	#contact .col-lg-5{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between}
	#contact .contact-header h2:after {content:""; display:block; width:20%; height:1px; background:#002959}
	#contact .contact-footer .info {width:70%; margin:0}
	#contact .contact-footer .social-media {width:30%}
	#contact .form {padding: 45px 45px 0 45px}
	#contact textarea {height:100px}
	#contact .contact-footer .social-media .fa-facebook:hover {color:#3f62a9; transition:all.3s}
	#contact .contact-footer .social-media .fa-instagram:hover {color:#d6003c; transition:all.3s}
	#contact .wpcf7-submit {cursor:pointer; border: 1px solid #002959}
	#contact .wpcf7-submit:hover {background:transparent; color:#002959; transition: all.3s}
	/*CONTACT-END*/

	/*SLIDER*/
	/* #portfolio .swiper, #services .swiper {padding:25px 25px 90px 25px} */
	#portfolio .table {padding: 0 0 0 25px}
	#portfolio .swiper, #services .swiper {height:600px}
	#about .about-img {height:500px}
	/*SLIDER-END*/

	/*PORTFOLIO-PAGE*/
	#portfolio-intro {padding: 90px 15px 0 15px}
	#portfolio-intro h2 {text-align: center}
	/*PORTFOLIO-PAGE-END*/
}

@media (min-width:1360px) {
	#navbar {overflow:visible}

	/*PORTFOLIO-PAGE*/
	#portfolio-intro {padding:150px 15px 0 15px}
	/*PORTFOLIO-PAGE-END*/
}

@media (min-width:1600px) {
	p {font-size: 20px}
	#services td {font-size: 20px}
	/*GLOBAL-PARAMETRS*/
	body {height:100%; margin:0}
	ul {margin:0; padding:0; font-size:0}
	li {list-style:none}
	a {text-decoration:none}
	h1 {font-size:48px; transition:all 0.75s ease-out; text-align:center}
	h2 {font-size:20px; margin:0 0 15px 0; text-align:start}
	h3 {font-size:48px; margin:0 0 45px 0; text-align:start}
	.table {display:block; width:100%; height:max-content; position:relative}
	.wp-block-image {margin:0}
	.container-fluid {padding:90px 15px; max-width:1920px}


	.img {perspective:1000px; transform-style:preserve-3d}
	.img h1 {transform: translateZ(50px)}
	/*GLOBAL-PARAMETRS-END*/


	/*PRELOADER*/
	.preloader {background:#002959; position:fixed; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:10}
	.slider {background:#fff; position:fixed; top:0; left:0; width:100%; height:100%; transform:translateY(100%); z-index:11}
	.preloader-logo {display:block; width:400px; height:250.4px; background:url("../Lastehoid/logo/logo-white.svg"); background-repeat:no-repeat; background-size:cover; margin:0 0 60px 0}
	.preloader-ring {display:inline-block; position:relative; width:80px; height:80px}
	.preloader-ring div {box-sizing:border-box; display:block; position:absolute; width:64px; height:64px; margin:8px; border:4px solid #fff; border-radius:50%; animation:preloader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent}
	.preloader-ring div:nth-child(1) {animation-delay:-0.45s}
	.preloader-ring div:nth-child(2) {animation-delay:-0.3s}
	.preloader-ring div:nth-child(3) {animation-delay:-0.15s}
	@keyframes preloader-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
	}
	/*PRELOADER-END*/


	/*NAVBAR*/
	#navbar {position:absolute; background:transparent; z-index:3; padding:0 15px; top:0; left:50%; margin-right:-50%; transform:translate(-50%, 0)}
	#navbar .col-xl-8 {display:block}
	#navbar .logo-link {display:block; padding:15px 0}
	#navbar .logo {display:block; width:200px; height:125.2px; background:url("../Lastehoid/logo/logo.svg"); background-repeat:repeat; background-size:auto; background-size:cover}
	#navbar .navbar-main {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; height:100%}
	#navbar li {display:inline-block; margin:0 30px 0 0; transform:translateY(-130px); transition-timing-function:cubic-bezier(.42,0,.34,.99)}
	#navbar li:last-child {padding:0 0 0 30px; margin:0; border-left:1px solid #000}
	#navbar li:last-child:hover .sub-menu {visibility:visible; opacity:1; transition:all 300ms}
	#navbar li:last-child .sub-menu {visibility:hidden; position:absolute; opacity:0; transition:all 300ms}
	#navbar li:last-child .sub-menu > li {margin:10px 0 0 0}
	#navbar li:last-child .sub-menu > li:last-child {padding:0; border:none}

	#navbar a{position:relative; color:#000; font-size:18px; font-family:Lora}
	#navbar li a:after {content:""; display:block; width:0; height:1px; position:absolute; bottom:0; background:#000; transition:all.3s}
	#navbar li a:hover::after {width:100%; transition:all.3s}
	#mnav {display:none}
	#open.nav-button {display:none}


	#navbar.js-enter .logo {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:transform}
	#navbar.js-enter li {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-duration:2.5s; transition-property:transform}
	#navbar.js-enter li:nth-child(1) {transition-delay:2.6s}
	#navbar.js-enter li:nth-child(2) {transition-delay:2.7s}
	#navbar.js-enter li:nth-child(3) {transition-delay:2.8s}
	#navbar.js-enter li:nth-child(4) {transition-delay:2.9s}
	#navbar.js-enter li:nth-child(5) {transition-delay:3s}
	#navbar.js-enter li:nth-child(6) {transition-delay:3.1s}
	/*NAVBAR-END*/


	/*INTRO*/
	#intro {display:block; position:relative; padding:0 15px; height:100%}
	#intro .row {height:100%; justify-content:center; align-items:center}


	#intro h1 {transform:translateY(150%); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#intro.js-enter h1 {transform:translateY(0); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}

	#section-bottom {bottom:5%}
	#bottom-button {transform:translateY(-150%) rotate(180deg); transition-timing-function:cubic-bezier(.42,0,.34,.99); opacity:0}
	#bottom-button.js-enter {transform:translateY(0) rotate(180deg); transition-timing-function:cubic-bezier(.42,0,.34,.99); transition-delay:2.5s; transition-duration:1.5s; transition-property:all; opacity:1}

	/*INTRO-END*/

	/*PORTFOLIO*/
	#portfolio .row {flex-direction:row}
	#portfolio .img-1 {background: url('../Lastehoid/img/1.jpg'); height:100%; background-size:cover; border-radius:10px}
	#portfolio .img-2 {background: url('../Lastehoid/img/2.jpg'); height:100%; background-size:cover; border-radius:10px}
	#portfolio .img-3 {background: url('../Lastehoid/img/3.jpg'); height:100%; background-size:cover; border-radius:10px}
	#portfolio .swiper {height:600px; width:600px; border-radius:10px}
	#portfolio img {background-size:cover; height:100%}


	#portfolio h2 {transition-delay:100ms}
	#portfolio h3 {transition-delay:200ms}
	#portfolio p {transition-delay:300ms}

	#portfolio .banner-container {width:560px; opacity:0; transition:all.3s}
	#portfolio .banner-container h4 {font-size:40px; opacity:0; transition:all.3s}
	#portfolio .banner-container h5 {font-size:18px; opacity:0; transition:all.3s}

	#portfolio .swiper-slide:hover .banner-container, #portfolio .swiper-slide:hover .banner-container > h4, #portfolio .swiper-slide:hover .banner-container > h5 {opacity:1}
	/*PORTFOLIO-END*/


	/*SWIPER-SLIDE*/
	#portfolio .swiper, #services .swiper {padding:0}
	#portfolio .swiper-button-prev, #portfolio .swiper-button-next, #services .swiper-button-prev, #services .swiper-button-next {display:none}
	/*SWIPER-SLIDE-END*/



	/*SERVICES*/
	#services {display:block; position:relative}
	#services > .row {align-items:center}
	#services img {background-size:cover; height:100%}
	#services .swiper-services {height:700px; width:100%; padding:15px 15px 100px 15px}
	#services .swiper-slide:nth-child(1) {transition-delay:200ms}
	#services .swiper-slide:nth-child(2) {transition-delay:400ms}
	#services .swiper-slide:nth-child(3) {transition-delay:600ms}
	#services .swiper-slide:nth-child(4) {transition-delay:800ms}
	#services .service-1 {background:url('../Lastehoid/img/1/1.jpg'); height:100%; background-size:cover; border-radius:10px}
	#services .service-2 {background:url('../Lastehoid/img/1/2.jpg'); height:100%; background-size:cover; border-radius:10px}
	#services .service-3 {background:url('../Lastehoid/img/1/3.jpg'); height:100%; background-size:cover; border-radius:10px}
	#services .service-4 {background:url('../Lastehoid/img/1/4.jpg'); height:100%; background-size:cover; border-radius:10px}
	#services .swiper-services h3 {bottom:-10%}
	/*SERVICES-END*/

	/*CONTACT*/
	#contact {position:relative; padding:90px 15px 150px 15px}
	#contact form {display:flex; flex-wrap:wrap}
	#contact form p, #contact form input {display:block; width:100%}
	#contact form p:nth-child(2), #contact form p:nth-child(3), #contact form p:nth-child(4), #contact form p:nth-child(5) {width:50%}
	#contact form p:nth-child(2), #contact form p:nth-child(4) {padding:0 15px 0 0}
	#contact form p:nth-child(3), #contact form p:nth-child(5) {padding:0 0 0 15px}


	#contact textarea {border:none; background:transparent; border-bottom:1px solid #000; resize:none; width:100%; height:200px; padding:0}
	#contact input::placeholder, #contact textarea {color:#000; font-size:16px}
	#contact textarea:focus, #contact input:focus {outline:none}
	#contact .wpcf7-submit {border:none; font-size:18px; color:#fff; background:#002959; border:1px solid #002959; padding:10px 15px; border-radius:10px; transition:all.3s}
	input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
	#contact input[type=number] {-moz-appearance:textfield}


	#contact .contact-header {display:block; width:100%; padding:0 45px 0 0; margin:0}
	#contact .col-lg-5 {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between}
	#contact .contact-header h2 {font-size:48px; margin:0 0 120px 0}
	#contact .contact-header p {margin:0}
	#contact .contact-footer {display:flex; flex-wrap:wrap; width:100%; font-size:0; padding:0 45px 0 0}
	#contact .contact-footer .info {display:block; width:50%; margin:0}
	#contact .contact-footer .social-media {display:flex; justify-content:flex-end; align-items:center; font-size:30px; width:50%}
	#contact .contact-footer .social-media a {margin:0 15px 0 0}
	#contact .contact-footer .social-media i {cursor:pointer; transition:all.3s}
	#contact .info a {font-size:16px; color:#000}
	/*CONTACT-END*/

	/*FOOTER*/
	footer {color:#000; font-family:Lora; text-align:center; font-size:14px}
	/*FOOTER-END*/

	/*PORTFOLIO-PAGE*/
	#portfolio-intro {padding:130px 15px 0px 15px; flex:1 1 auto}
	#portfolio .col-lg-10 {height:fit-content}
	#portfolio-intro h1 {margin:0 0 45px 0}
	/*PORTFOLIO-PAGE-END*/

}

@media (min-width:2500px) {
	/*NAVBAR*/
	#navbar > .row {justify-content:space-between}
	/*NAVBAR-END*/

	/*PORTFOLIO*/
	#portfolio .row {justify-content:space-between}
	/*PORTFOLIO-END*/

	/*SERVICES*/
	#services .col-lg-10 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
	#services > .row {justify-content:space-between; align-items:center}
	/*SERVICES-END*/

	/*CONTACT*/
	#contact .row {justify-content:space-between}
	/*CONTACT-END*/

	/*PORTFOLIO-PAGE*/
	#portfolio-intro {padding:0 15px 0 15px}
	#portfolio-intro .col-lg-10 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}
	/*PORTFOLIO-PAGE-END*/
}


/*RECAPTCHA*/
.grecaptcha-badge {opacity:0} 
.politicians {margin:0 0 15px 0}
.recaptcha-policy {color:#8c8d8e; font-size:12px; margin:0}
.recaptcha-policy a {font-weight:700; color:#8c8d8e; text-decoration:none; transition:all.3s}
.recaptcha-policy a:hover {color:#b9babb; transition:all.3s}
/*RECAPTCHA-END*/


/*#d77a06*/