/* GENERAL */

body {
	overflow-x: hidden;
	font-family: "Poppins", sans-serif;
	color: #143953;
}

a {
	text-decoration: none;
}

.mobCtaBtn {
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 0;
	display: none;
}

.mobCtaBtn .orderNwbtn {
	display: flex;
	border-radius: 0;
	justify-content: center;
}

@media (max-width: 767px) {
	.mobCtaBtn {
		display: block;
	}
}

.orderNwbtn {
	width: 100%;
	text-align: center;
	background: #df3821;
	color: #fff;
	border-radius: 50px;
	font-size: 20px;
	font-weight: 600;
	padding: 14px 20px;
	transition: all 0.2s linear;
}

.orderNwbtn span {
	color: #fff632;
	padding-right: 10px;
}

.orderNwbtn:hover {
	background: #991200;
	color: #fff;
}

@media (max-width: 767px) {
	.orderNwbtn {
		font-size: 18px;
		padding: 10px;
	}
}

/* HEADER */
.navbar {
	background: #143953;
	border: solid 0px #ededed;
}

.navbar-brand img {
	width: 200px;
	height: fit-content;
	-webkit-logical-height: intrinsic;
}

.nav-item a {
	color: #fff;
	font-weight: 400;
	transition: all 0.2s linear;
	font-size: 16px;
}

.nav-item a:hover {
	color: #143953;
	text-decoration: none;
	background-color: #fff;
}

/* BANNER */

h1 {
	text-transform: uppercase;
	font-weight: 300;
}

hr {
	border: #163953;
}

.bnrAr p {
	font-size: 20px;
}

.featSml {
	color: #fff;
	background-color: #D3523D;
}

.featSml span {
	color: #F5CE12;
}

@media (max-width: 767px) {
	.featSml p {
		font-size: 14px;
	}
}

.bannerMain {
	color: #004e76;
    position: relative;
    background: url(/images/bg-01.jpg) no-repeat center right;
    background-size: cover;
    background-color: #f6f2eb;
    padding: 5rem 0rem;
}

.img-banner {
	position: absolute;
	bottom: 250px;
	display: block;
	width: 350px;
}

.orderNwbtn span {
	color: #fff632;
	padding-right: 10px;
}

.orderNwbtn:hover {
	color: #fff;
}

@media (max-width: 1024px) {
	.bannerMain {
		background-position: 450px 50px;
	}

	.img-banner {
		display: none;
	}
}


@media (max-width: 768px) {
	.bannerMain {
		padding: 0;
		padding-top: 50px !important;
		padding-bottom: 300px;
		background-position: -450px 500px;
		margin: 0;
	}

	.img-banner {
		display: block;
		bottom: -150px;
		width: 250px;
	}

	.bannerMain .logoarti {
		display: none;
	}
}

/* SECCION 2 */

.secVid {
	padding: 100px 0;
	background-color: #FFF7F1;
}

.secVid ul {
	list-style: none;
}

.secVid li {
	font-size: 22px;
}

@media (max-width: 1023px) {
	.secVid li {
		font-size: 18px;
	}
}

@media (max-width: 756px) {
	.secVid {
		padding: 150px 0;
	}
}

/* SECCION 3 */

.sec3 {
	padding: 100px 0;
	background-color: #E8E5E1;
}

.sec3 span {
	color: #D3523D;
	font-weight: 200 !important;
	font-size: 50px;
}

.sec3 h2 {
	font-weight: 600;
}

.sec3 .img-fluid {
	object-fit: contain;
	width: 100%;
}

.sec3Hd {
	text-align: center;
}

/* SECCION 4 */

.sec4 {
	padding: 100px 0;
	background-color: #163953;
	background-image: url(/images/sec4_perro.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.sec4 ul {
	list-style: none;
	color: #fff;
}

.sec4 li {
	font-size: 22px;
}

.sec4 .img-sec4 {
	display: block;
}

@media (max-width: 1023px) {
	.sec4 {
		padding: 50px 0;
	}

	.sec4 .img-sec4 {
		display: none;
	}

	.sec4 li {
		font-size: 18px;
	}
}

/* SECCION 5 */

.sec5 {
	padding: 100px 0;
	background-color: #E1DCD8;
}

.sec5 h2 {
	font-weight: 700;
}

.sec5 h2 span {
	font-weight: 200;
}

.sec5 .s5_comp {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	background: transparent;
	border-radius: 20px;
	margin-top: 50px;
	margin-bottom: 30px;
	box-shadow: none;
}

.sec5 .s5-col-1 ul li {
	font-weight: 500;
}

.sec5 .s5-col-1 ul li {
	border-bottom: 1px solid #000;
}

@media (max-width: 768px) {
	.sec5 {
		padding: 50px 0;
	}

	.sec5 .s5_comp {
		margin-top: 100px;
	}

	.sec5 .s5-col-1 ul li {
		line-height: normal;
	}
}

@media (max-width: 430px) {
	.sec5 .s5_comp {
		margin-top: 50px;
	}

	.sec5 .s5-col-1 ul li {
		line-height: 17px;
		padding: 0;
	}
}


/* SECCION 6 */

.sec6 {
	padding: 100px 0;
	background-color: #FEFAF3;
}

.sec6 .dog img {
	margin-bottom: -160px;
}

@media (max-width: 1024px) {
	.sec6 {
		padding: 50px 0;
	}
}

@media (max-width: 768px) {
	.sec6 .dog img {
		margin-bottom: -100px;
	}
}

/* FAQ */

.faq {
	padding: 100px 0;
	background-color: #F6F2EB;
	color: #000;
}

.faq .accordion-button {
	font-weight: 600;
}

.faq .accordion-button:not(.collapsed) {
	color: #000;
	background-color: #fff;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.faq .accordion-item {
	margin: 10px 0;
}

.faq .accordion-button::after {
	background-image: url("/images1/plus-icon.png");
}

.faq .accordion-button:not(.collapsed)::after {
	background-image: url("/images1/minus-icon.png");
}

/* FOOTER */

footer {
	padding: 50px 0;
	background-color: #1D3951;
	text-align: center;
	color: #fff;
}

footer a {
	color: #fff;
}

.bnrImg3 {
    position: absolute;
    top: 200px;
    right: 15%;
    width: 350px;
}

.img-fluid {
    max-width: 100%;
}

.img-sec4 {
	width: 60%;
	height: fit-content;
}

.sec4 .d-flex {
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199px) {
    .bnrImg3 {
        height: 350px;
        width: 350px;
    }
}

@media (max-width: 1024px) {
	.bnrImg3 {
		right: 1%;
	}
}

@media (max-width: 992px) {
    .bnrImg3 {
        height: fit-content;
        width: 100%;
		text-align: end;
    }

	.orderNwbtn {
		padding: 10px;
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	.bnrImg3 {
		top: 55%;
		text-align: center;
	}

	.bnrImg3 .img-fluid {
		width: 350px;
	}
}