/*
Theme Name: Axel Logistics
Author: BlueHex
Author URI: http://bluehex.ro/
Version: 1.0
*/
/*-----------------------------------------
            General styles
  -----------------------------------------*/
*{
    margin:0;
    padding:0;
    /*box-sizing: border-box;*/
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#map {
    height: 100%;
}
#map2 {
    height: 100%;
}
body{
    font-size:14px;
    font-family:'Source Sans Pro', 'Arial', sans-serif;
    color:#5d5c5c;
}
a, a:link, a:focus, a:hover, a:active{
    text-decoration:none;
    outline:none;
}
img{
    max-width:100%;
    height:auto;
}
.uppercase{
    text-transform: uppercase;
}
.grey{
    color:#74797e;
}
.light-grey{
    color:#a2a9ae;
}
.blue{
    color:#18364a;
}
.red{
    color:#db0f30;
}
.white{
    color:#ffffff;
}
.footer-grey{
    color:#303a42;
}
.container{
    max-width:80%;
    margin:0 auto;
}
.flex{
    display:flex;
}
.flex-col{
    flex-direction: column;
}
.flex-row{
    flex-direction:row;
}
.space-between{
    justify-content: space-between;
}
.space-around{
    justify-content: space-around;
}
section{
    padding:4em 0 0;
}
.large{
    display: none;
}
.success{
    margin:1em 0;
}
.bold{
    font-weight: bold;
    font-size:1.1em;
}
/*-----------------------------------------
            Header
  -----------------------------------------*/
header{
    position:relative;
}
.top-header{
    font-size:0.8em;
    border-bottom:1px solid #eaeaea;
}
.top-header select {
    border: medium none;
    border-radius: 0;
    color: #db0f30;
    padding: 0 0.5em;
    text-transform: uppercase;
    background-color:#f1f4f6;
}
.top-header option{
    padding: 1em 0.5em;
    text-align: center;
}
.top-header select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.options{
    align-self: center;
}
.bottom-header{
    padding:2em 0;
}
.meniu_principal{
    position:absolute;
    width:100%;
    bottom:-18.4em;
    left:0;
    background-color: #ffffff;
    z-index:1000;
    list-style: none;
    flex-direction:column;
    padding:1em 0;
    text-align: center;
    display:none;
}
.meniu_principal.active{
    display: block;
}
.meniu_principal li a{
    padding:1em;
    display: block;
    text-transform: uppercase;
    color:#282727;
    position:relative;
}
.meniu_principal li:last-child a{
    padding-right:0
}
.meniu_principal li a:hover::after, .current-menu-item a::after{
    display:block;
    position:absolute;
    bottom:0;
    width:20%;
    left:40%;
    height:2px;
    background-color:#db0f30;
    z-index:1001;
    content:"";
}
/*#logo{*/
    /*display: block;*/
    /*width:150px;*/
    /*height:14px;*/
    /*background:url(images/logo-mobil.jpg) no-repeat;*/
/*}*/
.burger{
    background:transparent url(images/burger.png) no-repeat;
    border:none;
    border-radius:0;
    width:52px;
    height:47px;
}
.social{
    list-style: none;
}
.social, #logo{
    align-self:center;
}
header .social a{
    padding:1em;
    display: block;
} 
header .social a:hover{
    color:#db0f30;
    -webkit-box-shadow: -1px 9px 23px 0px rgba(234,234,234,1);
    -moz-box-shadow: -1px 9px 23px 0px rgba(234,234,234,1);
    box-shadow: -1px 9px 23px 0px rgba(234,234,234,1);
}
.continut.container.large-flex ul, .despre-continut ul{
    list-style: none;
    margin:1.5em 0;
    padding-left:1em;
}
.continut.container.large-flex li::before, .despre-continut li::before{
    content: "\00BB \0020";
    display: inline-block;
    margin-right:0.5em;

}
/*-----------------------------------------
            Front page
  -----------------------------------------*/
.slider-overlay{
    position:absolute;
    width:90%;
    top:25%;
    left:5%;
    text-align: center;
    color:#ffffff;
}
.slider-overlay h2{
    font-weight:bold;
    position:relative;
    margin-bottom:2em;
}
.slider-overlay h2::after{
    width:20%;
    height:3px;
    background-color:#db0f30;
    left:40%;
    position:absolute;
    content:"";
    display: block;
    margin-top:1em;

}
.slider p{
    font-size:0.7em;
    line-height:1.8em;
}
.slider .link{
    display: inline-block;
    background-color:#ffffff;
    margin:2em auto 0;
    padding:.5em 2em;
    border-radius:20px;
    color:#18364a;
}
.slider img{
    min-height:300px;
}
.servicii{
    text-align: center;
    padding-bottom:4em;
}
.servicii .bx-wrapper{
    margin-top:-7em!important;
    z-index:999;
    position:relative;
}
.servicii article {
    border-radius: 5px;
    padding: 1em 2em;
    /*background-color:#ffffff;*/
    -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);
    width:60%!important;
    margin:0 auto;
}
.slideshow p{
    min-height:2.6em;
}
.citeste{
    color:#000000;
    display: block;
}
.citeste::before{
    color:#db0f30;
}
.control {
    display: block;
    position: absolute;
    top: 55%;
    font-size:2em;
    color:#a2a9ae;
}
.control:hover{
    color:#db0f30;
}
.control.icon-right-open{
    right:-10%;
}
.control.icon-left-open{
    left:-5%;
}
.servicii h3 {
    margin-bottom: 0.5em;
    font-weight:400;
    position:relative;
}
.servicii h3::before {
    background: #db0f30 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    left: 35%;
    position: absolute;
    top: -1em;
    width: 30%;
}
.hasdoi{
    font-size:2em;
    text-align: center;
}
.hasdoi-top span{
    width:1em;
    height:1em;
    background-color:#db0f30;
    border-radius:50%;
    display: inline-block;
}
.hasdoi-top{
    position:relative;
    text-align: center;
}
.hasdoi-top::before, .hasdoi-top::after {
    display: inline-block;
    width: 30px;
    height: 3px;
    background-color: #db0f30;
    content: "";
    position:absolute;
    top:40%;
}
.hasdoi-top::before{
    left:35%;
}
.hasdoi-top::after{
    right:35%;
}
.hasdoi-subtitlu{
    text-align: center;
}
section.despre{
    padding-top:0;
}
.despre-continut{
    margin-top:1em;
    line-height:2em;
}
.images{
    position:relative;
}
.images::after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:15%;
    -webkit-box-shadow: 0 10px 10px -7px rgba(154,170,170,1);
    -moz-box-shadow: 0 10px 10px -7px rgba(154,170,170,1);
    box-shadow: 0 10px 10px -7px rgba(154,170,170,1);
    border-radius:10px;
}
.prognosis{
    margin:2em auto;
    width:70%;
}
.prognosis img{
    border:5px solid #18364a;
    width: 23%;
    margin-right:2%;
}
.despre .cycle-pager{
    width:10%;
    position:absolute;
    top:35%;
    right:-15%;
    z-index:999;
}
.despre-carusel{
    margin:2em 0;
}
.despre-carusel li img{
    border-radius:10px;
}
.cycle-pager span{
    color:#eaeaea;
    font-size:3.5em;
    cursor:pointer;
    line-height:0.75em;
    display: block;
}
.cycle-pager span.cycle-pager-active{
    color:#db0f30;
}
form{
    width:80%;
    margin:2em auto;
}
.sender, .shipper {
    color:#ffffff;
    padding:4em 2em;
    text-align: center;
}
.sender h2, .shipper h2{
    font-weight:600;
    text-transform: capitalize;
    margin-bottom:1em;
}
.sender .textwidget, .shipper .textwidget{
    font-size:0.9em;
}
.sender{
    background:url(images/sender-bkg.jpg);
    background-size: cover;
    position:relative;
}
.shipper{
    background:url(images/shipper-bkg.png);
    background-size: cover;
    position:relative;
}
.sender::after, .shipper::after{
    display:block;
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    z-index:1;
    background-color:rgba(0,0,0,0.5);
    top:0;
    left:0;
}
.shipper:hover,.sender a, .sender:hover, .shipper a{
    background:#db0f30 none;
}
.sender:hover::after, .shipper:hover::after{
    background: none;
}
.form-link{
    display:inline-block;
    color:#ffffff;
    padding:0.5em 1em;
    border-radius:20px;
    margin-top:1em;
}
.form-link:hover{
    background-color:#db0f30;
}

#contact-form .form-link, .link{
    background-color:#18364a;
    border:none;
}
.sender a.form-link:hover, .shipper a.form-link:hover{
    background-color:#18364a;
}
#contact-form .form-link:hover, .link:hover{
    background-color:#db0f30;
}
a.link.light-grey:hover{
    color:#ffffff;
}
.sender .widget .widget_title,.sender .widget .textwidget, .sender a, .shipper .widget_text, .shipper a{
    position:relative;
    z-index:2;
}
.feature{
    padding:2em 0 4em;
}
.features{
    background:url(images/avantaje-mic.jpg) no-repeat center;
    margin:2em 0;
    padding: 2.5em 0;
}
.features.flex{
    flex-wrap:wrap;
}
.avantaj:nth-child(2n+1){
    margin-top:3em;
}
.avantaj{
    width:40%;
    height:8em;
    position:relative;
}
body:not(.page-template-tpl-contact-php) ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f19fad;
}
body:not(.page-template-tpl-contact-php) ::-moz-placeholder { /* Firefox 19+ */
  color: #f19fad;
}
body:not(.page-template-tpl-contact-php) :-ms-input-placeholder { /* IE 10+ */
  color: #f19fad;
}
body:not(.page-template-tpl-contact-php) :-moz-placeholder { /* Firefox 18- */
  color: #f19fad;
}

.avantaj::after{
    width:50%;
    display:inline-block;
    content:"";
    position:absolute;
    height:1px;
    border-bottom:1px dashed #eaeaea;
    top:30%;
    z-index:1;
}
.avantaj:nth-child(odd)::after{
    left:20%;
}
.avantaj:nth-child(odd):hover::after, .avantaj:nth-child(even):hover::after{
    border-color:#db0f30;
}
.avantaj:nth-child(even)::after{
    right:20%;
}
.avantaj::before{
    background:url(images/beneficiu-stanga-mic.png) no-repeat;
    content: "";
    display: block;
    width:100%;
    height:60px;
    z-index:2;
}
/*.avantaj:hover::before, .avantaj:nth-child(2n):hover::before{*/
    /*background-image:url(images/beneficiu-hover-mic.png);*/
/*}*/
/*.avantaj:nth-child(2n)::before{*/
    /*background: url(images/beneficiu-dreapta-mic.png) no-repeat right center;*/
/*}*/
.avantaj::before {
    background: url(images/balanta-stanga-mic.png) no-repeat;
}
.avantaj:nth-child(3)::before{
    background: url(images/monitorizare-stanga-mic.png) no-repeat;
}
.avantaj:first-child:hover::before{
    background: url(images/balanta-stanga-rosu-mic.png) no-repeat;
}
.avantaj:nth-child(3):hover::before{
    background: url(images/monitorizare-stanga-rosu-mic.png) no-repeat;
}
.avantaj:nth-child(2n):hover::before{
    background: url(images/24-dreapta-rosu-mic.png) no-repeat right center;
}
.avantaj:nth-child(2n)::before {
    background: url(images/24-dreapta-mic.png) no-repeat right center;
}
.avantaj:nth-child(4)::before{
    background: url(images/20-dreapta-mic.png) no-repeat right center;
}
.avantaj:nth-child(4):hover::before{
    background: url(images/20-dreapta-rosu-mic.png) no-repeat right center;
}
.avantaj:nth-child(2n){
    margin-top:2em;
    text-align: right;
}
.avantaj .hidden{
    display:none;
}
#contact-form{
    background:url(images/form-bk.jpg) no-repeat;
    background-size:cover;
    text-align: center;
    padding:0;
}
.inside{
    padding:4em 0;
    background-color:#db0f30;
}
#contact-form .hasdoi-top span, #contact-form .hasdoi-top::before, #contact-form .hasdoi-top::after{
    background-color:#ffffff;
}
#contact-form .hasdoi, #contact-form .hasdoi-subtitlu{
   color: #ffffff;
}

#contact-form input:not([type="submit"]), #contact-form textarea{
    background-color:transparent;
    border:1px solid #f19fad;
    color:#f19fad;
    width:80%;
    margin:0 auto 1em;
    padding:1em 3em;
    border-radius:5px;
    box-sizing:border-box;
}

#contact-form input[type="submit"] {
    display: block;
    margin: 2em auto 0;
}
.parteneri, .evaluare,.despre{
    background: url(images/parteneri.png);
    background-size:cover;
}
.parteneri .flex{
    flex-wrap: wrap;
}
.parteneri img{
    margin-bottom:3em;
}
.parteneri .hasdoi-subtitlu{
    margin-bottom:2em;
}
footer {
    background-color:#071621;
    padding:1em 0;
    text-align:center;
}
.copy{
    margin-bottom:0;
}
.footer.social{
    width:10%;
    margin:1em auto 0;
}
/*-----------------------------------------
            Despre noi Page
  -----------------------------------------*/
.title{
    background:url(images/title_bkg_mic.jpeg) no-repeat center;
    background-size:cover;
    padding:4em 0 0;
    margin-bottom:6em;
}
.title h1{
    text-transform: uppercase;
    background:#ffffff;
    display: inline-block;
    padding:1em 2em;
    position:relative;
    bottom:-1.5em;
    border-radius:5px;
    font-size:1.5em;
    margin: auto;
    -webkit-box-shadow: 0 10px 10px -7px rgba(154,170,170,1);
    -moz-box-shadow: 0 10px 10px -7px rgba(154,170,170,1);
    box-shadow: 0 10px 10px -7px rgba(154,170,170,1);
}
.avantaje-despre{
    background:url(images/avantaje-despre-mic.jpeg) no-repeat;
    background-size:cover;
}
.avantaje-despre .flex{
    flex-wrap:wrap;
}

#parteneri{
    position:relative;
}
.parteneri{
    text-align: center;
}
.modal {
    background-color: #ffffff;
    left: 5%;
    position: absolute;
    width: 90%;
    padding:2em;
    top:0;
    display:none;
    z-index:2;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
}
body.dark::after{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    content:"";
    top:0;
    left:0;
    z-index:1;
    display:block;
}
.modal.visible{
    display:block;
}
.modal-title{
    margin-bottom:1em;
}
.modal-text{
    position:relative;
}
.icon-cancel-circled-outline.modal-cancel{
    display:block;
    font-size:1em;
    position:absolute;
    top:-4em;
    right:0;
}
.avantaj-despre{
    border:5px solid #ffffff;
}
.avantaj-overlay {
    display: none;
}
.avantaje.flex.space-around{
    margin:2em auto;
    width:80%;
}
/*-----------------------------------------
            Servicii Category
  -----------------------------------------*/
.serviciu-title{
    font-size:1.3em;
    margin-bottom:1em;
}
.serviciu-title::after{
    content:'';
    display:block;
    height:1px;
    width:20%;
    margin:1em auto 0;
    background-color:#db0f30;
}
.servicii-cat{
    text-align: center;
    list-style: none;
    padding-top:2em;
    background-color:#ffffff;
}
.carusel-servicii .cycle-carousel-wrap{
    width:100%;
    text-align:center;
}
.servicii-slide{
    display: block;
    text-align: center;
    max-width:80%;
    margin:0 auto!important;
}
.continut .bx-viewport{
    padding: 0.1em 0 0.95em;
}
.carusel-servicii img{
    -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);
    border-radius:5px;

}
.link{
    margin:2em 0 4em;
}
.serviciu{
    border-bottom: 1px solid #eaeaea;
}
.serviciu:last-child{
    border-bottom: none;
}
.servicii-cat .serviciu li{
    list-style: none;
}
.servicii-cat .serviciu li::before{
    display: inline-block;
    width:5px;
    height:5px;
    border-radius:50%;
    border:1px solid #000000;
    content:"";
    margin-right:5px;
}
.continut{
    background:url('images/parteneri.png');
}
.archive .servicii .bx-wrapper{
    margin-top: 0!important;
}
.archive .servicii .bx-viewport{
    padding-top:1em;
}
.services-arch{
    list-style: none;
    text-align: center;
    width:80%;
    margin:7em auto 0;
}
.services-arch h2.serviciu-title{
    font-size:1.8em;
}
/*-----------------------------------------
            Cariere Category
  -----------------------------------------*/
.servicii-cat input:not([type="submit"]), .servicii-cat textarea, label[for="file"], .contact-form input:not([type="submit"]), .contact-form textarea{
    display: block;
    padding:0.5em;
    background-color: transparent;
    margin:0.5em auto;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #eaeaea;
    width:60%;
    resize:none;
    text-align: left;
    font-size:1em;
}
.contact-form textarea, #contact-form textarea, .servicii-cat textarea{
    font-family:'Source Sans Pro', sans-serif;
    font-size:1.1em;
    max-height:3.3em;
}
form[id^="cariera"]{
    display: none;
    margin:2em auto;
}
.icon-cancel-circled-outline{
    font-size:2em;
    display: none;
}
.servicii-cat input[type="file"]{
    display:none;
}
.text.container{
    position:relative;
}
.text.container .icon-cancel-circled-outline {
    bottom: 0;
    left: 47.5%;
    position: absolute;
}
.carusel-servicii{
    margin:0 auto;
}
label[for="file"] {
    font-size: 1.05em;
}
/*-----------------------------------------
            Contact Page
  -----------------------------------------*/
.contact-bg{
    position:relative;
    overflow:hidden;
}
.contact-bg::after{
    content:"";
    display: block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}
.contact-bg.active::after{
    display:none;
}
.overlay{
    background-color: #18364a;
    color:#ffffff;
    width:80%;
    height:100%;
    position:absolute;
    right:10%;
    top:0;
    z-index:3;
    padding:3em;
    box-sizing: initial;
}
.overlay2{
    background-color: #18364a;
    color:#ffffff;
    width:20%;
    height:100%;
    position:absolute;
    left:10%;
    top:0;
    z-index:3;
    padding:3em;
    box-sizing: initial;
}
.overlay p{
    padding:1em;
}

.overlay2 p{
    padding:1em;
}
.overlay h2{
    font-size:2em;
    padding:1em 1em 0.5em 0.5em;
}
.overlay2 h2{
    font-size:2em;
    padding:1em 1em 0.5em 0.5em;
}

.contact{
    text-align: center;
}
/*-----------------------------------------
            Media Queries
  -----------------------------------------*/
.evaluare{
    text-align: center;
}
.evaluare .bold:first-of-type{
    margin-top:0;
}
.evaluare .bold{
    margin:1.5em 0;
}
.evaluare .onehalf:last-child input,.evaluare textarea{
    display: block;
}
.evaluare input[type="text"], .evaluare input[type="email"],.evaluare input[type="tel"], .evaluare textarea{
    background:transparent;
    border:1px solid #74797e;
    border-radius:5px;
    padding:0.75em 1em;
    margin:0 auto 2em;
    width:80%;
}
.evaluare input[type="submit"]{
    margin: auto;
}
.evaluare textarea{
    color:#8e9398;
    font-size:1em;
}
.evaluare .hidden{
    display: none;
}
.star{
    background:url('images/new/empty_star.png');
    width:24px;
    height:24px;
    display:inline-block;
}
.star.active{
    background: url('images/new/full_star.png');
}
.rateit .rateit-range {
    background: rgba(0, 0, 0, 0) url("images/new/empty_star.png") repeat scroll 0 0;
    display: inline-block;
    height: 24px;
    outline: medium none;
    position: relative;
}
.rateit .rateit-range * {
    display: block;
}
.rateit .rateit-selected {
    background: rgba(0, 0, 0, 0) url("images/new/full_star.png") repeat scroll 0 0;
}
.rateit .rateit-hover, .rateit .rateit-selected {
    left: 0;
    position: absolute;
}
.rateit-reset {
    display: none!important;
}

/*-----------------------------------------
            Media Queries
  -----------------------------------------*/
@media all and (max-width: 370px){
    .bottom-header.flex{
        flex-wrap:wrap;
    }
    .burger{
        width:30px;
        height:30px;
        background-image:url(images/burger-mic.png);
    }
    .container{
        max-width:90%;
    }
    .social [class^="icon-"]::before, [class*=" icon-"]::before{
        font-size:1.2em;
        margin-right:0.6em;
    }
    .slider-overlay{
        top:15%;
    }
    .despre-carusel{
        margin-top: 1em;
    }
    .features{
        padding:0;
    }
}

.brag-container {
	position: relative;
	text-align: center;
	color: #000000;
}

.brag-text {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
}

#gdpr_contact{
	display:inline-block;
	width: 20px;
}

#contact-form input[type="checkbox"] {
    display: block;
    margin: 2em auto 0;
}

@media only screen and (max-width: 532px) {
	#home-gdpr{
		width: 100%;
		padding: 1em 2em;
		position: relative;
	}

	#home-gdpr > input {
		position: absolute;
		left: 21px;
		top: 7px;
		width: 20px !important;
		display:unset !important;
		margin: 0 !important;
		z-index: 1;
	}

	#home-gdpr >label{
		position: absolute;
		left: 39px;
		top: 3px;
		color: #fff;
	}
}


@media only screen and (min-width: 532px) {
	#home-gdpr{
		width: 100%;
		padding: 1em 2em;
		position: relative;
	}

	#home-gdpr > input {
		position: absolute;
		left: 77px;
		top: 4px;
		width: 20px !important;
		display:unset !important;
		margin: 0 !important;
		z-index: 1;
	}

	#home-gdpr >label{
		position: absolute;
		left: 94px;
		top: 3px;
		color: #fff;
	}
}

@media only screen and (min-width: 1023px) {
	#home-gdpr{
		width: 100%;
		padding: 1em 2em;
		position: relative;
	}

	#home-gdpr > input {
		position: absolute;
		left: 77px;
		top: 3px;
		width: 20px !important;
		display:unset !important;
		margin: 0 !important;
		z-index: 1;
	}

	#home-gdpr >label{
		position: absolute;
		left: 94px;
		top: 4px;
		color: #fff;
	}
}


@media only screen and (min-width: 1024px) {
	#home-gdpr{
		width: 100%;
		padding: 1em 2em;
		position: relative;
	}

	#home-gdpr > input {
		position: absolute;
		left: 17px;
		top: 7px;
		width: 20px !important;
		display:unset !important;
		margin: 0 !important;
		z-index: 1;
	}

	#home-gdpr >label{
		position: absolute;
		left: 34px;
		top: 7px;
		color: #fff;
	}
}

@media only screen and (min-width: 1300px) {
	#home-gdpr{
		width: 100%;
		padding: 1em 2em;
		position: relative;
	}

	#home-gdpr > input {
		position: absolute;
		left: 14px;
		top: 10px;
		width: 20px !important;
		display:unset !important;
		margin: 0 !important;
		z-index: 1;
	}

	#home-gdpr >label{
		position: absolute;
		left: 33px;
		top: 7px;
		color: #fff;
	}
}