/****************/
 /* basic colors */
/****************/

.bg-primary{
    background-color: #007bff!important;
}
.text-primary, .text-primary a{
    color: #007bff!important;
}
.border-primary{
    border-color: #007bff!important;
}

.bg-secondary{
    background-color: #bd2546!important;
}
.text-secondary, .text-secondary a{
    color: #bd2546!important;
}
.border-secondary{
    border-color: #bd2546!important;
}

.bg-dark{
    background-color: #343a40!important;
}
.text-dark, .text-dark a{
    color: #343a40!important;
}
.border-dark{
    border-color: #343a40!important;
}

.bg-light{
    background-color: #fcfbfc!important;
}
.text-light, .text-light a{
    color: #fcfbfc!important;
}
.border-light{
    border-color: #fcfbfc!important;
}

.text-red{
    color:  #c4052e !important;
}
.border-red{
    border-color:  #c4052e !important;
}

.text-pink{
    color:  #cd1264;
}
.bg-pink{
    background-color:  #fae7ef;
}
.text-orange{
    color:  #e58400;
}
.bg-orange{
    background-color: #fdf8e5;
}
.text-green{
    color: #007449;
}
.bg-green{
    background-color: #f0f6e5;
}
.text-blue{
    color: #003f95;
}
.bg-blue{
    background-color: #edf4f9;
}
.text-white{
    color: #fff;
}
.bg-white{
    background-color: #fff;
}

.bg-gradient-red{
    background: rgb(213,0,41);
    background: -moz-linear-gradient(180deg, rgba(213,0,41,1) 0%, rgba(182,0,35,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(213,0,41,1) 0%, rgba(182,0,35,1) 100%);
    background: linear-gradient(180deg, rgba(213,0,41,1) 0%, rgba(182,0,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d50029",endColorstr="#b60023",GradientType=1);
}


  /**********************/
 /* General typography */
/**********************/

body{
    font-family: 'Lato', sans-serif;
    font-size:  1.25rem;
    line-height: 1.35em;
}

h1.section-title{
    margin-bottom:  0.8em;
    letter-spacing: 1px;
    
}

h1, h2, h3{
    font-family: 'Caveat Brush', 'Lato', sans-serif;
}

p, li{
    font-weight: 500;
}

ul.bullet-toothpaste-list{
    list-style: none;
    padding-left: 3em;
}
ul.bullet-toothpaste-list>li{
    position: relative;
    margin-bottom: 0.3em;
}
ul.bullet-toothpaste-list>li:before{
    position: absolute;
    content: '';
    left: -3em;
    width: 2em;
    top: 0.2em;
    height: 100%;
    background-image: url('../img/bullet-toothpaste.png');
    background-position: left top;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}
.text-decoration-none{
    text-decoration: none !important;
}


  /************/
 /*  header  */
/************/

header{
    position: relative;
}

section.slider-top.only-one-slide a[role=button], section.slider-top.only-one-slide ol.carousel-indicators{
    display:    none;
}

header .container-fluid.main-nav-wrapper{
    max-width: 1280px;
    position: absolute;
    width:  100%;
    top:    0;
    left:   50%;
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index:    99;
}

nav#main-nav .nav-item{
    position: relative;
}

nav#main-nav .nav-link{
    transition: 0.3s;
    font-family: 'Caveat Brush', 'Lato', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #c4052e;
}
nav#main-nav .nav-link:hover{
    filter: brightness(2);
}

nav#main-nav .nav-item .dropdown-item{
    color: #c4052e;
    transition: 0.3s;
}
nav#main-nav .nav-item .dropdown-item:hover{
    background-color: #c4052e;
    color: #fff;
}


  /************/
 /*  footer  */
/************/

footer p{
    text-align: center;
}

footer #contact, footer #copyright{
    padding:    2rem 1.25rem;
}
footer #contact h4{
    font-weight: 600;
}
footer #contact p{
    font-size:  1.1rem;
    font-weight: 700;
    line-height: 1.2em;
}
footer  p:last-of-type{
    margin-bottom: 0;
}

div#gotop{
	position:	fixed;
	right:	30px;
	bottom:	30px;
	display:	none;
	width:	50px;
	height:	50px;
	z-index:	999;
	border-width: 1px;
        border-style: solid;
        transition: background-color 0.4s, color 0.4s;;
}

div#gotop:hover{
    background-color:   rgba(203,0,39,0.8);
    border-color:   #fff;

}

div#gotop i{
	display:	block;
	position:	absolute;
	left:	50%;
	top:	50%;
	margin-left:	-20px;
	margin-top:	-22px;
	font-size:	40px;
        color:  #c4052e;
}

div#gotop:hover i{
    color:  #fff;
}


  /**************/
 /*  sections  */
/**************/

.section-interior.container-fluid{
    max-width: 1280px;
}

.section {
    padding: 3rem 1.25rem;
}

section#page-content{
    overflow: hidden;
}

  /****************/
 /*  photo bars  */
/****************/

.photo-bar{
    height: 320px;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    overflow: hidden;
    position: relative;
}
.media-bar{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    position: relative;
}

#lacalut_baby_0_2 .photo-bar{
    background: #e88db5;
    background: -moz-radial-gradient(circle, #e88db5 0%, #ee71a8 100%);
    background: -webkit-radial-gradient(circle, #e88db5 0%, #ee71a8 100%);
    background: radial-gradient(circle, #e88db5 0%, #ee71a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e88db5",endColorstr="#ee71a8",GradientType=1);    
}
#lacalut_kids_2_6 .photo-bar{
    background: #e1e5cf;
    background: -moz-radial-gradient(circle, #e1e5cf 0%, #c6cab4 100%);
    background: -webkit-radial-gradient(circle, #e1e5cf 0%, #c6cab4 100%);
    background: radial-gradient(circle, #e1e5cf 0%, #c6cab4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e5cf",endColorstr="#c6cab4",GradientType=1);    
}
#lacalut_junior_6_plus .photo-bar{
    background: #bbd38d;
    background: -moz-radial-gradient(circle, #bbd38d 0%, #a5bf74 100%);
    background: -webkit-radial-gradient(circle, #bbd38d 0%, #a5bf74 100%);
    background: radial-gradient(circle, #bbd38d 0%, #a5bf74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbd38d",endColorstr="#a5bf74",GradientType=1);    
}
#lacalut_kids_plaque_test .photo-bar, #lacalut_kids_plaque_test .media-bar{
    background: #8ec0e9;
    background: -moz-radial-gradient(circle, #8ec0e9 0%, #74abd8 100%);
    background: -webkit-radial-gradient(circle, #8ec0e9 0%, #74abd8 100%);
    background: radial-gradient(circle, #8ec0e9 0%, #74abd8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8ec0e9",endColorstr="#74abd8",GradientType=1);    
}
#lacalut_kinder_baby_0_4 .photo-bar{
    background: #efac1e;
    background: -moz-radial-gradient(circle, #efac1e 0%, #eba605 100%);
    background: -webkit-radial-gradient(circle, #efac1e 0%, #eba605 100%);
    background: radial-gradient(circle, #efac1e 0%, #eba605 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efac1e",endColorstr="#eba605",GradientType=1);    
}
#lacalut_kinder_kids_4_8 .photo-bar{
    background: rgb(149,189,129);
    background: -moz-radial-gradient(circle, rgba(149,189,129,1) 0%, rgba(130,164,107,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(149,189,129,1) 0%, rgba(130,164,107,1) 100%);
    background: radial-gradient(circle, rgba(149,189,129,1) 0%, rgba(130,164,107,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#95bd81",endColorstr="#82a46b",GradientType=1);    
}

.kid-photo{
    height: 540px;
    width: 100%;
    bottom: -20%;
    position: absolute;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#lacalut_baby_0_2 .kid-photo{
    background-image: url('../img/lacalut-baby-photo.png');
    background-position: center;
}
#lacalut_kids_2_6 .kid-photo{
    background-image: url('../img/lacalut-kids-photo.png');
    background-position: 80%;
}
#lacalut_junior_6_plus .kid-photo{
    background-image: url('../img/lacalut-junior-photo.png');
    background-position: 20%;
}
#lacalut_kids_plaque_test .kid-photo{
    background-image: url('../img/lacalut-kids-plaque-test-photo.png');
    background-position: 80%;
}
#lacalut_kinder_baby_0_4 .kid-photo{
    background-image: url('../img/lacalut-kinder-baby-photo.png');
    background-position: 20%;
}
#lacalut_kinder_kids_4_8 .kid-photo{
    background-image: url('../img/lacalut-kinder-kids-photo.png');
    background-position: 80%;
}

.product-image{
    position: relative;
    z-index: 1;
}
.product-image:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 12%;
    bottom: 6%;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.product-image:after{
    content: '';
    position: absolute;
    left: -50%;
    right: -50%;
    top: -6%;
    bottom: -18%;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.product-image img{
    position: relative;
    z-index: 1;
}


#lacalut_gama .product-images{
    position: relative;
}

#lacalut_gama .product-images img{
    max-height: 230px;
    transition: 0.3s;
}
#lacalut_gama .product-images img:hover{
    filter: brightness(1.025) drop-shadow(0.25rem 0.25rem 0.3rem rgba(0, 0, 0, 0.4));
    transform: scale(1.05);
}

#lacalut_gama .product-name{
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.4rem;
    opacity: 0;
    transition: 0.2s;
    color:  #c4052e;
}

#lacalut_gama a:hover .product-name{
    opacity: 1;
}

#lacalut_baby_0_2 .product-image:before{
    top: 0;
    bottom: -10%;
    left: -50%;
    right: -50%;
    background-image: url('../img/lacalut-baby-bg.png');
}
#lacalut_baby_0_2 .product-image:after{
    background-image: url('../img/lacalut-baby-pointers.png');
}
#lacalut_kids_2_6 .product-image:before{
    top: 0;
    bottom: -10%;
    left: -50%;
    right: -50%;
    background-image: url('../img/lacalut-kids-bg.png');
}
#lacalut_kids_2_6 .product-image:after{
    background-image: url('../img/lacalut-kids-pointers.png');
    top: -3%;
    bottom: -12%;    
    background-position: 67%;
}
#lacalut_junior_6_plus .product-image:before{
    top: 0;
    bottom: -10%;
    left: -50%;
    right: -50%;
    background-image: url('../img/lacalut-junior-bg.png');
}
#lacalut_kids_plaque_test .product-image:before{
    top: -10%;
    bottom: -5%;
    left: -50%;
    right: -50%;
    background-image: url('../img/lacalut-kids-plaque-test-bg.png');
}
#lacalut_kids_plaque_test .blue-arrow-1{
    position: relative;
}
#lacalut_kids_plaque_test .blue-arrow-1:before{
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: -4.3em;
    width: 100%;
    background-image: url('../img/blue-arrow-1.png');
    background-position: left center;
    background-repeat: no-repeat;
}
#lacalut_kids_plaque_test .blue-arrow-2{
    position: relative;
}
#lacalut_kids_plaque_test .blue-arrow-2:before{
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: -4.3em;
    width: 100%;
    background-image: url('../img/blue-arrow-2.png');
    background-position: left bottom;
    background-repeat: no-repeat;
}
    
#lacalut_kids_plaque_test .blue-arrow-2{
    
}
#lacalut_junior_6_plus .product-image:after{
    background-image: url('../img/lacalut-junior-pointers.png');
    top: -3%;
    bottom: -12%;    
    background-position: 67%;
}
#lacalut_kinder_baby_0_4 .product-image:before{
    background-image: url('../img/lacalut-kinder-baby-bg.png');
}
#lacalut_kinder_kids_4_8 .product-image:before{
    background-image: url('../img/lacalut-kinder-kids-bg.png');
}
    /*******************************************/
   /*                                         */
  /*              media queries              */
 /*                                         */
/*******************************************/



@media screen and (max-width: 1920px) {
    
}


@media screen and (max-width: 1279px) {

}


@media screen and (max-width: 1199px) {
    
}


@media screen and (min-width: 992px) and (max-width: 1199px){
    
}


@media screen and (max-width: 991px) {
    nav#main-nav .navbar-collapse{
        background-color: rgba(255,255,255,0.7);
        border-radius: 5px;
        margin-top: 10px;    
    }    
    #lacalut_kids_plaque_test .blue-arrow-1:before{
        display: none;
    }
    #lacalut_kids_plaque_test .blue-arrow-2:before{
        display: none;
    }
}


@media screen and (max-width: 767px) {

}


@media screen and (max-width: 575px) {

}


@media screen and (min-width:768px){
    .text-md-justify{
        text-align: justify;
    }     
}


@media screen and (min-width:992px){
    .text-lg-justify{
        text-align: justify;
    } 
}


@media screen and (min-width:1200px){

}

@media screen and (min-width:1920px){
    
}