@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');



body {

	background:#fff;

	font-family: "Open Sans", sans-serif;

}


 
/* for equal height */

.row-eq-height {

    display:-webkit-box;

    display:-webkit-flex;

    display:-ms-flexbox;

    display:flex;

}



.btn-whatsapp{

	position: fixed;

	left: 20px;

	bottom: 10px;

	width: 60px;

	height: 60px;

}

.center-block {

	float:none;

}



.column-centered {

	margin:0px auto;

	float:none;

}



.flush {

	padding:0px;

}



.flush-left {

	padding-left:0px;

}


.linea{

border-bottom:  2px solid #ef652f;
  height: 2px;
  
  padding-bottom:  50px;
  text-align: right;
  margin-bottom: 15px;
}

#info h3 {
color: white
	
}

#info li {

	padding: 2px;
	font-size:15px; 
	text-transform: capitalize;
	color: #333;
}

.inicio{
	background:#ef652f; 
	color: white;
	padding: 5px 25px;
	border-radius: 20px;
	font-size: 25px; 
	font-weight: bold;
	box-shadow: 2px 2px 5px #555;
	border:none;
	margin-top: 25px;
}

.flush-right {

	padding-right:0px;

}



.tablerow {

	display:table;

	width:100%;

	height:100%;

}



.tablecell {

	display:table-cell;

	width:100%;

	height:100%;

	vertical-align:middle;

}



img {

	max-width:100%;

	display:inline-block;

}

h1{

	font-size: 3.7em; 

    text-transform: uppercase;

    letter-spacing: 6px;

	line-height: 5.5rem;

	font-weight: bold;

	text-shadow: 1px 1px 5px rgba(0,0,0, 0.6);

}

h2{

	font-size: 3.4em;

}

h3{

	font-size: 2em;

}

h4{

	font-size: 1.5em;

}

h5{

	font-size: 1.1em;

}

h1,h2,h3,h4{

	font-family: "Open Sans", sans-serif;

}

p{

	font-size: 1.5em;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

	background:#fff;

}

.call-title{

	margin-bottom: 0px;

	font-weight: bold;

	font-size: 1.5em;

}

.navbar-default {

	background:#fff;

	min-height:150px;

	border:none;

	border-radius:0px;

	margin:0px;

}



.navbar-brand {

	height:150px;

	padding:15px 15px;

}



.navbar-brand img {

	display:inline-block;

}



.navbar-right {

	margin-right:0px;

}



.navbar-nav>li {

	margin-top:50px;

}



.navbar-nav>li>a {

	color:#fff;

}



.navbar-default .navbar-nav>li>a {

	color:#4f5972;

	font-size:15px;

	font-weight:400;

	text-transform:uppercase;

}



.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

    color: #ccc;

    background-color: transparent;

}



section {

	float:left;

	width:100%;

}

.lp-pom-button {

    background: #EF5700;

    box-shadow: none;

    text-shadow: none;

    color: #FFF !important;

	border-radius: 30px;

	padding: 15px 20px;

	font-size: 19px;

	display: inline-block;

	white-space: nowrap;

	margin-top: 8px !important;

	margin-bottom: 8px !important;

}

a, a:hover, a:focus {

	color:inherit;

	text-decoration:none;

}



/* Main Styles */

#header {

	padding:15px 0px;

}

.pb-20{

	padding-bottom: 20px;

}

.pb-80{

	padding-bottom: 80px;

}

.m-10{

	margin: 10px;

}

/*** ***/

#header {

	background:#FFF;

	background-size: 60%;

	background-position: center center;

	padding: 10px;

	vertical-align: middle;

}

#banner {

	background:url("../images/banner.jpg");

	background-size: cover;

	background-position: center center;

	padding: 100px 0px;

	vertical-align: middle;

	color: #FFF !important;

}

#banner  a, #banner p{

	font-size: 2.3rem;

}



.p-20{

	padding: 30px 0px;

}

.p-80{

	padding: 80px 0px;

}

.text-label, .text-medium {

    font-size: 2rem;

    letter-spacing: 1px;

}

.form{

	border-radius: 10px;

	background-color: #B5B2B3;

	padding: 25px 20px;

}

/*** ***/

#info {

	padding:40px 0;

	padding-bottom:20px;

}



#info p {

	color:#ccc;

	font-size:23px;

	font-weight:500;

	margin-bottom:40px;

}



#info h3 {

	color:#ccc;

	font-size:20px;

	line-height:1.4;

	font-weight:600;

	margin-top:30px;

	margin-bottom:40px;

}



#info .img {

	margin-bottom:20px;

}

/*** ***/

#info-pre {

	background:#7bab39;

}



#info-pre h2 {

    color: #fff;

    font-size: 37px;

    font-weight: 600;

    margin: 10px 0px;

    text-transform: uppercase;

    text-shadow: 0px 0px 7px rgba(107, 80, 80, 0.5);

}



.fullwidth {

	width:100%;

}



/*** ***/

#info-small {

	padding-top:25px;

	padding-bottom:50px;

}



#info-small h3 {

	color:#000000;

	font-size:20px;

	text-transform:uppercase;

	font-weight:700;

	margin-bottom:25px;

}



#info-small p {

	color:#000000;

	font-size:20px;

	margin-bottom:0px;

}



#info-small p span {

	font-weight:600;

	font-style:italic;

}

.blog-card {

    overflow: hidden;

    width: 100%;

    margin-right: 0px;

    padding: 20px;

    border-radius: 16px;

    background-image: linear-gradient(311deg, rgba(185, 196, 204, 0.71), #f1f1f1), linear-gradient(120deg, rgb(224, 224, 224), #f1f1f1);

	color: #555;

	margin-bottom: 10px;

}

.products img{

	margin-bottom: 6px;

	text-align: center;

}

.bg-black{

	background: #000;

	color: #FFF;

}

.bg-gray{

	background: #F6F6F6;

}

.bg-orange{

	background: #ef5700;

	color: #FFF;

}

.btn-primary{

	background: #10B5DF;

	font-weight: bold;

	font-size: 17px;

	padding: 12px 20px;

}

.btn-lg{

	font-size: 2.4rem;

	padding: 12px 30px;

}

.text-label, .text-medium {

    font-size: 2rem;

    letter-spacing: 1px;

}

.text-big, .text-medium {

    font-weight: 300;

    color: #646464;

    line-height: 1.5em;

}

.text-medium--white{

    color: #FFF;

}

.text-white{

	color: #FFFFFF !important;

}

.text-blue{

	color: #10B5DF !important;

}

.text-dark{

	color: #000 !important;

}

.text-blue-light{

	color: #1366FF !important;

}

.subtitle-white, .title-white {

    font-size: 3.6rem;

    color: #FFF;

    letter-spacing: 2px;

    text-shadow: 0 2px 4px rgba(0,0,0,.5);

}

.subtitle-white {

    font-weight: 500;

    font-style: italic;

}

.landing__banner__content {

    max-width: 545px;

    margin: 0 auto;

}

.title-simple {

    text-transform: uppercase;

    font-weight: 700;

	margin: 0;

	padding-bottom: 10px;

}

.title-section, .title-simple {

    font-size: 3.6rem;

	color: #F9A11B;

	display: inline-block;

    letter-spacing: 2px;

}

.align-middle{

	display: flex;

	vertical-align: middle;

	align-items: center;

	justify-content: center;

	height: 100%;

}

.h-100{

	height: 100%;

}

.pattern {

	background:url("../images/pattern1.jpg");

	background-size: 90%;

	background-position: center center;

	padding: 10px;

	vertical-align: middle;

}

/*** ***/

#contact-info.bg {

	background:#268835;

	padding:55px 0;

}



#contact-info h2 {

	color:rgb(59, 59, 59);

	font-size:25px;

	font-weight:bold;

	margin:0;

}



#contact-info p {

	color:#FFF;

	font-size:20px;

	margin:15px 0px;

}



#contact-info h3 {

	color:#FFF;

    font-size: 23px;

    line-height: .7;

    font-weight: bold;

    letter-spacing: 1px;

    margin: 10px 0px 2px 0px;

}



#contact-info h3 span {

	font-size:13px;

	font-weight:500;

}



#contact-info p.sm {

	font-size:13px;

	margin:0;

	letter-spacing:.5px;

	margin-bottom:10px;

}



#contact-info .sp {

	padding:0 55px;

}



#contact-info input {

	display:inline-block;

	width:100%;

	background:#fff;

	height:40px;

	border:1px solid #ccc;

	border-radius:3px;

	padding:0px 10px;

	color:#333;

	font-size:15px;

	font-weight:bold;

	outline:none;

	margin-bottom:10px;

}



#contact-info ::-webkit-input-placeholder {

	color:#777;

}



#contact-info textarea {

	display:inline-block;

	width:100%;

	background:#fff;

	height:80px;

	box-shadow:none;

	border:1px solid #f1f1f1;

	border-radius:3px;

	padding:8px 10px;

	color:#333;

	font-size:15px;

	font-weight:bold;

	margin-bottom:15px;

	outline:none;

}





#contact-info input.submit {

	background:#EF5700;

	width:auto;

	color:#FFF;

	height:50px;

	font-weight:bold;

	font-size:18px;

	padding:10px 45px;

	border:none;

	border-radius:5px;

	outline:none;

}

#contact-info input.submit:hover {

	background:#f9a01a;

}

.card-red{

	background-color: #f9a01a;

	color: #FFF;

	padding: 15px;

	border-radius: 5px;

	font-size: 15px;

}

ul li{

	list-style: circle;

	font-size: 20px;

	padding: 2px 0px;

	color: #1b82e2;

}

.list-h {

	list-style: none;

}

.list-h li{

	display: inline-block;

	width: auto;

	margin:10px;

	color: #f08928;

}

#redes{

	padding: 20px 0px 60px 0px;

}

.banner-icons__group p {

    font-size: 2.2rem;

    font-weight: 300;

    line-height: 1.2em;

}

/*** ***/

#footer {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-right: auto;

    margin-left: auto;

    padding-top: 3em;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    background: #17273D;

    background-position: 100% 0%, 0px 0px;

    background-size: cover, auto;

    background-repeat: no-repeat, repeat;

    text-decoration: none;

}

#footer a{

	padding: 10px 5px;

}



#footer p {

    color: #f1f1f1;

    font-size: 16px;

    margin-bottom: 30px;

	color: #FFF !important;

}



#footer h3 {

	color: #FFF;

}

#footer h4 {

	display:inline-block;

	background:#f08928;

	color:#fff;

	font-weight:bold;

	font-size:16px;

	text-transform:uppercase;

	margin:0;

	padding:5px 7px;

	letter-spacing:.5px;

	border-radius: 10px;

}



/*** ***/

/*** ***/

/*** ***/



/*** ***/

.bx-wrapper img {

	display:inline-block;

}



ul.bxslider {

	list-style:none;

}



.bx-wrapper {

	margin-bottom:0px;

}



.bx-wrapper .bx-controls-direction a {

	width:28px;

	height:34px;

}



/* Media Css */

@media only screen and (max-width: 767px) {

.row-eq-height {

	display:inline-block;

}



.small-text-center {

	text-align:center;

}



.small-text-left {

	text-align:left;

}



.small-text-right {

	text-align:right;

}



.navbar-brand {

	width:50%;

	height:110px;

}



.navbar-default {

	min-height:110px;

}



.navbar-right {

	margin-right:-15px;

}



.navbar-default .navbar-toggle {

	margin-top:32px;

	margin-right:0px;

	border:none;

}



.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

	border:none;

	background:none;

}



.navbar-nav>li {

    margin-top: 10px;

}



.navbar-default .navbar-nav .open .dropdown-menu>li>a {

	text-align:center;

	padding:5px 15px;

}



#header .navbar-default .navbar-nav > li > a {

	text-align:center;

}



.navbar-default .navbar-toggle .icon-bar {

	background:#000;

}



#banner h2 {

    font-size: 27px;

}



#banner p {

    font-size: 15px;

}



#info p {

    font-size: 17px;

}



#info h3 {

    font-size: 16px;

}



#info h4 {

    font-size: 17px;

}



#info-pre h2 {

    font-size: 25px;

}



#info-small p {

    font-size: 14px;

}



#footer p {

    font-size: 13px;

}



#contact-info .sp {

    padding: 0 15px;

}



#contact-info h2 {

    font-size: 30px;

}



}

@media (min-width: 980px){

.d-flex{

	display: flex;

	justify-content: center;

	align-items: center;

}



}

@media only screen and (min-width: 768px) and (max-width: 1169px) {

.navbar-header {

	width:30%;

}

#banner h2 {

    font-size: 43px;

}



#banner p {

    font-size: 18px;

}



#info p {

    font-size: 17px;

}



#info h3 {

    font-size: 16px;

}



#info h4 {

    font-size: 25px;

}



#info-pre h2 {

    font-size: 33px;

}



#info-small p {

    font-size: 14px;

}

#footer p {

    font-size: 13px;

}



}





@media (max-width:980px){

	h1{

		font-size: 3em;

	}
	#banner h2{
		font-size: 7rem
	}
	#banner h3{
		font-size: 5rem
	}

	.title-section, .title-simple{

		font-size: 2.4rem !important;

		margin-left: 10px;

	}

	.align-middle{

		display: block;

	}

	.products h2:not(.title-simple){

		text-align: center;

	}

	.landing__banner__content{

		display:flex;

		justify-content: center;    

		align-items: center;

		min-height: 300px;

	}

	.text-align-mb{

		text-align: center;

	}

}

