body { font-family: 'DINWebPro-Regular', sans-serif;  }
h1, h2, h3 {font-family: 'DINWebPro-Black', sans-serif; position:relative; padding:0; margin:0;}


body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	height:100%; margin: 0;
}

.panel{
	width: 100%;
	min-height: 100%;
	position: absolute;
	margin-left: -156%;
	z-index:2;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
.panel:target{
	margin-left: 0%;
}

#myVideo {position: fixed;right: 0;bottom: 0;min-width: 100%; min-height: 100%;z-index:-100;}

.btn{ background-color:#fff; font-family:'DINWebPro-Black'; margin-bottom:50px; padding:10px 45px; color:#22222a; border:none }
.btn:hover{ background-color:#ee4037; color:#fff; border:none}

/*modal*/
.modal-dialog{max-width:100%; margin:0; height:100%}
.modal-content{ border:none; border-radius:0; height:100%}
.modal-body a{ color:#ee4037; font-family: 'DINWebPro-Black'; opacity:1;}
.close{ opacity:1; text-shadow:none; font-size:4vw; z-index:1051; position:fixed; right:50px; top:50px}
.carousel-control-next, .carousel-control-prev{font-size:4vw;}



.white{ position:absolute; right:0; padding-top:10%; padding-bottom:10%; color:#22222a;}
.white input{ border:1px solid #22222a; }
.white textarea{ border:1px solid #22222a; }
.white .btn{ border:1px solid #22222a; }
.white .btn:hover{ background-color:#22222a; color:#fff;}

.alert-success{background-color:#22222a; border-radius:0; color:#fff; border:none;}

/*navigare mobile*/
.bg-grey{ background-color:#22222a}
.logo img{ height:60px}
.navbar-light .navbar-toggler{ float:right; margin-top:15px}
.navbar-light .navbar-toggler{ border: 1px solid rgba(250,250,250,0.7) }
.navbar-collapse .dropdown-item { color:#fff}
.navbar-nav { margin-top:15px}
.navbar-nav .active a{ color:#ee4037}
.navbar-nav .dropdown-item{ padding:10px 0; margin:0; border-top:1px solid rgba(250,250,250,0.2)  }
.navbar-toggler{ background-color:#fff}
.dropdown-item:focus, .dropdown-item:hover{ background-color: rgba(250,250,250,0.1)!important}

/*navigare intre pagini*/
.navigare{position:absolute; height:100%; right:20px; margin-top:40px}
.navigare p{ font-size:6vw; color:#ee4037; font-family: 'DINWebPro-Black' }
.navigare p a{ color:#ee4037; }
.navigare p a:hover{ text-decoration:none; opacity:0.8; color:#ee4037; }

.navigare2{position:absolute; left:50px; margin-top:50px}
.navigare2 p span{ font-size:1.6vw; color:#ee4037; font-family: 'DINWebPro-Black' }
.navigare2 p{font-size:1.6vw; font-family: 'DINWebPro-Black'; color:#22222a; }
.navigare2 p a{ color:#22222a; }
.navigare2 p a:hover{ text-decoration:none; opacity:0.8; color:#ee4037; }

/*login*/
.account-wall{ margin-top:40%}
.account-wall .profile-img{ margin-bottom:20px; border-radius:200px; height:200px}
.account-wall input{ margin-top:15px}

/*css nou*/
/*logo mobile*/
.logo-mobile{ padding-top:5px; padding-bottom:5px; background-color:#22222a; position:fixed; z-index:5; width:100%; text-align:center}
.logo-mobile img{ max-height:70px}



/*meniu lateral alb*/
.meniu-lateral-alb{background-color:#fff; color:#22222a; min-height:100vh; padding-left:7%}
.meniu-lateral-alb img{ margin-top:15%; max-width:165px}
.meniu-lateral-alb .index{margin-top:80px; font-size:2.4vw; line-height:2.6vw; font-family:'DINWebPro-Light'; opacity:0.6; color:#22222a; display:block}
.meniu-lateral-alb .index:hover{color:#ee4037; text-decoration:none; opacity:0.8; cursor:pointer}

.meniu-lateral-alb ul{ color:#ee4037; margin:80px 0 0 0; padding:0}
.meniu-lateral-alb li{ display:inline; font-size:2.8vw; line-height:3.8vw; padding:0; margin:0}
.meniu-lateral-alb li a{ color:#22222a; padding:0; margin:0}
.meniu-lateral-alb li a:hover{ color:#ee4037; text-decoration:none; cursor:pointer;}
.meniu-lateral-alb .active a{color:#ee4037; text-decoration:none;}

.meniu-lateral-alb .link-contact{ margin-top:15%}
.meniu-lateral-alb .link-contact a{color:#22222a; font-size:2vw; font-weight:lighter; opacity:0.6;}
.meniu-lateral-alb .link-contact a:hover{ color:#ee4037; text-decoration:none; cursor:pointer;}

/*meniu lateral inchis*/
.meniu-lateral-inchis{background-color:#22222a; color:#fff; min-height:100vh; padding-left:7%}
.meniu-lateral-inchis img{ margin-top:15%; max-width:165px}
.meniu-lateral-inchis .index{margin-top:80px; font-size:2.4vw; line-height:2.6vw; font-family:'DINWebPro-Light'; opacity:0.6; color:#fff; display:block}
.meniu-lateral-inchis .index:hover{color:#ee4037; text-decoration:none; opacity:0.8; cursor:pointer}

.meniu-lateral-inchis ul{ color:#ee4037; margin:80px 0 0 0; padding:0}
.meniu-lateral-inchis li{ display:inline; font-size:2.8vw; line-height:3.8vw; padding:0; margin:0}
.meniu-lateral-inchis li a{ color:#fff; padding:0; margin:0}
.meniu-lateral-inchis li a:hover{ color:#ee4037; text-decoration:none; cursor:pointer;}
.meniu-lateral-inchis .active a{color:#ee4037; text-decoration:none;}

.meniu-lateral-inchis .link-contact{ margin-top:15%}
.meniu-lateral-inchis .link-contact a{color:#fff; font-size:2vw; font-weight:lighter; opacity:0.6;}
.meniu-lateral-inchis .link-contact a:hover{ color:#ee4037; text-decoration:none; cursor:pointer;}


/*fundal transparent*/
.fundal-transparent{background-color: rgba(34, 34, 42, 0.6); color:#fff; min-height:100vh;}
.fundal-transparent .descktop{padding-left:60px; padding-right:10%;}
.fundal-transparent .descktop h1{font-size:7vw; line-height:6.2vw; margin-bottom:70px; text-transform:uppercase; margin-top:165px; font-family:'DINWebPro-Black';}
.fundal-transparent .descktop h2{font-size:2.8vw; margin-bottom:20px; font-family:'DINWebPro-Regular';}
.fundal-transparent .descktop h2 span{ margin-left:20px; font-size:2vW; float:right }
.fundal-transparent .descktop h3{font-size:1.6vw; margin-bottom:60px; font-family:'DINWebPro-Regular';}
.fundal-transparent .descktop h4{font-size:1.6vw; margin-bottom:20px; margin-top:40px; font-family:'DINWebPro-Regular'; text-transform:uppercase;}
.fundal-transparent .descktop p{font-size:1.1vw; font-family:'DINWebPro-Regular';}
.fundal-transparent .descktop a{color: #ee4037; opacity:0.8;}
.fundal-transparent .descktop a:hover{ text-decoration:none; opacity:1}
.fundal-transparent .descktop li span{text-transform:uppercase; font-family:'DINWebPro-Black';}
.fundal-transparent .descktop span a{ color:#fff; margin-left:30px }
.fundal-transparent .descktop span a:hover{color: #ee4037; opacity:0.8; text-decoration:none;}
.fundal-transparent .descktop form{ margin-top:60px}
	/*fundal transparent mobile*/
	.fundal-transparent .mobile{ padding:100px 0 100px 0  }
	.fundal-transparent .mobile h1{font-size:54px; line-height:54px; margin-bottom:30px; text-transform:uppercase; margin-top:40px; font-family:'DINWebPro-Black';}
	.fundal-transparent .mobile h2{font-size:38px; margin-bottom:20px; font-family:'DINWebPro-Regular';}
	.fundal-transparent .mobile h3{font-size:28px; margin-bottom:20px; font-family:'DINWebPro-Regular';}
	.fundal-transparent .mobile h4{font-size:28px; margin-bottom:20px; font-family:'DINWebPro-Regular'; text-transform:uppercase;}
	.fundal-transparent .mobile p{font-size:16px; font-family:'DINWebPro-Regular';}
	.fundal-transparent .mobile h2 span{ margin-left:10px; font-size:26px;  }
	.fundal-transparent .mobile span a{ color:#fff; margin-left:30px }
	.fundal-transparent .mobile span a:hover{color: #ee4037; opacity:0.8; text-decoration:none;}
	.fundal-transparent .mobile form{ margin-top:30px}
	
	
	
/*blog*/
.fundal-transparent-blog h1{ margin-top:60px; font-weight:normal; font-size:38px}
.fundal-transparent-blog p{ text-align:justify; font-size:18px}	
.fundal-transparent-blog img{ margin-top:30px}
.fundal-transparent-blog .contact-form{ margin-top:60px; padding-top:60px; border-top:1px solid #ccc}
.fundal-transparent-blog .contact-form .bt-1{ background-color:#ee4037; color:#fff; font-weight:normal}
.fundal-transparent-blog .contact-form .bt-1:hover{ opacity:0.8}	
	
/*menu mobile*/
/*.mob-nav{ position:fixed; bottom:60px; width:100%;  z-index:6}*/
.menu {-webkit-filter: url("#shadowed-goo");ilter: url("#shadowed-goo");margin-left:50%; position:absolute }

/*.menu-item, .menu-open-button {
  background: #22222a;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: #000;
  text-align: center;
  line-height: 50px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}*/

/*link-gdpr*/
.link-gdpr{ font-size:14px}
.link-gdpr a{ color:#fff; opacity:0.6}
.link-gdpr a:hover{opacity:1; color:#ee4037; text-decoration:none}

.link-gdpr-white{ font-size:14px}
.link-gdpr-white a{ color:#22222a; opacity:0.6}
.link-gdpr-white a:hover{opacity:1; color:#ee4037; text-decoration:none}


/*modal cookie*/
/* The Modal (background) */
.modal {display: none; position: fixed; z-index: 2000; padding-top: 100px; overflow: auto; background-color: rgb(255,255,255, 0.0); }

/* Add Animation */
.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}

/* The Close Button */
.close2 {color: #fff; font-size: 16px; transition: 0.3s; background-color:#22222a; border-radius:6px; padding:10px 20px; opacity:1; text-shadow:none; float:right; margin-top:25px }
.close2:hover{background-color:#ee4037;}
.close2:hover, .close:focus {color: #fff; text-decoration: none; cursor: pointer;}
.close3 {color: #666; font-size: 16px; transition: 0.3s; background-color:#e6e6e6; border-radius:6px; padding:10px 20px; opacity:1; text-shadow:none; float:right }
.close3:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}
.modal-contet{ background-color:#fff;  bottom:0; position: absolute; width:100%; padding-bottom:20px; border-top:6px solid #e6e6e6}
.text_modal h2{ padding-bottom:20px}
.text_modal a{ color:#ee4037; }
.text_modal a:hover{ text-decoration:none; color:#000}



.menu-open {
  display: none;
}



/*.hamburger-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburger-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}
*/

/*.hamburger-1 img{ height:50px; width:50px}
.icon img{ height:50px; width:50px; background-color:#fff; border-radius:5px }




.menu-item:hover {
  background: #ee4037;
  color: #fff;
}
.menu-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menu-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}
.menu-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menu-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menu-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menu-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menu-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked + .menu-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
  -webkit-transition-duration: 160ms;
          transition-duration: 160ms;
  -webkit-transform: translate3d(153px, -50px, 0);
          transform: translate3d(153px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(4) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(102px, -50px, 0);
          transform: translate3d(102px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(5) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(51px, -50px, 0);
          transform: translate3d(51px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(6) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(0px, -50px, 0);
          transform: translate3d(0px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(7) {
  -webkit-transition-duration: 160ms;
          transition-duration: 160ms;
  -webkit-transform: translate3d(-51px, -50px, 0);
          transform: translate3d(-51px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(8) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(-102px, -50px, 0);
          transform: translate3d(-102px, -50px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(9) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(-153px, -50px, 0);
          transform: translate3d(-153px, -50px, 0);
}*/