/*i {
    font-family: 'Open Sans', sans-serif;
}

* {
    font-family: Verdana;
}*/

/* * {
    font-family: "Verdana" !important;
}  */


.headline,
.headline h2 {
    border-bottom: 0 !important;
}

.active-navigation,
.active-navigation a {
    border-bottom: 2px solid #3CCB57;
    /*color: #3CCB57!important;*/
}

.carousel-indicators li {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    display: none;
}


.footer,
.copyright {
    background-color: #3ECD59 !important;
}

.sky-form {
    border: 0;
}

.bgc-green {
    background-color: #3CCB57 !important;
}

.bgc-grey {
    background-color: #9999a6 !important;
}

.bgc-yellow {
    background-color: #ffb400 !important;
}

.bgc-dark-grey {
    background-color: #555555 !important;
}

.color-grey {
    color: #9999a6 !important;
}

.color-yellow {
    color: #ffb400 !important;
}

.color-green {
    color: #3CCB57 !important;
}

.full-width {
    width: 100%;
    height: auto;
}

.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover,
.heading h2,
.header .navbar-default .navbar-nav > li > a {
    text-transform: none;
}

.padding-small-hr {
    padding-left: 4px;
    padding-right: 4px;
}

.no-border-top {
    border-top: 0 !important;
}

.padding-10 {
    padding: 10px;
}

.product-description {
    padding: 0 !important;
}

.right-0 {
    right: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.border-wilo-grey {
    /*border: 1px solid #cccccc*/
    background-color: #F2F2F4;
}

.bgc-wilo-grey {
    background-color: #cccccc;
}

input[disabled] {
    background-color: #eeeeee !important;
}

select[disabled] {
    background-color: #eeeeee !important;
}

.autocomplete > ul {
    padding-left: 0;
}


kit-appearance: none; margin: 0;
}


select option {
    color: black;
}

    select option:first-child {
        color: grey;
    }

select.empty {
    color: grey;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.schneider-basic-color {
    color: #3CCB57 !important;
}

.gift-button-color {
    color: #42B4E6 !important;
}

.login-button {
    font-size: 15px !important;
}

    .gift-button-color:hover {
        color: #27d7e7 !important;
        text-decoration: none;
    }

    .gift-button-color:visited {
        color: #27d7e7 !important;
        text-decoration: none;
    }

.font-weight-bold {
    font-weight: bold;
}

#topbar .loginbar .welcome {
    font-size: 11px;
}

#topbar .loginbar span {
    font-size: 10px;
    font-weight: bold;
}

    #topbar .loginbar span:hover {
        cursor: default !important;
    }

.welcome:hover {
    cursor: default !important;
}

.color-white {
    color: white !important;
}

.font-size-13 {
    font-size: 13px;
}

.gift-image-style {
    height: 200px;
    width: 200px;
    padding-top: 25px;
    padding-bottom: 15px;
}


.gift-lists-images {
    height: 150px;
    width: 150px;
    /*padding-top: 25px;
    padding-bottom: 15px;*/
}

.gift-description-style {
    /*max-height:37px;*/
    max-height: 60px;
    min-height: 60px;
}

    .gift-description-style p {
        color: #7b7c82;
        font-weight: bold;
        padding-top: 20px;
    }

.font-weight-bold {
    font-weight: bold;
}

.title-product-style {
    font-weight: 600;
    color: #3CCB57 !important;
    font-size: 16px;
    margin-bottom:0px;
}

.border-wilo-grey a {
    cursor: pointer;
}

.padding-left-right-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-left-0 {
    padding-left: 0px;
}

.button-order-style {
    background: #42B4E6 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.login-links {
    font-size: 14px;
    color: #42B4E6 !important;
}

    .login-links:hover {
        text-decoration: none !important;
    }

.padding-right-7 {
    padding-right: 7px;
}

padding-right-4 {
    padding-right: 4px;
}

#changePasswordId:hover {
    cursor: pointer;
}

#changeEmailId:hover {
    cursor: pointer;
}

#navbar {
    /*padding-top: 10px;
    padding-bottom: 10px;*/
}

.font-size-16 {
    font-size: 16px !important;
}

.contact-address-color {
    color: #717171;
}

.text-align-justify {
    text-align: justify !important;
}

.display-inline-block {
    display: inline-block;
}

.contact-address-explain-text {
    color: #3ccb57;
    font-size: 11px;
}

.border-top-none {
    border-top: none !important;
}

.border_bottom {
    border-bottom: 0px !important;
}

.margin-left-news-description {
    margin-left: 5% !important;
}

.news-item-description {
    margin-left: 10%;
    margin-right: 10%;
}

.padding-top-0 {
    padding-top: 0 !important;
}

#news :hover {
    cursor: default;
}


.gift-points-green-div {
    background-color: #008B38;
    color: white !important;
    font-size: 18px !important;
    padding-top: 7px !important;
    padding-bottom: 3px !important;
}

    .gift-points-green-div span {
        font-size: 9px;
        text-transform: lowercase;
    }

#news a:hover {
    cursor: pointer;
}

.footer-grey-color {
    background-color: #E7E5E6;
}


#footer-corporate {
    font-size: 12px;
}

#footer-terms {
    font-size: 12px;
    color: #fff;
}

    #footer-terms:hover {
        cursor: pointer;
    }

#owner_id {
    color: #fff;
    font-size: 12px;
    padding-left: 50px;
}

@media(max-width:992px) {
    #owner_id {
        padding-left: 0px;
    }
}



@media (max-width:1240px) {
    .header .navbar-default .navbar-nav > li > a {
        font-size: 11px;
    }
}


#logo-header {
    padding-left: 30px;
}


#products_link {
    margin-top: 50px;
    margin-bottom: 50px;
}

    #products_link a {
        background-color: #42B4E6;
        padding-top: 16px;
        padding-bottom: 6px;
        padding-left: 28px;
        padding-right: 28px;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
    }

        #products_link a:hover {
            text-decoration: none;
        }


.carousel-image-text {
    width: 100%;
    position: relative;
    /*height: 400px !important;*/
}

.carousel-image-text h2 {
    position: absolute;
    /*top: 200px;*/
    top: 16%;
    left: 15%;
    width: 35%;
    min-width: 260px;
    color: white;
    background: rgb(0, 0, 0);
    background: rgba(0,0,0,0.5);
    letter-spacing: -1px;
    padding: 30px;
    /*font-size: 28px;*/
    font-size: 36px;
    text-align: left;
    line-height:39.6px;
    font-weight:100;

}

.carousel-image-text h2 span {
    margin: 0;
    font-size: 14px;
    line-height: 1.4 !important;
    display: block;
    font-weight: normal;
    /*font: 18px/45px Helvetica, Sans-Serif;*/
}

.carousel-image-text h2 br {
    line-height: 30px !important;
}

.carousel-image-text h2 a {
    margin-top: 20px;
    padding: 10px 20px;
}

.carousel-image-text h2 a span {
    line-height: 19.5px !important;
    font-weight: bold;
    font-size: 12px;
    /*font: 18px/45px Helvetica, Sans-Serif;*/
}

.training-table {
    width: 100%;
    margin: 15px 0;
}

.training-table th {
    width: 25%;
    border-left: 1px solid #3ECD59;
    padding: 5px;
}

.training-table td {
    width: 25%;
    padding: 10px 30px;
    font-weight: bold;
    border-left: 1px solid #3ECD59;
}

@media(max-width: 767px) {
    .training-table img {
        display: none;
    }
    .training-table th {
        text-align: center;
        min-width: 130px;
    }
}

.padding-top-bottom-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-right-left-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.gift-links-buttons {
    border: 1px solid #5bbc03;
    background-color: rgb(148,215,28);
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
    /*margin-top:45px;*/
}


.tool-image-style {
    height: 230px;
    width: 200px;
    padding-top: 25px;
    padding-bottom: 15px;
}

.gift-points {
    width: 19%;
    background-color: #42B4E6;
}

    .gift-points p {
        color: #fff;
        font-size: 18px;
    }

@media(max-width:400px) {
    .navbar-brand {
        padding-top: 10px !important;
        width: 80%;
    }
}

.links-class:hover {
    color: #009c7b;
}

.links-class:visited {
    color: #009c7b;
}

.heading-terms {
    font-weight: bold;
}

.font-size-14 {
    font-size: 14px;
}

.padding-left-5em {
    padding-left: 4em;
}

#terms-year {
    padding-left: 96%;
}

@media(max-width:770px) {
    #terms-year {
        padding-left: 65%;
    }
}

.terms-register:visited {
    color: #009c7b;
}

.terms-register:hover {
    color: #009c7b;
}

.terms-register {
    color: #009c7b;
}

.footer-socials li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
}

.footer-socials {
    margin-top: 10px !important;
}

.padding-top-bottom-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-left-right-0 {
    padding-left: 0;
    padding-right: 0;
}

.download-btn {
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}


@media (min-width:992px) and (max-width:1100px) {
    .download-btn {
        padding-top: 9px !important;
    }

        .download-btn img {
            max-width: 135px !important;
        }
}


@media (max-width:1199px) {
    #login-seperator {
        display: none;
    }
}


@media (min-width:992px) and (max-width:1199px) {
    .font-size-keep-con {
        font-size: 13px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .keep-connection-link {
        padding-left: 28px;
    }

    .font-size-keep-con {
        font-size: 12px !important;
    }
}

.padding-top-7{
    padding-top:7px!important;
}


.height-30{
    height:30px;
}


.text-align-left{
    text-align:left;
}


@media (min-width:1200px) and (max-width:1350px){
    .carousel-image-text h2{
        top:4%;
    }
}

@media (min-width:1100px) and (max-width:1199px){
    .carousel-image-text h2{
        top:0%;
    }
}

@media (max-width:1099px){
    .carousel-image-text h2{
        display:none;
    }
}

.margin-top-29{
    margin-top:29px;
}


#tel-contact{
    font-size:14px;
    color:rgb(113, 113, 113)!important;
    margin-bottom:10px!important;
}
#tel-contact:hover{
    font-size:14px;
    color:rgb(113, 113, 113)!important;
    text-decoration:none;
    margin-bottom:10px!important;
}
#tel-contact:visited{
    font-size:14px;
    color:rgb(113, 113, 113)!important;
    text-decoration:none;
    margin-bottom:10px!important;
}

.marginn-top-28{
    margin-top:28px;
}

.select-stores select{
    height: 33px;
    padding: 6px 10px;
}

.store-addresses{
    color: rgb(153, 153, 153);
    padding:15px 0;
}

.margin-top-45{
    margin-top:45px;
}

#map_placeholder{
    width:100%;
    
    height:360px;
}

.text-align-center{
    text-align:center;
}

#filetrCategories{
vertical-align: middle;
}


@media (min-width: 992px) {
    .header .navbar-default .navbar-nav > li > a {
        padding: 9px 10px 9px 15px;
    }
}


#padding-text-header{
    height:17px;
}

.menu-item a:focus{
    border-bottom:solid 2px #fff!important;
}
.news-pointer:hover{
    cursor:pointer!important;
}

.margin-bottom-30{
    margin-bottom:30px!important;
}


.news-image-style{
    width:100%;
}

.news-description-html{
    text-align:justify;
    margin-left:5%; 
    margin-right:5%;
}


@media (max-width:767px){
    .news-description-html{
        margin-left:0%; 
        margin-right:2%;
    }

    .margin-left-news-description{
        margin-left:0%!important;
    }

    #news{
        padding-bottom: 22px;
    }
}


.gift-links-buttons:hover{
    color:#fff!important;
}

.gift-description-text{
    min-height:104px;
    max-height:104px;
    margin-bottom:0;
}

.title-gifts{
    font-size:18px;
    font-family:Arial;
    color:rgb(110, 110, 109);
    margin-top:10px;
}

.background-color-gifts{
    background-color:#eaeaea;
}

.padding-right-none{
    padding-right:0;
}

#points-gift{
    color:#4fa600;
}

.margin-top-8{
    margin-top:8px;
}

.gift-lists-images:hover{
    cursor:pointer;
}

@media (min-width:768px) and (max-width:1199px){
    .img-class-respn{
        padding-left:0px;
    }
    .gift-description-text{
        max-height:120px;
        min-height:120px;
    }
}

@media (min-width:370px) and (max-width:767px){
  .img-class-respn{
      text-align:center!important;
  }
}

@media (min-width:330px) and (max-width:369px){
  .gift-lists-images {
    height: 130px;
    width: 130px;
    }

  .gift-description-text{
      min-height:130px;
      max-height:130px;      
  }
}

@media  (min-width:310px) and (max-width:329px){
  .gift-lists-images {
      height: 120px;
      width: 120px;
    }

  .gift-description-text{
    min-height: 127px;
    max-height: 127px;
  }
}

@media  (min-width:296px) and (max-width:309px){
  .gift-lists-images {
      height: 113px;
      width: 113px;
    }

  .gift-description-text{
    min-height: 127px;
    max-height: 127px;
  }
}

@media  (min-width:288px) and (max-width:295px){
  .gift-lists-images {
      height: 108px;
      width: 108px;
    }

  .gift-description-text{
    min-height: 145px;
    max-height: 145px;
  }
}

@media  (max-width:287px){
  .gift-lists-images {
      height: 98px;
      width: 98px;
    }

  .gift-description-text{
    min-height: 145px;
    max-height: 145px;
  }
}

.stores-partners-title{
    color:#4fa600;
}

.stores-partners p{
    line-height:20px;
    font-size:13px;

}

.padding-left-15{
    padding-left:15px;
}

.padding-left-16{
    padding-left:16px;
}

.padding-left-21{
    padding-left:21px;
}

.padding-left-23{
    padding-left:23px;
}

.padding-left-24{
    padding-left:24px;
}

.padding-left-25{
    padding-left:25px;
}

.padding-left-26{
    padding-left:26px;
}

.padding-left-27{
    padding-left:27px;
}

.padding-left-28{
    padding-left:28px;
}

.padding-left-29{
    padding-left:29px;
}

.padding-left-30{
    padding-left:30px;
}

.padding-left-37{
    padding-left:37px;
}

.padding-left-41{
    padding-left:41px;
}

.product-description-style{
    max-height: 60px;
    min-height: 60px;
}

.product-description-style p{
    color: #7b7c82;
    font-weight: bold;
    padding-top: 20px;
    font-size:13px;
    margin-bottom:0px;
}

.product-description-style p:hover{
    cursor:pointer;
}

.product-title-div-style{
    min-height:60px;
    max-height:60px;
}

@media (min-width:300px) and (max-width:399px){
    .product-description-style{
        min-width:80px;
        max-height:80px;
    }
}

@media (max-width:299px){
    .product-description-style{
        min-width:90px;
        max-height:90px;
    }
}

.margin-top-60{
    margin-top:60px;
}


#image-products:hover{
    cursor:pointer;
}

.padding-right-0{
    padding-right:0;
}


#gifts-checkout{
    float:right;
}


.new-dimensions-ingifts-images{
    width:400px;
    height:400px;
    max-width:100%;
}

.dimensions-400{
    width:400px;
    height:400px;
    padding-top: 25px;
    padding-bottom: 15px;
}


.text-transform-none{
    text-transform: none!important;
}


.modal-header {
    width: 98% !important;
    min-height: 0 !important;
    padding: 18px !important;
    background: #fff !important;
    background-size: 0 !important;
    background-position: 0 !important;
    border-bottom: 0 !important;
}


.header .navbar-brand {
    padding-right:90px;
}


@media(max-width:1199px){
    .header .navbar-brand {
        padding-right:14px;
    }
}

@media(max-width:991px){
    .header .navbar-default .navbar-nav > li > a {
        font-size:13px;
    }
}

.gift-image-style-new{
    width:100%;
    height:200px;
    padding-top:10px;
    padding-bottom:0;
}

@media (min-width:992px)  and (max-width:1199px){
    .product-description-style{
        min-height:75px;
        max-height:75px;
    }
}

.gift-image-style-modal{
    width:100%;
    height:auto;
}

.margin-left-right-0{
    margin-left:0px;
    margin-right:0px;

}

.margin-bottom-40{
    margin-bottom:40px !important;
}


/*overwrite bootstrap style*/
.alert-info {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-info h4 {
  color: #468847;
}

.alert-info span{
    font-size:15px;
}

.font-size-17{
    font-size:17px;
}

.header .dropdown > a:after {
    right: 16px !important;
}

/* LOADER 4 */

.loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

#loader span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #e7e5e6;
    margin: 35px 5px;
    opacity: 0;
}

#loader span:nth-child(1) {
    animation: opacitychange 1s ease-in-out infinite;
}

#loader span:nth-child(2) {
    animation: opacitychange 1s ease-in-out 0.33s infinite;
}

#loader span:nth-child(3) {
    animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange {
    0%, 100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}