@charset "utf-8";

body  {
    font-family: 'Open Sans', sans-serif;
    margin-top: 95px;
}
a:link, a:visited {
    color: #01AAFF;
}
a:hover {
    color: #0089CE;
    text-decoration: none;
}






section {
    padding-top: 120px;
    padding-bottom: 120px;
}
.container {
    max-width: 1430px;
}


/*Video*/

header {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

header video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* [disabled]background-color: black; */
    opacity: 0.5;
    z-index: 1;
}
#banner-1 {
    padding-top: 0px;
    padding-bottom: 0px;
}
#brand-carousel {
    padding-bottom: 0px;
    /* [disabled]padding-top: 110px; */

}


/*Video-end*/

#categorii {
    padding-top: 40px;

         
}

#categorii-1 {
    padding-top: 60px;
    padding-bottom: 30px;

         
}

#categorii-2 {
    padding-bottom: 0px;
    padding-top: 60px;


         
}


#solicita-service {
    padding-top: 50px;
    padding-bottom: 100px;
}
#solicita-oferta {
    padding-top: 50px;
    padding-bottom: 100px;
}

#formular-contact {
    padding-top: 20px;
}

#extragarantie {
}
#servicii-horeca {
    padding-bottom: 30px;
    padding-top: 50px;
}
#finantare {
    padding-top: 50px;
    padding-bottom: 30px;
}
#tehnologie {
}
.logo-miele {

}








.form-control {
    min-height: 50px;
    border-radius: 0pt;
    border: thin solid rgba(77,196,255,1.00);
}

iframe {
    border-style: none;
    width: 100%;
}


#contact {
    background-color: #008DD2;
    padding-bottom: 110px;
}



/*Map*/
#map {
    height: 25rem;

}



/*Band-Umbra*/
#band-umbra {
    background-color: #E6E6E6;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid rgba(255,255,255,1.00);
    }

#band-umbra:hover {
    background-color: #FFFFFF;
    }
#miele {
    padding-top: 50px;
}
#gama-de-produse {
    padding-bottom: 100px;


}
.myBtn-style {
    border-radius: 0px;
    border-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    /* [disabled]color: rgba(0,141,210,1.00); */
}
.myBtn-style:hover {
    background-color: rgba(200,200,200,1.00);
}






.text-umbra {
    font-family: 'Rajdhani', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #8E8C8C;
    }













.navbar {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 15px;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1);
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
}


.nav-item {
    margin-left: 10px;


}



/* change the link */
.navbar-nav .nav-link {
    color: #008DD2;
}




.navbar-nav .nav-link:hover {
    color: #FFFFFF;
    background-color: rgba(0,141,210,1.00);
    border-radius: 25px;
}


.navbar-nav .active>.nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .show>.nav-link {
    background-color: rgba(0,141,210,1.00);
    color: rgba(255,255,255,1.00);
    border-radius: 25px;




}









.navbar-toggler {
    width: 47px;
    height: 34px;
    border: none;
}


.navbar-toggler .line{
    width: 100%;
    float: left;
    height: 2px;
    background-color: #008DD2;
    margin-bottom: 5px;
}

.text-shadow {
    text-shadow: 0px 0px 6px rgba(0,0,0,0.20);
}

.text-option-1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: rgba(88,88,88,1.00);



}
.text-option-2 {
    font-size: 18px;
    font-weight: 500;
}
.text-option-3 {
    font-size: 40px;
    color: rgba(0,141,210,1.00);
    letter-spacing: 1px;
    font-weight: 700;
}
.text-option-4 {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 32px;
}
.text-option-5 {
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 32px;
}
.text-option-6 {
    font-size: 21px;
    line-height: 26px;
    font-weight: 800;
    color: rgba(0,0,0,0.58);
}

.text-option-7 {
    letter-spacing: 2px;
    font-size: 50px;
    font-weight: 700;
    /* [disabled]text-shadow: 3px 3px 1px rgba(0,141,210,1.00); */
}
.text-option-8 {
    color: rgba(0,0,0,0.58);
    font-weight: 800;
    font-size: 17px;
}





.text-blue {
    color: rgba(0,141,210,1.00);
}
.text-orange {
    color: rgba(255,142,0,1.00);
    font-size: 22px;
}

.text-blue-dark {
    color: rgba(32,78,136,1.00);
}

.text-gray {
    color: rgba(0,0,0,0.21);
}
.text-lens {
    color: rgba(0,141,210,0.42);
}

.text-red {
    color: rgba(187,0,3,0.81);
    font-weight: 600;
    font-size: 19px;
}
.fa-li {





}
.fa-ul {
    margin-bottom: 6px;
}






.text-light-blue {
    color: #90DAFF;
}
.text-light-blue-1 {
    color: rgba(170,226,255,1.00);
}
.text-dark-blue {
    color: rgba(222,232,239,1.00);
}
.text-detalii   {
    font-weight: 500;
}


.text-contact {
    font-size: 18px;
    color: rgba(255,255,255,1.00);
}
.text-footer :link {
    color: rgba(255,255,255,1.00);
}
.text-footer :visited {
    color: rgba(255,255,255,1.00);
}

.text-footer :hover {
    color: rgba(255,255,255,0.75);
}
.text-miele-1 {
    font-weight: 400;
    font-size: 38px;
    color: rgba(0,0,0,0.60);
}
.text-miele-2 {
    font-weight: 300;
}
.text-miele-3 {
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 1px;
}
.text-miele-4 {
    max-height: 300px;
    font-weight: 300;
}






.link-contact   {
    color: rgba(255,255,255,1.00);
}
.link-contact :hover {
    color: rgba(255,255,255,0.75);
    text-decoration: none;
}








.btn-primary {
    background-color: rgba(0,141,210,1.00);
    border-radius: 25px;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn-primary:hover {
    /* [disabled]background-color: rgba(10,0,145,1.00); */
}
.btn-red {
    background-color: #FF0000;
}
.btn-red:hover {
    background-color: #D00000;
    border-color: #D00000;
}


.bg-gray {
    background-color: #F0F0F0;
}
.bg-yellow {
    background-color: rgba(255,247,181,1.00);
}
.bg-blue {
    background-color: rgba(0,141,210,1.00);
}
.bg-blue-1 {
    background-color: rgba(1,167,229,1.00);
}


.bg-light-blue {
    background-color: rgba(0,116,172,1.00);
}



.bg-gradient {
    background-image: -webkit-linear-gradient(270deg,rgba(6,173,255,1.00) 0%,rgba(0,141,210,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(6,173,255,1.00) 0%,rgba(0,141,210,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(6,173,255,1.00) 0%,rgba(0,141,210,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(6,173,255,1.00) 0%,rgba(0,141,210,1.00) 100%);
}
.bg-cube {
    background-image: url(images/icon/cubes.png);
}

.bg-grass {
    background-image: url(images/grass-1.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-miele {
    background-color: rgba(140,0,20,1.00);
}
.bg-miele-box {
    background-color: rgba(144,13,13,0.87);
}
.bg-black {
    background-color: rgba(1,1,1,1.00);
}
.bg-black-1 {
    background-color: rgba(17,17,17,1.00);
}








.box-spalatorii {
    background-image: url(images/spalatorii-profesionale.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.box-friforifice {
    background-image: url(images/echipamente-profesionale-frigorifice.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.box-laborator {
    background-image: url(images/echipamente-profesionale-de-laborator.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.box-service {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    /* [disabled]border-left-color: rgba(225,225,225,1.00); */
    /* [disabled]border-right-color: rgba(225,225,225,1.00); */
    /* [disabled]border-bottom-color: rgba(225,225,225,1.00); */
    /* [disabled]border-left-style: solid; */
    /* [disabled]border-right-style: solid; */
    /* [disabled]border-bottom-style: solid; */
    /* [disabled]border-left-width: thin; */
    /* [disabled]border-right-width: thin; */
    /* [disabled]border-bottom-width: thin; */
}
.box-service-1 {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
}
.box-service-2 {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
}


.box-service-3 {
    padding-top: 25px;
    padding-left: 30px;
    padding-bottom: 25px;
    padding-right: 30px;
    /* [disabled]background-image: url(url), -webkit-linear-gradient(233deg,rgba(233,247,255,1.00) 0%,rgba(162,224,255,1.00) 100%); */
    /* [disabled]background-image: url(url), -moz-linear-gradient(233deg,rgba(233,247,255,1.00) 0%,rgba(162,224,255,1.00) 100%); */
    /* [disabled]background-image: url(url), -o-linear-gradient(233deg,rgba(233,247,255,1.00) 0%,rgba(162,224,255,1.00) 100%); */
    /* [disabled]background-image: url(url), linear-gradient(217deg,rgba(233,247,255,1.00) 0%,rgba(162,224,255,1.00) 100%); */
}

.box-shadow {
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.box-contur {
    border: thin solid rgba(77,196,255,1.00);
}
.box-contur-1 {
    border: medium solid rgba(77,196,255,1.00);
    position: relative;
    display: flex;
    min-width: 0px;
}
.box-contur-1 :hover {
    background-color: rgba(101,204,255,1.00);
}


.banner-1 {
    background-image: url(images/icon/bg-01.png);
    background-position: center center;
    background-size: 1100px auto;
    padding-top: 80px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
}








.card {
    border-style: none;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 13px rgba(0,0,0,0.15);
}
.card-body {
    text-align: left;

}






.img-content {
    width: 76px;
}

/****** image hover ******/

.image-hover {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}


/*** effect zoom in ***/

.img-zoom-in img {
    transition:all .2s ease-in-out;
    webkit-transition:all .2s ease-in-out;
    moz-transition:all .2s ease-in-out;
    ms-transition:all .2s ease-in-out;
    o-transition:all .2s ease-in-out;
}


.img-zoom-in:hover img {
    transform:scale(1.1);
    webkit-transform:scale(1.1);
    moz-transform:scale(1.1);
    ms-transform:scale(1.1);
    o-transform:scale(1.1)
}
.icon-categorii {
    width: 40px;
}
.icon-extragarantie {
    width: 80px;
}



#fixed-phone {
    position: fixed;
    /* [disabled]-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.10); */
    /* [disabled]box-shadow: 0px 0px 10px rgba(0,0,0,0.10); */
    right: 18px;
    padding-left: 12px;
    padding-top: 13px;
    padding-bottom: 11px;
    padding-right: 12px;
    border-radius: 85px;
    z-index: 99999999;
    top: 102px;
    border: 1px solid rgba(255,255,255,1.00);
}


.line-top {
    border-top: thin solid #63CAFF;
}
.modal-content {
    border-style: none;
}


































/*Mobile - Tablet View*/
@media (max-width: 992px){
    
  #mainNav {
    background-color: #FFFFFF;
    /* [disabled]padding-bottom: 25px; */
    }
    
.logo-nav {
    width: 122px;
    height: 40px;
    position: absolute;
    z-index: 999;
    top: 5px;
}
    
    .logo-nav-ambient {
    width: 220px;
    height: 40px;
    position: absolute;
    z-index: 999;
    top: 5px;
}
    
    
    
.nav-item {
    margin-left: 0px;



}
    
.navbar-nav {
    margin-top: 25px;
    margin-bottom: 20px;
}

.box-logo-umbra {
    text-align: center;
}
    
.text-umbra {
    margin-top: 7px;
    text-align: center;
}
.text-option-1 {
    font-size: 20px;
}
.text-option-3 {
    font-size: 25px;
}
.text-option-7 {
    font-size: 29px;
}


.navbar-nav .nav-link {
    margin-bottom: 5px;

}
.navbar-nav .nav-link:hover {
}
#categorii {
}
section {
    padding-top: 50px;
    padding-bottom: 50px;
}
body {
    margin-top: 49px;
}
#contact {
    padding-bottom: 30px;
}
#fixed-phone {
    top: 57px;
}
#brand-carousel {
    padding-top: 60px;
    padding-bottom: 0px;
}
#categorii-1 {
    padding-top: 30px;
    padding-bottom: 0px;
}
.banner-1 {
    background-size: 600px auto;

}
.text-miele-1 {
    font-size: 32px;
}
.text-miele-2 {
    font-size: 25px;
}
.text-miele-3 {

}
.text-miele-4 {
    font-size: 20px;
}

.logo-miele {
    width: 140px;
    height: 54px;
}



















    
    
    






    
}






/*Desktop View*/
@media (min-width: 992px){
    
  #mainNav {
    background-color: #FFFFFF;
    transition: background-color .3s ease-in-out;
    webkit-transition: background-color .3s ease-in-out;
    } 
    
  #mainNav.navbar-shrink {
    background-color: #FFFFFF;
    height: 80px;
    }
    
#mainNav.navbar-shrink .logo-nav {
    width: 170px;
    height: 56px;

}
    
    #mainNav.navbar-shrink .logo-nav-ambient {
    width: 308px;
    height: 56px;

}

.logo-nav {
    width: 210px;
    height: 69px;

}

.logo-nav-ambient {
    width: 365px;
    height: 69px;

}    
    
    .box-logo-umbra {
    text-align: right;
}
.text-umbra {
    margin-top: 7px;
}




}