body {font-family: 'Roboto', sans-serif;
}

p { font-size:16px;
    line-height: 1.5em;
	font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Lato', sans-serif;
}


.rob{font-family: 'Roboto', sans-serif;}
.lat{font-family: 'Lato', sans-serif;}

/*-----Navbar------------*/

.navbar-light{font-size:14px;
              text-transform:uppercase;
			  color:#000;
			 background: rgba(230,213,135,1);
background: -moz-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,213,135,1)), color-stop(100%, rgba(245,233,195,1)));
background: -webkit-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -o-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -ms-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: linear-gradient(to right, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d587', endColorstr='#f5e9c3', GradientType=1 );
}
.navbar-light .navbar-nav .nav-link{color:#000;
									padding-left:10px;
									
}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#000; background-color:rgba(255,255,255,.5);border-bottom-left-radius:10px;border-top-right-radius:10px;}
.navbar-light .navbar-toggler{color:#000; border:none;}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}


.navbar-brand{margin-left:1em; 
              background-color:rgba(255,255,255,.5);
			  border-bottom-left-radius:10px;
			  border-top-right-radius:10px;
			  padding-left:10px;
			  padding-right:10px;
}
.navbar-brand:hover{ background-color:#fff;}
/*-----Fin Navbar------------*/
.btn-enter{ background-color:#f5b017;color:#000;}
.btn-enter:hover{background-color:#e6d587; border: 1px solid #000;}

section {
    padding: 100px 0;
}



/*-----header style-----*/
header {
	background-color:#fff;	
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/header.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}
.padding-header{padding-bottom:300px; margin-top:250px;}
@media(max-width:768px) {
	
	header {
	background-color:#fff;	
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/header-xs.jpg);
	background-attachment: fixed;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	
}	
.padding-header{padding-bottom:100px;margin-top:100px; padding-top:150px;}
}

/*----- About-----*/
.bg-red{background-color:#f78979;}
.bg-yellow{background-color:#e6d587;}
.bg-green{background-color:#37ab3a;}
.bg-orange{background-color:#f69845;}
.bg-blue{background-color:#1698ab;}
.bg-yellowg{background: rgba(230,213,135,1);
background: -moz-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,213,135,1)), color-stop(100%, rgba(245,233,195,1)));
background: -webkit-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -o-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -ms-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: linear-gradient(to right, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d587', endColorstr='#f5e9c3', GradientType=1 );}


/*-----products----*/
.badge-yellow{background-color:#e6d587;}
.prod{ position:relative;border-bottom:2px solid #777; width:25%; margin:10px 0 0 0;}

/*-----contact----*/
.input-group-text{ background-color:#e6d587;}
.input .form-control:focus{border-color::#e6d587;}


/*-----------Footer------*/

footer {
    padding: 25px 0;
    text-align: center;
    background: rgba(230,213,135,1);
background: -moz-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,213,135,1)), color-stop(100%, rgba(245,233,195,1)));
background: -webkit-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -o-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: -ms-linear-gradient(left, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
background: linear-gradient(to right, rgba(230,213,135,1) 0%, rgba(245,233,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d587', endColorstr='#f5e9c3', GradientType=1 );
	
}

footer p{font-size:12px;}

footer a {color:#000;}

footer a:hover,
footer a:focus{
	color:#000;
	text-decoration:none;
	

}


/*-----------------------*/

::-moz-selection {
    text-shadow: none;
    background: #fed500;
}

::selection {
    text-shadow: none;
    background: #fed500;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #fed500;
}


.row .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row .no-gutters > [class^="col-"],
.row .no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}



/*To fix bugg with ie11*/
.card {
    display: block !important;
}