/**
* Template Name: Arsha - v4.0.1
* Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: 'Jost', sans-serif;
  color: black;
}

a {
color: #f3f3f3;
    text-decoration: none;
}
#loader{
                display: none;
            }
a:hover {
  color: white;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo Black', sans-serif;
}
p {
	font-weight:300;
	font-size:14pt;
	text-align: justify;
}

h4 {
	font-family: 'Jost', sans-serif;
	font-weight:400;
	color:white;
}
h5 { font-size:16pt;
	font-family: 'Jost', sans-serif;
	font-weight:300;
	color:white;
}
h2 {
	font-size:22pt;
	
}

.nav-link {
	
	text-transform: uppercase;
	
}

.lead-paragraph {
    font-size: 1.25rem;
    font-weight: 500;
}
.red-text {
	
	color: #cf1214;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #041b01;
}


#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #398d3c;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 35px;
  z-index: 996;
  background: #398d3c;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #5d5d5d;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
}

#header.header-scrolled, #header.header-inner-pages {
  background: none;
  
  
}
.logo img {transition: 0.6s;
height: 100px;
    position: absolute;
    top: 100px;
	
	opacity:0;
	transition-timing-function: cubic-bezier(0, 0, 0, 1.42);
	visibility:hidden;
}}
#header .logo {
	
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  
}
.logo-scrolled {
	
	
	opacity:1!important;
    top: 0px!important;
	transition: 0.6s;
	visibility:visible!important;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;
 
}

.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
  color: #d81b23;
    
	
}

.navbar .getstarted {
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  border: 2px solid #47b2e4;
  font-weight: 600;
}

.navbar .getstarted:hover {
  color: #fff;
  background: #31a9e1;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #0c3c53;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #47b2e4;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
	.label-class {
		
		padding-top: 20px;
	}
	.logo img {
		height:90px;
	}
	
	#animation_container {
		
			max-width:250px!important;
		max-height:125px!important;
		
	}
	#canvas {
		max-width:250px!important;
		max-height:125px!important;
		
	}
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(41, 41, 41, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 15px;
  color: #383838;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #ce2121;
}

.navbar-mobile .getstarted {
  margin: 15px;
  color: #37517e;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #47b2e4;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
	height:100vh;

	background-image: url(../../images/forest_pattern_dark.jpg);
    background-repeat: repeat;
    background-size: 315px;
    background-attachment: fixed;
}
.hero-container {
	padding-top:120px;
	
	
}

@keyframes float {
	0% {
		
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-20px);
	}
	100% {
		
		transform: translatey(0px);
	}
}

.hero-logo {
	
	height:400px;
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
	
}

.text-carousel-right {
	min-height:150px;
	padding-top:25px;
	max-width:300px;
}

.arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 60px;
}

.arrows path {
  stroke: #c1c1c1;
  fill: transparent;
  stroke-width: 3px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}

.sklypas-title {
	margin-bottom:15px;
}

.sklypas-planas {
	
	outline: 5px solid #585858;
    outline-offset: -5px;
}

.sklypai-bg {
	background-image: url(../../images/forest_pattern_dark.jpg);
    background-repeat: repeat;
    background-size: 315px;
    background-attachment: fixed;
	height:100%;
	
}
.inside-column {
	
	background-color:black;
}
.sklypas-col {
	
}
.sklypas-card {
	
	max-width:350px;
}

.sklypas-title-text {
	font-weight:400;
	position: absolute;
    padding-top: 30px;
    text-align: start;
    padding-left: 15px;
	color:white;
}



.sklypas-title-text {
	font-size:16pt;
	
}
.skypas-gatve {
	color:#e3e3e3;
	font-size:12pt;
}

.kvartalas-bg {
	
	height:300px;
	width:100%;
	background-image: url('../../images/kvartalas.png');
  background-repeat: no-repeat;
  
  background-position: center;
}



@media (min-width: 1380px){
	
.sklypai-bg {
padding-left:50px;
padding-right:50px;

}	
.sklypas-planas {
	
	width:270px;
}

}

@media (min-width: 1560px){
	.sklypai-bg {
padding-left:100px;
padding-right:100px;

}
}
@media (max-width: 1920px){
.sklypas-card {
	
	width:300px;
}
.sklypas-title-text {
	font-size:14pt;
	
}
.skypas-gatve {
	font-size:10pt;
}

.sklypas-title  {
	
	width:300px;
}
.sklypas-planas {
	width:270px;
}
.sklypas-title-text {
	padding-top: 27px;
}
}

@media (max-width: 991px){
	.sklypas-card {
	
	width:350px;
}

.sklypas-title-text {
	font-size:16pt;
	
}
.skypas-gatve {
	font-size:12pt;
}

.sklypas-title  {
	
	width:350px;
}
.sklypas-planas {
	width:310px;
}
	.sklypas-title-text {
	padding-top: 30px;
}
}

/*--------------------------------------------------------------
# PRODUCTS
--------------------------------------------------------------*/
.container {
	
	overflow-x:hidden;
	overflow-y:hidden;
	
}
.section-title {
	margin-top:2rem;
	margin-bottom:1rem;
	text-align: center;
}

.text-slow-cooked {
	height:300px;
	max-width:100%;
	width:350px;
	max-height:300px;
	text-align:justify;
	overflow:hidden;
	
	
}

.float-right {
	
	float:right;
}

.float-left {
	
	float:left;
}

.contacts-text {
	
	color:black;

}
.contacts-column
{ 

}
.shadow-text {
	text-shadow: 0px 0px 5px #000000fc;
	
}

.burger {
	
    background-image: url(../../images/burger.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
}
#slideshow { 
  
}

#slideshow > div { 
  position:absolute;

}
.carousel-container {
	height:400px;
	width:400px;
	
	
}

@keyframes bounce {
  0%, 20%, 60%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  80% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}
.contacts-button:hover {
	animation: bounce 1s;
}
.col-pork:hover >
	.icon-pork{
	animation: bounce 1s;
	}
	
.col-chicken:hover >
	.icon-chicken{
	animation: bounce 1s;
	}
	
.col-beef:hover >
	.icon-beef{
	animation: bounce 1s;
	}

.contacts-button {
	transition: in ease 1s;
	opacity:0.9!important;
}
.contacts-button:hover {
	transition: in ease 1s;
	opacity:1!important;
}

.image-mobile {
	
	max-width:100%;
	
}
@media (min-width: 2560px){
	
	.sklypai-bg {
    padding-left: 300px;
    padding-right: 300px;
}
}
@media (min-width: 3440px){
	
	.sklypai-bg {
    padding-left: 600px;
    padding-right: 600px;

}
}


@media (min-height: 2160px){
		.hero-logo {
		
		height:560px;
	}
	.hero-container {
		
		padding-top:650px!important;
	}
	
}

@media (min-height: 1440px){
		.hero-logo {
		
		height:560px;
	}
	.hero-container {
		
		padding-top:300px;
	}
	
}

@media (min-height: 1080px){
	
	.hero-logo {
		
		height:560px;
	}
}
@media (max-width: 975){



.image-mobile {
    min-width: 100%;
}

}
@media (max-width: 993px) {
	.image-mobile {
    min-width: 100%;
}
.text-slow-cooked{
 min-width:100%;
}	
}
@media (max-height:812px) {
	
		.hero-logo {
		
		height:320px;
	}
.hero-container {
	
	padding-top: 120px;
}
	
	}
@media max-height:736px) {
	
	.hero-logo {
		
		height:320px;
	}
.hero-container {
	
	padding-top: 75px;
}
}

@media (max-height:667px) {
	
	.hero-logo {
		
		height:320px;
	}
.hero-container {
	
	padding-top: 40px;
}
}

@media (max-height:667px) {
	
	.hero-logo {
		
		height:260px;
	}
.hero-container {
	
	padding-top: 40px;
}
}
@media (max-width:500px) {
	.btn-sklypas {
		margin-top:10px;
		margin-bottom:10px;
		min-width:80%!important;
	}
}
@media (max-width:375px) {
	
		.hero-logo {
		
		height:315px;
		
	}
	
		.noretum {
		margin-top:25px!important;
	}
	.arrows {
		bottom:40px;
	}
}
@media (max-width:320px) {
	.arrows {
		
		bottom:28px;
	}
	.noretum {
		margin-top:5px!important;
	}
	.hero-logo {
		
		height:260px;
	}
	.sklypas-title {
		width:300px;
	}
.hero-container {
	
	padding-top: 40px;
}
}

@media (max-width: 768px) {
	
	

	.upper-hero-text {
		font-size:26pt;
		
	}
	
	.lower-hero-text {
		font-size:28pt;
		
	}
	
	.motto-bg {
		height:auto;
		text-align:center;
	}
	.motto-text {
		padding-top:10px;
		padding-bottom:10px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.image-mobile {
		max-width:100%;
	}
	
	.text-slow-cooked {
		max-width:100%;
	}
	.fresh-pork-title{
		text-align:center;
		    margin-top: 25px;
    margin-bottom: 10px;
	}
	.fresh-pork-text {
		text-align:justify;
	}
	.float-none-mobile {
		float:none;
	}
	.contacts-bg {
		
	}
	
	
	
}
@media (max-width: 576px) {
	.image-mobile {
		min-width:none;
	}
	
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	background-color:#041b01;
	color:black;
  font-size: 14px;
 
}

#footer .footer-newsletter {
  padding: 50px 0;
  background: #f3f5fa;
  text-align: center;
  font-size: 15px;
  color: #444444;
}

#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  color: #37517e;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
  text-align: left;
}

#footer .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #47b2e4;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type="submit"]:hover {
  background: #209dd8;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #fff;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
  font-size: 28px;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  color: #37517e;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Jost", sans-serif;
  color: #5e5e5e;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #37517e;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #47b2e4;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #777777;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #47b2e4;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #47b2e4;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #209dd8;
  color: #fff;
  text-decoration: none;
}

#footer .footer-bottom {
	
	
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    font-size: 14pt;
}
}

#footer .copyright {
  float: left;
}

#footer .credits {
  float: right;
  font-size: 14pt;
}

#footer .credits a {
  transition: 0.3s;
}
.contact .php-email-form {
  width: 100%;
  border-top: 3px solid #484848;
  border-bottom: 3px solid #484848;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #cc4b4b;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #50b57f;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #d41010;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
  margin-bottom: 20px;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
    border-color: #4caf50!important;
}

}
.contact .php-email-form label {
  padding-bottom: 8px;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #47b2e4;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type="submit"] {
font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 4px;
    transition: 0.3s;
    line-height: 1;
    color: #398d3c;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    margin-top: 6px;
    border: 2px solid #398d3c;
    background: white;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #398d3c;
  color: #fff;
  text-decoration: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  #footer .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #footer .copyright, #footer .credits {
    text-align: center;
    float: none;
  }
  #footer .credits {
    padding-top: 4px;
  }
}