.m-t-100 {	
  margin-top: 100px !important;
}
.m-b-30 {	
  margin-bottom: 30px !important;
}
img.wp-smiley, img.emoji {
  height: .85em !important;
  width: .85em !important;
}

.entry-home {
  padding: 0;
}
.home-content {
  padding: 0;
  max-width: calc(1370px + 6.2325em);
  margin: 0 auto!important;
}
@media screen and (max-width:1680px) {
.home-content {
  max-width: calc(1200px + 6.2325em);
}
}
@media screen and (max-width:1480px) {
.home-content {
  max-width: calc(1100px + 6.2325em);
}
}
@media screen and (max-width:1080px) {
.home-content {
  max-width: calc(800px + 6.2325em);
}
}
.content__item-deco, .content__item-deco-2 {
  position: relative;
  height: 1px;
  width: 40%;
  max-width: 8vw;
  background: #c82128;
}
.content__item-deco {
  margin: 1.3rem 0 !important;
}
.content__item-deco-2 {
  margin: .1rem  0 2rem !important;
}
.szary {
  background: #ececec;
}
.head {
   padding: 6vw 0;
   background: url("./images/bg-head.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.head-sc {
   height: 790px;
   width: calc(100% - 30vw);
   margin: 0 auto;
   display: flex;
}
.head-slide {
   width: calc(50% - 30px);
   display: inline-block;
}
.image-1 img{
   width: 12.9vw;
   margin-left: 2.4vw;
   bottom: 7.4vw;
   position: absolute;
   z-index: 2;
}
.image-2{
   width: 11.5vw;
   margin-left: 11.2vw;
   bottom: .6vw;
   position: absolute;
   z-index: 3;
}
.image-3{
   width: 22vw;
   margin-left: 12.1vw;
   top: 0;
   position: absolute;
   z-index: 1;
}

.head-content {
   padding: 3.5vw 0 0;
   width: calc(50% - 30px);
   display: inline-block;
}
.head-content-mob {
   display: none;
}
.head-content h1 {
  margin: 90px 0 0;
  font-size: 79px;
  letter-spacing: 0.2rem; 
  line-height: 1.2;
}
.head-content h1::after {
  content: "";
  background: #c82128;
  display: block;
  height: 1px;
  position: relative;
  width: 100%;
  max-width: 9vw;
  margin: 1.1rem 0 0 0;
  left: 0;
}
.head-content h2{
  margin: 0;
  font-size: 63px;
  font-weight: 300;
  letter-spacing: 0.2rem; 
  line-height: 1.2;
}
.right{
	margin-left: 16vw;
}

@media screen and (max-width:1920px) {
.head {
  padding: 8vw 0;
}
.head-sc {
	height: 710px;
   width: calc(100% - 17vw);
}
.image-1 img{
   width: 14.5vw;
   bottom: 8.2vw;
}
.image-2{
   width: 12.6vw;
   margin-left: 11.2vw;
   bottom: 0;
}
.image-3{
   width: 22.5vw;
   margin-left: 12.1vw;
}
.head-content h1 {
  font-size: 72px;
}
.head-content h2 {
  font-size: 58px;
}
.right {
  margin-left: 21vw;
}
}
@media screen and (max-width:1680px) {
.head {
  padding: 8vw 0 5vw;
  background: url("./images/bg-head-2.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.head-sc {
  height: 580px;
}
.head-content h1 {
  font-size: 64px;
}
.head-content h2 {
  font-size: 50px;
}
}

@media screen and (max-width:1440px) {
.head {
  padding: 8vw 0 4.8vw;
}
.head-sc {
  height: 540px;
}
.head-content h1 {
  font-size: 56px;
}
.head-content h2 {
  font-size: 46px;
}
}

@media screen and (max-width:1280px) {
.head {
  padding: 10vw 0 4vw;
}
.head-sc {
  height: 500px;
}
}

@media screen and (max-width:1080px) {
.head {
  padding: 9vw 0 4vw;
}
.head-sc {
  height: 400px;
}
.head-content h1 {
  font-size: 40px;
}
.head-content h2 {
  font-size: 36px;
}
.right {
  margin-left: 18vw;
}
}

@media screen and (max-width:968px) {
.head {
  padding: 12vw 0 3.9vw;
  background: url("./images/bg-head-3.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.head-sc {
  height: 300px;
}
.head-content h1 {
  font-size: 38px;
  margin: 20px 0 0;
}
.head-content h2 {
  font-size: 22px;
}
.right {
  margin-left: 18vw;
}
.right {
  margin-left: 10vw;
}
}

@media screen and (max-width:640px) {
.szary {
  background: #fff;
}
.head {
  padding: 120px 0 30px;
  background: url("./images/bg-head-mob.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.head-sc {
  width: calc(100% - 110px);
  height: 630px;
}
.head-slide {
   width: 0;
}
.image-1 img{
   width: 120px;
   margin-left: 0;
   bottom: 60px;
   top: 100px;
}
.image-2{
   width: 105px;
   margin-left: 70px;
   top: 200px;
}
.image-3{
   width: 200px;
   margin-left: 90px;
}
.head-content {
   width: 100%;
  display: block;
  padding: 350px 0 0;
}
.head-content h1::after {
  max-width: 100px;
}
.right {
  margin-left: 10px;
}
}

.o-nas {
  padding: 110px 0 0;
}
.o-nas p {
  font-size: 22px;
  line-height: 1.3;
}
.firma {
  padding: 210px 0 90px;
  margin: 0 -15px;
    background: url("./images/bg-firma.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 100vw;
}
.firma-content {
  max-width: 600px;
  margin-top: 0;
  margin-left: 10vw;
  margin-bottom: 6vw;
  padding: 40px 60px;
  color: #464646;
  background: #fff;
  border: 1px solid #c9c9c9;
}
.firma-content h2{
  font-size: 48px;
  line-height: 1.3;
  padding-top: 10px;
  margin: 0 !important;
}
.firma-content h3{
  font-size: 28px;
  line-height: 1.2;
  padding-bottom: 10px;
  margin: 0;
}
.firma-content p {
  font-size: 22px;
  line-height: 1.45;
  text-align: justify;
}

@media screen and (max-width: 1920px) {
.firma {
  padding: 100px 0 50px;
}
.firma-content {
  max-width: 540px;
  margin-left: 8vw;
  padding: 40px 60px;
}
}
@media screen and (max-width: 1680px) {
.firma-content {
  max-width: 540px;
  margin-left: 6vw;
  margin-bottom: 6vw;
  padding: 35px 45px;
}
}
@media screen and (max-width: 1440px) {
.firma-content {
  max-width: 520px;
  margin-left: 4vw;
}
.firma-content p {
  font-size: 20px;
}
}
@media screen and (max-width: 1280px) {
.firma-content {
  max-width: 480px;
  margin-left: 2vw;
}
.firma-content h2 {
  font-size: 38px;
  line-height: 1.2;
}
.firma-content h3 {
  font-size: 24px;
}
.firma-content p {
  font-size: 18px;
}
}
@media screen and (max-width: 1080px) {
.firma {
  padding: 50px 0 30px;
    background: url("./images/bg-firma-4.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 100vw;
}
.firma-content {
  max-width: 420px;
  margin-left: 15px;
  padding: 35px 35px;
}
.firma-content h2 {
  font-size: 34px;
}
.firma-content p {
  font-size: 17px;
}
.o-nas p {
  font-size: 20px;;
}
}
@media screen and (max-width: 880px) {
.firma {
	padding: 10px 0 1px;
    background: url("./images/bg-firma-5.jpg");
	background-position: 0 top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.firma-content {
  max-width: 700px;
  padding: 25px 35px;
  margin: 590px auto 90px;
}
.firma-content h2 {
  font-size: 46px;
  margin: 0;
}
.firma-content p {
  font-size: 20px;
}
.o-nas {
  padding: 80px 30px 0;
}
}

@media screen and (max-width: 640px) {
.firma {
	margin: 60px -15px;
    background: url("./images/bg-firma-mob.jpg");
	background-position: 0 top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.firma-content {
  max-width: 390px;
  margin: 320px auto 150px;
}
.firma-content h2 {
  font-size: 36px;
}
.firma-content p {
  font-size: 18px;
  text-align: left;
}
.o-nas {
  padding: 60px 24px 30px;
}
}

/* ----------------- WP gallery ----------------- */
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img,
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
  position: relative;
  overflow: hidden;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
	line-height: 0;
    -webkit-ransform: scale(1.0);
    transform: scale(1.0);
}
.wp-block-gallery.has-nested-images figure.wp-block-image img:hover{
    -webkit-ransform: scale(1.03);
    transform: scale(1.03);
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

/* ----------------- Blog / wp-block-post ----------------- */
.wp-block-columns {
	margin: 0;
}
.wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container {
  gap: 0.95em;
}
.wp-block-post-featured-image{
	line-height: 0;
	overflow: hidden;
}
.wp-block-post-featured-image img {
	transform: scale(1.0);
	-webkit-transition:all 250ms ease-out;transition:all 250ms ease-out
}
.wp-block-post-featured-image img:hover {
	transform: scale(1.03);
	box-shadow: 4px 4px 6px rgba(0,0,0, .15);
}
.wp-block-post-title {
	background: rgba(245,245,245, .9);
	position: relative;
	margin: 0!important;
	font-weight: 300;
	z-index: 1;
	padding: 28px 35px 5px !important;
}
.wp-block-post-title a {
	font-size: 22px !important;
	letter-spacing: 0.025em;
}
.wp-block-post-title a:hover {
	color: #000;
}
.wp-block-post-date {
	background: rgba(245,245,245, .9);
    font-size: .65em !important;
	line-height: 1.25;
	color: #626262;
	position: relative;
	z-index: 1;
	padding: 0 35px;
}
.wp-block-post-excerpt__excerpt{
	background: rgba(245,245,245, .9);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	color: #555555;
	position: relative;
	z-index: 1;
	padding: 14px 35px;
}
.wp-block-post-excerpt__more-text{
	background: rgba(245,245,245, .9);
	border-bottom: 0.1rem solid #c82128;
	padding: 0 35px 28px;
}
.wp-block-post-excerpt a {
	font-size: 17px;
	color: #555555;
	padding-left: 185px;
}
.wp-block-post-excerpt a:hover {
	color: #c82128;
}
.wp-block-post-excerpt__more-link::before {
  margin-top: 13px;
  margin-left: -180px;
  content: "";
  width: 170px;
  height: 1px;
  display: block;
  position: absolute;
  background: #c82128;
}

@media screen and (max-width:1080px) {
.wp-block-post-excerpt__excerpt {
  padding: 14px 25px;
}
.wp-block-post-date {
	padding: 0 25px;
}
.wp-block-post-title {
	padding: 28px 25px 5px !important;
}
.wp-block-post-excerpt__more-text{
	padding: 0 25px 28px;
}
.wp-block-post-title a {
  font-size: 19px !important;
}
.wp-block-post-excerpt a {
	padding-left: 135px;
}

.wp-block-post-excerpt__more-link::before {
  margin-left: -140px;
  width: 130px;
}
}

@media screen and (max-width:840px) {
.wp-block-post-excerpt__excerpt {
  font-size: 16px;
}
.wp-block-post-excerpt a {
  padding-left: 90px;
}
.wp-block-post-excerpt__more-link::before {
  margin-left: -90px;
  width: 80px;
}
}

/* ----------------- Top bar ----------------- */
.top-bar-widgets { 
  padding: 0;
  margin: 0 auto;
}
.top-bar {
  padding: 0;
  position: absolute;
  top: 3.4vw;
  right: 8vw;
  z-index: 999; 
}
.top-bar a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
}
.top-bar a:hover{
  color: #b01010;
}
.top-bar-mob {
  display: none;
}
.top-bar-r {
  padding: 5px 0px 0;
  text-align: right;
}
.top-bar-r .bold {
  font-weight: bold;
}
.top-bar-r img{
  display: inline;
  padding: 0 5px;
  max-width: 28px;
}
@media screen and (max-width: 1920px) {
.top-bar {
  top: 5.1vw;
  right: 2vw;
}
}
@media screen and (max-width: 1680px) {
.top-bar {
  top: 5.6vw;
  right: 36vw;
}
}
@media screen and (max-width: 1480px) {
.top-bar {
  top: 6vw;
  right: 38vw;
}
}
@media screen and (max-width: 1080px) {
.top-bar {
  top: 7.5vw;
}
}
@media screen and (max-width: 968px) {
.top-bar {
  top: 4vw;
  right: 8vw;
}
}
@media screen and (max-width: 640px) {
.top-bar {
  top: 35px;
  right: 20px;
}
}

/*-------------  Kontakt i kontak footer -------------*/
.contact-info-item {
  padding: 0;
  margin: 0;
}
.top-140-left {
  margin: 0 0 30px;
}
.top-140-right {
  margin-top: -150px;
  text-align: right;
}
.top-140-right img{
  display: inline-block;
}
.social {
  margin-top: -25px;
  margin-left: calc(100% - 174px);
}
.social img{
  display: inline-block;
  background: rgba(255,255,255, .8);
  padding: 10px;
  width: 50px; 
  height: 50px;
}
.contact-info-item p {
  font-size: 1em;
  line-height: 1.3;
  margin: 0;
}
.contact-text img, .contact-text-f img{
  display: inline-block;
  float: left;
}
.contact-info-item .contact-text, .contact-info-item .contact-text-f {
  width: 100%;
  padding: 10px 0;
}
.contact-info-item .contact-text img {
  max-width: 40px;
  padding: 0 12px 0 0;
}
.contact-info-item .contact-text a, .contact-info-item .contact-text p {
  font-size: 1em;
  font-weight: 500;
  color: #555555;
  margin: 0;
}
.contact-info-item .contact-text-f img {
  max-width: 38px;
  padding: 0 12px 0 0;
}
.contact-info-item .contact-text-f a{
  font-size: .9em;
  color: #555555;
  margin: 0;
}

@media screen and (max-width: 968px) {
.top-140-left img{
  max-width: 140px;
}
.top-140-right img{
  max-width: 200px;
}
.social {
  margin-left: calc(100% - 154px);
}
.contact-info-item .contact-text a, .contact-info-item .contact-text p {
  font-size: 16px;
}
}

@media screen and (max-width: 640px) {
.top-140-left {
  margin: -100px 0 30px;
}
.top-140-right {
  margin-top: 50px;
  text-align: left;
}
.social {
  margin-left: 50px;
}
.contact-info-item .contact-text a, .contact-info-item .contact-text p {
  font-size: 19px;
}
}


/*! Slider - Flickity v2.2.0  ---------------------------------------------- */
/* hero-carousel ------------------------- */

.hero-carousel__cell {
  width: 100%;
}

.hero-carousel .tagline {
  margin: 0;
}

@media screen and ( min-width: 769px ) {
  .carousel--watch-css:after {
    content: '';
  }
}

/* ----------------- folio ----------------- */
.services {
  margin: 0 auto;
}
.folio {
  display: flex;
  margin: 0 auto;
  position: relative;
  list-style: none;
}
/* Common style */
.folio figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #797979;
}
.folio figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}
.folio figure figcaption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.folio figure figcaption::before,
.folio figure figcaption::after {
	pointer-events: none;
}
.folio figure figcaption {
	position: absolute;
	top: 120px;
	left: 50px;
	width: calc(100% - 50px);
	height: 100%;
}
.folio figure figcaption > a {
	z-index: 1000;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0) scale(1.0);
	transform: translate3d(0,0,0) scale(1.0);
}
.folio figure figcaption > a:hover {
	-webkit-transform: translate3d(15px,-20px,0) scale(1.0);
	transform: translate3d(15px,-20px,0) scale(1.0);
}
.button-wh {
    padding: 0 0 0 80px;
    background-image: url("./images/arrow-wh.svg");
    background-position: 0;
    background-size: auto;
    background-repeat: no-repeat;
}
/*---------------*/
/***** Milo #011f46; *****/
/*---------------*/
figure.effect-milo {
	background-image: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0));
}
figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 0px);
	width: calc(100% + 0px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0px,0,0) scale(1.0);
	transform: translate3d(0px,0,0) scale(1.0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: .35;
	-webkit-transform: translate3d(0,0,0) scale(1.1);
	transform: translate3d(0,0,0) scale(1.1);
}

figure.effect-milo h2 {
	position: absolute;
	font-size: 54px;
	opacity: 1;
	width: 100%;
	color: #000;
	text-shadow: 3px 3px 0 rgba(255,255,255, .99);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-milo:hover h2 {
	color: #fff;
	text-shadow: 3px 3px 0 rgba(0,0,0, .99);
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-milo h3 {
	position: absolute;
	font-size: 30px;
	opacity: 1;
	width: 100%;
	color: #4770b7;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-milo:hover h3 {
	opacity: 0;
}

figure.effect-milo a {
	position: absolute;
	opacity: 0;
	width: calc(100% - 50px);
	-webkit-transition: opacity 1.2s, -webkit-transform 1.2s;
	transition: opacity 1.2s, transform 1.2s;
	-webkit-transform: translate3d(0,140px,0);
	transform: translate3d(0,140px,0);
}
figure.effect-milo:hover a {
	opacity: 1;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-milo p {
	padding: 43% 0 0 0;
	width: calc(100% - 50px);
	font-size: 26px;
    line-height: 1.3;
	font-weight: 300;
	opacity: 0;
	color: #fff;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	-webkit-transform: translate3d(0,160px,0);
	transform: translate3d(0,160px,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,-55px,0);
	transform: translate3d(0,-55px,0);
}

@media screen and (max-width: 1920px) {
figure.effect-milo p {
	padding: 40% 0 0 0;
}
}
@media screen and (max-width: 1680px) {
.button-wh {
    padding: 20px 0 20px 70px;
	font-size: 24px;
    background-size: 48px 48px;
}
.button-b {
    padding: 20px 0 20px 70px;
	font-size: 24px;
    background-size: 48px 48px;
}
figure.effect-milo h2 {
  font-size: 50px;
}
figure.effect-milo p {
  padding: 44% 0 0 0;
  font-size: 24px;
}
}
@media screen and (max-width: 1440px) {
.folio figure figcaption {
  top: 80px;
  left: 25px;
  width: calc(100% - 40px);
}
figure.effect-milo h2 {
  font-size: 44px;
  -webkit-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
}
figure.effect-milo h3 {
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
}
figure.effect-milo:hover h2 {
  -webkit-transform: translate3d(0,-30px,0);
  transform: translate3d(0,-30px,0);
}
figure.effect-milo p {
  font-size: 20px;
}
figure.effect-milo:hover p {
  -webkit-transform: translate3d(0,-35px,0);
  transform: translate3d(0,-35px,0);
}
}
@media screen and (max-width: 1280px) {
figure.effect-milo h2 {
  font-size: 38px;
}
figure.effect-milo:hover h2 {
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
}
figure.effect-milo h3 {
  font-size: 28px;
}
figure.effect-milo p {
  width: calc(100% - 40px);
  font-size: 18px;
}
}
@media screen and (max-width: 1080px) {
.folio figure figcaption {
  top: 40px;
  width: calc(100% - 15px);
}
figure.effect-milo p {
  font-size: 16px;
}
}
@media screen and (max-width: 820px) {
.folio figure figcaption {
  top: 20px;
}
figure.effect-milo h2 {
  font-size: 36px;
}
.button-wh {
  padding: 0px 0 2px 70px;
}
}

@media screen and (max-width:640px) {
.button-b {
  padding: 20px 0 20px 60px;
  font-size: 20px;
  background-size: 44px 44px;
}
.folio {
  display: block;
}
.folio figure {
	width: 100%;
	margin: 0 0 15px;
}
.folio figure figcaption {
  top: 50px;
}
figure.effect-milo h2 {
  font-size: 46px;
}
figure.effect-milo:hover h2 {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
figure.effect-milo p {
  font-size: 23px;
}
}

@media screen and (max-width:340px) {
.folio figure {
  width: 100%;
}
}

/* ----------------- f-button f-input ----------------- */
.center{
	text-align: center;
	margin-left: -12px;
}
.left{
	text-align: left;
	margin-left: -12px;
}

.f-button {
	left: 0;
	height:2.8vw;
	margin-top: 20px;
	color:#005f54;
	padding:0 2.38vw 0 3vw;
	cursor:pointer;
	font-size:1.25vw;
	font-weight: 300;
	line-height:2.8vw;
	position:relative;
	display:inline-block;
	letter-spacing:1px;
	-webkit-transition:all 1650ms ease-out;
	transition:all 1650ms ease-out
}
.f-button:hover, .f-input:hover {
	color:#005f54;
	-webkit-transition:all 450ms ease-out;
	transition:all 450ms ease-out
}

@media screen and (max-width: 1480px) {
input[type="reset"], input[type="submit"] {
	font-size:1.4vw;
}
.f-button {
	font-size:1.4vw;
}
}

@media screen and (max-width: 1080px) {
input[type="reset"], input[type="submit"] {
	font-size:1.85vw;
    height:4.8vw;
	line-height:4.8vw;
}
.f-button {
	font-size:1.85vw;
	height:4.8vw;
	line-height:4.8vw;
}
}

@media screen and (max-width:968px){
	.f-button, .f-input{font-size:20px;height:5.8vw;padding:0 3.8vw;line-height:5.8vw}
	input[type="reset"], input[type="submit"]{font-size:20px}
}

@media screen and (max-width:580px){
	.m-l-30 {margin-left: 10px !important;}
	.center{margin-left: -15px;}
	.right{text-align:center;margin-left: -12px;}
	.left{text-align:center;margin-left: -12px;}
	.f-button, .f-input{left: 0;height:11.33vw;padding:0 6.66vw;line-height:11.33vw}
	.f-input{margin-top: 10px;}
}

.f-button:hover:after, .f-input:hover:after{height:100%;-webkit-transition-delay:250ms;transition-delay:250ms}
.f-button:hover span:nth-child(1):after, .f-input:hover span:nth-child(1):after,
.f-button:hover span:nth-child(2):after, .f-input:hover span:nth-child(2):after,
.f-button:hover span:nth-child(1):before, .f-input:hover span:nth-child(1):before,
.f-button:hover span:nth-child(2):before, .f-input:hover span:nth-child(2):before{-webkit-transition:all 250ms ease-out;transition:all 250ms ease-out}

@media only screen and (max-width:640px){
	.f-button:hover span:nth-child(1):after, .f-input:hover span:nth-child(1):after,
	.f-button:hover span:nth-child(2):after, .f-input:hover span:nth-child(2):after,
	.f-button:hover span:nth-child(1):before, .f-input:hover span:nth-child(1):before,
	.f-button:hover span:nth-child(2):before, .f-input:hover span:nth-child(2):before{-webkit-transition:unset;transition:unset}
}
	
.f-button:hover span:nth-child(1):before, .f-input:hover span:nth-child(1):before,
.f-button:hover span:nth-child(2):before, .f-input:hover span:nth-child(2):before{width:100%}
.f-button:hover span:nth-child(1):after, .f-input:hover span:nth-child(1):after,
.f-button:hover span:nth-child(2):after, .f-input:hover span:nth-child(2):after{height:18px}
.f-button:hover span:nth-child(1):before, .f-input:hover span:nth-child(1):before{-webkit-transition-delay:0;transition-delay:0}
.f-button:hover span:nth-child(1):after, .f-input:hover span:nth-child(1):after{-webkit-transition-delay:0;transition-delay:0}
.f-button:hover span:nth-child(2):before, .f-input:hover span:nth-child(2):before{-webkit-transition-delay:500ms;transition-delay:500ms}
.f-button:hover span:nth-child(2):after, .f-input:hover span:nth-child(2):after{-webkit-transition-delay:750ms;transition-delay:750ms}

.f-button:before, .f-input:before {
    top: 1.04vw;
    left: -0.8vw;
    content: "";
    width: 3vw;
    height: 1.1vw;
    display: block;
    position: absolute;
    background-size: 3vw;
    background-repeat: no-repeat;
    background-image: url("./images/arrow.svg");
	-webkit-transition:all 750ms ease-out;transition:all 750ms ease-out;
}

@media screen and (max-width: 1080px) {
.f-button:before, .f-input:before {
    top: 1.76vw;
	left: -1.3vw;
    width: 3.2vw;
    height: 1.2vw;
    background-size: 3.2vw;
}
}

@media only screen and (max-width:968px){
	.f-button:before, .f-input:before{width: 5vw;left: -2.2vw;top: 2.1vw;height: 4vw;background-size: 4vw;}
}
	
@media only screen and (max-width:640px){
	.f-button:before, .f-input:before{width: 7vw;left: -2.9vw;top: 4.4vw;height: 7vw;background-size: 6.4vw;}
}

.f-button:after, .f-input:after{
	top:0;
	right:0;
	height:0;
	width:1px;
	content:"";
	opacity:1;
	position:absolute;
	background-color:#c82128;
	-webkit-transition:all 250ms ease-out;
	transition:all 250ms ease-out;
	-webkit-transition-delay:500ms;
	transition-delay:500ms
}

@media only screen and (max-width:640px){
	.f-button:after, .f-input:after{background-color:transparent;height:100%;-webkit-transition:unset;transition:unset}
}

.f-button span, .f-input span{top:0;left:0;width:100%;height:100%;display:block;position:absolute;}
.f-button span:nth-child(1):after, .f-input span:nth-child(1):after,
.f-button span:nth-child(2):after, .f-input span:nth-child(2):after,
.f-button span:nth-child(1):before, .f-input span:nth-child(1):before,
.f-button span:nth-child(2):before, .f-input span:nth-child(2):before{
	left:0;
	content:"";
	opacity:1;
	position:absolute;
	background-color:#c82128;
	-webkit-transition:all 250ms ease-out;
	transition:all 250ms ease-out
}

@media only screen and (max-width:640px){
	.f-button span:nth-child(1):after, .f-input span:nth-child(1):after,
	.f-button span:nth-child(2):after, .f-input span:nth-child(2):after,
	.f-button span:nth-child(1):before, .f-input span:nth-child(1):before,
	.f-button span:nth-child(2):before, .f-input span:nth-child(2):before{background-color:transparent;-webkit-transition:unset;transition:unset}
}
	
.f-button span:nth-child(1):before, .f-input span:nth-child(1):before,
.f-button span:nth-child(2):before, .f-input span:nth-child(2):before{left:0;width:0;height:1px}

@media only screen and (max-width:640px){
	.f-button span:nth-child(1):before, .f-input span:nth-child(1):before,
	.f-button span:nth-child(2):before, .f-input span:nth-child(2):before{width:100%}
}

.f-button span:nth-child(1):after, .f-input span:nth-child(1):after,
.f-button span:nth-child(2):after, .f-input span:nth-child(2):after{height:0;width:1px}

@media only screen and (max-width:640px){
	.f-button span:nth-child(1):after, .f-input span:nth-child(1):after,
	.f-button span:nth-child(2):after, .f-input span:nth-child(2):after{height:10px}
}
	
.f-button span:nth-child(1):after, .f-input span:nth-child(1):after,
.f-button span:nth-child(1):before, .f-input span:nth-child(1):before{top:0;-webkit-transition-delay:750ms;transition-delay:750ms}

@media only screen and (max-width:640px){
	.f-button span:nth-child(1):after, .f-input span:nth-child(1):after,
	.f-button span:nth-child(1):before, .f-input span:nth-child(1):before{-webkit-transition-delay:unset;transition-delay:unset}
}
	
.f-button span:nth-child(1):before, .f-input span:nth-child(1):before{-webkit-transition-delay:750ms;transition-delay:750ms}

@media only screen and (max-width:640px){
	.f-button span:nth-child(1):before, .f-input span:nth-child(1):before{-webkit-transition-delay:unset;transition-delay:unset}
}
	
.f-button span:nth-child(2):after, .f-input span:nth-child(2):after,
.f-button span:nth-child(2):before, .f-input span:nth-child(2):before{bottom:0}
.f-button span:nth-child(2):before, .f-input span:nth-child(2):before{right:0;left:unset;-webkit-transition-delay:250ms;transition-delay:250ms}