body{background:url('../img/bg-big.jpg');  background-attachment: fixed;background-size: cover}
        
		/* Reset CSS
		 * --------------------------------------- */
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
		form,fieldset,input,textarea,p,blockquote,th,td {
		    padding: 0;
		    margin: 0;
		}
		a{
			text-decoration:none;
		}
		table {
		    border-spacing: 0;
		}
		fieldset,img {
		    border: 0;
		}
		address,caption,cite,code,dfn,em,strong,th,var {
		    font-weight: normal;
		    font-style: normal;
		}
		strong{
			font-weight: bold;
		}
		ol,ul {
		    list-style: none;
		    margin:0;
		    padding:0;
		}
		caption,th {
		    text-align: left;

		}
		h1,h2,h3,h4,h5,h6 {
		    font-weight: normal;
		    font-size: 100%;
		    margin:0;
		    padding:0;
		    color:#444;
		}
		q:before,q:after {
		    content:'';
		}
		abbr,acronym { border: 0;
		}


		/* Custom CSS
		 * --------------------------------------- */
		body{
			font-family: arial,helvetica;
			color: #F2F2F2;
		}
	
		.content{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
            
		}

	
     
        .btn{
border: solid rgba(0,0,0,0.6) 2px;
color: rgba(0,0,0,0.7);
text-decoration: none;
padding:10px 20px;
            font-weight: bold;
}
        
        .btn.right{position: absolute; bottom:20px; right:20px;}
        
            .btn.left{position: absolute;bottom:20px; left:20px;}
        
        .btn:hover{color:#fff; border-color:#fff;cursor:pointer}
	
        
        .content{display: table; max-width:1350px; margin:0 auto; width:100%;overflow: visible}
        .content .half{display: table-cell; width:50%;vertical-align: middle;position: relative}
      
        .bg-orange{background: #ff7900}
        .bg-verde{background:#0abdad}
        .bg-galben{background:#FFB400}
        .bg-roz{background:#FF89D3}
        .bg-albastru{background:#4ab4e6}
        .bg-negru{background:#000!important}
        
        .f-bold{font-weight: bold}
        
        .section-title{ font-weight: bold; ;color:#000; font-size: 60px; margin-bottom:20px}
.p100{width:100%}
.text-negru{color:#000}
.text-alb{color:#fff!important}        
        .section-text{ font-weight: bold;font-size: 40px}
        
        .text-right{text-align: right}
        .text-left{text-align: left}
.text-centru{text-align:center}
        .section{padding:0 10%}
        .v-top{vertical-align: top!important}


        .content-text{padding:20px; text-align:left }
.titlu-edges{font-size: 55px}

    
       
        .video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
      
        .btnlang{opacity: 0.2; 
border: solid #595959 1px;

color: #595959;
            font-weight: bold;
border-radius: 28px;
font-size: 12px;
     display: block;
padding: 8px 16px 8px 16px;
text-decoration: none;width:80px;margin:0 auto;text-align: center;top:5px;position: absolute;z-index: 999;left:50%;margin-left:-60px}
        .btnlang:hover{opacity:1;color:#232323;border-color:#232323;}
        
        
        
.mousey {
  width: 3px;
  padding: 5px 10px;
  height: 30px;
  border: 2px solid #eee;
  
  opacity: 0.50;
  box-sizing: content-box;
    display: none;
}
.scroller {
  width: 2px;
  height: 8px;
  border-radius: 25%;
  background-color: #eee;
  animation-name: scroll;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  50% { transform: translateY(5); opacity: 1; }
  100% { transform: translateY(10px); opacity: 0;}
}

.modal-content{width:100%;height:400px;}

      .hidimg {display:inline-block;}

  @media screen and (max-width: 1370px) {
            .content{max-width: 900px;}


      .content .half{width:50%;box-sizing: border-box;overflow: hidden}
      .titlu-edges{font-size: 35px;}
      .section-title{font-size: 30px;}
      .section-text{font-size: 25px;}
      .btn{padding: 8px 15px;font-size: 18px;}
      .btn.right{float: right}
      .btn.left{float: left}   
          
        }
  @media screen and (max-width: 900px) {
             .content{max-width: 600px;}
      .content .half{width:50%;box-sizing: border-box;overflow: hidden}
      .titlu-edges{font-size: 25px;}
      .section-title{font-size: 25px;}
      .section-text{font-size: 16px;}
      .btn{padding: 8px 15px;font-size: 14px;}
      .btn.right{float: right}
      .btn.left{float: left}    
          
        }

  @media screen and (max-width: 680px) {
           .content{max-width: 340px;}
      .content .half{display: block;width:100%;box-sizing: border-box;overflow: hidden}
      .titlu-edges{font-size: 25px;}
      .section-title{font-size: 18px;}
      .section-text{font-size: 14px;}
      .btn{padding: 8px 15px;bottom: -10px!important;right: 0;left: 0!important;font-size: 14px;}
      .btn.right{position:relative;float: right}
      .btn.left{position:relative;float: left}  
          
        }
  @media screen and (max-width: 480px) {
      .content{max-width: 320px;}
      .content .half{display: block;width:100%;box-sizing: border-box;overflow: hidden}
      .titlu-edges{font-size: 25px;}
      .section-title{font-size: 18px;}
      .section-text{font-size: 14px;}
      .btn{padding: 8px 15px;bottom: -10px!important;right: 0;left: 0!important;font-size: 14px;}
      .btn.right{position:relative;float: right}
      .btn.left{position:relative;float: left}
            .hidimg {display: none;}

        }