html{height:100%; width:100%; position:relative;}
body{transition: left .2s ease-in; overflow-x:hidden; padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-size:12px; line-height:22px; font-weight:400; -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; height:100%; position:absolute; top:0; left:0; color:#000; background:#fff;}
h1,h2,h3,h4,h5,h6,p,a,span{padding:0;margin:0; line-height:normal;}

h1{ font-size:48px; color:#000;  text-transform:uppercase; font-weight:600;}
h1 small{ font-size:30px; color:#fff; font-weight:normal;}

p{font-size:14px;}

h2{ font-size:30px; color:#000; line-height:normal;}
h2 small{font-size:24px; color:#000; font-weight:normal; font-style:italic; text-transform:none;}

h3{ font-size:20px; color:#000; font-weight:600;}
h3 small{font-size:12px; color:#000; font-weight:normal; font-style:italic; text-transform:none;}

h4{font-size:14px; color: #000; }
h4 small{font-size:12px; color:#999999; font-weight:normal; font-style:italic; text-transform:none;}

a{text-decoration:none;outline:none;display:inline-block; color:#6d2773;transition: all .2s ease-in}
a:hover{text-decoration:none; color:#6d2773; transition: all .2s ease-in}

img{border:0; vertical-align:middle;}

small{font-size:10px; line-height:12px;}

ul,li{margin:0;}

*:focus {outline: 0;}

#backToTop {
    display: none;
}

.captcha-img{max-width:100%;}
.activeMobile{background:#57851F;color:#fff !important;}

.formMessage{display:none; box-sizing:border-box;}
.formMessage.error{ width: 100%;background: red;padding: 5px;text-align: left;font-weight: 800;color: #fff;z-index: 9999; moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);}
.formMessage.succes{width: 100%;background: green;padding: 5px;text-align: left;font-weight: 800;color: #fff;z-index: 9999; moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);}

#notification .close {position: fixed;width: 30px;height: 30px;top: 0;right: 0;background: url(../img/close.png),#fff;cursor: pointer;background-size: 20px;background-position: center; background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat;}
.formMessage #error-title{font-size: 12px;box-sizing: border-box;}
.formMessage ol{list-style-type: decimal; text-align: left;font-weight: 400;padding: 0 40px 0 20px;margin: 0 auto; box-sizing: border-box; display:inline-block;}
.formMessage ol li{display: list-item;padding-top: 5px;font-size: 10px;line-height: 12px;}

.customMessage{display:none; position: fixed;z-index: 5;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.5);color: #000;font-size:14px;font-weight:bold;text-align:center;}
.customMessage .messageWrapper{background: #fff;max-width: 800px;margin: 0 auto;padding: 15px;box-sizing: border-box; position:relative;}
.customMessage .messageWrapper h2{ text-transform:none; font-size:24px; padding:15px; color:inherit;}
.customMessage .closeMessage{display: block;font-size: 40px;font-weight: 100;width: 40px;height: 40px;line-height: 40px; position:absolute; top:0px; right:0; cursor:pointer;}

.message {width:98%;box-sizing:border-box;padding:20px;margin:20px auto;box-sizing:border-box;background: #f9f9f9;color: #333;font-size:14px;font-weight:bold;text-align:center; border-radius:5px;}
.message.info {border:2px solid #1f8bef; background:#f9f9f9;}
.message.error {border:2px solid #ef1f32; background:#f9f9f9;}
.message.alert {border:2px solid #fea500; background:#f9f9f9;}
.message.positive {border:2px solid green; background:#f9f9f9;}

.customMessage .message{color:#fff;}
.customMessage .message.info {border:2px solid #1f8bef; background:#1f8bef;}
.customMessage .message.error {border:2px solid #ef1f32; background:#ef1f32;}
.customMessage .message.alert {border:2px solid #fea500; background:#fea500;}
.customMessage .message.positive {border:2px solid green; background:green;}

.message a{font-weight:bold; text-decoration:underline;}

#infoPage { box-sizing: border-box; padding:100px 20px;}
#infoPage h1{font-size:26px;}
#infoPage h2{font-size:20px;}
#eroare-404{padding:100px 0; text-align:center;}

.container{width:100%; box-sizing:border-box; padding:0 5%; margin:0 auto; position:relative;}
.container-fixed{max-width:1130px; padding:0 15px; margin:0 auto; position:relative; width:100%; box-sizing:border-box; }

.container-table{display:table; width:100%;}
.container-table.fixed{table-layout:fixed;}
.table-element{display:table-cell;}

.container-table.inverted{direction: rtl;}
.container-table.inverted .table-element{direction: ltr;}
.element-center{text-align:center;}
.element-left{text-align:left;}
.element-right{text-align:right;}
.element-middle{vertical-align:middle;}
.element-top{vertical-align:top;}
.element-bottom{vertical-align:bottom;}

.col-2{width:50%;float:left;box-sizing:border-box; position:relative;}
.col-2:nth-child(2n+1){clear:left;}
.col-2:nth-child(2n+2){clear:right;}

.col-3{width:33.33%;float:left;box-sizing:border-box; position:relative;}
.col-3:nth-child(3n+1){clear:left;}
.col-3:nth-child(3n+3){clear:right;}

.col-4{width:25%;float:left;box-sizing:border-box; position:relative;}
.col-4:nth-child(4n+1){clear:left;}
.col-4:nth-child(4n+4){clear:right;}

.col-5{width:20%;float:left;box-sizing:border-box; position:relative;}
.col-5:nth-child(5n+1){clear:left;}
.col-5:nth-child(5n+5){clear:right;}

.col-6{width:16.66%;float:left;box-sizing:border-box; position:relative;}
.col-6:nth-child(6n+1){clear:left;}
.col-6:nth-child(6n+6){clear:right;}

.lep{ padding-right:25px;}
.cep{ padding-left:12.5px; padding-right:12.5px;}
.rep{ padding-left:25px;}



.list{ padding-left:25px; list-style-type:none;}
.list li{ display:block; color:#fff; margin-bottom:15px; font-size:15px; font-weight:bold;}
.list li:before {content: "\2713"; margin-left:-25px; padding-right: 5px; color:#00adee; font-weight:bold;}
.list span{ font-weight:bold;font-size:13px; display:block; text-align:left;}

.line{height: 1px;width: 100%;display: block;}
.line.gray{background:#ccc; height:3px; width:100px; margin:0 auto;}
.line.green{background:#12442b; height:3px; width:50px;}

.clear{clear:both;width:0;height:0; display:block;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.button{padding:10px 20px; background:#f26622; color:#413c34; font-size:12px; font-weight:400;transition: all .2s ease-in; text-transform:uppercase; height:40px; line-height:40px; text-align:center;}
.button:hover{background:#f26622; text-decoration:none; color:#fff; }

.button.green{padding:10px 20px; background:#77ba49; color:#fff; font-size:12px; font-weight:400;transition: all .2s ease-in; text-transform:uppercase; height:20px; line-height:20px; text-align:center; 
border-radius:5px;}
.button.green:hover{background:#f26622; text-decoration:none; color:#fff;}

.button.ghost{background:transparent;color:#fff; border:1px solid #fff;}
.button.ghost:hover{background:#00adee; text-decoration:none; color:#fff;transition: all .2s ease-in; border:1px solid #00adee;}

.button.blue{background:#00adee;color:#fff; border:1px solid #00adee; cursor: pointer;}
.button.blue:hover{background:#fff; text-decoration:none; color:#00adee;transition: all .2s ease-in; border:1px solid #00adee;}

.button.ghost.white{background:transparent; border-radius:5px; border:solid 1px #fff; color:#fff; font-weight:normal; height:42px; line-height:42px; padding:0 30px;}
.button.ghost.white:hover{background:#fff; text-decoration:none; color:#000;}

#captcha{max-width:100%;}

input[type="file"]{ border:solid 1px #ccc; height:42px; position:relative; overflow:hidden; display:block;box-sizing: border-box; font-family:'Open Sans', sans-serif; border-radius:5px; box-shadow:none; -webkit-appearance: none; width:100%;}
label.fileGroup:before{content: '';position: absolute;left: 0;bottom: 0;width: 60px;height: 40px;z-index: 4;cursor:pointer; background:url(../img/icons/attach.png),#ccc; background-position:center; background-position-x: 50%; background-position-y: 50%; background-position-x: 50%;background-position-y: 50%; background-repeat:no-repeat; background-size:24px;margin-bottom: 1px;margin-left: 1px;border-radius: 5px 0 0 5px;}
label.fileGroup:after{content: '';position: absolute;right: 0;bottom: 0;background: #fff;width: 94%;height: 40px;z-index: 1;margin-bottom: 1px;margin-right: 3px;}
label.fileGroup{position:relative; display:block;}
label.fileGroup .fileName{position: absolute;z-index: 3;bottom: 0;left: 0;width: 100%;padding-left: 70px;height: 42px;line-height: 40px; display:none;}
label.fileGroup .filePlaceholder{position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;padding-left: 70px;height: 42px;line-height: 40px;}

input[type="text"],input[type="password"],input[type="submit"],textarea{padding:10px; box-sizing:border-box; border:solid 1px #ccc; font-family:'Open Sans', sans-serif; width:100%; display:block; font-size:12px; line-height:20px; font-weight:400; border-radius:5px; box-shadow:none; -webkit-appearance: none;}
select{padding:13px; box-sizing:border-box; border:solid 1px #ccc; font-family:'Open Sans', sans-serif; width:100%; display:block; font-size:12px; line-height:20px; font-weight:400; border-radius:5px; box-shadow:none;height:46px;}
textarea{resize: none;}
button,input[type="submit"]{ height:42px; width:100%; border:0; cursor:pointer; background:#00adee; color:#fff; transition: all .2s ease-in; font-weight:bold; max-width:200px;}
button,input[type="submit"]:hover{background:#195C88;}
input[type="text"].invalid,input[type="password"].invalid, textarea.invalid, select.invalid{border:solid 1px #CC0000;}
input[type="text"].valid,input[type="password"].valid, textarea.valid, select.valid{border:solid 1px #00CC00;}
input[type="file"].invalid{border:solid 1px #CC0000;}
input[type="file"].valid{border:solid 1px #00CC00;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.form-group{padding-bottom:20px;}

.formMessage{display:none; box-sizing:border-box;}
.formMessage.error{ width: 100%;background: red;padding: 5px;text-align: left;font-weight: 800;color: #fff;z-index: 9999; moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);}
.formMessage.succes{width: 100%;background: green;padding: 5px;text-align: left;font-weight: 800;color: #fff;z-index: 9999; moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);}

#notification .close {position: fixed;width: 30px;height: 30px;top: 0;right: 0;background: url(../img/close.png),#fff;cursor: pointer;background-size: 20px;background-position: center; background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat;}
.formMessage #error-title{font-size: 12px;box-sizing: border-box;}
.formMessage ol{list-style-type: decimal; text-align: left;font-weight: 400;padding: 0 40px 0 20px;margin: 0 auto; box-sizing: border-box; display:inline-block;}
.formMessage ol li{display: list-item;padding-top: 5px;font-size: 10px;line-height: 12px;}

.customMessage{display:none; position: fixed;z-index: 5;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.5);color: #000;font-size:14px;font-weight:bold;text-align:center;}
.customMessage .messageWrapper{background: #fff;max-width: 800px;margin: 0 auto;padding: 15px;box-sizing: border-box; position:relative;}
.customMessage .messageWrapper h2{ text-transform:none; font-size:24px; padding:15px; color:inherit;}
.customMessage .closeMessage{display: block;font-size: 40px;font-weight: 100;width: 40px;height: 40px;line-height: 40px; position:absolute; top:0px; right:0; cursor:pointer;}

.message {width:98%;box-sizing:border-box;padding:20px;margin:20px auto;box-sizing:border-box;background: #f9f9f9;color: #333;font-size:14px;font-weight:bold;text-align:center; border-radius:5px;}
.message.info {border:2px solid #1f8bef; background:#f9f9f9;}
.message.error {border:2px solid #ef1f32; background:#f9f9f9;}
.message.alert {border:2px solid #fea500; background:#f9f9f9;}
.message.positive {border:2px solid green; background:#f9f9f9;}

.customMessage .message{color:#fff;}
.customMessage .message.info {border:2px solid #1f8bef; background:#1f8bef;}
.customMessage .message.error {border:2px solid #ef1f32; background:#ef1f32;}
.customMessage .message.alert {border:2px solid #fea500; background:#fea500;}
.customMessage .message.positive {border:2px solid green; background:green;}

.message a{font-weight:bold; text-decoration:underline;}

#notifCookies{text-align:center; border-top:1px solid #000; background:#eee; padding:5px; position:relative;top: 0;left: 0;width: 100%; z-index:125; box-sizing:border-box;}
#notifCookies a{}
#notifCookies #notifCookiesAccept{ background:#000; color:#fff; cursor:pointer; padding:3px 10px; transition:all 0.2s ease-in;}
#notifCookies #notifCookiesAccept:hover{background:#fc0d1f;}

/*DROPDOWN*/
.dropdown { position: relative; z-index:2; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none;  display: block; border-bottom:1px solid #ccc; font-size: 14px;text-align: left;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 300px; left: 0;  z-index: 999; top: 100%;}
.dropdown:hover .dropdown-content { display: block !important;}
/*DROPDOWN*/

#header{ background: #fff; z-index: 99; position: relative;}
#header .container-table #logo img{width:220px; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#header .table-element .socialMedia{width:100px;}
#header .table-element .socialMedia a{margin-left:10px;}
#header .table-element .socialMedia i{color:#fff;display:inline-block;}




.container a
{
    color: #FFF;
    text-decoration: none;
    margin: 0px 10px;
    padding: 10px 10px;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

#fixed-controlls-wrapper {
    min-height: 60px;
    position: relative;
}
#fixed-controlls {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.aboutDetails{}
.aboutDetails .container-table .table-element{padding:100px;}
.aboutDetails .container-table .table-element .part1{padding-left:100px;}
.aboutDetails .container-table .table-element .part2{padding-right:100px;}
.aboutDetails .container-table .table-element .part2 h3{padding:30px 0;}
.aboutDetails .container-table .table-element .part2 p{color: rgba(255, 255, 255, 0.5); padding-bottom:20px;}

#promo #promoList .col-3 .content{padding:100px;}
#promo #promoList .col-3 h3{color:#fff;;position:relative; margin-bottom:30px;}
#promo #promoList .col-3 p{color:#fff;;position:relative;}

#despre{padding:50px 0;}
.despre .container-table{max-width:800px; margin:0 auto;}
.despre .container-table .table-element .content h4{padding:20px 0; color:#000; font-weight:bolder;}
.despre .container-table .table-element .content p{color:#000; font-weight:400;}
.despre .container-table .table-element .contentForPadd{padding-bottom:30px;}


#servicii{padding:100px 0; text-align:center;}
#servicii h2{text-align:center; color:#000; } 
#servicii #listaServicii{padding-top:50px;}
#servicii #listaServicii .col-3{padding-bottom:30px;}   
#servicii #listaServicii .col-3 .contentWrapper{padding:50px;}
#servicii #listaServicii .col-3 .contentWrapper i{color:#00adee;}
.lineBlue{height:3px; width:50px; margin:25px auto; background:#00adee;}
.contentWrapper:before {
    top: 0;
    left: 0;
    border-width: 1px 0 0 1px !important;
}

.contentWrapper:after {
    bottom: 0;
    right: 0;
    border-width: 0 1px 1px 0 !important;
}

*:before, *:after {
    box-sizing: border-box;
}

.contentWrapper {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 30px;
    text-align: center;
    cursor: default;
}


.contentWrapper:before, .contentWrapper:after {
    content: '';
    position: absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border: 1px solid #e5e7e9;
    pointer-events: none;
    transition: .33s all ease;
}

.contentWrapper.hover:before, .contentWrapper.hover:after, .contentWrapper:hover:before, .contentWrapper:hover:after {
    width: 100%;
    height: 100%;
    border-color: #00adee;
}

.contentWrapper.hover .lineBlue, .contentWrapper:hover .lineBlue {
    width: 168px;transition: .33s all ease;
}

#programe{padding-top: 50px;}
#programe #listOfPrograme .col-5 .content{padding:100px 50px;}
#programe #listOfPrograme .col-5 .content h3{text-align:center; color:#fff;}


#preturi{padding:50px 0;}
#preturi h2{color:#000; text-align:center;}
#preturi p{text-align:center;padding:30px 0;}
#preturi .priceList{padding-top:20px;} 

#preturi .priceList .col-3 .specialCol{border-top:5px solid #FA5F13 !important; box-shadow: 0 0px 15px 0 rgba(50, 50, 50, 0.4);}

#preturi .priceList .col-2 .contentWrapper .contentImageWrapper{padding:100px 0;}
#preturi .priceList .col-2 .contentWrapper .contentImageWrapper h3{margin: 0; color: #fff; position: absolute; padding:50px 0; left: 50%; margin-right: -15%;  transform: translate(-50%, -50%);text-align: center; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}

#preturi .priceList .col-3 .contentWrapper .contentImageWrapper{padding:100px 0;}
#preturi .priceList .col-3 .contentWrapper .contentImageWrapper h3{margin: 0; color: #fff; position: absolute; padding:50px 0; left: 50%; margin-right: -15%;  transform: translate(-50%, -50%);text-align: center; }

#preturi .priceList .col-2 .contentWrapper .price {  font-size: 14px; font-weight: 300; color: #000; border:1px solid #f26622; background:transparent; display: inline-block; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; text-align: center; margin: 0 auto; display: block; width: 100px; padding:10px;}

#preturi .priceList .col-2 .contentWrapper .list{ list-style-type:none;padding:15px 15px 15px 25px;}
#preturi .priceList .col-2 .contentWrapper .list li{ display:block; color:#000; margin-bottom:5px; font-size:14px; font-weight:400;}
#preturi .priceList .col-2 .contentWrapper .list li:before {content: "\2713"; margin-left:-25px; padding-right: 15px; color:#f26622; font-weight:bold;}

#preturi .priceList .col-3 .contentWrapper .price {  font-size: 14px; font-weight: 300; color: #000; border:1px solid #f26622; background:transparent; display: inline-block; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; text-align: center; margin: 0 auto; display: block; width: 100px; padding:10px;}
	#preturi .priceList .col-3 .specialCol .price { font-size: 14px; font-weight: 300; color: #fff; background: #f26622; display: inline-block; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; text-align: center; margin: 0 auto; display: block; width: 100px; padding:10px;}
#preturi .priceList .col-3 .contentWrapper .priceListEx{padding:15px;}
#preturi .priceList .col-3 .contentWrapper .priceListEx .content h4{text-align:center;}
#preturi .priceList .col-3 .contentWrapper .priceListEx .content{padding:15px 0; border-bottom:1px solid #999999;}
#preturi .priceList .col-3 .contentWrapper .priceListEx .content p{color:#999999;padding:5px 0;}
#preturi .priceList .col-3 .contentWrapper .buttonWrapper{padding:20px 0;}
#preturi .priceList .col-3 .contentWrapper .buttonWrapper .button{display:block; margin:0 auto;text-align:center; max-width:100px;color:#fff; font-weight:bold;}


#preturi .priceList .col-2 .contentWrapper .priceListEx{padding:15px;}
#preturi .priceList .col-2 .contentWrapper .priceListEx .content h4{text-align:center;}
#preturi .priceList .col-2 .contentWrapper .priceListEx .content{padding:15px 0; border-bottom:1px solid #999999;}
#preturi .priceList .col-2 .contentWrapper .priceListEx .content p{color:#999999;padding:5px 0;}
#preturi .priceList .col-2 .contentWrapper .buttonWrapper{padding:20px 0;}
#preturi .priceList .col-2 .contentWrapper .buttonWrapper .button{display:block; margin:0 auto;text-align:center; max-width:100px;color:#fff; font-weight:bold;}
/* Trim */
.trim {
	display: inline-block;

	position: relative;}




.trim:before {
    content: '';
    position: absolute;
    border:#FA5F13 solid 4px;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    opacity: 0;
    transition-duration: 0.3s;
    transition-property: opacity;
}
.trim:hover:before {
    opacity: 1;
	cursor:pointer;
}




#testimoniale .testimonial p {
    display: block;
    margin: auto;
    max-width: 800px;
    padding: 0 30px 30px 60px;
    background: url(../img/icons/header-quot.png) no-repeat left top;
    background-size: 50px;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    font-style: italic;
    text-align: center;
}
#testimoniale .testimonialPerson {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
}
#testimoniale .testimonialPerson img {
    max-width: 100px;
    border-radius: 50%;
    border: solid 1px #fff;
    display:block;
	margin:0 auto;
}

#header #headerDetails{float:left; vertical-align:middle; padding-right:30px;z-index:99; position:relative;}
.animated-show{text-align:center; color:#fff; background:#f26622; font-weight:bold; padding:5px;width:150px; margin-bottom:2px;border-radius:0 10px 10px 0;-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 0.2s;}
#header #headerDetails #listLinks .col-2 {width: 50%; transition: inherit;}
.fixedLink {text-align: center;
    color: #fff;
    background: #f26622;
    font-weight: bold;
    padding: 5px;
    width: 68px;
    margin-bottom: 2px;
    border-radius: 0 10px 10px 0;
    -webkit-transition: width 2s;
    transition: width 0.2s;display:inline-block;}
	
.fixedLink:hover{background: #57851F; color: #fff; transition: all .2s ease-in;}
#header #headerDetails .fixedLink p {
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
}

	
.animated-show:hover{ background: #57851F; color: #fff; transition: all .2s ease-in;width:170px;-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 0.2s;cursor:pointer;}
	

#header #headerDetails .content p{font-weight:600; font-size:10px;text-transform:uppercase;}
#header #headerDetails a{display:block;}
#header #logo{z-index:99; position:relative;}
#header #logo>a>img{width:280px; }
#header #logo .slogan{display: block; left: 60%;  margin-top: -20px;  bottom: 0;  right: 0;  position: absolute;width:200px;}
#header .element-left{width:260px;}
#header .element-right{width:180px;}
#header .phone{z-index:99; position:relative; float:right; padding-right:30px;}
#header .phone a{font-size:14px; font-weight:bold; color:#f26622;}
#header .phone span{font-size:10px;}
#header .phone .icon-phone{float: left;  position: relative;}
#header .phone .details{float: left; line-height: 18px;  padding: 0 10px;}
#header .phone #socialMediaHeader{float: left; line-height: 18px;  padding-left:30px;}

#navBar{}
#navBar .container-fixed ul { padding: 0;  margin: 0; width: 100%; text-align: center; font-size: 0; display: block; line-height: 0;}
#navBar .container-fixed ul li{display:inline-block;}
#navBar .container-fixed ul>li>a { color: #fff; font-size: 14px; padding: 19px 10px;font-weight:bold;}
#navBar .container-fixed ul>li>a:hover{color:#00adee;}

#despre{padding:100px 0;}
.despre .txt{padding-left:50px;}
.despre .txt .textSpecial{font-size:16px; color:#6d2773; font-weight:700; text-align:left !important;}
.despre .txt h2{padding:30px 0; color:#000; font-weight:400; text-align:left;}
.despre .txt p{color:#8b8d9e; line-height:22px;}

#caracteristici #listOFcarateristics .col-3 .content{padding:150px;}
#caracteristici #listOFcarateristics .col-3 .content h3{padding:30px 0; font-weight:700;}
#caracteristici #listOFcarateristics .col-3 .content p{line-height:22px;}

#servicii{padding:100px 0 50px;}
.textSpecial{font-size:16px; color:#6d2773; font-weight:700; text-align:center;margin:0 auto; display:block; padding-bottom:20px;}
#servicii #listOfServices{padding-top:50px;}
#servicii #listOfServices .text-content{background:#6d2773; padding:5px; width:50%;}
#servicii #listOfServices .col-2{padding-bottom:30px;}
#servicii #listOfServices .text-content h3{color:#fff; text-align:left;}

#parallaxBanner{padding:100px 0;}
#parallaxBanner .container-fixed h2{font-weight:400;}
#listOfParallax{padding-top:50px; text-align:center;}
#listOfParallax h3{font-size:70px; color: #8668ad; background-image: -webkit-linear-gradient(0deg, #8668ad 0%, #55bbeb 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#listOfParallax{color:#fff; font-weight:700;}
#listOfParallax .line-white{height:3px; width:50px; background:#fff; margin:25px auto;}

#socialMediaButtons{text-align:center;}
#socialMediaButtons .container-table{margin: 0 auto; width:800px;}
#socialMediaButtons .content a {position: relative; z-index:1; -webkit-filter: grayscale(60%); filter: grayscale(60%); transition: all .5s; width: 100%; padding: 30px 0; display: block; margin: 0 auto;}
#socialMediaButtons .content a:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
#socialMediaButtons .content a.z-index {z-index: 2;}
#socialMediaButtons .content.facebook a{background:#3F5A96;}
#socialMediaButtons .content.youtube a{background:#CD1820;}
#socialMediaButtons .content.soundcloud a{background:#FD5110;}
#socialMediaButtons .content.google a{background:#ea4335;}
#socialMediaButtons .content.linkedin a{background:#0072b0;}
#socialMediaButtons .content.twitter a{background:#1da1f2;}


@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {display: block;position: absolute;left: 0;right: 0;text-align: center;bottom:0;}
.scroll-btn > * {display: inline-block;line-height: 18px;font-size: 13px;font-weight: normal;color: #7f8c8d;color: #ffffff;font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 2px;}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {color: #ffffff;}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {opacity: 0.8;filter: alpha(opacity=80);}
.scroll-btn .mouse {position: relative;display: block;width: 28px;height: 38px;margin: 0 auto 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 3px solid white;border-radius: 23px;}
.scroll-btn .mouse > * {position: absolute;display: block;top: 29%;left: 50%;width: 8px;height: 8px;margin: -4px 0 0 -4px;background: white;border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite;}


#homeHero{background-repeat:no-repeat;background-size: cover;height:100%;width: 100%;position: relative;box-sizing:border-box; position:relative; overflow:hidden;}
#homeHero small{font-size:24px; color:#fff; font-style:italic;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
#homeHero .button{font-size:14px;padding:20px 40px;color:#f26622; background:#fff; height:20px; line-height:20px;}
#homeHero .button:hover{font-size:14px;color:#fff; background:#f26622;}
#homeHero .button.ghost{font-size:14px;background:#00adee;color:#fff; border:none; }
#homeHero .button.ghost:hover{font-size:14px;background:#195C88;color:#fff; border:none;}
#homeHero h1{text-align:center; font-weight:bolder; line-height:120px;font-size:60px;}
#homeHero p{font-size:20px; color:#fff;}
#homeHero #border{padding: 20px; display: block; margin: 0 auto;}

#backToTop {
    transition: all .2s ease-in;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
    position: fixed;
    bottom: 70px;
    text-align: center;
    z-index: 3;
    font-size: 10px;
    line-height: 10px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    right: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 50%;
    margin-top: -6px;
    right: -90px;
	height:43px;
}
#backToTop.show {
    right: 15px;
    display: inline-block;
}



.fullHeight {
    min-height: 100%;
}

figure {
    margin: 0;
    padding: 0;
}


.zoomEffectImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: zoomInOut 20s ease infinite alternate;
    animation: zoomInOut 20s ease infinite alternate;
}



@-webkit-keyframes zoomInOut {
    0% 	 { -webkit-transform: scale(1.0);}
    100% { -webkit-transform: scale(1.2);}
}


@keyframes zoomInOut {
    0% 	 {transform: scale(1.0);}
    100% {transform: scale(1.2);}
}




/*s: FOOTER*/
.footer-bg{background:#25272e;}
#footer-top .list li{color:#000; font-size:12px;}
#footer-top #link-footer a{font-size:12px; color:#000;}
#footer-top #link-footer a:hover{font-size:12px; color:#006738;}
#footer-top #contact-details a{font-size:12px; color:#000;}
#footer-top #contact-details a:hover{font-size:12px; color:#006738;}
#footer ul{display:inline;}
#footer-bottom a{color:#fff; font-size:10px;font-weight:400;}
#footer #footer-top a{color:#cccccc; font-size:14px; font-weight:400;}
#footer #footer-top a:hover{color:#ce171f;}
#footer-top .contact-details img{width:40px; margin-right:10px;}
#footer-top .contact-details .line { background:#006738; height: 30px; width: 2px; display: block; margin-right: 10px;}
#footer-top a{color:#006738;}

#footer .container-fixed li{ display: block; color:#999999;padding: 5px 0;}
#footer ul img{display:inline-block; vertical-align:top; width:24px;}

#supportInfo{padding-left:80px; box-sizing:border-box; }
#supportInfo small:nth-of-type(1){}
#supportInfo a{font-size:14px; color:#eee;}
#supportInfo a:hover{color:#fcc625;}
#supportInfo small{color:#000; display:block;}
.footerLinklistTitle{color:#666666; font-size:14px; margin-bottom:36px; display:block;}

footer #contact-details{margin-left:30px; margin-top:30px;}
footer #link-footer{margin-top:20px;}
footer #link-footer a{margin-bottom:10px;}
footer .list{padding-left:0;}
#realizatDeHDesign{font-size:10px;}
#realizatDeHDesign p{ display:inline-block; width:100px;  }
#realizatDeHDesign a{ height: 13px; font-size:10px;}
#realizatDeHDesign a img{max-height: 18px;}
#realizatDeHDesign small{display:inline-block; line-height:4px;color: #fff;}

.footerLinklistTitle{color: #666666;font-size: 16px;; margin-bottom:10px; display:block; padding-left:20px;}
#rightsReserved{color:#fff;box-sizing:border-box; display:block; font-size:12px;}
#rightsReserved a{font-size:12px;}
footer #supportInfo #social-media{padding-top:20px;}
footer #supportInfo #social-media img{width:30px; margin:5px;}

#footer-bottom { font-size:10px; border-top: 1px solid #384653;padding:10px 0;}
footer a:hover{color:#006738; transition: all .2s ease-in;}
.footer-page{display: -webkit-inline-box;}
.ShowOnMobile{display:none;}
#footer i{font-size:10px; color:#fff;}
#footer i:hover{color:#ce171f;}



/*s---- BLOG ---*/
/*-- TABS*/
.tabs{}
.tabs-nav{border-bottom: solid 1px #ccc;margin-bottom: 15px; margin-top: 15px;text-align: left;}
.tab-nav{display:inline-block; vertical-align:middle; margin:0 10px; cursor:pointer;}
.tab-nav h3 {color: #ccc;}
.tab-nav.active h3{color:#000;}
.tab-nav.active.tab-nav.active {display: inline-block;vertical-align: middle;position: relative;}
.tab-nav.active.tab-nav.active:after{ content:''; position:absolute; top:100%; height:3px; background:#A9277D; width:100%; left:0; margin-top:-1px;}
.tab{display:none;}
.tab.active{display:block;}
/*-- TABS*/

/*-- POPUP*/
.popup{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:4; display:none;}
.popup .popup-overlay{ background:rgba(0,0,0,0.5); cursor:pointer;}
.popup .popup-body{ position:relative; background:#fff; padding:15px; box-sizing:border-box;  margin:0 auto; text-align:left; cursor:default;}
.popup .popup-close{cursor:pointer; font-size:30px; font-weight:bolder; line-height:27px; text-align:center; width:30px; height:30px; position:absolute; top:-15px; right:-15px;background: #000; border-radius: 50%; color: #fff;}

/*-- ADAUGA UN TRUCK*/
#adaugaUnTruck{display: inline-block;vertical-align: middle;transform-origin: bottom;transform: translate(50%, 50%) rotate(-90deg);height: 42px;
border: solid 3px #FA5F13;border-bottom: 0;position: fixed;top: 0;bottom: 0;right: 0;margin: auto;border-radius: 5px 5px 0 0; cursor:pointer; overflow: hidden; background: #FA5F13;z-index:2;}
#adaugaUnTruck .icon{display: inline-block;vertical-align: middle;background: #FA5F13;text-align: center;width: 42px; height: 42px;line-height: 42px;}
#adaugaUnTruck .text{display: inline-block;vertical-align: middle;line-height: 42px;padding: 0 10px;border-radius: 0 5px 0 0; background:#fff; font-weight:bold;}
/*-- ADAUGA UN TRUCK*/


.detaliiArticolContent p img{display:inline-block; padding-right:10px;}

#detailsPage{}
#detailsPage #text{padding:0 50px 0 0; border-right:1px solid #ccc;}
#detailsPage #sideBar{width:300px; padding-left:20px;}
#detailsPage .imageWrapper{ margin-bottom:15px;}
#detailsPage .container-fixed>img{margin:0 auto; display:block; padding-bottom:20px;}
#detailsPage .lideDashed {width:100%; height:1px; overflow:hidden; border-bottom:1px dashed #c3c3c3; margin:10px 0px;}
#detailsPage .blogAbout{color:#666; font-style:italic; margin-top:10px;}
#detailsPage .element-right{text-align:center;}

#blogDetails { padding: 100px 0;}
#blogDetails .blogAbout{color:#666; font-style:italic;}
#blogDetails .imgWrapper{position:relative;}
#blogDetails .imgWrapper img{ width:100%;}
#blogDetails .imgWrapper a {display:block;}
#blogDetails .imgWrapper .data { position: absolute; top: 0; padding: 15px;background: #FA5F13; color: #fff; text-align: center;}
#blogDetails #textWrapper { padding: 0 50px 0 0; border-right: 1px solid #ccc;}
#blogDetails #sideBar { width: 270px; padding-left: 20px;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .container-table { margin: 10px 0;padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .imgContent { width: 30%;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .imgContent img { max-width: 100%;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .textContent { width: 70%; padding-left: 15px;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .container-table:last-child { border-bottom: 0;}

#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .container-table { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
#sideBar #sideBarWrapper .sideBarContent { padding-bottom: 15px;}
#blogDetails #textWrapper { padding: 0 50px 0 0; border-right: 1px solid #ccc;}
#blogDetails .content { padding: 50px 0; border-bottom: 1px solid #ccc;}
#blogDetails .content .textContent { padding: 20px 0;}
#blogDetails .content .textContent h4{font-size:24px;}
#blogDetails .content .textContent h4 a { padding: 20px 0; color: #195C88;text-transform:capitalize;font-size:24px;}
#blogDetails .content .blogButtonWrapper { text-align: right;}
#blogDetails .content .blogButtonWrapper .veziDetalii { color: #151a65; background: url(../img/icons/arrow-right-orange.png) no-repeat right center; margin-top: 2px; padding-right: 16px; font-style: italic; font-size: 10px;}
#blogDetails #sideBarWrapper .sideBarContent .sideBarOthers .textContent h4 a { color: #12442b; font-size: 12px; font-weight: 100; line-height: 16px;text-transform: capitalize;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .tags a { color: #FA5F13; display: block; background: #fff; border: 1px solid #FA5F13; padding: 3px 10px; border-radius: 5px;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .tags a:hover { background: #FA5F13; color: #fff; transition: all .2s ease-in; text-decoration: none;}
#sideBar #sideBarWrapper .sideBarContent .sideBarOthers .tags {  display: inline-block; margin-right: 5px; margin-bottom: 5px; font-size: 12px;}
.sidebarArhive a { color: #12442b; padding: 0 5px;}
#detailsPage #sideBarWrapper .sideBarContent .sideBarOthers .textContent h4 a { color: #181D72; font-size: 14px; font-weight: 100;text-transform: capitalize;}
#citesteArticol.blog-details {  background: #f4f0ed;}
#citesteArticol { padding: 60px 0;}
#citesteArticol.blog-details .col-4Content { background: #fff;padding:15px;}
#citesteArticol .col-4Content .imageWrapper { position: relative; width: 100%;}
#citesteArticol .col-4Content a { font-weight: bold; color: #151a65; font-size: 14px; margin-left:0; padding-left:0;}
#citesteArticol .col-4Content img { max-width: 100%; width: 100%;}
#citesteArticol .element-center { padding-bottom: 60px;}
#citesteArticol .col-4Content h4 { padding: 20px 0 5px 0;}
#citesteArticol .col-4Content p { padding: 25px 0;}
.detaliiArticolBigImgOver h1{text-transform:capitalize; font-size:30px;}
/*e---- BLOG ---*/



#contact{padding-bottom:100px; padding-top: 100px;}
.dateContactt{padding:50px 0; border-bottom:1px dashed #ccc;}
.dateContactt a{font-size:16px; color:#000;}
#contact #detaliiContact{text-align:center;}
#contact #detaliiContact h4{font-size:20px; font-weight:600; color:#000;}
#contact #detaliiContact .content{padding:50px;}
#contact #detaliiContact .content .contactDetails{margin-bottom:25px;}
#contact #detaliiContact .content .contactDetails p{font-size:14px; color:#000;padding-bottom:20px;}
#contact #detaliiContact .content .contactDetails a{font-size:16px; font-weight:400;}
#contact #detaliiContact .content .contactDetails .contact-icon { line-height: 56px; text-align: center;  position: absolute;  margin-top: -60px; margin-left: 20px; width: 50px;  height: 50px;}
#contact #detaliiContact .content #social-media i{margin-right:10px;}
.bg-theme-colored {background-color: #f26622 !important; }
#contact #detaliiContact .lep{border-right:1px solid #ccc;}
#contact #sediuCentral{text-align:center;padding:80px 0;display: block; margin: 0 auto;}

#date-contact{ box-sizing:border-box;width:30%; padding-top:20px;}
#formular-contact{padding-top:50px; box-sizing:border-box; padding-right:50pxFo;width:50%;padding-left:50px;background:#fff; border-radius:5px;}
#formular-contact h3{padding-bottom:30px;}



.input-button input {
    border-radius: 5px 0 0 5px;
    font-family: 'Open Sans', sans-serif;
    height: 46px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    border: solid 1px #ccc;
	font-size:12px;
}
.input-button button {
    border-radius: 0 5px 5px 0;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    height: 46px;
    transition: all .2s ease-in;
    box-sizing: border-box;
    border: 0;
    background: #f26622;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
	max-width:100px;
	float:left;
	font-size:12px;
}

#locatii small{font-size:36px; color:#000; font-style:italic; display:block; text-align:center;}
#locatii h1{border:3px solid #f26622; padding:20px; margin:0 auto;max-width:800px;width:100%; display:block;}

#contact>small{font-size:36px; color:#000; font-style:italic; display:block; text-align:center;}
#contact .HDForm{max-width:100%; padding-right:50px;}

#contact h1{text-align:center;border: 3px solid #f26622;  padding: 20px; margin: 0 auto; width: 100%; display: block;color:#f26622;}
#contact .bigLink a{font-size:16px;}

#fixed-controlls-wrapper.fixed{background: url(../img/general/logo.png) no-repeat right center;}

#fixed-controlls-wrapper.fixed #fixed-controlls {
    position: fixed;background:#005166;
}
#fixed-controlls-wrapper {
    min-height: 60px;
    position: relative;
}


#fixed-controlls-wrapper.fixed #logo img{width:150px;}



.ShowOnMobile{display:none;}
footer #bottomFooter .container-table #logoFooter{width:50px;}

/******* RESPONSIVE ******/
 #drawer,#drawer-nav,#burger_overlay{display:none;}
#mobile-coppyrights{display:none;}
	
	#drawer-nav .slogan{display: block; left: 54%; margin-top: -20px; right: 0; position: absolute; width: 150px;}
	#burgerMenu{ width:66px; height:66px; display:block; box-sizing:border-box; background:#00adee;cursor:pointer;padding:25px 24px;z-index:4;text-decoration:none;color:#fff;outline:0;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;}
	/*#burgerMenu{ position: fixed; top: 0; border: 1px solid #f2f2f2;width:55px; height:55px; display:block; box-sizing:border-box; background:#fff;cursor:pointer;padding:20px 16px;z-index:4;text-decoration:none;color:#000;outline:0;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;}*/
	#burgerMenu .menuBar{width:20px;height:2px;background:#fff;display:block;margin-top:4px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;content:''}
	#burgerMenu .menuBar.top{margin-top: 0px;}
	#burgerMenu .menuText{ display:none; text-transform:uppercase;font-size:7px; line-height:7px; margin-top:3px;text-align:center; color:#fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
	@-webkit-keyframes topDo {
		0%{-webkit-transform:translatey(0px)}
		50%{-webkit-transform:translatey(6px)}
		100%{-webkit-transform:translatey(6px) rotate(45deg)}
	}
	@-moz-keyframes topDo {
		0%{-moz-transform:translatey(0px)}
		50%{-moz-transform:translatey(6px)}
		100%{-moz-transform:translatey(6px) rotate(45deg)}
	}
	@-ms-keyframes topDo {
		0%{-ms-transform:translatey(0px)}
		50%{-ms-transform:translatey(6px)}
		100%{-ms-transform:translatey(6px) rotate(45deg)}
	}
	@keyframes topDo {
		0%{transform:translatey(0px)}
		50%{transform:translatey(6px)}
		100%{transform:translatey(6px) rotate(45deg)}
	}
	body.showDrawer .menuBar.top{-webkit-animation-name:topDo;-moz-animation-name:topDo;-ms-animation-name:topDo;animation-name:topDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
	@-webkit-keyframes topUndo {
		0%{-webkit-transform:translatey(6px) rotate(45deg)}
		50%{-webkit-transform:translatey(6px)}
		100%{-webkit-transform:translatey(0px)}
	}
	@-moz-keyframes topUndo {
		0%{-moz-transform:translatey(6px) rotate(45deg)}
		50%{-moz-transform:translatey(6px)}
		100%{-moz-transform:translatey(0px)}
	}
	@-ms-keyframes topUndo {
		0%{-ms-transform:translatey(6px) rotate(45deg)}
		50%{-ms-transform:translatey(6px)}
		100%{-ms-transform:translatey(0px)}
	}
	@keyframes topUndo {
		0%{transform:translatey(6px) rotate(45deg)}
		50%{transform:translatey(6px)}
		100%{transform:translatey(0px)}
	}
	body.hideDrawer .menuBar.top{-webkit-animation-name:topUndo;-moz-animation-name:topUndo;-ms-animation-name:topUndo;animation-name:topUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
	@-webkit-keyframes middleDo {
		0%{-webkit-transform:translatey(0px)}
		50%{-webkit-transform:translatey(0px)}
		100%{-webkit-transform:translatey(0px) rotate(-45deg)}
	}
	@-moz-keyframes middleDo {
		0%{-moz-transform:translatey(0px)}
		50%{-moz-transform:translatey(0px)}
		100%{-moz-transform:translatey(0px) rotate(-45deg)}
	}
	@-ms-keyframes middleDo {
		0%{-ms-transform:translatey(0px)}
		50%{-ms-transform:translatey(0px)}
		100%{-ms-transform:translatey(0px) rotate(-45deg)}
	}
	@keyframes middleDo {
		0%{transform:translatey(0px)}
		50%{transform:translatey(0px)}
		100%{transform:translatey(0px) rotate(-45deg)}
	}
	body.showDrawer .menuBar.middle{-webkit-animation-name:middleDo;-moz-animation-name:middleDo;-ms-animation-name:middleDo;animation-name:middleDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
	@-webkit-keyframes middleUndo {
		100%{-webkit-transform:translatey(0px)}
		50%{-webkit-transform:translatey(0px)}
		0%{-webkit-transform:translatey(0px) rotate(-45deg)}
	}
	@-moz-keyframes middleUndo {
		100%{-moz-transform:translatey(0px)}
		50%{-moz-transform:translatey(0px)}
		0%{-moz-transform:translatey(0px) rotate(-45deg)}
	}
	@-ms-keyframes middleUndo {
		100%{-ms-transform:translatey(0px)}
		50%{-ms-transform:translatey(0px)}
		0%{-ms-transform:translatey(0px) rotate(-45deg)}
	}
	@keyframes middleUndo {
		100%{transform:translatey(0px)}
		50%{transform:translatey(0px)}
		0%{transform:translatey(0px) rotate(-45deg)}
	}
	body.hideDrawer .menuBar.middle{-webkit-animation-name:middleUndo;-moz-animation-name:middleUndo;-ms-animation-name:middleUndo;animation-name:middleUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
	@-webkit-keyframes bottomDo {
		0%{-webkit-transform:translatey(0px)}
		50%{-webkit-transform:translatey(-6px)}
		100%{-webkit-transform:translatey(-6px) rotate(-45deg)}
	}
	@-moz-keyframes bottomDo {
		0%{-moz-transform:translatey(0px)}
		50%{-moz-transform:translatey(-6px)}
		100%{-moz-transform:translatey(-6px) rotate(-45deg)}
	}
	@-ms-keyframes bottomDo {
		0%{-ms-transform:translatey(0px)}
		50%{-ms-transform:translatey(-6px)}
		100%{-ms-transform:translatey(-6px) rotate(-45deg)}
	}
	@keyframes bottomDo {
		0%{transform:translatey(0px)}
		50%{transform:translatey(-6px)}
		100%{transform:translatey(-6px) rotate(-45deg)}
	}
	body.showDrawer .menuBar.bottom{-webkit-animation-name:bottomDo;-moz-animation-name:bottomDo;-ms-animation-name:bottomDo;animation-name:bottomDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
	@-webkit-keyframes bottomUndo {
		0%{-webkit-transform:translatey(-6px) rotate(-45deg)}
		50%{-webkit-transform:translatey(-6px)}
		100%{-webkit-transform:translatey(0px)}
	}
	@-moz-keyframes bottomUndo {
		0%{-moz-transform:translatey(-6px) rotate(-45deg)}
		50%{-moz-transform:translatey(-6px)}
		100%{-moz-transform:translatey(0px)}
	}
	@-ms-keyframes bottomUndo {
		0%{-ms-transform:translatey(-6px) rotate(-45deg)}
		50%{-ms-transform:translatey(-6px)}
		100%{-ms-transform:translatey(0px)}
	}
	@keyframes bottomUndo {
		0%{transform:translatey(-6px) rotate(-45deg)}
		50%{transform:translatey(-6px)}
		100%{transform:translatey(0px)}
	}
	body.hideDrawer .menuBar.bottom{-webkit-animation-name:bottomUndo;-moz-animation-name:bottomUndo;-ms-animation-name:bottomUndo;animation-name:bottomUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
	#mobileForm { display: none; position:relative; z-index:4;}
	#mobileForm .onlineFormWrapper{display:none;}
	#drawer{z-index:999;width:250px; overflow:hidden; position:absolute; height:100%; top:0; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background:#fff; left:-250px;}
	#drawer #drawerWrapper{width:100%; height:100%; padding-right:20px;}
	#drawer #drawerWrapper .button{display:block; margin:0 auto; width:110px;}
	
	#drawer #drawerLogo img{ max-width: 100%; margin: 0 auto; text-align: center; display: block;}
	#drawer #drawerLogo{display:block; width:250px;}
	
	#drawer #drawerWrapper #drawerLogoWrapper{ padding: 5px 0;}
	
	.links-title{width:250px; padding:15px 10px; box-sizing:border-box; font-weight:700; font-size:14px; border-top:solid 1px #ccc; color:#666;}
	
	#drawer .nav-links.small li a{font-size:10px;     padding: 5px; text-align: center;}
	#drawer .nav-links.small{padding-bottom: 5px;}
	#drawer .nav-links.small li{border-bottom:none;}
	
	#drawerWrapper .languageFlags li{}
	#drawer .nav-links li a.subcat.small{ font-size:10px; border-top:solid 1px #ccc; padding:10px; margin-left: -10px; margin-right: -10px; 
	background:url(../img/carousel/arrow-right-slideFoto.png),#f5f5f5; background-repeat: no-repeat; background-size: 8px; background-position: right 10px center; margin-top:0;}
	
	#drawer .nav-links{padding:0; margin:0; list-style:none; width:250px; box-sizing:border-box; background:#fff; border-bottom: solid 1px #ccc; }
	#drawer .nav-links:nth-of-type(1){border-top: solid 1px #ccc;}
	#drawer .nav-links li{display:block;border-bottom: 1px solid #ccc; }
	#drawer .nav-links li:nth-of-type(6){border-bottom:none;}
	#drawer .nav-links li a.subcat{background: url(../img/carousel/arrow-right-slideFoto.png);background-repeat: no-repeat;background-position: right 0px center;background-size: 8px;}
	
	#drawer .nav-links li a#selectLangBurger.subcat{background: url(../img/carousel/arrow-right-slideFoto.png);background-repeat: no-repeat;background-position: right 0px center;background-size: 8px; padding-top:15px; padding-bottom:15px;}
	
	#drawer .nav-links>li>a{display: block; padding: 12px 0; text-decoration: none; color: #666; font-weight: 700; text-align: center;color:#006738;}
	
	.subcat-links li a.backToCat{text-align:left; background: url(../img/icons/arrow-left-white.png),#000;background-repeat: no-repeat;background-position: left 15px center;background-size: 8px; padding-left: 40px; padding-top:0; padding-bottom:0; color:#fff; font-weight:400; height:60px; line-height:60px;}
	.subcat-links{position: absolute;height: 100%;left: 251px;top: 0;background: #fff;padding: 0;margin: 0;list-style: none;width: 270px; overflow-y:scroll; padding-right:20px;}
	.subcat-links li{display:block;}
	.subcat-links>li>a{display:block; padding:10px; text-decoration:none; color:#666; font-size:14px; font-weight:700; }
	
	a#selectLangBurger{color:#000; display:block;}
	
	.nav-links a:hover{background:#006738; color:#fff!important;}
	.activeHeaderMobile{background:#006738; color:#fff!important;}

	
/*RESPONSIVE*/

@media screen and (max-width: 1500px) {
	
	.aboutDetails .container-table .table-element.element-left{padding:20px !important;}
	.aboutDetails .container-table .table-element .part1{padding-left:0;}
	
}

@media screen and (max-width: 1100px) {

    #backToTop {
        /*display: block;*/
        right: 5px;
    }
	
	#homeHero{ padding-top:0;}
	#programe #listOfPrograme .col-5{width:33%;}
	.aboutDetails{padding-bottom:50px !important;}
	.aboutDetails .container-table .table-element{display:block;}
	.aboutDetails .container-table .table-element .part2{padding-right:0;}
	
	#header{display:none;}
	#fixed-controlls-wrapper{display:none;}
	#drawer, #drawer-nav, #burger_overlay {  display: block;}
	
	#drawer-nav{z-index: 3;position:absolute;}

	body.showDrawer{position:fixed; overflow:hidden; left:250px;}	
	
	#burger_overlay{position: fixed;z-index: 3;height: 100%;width: 100%;top: 0;display: none;background-color: rgba(0,0,0,0); cursor:pointer;}	
	body.showDrawer #burger_overlay	{ display:block;background-color: rgba(0,0,0,0.5);}
	
	#drawer-links ul{ padding:0; margin:0; list-style-type:none;}
	#drawer-links ul li{display:block; margin-left:-10px;}
	#drawer-links ul li a{display: block;padding:15px;color: #fff; font-weight:600;border-bottom:solid 1px #fff;text-align:center;background:#00adee;}
	#drawer-links ul li a.active{ color:#0a288c;}
	#drawer-links ul li a:hover{text-decoration:none;}
	#drawer-links ul li:last-child a{}
	#drawer-links .button {color: #fff; height: 40px; line-height: 40px; background: #0a288c; border-radius: 10px; padding: 0 20px; margin: 10px 0 10px 10px;}
	
	#drawer-links ul li a span{display: inline-block;border: solid 2px #0a288c;padding: 5px 15px;border-radius: 24px; background:#0a288c;}
	
	#drawer-info-links{background:#f5f5f5;}
	#drawer-info-links ul{ padding:0; margin:0; list-style-type:none;text-align:center;}
	#drawer-info-links ul li{display:inline-block; }
	#drawer-info-links ul li a{display: block;padding: 5px 15px; font-size:12px;}
	#drawer-info-links ul li:first-child a{}
	#drawer .slogan{ display: block; left: 34%; margin-top: -30px; right: 0;  position: absolute; width: 130px;}
	#drawer .phone{padding:10px;}
	#drawer .phone .icon-phone { float: left; position: relative;}
	#drawer .phone span{font-size:10px; display:block;}
	#drawer .phone .details{padding-left:10px;}
	#drawer .phone img{padding:5px 10px 0 40px;}
	#why-us #listWrapper .col-3>.container-table {padding: 0px;}
	#why-us #listWrapper .col-3{width:50%; border:none!important;}
	#why-us #listWrapper .col-3:nth-child(3n+1){clear:none;}
	#why-us #listWrapper .col-3:nth-child(3n+3){clear:none;}
	#why-us #listWrapper .col-3:nth-child(2n+1){clear:left;}
	#why-us #listWrapper .col-3:nth-child(2n+2){clear:right;}
	
	#why-us #listWrapper .col-3 .container-table{border:none!important;}
	#why-us #listWrapper .col-3 {padding: 0px!important; margin-bottom:10px;}
	#headerBg{background-attachment:inherit !important;}
	.animated {opacity: 1 !important;}
	#middleContent{background-attachment:inherit !important;}
	#premii .table-element img{max-width:100%;}
	#logistica {background-attachment:inherit !important;}
	#catalogRegata .container-table #textDetalii {display:table-caption; width:90%;padding:0 0 0 50px;}
	#locatii h1 { max-width: 710px !important; text-align: center; display:block;}
	#cariere h1 { max-width: 710px !important; text-align: center; display:block;}
	#contact h1 { max-width: 710px !important; text-align: center; display:block;}
	
	#aboutUs .gmap { height: 120px; width: 120px;}
	#aboutUs .gmap iframe {  height: 122px; width: 120px;}
	#contact #contact-form-infos .table-element{display:table-row;}
	#contact #contact-form-infos #formular-contact h3{padding:20px;}
	#contact .HDForm {  padding: 20px;  max-width: 100%; width:initial;}
	#contact #date-contact #detaliiContact{padding-top:20px;}
	#catalogRegata{padding:100px 0;}
	#detaliiContact{text-align:center!important;}
	
	#promo #promoList .col-3 .content { padding: 30px;}
	.trim:before { top: 10px;left: 10px; right: 10px; bottom: 10px;}
	#despreMine #img img { max-width: 100%;}
	#servicii #listaServicii .col-3 .contentWrapper { padding: 20px;}
	#sideBar{display:none;}
	#blogDetails #textWrapper { padding: 0; border-right: none;}
	#detailsPage #text {padding: 0; border-right: none;}
	.priceList .col-2{width:100%;}
}

@media screen and (max-width: 900px) {
	#homeHero h1 { margin-left: -130px;}
	#despreMine .container-table .table-element{display:block;}
	#despreMine .textWrapper {  border: 1px solid #FA5F13; padding: 0px 20px; margin-top:20px;}
	#despreMine #img {padding-bottom: 0; text-align: center;}
	#despreMine #img img { margin-left: 0;  border: 1px solid #ccc;  padding: 0; }
	#preturi .priceList .col-3 .contentWrapper .price{left:29%;}
	#preturi .priceList .col-3 .specialCol .price{left:29%;}
	#contact .container-table .table-element{display:block;}
	#date-contact{width:100%;}
	#formular-contact{width:100%;padding:20px; margin-bottom: 20px;}
	#contact{background-position:center; padding:20px 0;}
	#contact #detaliiContact .content .contactDetails{padding:20px 0;}
	#contact #detaliiContact .content .contactDetails .contact-icon{margin-top:-43px;}
	#servicii{padding:50px 0;}
	#vizioneazaClip .col-4, #citesteArticol .col-4 {  width: 50%; margin-bottom:50px;}
	#despreMine h2{padding-top:20px;}
	
}

@media screen and (max-width: 800px) {
#homeHero h1 { text-align: left; font-weight: bolder; line-height: 70px;  font-size: 40px; margin-left: 0; }
#homeHero #border{max-width:100% !important; width:initial;}
#promo #promoList .col-3{width:100%;}
.priceList .col-3{width:100%;}

#servicii{background-attachment: initial;}
#preturi .priceList .col-3 .contentWrapper .price{left:42%;top:20%;}
	#preturi .priceList .col-3 .specialCol .price{left:42%;top:20%}
	#preturi .priceList .col-3 .contentWrapper .priceListEx .content { padding: 15px 0;}
	#preturi .priceList .col-2 .contentWrapper .priceListEx .content { padding: 15px 0;}
	#servicii #listaServicii .col-3{width:100%; margin-bottom:20px;}
	#footer-bottom .container-table #footerLogo{display:block; text-align:center;}
	#footer-bottom .container-table #footerNews{display:block; margin:0 auto; text-align:center;margin-top:20px;}
	#footer-bottom .container-table #footerNews .input-button input{max-width:100%;}
	#footer-bottom .container-table #footerNews .input-button button{max-width:100%; font-size:11px;}
	#footerNews h4{text-align:center !important;font-size:12px;}
	#footerNews p{text-align:center !important;}
	#despre{padding:50px 0;}
	.despre .noCross{display:none;}
	#parallaxInvestments{padding:50px 0 !important;}
	#parallaxInvestments .container-table .table-element{display:block; text-align:center; padding-bottom:20px;}
	#servicii #listaServicii .col-3{margin-bottom:0;}
	#programe #listOfPrograme .col-5{width:50%;}
	#programe{padding-bottom:50px;}
	.dateContactt a{padding-bottom:20px;}
	#footer-bottom .container-table .table-element{display:block; text-align:center !important;}
	/*#footerLogo{padding-bottom:20px;}*/
}

@media screen and (max-width: 600px) {
	#preturi .priceList .col-3 .contentWrapper .price{left:38%;}
	#preturi .priceList .col-3 .specialCol .price{left:38%;}
	#testimoniale .testimonial p {line-height:normal; font-size:14px;}
	p{font-size:14px; line-height:normal !important;}
	h3{font-size:18px !important;}
	h2{font-size:24px !important;}
	#preturi{padding:20px 0;}
	.list li { margin-bottom: 0 font-size: 12px;}
	#homeHero h1{font-size:26px; line-height:normal; text-align:center;}
	#homeHero .button { font-size: 14px; padding: 10px 30px;}
	#contact .HDForm{padding:0 !important;}
	#contact #detaliiContact .content .contactDetails a { font-size: 14px;}
	#blogDetails .content .textContent h4 a { padding:0; font-size:14px;}
	#blogDetails .blogAbout { padding-bottom: 10px; font-size: 10px;}
	#vizioneazaClip .col-4, #citesteArticol .col-4 {  width: 100%; margin-bottom:20px;}
	#preturi .priceList .col-2 .contentWrapper .list li{font-size:12px;}
	#testimoniale .testimonial p{background:none;padding:0;}
	h3 small{display:block;}
	.popup-overlay{padding-top:80px;}
	.popup-body h2{font-size:18px;}
	.popup-body .popup-content .tabs form .form-group{padding-bottom:5px;}
	.popup-body .popup-content .tabs form .form-group .col-2{width:100%;}
	.popup-body .popup-content .tabs form .form-group .col-2.lep{padding-right:0;}
	.popup-body .popup-content .tabs form .form-group .col-2.rep{padding-left:0;}
	.popup .popup-body{width:300px;}
	#homeHero p{font-size:14px;}
	#homeHero #border{padding:0;}
	#programe #listOfPrograme .col-5{width:100%;}
	#programe #listOfPrograme .col-5 .content{padding:20px;}
	#programe #listOfPrograme .col-5 .content h3{font-size:16px;}
	#formular-contact .HDForm .form-group .col-3{width:100%; padding-bottom:20px;}
	#formular-contact .HDForm .form-group .col-3.lep{padding-right:0;}
	#formular-contact .HDForm .form-group .col-3.cep{padding-left:0px; padding-right:0px;}
	#formular-contact .HDForm .form-group .col-3.rep{padding-left:0px;}
}

@media screen and (max-width: 500px) {
	#preturi .priceList .col-3 .contentWrapper .price{left:33%; top:18%;}
	#preturi .priceList .col-3 .specialCol .price{left:33%;top:18%;}
	#servicii{padding:20px 0;}
	#drawer-nav .element-left{}
	#blogDetails .imgWrapper .data { padding: 5px;}
}

.bg-filter {
    background:rgba(0, 80, 110, 0.5);
    position:absolute; height:100%;
    width:100%;
}

@media screen and (max-width: 450px) {
	#formular-contact{padding:20px 0 !important;}
}