@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../webfonts/Roboto-Medium.woff2') format('woff2'),
        url('../webfonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
        url('../webfonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../webfonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'),
        url('../webfonts/Roboto-Italic.woff2') format('woff2'),
        url('../webfonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../webfonts/Roboto-Bold.woff2') format('woff2'),
        url('../webfonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
        url('../webfonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../webfonts/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../webfonts/Roboto-Light.woff2') format('woff2'),
        url('../webfonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../webfonts/Roboto-Black.woff2') format('woff2'),
        url('../webfonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'),
        url('../webfonts/Roboto-Regular.woff2') format('woff2'),
        url('../webfonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
        url('../webfonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../webfonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
        url('../webfonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../webfonts/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../webfonts/Roboto-Thin.woff2') format('woff2'),
        url('../webfonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
        url('../webfonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../webfonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab SemiBold'), local('RobotoSlab-SemiBold'),
        url('../webfonts/RobotoSlab-SemiBold.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab ExtraLight'), local('RobotoSlab-ExtraLight'),
        url('../webfonts/RobotoSlab-ExtraLight.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab Medium'), local('RobotoSlab-Medium'),
        url('../webfonts/RobotoSlab-Medium.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'),
        url('../webfonts/RobotoSlab-Thin.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
        url('../webfonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab Black'), local('RobotoSlab-Black'),
        url('../webfonts/RobotoSlab-Black.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
        url('../webfonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab ExtraBold'), local('RobotoSlab-ExtraBold'),
        url('../webfonts/RobotoSlab-ExtraBold.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: local('Roboto Slab Light'), local('RobotoSlab-Light'),
        url('../webfonts/RobotoSlab-Light.woff2') format('woff2'),
        url('../webfonts/RobotoSlab-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



body {
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}
	body * {
		/*cursor: pointer;*/
	}
a, a:hover {
	text-decoration: none;
	cursor: pointer;
}

img {
	max-width: 100%;
}

.height100 {
	height: 100%;
}

.animated {
	-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
}

.animatedSlow {
	-webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;
}

.cycle-slideshow {}

.cycle-slideshow .slide {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center left;
}

.slide .sliderBG {
	background-color: rgba(161, 198, 33, .8)
}

.sliderText * {
	color: #fff;
	font-family: 'Roboto Slab', serif;
}

.sliderText h1 {
	font-size: 70px;
	font-weight: bold;
	transform: translateY(-300px) translateX(-150%);
	-webkit-transform: translateY(-300px) translateX(-150%);

	-webkit-transition: transform 800ms ease-in-out;  -moz-transition: transform 800ms ease-in-out;  -o-transition: transform 800ms ease-in-out;  transition: transform 800ms ease-in-out;
}

.sliderText h2 {
	font-size: 45px;
	font-weight: bold;
	transform: translateY(0px) translateX(-150%);
	-webkit-transform: translateY(30px) translateX(-150%);

	-webkit-transition: all 1.5s ease-in-out;  -moz-transition: all 1.5s ease-in-out;  -o-transition: all 1.5s ease-in-out;  transition: all 1.5s ease-in-out;
}

.cycle-slide-active .sliderText * {
	transform: translateY(0px) translateX(0%);
	-webkit-transform: translateY(0px) translateX(0%);
}

.logoHolder {
	position: relative;
}
	.logoHolder:before {
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		right: 25px;
		bottom: -100px;
		z-index: -1;

		transform: skewX(-10deg) translateX(-18px);
		-webkit-transform: skewX(-10deg) translateX(-18px);

		background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);
	}

	.logoHolder:after {
		/*content: "";*/
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: -1;

		transform: skewX(-10deg) translateX(-10px);
		-webkit-transform: skewX(-10deg) translateX(-10px);

		background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.7));
	}

.my-button {
	position: relative;
	display: block;
	background-color: #a1c621;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	text-transform: uppercase;
}
	.my-button:before {
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: -50%;
		z-index: -1;

		transform: skewX(-10deg) translateX(-2%);
		-webkit-transform: skewX(-10deg) translateX(-2%);

		background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);

		-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
	}

	.my-button:hover {
		color: #fff;
		text-decoration: none;
	}

	.LinkBlockHolder:hover .my-button:before {
		bottom: 0%;

		transform: skewX(0deg) translateX(0%);
		-webkit-transform: skewX(0deg) translateX(0%);
	}

.LinkBlockImage {
	display: block;
	position: relative;
}
	.LinkBlockImage:before {
		content: "";
		position: absolute;
		left: 10px;
		bottom: -3px;
		right: 15px;
		height: 20px;
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
		background-image: linear-gradient(54deg, transparent, rgba(0,0,0,1));

		-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;


	}

	.LinkBlockHolder:nth-child(odd) .LinkBlockImage:before {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	.LinkBlockHolder:nth-child(even) .LinkBlockImage:before {
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
	}

	.LinkBlockImage img {
		width: 100%;
		-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
	}

	.LinkBlockHolder:nth-child(odd) .LinkBlockImage img {
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}

	.LinkBlockHolder:nth-child(even) .LinkBlockImage img {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}

	.LinkBlockHolder:hover .LinkBlockImage img {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	.LinkBlockHolder:hover:nth-child(odd) .LinkBlockImage:before {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}

	.LinkBlockHolder:hover:nth-child(even) .LinkBlockImage:before {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}

#Form_ContactForm input,
#Form_ContactForm select,
#Form_ContactForm textarea {
	padding: 5px 20px;
	background-color: #ededed;
	border-radius: 20px;
	color: #545454;
	border: 0px;
	margin-bottom: 20px;
	width: 100%;
}

#Form_ContactForm input[type=submit] {
	background-color: #ee7202;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.FormTitle {
	color: rgba(161, 198, 33, 1);
	font-weight: 600;
}

.font14 {
	font-size: 14px;
}
.footer {
	font-size: 12px;
}


.my-button2 {
	position: relative;
	display: inline-block;
	background-color: #f47920;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	text-transform: uppercase;
}
	.my-button2:before {
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: -50%;
		z-index: -1;

		transform: skewX(-10deg) translateX(-4%);
		-webkit-transform: skewX(-10deg) translateX(-4%);

		background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);

		-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
	}

	.my-button2:hover {
		color: #fff;
		text-decoration: none;
	}

.telLink {
	border-radius: 15px;
	border: 2px solid #fff;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 2px 10px 2px 30px;
	display: inline-block;
	line-height: 18px;
	text-align: center;
	position: relative;
}
	.telLink .fas {
		overflow: hidden;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		color: #fff;
		padding-right: 20px;

		position: absolute;
		left: 0px;
		top: 12px;
	}

.emailLink {
	border-radius: 15px;
	border: 2px solid #fff;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 2px 10px 2px 30px;
	display: inline-block;
	line-height: 18px;
	text-align: center;
	position: relative;
}
	.emailLink .fas {
		overflow: hidden;
		color: #fff;
		padding-right: 20px;

		position: absolute;
		left: 5px;
		top: 2px;
	}


.emailLink:hover,
.telLink:hover,
.whiteLink:hover {
	color: #fff;
	text-decoration: none;
}

.whiteLink {
	color: #fff;
}

@media screen and (max-width: 991px) {
	.my-button:before {
		display: none;
	}

	.slide {
		width: 100%;
	}

	.slide > .container-fluid {
		/*padding-top: 300px;*/
	}

	.sliderText * {
		font-size: 18px !important;
	}

	h1, h2, h3 {
		font-size: 18px !important;
	}

	.logoHolder:before {
		left: 10px;
	}
}