.cum{
    background-color: #111111;
}
.logo2{
    width: 14%;
    margin: 4% 4% 2%;
}
.deco2{
    width: 2%;
    height: 0.5vw;
}
.header_t2{
    margin: -1% 1% 0;
    font-size: 1vw;
    line-height: 2.4vw;
}
.wfcontainer { margin-left:15%;}
.wfcontainer2 { margin-left:15%; margin-bottom:15%;}
.iconswf {float:left;display:block;width:12%; margin-right:2.5%;}
.cumtitlu {width:100%; margin-bottom:10%;}
.cumtext {width: 60%; margin-left:20%;font-size: 1.2vw;text-align:center;}
.bordinfo {border: 1px solid #2dd9ae; color: #2dd9ae; padding: 2.5% 1%;text-align:center; font-size: 1vw; float:left; margin-left:35%; width:10%;}
.cumtext2 {width:25%;margin-left:5%; float:right;margin-right:25%; margin-top:-10%;}
.progres {width:50%; margin-left:25%;}
.bfcus {width:30%; margin-right:35%; margin-left:35%;margin-top:5%; margin-bottom:5%; color:#fff; border: 1px solid;}
.icon_c2 {width:10%; margin-right:7%;}
.ultimul {width:15%;}
.icon_inline {float:left; margin-left:25%; width:5%; margin-right:2%;}
.icontitlu {float:left; display:block; width: 49.5%!important;font-size:2vw;position:absolute; left:12%; top:-35%;text-align:left;}
.icontitlu span {font-size:1.2vw;}
.margine2 {margin:3% 0;}

.t22s {margin-top:5%!important;
margin-bottom:5%!important;}

.verde_n{
    color: #005c43;
}
.verde_nb{
    background-color: #005c43;
}
.deco_v{
    color: transparent;
    width: 20%;
    height: 2vw;
    margin: 4% 0;
}
.t1{
    font-size: 3.5vw;
    margin: 2.2% 2% 0;
}
.t2{
    width: 50%;
    margin: -2% 23% 0;
    font-size:1.4vw;
}
.img_w{
    width: 54%;
    margin: 2% 23%;
}
.icon_c {width:10%;}
.verdedeschis {color:#5dffd5;font-size:1.2vw;}
.icon_p {width:3%; margin: 0 3%;}
.primul {margin-left:26%;}
.margine {margin:5% 0;}
.badge {width:10%; margin-right:1%; float:left;}
.padd {padding-left:10%;margin: 5% 0;}
.badge2 {width:15%;}
.f1 {margin-left:20%;}
.b22 {margin-top:-2%;}
.demo {display:inline-block; width:30%; font-size:1.2vw; line-height:2vw;margin-left:35%;}
.brief{
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/foto-home/fundal-paralax-1-magia.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 12% 0%!important;
}
.brief3{
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/cum-facem-rev/fundal-2-design.jpg");
    background-size: cover;
    background-attachment: fixed;
    padding: 12% 0%!important;
}
.brief4{
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/cum-facem-rev/fundal-3-foto.jpg");
    background-size: cover;
    background-attachment: fixed;
    padding: 12% 0%!important;
}
.brief5{
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/cum-facem-rev/fundal-4-seo.jpg");
    background-size: cover;
    background-attachment: fixed;
    padding: 12% 0%!important;
}
.brief6{
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/cum-facem-rev/fundal-5-testing.jpg");
    background-size: cover;
    background-attachment: fixed;
    padding: 12% 0%!important;
}
.brief2 {background:#111;
 padding: 12% 0%!important;
}
.t3{
    font-size: 3.5vw;
    margin-bottom:0
}
.t4{
    width: 50%;
    padding-right: 10%;
    text-align:justify;
    font-size: 1.1vw;
}
.st{
    width: 30%;
    height: 47.45vw;
}
.design{
    width: 70%;
    background-color: #111111;
    padding: 10% 4%;
    height: 47.45vw;
  
}
.res{
    background-image: url("../foto/foto-cum/fundal-paralax-3.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 15% 22% 15%;
}
.res .t4{
    clear: left;
}
.ds4{
    background-image: url("../foto/foto-cum/fundal-paralax-design-custom.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 0%;
}
.bgt{
    background-color: #111111;
    opacity: 0.98;
    margin-bottom: 35%;
    padding: 4% 22%;
}
.foto{
    background-image: url("../foto/foto-cum/fundal-paralax-fotografie-personalizata.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 0;
}
.foto .bgt{
    padding: 8% 0 8% 20%;
    width: 60%;
    margin:0 20%;
}
.foto .bgt .t4{
    clear: left;
    padding: 0;
}
.cpr{
    background-color: #111111;
    background-size: 100%;
    background-attachment: fixed;
    padding: 0;
}
.cpr .bgt{
    padding: 8% 0 ;
    width: 24%;
    margin:0 10% 0 22%;
}
.cpr .bgt .t4{
    clear: left;
    padding: 0;
    width:100%;
}
.cpr img{
    width: 24%;
    margin: 11% 0;
}
.bg2{
     background-image: url("../foto/foto-cum/fundal-paralax-development.jpg");
}
.word{
    background-image: url("../foto/foto-cum/custom-cms.png");
    background-size: 100%;
    padding:25% 10% 2%;
    background-repeat: no-repeat;
    margin:0;
}
.word .t3{
    width: 50%;
    text-align:center;
    margin-top: 0;
}
.word .t4{
    width: 50%;
    margin: 0;
    padding: 2% 7%;
}
.bg3{
    background-image: url("../foto/foto-cum/fundal-paralax-focus-grup.jpg");
    background-size: 100%;
    padding-top: 5%;
 
}
.mon{
    background-image: url("../foto/foto-cum/fundal-paralax-monitorizaresitestare.jpg");
    background-size: 100%;
    padding:20% 22% 4%;
 
}
.storybkg {background-color:#111;min-height:600px;color:#fff!important;}
.titlustil {margin-left:20%;}
.imgstil {width:30%; margin-left:15%;margin-top:7%;}
.logos {width:30%; margin-left:13%;margin-top:7%;}

@media only screen and (max-width:768px) {
	
	.iconswf {float:left;display:block;width:32.5%; margin-right:5%;}
	
	.logo2 {width:23%;
}
.logos {width:70%; margin-left:15%;margin-top:7%;}
.storybkg {background-color:#111;min-height:900px;width:80%!important;margin-left:4%;}
.imgstil {width:70%;}
.cumtext {font-size:4.2vw;}
.bordinfo {font-size: 5vw; width:50%; margin-left:25%; padding:11.5% 1%;}
.cumtext2 {width:70%;margin: 2% 15%; float:none;}
.badge {width:40%; margin-right:6%; margin-bottom:6%;}
.badge2 {width:70%; margin-left:15%!important;}
.icon_c {width:26%;margin-top:12%;} 
.primul {margin-left:20%;}
.icon_p {width:6%;}
.rand2 {margin-left:30%;margin-top:12%;}
.verdedeschis {font-size:4.2vw;}
.demo {font-size:4.2vw; line-height:5vw;}
.bfcus {width:70%; margin-left:15%; margin-right:15%;}
.icon_c2 {width:30%; margin-left:35%!important;margin-right:35%!important; margin-top:7%;}
.ultimul {width:45%; margin-left: 27.5%;margin-top:7%;}
.icontitlu span {font-size:3.2vw;}
.icontitlu {position:relative;left:18%;top:-29%;}
.icon_inline {width:12%;}
.header_t2 {margin-top:0;
font-size:4vw;
}

.t1 {font-size:8.5vw;
margin-top:9.2%;}

.deco_v {margin: 14% 0%;
}

.t2 {font-size:3.4vw;}
.t4 {width:100%;
font-size:3.1vw;}

.t3 {font-size:5.5vw;}

.st {width:100%; height:auto;}

.design {width:100%;
padding: 20% 10%;
height: auto;
}

.res {background-size:150%;
padding: 25% 10%;
}

.bgt {margin-bottom: 74%;
padding: 24% 10%;
}

.foto {background-image: url("../foto/foto-cum/fundal-paralax-fotografie-personalizata.jpg");
height:150vw;
}

.foto .bgt {padding: 8% 10% 8% 10%;
width: 80%;
margin: 0;
}

.cpr .bgt {padding: 28% 0;
width: 80%;
margin: 0 10%;
}

.cpr img {width: 80%;
margin: 0 10%;
}
.word {background-color:#111;
background-image:none;
}
.word .t4 {width:90%;
}
.word .t3 {width:90%;
}

.res {padding: 15% 10%;
}

.mon {padding: 20% 10%;
}

	
}