/* 
    Created by SigmaNet (Developer: Kóré Levente) - with Symfony 3.2 - www.premiumwebsites.eu - Professional Online Solutions
*/
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

/*************************** Genereal / Reset *********************************/
a:visited{
    color: inherit;
}
.auto-margin{
    margin:auto;
}
.page-container{
    margin-left: 9% !important;
    margin-right: 9% !important;
    max-width: 1920px !important;
}
.container-fluid{
    padding:0;
}
.bold{
    font-weight:bold !important;
}
/* padding eltuntetese*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding:0;
}
.text-center{
    text-align: center;
}
.caret{
    margin: 7px;
}
#totop{
    background-image: url('/images/top.png');
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    /*margin:0 auto;*/
    background-position: left;
    background-size:100% auto;
    position: fixed;
    right: 50px;
    bottom:15%;
    display:none;
    z-index:999;
    transition:all 0.5s;
}
#totop:hover{
    /*background-image: url('/images/top.png');*/
    cursor: pointer;
    height: 47px;
    width: 47px;
    transition:all 0.5s;
}
/*a menu padding eltuntetese hogy jobb oldalon huzodjon ki a felso telefonszamokig*/
.navbar-collapse{
    padding:0;
    box-shadow: none;
}
.smalltext{ 
    font-size: 2.5vmax;;
    /*text-align: justify;*/
    color:#00264b;
    -webkit-text-fill-color:#00264b;
    line-height: 150%;
    font-weight: 400;
    margin:0;
}
.linktext{
    font-size: 2vmax;
}
.costext{
    font-size:1.45vmax;
    color:#00264b;
    -webkit-text-fill-color:#00264b;
}
#submenu{
    overflow: hidden;
}
.bigtext{
    color:#00264b;
    -webkit-text-fill-color:#00264b;
    font-size:3.5vmax;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
.price-text{
    font-size:4.2vmax;
}

@media only screen and (min-width:900px){
    .bigtext{
        font-size:20px !important;
    }
    .price-text{
        font-size:32px;
    }
    .smalltext{
        font-size: 17px !important;
        /*text-align: justify;*/
        color:#00264b;
        -webkit-text-fill-color:#00264b;
    }
    .linktext{
        font-size:12px; 
    }
    .costext{
        font-size:10px;;
    }
}
@media only screen and (min-width:700px) and (max-width:900px){
    .bigtext{
        font-size:18px !important;
    }
    .price-text{
        font-size:27px;
    }
    .smalltext{
        font-size: 15px !important;
        /*text-align: justify;*/
    }
    .linktext{
        font-size:10px; 
    }
}
a, a:hover, a:visited, a:link, a:active, a:focus, .btn:focus
{
    text-decoration: none;
    outline: none;
}
a, p, span, div, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
}
html {  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
}
*, *:before, *:after { 
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
html,body{
    width: 100%;
    height: 100%;
    margin:0;
    padding: 0;
    border: 0;
    font-family: 'Open Sans', sans-serif;
}
#window{
    color:red;
    position: fixed;
    top:0;
    z-index: 1000;
} 
body.modal-open {
    overflow: visible;
    position: absolute !important;
    width: 100%;
    height:100%;
}
.page-container-for-email{
    max-width:800px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.pac-container{
    z-index: 111111111;
}

/*******************************************************/
/*******************    HEADER      ********************/
/*******************************************************/
.motto{
    color:#00264b;
    -webkit-text-fill-color: #00264b;
}
.caut-holder{
    text-align: left;
}
.caut-wishlist-login-cos-holder{
    margin-top:0;
    width: 719px;
    float: right;
}
@media only screen and (max-width:1050px) and (min-width:1000px){
    .logo{
        right: 50px;
        position: relative;
    }
    .headerDivider {
        border-right: 1px solid white;
        height: 12px;
        display: inline-block;
        margin-left: 33px !important;
        margin-right: 1px !important;

    }
}
@media only screen and (max-width:768px){
    .logo{
        margin: 0 auto;
        display: table;
    }
    .top-phoneholder{
        text-align:center;
    }
    .top-mottoholder{
        text-align:center;
    }
    .masodiktelefonszam{
        white-space:pre;
    }
    .masodiktelefonszam::before{
        content:'\A';
    }
    .caut-wishlist-login-cos-holder{
        text-align:center;
    }
    .cos-holder,
    .login-holder,
    .wishlist-holder{
        margin-top:20px;
        text-align: center !important;
    }
    .caut-holder{
        margin-top:20px;
        text-align:center;
    }
    .cosholder-inside{
        margin:auto !important;
        float:none !important;
    }
    .flex-prev,
    .flex-next{
        display:none !important;
    }
    .flex-control-nav{
        display:block !important;
        top: 10%;
    }
    .flex-control-nav>li>a{
        background-color: #00264b;
        color:#00264b
    }
    .flex-control-nav>li>a.active{
        background-color: red !important;
        color:red
    }
}
@media only screen and (min-width:769px){
    .top-phoneholder{
        text-align:right;
    }
}
.languageholder{
    position: absolute;
    right: 0;
    top: 15px;
}
.headerDivider{
    border-right: 1px solid white;
    height: 12px; 
    display: inline-block;
    margin-left: 13px;
    margin-right: -6px;
} 
@media only screen and (max-width:1275px) and (min-width768px){
    .headerDivider{
        margin-left: 16px;
        margin-right: -16px;
    }
}
@media only screen and (max-width:769px){
    .headerDivider{
        display:none;
    }
}
.headerDivider2 {
    border-right: 1px solid white;
    height: 12px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.cos-holder,
.login-holder,
.wishlist-holder{
    text-align:right;
}
/*Wishlist center*/
@media only screen and (min-width:1590px){
    .wishlist-responsive{
        position: relative;
        right: 40px;
    }
}
@media only screen and (min-width:1000px){
    .wishlist-responsive{
        position: relative;
        right: 24px;
    }
}
.cosholder-inside{
    position:relative;
    width: 40px;
    height: 29px;
    float:right;
}

.cos-cantitate{
    position:absolute;
    bottom: 12px;
    left: 21px;
}
.cos-cantitate-number{
    position:absolute;
    bottom: 17px;
    left: 32px;
    font-weight:bold;
    color:white;
    -webkit-text-fill-color: white;
}
@media only screen and (min-width:1000px) and (max-width:1550px){
    #tooltip-for-wishlist-arrow{
        /*left: 38px;*/
    }
}
@media only screen and (min-width:1550px){
    #tooltip-for-wishlist-arrow{
        /*left: 55px;*/
    }
}
/********** MENU **********/
@media only screen and (min-width:1199px) and (max-width:2080px){
    #topnav li{
        margin: 0 0 0 25px;
    }
    .headerDivider{
        border-right: 1px solid white;
        height: 12px;
        display: inline-block;
        margin-left: 34px;
        margin-right: -25px;
    }
}
@media only screen and (max-width:768px){
    #topnav{
        text-align: center;
    }
}
/*@media only screen and (min-width:1899px){
    #topnav li{
        margin: 0 0 0 50px;
    }
    .headerDivider{
        border-right: 1px solid white;
        height: 12px;
        display: inline-block;
        margin-left: 36px;
        margin-right: -33px;
    }
}*/
#menu-title-inactiv{
    color:white;
    -webkit-text-fill-color: white;
    background-color:transparent !important;
}
#menu-title-inactiv:hover{
    text-decoration: underline;
}
#hamburger{
    float:none;
}
/*Hamburger animaton*/
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-toggle span.icon-bar {
    transition: all 0.15s;
}
.navbar-toggle span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle span:nth-child(3) {
    opacity: 0;
}
.navbar-toggle span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
    transform: rotate(0);
}
.navbar-toggle.collapsed span:nth-child(3) {
    opacity: 1;
}
/*End Hamburger Animation*/
.navbar-toggle .icon-bar {
    background-color: white;
}

/***** SEARCH POZICIONALAS  ****/
.input-style-search{
    background-color: #00264b;
    border: 1px solid white;
    color: white;
    -webkit-text-fill-color: white;
    width:90%;
    max-width: 190px;
    height: 31px;
    padding: 9px;
    padding-top:0;
    padding-bottom: 0;
}
.send-style-search{
    background: url(/images/search.png) no-repeat center;
    background-size: auto auto;
    width: 38px;
    height: 35px;
    border: none;
    position: absolute;
    right: 0; 
    background-size: 91%;
    bottom: -2px; 
}
@media only screen and (max-width:768px){ 
    .input-style-search{
        width:95%;
        max-width: none;
    } 
    .send-style-search{
        right: 0;
    }
}
@media only screen and (max-width:530px){ 
    .send-style-search{ 
        background: url(/images/search.png) no-repeat center;
        background-size: auto auto;
        width: 38px;
        height: 35px;
        border: none;
        position: absolute;
        right: -10px; 
        background-size: 91%; 
        bottom: -2px; 
    }
}/*
@media only screen and (min-width:530px) and (max-width:768px){
    .send-style-search{
        background: url(/images/search.png) no-repeat center;
        background-size: auto auto;
        width: 38px;
        height: 35px; 
        border: none;
        position: absolute;
        right: calc(100% - 210px);
        background-size: 91%;
        bottom: -2px;
    }
}*/
@media only screen and (min-width:768px) and (max-width:1250px){ 
    .send-style-search{
        background: url(/images/search.png) no-repeat center;
        background-size: auto auto;
        width: 38px;
        height: 35px;
        border: none;
        position: absolute;
        right: -8px; 
        background-size: 91%;
        bottom: -2px; 
    } 
}
@media only screen and (min-width:1250px) and (max-width:1340px){ 
    .send-style-search{
        background: url(/images/search.png) no-repeat center;
        background-size: auto auto;
        width: 38px;
        height: 35px;
        border: none;
        position: absolute;
        right: -3px; 
        background-size: 91%;
        bottom: -2px; 
    } 
}
@media only screen and (min-width:1340px) {
    .send-style-search{
        background: url(/images/search.png) no-repeat center;
        background-size: auto auto;
        width: 38px;
        height: 35px; 
        border: none;
        position: absolute;
        right: calc(100% - 185px);
        background-size: 91%;
        bottom: -2px;
    }
}
/****** SEARCH VEGE  ******/
/****** MODAL        ******/
.custom-modal-header{
    background-color:#00264b;
    color:white;
    -webkit-text-fill-color:white;
}
.logout-send-button-header{
    background-color:#00264b;
    color:white;
    -webkit-text-fill-color:white;
    border:none;
}
.logout-send-button-header:hover{
    text-decoration: underline;
}
.registration-username-input-style,
.registration-email-input-style,
.registration-password-input-style,
.login-email-input-style,
.login-password-input-style,
.forgotten_password-input-style{
    max-width: 520px;
    width:100%;
    height: 50px;
    border: 2px solid #00264b;
    margin-top: 10px;
}

.registration-send-button,
.login-send-button,
.contul_meu-send-button,
.forgotten_password-send-button{
    height: 50px;
    background-color: #00264b;
    color:white;
    -webkit-text-fill-color: white;
    border:none;
    font-weight: bold;
    margin-top:15px;
    min-width: 140px;
}
.registration-send-button:hover,
.login-send-button:hover,
.contul_meu-send-button:hover,
.forgotten_password-send-button:hover{ 
    background-color:#EE3123; 
    border: 2px solid #00264b; 
}
.required-input-text{ 
    text-align:left;
    color:red; 
    -webkit-text-fill-color:red;
}
.jak_pstrength{
    margin-top:4px;
    max-width: 520px; 
} 

#tooltip-for-cosul-meu{
    position: absolute;
    z-index: 2;
    top: 22px;
    /*padding-top: 27px;*/
}
@media only screen and (min-width:768px){
    .password-strenght-holder{
        margin-left: 24px;
    } 
}
@media only screen and (max-width:768px){
    #tooltip-for-cosul-meu{
        position: absolute;
        z-index: 2;
        top: 22px;
        width: 243% !important;
        max-width: 550px !important;
        right: -32px !important;
        /*padding-top: 27px;*/
    }
    .mini-cos-holder{
        width:100% !important;
    }
}
.telefonactiv:active{
    color:red;
    -webkit-text-fill-color: red;
}
.telefonactiv:hover{
    color:red;
    -webkit-text-fill-color: red;
}
/*******************************************************/
/*******************  END HEADER    ********************/
/*******************************************************/



/*******************************************************/
/*******************  SLIDER        ********************/
/*******************************************************/

/*@media only screen and(max-width:768px){
    .flex-prev,
    .flex-next{
        background-size:25% !important;
    }
}*/
.slider-text-holder{
    position:absolute;
    background-color:rgba(0,39,75,0.55);
    width: 100%;
    max-width: 550px;
    bottom:0;
    height: 70px;
    display:table;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.slidertext{
    color:white;
    -webkit-text-fill-color: white;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.flex-direction-nav a{
    width:63px;
    height: 74px;
}
.flex-control-nav {
    display:none;
}
/*******************************************************/
/*******************  END SLIDER    ********************/
/*******************************************************/


/*******************************************************/
/*******************  FOOTER    ********************/
/*******************************************************/
.newslettertitle{
    color:#00264b;
    -webkit-text-fill-color: #00264b;
    font-size: 25px;
    font-weight: bold;
} 
.newsletter-form-holder{
    display:inline-block;
    margin-left: 15px;
}
.newsletter-email-input-style{
    width: 260px;
    height: 50px;
    border: 2px solid #00264b;
}
.newsletter-button-style{
    height: 50px;
    background-color: #00264b;
    color:white;
    -webkit-text-fill-color: white;
    border:none;
    font-weight: bold;
    position: relative;
    right: 4px;
    transition: background 0.3s linear;
    width:105px;
}
@media only screen and (max-width:1200px){
    .newsletter-button-style{
        width:auto;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
    .newsletter-button-style{
        top:-1px;
    }
} 
@media only screen and (min-width:1400px) and (max-width:1901px){
    @media screen and (-webkit-min-device-pixel-ratio:0)
    and (min-resolution:.001dpcm) {
        .newsletter-button-style{
            top:0px;
        }
    }
}
.newsletter-button-style:hover{
    background-color:#EE3123;
    border: 2px solid #00264b;
    border-left: 1px;
    transition: background 0.3s linear;
}
.social-icon-holder{
    display:inline-block;
    margin: 0 4px 0 4px;
}
.social:hover{
    filter: contrast(160%);
}
@media only screen and (max-width:768px) {

    .newsletter-email-input-style{
        max-width: 170px;
    }
    .newsletter-holder{
        text-align: center;
    }
    .social-icon-holder{
        margin: 20px 4px 20px 4px;
    }
}
.footer-contact-text{
    color:white;
    -webkit-text-fill-color:white;
    text-align:center;
    font-weight:400;
    display:inline;

}
#footer-navigation-menu{
    float:none;   
    margin:auto;
    width:70%;
}
#footer-navigation-menu  > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
#footer-navigation-menu > li > a {
    line-height: 10px !important;
}
@media only screen and (min-width:1600px){
    #footer-navigation-menu{
        width:60%;
    }
}
@media only screen and (min-width:1900px){
    #footer-navigation-menu{
        width:50%;
    }
}

.footerDivider{
    border-right: 1px solid white;
    height: 12px; 
    display: inline-block;
    margin-left: 13px;
    margin-right: -6px;
}
@media only screen and (min-width:1000px){
    .footerDivider{
        margin-left: 13px;
        margin-right: 10px;
    }
}
@media only screen and (max-width:769px){
    .footerDivider{
        display:none;
    }
}
.webdesign{
    color:white;
    -webkit-text-fill-color: white;
    text-align:center;
}
.footer-menu{
    padding: 5px 0 1px 0;
    display:inline-block;
}
/*******************************************************/
/*******************  END FOOTER    ********************/
/*******************************************************/

/*******************************************************/
/*******************   HOME         ********************/
/*******************************************************/
.home-de-ce-noi{
    overflow: hidden;
    height:381px;
    background-color:#00ABFF; 
    padding:15px 7% 15px 15px;
}
.pontpontpont:after{
    content:"...";

}
.pontpontpont{
    height: 15em; 
    overflow: hidden;
}
/* ONLY FOR CHROME 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
    .pontpontpont{
        height: 15em;
    }
}
@media only screen and (min-width:1300px) and (max-width:1400px){
    @media screen and (-webkit-min-device-pixel-ratio:0)
    and (min-resolution:.001dpcm) {
        .send-style-search{
            right: calc(100% - 206px);
        }
    }
}
.maideparte{
    color:white;
    -webkit-text-fill-color: white;
    text-transform: uppercase;
    font-weight: bold;  
    top: 17px;
    position: relative;
}
.maideparte:hover{
    text-decoration: underline;
}

#owl-produse-recomandate .owl-page>span{
    background-color: #00264b;
}
#owl-produse-recomandate .active>span{
    background-color: red;
}
#owl-produse-recomandate .owl-controls{
    position:absolute;
    top:-50px;
    right:0;
}
@media only screen and (max-width:768px){
    #owl-produse-recomandate .owl-controls{
        top:-70px;
    }
}
.home-vezidetalii-holder{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.home-produserecomandate-vezidetalii{
    height: 45px;
    background-color: #EF3028;
    color:white;
    -webkit-text-fill-color: white;
    font-weight: bold;
    width: 95%;
    border-radius:0;
    transition: background 0.3s linear;
    position:relative;

}
.vezi-detalii-design-button{
    color: white;
    background-color: #00264b;
    width: 50px;
    height: 45px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    border-bottom-left-radius: 33px;
    border-top-right-radius: 3px;
}
.home-produserecomandate-vezidetalii:hover{
    background-color: #00264b;
    transition: background 0.3s linear;
}
.pretpromo{
    /*font-weight: bold;*/
    color:#EF3028;
    -webkit-text-fill-color:#EF3028;
}
.home-produse-holder{
    margin:0 5px 25px 5px;
    min-height: 300px;
    position:relative;
    max-width: 325px;
}
@media only screen and (max-width:620px){
    .home-produse-holder{
        height: 325px !important;
    }
}
@media only screen and (min-width:620px) and (max-width:900px){
    .home-produse-holder{
        min-height: 325px;
    }
}
@media only screen and (min-width:901px) and (max-width:1100px){
    .home-produse-holder{
        min-height: 325px;
    }
}
@media only screen and (min-width:1101px) and (max-width:1350px){
    .home-produse-holder{
        min-height: 295px;
    }
}
@media only screen and (min-width:1401px) and (max-width:1660px){
    .home-produse-holder{
        min-height: 295px;
    }
}
/*******************************************************/
/*******************  END HOME      ********************/
/*******************************************************/

/*******************************************************/
/*******************   CONTENT      ********************/
/*******************************************************/
.siglahr{
    margin: 0 9% 0 9%;
    border:0;
    border-top: 2px solid gray;
}
#owl-sigla{
    width: calc(100% - 100px) !important;
}
/* OWL BUTTONS */
.owl-prev {
    position: absolute;
    left: -50px;
    top: -8px;
}
.owl-next {
    position: absolute;
    right: -50px;
    top: -8px;
}
.owl-theme .owl-controls .owl-buttons div{
    background-color:transparent;
}
/*******************************************************/
/*******************  END CONTENT      ********************/
/*******************************************************/


/*******************************************************/
/*******************      PRODUSE   ********************/
/*******************************************************/
/*.produse-menu-square{
    height:150px;
    width: 14.2%; 
    color:white; 
    -webkit-text-fill-color:white;
    background-color: red;
    display: inline-block;
}*/
#cbp-usi{
    background: #88cd00;
}
#cbp-accesori-usi{
    background:  #ff8a00;
}
#cbp-control-acces{
    background: #00aaff;
}
#cbp-accesori-porti{
    background: #e80042;
}
#cbp-energie{
    background: #30d8be;
}
#cbp-alte-produse{
    background: #eeca00;
}
#cbp-mecanisme-ridicat{
    background: #9100a8;
}
#cbp-accesori-garduri{
    background: #ec008c;
}
.cbp-hropen .cbp-hrsub {
    display: block;
    padding-bottom: 5px;

}
.cbp-hrmenu > ul > li > a{
    color:white;
    -webkit-text-fill-color: white;
}
.cbp-hrmenu > ul > li > a:hover {
    color: black;
    -webkit-text-fill-color: black;;
}
.cbp-subcategorie:hover{
    color:black;
    -webkit-text-fill-color:black;
}
.cbp-hrmenu{
    padding:0;
    margin:0;
    font-family: 'Montserrat', sans-serif;
    border:0;
}
#cbp-custom-ul-style{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
@media only screen and (min-width:768px){
    #cbp-custom-ul-style>li{
        width:12.5%;
        height: 150px;
    }
}
.cbp-hrmenu > ul > li > a {
    font-weight: 700;
    padding: 10px 0 10px 0;
    margin:0;
    display: block;
    text-align: center;
}
.custom-class-for-disk-list{
    margin: 8px 0;
}
.custom-class-for-disk-list::before{
    content: "• ";
    color: white;;
    -webkit-text-fill-color: white;
}
.custom-class-for-disk-list:hover::before{
    content: "• ";
    color: black;
    -webkit-text-fill-color: black;
}
.cbp-hrsub{
    margin-top:0;
}
@media only screen and (max-width:768px){
    .cbp-image{
        display:none;
    }
    #cbp-custom-ul-style>li{
        height: auto;
        border:0;
    }
    .cbp-hrsub{
        margin-top:0px;
    }
}
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner{
    margin-top: 8px;
    text-align: left;
}
@media only screen and (min-width:786px){
    .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner{
        display: inline-flex;
        width:auto;
        margin-left: 9%;
    }

    .cbp-hrmenu .cbp-hrsub{
        /*padding-left:4;*/
    }
}
/*DROPDOWN MENU*/
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 320px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    transition: visibility 0.2s, opacity 0.3s linear;
    background-color:#00264b;
    color:white;
    -webkit-text-fill-color:white;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover{
    text-decoration: underline;
}
.dropdown:hover .dropdown-content {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.2s linear;
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.caret{
    color:white;
    -webkit-text-fill-color: white;
}
.caret:hover{
    color:black;
    -webkit-text-fill-color: black;
}
.dropdown:hover .caret{
    color:black;
    -webkit-text-fill-color: black;
}
.custom-class-for-disk-list:hover{
    color:black;
    -webkit-text-fill-color:black;
}
.cbp-hrmenu > ul > li{
    display:inline-table;
}.cbp-hrmenu > ul > li>a{
    height: 220px;
}
@media only screen and (max-width:768px){
    .cbp-hrmenu > ul > li{
        display:block;
    }.cbp-hrmenu > ul > li>a{
        height: auto;
    }
}

.produse .pagination{
    position: relative;
    float:right;
    font-weight: bold;
    color:#00264b;
    -webkit-text-fill-color: #00264b;
}
.produse .pagination>.current{
    background-color: red;
    border-radius: 60%;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 5px;
    color:white;
    -webkit-text-fill-color: white;

}
.produse .pagination>.page{
    margin: 0 4px 0 4px;
}
.produse .pagination>.next>a,
.produse .pagination>.previous>a{
    margin: 0 4px 0 4px;
}
.allink:hover{
    text-decoration: underline;
}

@media only screen and (max-width:768px){
    .mobil-view-half-width{
        width: 50%;
        font-size:20px !important;
        display: inline-block !important; 
    }
    #cbp-accesori-porti2{
        float:right;
    }
    #cbp-control-acces2{
        float:left;
    }
    #cbp-energie2{
        float:left;
    }
    #cbp-alte-produse2{
        float:right;
    }
    #cbp-mecanisme-ridicat2{
        float:left;
    }
    #cbp-accesori-garduri2{
        float:right;
    }
    .cbp-hrsub{
        position:absolute !important;
    }
    .dropdown-content {
        position: relative;
        height: 0px;
        width: 0px;
    }
    .dropdown-content>a{
        display:none;
    }
    .dropdown:hover .dropdown-content {
        display: block;
        height: auto;
        width:auto;
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: visibility 0s, opacity 0.2s linear;
    }
    .dropdown:hover .dropdown-content>a{
        display:block;
    }
    .custom-class-for-disk-list{
        font-size: 15px;
        margin-bottom:5px;
    }
    .dropdown {
        position: relative;
        display: block;
    }
    .caret{
        position: absolute;
        right: 0;
        top: -19px; 
    }
    #multumim-modal{
        position: absolute;
        margin:0;
        top: 0;
        width: 100%;
    }
}
/*******************************************************/
/*******************  END PRODUSE   ********************/
/*******************************************************/

/*******************************************************/
/*******************  CONTENTLISTER   ********************/
/*******************************************************/
.orderby{
    color:#00264b;
    border: 1px solid #00264b;
    height: 35px;
    background:url("../images/expand-button.png") 96% 5px no-repeat;
    -webkit-appearance: none;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    width: 165px;
}
/*******************************************************/
/*******************  END CONTENTLISTER   **************/
/*******************************************************/

/*******************************************************/
/*******************    CONTENT     ********************/
/*******************************************************/
.small-produs-image{
    border:1px solid rgba(26,26,26,0.7);
    opacity:0.5;
    transition: all 0.15s;
}
.small-produs-image:hover{
    border:1px solid #00264b;
    opacity: 1;
    transition: all 0.15s;
}
.container-form-holder{
    width: 100%;
    max-width: 380px;  
    margin-top:30px;
    position: relative;
}
#price_quantity{
    margin-bottom:30px;
    width:25px;
    padding-left:7px;
}
.quantity-change{
    width: 17px;
    height: 17px;
    display:inline-block;
    background-repeat: no-repeat;
    vertical-align: top;
    border: none;
    background: transparent;
}
.quantity-change:active{
    transform: translateY(4px);
}
.quantity-change-holder{
    margin-left:10px; 
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 50px;
    left: 105px;
    top: 4px;
}
.cumpara-send-button{
    background-color: #ee3029;
    background-image: url('../images/cos-buton.png');
    background-repeat: no-repeat;
    background-position: 94% center;
    background-size: 8%;
    border:none;
    color:white;
    -webkit-text-fill-color: white;
    height: 40px;
    width: 280px;
    font-size: 14px;
    transition: all 0.5s;
}
.cumpara-send-button:hover{
    background-color:#ff0900;
    max-width: 280px;
    transition: all 0.5s;
    background-image: none;
}
.cumpara-send-button:hover + .wishlist-send-button{
    visibility:hidden;
    opacity:0;
    transition: all 0.5s;
}
.cumpara-send-button:after{
    content: "";
    background: white;
    display: block;
    position: absolute;
    padding-top: 174px;
    padding-left: 200px;
    margin-left: -8px !important;
    margin-top: -53px;
    opacity: 0;
    transition: all 0.8s;
}
.cumpara-send-button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s  
}
@media only screen and (max-width:768px){
    .cumpara-send-button{
        background-image: none;
        width: 210px;;
    }
}
.wishlist-send-button{
    background-color: #00264b;
    background-image: url('../images/wishlist-buton.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 55%;;
    border:none;
    height: 40px;
    color:#00264b;
    -webkit-text-fill-color: #00264b;
    overflow:hidden;
    width: 40px;
    text-indent: -9999px;
    font-size: 14px;
    transition: all 0.5s;
}
.wishlist-send-button:hover{
    background-color: #151dad;
}
.wishlist-send-button:active{
    transform: translateY(4px); 
}
.rating-star-holder{
    display: inline-block;
    position: relative;
    bottom: 2px;
    left:12px;
}
.nav-tabs{
    border-bottom: 0;
}
.nav-tabs > li{
    border:1px solid #00264b;
    color:#00264b;
    -webkit-text-fill-color: #00264b;
    background-color:white; 
}
.nav-tabs > li.active{
    background-color: #00264b !important;
}
.nav-tabs > li.active > a{
    background-color: #00264b !important;
    border:1px solid #00264b;
}
.nav-tabs > li.active > a:hover{
    border:1px solid #00264b;
}
.nav-tabs > li.active > a:active{
    border:1px solid #00264b;
}
.nav-tabs > li.active > a> .bigtext {
    color:white !important;
    -webkit-text-fill-color:white !important;
}
#reviewholder{
    display:none;
    transition: all 0.5s;
    margin:15px 0;
}
@media only screen and (max-width:960px){
    .nav-tabs > li{
        width:100%;
    }
}
.opinie-client-name{
    color:#ee3029;
    -webkit-text-fill-color: #ee3029;
    display:inline-block;
    font-weight: bold;
}
.opinie-stars-holder{
    display:inline-flex;
    margin-left: 5px;
}
.opinie-description{
    color:#00264b;
    -webkit-text-fill-color: #00264b;
}
.opinie-date{
    margin:0;
    padding:0;
}
.add-review-stars-holder{
    display: inline-table;
    position: relative;
    top: -4px;
    margin-left: 15px;
}
.opinie-name-input-style,
.opinie-email-input-style{
    color:#00264b;
    -webkit-text-fill-color: #00264b;
    border: 1px solid #00264b;
    width:95%;
    max-width: 264px;
    padding:10px 0;
}
.opinie-email-input-style{
    position: relative;
    float:right;
}
.opinie-message-input-style{
    width:100%;
    /*max-width: 553px;*/
    color:#00264b;
    -webkit-text-fill-color: #00264b;
    border: 1px solid #00264b;
    padding:10px 0;
    resize: none;
}
.opinie-send-button{
    height: 50px;
    background-color: #00264b;
    color:white;
    -webkit-text-fill-color: white;
    border:none;
    font-weight: bold;
    position: relative;
    right: 4px;
    transition: background 0.3s linear;
    width:50%;
    max-width: 250px;
}
.opinie-send-button:hover{
    background-color:#EE3123;
    border: 2px solid #00264b;
    transition: background 0.3s linear;
}
/*******************************************************/
/******************* END  CONTENT   ********************/
/*******************************************************/


/*******************************************************/
/*******************    COS         ********************/
/*******************************************************/
.mini-cos-holder{
    border-bottom: 1px solid black;
    background-color: white;
    border-radius:2px;
    width: 300px;
}
@media only screen and (min-width:768px){
    .mini-cos-holder{
        width:500px;
    }
}
.header-minicos{
    background-color: white;;
    color:#00264b;
    -webkit-text-fill-color: #00264b;
    border-bottom: 1px solid #00264b;
}
#cart-quantity-holder > input {
    width: 25px;
    padding-left:4px;
}
#quantityplus>button{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: top;
    border: none;
    background-image: url('/../images/+.png');
    background-color:transparent;
}
#quantityminus>button{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: top;
    border: none;
    background-image: url('/../images/-.png');
    background-color:transparent;
}
@media only screen and (min-width:768px){
    #quantityplus{
        text-align: right;
    }
    #quantityminus{
        text-align: left;
    }
}
.cart-delete-button,
.wishlist-delete-button{
    border: none;
    background-image: url('/../images/delete.png');
    height: 30px;
    width: 30px;
    background-size: 100%;
    background-color: inherit;
}
.wishlist-delete-button{
    border: none;
    background-image: url('/../images/delete.png');
    height: 30px;
    width: 30px;
    background-size: 100%;
    background-color: inherit;
    position: absolute;
    top: 0;
    right: 0;
}
.wishlist-add-cart{
    border: none;
    background-image: url('/../images/shopping-cart-red.png');
    height: 30px;
    width: 30px;
    background-size: 100%;
    background-color: inherit;
    position: absolute;
    top: 0;
    left: 0;
}
.cart-finalizare-comanda-holder{
    text-align: right;
}
.finalizarebutton{
    text-align:right;
}
@media only screen and (max-width:768px){
    .cart-finalizare-comanda-holder{
        text-align: center;
    }
    .finalizarebutton{
        text-align:center;
    }
}
.cart-subtotal-cos,
.cart-subtotal-cos-price{
    font-weight: bold;
}
#cosTotalWithTva{
    font-weight: normal;
}

/*******************************************************/
/*******************    END COS    ********************/
/*******************************************************/

/*******************************************************/
/*******************    CONTUL MEU    ********************/
/*******************************************************/
.editeaza-datele{
    cursor:pointer;
}
.contul_meu-username-input-style,
.contul_meu-locality-input-style,
.contul_meu-address-input-style,
.contul_meu_tel-input-style{
    max-width: 520px;
    width:100%;
    height: 50px;
    border: 2px solid #00264b;
    margin-top: 10px;
}
.comanda-username-input-style,
.comanda-tel-input-style,
.comanda-email-input-style,
.comanda-locality-input-style,
.comanda-address-input-style,
.contul_meu-email-input-style,
.contul_meu-password-input-style,
.contul_meu-password_re-input-style{
    max-width: 520px;
    width:100%;
    height: 50px;
    border: 2px solid #00264b;
    margin-top: 10px;
}
/*******************************************************/
/*******************    END CONTUL MEU    **************/
/*******************************************************/

/*******************************************************/
/*******************    CONTACT    ********************/
/*******************************************************/
.contact-name-input-style,
.contact-email-input-style,
.contact-captcha-input-style{
    max-width: 520px;
    width:100%; 
    height: 50px;
    border: 2px solid #00264b;
    margin-top: 10px;
}
.contact-message-input-style{
    width:100%; 
    height: 150px;
    border: 2px solid #00264b;
    margin-top: 10px;
}
.captcha_image{
    height: 50px;
    border: 2px solid #00264b;
    /*top: -1px;*/
    position: relative;
    margin-top: 10px;
    width: 35%;
}
.contact-captcha-input-style{
    width: 55%;
    float:right;
    margin-right: 10px;
}
.contact-send-button{
    background-color:#00264b;
    color:white;
    -webkit-text-fill-color:white;
    border:none;
    max-width: 520px;
    width:100%;
    height: 50px;
    margin-top: 10px;
    font-weight: bold;
    font-size:20px;
}
.contact-email-input-style,
.contact-send-button{
    float:right;
}
.contact-form-holder-center{
    margin:auto;
    max-width: 1050px;
}
@media only screen and (max-width:768px){
    .contact-email-input-style,
    .contact-name-input-style,
    .contact-send-button{
        float:none;
    }
    .contac-form-center{
        text-align: center;
    }
    .contact-captcha-input-style{
        margin-right:0;
    }
}
/*******************************************************/
/*******************  END  CONTACT  ********************/
/*******************************************************/
/*LIGHTBOX*/
.lb-data .lb-close {
    background: url(/images/close.png) top right no-repeat;
}
.lb-nav a.lb-next {
    background: url(/images/next.png) right 48% no-repeat;
}
.lb-nav a.lb-prev {
    background: url(/images/prev.png) left 48% no-repeat;
}
.lb-cancel {
    background: url(/images/loading.gif) no-repeat;
}

/*PAGINATOR*/
#desprenoipagination .pagination>.current{
    display: none;
}
#desprenoipagination .pagination>.page{
    display: none;
}
#desprenoipagination .pagination{
    width:100%;
}
#desprenoipagination .pagination>.next>a{
    color:red;
    float:right;
    position: relative;
}
#desprenoipagination .pagination>.previous>a{
    color:red;
    float:left;
    position: relative;
}

#desprenoipagination.pagination>.first,
#desprenoipagination .pagination>.last{
    display:none;
}


.ro>.pagination>.next>a::before{
    content: "Pagina urmatoare >"
}
.ro>.pagination>.first{
    display:none;
}
.ro>.pagination>.previous>a::after{
    content: "< Pagina anterioara"
}

.en>.pagination>.next>a::before{
    content: "Next page >"
}
.en>.pagination>.previous>a::after{
    content: "< Previous page";
}
.lb-nav a.lb-next,
.lb-nav a.lb-next{
    width:12%;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

/*HOver effect*/
.hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
}

.hovereffect .overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}

.hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
}

.hovereffect h2 {
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    background:rgba(0,0,0,0.6);
    -webkit-transform:translatey(-100px);
    -ms-transform:translatey(-100px);
    transform:translatey(-100px);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:10px;
}

.hovereffect a.info {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#fff;
    border:1px solid #fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin:50px 0 0;
    padding:7px 14px;
}

.hovereffect a.info:hover {
    box-shadow:0 0 5px #fff;
}
.hovereffect:hover img {
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}
.hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
}
.hovereffect:hover h2,.hovereffect:hover a.info {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
}
.hovereffect:hover a.info {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}
.hovereffect h2{
    background-color: #00264b;
}
.hovereffect a.info{
    border:1px solid #00264b;
}

.produse-hover{
    display: inline-block;
    position: relative;
    background: none;
    border: none;
}
.produse-hover::before, .produse-hover::after{
    content:"";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #fff;
}
.home-produse-holder{
    margin:auto;
}
@media only screen and (max-width:700px){
    .mobilviewmarginhomepage{
        margin-bottom: 69px;     
    }
}
/*.home-produse-holder:hover{
    background-color:#e5e5eb;
    transition: all 0.1s;
}*/

.border-inOutSpread::after{
    border-bottom: 2px solid #cccccc;
}
.border-inOutSpread::before {
    border-top: 2px solid #cccccc;  
}
.caut-wishlist-login-cos-holder{
    margin-top:35px;
}
@media only screen and (max-width:768px){
    .caut-wishlist-login-cos-holder{
        margin-top:0 !important;
        width: auto !important;
        float: none !important;
    }
    .motto{
        font-size:16px !important;
    }
    .footer-contact-image{
        max-width: 10%;
    }
    .produse .pagination{
        float:left;
    }
    .home-produserecomandate-vezidetalii{
        width:120px;
    }
}


/*responzivitas*/
@media only screen and (min-width:768px){
    .header-holder-on-desktop{
        max-width: 770px;
        float:right;
    }
}
.pret-produse{
    position:absolute;
    bottom:45px;
}
.produse-font-size{
    font-size: 25px;
}
.cbp-subcategorie{
    font-size:20px;
}
.produse-padding-3sor{
    padding:0 33px;
}
.pret-produse{
    font-size: 25px !important;
}
@media only screen and (max-width:768px){
    .produse-padding-3sor{
        padding:0;
    }
    .blue-arrow-produse-lister,
    .vezi-detalii-design-button{
        display:none;
    }
    .pret-produse{
        font-size: 21px !important;
    }
    .cosholder-inside{
        top: 12px;
    }
}
@media only screen and (max-width:1500px){
    .produse-font-size{
        font-size: 22px;
    }
    .cbp-subcategorie{
        font-size:17px;
    }
}
@media only screen and (max-width:1300px){
    .produse-font-size{
        font-size: 20px;
    }
    .cbp-subcategorie{
        font-size:15px;
    }
    .produse-padding-3sor{
        padding: 0 15px;
    }
}