/*

 * Custom code goes here.

 * A template should always ship with an empty custom.css

 */

 body {



   font-family: 'Roboto', sans-serif;



}

body.page-index #wrapper .container {

max-width: 100%;

width: 100%;

padding-left: 0;

padding-right: 0;

}

body.page-index #wrapper .featured-products,

body.page-index #wrapper .banner,

body.page-index #wrapper #custom-text{

margin-left: auto;

margin-right: auto;

padding-left: 15px;

padding-right: 15px;

}

@media (min-width: 992px) {

body.page-index #wrapper .featured-products,

body.page-index #wrapper .banner,

body.page-index #wrapper #custom-text{

max-width: 940px;

}

}

@media (min-width: 1200px) {

body.page-index #wrapper .featured-products,

body.page-index #wrapper .banner,

body.page-index #wrapper #custom-text{

max-width: 1140px;

}

}

@media (max-width: 991px) {

body.page-index #wrapper .featured-products,

body.page-index #wrapper .banner,

body.page-index #wrapper #custom-text{

max-width: 100%;

}

}
@media (max-width: 767px){
.header-nav .top-logo {
    padding-top:60px!important;
}
}
#header .header-nav {

    border-top: 2px solid #2fb5d2;

    max-height: 50px;

    margin-bottom: 10px;

    border-bottom: 0px;

}

.bootstrap #shop-img {

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 300px;

    z-index: 1;

}



.bootstrap #login-panel .flip-container {

    -webkit-perspective: 1000px;

    -webkit-transform-style: preserve-3d;

    height: 420px;

    margin-top: 215px;

    perspective: 1000px;

    transform-style: preserve-3d;

}

.carousel-control .icon-prev {

margin-left: 0;

}

.carousel-control .icon-next {

margin-right: 0;

}

.bootstrap #shop-img {

      width: 300px;

}

#header a:hover {

    color: #2fb5d2;

}



#header .header-nav .cart-preview.active {

    background: #2fb5d2;

}

#header .header-top {

    padding-bottom: 0px;

    background-color: #dcdcdc;

	margin-bottom: 0px;

     border-top: 1px solid #2fb5d2;

}

#header .header-nav .material-icons {

    color: #2fb5d2;

}

#wrapper {

    background: #f1f1f1;

    box-shadow:none;

    padding-top: 0rem;

}

.farb_blu{

       background: #71bdde;

    width: inherit;

}

.product-customization-item .label, label {

    color: #232323;

     text-align: left;

    font-size: .875rem;

}

body.page-index #wrapper .banner {

    max-width: 1920px;

    margin-left: auto;

    margin-right: auto;

}

.whatsapp2 {

   padding: 10px;

}

.center {

  display: block;

  margin-left: auto;

  margin-right: auto;



}
.featured-products .product-price-and-shipping ,.thumbnail-container .product-price-and-shipping
{ display: none; }