[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1!important;
}

body,html{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff7c2ecf' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff7c2ecf' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.border-circle{
	transition: 0.5s;
}
.border-circle:hover{
	transition: 0.5s;
	transform: translateY(-7px);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(29 66 137 / 7%);
}

/*** HEAD ***/
.add-color{
    box-shadow: 0 0px 7px rgb(29 65 136)!important;
	transition: 0.3s!important;
	}
.box-logo-down{
		width: 25%!important;
		transition: 0.4s;
}
.object{
	position: absolute!important;
	float: left!important;
	left: 10px!important;
    transition: 0.3s;
    transform: rotate(0deg)!important;
    font-size: 14px;
    color: #fff!important;
    top: 30%;
}
.object:hover{
    transition: 0.3s;
    transform: rotate(0deg)!important;
    font-size: 14px;
    color: #fff!important;
}
	.head-00{
		font-family: 'Roboto', sans-serif;
		margin: 0%;
		padding: 0% 7%;	
		width: 100%;
		position: fixed;
		top: 0%;
		left: 0%;
		display: flex;
		justify-content: center;
		background-color: #ffff;
		color: #212121;
		z-index: 3;
		transition: 0.3s;
		border-bottom: 0.5px solid #1d4289;
    	/*border-bottom: 2.5px solid #1d4289;*/
    	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	}

	.box-logo {
		text-align: center;
		width: 30%;
		transition: 0.4s;
	}

	.box-logo img{
		width: 60%;
    	padding: 4% 2%;
    	transition: 0.5s;
    	position: relative;
    	float: left;
    	left: 70px;
    	transition: 0.4s;
	}

 
	.head-00 ul{
		width: 100%;
	    margin: auto 0%;
	    padding: 0%;
	    list-style: none;
	    display: flex;
	    justify-content: flex-end;
	    font-size: 17px;
	}

	.head-00 ul>li{
		text-align: left;
		cursor: pointer;
		padding: 0px 20px;
	    justify-content: space-around;
	    position: relative;
	    font-family: 'Roboto', sans-serif;
	}


	.head-00 button{
	    font-family: 'Roboto', sans-serif;
	    background-color: #00bb2d;
	    color: #fff;
	    border-radius: 15px;
	    text-decoration: none;
	    outline: none;
	    border: 1px solid #00bb2d;
	    font-size: 16px;
	    padding: 2% 10%;
	    position: absolute;
	    top: -20%;
	    width: 71%!important;
	}

	.dropdown-w-one ul>li>span:hover{
		color: #043d99!important;
    	font-weight: bold;
	}

	.dropdown-w-one ul>li>span>i{
		margin-right: 20px;
	}

	.opc-active{
	    color: #1d4089!important;
	    background: #fff!important;
	    font-weight: bold!important;
	    border-bottom: 3px solid #ffc000!important;
	    padding: 0%!important;
	    margin: 0px 20px;
	}



	.menu-active {
	    color: #111;
	    background: #fff;
	    transition: 0.3s;
	    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	    border: none!important;
	    padding: 1% 8% 1%;
	}
	.botton-contact {
	    color: #111!important;
	    background: #fbe16e!important;
	    transition: 0.3s;
	    border: 1px solid #0000!important;
	}
	.oculto{
		display: none;
	}

	.disable{
		display: none;
	}

	.enable{
		display: block;
	}

/******INDEX***********/
	.dropdown-w-one{
		position: relative;
		}

	.dropdown-w-one div{
		position: absolute;
		width: 270px;
		padding: 0% 0% 0% 0%;
		margin: 0% 0% 0% 0%;
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease 0s;
		transform: translateY(15px);
		border-radius: 0px 0px 5px 5px;
	    box-shadow: -1px 4px 13px -7px  #1d4289;
    	top: 150%;
	}

	.dropdown-w-one:hover div{
		 opacity: 1;
		 visibility: visible;
		 padding: 0% 0% 0% 0%;
		 transition: all 0.3s ease 0s;
		 transform: translateY(0px);
    	 border-radius: 5px 5px 3px 3px;
	}

	.dropdown-w-one div:after {
	    position: absolute;
	    left: 17%;
	    margin-left: -8px;
	    top: -8px;
	    height: 16px;
	    width: 16px;
	    background-color: #febf00;
	    box-shadow: -2px -2px 2px 0 rgba(0,0,0,0.2);
	    content: "\00a0";
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    transition: 150ms ease color,150ms ease background-color;
	    z-index: 0;
	    border-radius: 100%;
	}

	.dropdown-w-one ul{
		 display: block;
		 margin: 0% 0% 0% 0%;
		 padding: 5% 0% 0% 0%;
		 width: 100%;
		 /*border-top: 2px solid #2880a0;*/
	}

	.dropdown-w-one li{
		width: 100%;
	    padding: 2% 10%!important;
	    margin: 4% 0% 4% 0%;
	    color: #111;
	    text-align: left;
	    background-color: #fff;
	    transition: 0.2s;
	}

	.active-dropdown li:hover {
		color: #fff;
		background-color: #1d4289;
		transition: 0.2s;
	}

	.dropdown-w-one i{
		transition: 0.3s;
		transform: rotate(0deg);
		font-size: 14px;
		color: #1d4289;
	}

	.dropdown-w-one:hover i {
	    transition: 0.3s;
	    transform: rotate(180deg);
	}

	.head-01{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0%;
		padding: 0%;
		display: none;
		background: #fff;
		z-index: 3;
	}

	.head-01 ul{
		width: 100%;
		margin: 0%;
		padding: 3% 5%;
		list-style: none;
		display: flex;
		justify-content: space-between;
	}

	.head-01 ul>li{
		width: 50%;
		display: flex;

	}

	.head-01 ul>li>img{	
		width: 60%;
	}

	.head-01 ul>li>p{
		width: 100%;
		padding-right: 0px;
		margin: auto 0%;
		text-align: right;
		font-size: 25px;
		color: #7a9734;
	}

	.menu-mobil{
		top: 0;
	    right: 0;
	    width: 0%;
	    height: 100%;
	    position: fixed;
	    background: #212121eb;
	    z-index: 5;
	    opacity: 0;
	    transition: 0.3s;
	}

	.menu-mobil-active{
		top: 0;
	    right: 0;
	    width: 75%;
	    height: 100%;
	    position: fixed;
	    background: #212121eb;
	    z-index: 5;
	    opacity: 1;
	    transition: 0.3s;
	}

	.menu-mobil ul{
		width: 100%;
		margin: 0%;
		padding: 0%;
		list-style: none;
	}

	.menu-mobil ul>li{
		font-family: 'Roboto', sans-serif;
		width: 96%;
		margin: 0% 2%;
		background: #799733;
		padding: 2% 3%;
		border-radius: 5px;
		margin-bottom: 5px;
		margin-top: 5px;
		color: #fff;
		letter-spacing: 1px;
	}

	.menu-close{
		font-size: 30px;
		color:#799733;
	}

	.header-mobile{
		display: none;
		position: fixed;
		margin: 0%;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	.header-mobile button{
		width: 100%;
		margin: 0%;
		border-radius: 0px;
		border:none;
		box-shadow: 0 0 0 0.2rem rgba(58,176,195,0)!important;
		border-bottom: 2px solid #0000;
	    background-color: #fff!important;
	    color: #000!important;
	    font-size: 25px;
	    text-align: right;
	    padding: 1% 5%;
	}

	.header-mobile table{
		width: 100%;
		margin: 0%;
	}

	.header-mobile td{
		width: 50%;
		margin: 0%;
	}

	.header-mobile img{
		width: 90%;
	    margin: 0%;
	    position: relative;
	    float: left;
	}

	.header-mobile div{
		width: 100%;
		color: #000;
	   	background-color: #ffffffc2;
		border-bottom: 1.5px solid #2e3c6169;
	}

	.header-mobile p{
		font-size: 19px;
    	letter-spacing: 1px;
    	margin-bottom: 4%;
    	font-family: 'Roboto', sans-serif;
    	padding-left: 2%;
    	font-weight: 600;
    	color: #111;
	}

	.header-mobile ul{
		font-size: 20px;
	    width: 100%;
	    padding: 0% 7%;
	    left: 5px!important;
	    list-style: none;
	    margin-bottom: 4%;
	 	font-family: 'Roboto', sans-serif;
	}

	.header-mobile li,a{
		color: #111;
	    margin: 4% 0%;
	    font-weight: bold;
	    text-decoration: none!important;
	    outline: none!important;
	    font-size: 19px;
	}
	.header-mobile a {
	    color: #333!important;
	    text-decoration: none;
	    outline-style: none;
	    font-family: 'Roboto', sans-serif;
	}
	.header-mobile i {
	    position: relative;
	    float: right;
	    color: #313c5c;
	}
	.boton{
	    font-family: 'Roboto Condensed', sans-serif!important;
	    border: 1px solid #000!important;
	    outline: none!important;
	    text-decoration: none!important;
	    font-size: 17px!important;
	    padding: 1% 5%!important;
	    background: #0000!important;
	    color: #0677ba!important;
	    border-radius: 50px!important;
	    width: 70%!important;
	    transition: 1s!important;
	    margin: 2% 0% 4% 0%!important;
	    text-align: center!important;
	}
}
/*** SLIDER ***/

	.slider-00{
		margin-top: 7%;
	}

	.box-slider {
		width: 100%;
		margin: 0;
		padding: 0;
		margin-top: 4%;
	}

	.slide-btn-00, .slide-btn-01, .slide-btn-02, .slide-btn-03, .slide-btn-04, .slide-btn-05{
		font-family: 'Roboto', sans-serif;
	    background-color: #febf00;
	    font-size: 22px;
	    color: #111;
	    letter-spacing: 1px;
	    font-weight: bold;
	    position: absolute;
	    padding: 0.5% 0%;
	    width: 19%;
	    outline: none!important;
	    border: none;
	    border-radius: 15px;
	    border: 1px solid #febf00;
	}
	.slide-btn-00:hover, .slide-btn-01, .slide-btn-02, .slide-btn-03, .slide-btn-04, .slide-btn-05{

		border: 1px solid #e8dc29;

	}
	.slide-btn-00{
	    bottom: 42%;
	    left: 15%;
	}

	.slide-btn-01{
		bottom: 32%;
		left: 40%;
		display: none;
	}

	.slide-btn-02{
		bottom: 55%;
		left: 15%;
		display: none;
	}

	.slide-btn-03{
		bottom: 43%;
    	left: 13%;
    	display: none;
	}

	.slide-btn-04{
		bottom: 45%;
		left: 10%;
		display: none;
	}

	.slide-btn-05{
		bottom: 25%;
		left: 60%;
		display: none;
	}

	.slide-btn-06{
		bottom: 35%;
		left: 0%;
		display: none;
	}

	.ban-mobil{
		display: none!important;
	}

/*** VIDEO ***/

	.box-video{
		width: 100%;
		margin: 0%;
		padding: 5%;
		display: flex;
	}


	.box-video iframe{
		margin:  0%	 auto;
		width: 60%;
		height: 400px;
		border-radius: 10px;
		border: 5px solid #e8dc29;
	}

/*** box-00 ***/

	.box-00{
		width: 100%;
		margin: 0%;
		padding: 5% 10%;
		background: #f1f1f1;
	}

	.box-00 h2{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 0% 0% 7% 0%;
	    padding: 0%;
	    text-align: center;
	    font-size: 35px;
		color: #111;
		font-weight: bold;
	}

	.box-00 h2>hr{
		width: 5%;
	    margin: 1% auto;
	    border-radius: 50px;
	    height: 3px;
	    border: none;
	    background-color: #1d4289;
	}

	.box-00 p{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 0%;
		padding: 0% 10% 5% 10%;
		text-align: center;
		font-size: 20px;
	}

	.box-services{
		width: 95%;
		margin: 0%;
		padding: 0%;
		text-align: center;
		background: #fff;
		border-radius: 4px;
		box-shadow: 0px 0px 10px -3px #000;
		transition: 0.4s;
		border-bottom: 2px solid #fff;
	}

	.box-services h3{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 0%;
    	padding: 10% 0% 7% 0%;
		text-align: center;
		font-size: 22px;
		line-height: 1.4;
		cursor: pointer;
	}

	.box-services img{
		width: 100%;
	    cursor: pointer;
	    transition: 0.3s;
	    transform: scale(1);
	    border-radius: 5px 5px 0px 0px;
	}

	.box-services:hover span{
		background-color: #111;
		z-index: 1;
	}

	.box-services:hover {
		transition: 0.4s;
		border-bottom: 2px solid #1c4189;
	}

/*** box-01 ***/

	.box-01{
		width: 100%;
		margin: 0%;
		padding: 5% 10% 6% 10%;
	}

	.box-01 h2{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 0% 0% 7% 0%;
	    padding: 0%;
	    text-align: center;
	    font-size: 35px;
		color: #111;
		font-weight: bold;
	}
	.box-01 h2>hr {
	    width: 5%;
	    margin: 0% auto;
	    border-radius: 50px;
	    height: 3px;
	    border: none;
	    background-color: #1d4289;
	    margin-top: 10px;
	}
	.box-01 h3{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 0% 0% 4% 0%;
	    padding: 0% 0% 0% 0%;
	    text-align: left;
	    font-size: 30px;
	    color: #111;
	}

	.box-01 p{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 0% 0% 7% 0%;
		padding: 0%;
		text-align: left;
		font-size: 20px;
	}

	.box-01 ul{
	    font-family: 'Roboto', sans-serif;
    	margin: 4% 4% 4% 4%;
	    padding: 2% 1% 3% 3%;
	    text-align: left;
	    font-size: 18px;
	    list-style: none;
	    box-shadow: 0 10px 55px 5px rgba(0, 0, 0, 0.12);
	    border-radius: 5px;
	    background: #fff;
	}

	.box-01 ul>li{
    	width: 100%;
    	margin: 0% 0% 0% 0%;
    	padding: 15px 0px 0px 20px;
    	font-size: 17px;
	}

	.box-01 ul>li>i{
		color: #1d4289;
    	margin: 0px 0px 0px -20px;
	}

	.box-01 img{
		width: 80%;

	}


		.box-01 button{
			font-family: 'Roboto', sans-serif;
		    position: relative;
		    padding: 0.5% 3.5%;
		    width: fit-content;
		    border: none;
		    border-radius: 5px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    font-size: 18px;
		    left: 5px;
		    text-decoration: none!important;
		    outline: none!important;
		    cursor: pointer;
		    transition: 0.5s;
			background: #0000;
			border: 1.5px solid #1d4289;
			color: #1d4289;
		    display: block;
		    margin-left: 2%;
		}

		.box-01 button:hover{
		    background: #1d4289;
		    color: #fff;
		   	border: 1.5px solid #1d4289;
			transform: translateX(0px);
			transition: 0.5s;
    		display: block;
    		margin-left: 2%;
		}

/*** box-02 ***/

	.box-02{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 5% 10% 5% 10%;
	}

	.box-02 h2{
    font-family: 'Roboto', sans-serif;
    width: 100%;
    margin: 0% 0% 7% 0%;
    padding: 0%;
    text-align: center;
    font-size: 35px;
    color: #111;
    font-weight: bold;
	}

	.box-02 h2>hr{
	    width: 5%;
	    margin: 0% auto;
	    border-radius: 50px;
	    height: 3px;
	    border: none;
	    background-color: #1d4289;
	    margin-top: 10px;
	}

	.box-02 ul{
		width: 100%;
		margin: 0%;
		padding: 0% 10%;
		display: flex;
		justify-content: space-between;
		list-style: none;
		flex-wrap: wrap;
	}

	.box-02 ul>li{
		width: 22%;
		text-align: center;
		border-radius: 5px;
		cursor: pointer;
		transition: 0.5s;
		margin-bottom: 10px;
	}

	.box-02 ul>li>img{
		width: 80%;
		padding: 5%;
		transition: 0.3s;

	}

	.box-02 ul>li>img:hover{
		transition: 0.3s;
		/* transform: scale(1.08); */

	}

/*** box-03 ***/
	.active-product{
		color: #1d4289;
    	font-weight: bold;
	}

	.box-03{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 5% 10% 5% 10%;
	}

	.box-03 h2{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 0% 0% 5% 0%;
		padding: 0%;
		text-align: left;
		font-size: 35px;
		font-weight: bold;
		color: #1d4188;
	}

	.box-03 h2>hr{
		width: 2%;
	    margin: 0% 48%;
	    border-radius: 50px;
	    height: 3px;
	    border: none;
	    background-color: #1d4289;
	}

	.box-03 h3{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 0% 0% 2% 0%;
	    padding: 2% 5% 0% 5%;
	    text-align: left;
	    font-size: 25px;
	    color: #1d4289;
	    font-weight: bold;
	}

	.box-03 h4{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 0%;
	    padding: 0% 5% 5% 5%;
	    text-align: justify;
	    font-size: 18px;
	    line-height: 30px;
	}

	.box-03 h5{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
		margin: 4% 0% 2% 0%;
	    padding: 0%;
	    text-align: center;
	    font-size: 22px;
	    color: #212121;

	}

	.box-03 button{
			font-family: 'Roboto', sans-serif;
		    position: relative;
		    padding: 0.5% 3.5%;
		    width: fit-content;
		    border: none;
		    border-radius: 5px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    font-size: 18px;
		    left: 5px;
		    text-decoration: none!important;
		    outline: none!important;
		    cursor: pointer;
		    transition: 0.5s;
			background: #0000;
			border: 1.5px solid #1d4289;
			color: #1d4289;
		    margin: 4% auto;
	}
	.box-03 button:hover{
		    background: #1d4289;
		    color: #fff;
		   	border: 1.5px solid #1d4289;
			transform: translateX(0px);
			transition: 0.5s;
    		display: block;
    		margin: 5% auto;
	}
	.box-03 p{
	    font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 0%;
	    padding: 2% 3% 5% 3%;
	    text-align: justify;
		font-size: 19px;
	}

	.box-03 img{
		width: 75%;
		transition: 0.3s;
		border-radius: 5px;
	}

	.box-03 p,span{

	}


	.box-03 ul {
	    font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 0% 0% 0% 0%;
	    padding: 0% 0% 5% 5%;
	    text-align: left;
	    font-size: 18px;
	    list-style: none;
	}

	.box-03 ul>li {
	    width: 100%;
	    margin: 0% 0% 0% 0%;
	    padding: 0px 0px 10px 10px;
	    font-size: 17px;
	}

	.box-03 ul>li>i {
    	color: #1d4289;
    	margin: 0px 0px 0px -20px;
	}

	.box-greenhouse-type{
		position: relative;
	}

	.box-greenhouse-type>span{
		position: absolute;
	    top: 10%;
	    display: flex;
	    width: 60%;
	    height: 80%;
	    background-color: #0000;
	    left: 20%;
	    border-radius: 100%;
	    color: #0000;
	    transition: 0.3s;
	    cursor: pointer;
	}

	.box-greenhouse-type>span:hover{
		transition: 0.3s;
		background-color: #00000085;
		color: #fff;
	}

	.box-greenhouse-type>span>i{
		margin: auto;
		font-size: 30px;
	}

	.box-products{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 5% 0% 5% 0%;
		padding: 0%;
		text-align: center;
		position: relative;
	}

	.box-products img{
		width: 90%;
	}

	.box-products h4{
		width: 100%;
		margin: 5% 0% 5% 0%;
		padding: 0%;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
	}

	.box-products button{
		text-decoration: none;
		outline: none;
		border-radius: 4px;
		border: 1px solid #7c9832;
		padding: 2% 5%;
		background-color: #1d4289;
		color: #eee;
		transition: 0.3s;
	}

	.box-products button:hover{
		color: #1d4289;
		background-color: #0000;
		border: 1px solid #7c9832; 
		transition: 0.3s;
	}

	.box-products ul{
		width: 100%;
		text-align: left;
		list-style: none;
		margin: 30px 0px 40px;
    	padding: 0px 0px 0px 0px;
	}

	.box-products ul>li{
		font-size: 17px;
		padding: 0px 0px 0px 25px;
		margin: 7% 1%;
		cursor: pointer;
	}

	.box-products ul>li:hover{
		color: #1d4289;
	}
	.box-products ul>li>i{
		color: #1d4289;
	    position: absolute;
	    /*left: 7px;*/
	    padding-top: 1%;
	}

	.box-products-efect{
		box-shadow: 0px 1px 7px #0000;
    	border-radius: 10px;
    	transition: 0.3s;
    	width: 25%;
	}

	.box-products-efect:hover{
		/*box-shadow: 0px 1px 7px #7b9834;*/
    	border-radius: 10px;
    	transform: translateY(-10px);
    	transition: 0.3s;
	}

	.box-testimials{
		width: 100%;
		margin: 0%;
		padding: 0% 0%;
		position: relative;
	}

	.box-testimials div{
	    position: absolute;
	    right: 0;
	    top: 25%;
	    width: 60%;
	    padding: 2%;
	    background-color: #1d4289;
	    color: #eee;
	    border-radius: 5px;
	    box-shadow: 0px 0px 10px -2px #000;
	}

	.box-testimials div>h2{
		text-align: left;
	}

	.box-testimials div>p{
		text-align: left;
	}

	.box-testimials img{
		width: 50%;
		border-radius: 5px;
	}
	.box-form form{
	    /* padding-right: 5%; */
	    background: #fff;
	    /* padding-left: 5%; */
	    border-radius: 5px;
	    border: 1px solid #eee;
	    box-shadow: 0 10px 55px 5px rgba(0, 0, 0, 0.12);
	    border-radius: 5px;
	    padding: 5% 7%;
	}

	.box-form textarea{
		font-family: 'Roboto', sans-serif;
	}

	.box-form input,textarea,select{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		border-bottom: 1px solid #1c4089!important;
		border:none;
		padding: 1%;
		border-radius: 1px;
		margin-bottom: 20px;
		font-size: 20px;
		margin-top: 20px;
		outline: none;
		text-decoration: none;
	}

	.box-form select{
    	font-family: 'Roboto', sans-serif;
    	margin-bottom: 20px;
		margin-top: 20px;
		outline: none;
		text-decoration: none;
	}

	.box-form button {
	    font-family: 'Roboto', sans-serif;
	    width: 45%;
	    margin: 0% 25%;
	    padding: 1%;
	    background: #1c4089;
	    color: #eee;
	    font-size: 20px;
	    font-weight: bold;
	    border-radius: 5px;
	    border: 1px solid #1c4089;
	    transition: 0.5s;
	}
	.box-form button:hover{
		transition: 0.5s;
		border: 1px solid #1c4089;
		color: #1c4089;
		background: #0000;
		margin: auto;
	}

	.box-form i{
		font-size: 20px;
	}

	.box-form iframe{
		border: none;
		border-radius: 10px;
	}

	.box-icon-2{
	    width: 80%;
	    margin: 10% 10%;
	    padding: 5%;
	    transition: 0.3s;
	    text-align: center;
	    border: 2px solid #7d9a39a3;
	    box-shadow: 0px 0px 6px -3px #333;
	    border-radius: 5px;
	}

	.box-icon-2 img{
		width: 45%;
	}

	.box-icon-2:hover {
		transform: scale(1.02);
		transition: 0.3s;
	}

	.box-icon-2 p{
		font-family: 'Roboto', sans-serif;
	    font-size: 18px;
	    margin: 10% 0% 0% 0%;
	    padding: 0%;
	    transition: 0.3s;
	}

/*** box-04 ***/

	.box-04{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 5% 10%;
	}

	.box-04 h2{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 5% 0% 2% 0%;
	    padding: 0%;
	    text-align: center;
	    font-size: 30px;
	    font-weight: bold;
	    color: #799733;
	}

	.box-04 p{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 0%;
		padding: 0%;
		text-align: center;
		font-size: 20px;
	}

	.box-04 img{
		width: 35%;
		margin: 10% 30%; 
	}

	.box-icon-1{
		padding: 10% 0%;
	    border-radius: 4px;
    	border-bottom: 2px solid #24478c;
	    transition: 0.3s;
	    box-shadow: 0px 0px 10px -3px #000;
	}

	.box-icon-1:hover{
	    transition: 0.3s;
	    transform: translateY(-10px);
	}

/*** box-05 ***/

	.box-05{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 5% 10%;
	}

	.box-05 h2{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 5% 0% 2% 0%;
	    padding: 0%;
	    text-align: left;
	    font-size: 30px;
	    font-weight: bold;
	    color: #799733;
	}

	.box-05 p{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 0% 0% 2% 0%;
		padding: 0%;
		text-align: left;
		font-size: 20px;
	}

	.box-05 ul{
		width: 100%;
		margin: 0%;
		padding: 0%;
		display: flex;
		justify-content: center;
		list-style: none;
		flex-wrap: wrap;
	}

	.box-05 ul>li{
		width: 30%;
		position: relative;
		margin: 10px 10px 10px 10px;
		font-family: 'Roboto', sans-serif;
		cursor: pointer;
	}

	.box-05 ul>li>span{
		position: absolute;
		top: 0;
		left: 0;
		padding: 25% 0%;
		width: 100%;
		height: 100%;
		text-align:center;
		font-size: 35px;
		font-weight: bold;
		background-color: #0000007a;
		color: #ffff;
		border-radius: 5px;
		transition: 0.3s;
	}

	.box-05 ul>li>span:hover{
		background-color: #799733bf;
	    transition: 0.3s;
	    color: #fff;
	}

	.box-05 ul>li>img{
		width: 100%;
		border-radius: 5px;
	}

/*** box-06 ***/

	.box-06{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 0% 10%;
		text-align: center;
	}

	.box-06 h2{
		font-family: 'Roboto', sans-serif;
	    width: 100%;
	    margin: 2% 0% 0% 0%;
	    padding: 0%;
	    text-align: center;
	    font-size: 30px;
	    font-weight: bold;
	    color: #799733;
	}

	.box-06 img{
		width: 100%;
	}

	.box-06 ul{
		width: 100%;
		margin: 40% 0% 0% 0%;
		padding: 0%;
		list-style: none;
	}

	.box-06 ul>li>p{
		font-family: 'Roboto', sans-serif;
	    font-size: 18px;
	    letter-spacing: 1.5px;
	    font-weight: bold;
	    margin-top: 25px;
	    border-bottom: 3px solid #7997409e;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	    color: #212121;
	    cursor: pointer;
	}

	.box-06 ul>li>p:hover{
		color: #799733!important;
	}

	.txt-lft{
		text-align: left;
	}

	.txt-rgt{
		text-align: right;
	}

/*** footer ***/

	.footer{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 2% 10% 1% 10%;
		/*background-image: url('../images/img/footer_1.png');
		background-size: 100% 100%;*/
		background-color: #111;
	}

	.footer p{
		width: 100%;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 20px;
		font-size: 15px;
		letter-spacing: 0.5px;
		cursor: pointer;
		color: #ffffffbd;
	}

	.footer p:hover{
		color: #fff;
	}

	.footer p>i{
		color: #ff7c2ecf;
	    margin: 0px 0px 0px -30px;
	    float: left;
	    font-size: 18px;
	}

	.footer img{
		width: 50%;
		margin-left: 35%;
	}

	.footer span{
		display: block;
	}

	.copyright{
		width: 100%;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		letter-spacing: 0.5px;
		margin: 0%;
		padding: 2% 0% 0% 0%;
		color: #dddddd3b;
	}

	.copyright a{
		cursor: pointer;
		font-size: 12px;
	}
	.copyright a:hover{
		color: #f44336!important;
	}

/*** whatsapp button ***/

	.button-whatsapp{
		margin: 0;
	    padding: 0;
	    border: none;
	    outline: none!important;
	    position: fixed;
	    z-index: 5;
	    bottom: 130px;
	    border-radius: 50px;
	    display: flex;
	    justify-content: flex-start;
	    background-color: #0000;
	    right: 2%;
	}

	.button-whatsapp p{
		width: 60px;
		height: 60px;
		margin: 0px;
		padding: 0px;
		display: flex;
		background-color: #00bb2d;
		border-radius: 50px;
	}

	.button-whatsapp p>i{
		margin: auto;
		font-size: 30px;
		color: #fff;
	}

	.button-whatsapp h2{
		background-color: #00bb2d;
		color: #fff;
		font-size: 20px;
		width: 0px;
		height: 40px;
		border-radius: 50px;
		margin: 10px 0px 5px 10px;
		padding: 5px 0px;
		visibility: hidden;
		opacity: 0;
		transition: 0.2s;
		transform: translateX(-30px);
	}

	.button-whatsapp-ative h2{
		background-color: #00bb2d;
		color: #fff;
		font-size: 20px;
		width: 230px;
		height: 40px;
		border-radius: 50px;
		margin: 10px 10px 5px 10px;
		padding: 5px 0px;
		visibility: visible;
		opacity:1;
		transition: 0.2s;
		transform: translateX(0px);
	}

/*** MEDIAS QUERY ***/

	.hidden-sm{
		display: block;
	}

	.hidden-md{
		display: none;
	}

	.box-mobil{
		display: none;
	}

	.box-pc{
		display:block;
	}


	@media(max-width: 2560px){
	.head-00 ul {
		font-size: 22px;
	}
	.head-00 button {
		font-size: 21px;
	}
	.head-00 ul>li {
		padding: 0px 30px;
	}
	.box-03 p {
		font-size: 24px;
	}
	.box-products h4 {
		font-size: 25px;
    	line-height: 1.5;
	}
	.box-03 h4 {
	    font-size: 23px;
	    line-height: 35px;
	}
	.box-01 p {
		font-size: 25px;
	}
	.box-01 ul {
		font-size: 24px;
	}
	.box-services h3 {
		font-size: 25px;
	}
	.box-03 ul>li {
		font-size: 23px;
	}
	}

	@media(max-width:1440px){
	
	.head-00 ul {
		font-size: 17px;
	}
	.head-00 button {
		font-size: 16px;
	}
	.head-00 ul>li {
		padding: 0px 20px;
		letter-spacing: 0.5px;
	}

	.oks:hover {
		color: #1d4289;
    	font-weight: bold;
    	letter-spacing: 0.5px;
	}
	.box-03 p {
		font-size: 17px;
	}
	
	.box-03 ul>li {
		font-size: 17px;
	}

	.box-products h4 {
		font-size: 20px;
	}
	.box-03 h4 {
		font-size: 18px;
    	line-height: 30px;
	}
	.box-01 p {
	    font-size: 19px;
	    padding-left: 5%;
	    text-align: justify;
	}
	.box-01 ul {
		font-size: 19px;
	}
	.box-services h3 {
		font-size: 18px;
	}
	}

	@media( max-width: 1024px ){

		.head-00 {
    		padding: 0% 2%;
    	}

    	.slide-btn-00, .slide-btn-01, .slide-btn-02, .slide-btn-03, .slide-btn-04, .slide-btn-05{
		    font-size: 22px;
		}

		.box-logo img {
		    width: 50%;
		}
		.head-00 button {
		    font-size: 10px;
		}
		.head-00 ul {
		    font-size: 12px;
		}

		.head-00 ul>li {
		    padding: 0px 15px;
		}

		.head-00 ul>li>span>i {
		    margin-right: 10px;
		    display: none;
		}

		.box-01 h2 {
		    font-size: 35px;
		    line-height: 45px;
		}

		.box-01 p {
		    font-size: 16px;
		}

		.box-01 ul {
		    font-size: 15px;
		}

		.box-00 h2 {
		    font-size: 25px;
		}

		.box-services h3 {
		    font-size: 20px;
		}

		.box-02 h2 {
		    font-size: 25px;
		}

		.box-03 h2 {
		    font-size: 25px;
		}

		.box-03 p {
		    font-size: 15px;
		}

		.box-03 h3 {
		    font-size: 22px;
		}

		.box-03 h4 {
		    font-size: 15px;
		}

		.box-03 img {
		    width: 85%;
		    transition: 0.3s;
		}

		.box-05 h2 {
		    font-size: 25px;
		}

		.box-05 ul>li>span {
		    font-size: 25px;
		}

		.box-icon-2 img {
		    width: 56%;
		    transition: 0.3s;
		}

		.box-06 {
		    padding: 0% 5% 5% 5%;
		    background: #f1f1f1;
		}

		.box-06 h2 {
		    font-size: 25px;
		}

		.box-06 ul>li>p {
		    font-size: 18px;;
		}

		.box-06 img {
		    width: 100%;
		}

		
		.footer p {
		    font-size: 11px;
		}

		.copyright {
		    font-size: 10px;
		}

	}

	@media( max-width: 768px ){
		.header-mobile{
			display: block;
		}
		.slide-btn-00 {
		    font-size: 18px;
		}

		.hidden-sm{
			display: none;
		}

		.hidden-md{
			display: block;
		}

		.head-00 {
    		padding: 0.5%;
    	}

		.box-logo img {
		    width: 40%;
		}

		.head-00 ul {
		    font-size: 12px;
		}

		.head-00 ul>li {
		    padding: 0px 5px;
		}

		.box-01 h2 {
		    font-size: 28px;
		    line-height: 35px;
		}

		.box-01 p {
		    font-size: 15px;
		}

		.box-00 h2 {
		    font-size: 20px;
		}

		.box-services h3 {
		    font-size: 18px;
		}

		.box-02 h2 {
		    font-size: 20px;
		}

		.box-testimials div {
		    top: 15%;
		}

		.box-03 h2 {
		    font-size: 20px;
		}

		.box-03 p {
		    font-size: 15px;
		}

		.box-03 h3 {
		    font-size: 18px;
		}

		.box-03 h4 {
		    font-size: 15px;
		}

		.box-04 h2 {
		    font-size: 20px;
		}

		.box-04 p {
		    font-size: 15px;
		}

		.box-video iframe {
		    width: 60%;
		    height: 250px;
		    border: 3px solid #e8dc29;
		}

		.box-01 h3 {
		    font-size: 28px;
		}

		.box-05 ul>li {
		    width: 45%;
		    position: relative;
		    margin: 0px 25px 25px 0px;
		    font-family: 'Roboto', sans-serif;
		    cursor: pointer;
		}

		.box-form select {
		    font-size: 15px;
		}

		.box-form input, textarea{
		    font-size: 15px;
		}

		.box-form button {
		    font-size: 18px;
		    margin-bottom: 25px;
		}

		.footer {
		    padding: 9% 5% 1% 5%;
		}

	}

	@media( max-width: 425px ){
		body{
			overflow-x: hidden;
		}
		.box-services {
    		width: 90%;
    		margin: 5% auto;
		}
		.container-sections-two {
			    background-size: cover;
			    background-repeat: no-repeat;
		}
		.footer-W p {
    		width: 100%!important;
		}
		.no-circle{
			border-radius: 5px!important;
			text-align: left;
		}
		.box-slider {
			margin-top: 0%;
		}
		#tidio-chat-iframe{
			display: none!important;
		}

		.box-testimials img {
			    border-radius: 5px 5px 0px 0px;
		}
		.head-00{
			display: none;
		}

		.head-01{
			display: block;
		}
		.header-mobile td {
    		width: 45%;
		}
		.slide-btn-00, .slide-btn-01, .slide-btn-02, .slide-btn-03, .slide-btn-04, .slide-btn-05{
		    font-size: 21px;
		    width: 50%!important;
		    left: 25%!important;
		    bottom: auto;
		    top: 50%;
		    padding: 2% 0%;
		}

		.ban-pc{
			display: none!important;
		}

		.ban-mobil{
			display: block!important;
		}
		.button-whatsapp {
			bottom: 35px;
		}
		.button-whatsapp p {
		    width: 62px;
		    height: 62px;

		}

		.box-02 h2>hr {
		    width: 10%;
		    margin: 2% 45%;
		}

		.button-whatsapp-ative h2 {
			display: none;
		}

		.footer span{
			display: none!important;
		}

		.hidden-sm{
			display: none;
		}

		.hidden-md{
			display: none;
		}

		.box-pc{
			display:none;
		}

		.box-mobil{
			display: block;
		}

		.txt-rgt {
		    text-align: center;
		}

		.txt-lft {
		    text-align: center;
		}

		.slider-00 {
		    margin-top: 16%;
		}

		.box-01 h2 {
			font-size: 22px;
			line-height: 35px;
			margin-top: 10px;
			text-align: center;
			padding: 0;
		}

		.box-01 p {
		    font-size: 15px;
		    margin-top: 20px;
		    text-align: left;
		}

		.box-00 h2 {
		    font-size: 22px;
		}

		.box-services h3 {
		    font-size: 22px;
		    padding-top: 7%;
		}

		.box-services img {
		    width: 100%;
		}

		.box-02 h2 {
		    font-size: 24px;
		    margin-top: 25px;
		}

		.box-02 ul>li {
		    width: 50%;
		    margin-bottom: 20px;
		}

		.box-02 ul>li>img {
		    width: 100%;
		}

		.box-testimials div {
		    top: 0%;
		    width: 100%;
		    background-color: #7b9834e0;
		    position: relative;
		}

		.box-testimials img {
		    width: 100%;
		}

		.box-03 h2 {
		    font-size: 22px;
		    margin-bottom: 10px;
		    margin-bottom: 20px;
    		margin-top: 20px;
		}


		.box-03 h3 {
		    text-align: center;
		    font-size: 22px;
		}

		.box-03 h4 {
		    text-align: center;
		    font-size: 15px;
		}

		.box-icon-1 {
		    padding: 10% 0%;
		    margin-bottom: 25px;
		    width: 75%;
		    margin: 10% 12.5% 5% 12.5%;
		}

		.box-video iframe {
		    width: 300px;
		    height: 300px;
		    border: 3px solid #e8dc29;
		}

		.box-icon-2 img {
		    width: 35%;
		}

		.box-03 p {
		    font-size: 18px;
		}

		.box-03 h5 {
		    margin: 7% 0% 3% 0%;
		    font-size: 22px;
		}

		.box-05 h2 {
		    font-size: 25px;
		    text-align: center;
		}

		.box-05 ul>li {
		    width: 85%;
		    position: relative;
		    margin: 12.5px 25px 12.5px 25px;
		    font-family: 'Roboto', sans-serif;
		    cursor: pointer;
		}

		.box-06 img {
		    width: 60%;
		}


		.box-products-efect {
		    box-shadow: 0px 1px 7px #0000;
		    border-radius: 10px;
		    transition: 0.3s;
		    width: 65%;
		}

		.footer {
		    padding: 12% 10% 1% 10%;
		    background-size: 500% 100%;
		    margin-top: 10%;
		}

		.footer p{
			float: left;
			width: 33.3%;
			margin-bottom: 30px;
			display: flex;
			padding: 0px;
		}

		.footer p>i {
		    color: #1d4289;
		    margin: 0px 0px 0px 0px;
		    float:none;
		    font-size: 30px;
		    margin: auto;
		}


	}

	@media( max-width: 360px ){
		.header-mobile td {
    		width: 50%;
		}
	}