@font-face {
    font-family: RobotoLight;
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: RobotoMedium;
    src: url('../fonts/Roboto-Medium.ttf');
}

body{

    font-family: 'Roboto', sans-serif;
    margin:0 auto;
    font-size: 12px;
    color: #4e4e4e;
    line-height: 22px;

}

#firstmenu{


    position: initial;
}


.dropdown-menu{


    width: 100%;
    border-top:0;
    border-bottom: 1.5px solid black;
    border-radius: 0;
    padding-top: 30px;
    box-shadow: none;
    padding-bottom: 30px;
    background-color: #ffffff;

}
.dropdown-menu li a{

    color: black;
    text-decoration: none;
    border: 0;
}

.submenu2{

    padding: 0;
}

.submenu2 li{

    list-style: none;
    padding:0;
    margin-top:0%;

}

.nav-wrapper
{
    min-height:41px;
}

.header-affix{

    min-height: 32px;
}

.submenubutton{

    font-size: 12px;
    border:0;
    background-color: transparent;
    padding: 5px 20px;
    color: #7D7D7D;
    outline: none;


}

.submenubutton:hover{


    background-color: #e5e5e5;
}

.title{

    border-bottom:1px solid #E5E5E5;
    padding-bottom: 5px;
    margin-bottom: 3px;
    font-weight: bold;
    margin-top: 8px;
}

.title a:hover{

    color:#555555;
}

.submenudivisionsfooter{
    list-style: none;
    text-align: left;
    padding: 0;
    line-height: 18px;
    margin-top: 2%;

}

.submenudivisionsfooter li a {

    color: #666666;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 20px;
}


.submenudivisionsfooter li a:hover {
    font-weight: bold;
    color: #777777;
}

.submenudivisions{

    list-style: none;
    text-align: left;
    margin:0;
    padding: 0;
    line-height: 18px;

}

.submenudivisions li a:hover{

    font-weight: bold;
    color: #797979;

}

@media (max-width: 767px) {

  #badgeModal .modal-dialog, #banner_catalogue .modal-dialog{
    width: 82% !important;
    margin: 0 auto;
  }

  .top-bar #information-caroucel .item-content {
    font-size: 8px;
  }

    .submenudivisions li a{

        color: white !important;
    }

	#question{

		height:70px !important;
	}

	.chat{

		height:430px !important;
		bottom:100px !important;
	}

}


.submenudivisions li a{

    color: #666666;
    font-size: 12px;
}

footer .container{

    padding: 30px 25px;
    margin-bottom: 20px;


}

footer .container a{

    text-decoration: none;
}

.followus a{

    color: #939594;
    text-decoration: none;
    transition: all .2s ease-in-out;


}

.followus a:hover{


    color: #363837;



}

.nomarginright{

    margin-right: 0;
}

.newsletter{

    margin-top: 30px;
    text-align: justify;

}

.newsletter span{

    color: #939594;

}

.covet{

    margin-top: -24px;
}
@media (max-width: 767px) {
    .covet span{

        top:0 !important;
        left: 0 !important;
    }

    }
.covet span{

    vertical-align: bottom;
    font-size: 11px;
    color: #666666;
    position: relative;
    top: 8px;
    left:14px;

}

.subscribe{

    margin-top: 20px;
    display: inline-block;
    border: 1px solid #939594;
    padding: 1px;
    z-index: 9;

}

.subscribebox{

    padding: 5px 10px;
    outline: none;
    border: 0;
    width: 79%;
}


#subscribebutton{


    padding: 5px 10px;
    outline:none;
    background-color: black;
    color: white;
    border: 1px solid black;
}

#subscribebutton:hover{



    background-color: white;
    color: black;
    border: 1px solid black;
}

.mainintems{

    margin-top: 30px;


}

.mainintems a{

    text-decoration: none;
    color: black;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 10px;
}


.title2{

    margin-top: 43px;
    margin-bottom: 30px;

}
.title2 h3 {
    font-size: 19px;
}


.title2 h3 span{
    border-top: 1px solid black;
    padding-top: 13px;
}

.backgroundimage{

    margin-top: 30px;
    background: url("../img/maison-valentina-background.jpg");

}

.backgroundimage2{

    margin-top: 0;
    background: url("../img/maison-valentina-background.jpg");
    position: relative;
    z-index: 0;

}



.informationboxs{

    background-color: white;
    border: 1px solid grey;
    padding: 10px 10px;
    margin: 30px 0;



}

.infotext{

    display: inline-block;
    vertical-align: middle;

}

.boxdownload{

    background: url("../img/contacts_footer_about.jpg");
    color: white;
    background-size: cover;
    padding: 70px 30px;

}

.boxdownload .cataloguetitle{

    color: grey;
    font-size: 16px;
    font-family: 'Old Standard TT', serif;
    line-height: 37px;
    border-bottom: 1px solid grey;

}

.boxdownload h3{


    font-family: 'Old Standard TT', serif;


}
.boxdownload2 h3{


    font-family: 'Old Standard TT', serif;


}

.boxdownload2 .cataloguetitle{

    color: grey;
    font-size: 16px;
    font-family: 'Old Standard TT', serif;
    line-height: 37px;
    border-bottom: 1px solid grey;

}

.video-container {
    position:relative;
    padding-bottom:36.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#boxdownloadbutton{

    background-color: white;
    color: black;
    padding: 6px 20px;
    border: 0;
    margin-top: 10%;
    border: 1px solid black;
    width: 55%;
}


#boxdownloadbutton:hover{

    background-color: transparent;
    color: white;
   border: 1px solid white;
}

.overimagepublicity{

    left: 0;
    position:absolute;
    text-align:center;
    bottom: 42%;
    width: 100%;
    color: white;
    font-size: 15px;
}

.overimage{

    left: 0;
    position:absolute;
    text-align:center;
    bottom: 20px;
    width: 100%;
}

.overimage i{

    color: #a08866;
    font-size: 15px;
    border-bottom: 1px solid #a08866;
    font-family: 'Old Standard TT', serif;
}

.overimage span{


    font-size: 17px;
    line-height: 53px;
    letter-spacing: 1px;

}

.overimage button{

    border: 0;
    background-color: #a08866;
    color: white;
    padding: 6px 30px;
}

.overslide{

    left: 0;
    position:absolute;
    text-align:center;
    bottom: 35%;
    width: 100%;

}

.overslide i{

    color: #a08866;
    font-size: 15px;
    border-bottom: 1px solid #a08866;
    font-family: 'Old Standard TT', serif;
    line-height: 45px;
    font-style: italic;
}

.overslide h3{

    color: #313131;
    font-style: italic;
    line-height: 7px;
    font-family: 'Old Standard TT', serif;
}

.overslide p{

    color: #313131;
    font-family: RobotoLight;
}

.overslide button{

    border: 0;
    background-color: #a08866;
    color: white;
    padding: 6px 30px;
}

.searchtext::-webkit-input-placeholder {

    font-size: 13px;

}

.no-padding{

    padding: 0;
}

.margimtop{

    margin-top: 30px;

}

.margintop{
    margin-top: 30px;

}

#video{

    padding: 0;

}

#videovideopage{

    padding: 0;

}

.partners{

    margin-bottom: 2.5%;

}

.faicon4slide{


    vertical-align: middle;
    color: #999999;

}

.affix3 {
    width: 100%;
    z-index: 1000;
    top: 0;

}

.affix2{
    width: 100%;
    z-index: 1000;
    bottom: 0;

}

.carousel-control.left, .carousel-control.right {
    background-image:none;
    filter:none;
    width: 5%;
}

.carousel-control .glyphicon-menu-left, .carousel-control .icon-next{

    left: 10%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .glyphicon-menu-right, .carousel-control .icon-next{

    right: 10%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.toolTip{
    opacity: 1;
    border: 1px solid white;
    padding: 0 !important;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white;
    background-color: black;
    outline: none;


}

.toolTip:hover{

    background-color: white;
    color: black;

}

/*TOOLTIPS BUTTONS POSITIONS*/

#tooltip1{

    top:56%;
    left: 35%;
    padding:5px 10px;
    display: inline-block;
}

#tooltip2{

    top:66%;
    left: 67%;
    padding:5px 10px;
    display: inline-block;
}

#tooltip3{

   top:56%;
    left: 63%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip4{

    top:68%;
    left: 78%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip5{

    top:80%;
    left: 22%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip6{

    top:76%;
    left: 31%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip7{

    top:72%;
    left: 80%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip8{

    top:71%;
    left: 12%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip9{

    top:68px;
    left: 570px;
    padding:5px 10px;
    display:inline-block;
}

#tooltip10{

    top:406px;
    left: 291px;
    padding:5px 10px;
    display:inline-block;
}

#tooltip11{

    top:89%;
    left: 92%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip12{

    top:47%;
    left: 45%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip13{

    top:49%;
    left: 17%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip14{

    top:5%;
    left: 42%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip15{

    top:57%;
    left: 36%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip16{

    top:19%;
    left: 38%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip17{

    top:68%;
    left: 52%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip18{

    top:87%;
    left: 72%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip19{

    top:54%;
    left: 91%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip20{

    top:46%;
    left: 7%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip21{

    top:67%;
    left: 64%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip22{

    top:89%;
    left: 44%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip23{

    top:71%;
    left: 21%;
    padding:5px 10px;
    display:inline-block;
}
#tooltip24{

    top:76%;
    left: 73%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip25{

    top:38%;
    left: 75.8%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip26{

    top:56%;
    left: 82%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip27{

    top:39%;
    left: 64%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip28{

    top:3%;
    left: 40%;
    padding:5px 10px;
    display:inline-block;
}

#tooltip29{

    top:3%;
    left: 20%;
    padding:5px 10px;
    display:inline-block;
}


.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0deg);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0deg);
}

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


    #tooltip1{

        top:263px;
        left: 317px;
    }

    #tooltip2{

        top:316px;
        left: 616px;

    }

    #tooltip9{

        top:64px;
        left: 475px;

    }

    #tooltip10{

        top: 328px;
        left: 237px;
    }

    #tooltip11{

        top: 415px;
        left: 860px;
    }

    #tooltip3{

        top:270px;
        left: 605px;
    }

    #tooltip4{

        top:322px;
        left: 741px;
    }

    #tooltip5{

        top:357px;
        left: 285px;
    }

    #tooltip6{

        top:361px;
        left: 219px;
    }

    #tooltip7{

        top:340px;
        left: 755px;
    }

    #tooltip8{

        top: 334px;
        left: 120px;
    }

    #tooltip12{

        top: 222px;
        left: 421px;
    }

    #tooltip13{

        top: 248px;
        left: 191px;
    }

	#tooltip15{


    left: 351px;

	}

	#tooltip16{

		top:130px;
		left: 345px;

	}

	#tooltip17{

		top:350px;
		left: 550px;

	}

	#tooltip18{

		top:410px;
		left: 671px;
	}

	#tooltip19{

		top:253px;
		left: 858px;
	}

	#tooltip20{

		top:220px;
		left: 76px;
	}
  #tooltip21{

      top:317px;
      left: 607px;

  }

  #tooltip22{

      top:434px;
      left: 400px;

  }

  #tooltip23{

      top:331px;

  }
  #tooltip24{

      top:357px;
      left: 689px;

  }

  #tooltip25{

      top:180px;
      left: 708px;

  }

  #tooltip26{

      top:263px;
      left: 765px;

  }

  #tooltip27{

      top:192px;
      left: 593px;

  }

  #tooltip28{


      left: 368px;

  }

}

.popover{

    width: 200px;
}

.popover .popover-content h4{

    font-family: RobotoMedium;
}

.popover .popover-content h4 span{

    font-family: RobotoLight;
}

/*END TOOLTIP*/
.rowinformationcontent {
    display: flex;
}

.rowinformationcontent [class*="col-"] {
    float: left;
    display: table-cell;
    vertical-align: middle;

}



.boxdownload:after {
    height: 60px;
    width: 60px;
    position: absolute;
    border: 0;
    content: '';
    background: inherit;
    transform: rotate(45deg);
    left: 91%;
    top:43%;
    z-index: -1;
}

.boxdownload p, .boxdownload2 p{

    line-height: 16px;
}

.changez{

    z-index: -2;
}

.boxdownload2:after {
    height: 60px;
    width: 60px;
    position: absolute;
    border: 0;
    content: '';
    background: inherit;
    transform: rotate(45deg);
    right: 91%;
    top:43%;
    z-index: -1;

}

.boxdownload2{

    background: url("../img/contacts_footer_about.jpg");
    color: white;
    padding: 38px 30px;
    background-size: cover;


}

.galleryimages{
    display: table;

}
.galleryimages [class*="col-"] {

    display: table-cell;
    padding:0 10px;
}

.breadcrumb{

    background-color: transparent;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 15px !important;
}

.breadcrumb li a:hover{

    border-bottom: 1px solid;
}

.breadcrumb li a{

    text-decoration: none;
    color: grey;
}

.breadcrumb > li + li:before {
    color: grey;
    content: ">";
    padding: 0 5px;
}

.product{

    background-color: white;
    padding: 20px 30px;
}

.product button{

    border: 1px solid black;
    color: black;
    padding: 5px 50px;
    background-color: white;
}

.product button:hover{

    border: 1px solid black;
    color: white;
    background-color: black;

}

.product h4{

    letter-spacing: 3px;
     font-family: 'Old Standard TT', serif;

}

.product span{

    position: relative;
    top: -10px;
    font-family: 'Old Standard TT', serif;
    font-size: 15px;
}


#thisdslideh3{

    position: relative;
    margin-top: -20px;
    font-family: 'Old Standard TT', serif;
    font-weight: bold;
}

#thisdslidep{

    position: relative;
    margin-top: -13px;
    font-size: 15px;
    font-family: 'Old Standard TT', serif;
}

.popover{

    border-radius: 0;
    box-shadow: none;

}

.btn-default{

    border-radius: 0;
    border: 1px solid black;
    color: black;
}

.btn-default:hover{

    color: white;
    background-color: black;
}

.slideproduct{

    border: 1px solid grey;
    height: 500px;
}


.paddingbot{

    padding-bottom: 70px;

}

.carouselactive button{

   background-color: transparent;
    border: 1px solid #e0e0e0;
}


.marginrightmais{

    margin-right: 20px;
}

.carouselactive button:focus {
    border: 1px solid #ad9c82;
    outline: none;
}

.carouselactive button:hover {
    border: 1px solid #ad9c82;

}

.notes h3{
    margin-top: 0px;
    color: #a08866;
    font-family: Old Standard TT, serif;
    font-size: 30px;
}

.notes p{
    margin-top: -4px;
    color: #aaa1a4;
}

.notes p i{
    color: #a10b0a;
}

.product button a:hover{

    color: white;
}

.panel{

    border:0;
    box-shadow: none;
}
.panel-heading{

    border-radius: 0;
}

.panel-default>.panel-heading{

    background-color: white;
    border: 1px solid #e0e0e0;


}

.panel-default>.panel-heading a{

    color: black;

}

.panel-default>.panel-heading a:hover,
.panel-default>.panel-heading a:focus{

    text-decoration: none;

}

.panel-body p{

    color: grey;
    text-align: justify;
    font-size: 13px;
}

.panel-body u{

    color: #b7a489;
}



.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}

.panel-heading a[aria-expanded=true] .mais{

    display: none;
}

.panel-heading a[aria-expanded=false] .menos{

    display: none;
}

.social-share{

    list-style: none;
}

.socialiconcolor{

    color: #939594;
    text-decoration: none;
    transition: all .2s ease-in-out;


}

.socialiconcolor:hover{


    color: #363837;

}

.btn-brown{

     border-radius: 0;
     background-color: #a08866;
     color: #ffffff;
    border: 1px solid #a08866;
    outline: none;
    padding: 6px 12px;
 }

.btn-brown:hover{

    color: #a08866;
    background-color: white;
    border: 1px solid #a08866;
}

.brown{

    color:#a08866;
}

#information .col-md-3{

    background-color: #e3e3e3;
    height: 110px;

}

#information .col-md-3 p{

    margin: 0;
    font-size: 13px;
    position: relative;
    top: 50%;
    transform: translateY(-100%);
    color: #787878;

}

#free-downloads-title{
    width: 100%;
    height: 200px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-image: url("../img/homepage/free-download.jpg");
}


#free-downloads-title h3{
    font-size: 21px;
    margin-top: 79px;
    color: #fff;
}

#free-downloads-title h3 span{
    display:inline-block;
    border-top:1px solid #fff;
    padding-top:15px;
}

div.cn {
    position: relative;

}

div.inner {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
}

.titulodownload{

    text-align: center;
    color: #787878;
}

.btnrequestorder{

    border-radius: 0;
    background-color: white;
    border:1px solid #a28867;
    color: #a28867;


}

.btnrequestorder:hover{

    border:2px solid #a28867;
    color: #a28867;
    margin: -1px 0;


}

.form-control{

    border-radius: 0;
    color: #999999;
    outline: none;
    font-size: 12px;
}

.commentsdiv{

    position: absolute;
    z-index: 10;
    height: 100%;
    overflow-y: scroll;
    right: 0;
    background-color: white;
    padding: 15px 0;
}

#circleuser{

    color:#f1f1f1;
}

#user{

    color:#6f6f6f;
}

#commenttext{

    line-height: 1;
}

#commenttextsubtitle{

    font-size: 12px;

}

#commenttext2{

    line-height: 1;
    color: #9c9c9c;
}

.marginbottom{

    margin-bottom: 30px;
}

.ebook{

    background-color: white;
    padding: 30px 20px;
}

#ebooktitle{

    line-height: 0;
    padding-bottom: 4%;
    font-size: 17px;
}

.paddingrl{

    padding: 0 30px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form-control:focus{


    border-color: #000000;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow: none;


}

textarea {
    resize: vertical;
    max-height: 305px;

}
.download:hover{

    text-decoration: none;
}

.download{

    text-align: left;
}
.download span{

    left: -22px;
    position: relative;
    color: grey;
    font-size: 20px;
}

.download .spanlittle{

    color: #a08866;
    font-size: 10px;

}

.col-half-offset{
    margin-left:4.166666667%;
}

/*.dropdown:hover .dropdown-menu {
    display: block;

}*/
@media (max-width: 767px){
  .toolTip{
    width: 15px;
    height: 15px;
  }
    #ebooktitle{

        font-size:12px;
    }


    #edichoice{

        font-size: 11px;
    }

    .col-half-offset{
        margin-left:0;
    }


    .dropdown-menu{
        height: 200px;
        overflow: auto;
    }

    .commentsdiv{

        position: relative;

    }

    .boxdownload2:after{

        display: none;

    }

    .boxabout:after{

        display: none;
    }

    .boxdownload:after{

        display: none;
    }

    #thisdslideh3{

        margin-top: -10px;
        font-size: 17px;
    }




    #btncollapsing[aria-expanded=true] .icon-bar{

        display: none;
    }

    #btncollapsing[aria-expanded=false] .fa-times{

        display: none;
    }


    .dropdown-toggle{

        background-color: black;
    }

    .dropdown-toggle:hover{

        border-bottom: 0;
    }


    .rowinformationcontent{

        display: block;
    }

    .rowinformationcontent [class*="col-"] {
        display: block;
    }


    #firstmenu{

        margin-left: 0;
    }


    .covet{

        margin-top: 10px;
        text-align: center;

    }


    .download{

        text-align: center;
    }
}
@media (min-width: 768px) and (max-width: 991px){



    .col-half-offset{
        margin-left:0;
    }

    .commentsdiv{

        position: relative;

    }

    .infotext{

        font-size: 10px;
    }

    .boxdownload2:after{

        display: none;
    }

    .boxabout:after{

        display: none;
    }

    .boxdownload:after{

        display: none;
    }

    .rowinformationcontent {
        display: block;
    }

    .rowinformationcontent [class*="col-"] {

        display: block;


    }

    .covet{

        margin-top: 5%;
        text-align: center;
    }



    #search{

        padding: 0;
        width: 90px;
    }









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


    .boxdownload:after{

        left: 89%;
    }


    .boxdownload2:after{

        right: 89%;
    }

	.boxdownload2{

	padding:30px;

	}

    #newcatimage{

        height: 421px !important;
    }

    #pressimg{

        height: 400px !important;
    }

    #pressimgContact{

        height: 375.4px !important;
    }
}

@media(max-width: 1200px){

    .title a:hover{

        color: white;
    }
}


#firstslide .item{

    background: url("../img/homepage/slide-pecas/fundo_peças.jpg");
}

.ui-autocomplete {
    position: absolute;
    z-index: 3000;
    width: 20% !important;
    left: auto !important;
    float: left;
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: rgba(256, 256, 256, 0.8);
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 !important;
    -webkit-border-radius: 0px;
    text-align: center;
    font-size: 30px;
    -moz-border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 30px;
    color: black;
    white-space: nowrap;
    text-decoration: none;
    font-size: 13px;

}

.ui-menu-item:hover{

    background-color: #323232;
    color: white;
    cursor: pointer;
}

@media (max-width: 767px) {
    .ui-autocomplete {

        width: 100% !important;

    }

    .secondSlideHome{

        margin-top: 15px !important;
    }

	.chat{

		width:90% !important;
		left:20px !important;
	}


}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
#badgeModal .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
    text-align: center;
    border-radius: 0;
}

#badgeModal .modal-dialog{

    text-align: center;
}

#badgeModal .modal-header .close{

    padding-right: 17px;
}
.envelope{

    width: 15px;
}

#maincarousel .carousel-indicators li{

    background-color: #fff;

}

#maincarousel .carousel-indicators .active{

    background-color: #323232;
}

.has-error .form-control {
    border-color: #a94442 !important;
    -moz-box-shadow: 0 0 3px #a94442;
    -webkit-box-shadow: 0 0 3px #a94442;
    box-shadow: 0 0 3px #a94442;
}

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}


a {
    text-decoration: none;
}
.sticky-bar-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sticky-bar-social .container {
    margin: 0 auto;
    padding: 20px 50px;
    background: white;
}
#sticky-social {
    left: 0;
    position: fixed;
    top: 35%;
}
#sticky-social span {
    background: #333;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
}

#sticky-social span:hover {
    transition: all .4s ease-in-out;
    width:50px;
}
#sticky-social a,
#sticky-social a:hover,
#sticky-social a span { background: #000000; }

/* #modal-dialog-banner-catalogue{

    width: 500px !important;
} */

.swiper-partners .swiper-wrapper,.swiper-partners .swiper-slide{
  height: auto;
  display: flex;
  align-items: center;
}

#sticky-social{
  z-index: 1;
}
.swiper-partners .landing-button{
  background-color: black;
  color: #fff;
  border:1px solid #000;
  padding: 5px 0px;
  transition: all .5s;
  outline: none;
  letter-spacing: 1px;
  width: 66.66666667% !important;
}

.swiper-partners .landing-button:hover{
  background-color: #fff;
  color: #000;
}
.swiper-partners .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: #ffffff;
  opacity: 1;
  margin: 0 2px !important;
  border: 1px solid #323232;
}

.swiper-partners .swiper-pagination-bullet-active {
    opacity: 1;
    background: #323232;
    border: 1px solid #323232;
}