/*Styles for devices with width greater than 40em*/
/*-----------------------------------------
            General styles
  -----------------------------------------*/
@media all and (min-width: 40.5em) {
    .flex {
        display: flex;
    }
    .onehalf{
        width:50%;
    }
    .servicii article {
        width: initial;
    }
    .hasdoi-top::before {
        left: 45%;
    }
    .hasdoi-top::after {
        right: 45%;
    }
    .avantaj::before {
        background: url(../images/balanta-stanga.png) no-repeat;
        height: 120px;
    }
    .avantaj:nth-child(3)::before{
        background: url(../images/monitorizare-stanga.png) no-repeat;
    }
    .avantaj:first-child:hover::before{
        background: url(../images/balanta-stanga-rosu.png) no-repeat;
    }
    .avantaj:nth-child(3):hover::before{
        background: url(../images/monitorizare-stanga-rosu.png) no-repeat;
    }
    .avantaj:nth-child(2n):hover::before{
        background: url(../images/24-dreapta-rosu.png) no-repeat right center;
    }
    .avantaj:nth-child(2n)::before {
        background: url(../images/24-dreapta.png) no-repeat right center;
    }
    .avantaj:nth-child(4)::before{
        background: url(../images/20-dreapta.png) no-repeat right center;
    }
    .avantaj:nth-child(4):hover::before{
        background: url(../images/20-dreapta-rosu.png) no-repeat right center;
    }
    .features {
        background: url(../images/avantaje.jpg) no-repeat center;
    }
    .avantaj:nth-child(2n+1) {
        margin-top: 0;
    }
    .servicii.container{
        height:280px!important;
    }
    .meniu_principal{
        display:none;
    }
    .servicii article{
        max-width:300px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius:0;
        border-right:1px solid #eaeaea;
    }

    .servicii article:hover img{
        /*margin-top:-4em;*/
        border-radius:50%;
        -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        -moz-box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        margin-bottom:1em;
        /*position:absolute;*/
        /*top:-2em;*/
    }
    .servicii article:hover .citeste{
        display:block;
        position:absolute;
        bottom:1em;
        left:35%;
    }
    .servicii .citeste{
        display:none;
    }
    .archive .servicii{
        padding-bottom:8em;
    }
    .servicii article:hover h3::before{
        display: none;
    }
    .servicii .bx-viewport{
        padding:0 6.5em 1em 0;
        background-color:#ffffff;
    }
    .servicii article{
        margin:-2em auto 0;
    }
    .page section.servicii{
        margin-top:-8em!important;
    }
    .servicii .slideshow{
        padding:2em 0;
        /*background-color: #ffffff;*/
        z-index:2;
        overflow:auto
    }
    .avantaj:hover .hidden{
        display: block;
        text-transform: initial;
        padding:1em 0;
    }
    .hidden .citeste{
        margin-top: 1em;
    }
    .avantaj {
        height:14em;
    }
    .page section{
        padding:4em 0;
    }
    .home.page section.slider{
        padding-top:0;
    }
    .archive .servicii .bx-viewport{
        -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        -moz-box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        padding: 2em 0 5em 0;
        background-color:#ffffff;
        border-radius:10px;
    }
    .citeste.hidden{
        display:none;
    }
    .archive .servicii article:hover .citeste.hidden{
        display:block;
        margin-top:1em;
    }
}
@media all and (min-width:1024px){
    .mobil{
        display:none;
    }
    .large{
        display: block;
    }
    .container{
        width:70%;
    }
    .top-header{
        font-size:1em;
    }
    .meniu_principal.large{
        position:initial;
        width:initial;
        flex-direction: row;
        display: flex;
    }
    .meniu_principal li a:hover::after, .current-menu-item a::after{
        width:60%;
        left:20%;
        top:70%;
    }
    .meniu_principal li a:hover::before, .current-menu-item a::before{
        display:block;
        position:absolute;
        height:2px;
        background-color:#db0f30;
        z-index:1001;
        content:"";
        width:60%;
        left:0;
        top:25%;
    }
    .servicii .bx-wrapper{
        margin-top: -5em!important;
    }
    .slider-overlay{
        left: 20%;
        width: 60%;
    }
    .bottom-header{
        padding:1.5em 0;
        font-size:1.1em;
    }
    [class^="icon-"]::before, [class*=" icon-"]::before{
        font-size:1.2em;
    }
    .social{
        justify-content: space-around;
        width: 10%;
    }
    .large-flex{
        display: flex;
    }
    .item{
        width:50%;
        align-self: center;
        line-height:2em;
    }
    .slider p{
        font-size:1em;
    }
    .serviciu-title::after{
        width:10%;
    }
    .servicii-cat input:not([type="submit"]), .servicii-cat textarea, label[for="file"]{
        width:40%;
    }
    .carusel-servicii.large-flex{
        justify-content:space-around;
        flex-wrap: wrap;
        background-color: #ffffff;
    }
    .carusel-servicii a{
        -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        -moz-box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        box-shadow: 0 1px 5px 0 rgba(153,153,153,1);
        margin-bottom:0.65em;
        border-radius:5px;
        padding:2em;
        text-align: center;
        position:relative;
        display: block;
        min-width:210px;
        box-sizing: border-box;
    }
    .carusel-servicii img{
        display:none;
        box-shadow: none;
    }
    .carusel-servicii a:hover h2.blue{
        color:#db0f30;
    }
    .carusel-servicii a:hover img{
        position:absolute;
        display:block;
        top:-4em;
        left:25%;
        width:100px;
        height:auto;
        border-radius:50%;
    }
    .avantaje-despre img{
        border:none;
    }
    .avantaje-despre .avantaj{
        border:4px solid
    }
    .large-flex-wrap{
        flex-wrap:wrap;
    }
    #contact-form input[type="submit"]{
        display: block;
        width:12%;
    }
	#contact-form input[type="checkbox"]{
        display: inline-block;
        
    }
    #contact-form input:not([type="submit"]):not([type="checkbox"]), #contact-form textarea{
        width:45%;
        box-sizing: border-box;
    }
    .servicii .bx-viewport{
        max-width:643px;
        margin:0 auto;
        position:relative;
        /*padding-bottom:3em;*/
        /*border-radius:4em;*/
        /*background-color: #ffffff;*/
        border-radius:20px;
        -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.75);
        -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.75);
        box-shadow: 0 0 12px 0 rgba(0,0,0,0.75);
    }
    /*.servicii .bx-viewport::after {*/
        /*content:"";*/
        /*width:101%;*/
        /*height:90%;*/
        /*position:absolute;*/
        /*top:1em;*/
        /*left:1%;*/
        /*-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);*/
        /*-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);*/
        /*box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);*/
        /*z-index:1;*/
        /*overflow: visible;*/
    /*}*/
    .servicii .bx-viewport img{
        background-color:#ffffff;
    }
    .parteneri a{
        width:25%;
    }
}
@media all and (min-width:1300px){
    .archive .servicii .bx-viewport{
        left: -3em;
        padding: 2em 6.5em 3em 0;
    }
    .archive .servicii-cat{
        padding-top:7em;
    }
    .inside{
        width:60%;
        margin:2em auto 0;
    }
    .inside form{
        width:90%;
        margin:2em auto;
    }
    .footer.social{
        width:7.5%;
    }
    /*#logo{*/
        /*background-image:url(../images/logo.jpg);*/
        /*width:242px;*/
        /*height:25px;*/
    /*}*/
    .large-despre{
        display: flex;
        justify-content: space-between;
        margin-top:2em;
    }
    .despre-continut{
        width:45%;
    }
    .images{
        width:40%;
    }
    .sender, .shipper{
        padding:10em 0;
    }
    .feature{
        padding-top:4em;
    }
    .features{
        width:70%;
        margin:4em auto;
    }
    .hasdoi-top::before, .hasdoi-top::after{
        top:35%;
    }
    .hasdoi-top::before{
        left:46%;
    }
    .hasdoi-top::after{
        right:46%;
    }
    .avantaj:nth-child(2n+1)::before{
        position:relative;
        left:-0.5em;
    }
    .avantaj:nth-child(2n)::before{
        position:relative;
        right:-1em;
    }
    .serviciu-title::after{
        width:5%;
    }
    .overlay{
        width:20%;
    }
    .servicii .bx-viewport{
        max-width:1020px;
        min-width: 1020px;
        margin-left: -4em;
    }
}
@media all and (min-width:1600px){
    .archive .servicii .bx-viewport{
        left: 0;
    }
    .modal{
        width:60%;
        left:20%;
        padding:8em;
    }
    .despre-carusel{
        min-height:300px;
    }
    .servicii .bx-wrapper{
        margin-top: -8em!important;
    }
    .prognosis{
        width:45%;
    }
    .prognosis img{
        width:initial;
    }
    .social{
        width:7.5%;
    }
    .avantaj-despre {
        height: 300px;
        text-align: center;
        width: 300px;
        position:relative;
        overflow: hidden;
    }

    .avantaj-despre img, .avantaj-overlay{
        align-self:center;
        margin:auto;
    }
    .avantaj-overlay{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background-color:white;
        padding:1em;
        line-height:2em;
        box-sizing: border-box;
    }
    .avantaj-overlay:hover img{
        display: none;
    }
    .avantaj-overlay > p {
        padding: 8em 0;
    }
    .avantaj-despre:hover .avantaj-overlay{
        display: block;
    }
    .icon-cancel-circled-outline.modal-cancel{
        top:-6em;
    }
}
@media all and (min-width:1800px){
    .servicii .bx-viewport{
        max-width:1330px;
        padding:1em 11em 1em 0;
        margin-left:-5em;
    }

}
@media all and (min-width:1900px){
    .servicii .bx-viewport{
        padding:1em 6.5em 1em 0;
    }
}
@media all and (min-width:1930px){
    .page section.slider{
        background-color:#db0f30;
        /*padding:0*/
    }
    .slider .cycle-slideshow{
        max-width:1920px;
        margin:0 auto;
    }
    .servicii .bx-viewport{
        margin:0 auto;
    }
}