@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Baloo+Da+2:wght@400;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.text-0
{
font-size:0rem !important
}
.text-1
{
font-size:.25rem !important
}
.text-2
{
font-size:.5rem !important
}
.text-3
{
font-size:.75rem !important
}
.text-4
{
font-size:1rem !important
}
@media (min-width:576px)
{
.text-sm-0
{
font-size:0rem !important
}
}
@media (min-width:576px)
{
.text-sm-1
{
font-size:.25rem !important
}
}
@media (min-width:576px)
{
.text-sm-2
{
font-size:.5rem !important
}
}
@media (min-width:576px)
{
.text-sm-3
{
font-size:.75rem !important
}
}
@media (min-width:576px)
{
.text-sm-4
{
font-size:1rem !important
}
}
@media (min-width:768px)
{
.text-md-0
{
font-size:0rem !important
}
}
@media (min-width:768px)
{
.text-md-1
{
font-size:.25rem !important
}
}
@media (min-width:768px)
{
.text-md-2
{
font-size:.5rem !important
}
}
@media (min-width:768px)
{
.text-md-3
{
font-size:.75rem !important
}
}
@media (min-width:768px)
{
.text-md-4
{
font-size:1rem !important
}
}
@media (min-width:992px)
{
.text-lg-0
{
font-size:0rem !important
}
}
@media (min-width:992px)
{
.text-lg-1
{
font-size:.25rem !important
}
}
@media (min-width:992px)
{
.text-lg-2
{
font-size:.5rem !important
}
}
@media (min-width:992px)
{
.text-lg-3
{
font-size:.75rem !important
}
}
@media (min-width:992px)
{
.text-lg-4
{
font-size:1rem !important
}
}
@media (min-width:1200px)
{
.text-xl-0
{
font-size:0rem !important
}
}
@media (min-width:1200px)
{
.text-xl-1
{
font-size:.25rem !important
}
}
@media (min-width:1200px)
{
.text-xl-2
{
font-size:.5rem !important
}
}
@media (min-width:1200px)
{
.text-xl-3
{
font-size:.75rem !important
}
}
@media (min-width:1200px)
{
.text-xl-4
{
font-size:1rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-0
{
font-size:0rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-1
{
font-size:.25rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-2
{
font-size:.5rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-3
{
font-size:.75rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-4
{
font-size:1rem !important
}
}
.w-0
{
width:0 !important
}
.w-25
{
width:25% !important
}
.w-50
{
width:50% !important
}
.w-75
{
width:75% !important
}
.w-100
{
width:100% !important
}
@media (min-width:576px)
{
.w-sm-0
{
width:0 !important
}
}
@media (min-width:576px)
{
.w-sm-25
{
width:25% !important
}
}
@media (min-width:576px)
{
.w-sm-50
{
width:50% !important
}
}
@media (min-width:576px)
{
.w-sm-75
{
width:75% !important
}
}
@media (min-width:576px)
{
.w-sm-100
{
width:100% !important
}
}
@media (min-width:768px)
{
.w-md-0
{
width:0 !important
}
}
@media (min-width:768px)
{
.w-md-25
{
width:25% !important
}
}
@media (min-width:768px)
{
.w-md-50
{
width:50% !important
}
}
@media (min-width:768px)
{
.w-md-75
{
width:75% !important
}
}
@media (min-width:768px)
{
.w-md-100
{
width:100% !important
}
}
@media (min-width:992px)
{
.w-lg-0
{
width:0 !important
}
}
@media (min-width:992px)
{
.w-lg-25
{
width:25% !important
}
}
@media (min-width:992px)
{
.w-lg-50
{
width:50% !important
}
}
@media (min-width:992px)
{
.w-lg-75
{
width:75% !important
}
}
@media (min-width:992px)
{
.w-lg-100
{
width:100% !important
}
}
@media (min-width:1200px)
{
.w-xl-0
{
width:0 !important
}
}
@media (min-width:1200px)
{
.w-xl-25
{
width:25% !important
}
}
@media (min-width:1200px)
{
.w-xl-50
{
width:50% !important
}
}
@media (min-width:1200px)
{
.w-xl-75
{
width:75% !important
}
}
@media (min-width:1200px)
{
.w-xl-100
{
width:100% !important
}
}
@media (min-width:1500px)
{
.w-x2l-0
{
width:0 !important
}
}
@media (min-width:1500px)
{
.w-x2l-25
{
width:25% !important
}
}
@media (min-width:1500px)
{
.w-x2l-50
{
width:50% !important
}
}
@media (min-width:1500px)
{
.w-x2l-75
{
width:75% !important
}
}
@media (min-width:1500px)
{
.w-x2l-100
{
width:100% !important
}
}
.h-0
{
height:0 !important
}
.h-25
{
height:25% !important
}
.h-50
{
height:50% !important
}
.h-75
{
height:75% !important
}
.h-100
{
height:100% !important
}
@media (min-width:576px)
{
.h-sm-0
{
height:0 !important
}
}
@media (min-width:576px)
{
.h-sm-25
{
height:25% !important
}
}
@media (min-width:576px)
{
.h-sm-50
{
height:50% !important
}
}
@media (min-width:576px)
{
.h-sm-75
{
height:75% !important
}
}
@media (min-width:576px)
{
.h-sm-100
{
height:100% !important
}
}
@media (min-width:768px)
{
.h-md-0
{
height:0 !important
}
}
@media (min-width:768px)
{
.h-md-25
{
height:25% !important
}
}
@media (min-width:768px)
{
.h-md-50
{
height:50% !important
}
}
@media (min-width:768px)
{
.h-md-75
{
height:75% !important
}
}
@media (min-width:768px)
{
.h-md-100
{
height:100% !important
}
}
@media (min-width:992px)
{
.h-lg-0
{
height:0 !important
}
}
@media (min-width:992px)
{
.h-lg-25
{
height:25% !important
}
}
@media (min-width:992px)
{
.h-lg-50
{
height:50% !important
}
}
@media (min-width:992px)
{
.h-lg-75
{
height:75% !important
}
}
@media (min-width:992px)
{
.h-lg-100
{
height:100% !important
}
}
@media (min-width:1200px)
{
.h-xl-0
{
height:0 !important
}
}
@media (min-width:1200px)
{
.h-xl-25
{
height:25% !important
}
}
@media (min-width:1200px)
{
.h-xl-50
{
height:50% !important
}
}
@media (min-width:1200px)
{
.h-xl-75
{
height:75% !important
}
}
@media (min-width:1200px)
{
.h-xl-100
{
height:100% !important
}
}
@media (min-width:1500px)
{
.h-x2l-0
{
height:0 !important
}
}
@media (min-width:1500px)
{
.h-x2l-25
{
height:25% !important
}
}
@media (min-width:1500px)
{
.h-x2l-50
{
height:50% !important
}
}
@media (min-width:1500px)
{
.h-x2l-75
{
height:75% !important
}
}
@media (min-width:1500px)
{
.h-x2l-100
{
height:100% !important
}
}
.border-2
{
border-width:2px !important
}
.border-top-2
{
border-top-width:2px !important
}
.border-left-2
{
border-left-width:2px !important
}
.border-right-2
{
border-right-width:2px !important
}
.border-bottom-2
{
border-bottom-width:2px !important
}
.border-3
{
border-width:3px !important
}
.border-top-3
{
border-top-width:3px !important
}
.border-left-3
{
border-left-width:3px !important
}
.border-right-3
{
border-right-width:3px !important
}
.border-bottom-3
{
border-bottom-width:3px !important
}
.border-4
{
border-width:4px !important
}
.border-top-4
{
border-top-width:4px !important
}
.border-left-4
{
border-left-width:4px !important
}
.border-right-4
{
border-right-width:4px !important
}
.border-bottom-4
{
border-bottom-width:4px !important
}
.border-5
{
border-width:5px !important
}
.border-top-5
{
border-top-width:5px !important
}
.border-left-5
{
border-left-width:5px !important
}
.border-right-5
{
border-right-width:5px !important
}
.border-bottom-5
{
border-bottom-width:5px !important
}
.btn-group-xl>.btn, .btn-xl
{
padding:.75rem 1.5rem;
font-size:1.875rem;
line-height:1.5;
border-radius:.45rem
}
.btn-group-x2l>.btn, .btn-x2l
{
padding:1rem 2rem;
font-size:2.5rem;
line-height:1.5;
border-radius:.6rem
}
.btn-padding-lg
{
padding:.5rem 1rem !important
}
.btn-padding-xl
{
padding:.75rem 1.5rem !important
}
.btn-padding-x2l
{
padding:1rem 2rem !important
}
.text-lato
{
font-family:"Lato",sans-serif
}
.text-baloo-da-2
{
font-family:"Baloo Da 2",sans-serif
}
.text-poppins, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
font-family:"Poppins",sans-serif
}
.bg-cover
{
background-size:cover !important
}
.bg-top
{
background-position:top !important
}
.bg-bottom
{
background-position:bottom !important
}
.bg-center
{
background-position:center !important
}
.bg-image-home
{
background-image:url("../img/bg-home.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-index-kitchen
{
background-image:url("../img/bg-index-kitchen.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-index-about
{
background-image:url("../img/bg-index-about.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-index-shop
{
background-image:url("../img/bg-index-shop.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-about
{
background-image:url("../img/bg-about.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-professionals
{
background-image:url("../img/bg-professionals.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-services
{
background-image:url("../img/bg-services.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-mission
{
background-image:url("../img/bg-mission.jpg") !important;
background-repeat:no-repeat !important
}
.bg-image-contact
{
background-image:url("../img/bg-contact.jpg") !important;
background-repeat:no-repeat !important
}
.bg-orange
{
background-color:#eb7025 !important
}
.bg-orange.bg-or, .bg-orange.bg-ol
{
position:relative
}
.bg-orange.bg-or:after, .bg-orange.bg-ol:after
{
content:" ";
background-color:#eb7025 !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-orange.bg-ol:after
{
left:-100%
}
.border-orange
{
border-color:#eb7025 !important
}
.text-orange
{
color:#eb7025 !important
}
.btn-orange, .btn-orange:visited, .btn-orange:active, .btn-orange:focus
{
color:#000 !important;
background-color:#eb7025
}
.btn-orange:hover
{
color:#000 !important;
background-color:#000
}
.btn-orange.btn-shadow
{
box-shadow:15px 15px 0 rgba(235,112,37,.4)
}
.btn-outline-orange
{
border:1px solid #eb7025
}
.btn-outline-orange, .btn-outline-orange:visited, .btn-outline-orange:active, .btn-outline-orange:focus
{
color:#000 !important;
border-color:#eb7025;
background-color:#eb7025
}
.btn-outline-orange:hover
{
color:#eb7025 !important;
border-color:#eb7025;
background-color:#000
}
.btn-outline-orange.btn-shadow
{
box-shadow:15px 15px 0 rgba(235,112,37,.4)
}
.bg-grey
{
background-color:#c7c7c7 !important
}
.bg-grey.bg-or, .bg-grey.bg-ol
{
position:relative
}
.bg-grey.bg-or:after, .bg-grey.bg-ol:after
{
content:" ";
background-color:#c7c7c7 !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-grey.bg-ol:after
{
left:-100%
}
.border-grey
{
border-color:#c7c7c7 !important
}
.text-grey
{
color:#c7c7c7 !important
}
.btn-grey, .btn-grey:visited, .btn-grey:active, .btn-grey:focus
{
color:#000 !important;
background-color:#c7c7c7
}
.btn-grey:hover
{
color:#000 !important;
background-color:#000
}
.btn-grey.btn-shadow
{
box-shadow:15px 15px 0 rgba(199,199,199,.4)
}
.btn-outline-grey
{
border:1px solid #c7c7c7
}
.btn-outline-grey, .btn-outline-grey:visited, .btn-outline-grey:active, .btn-outline-grey:focus
{
color:#000 !important;
border-color:#c7c7c7;
background-color:#c7c7c7
}
.btn-outline-grey:hover
{
color:#c7c7c7 !important;
border-color:#c7c7c7;
background-color:#000
}
.btn-outline-grey.btn-shadow
{
box-shadow:15px 15px 0 rgba(199,199,199,.4)
}
.bg-darkgrey
{
background-color:#424242 !important
}
.bg-darkgrey.bg-or, .bg-darkgrey.bg-ol
{
position:relative
}
.bg-darkgrey.bg-or:after, .bg-darkgrey.bg-ol:after
{
content:" ";
background-color:#424242 !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-darkgrey.bg-ol:after
{
left:-100%
}
.border-darkgrey
{
border-color:#424242 !important
}
.text-darkgrey
{
color:#424242 !important
}
.btn-darkgrey, .btn-darkgrey:visited, .btn-darkgrey:active, .btn-darkgrey:focus
{
color:#fff !important;
background-color:#424242
}
.btn-darkgrey:hover
{
color:#424242 !important;
background-color:#fff
}
.btn-darkgrey.btn-shadow
{
box-shadow:15px 15px 0 rgba(66,66,66,.4)
}
.btn-outline-darkgrey
{
border:1px solid #424242
}
.btn-outline-darkgrey, .btn-outline-darkgrey:visited, .btn-outline-darkgrey:active, .btn-outline-darkgrey:focus
{
color:#fff !important;
border-color:#424242;
background-color:#424242
}
.btn-outline-darkgrey:hover
{
color:#424242 !important;
border-color:#424242;
background-color:#fff
}
.btn-outline-darkgrey.btn-shadow
{
box-shadow:15px 15px 0 rgba(66,66,66,.4)
}
.bg-white
{
background-color:#fff !important
}
.bg-white.bg-or, .bg-white.bg-ol
{
position:relative
}
.bg-white.bg-or:after, .bg-white.bg-ol:after
{
content:" ";
background-color:#fff !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-white.bg-ol:after
{
left:-100%
}
.border-white
{
border-color:#fff !important
}
.text-white
{
color:#fff !important
}
.btn-white, .btn-white:visited, .btn-white:active, .btn-white:focus
{
color:#000 !important;
background-color:#fff
}
.btn-white:hover
{
color:#000 !important;
background-color:#000
}
.btn-white.btn-shadow
{
box-shadow:15px 15px 0 rgba(255,255,255,.4)
}
.btn-outline-white
{
border:1px solid #fff
}
.btn-outline-white, .btn-outline-white:visited, .btn-outline-white:active, .btn-outline-white:focus
{
color:#000 !important;
border-color:#fff;
background-color:#fff
}
.btn-outline-white:hover
{
color:#fff !important;
border-color:#fff;
background-color:#000
}
.btn-outline-white.btn-shadow
{
box-shadow:15px 15px 0 rgba(255,255,255,.4)
}
.bg-black-alpha
{
background-color:rgba(0,0,0,.8) !important
}
.bg-black-alpha.bg-or, .bg-black-alpha.bg-ol
{
position:relative
}
.bg-black-alpha.bg-or:after, .bg-black-alpha.bg-ol:after
{
content:" ";
background-color:rgba(0,0,0,.8) !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-black-alpha.bg-ol:after
{
left:-100%
}
.border-black-alpha
{
border-color:rgba(0,0,0,.8) !important
}
.text-black-alpha
{
color:rgba(0,0,0,.8) !important
}
.btn-black-alpha, .btn-black-alpha:visited, .btn-black-alpha:active, .btn-black-alpha:focus
{
color:#fff !important;
background-color:rgba(0,0,0,.8)
}
.btn-black-alpha:hover
{
color:rgba(0,0,0,.8) !important;
background-color:#fff
}
.btn-black-alpha.btn-shadow
{
box-shadow:15px 15px 0 rgba(0,0,0,.4)
}
.btn-outline-black-alpha
{
border:1px solid rgba(0,0,0,.8)
}
.btn-outline-black-alpha, .btn-outline-black-alpha:visited, .btn-outline-black-alpha:active, .btn-outline-black-alpha:focus
{
color:#fff !important;
border-color:rgba(0,0,0,.8);
background-color:rgba(0,0,0,.8)
}
.btn-outline-black-alpha:hover
{
color:rgba(0,0,0,.8) !important;
border-color:rgba(0,0,0,.8);
background-color:#fff
}
.btn-outline-black-alpha.btn-shadow
{
box-shadow:15px 15px 0 rgba(0,0,0,.4)
}
.bg-black
{
background-color:#000 !important
}
.bg-black.bg-or, .bg-black.bg-ol
{
position:relative
}
.bg-black.bg-or:after, .bg-black.bg-ol:after
{
content:" ";
background-color:#000 !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-black.bg-ol:after
{
left:-100%
}
.border-black
{
border-color:#000 !important
}
.text-black
{
color:#000 !important
}
.btn-black, .btn-black:visited, .btn-black:active, .btn-black:focus
{
color:#fff !important;
background-color:#000
}
.btn-black:hover
{
color:#fff !important;
background-color:rgba(0,0,0,.8)
}
.btn-black.btn-shadow
{
box-shadow:15px 15px 0 rgba(0,0,0,.4)
}
.btn-outline-black
{
border:1px solid #000
}
.btn-outline-black, .btn-outline-black:visited, .btn-outline-black:active, .btn-outline-black:focus
{
color:#fff !important;
border-color:#000;
background-color:#000
}
.btn-outline-black:hover
{
color:#000 !important;
border-color:#000;
background-color:#fff
}
.btn-outline-black.btn-shadow
{
box-shadow:15px 15px 0 rgba(0,0,0,.4)
}
.semicircle-lg
{
height:1rem;
width:2rem;
border-top-left-radius:1rem;
border-top-right-radius:1rem
}
.ico-xl
{
height:3.2rem
}
.ico-lg
{
height:2.4rem
}
.ico-rrss
{
height:2rem
}
.ico
{
height:1.8rem
}
.ico-md
{
height:1.2rem
}
.ico-sm
{
height:.8rem
}
.box-shadowtl
{
box-shadow:-15px -15px 0 rgba(0,0,0,.3)
}
.box-shadowtr
{
box-shadow:15px -15px 0 rgba(0,0,0,.3)
}
.box-shadowbl
{
box-shadow:-15px 15px 0 rgba(0,0,0,.3)
}
.box-shadowbr
{
box-shadow:15px 15px 0 rgba(0,0,0,.3)
}
@media (min-width:768px)
{
.display-md-4
{
font-size:3.5rem;
font-weight:300;
line-height:1.2
}
}
.btn
{
border-radius:0
}
.form-control
{
border-radius:0;
border:1px solid #424242;
font-size:.875rem
}
.form-group
{
margin-bottom:.5rem !important
}
[data-cookie-hint]
{
position:relative;
cursor:pointer;
pointer-events:none
}
[data-cookie-hint]>*
{
filter:blur(5px)
}
[data-cookie-hint]:after
{
content:"No disponible sin aceptar el uso de cookies";
position:absolute;
top:30%;
left:10%;
width:80%;
text-align:center;
text-shadow:1px 1px #000;
color:#fff;
font-weight:700
}
.image-placeholder
{
display:inline-block;
height:200px;
width:100%;
background:#ccc
}
.image-offboxt
{
margin-top:-3rem
}
.round-end
{
border-top-right-radius:6.25rem;
border-bottom-right-radius:6.25rem
}
img
{
height:auto
}
.img-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
@media (min-width:576px)
{
.img-sm-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:768px)
{
.img-md-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:992px)
{
.img-lg-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:1200px)
{
.img-xl-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:1500px)
{
.img-x2l-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
.text-underline
{
text-decoration:underline
}
@media (min-width:576px)
{
.text-sm-underline
{
text-decoration:underline
}
}
@media (min-width:768px)
{
.text-md-underline
{
text-decoration:underline
}
}
@media (min-width:992px)
{
.text-lg-underline
{
text-decoration:underline
}
}
@media (min-width:1200px)
{
.text-xl-underline
{
text-decoration:underline
}
}
@media (min-width:1500px)
{
.text-x2l-underline
{
text-decoration:underline
}
}
.degrada
{
background:-webkit-gradient(left top,right top,text-stop(0%,#5abafa),text-stop(100%,#558bff))
}
a:link, a:visited, a:active
{
text-decoration:none;
color:#424242;
transition:color .2s ease
}
a:hover
{
text-decoration:none;
color:#eb7025 !important
}
header
{
font-size:1.2em
}
html, body
{
font-size:16px;
font-weight:400;
color:#424242
}
html strong, body strong
{
font-weight:700
}
body.with-fixed-navbar
{
padding-top:6.87rem
}
body.with-fixed-navbar .scroll-anchor
{
position:relative;
top:-6.87rem
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
font-weight:600;
color:#000
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong
{
font-weight:700
}
.font-12
{
font-size:.75rem
}
.font-14
{
font-size:.875rem
}
.font-16
{
font-size:1rem
}
.font-18
{
font-size:1.125rem
}
.font-20
{
font-size:1.25rem
}
.font-22
{
font-size:1.375rem
}
.font-regular
{
font-weight:400
}
.font-semibold
{
font-weight:600
}
.font-bold
{
font-weight:700
}
.navbar
{
min-height:6.87rem;
padding-bottom:0;
padding-top:0
}
.navbar-brand, .navbar-toggler
{
align-items:center;
display:inline-flex;
min-height:6.87rem
}
.navbar-brand
{
margin-bottom:0;
padding-bottom:0;
padding-top:0
}
.navbar-brand img
{
height:3.4rem
}
.navbar-light .navbar-toggler
{
border:0;
box-shadow:none;
color:#424242;
padding:.25rem
}
.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:focus-visible, .navbar-light .navbar-toggler:active
{
border:0;
box-shadow:none;
color:#424242;
outline:0
}
.navbar-light .navbar-toggler-icon
{
background-image:none;
background-color:currentColor;
border-radius:10rem;
display:inline-block;
height:2px;
position:relative;
transition:background-color .2s ease;
vertical-align:middle;
width:1.35rem
}
.navbar-light .navbar-toggler-icon:before, .navbar-light .navbar-toggler-icon:after
{
background-color:currentColor;
border-radius:10rem;
content:"";
height:2px;
left:0;
position:absolute;
transform-origin:center;
transition:transform .2s ease,top .2s ease;
width:1.35rem
}
.navbar-light .navbar-toggler-icon:before
{
top:-.42rem
}
.navbar-light .navbar-toggler-icon:after
{
top:.42rem
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon
{
background-color:transparent
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before
{
top:0;
transform:rotate(45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after
{
top:0;
transform:rotate(-45deg)
}
.btn-check:focus+.btn, .btn:focus
{
outline:0;
box-shadow:0 0 0 0 transparent
}
.nav-link
{
font-size:1rem;
font-weight:600;
border-bottom:1.5px solid transparent;
transition:color .2s ease,border-color .2s ease
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
border-bottom:1.5px solid rgba(0,0,0,.16)
}
.navbar-light .navbar-nav .nav-link.active
{
border-bottom:1.5px solid #eb7025;
pointer-events:none;
cursor:default
}
.form-select:focus, .input:focus, .btn:focus, .form-control:focus
{
border-color:#424242;
outline:0;
box-shadow:none
}
.form-control[type=file]::file-selector-button
{
background:#eb7025;
color:#fff;
border:0;
margin:-.375rem .75rem -.375rem -.75rem;
padding:.375rem .9rem;
cursor:pointer
}
.form-control[type=file]::-webkit-file-upload-button
{
background:#eb7025;
color:#fff;
border:0;
margin:-.375rem .75rem -.375rem -.75rem;
padding:.375rem .9rem;
cursor:pointer
}
.btn-check:focus, .btn:focus
{
box-shadow:none
}
.line-height-low
{
line-height:120%
}
.custom-padding
{
padding:2rem
}
.text-shadow
{
text-shadow:0px 0px 7px #000
}
.text-shine
{
text-shadow:0px 0px 15px #fff,0px 0px 3px #fff
}
.box-shadow
{
box-shadow:0px 0px 10px 0 rgba(0,0,0,.2)
}
.img-shadow
{
-webkit-filter:drop-shadow(0px 0px 7px #000);
filter:drop-shadow(0px 0px 7px #000)
}
.whatsapp-widget
{
display:flex;
flex-direction:column;
align-items:flex-end;
position:relative
}
.whatsapp-card
{
bottom:calc(72px + .75rem);
max-width:min(17rem,calc(100vw - 2rem));
opacity:0;
pointer-events:none;
position:absolute;
right:0;
width:17rem;
transform:translateY(12px);
transition:opacity .2s ease,transform .2s ease;
visibility:hidden
}
.whatsapp-card.is-visible
{
opacity:1;
pointer-events:auto;
transform:translateY(0);
visibility:visible
}
@media (min-width:768px)
{
section.full-height
{
margin-top:-5.3rem;
padding-top:5.3rem;
margin-bottom:-18.85rem;
padding-bottom:18.85rem;
min-height:100vh
}
}
@media (min-width:992px)
{
section.full-height
{
margin-bottom:-17.3rem;
padding-bottom:17.3rem
}
}
@media (min-width:1200px)
{
section.full-height
{
margin-bottom:-15.8rem;
padding-bottom:15.8rem
}
}
@media (min-width:1350px)
{
.wrapped-container
{
max-width:1206px;
position:relative;
left:33px
}
}
.form-group
{
margin-bottom:1rem
}
.img-hover-zoom
{
overflow:hidden;
background-size:auto 100% !important;
transition:background-size .7s ease
}
.img-hover-zoom:hover
{
background-size:auto 110% !important
}
.works-masonry
{
column-count:1;
column-gap:1rem
}
@media (min-width:768px)
{
.works-masonry
{
column-count:2
}
}
@media (min-width:992px)
{
.works-masonry
{
column-count:3;
column-gap:1.25rem
}
}
.works-masonry-item
{
break-inside:avoid;
margin-bottom:1rem
}
@media (min-width:992px)
{
.works-masonry-item
{
margin-bottom:1.25rem
}
}
.works-card
{
display:block;
position:relative;
overflow:hidden;
background:#c7c7c7
}
.works-card-button
{
width:100%;
border:0;
padding:0;
text-align:inherit;
background:0 0;
cursor:zoom-in
}
.works-card-image
{
width:100%;
height:auto;
display:block;
transition:transform .35s ease
}
.works-card-title
{
position:absolute;
left:0;
right:0;
bottom:0;
color:#000;
font-size:1rem;
text-align:center;
font-weight:600;
padding:.5rem;
background:rgba(255,255,255,.7);
transition:opacity .25s ease
}
.works-card:hover .works-card-image
{
transform:scale(1.035)
}
.work-detail-modal-image
{
width:100%;
height:100%;
max-height:100%;
object-fit:contain
}
.work-image-modal .modal-dialog
{
height:calc(100vh - 1rem);
margin:.5rem auto
}
.work-image-modal .modal-content
{
border-radius:0;
background:rgba(0,0,0,.8);
height:100%
}
.work-image-modal .modal-header
{
position:relative
}
.work-image-modal .modal-title
{
width:100%;
text-align:center;
margin-right:0;
padding-left:2.25rem;
padding-right:2.25rem
}
.work-image-modal .btn-close
{
position:absolute;
top:1rem;
right:1rem
}
.work-image-modal .modal-body
{
display:flex;
flex-direction:column;
min-height:0;
padding-bottom:1rem
}
.work-image-modal .work-image-modal-stage
{
position:relative;
flex:1 1 auto;
min-height:0;
display:flex;
align-items:center;
justify-content:center
}
.work-image-modal .work-image-modal-nav
{
position:absolute;
inset:0
}
.work-image-modal .work-image-modal-nav .work-image-modal-arrow
{
width:2.5rem;
height:2.5rem;
border:1px solid rgba(0,0,0,.55);
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(0,0,0,.45);
color:#fff;
position:absolute;
top:50%;
transform:translateY(-50%)
}
.work-image-modal .work-image-modal-nav .work-image-modal-arrow .carousel-control-prev-icon, .work-image-modal .work-image-modal-nav .work-image-modal-arrow .carousel-control-next-icon
{
width:1rem;
height:1rem
}
.work-image-modal .work-image-modal-nav .work-image-modal-arrow-prev
{
left:.75rem
}
.work-image-modal .work-image-modal-nav .work-image-modal-arrow-next
{
right:.75rem
}
.work-image-modal .work-image-modal-nav .work-image-modal-arrow:disabled
{
opacity:.3;
cursor:default
}