body,html
{
margin:0px;
padding:0px;
height: 100%;
width: 100%;
}

a
{
	text-decoration:none;
}



@font-face {
    font-family: 'ownSansationLight';
    src: url(SansationLight.ttf);
}

@font-face {
    font-family: 'ownAnke';
    src: url(Anke.ttf);
}


.header
{
	display:block; 
	padding-top:20px;
	padding-bottom:14px;
	padding-left:20px;
	padding-right:20px;
	font-family: ownSansationLight;
	-webkit-box-shadow: 5px 1px 10px -4px rgba(44,52,115,1);
	-moz-box-shadow: 5px 1px 10px -4px rgba(44,52,115,1);
	box-shadow: 5px 1px 10px -4px rgba(44,52,115,1);
	
}

title
{
	display:inline-block;
	font-size:24px;
}

.mainSheet
{
	display:block;
	font-family: ownSansationLight;
	margin-top:20px;
	margin-left:20px;
}

.mainSheetBlog
{
	display:block;
	font-family: ownSansationLight;
}

.horizontalMenu
{
	padding:10px;
	cursor:pointer;
	color:black;
	font-size:16px;
	
}


@media only screen and (max-width: 500px)
{
.horizontalMenu
{

	font-size:12px;
}

}


.horizontalMenu:hover
{
	color:white; 
	background-color: #459fed;
	border-bottom:3px solid #1f78c4;
}

.clickSectiuni
{
	display:inline-block;
	margin-top:3%;
	 font-size:20px;
	color:dimGray;
	font-weight:bold;
}

.fundalOpacity
{
margin-top:20px;
display:block;
}


@media screen and (max-device-width: 580px){
/* Styles */
	.horizontalMenu
	{
		font-size:20px;
	}

	.clickSectiuni
	{
		font-size:19px;
	}
}  
  


.buttonDetalii
{
	display:block; 
	width:80%;
	margin-left:auto; 
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center; 
	font-size:18px;
	padding:15px; 
	color:white;
	/*color: #459fed;*/
	/*border:2px solid #459fed;*/
	background: rgba(133, 171, 0, 0.8);
}

.pageTitle
{
	display:block; 
	font-size:48px;
	color: #459fed;
	 font-family: ownAnke;
	margin-top:2%;
	margin-left:2%;

}

.pageTitleHome
{
	display:block; 
	font-size:35px;
	color: #459fed;
	font-family: ownAnke;
	margin-top:3px;
	width:100%;
	height:64px;
}

.pageTitle h1, .pageTitleHome h1
{
font-size:42px;
font-weight:normal;
}

.pageTitle h1::first-letter
{
text-transform:uppercase;
}

.pageTitleHome h1::first-letter
{
text-transform:uppercase;
}

.pageSubtitle
{
	display:block;
	padding:20px;
	font-size:22px;
	/*background-color: #faf8f5;*/
	color:dimGray;
	font-family: ownSansationLight;
	margin-top:5px;
	margin-bottom:1%;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQYV2PcunXrf29vb0YGKIAzMARgKjFUAABd7QgFA4u54wAAAABJRU5ErkJggg==) repeat;
	height:auto;
	font-weight:bold;
}

.pageSubtitle a
{
color:#459fed;
}



.animated {
  width: 400px;
  position: relative;
  animation-name: example;
  animation-duration: 8s;
}

@keyframes example {
  0%   {left:0px;}
  50%  { left:200px;}
  100% { left:0px;}
}



.holderTarif
{
	display:inline-block; 
	margin-left:1.5%;
	border-radius:5px;
	overflow:hidden;
	width: 14%;
	vertical-align:top;
	margin-top:5%;
	-webkit-box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	-moz-box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	cursor:default;
}

.holderTextBoxEmail
{
	display:inline-block; 
	margin-left:1.5%;
	border-radius:5px;
	overflow:hidden;
	width: 14%;
	vertical-align:top;
	-webkit-box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	-moz-box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	cursor:default;
}

.titluTarif
{
	display:block;
	background-color: #FB8324;
	color:white;
	font-size:24px;
	font-family: ownAnke;
	text-align:center;
	padding:10px;
	padding-top:15px;
}

.descriereTarif
{
	display:block;
	width:89%;
	font-size:12px;
	padding:10px;
	color:dimGray;
	/*background-color: #f1f1f1;*/
}

.holderPret
{
	display:block;
	font-size:22px;
	text-align:center;
	background-color: #faf8f5;
	padding:10px;
	color:dimGray;
	font-weight:bold;
}

.buttonModele
{
	display:inline-block; 
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:15px;
	width:40%;
	height:70px;
	padding:10px;
	background-color: #459fed;
	color:white;
	cursor:pointer;
	vertical-align:top;
	/*box-shadow: 4px 3px #D1650F;*/
}

.buttonModeleCadraneTop
{
display:inline-block;
margin-top:10px; 
margin-left:5%; 
margin-bottom:15px;
padding:10px;
background-color: #FB8324;
color:white;
cursor:pointer;
vertical-align:top;
/*box-shadow: 4px 3px #D1650F;*/
font-size:19px;
width:190px;
}

.buttonModeleCadraneTop:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}


.buttonModeleCadrane
{
display:inline-block;
margin-left:5%; 
margin-bottom:15px;
padding:10px;
background-color: #FB8324;
color:white;
cursor:pointer;
vertical-align:top;
/*box-shadow: 4px 3px #D1650F;*/
font-size:19px;
width:190px;
}

.buttonModeleCadrane:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}



.detaliiPromovareWebsite
{
display:inline-block; 
margin-top:10px;
margin-left:18%;
margin-bottom:15px;
padding:10px;
background-color: #FB8324;
color:white;
cursor:pointer;
vertical-align:top;
/*box-shadow: 4px 3px #D1650F;*/
font-size:19px;
width:264px;
}

.detaliiPromovareWebsite:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}


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

.detaliiPromovareWebsite
{
display:inline-block; 
margin-top:10px;
margin-left:5%;
margin-bottom:15px;
padding:10px;
background-color: #FB8324;
color:white;
cursor:pointer;
vertical-align:top;
/*box-shadow: 4px 3px #D1650F;*/
font-size:19px;
width:264px;
}

}

.homeAboveTextPicture
{
background-image:url("imagini/webPoster.jpg");
margin-top:50px;
margin-left: auto;
margin-right: auto;
width:100%;
height:200px;
background-size: cover;
}

.homeAboveTextPicture h1
{
font-size:28px;
}


.centerCenter
{
text-align:center;
}

.buttonComanda
{
	display:block; 
	margin-left:auto; 
	margin-right:auto;
	width:48%;
	padding:8px;
	background-color: #459fed;
	color:white;
	cursor:pointer;
	font-size:16px;
}

.extraOptiune
{
	display:block; 
	width:100%;
	margin-left:auto; 
	margin-right:auto;
	margin-top:20px;
	margin-bottom:70px;
	font-size:18px;
	padding:15px; 
	color: #459fed;
	box-shadow: 5px 5px 10px 1px rgba(44,52,115,1);
	background-color:rgba(0,0,0,0.6);
	
}

.titluExtraOptiune
{
	display:inline-block;
	color:white;
	padding:15px;
	background-color: #FB8324;
	width: 24%;
	font-size:23px;
	vertical-align:top;
}

.textExtraOptiune
{
	display:inline-block; 
	padding-left:20px;
	font-size:16px;
	width:70%;
	color:white;
	font-weight:bold;
	vertical-align:top;
}

.fadeIn
{
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.fadeIn2
{
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	background-image:url("imagini/create3.jpg");
	background-size: cover;
	width:100%;
	height:500px;
	display:block;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

mesaj
{
	display:block; 
	font-size:24px; 
	width:50%;
	margin-left:auto; 
	margin-right:auto;
	padding:20px;
}

.footer
{
	display:block;
	background-color: #007fa6;
	color:white;
	padding:10px;
	font-family:ownSansationLight;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1;
}

.menuFooter
{
	display:inline-block;
	float:right;
}

.menuFooter a
{
	text-decoration:none;
	color:white;
}


/* ----------------- Formulare ---------------- */

.row 
{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:15px;
}

.label
{
	display:inline-block; 
	color:dimGray; 
	font-size: 14px;
	width:80px;
	text-align:center;
	vertical-align:middle;
}

.input
{
	color: #7d7d7d;
	font-family:ownSansationLight;
	padding:2px 6px !important;
	max-width:400px;
	min-width:350px;
	height:40px;
	color:black;
}

.input:focus
{
	border: solid 1px #ebb95b;
	background-color: #fff8d5 !important;
	box-shadow: 0 0 0;
	outline: 0;
}

.textMesaj
{
color: #7d7d7d;
font-family:ownSansationLight;
padding:2px 6px !important;
max-width:400px;
min-width:350px;
height:90px;
color:black;
}

.formularSubtitle
{
	display:block;
	color: #459fed;
	font-family: ownAnke;
	font-size:18px;
	padding:15px;
	border-bottom: 1px dotted dimGray;
}

.cc-dialog
{
width:100% !important;
}

/* ------------- Ended - Formulare -------- */

/* --------------- Abonare -------------------- */

select
{
	background-color:white;
	font-family:ownSansationLight;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

option
{
	height:24px;
}
/*
pachet
{
	display:block; 
	color:white;
	background-color: #FB8324;
	text-align:left;
	padding:15px;
	margin-bottom:1%;
}
*/

button
{
	display:block;
	padding:15px;
	font-size:14px;
	font-family: ownAnke;
	color:white;
	margin-left:20px;
	margin-top:10px;
	background-color: #459fed;
	text-decoration:none;
	border:none;
	outline:0;
}

/* ---------- Ended - Abonare ------------- */

/* ----------------- Captcha ----------------- */

.pozitieCaptcha
{
	display:block;
	margin-top:1%;
	padding-top:25px;
}

.pozitieCaptchaCostWebsite
{
	display:block;
	margin-top:1%;
	padding-top:25px;
	margin-left:100px;

}

.pozitieCaptchaContact
{
	display:block;
	margin-top:1%;
	padding-top:25px;
	margin-left:50px;
}

.dateAutorCheie
{
font-size:15px;
}

.holderImgCaptcha
{
	display:inline-block;
	vertical-align:top;
}

.altCodCaptcha
{
	text-decoration:none;
}

newCode
{
	display:inline-block;
	width: 70px;
	color:white;
	font-family: ownAnke;
	font-size:12px;
	background-color: #E8D035;
	vertical-align:top;
	text-align:center;
	padding-top:18px;
	padding-bottom:18px;
}

/* ---------- Ended - Captcha ------------ */

/* ------------- Exploreaza ----------------*/ 

.step
{
	display:inline-block;
	background-color: #b9dbf8;
	border-radius: 50%;
	text-align:center;
	width:20px;
	height:20px;
	padding:4px;
	color:white;
	font-size:12px;
	font-family: ownAnke;
	vertical-align:middle;
	line-height:1.9;
	
}

.step2
{
	display:inline-block;
	padding:4px;
	color:black;
	vertical-align:middle;
	cursor:default;
}

.step:hover + .step2
{
	color: #459fed;
}

/* -------- Ended - Exploreaza --------- */

/* ------------- Avantaje ------------------- */

.titluRow
{
	display:inline-block; 
	width:18%;
	font-size:34px;
	vertical-align:top;
	
}

.holderCadrane
{
	display:inline-block; 
	width:77%;
	padding-top:10px;
	padding-left:30px;
	/*background-image:url("imagini/inspiration.jpg");*/
	

}

.holderCadraneHome
{
	display:inline-block; 
	width:100%;
	padding:10px;
	/*background-image:url("imagini/businessman.jpg");*/
	padding-bottom:50px;

}


.cadranAlb
{
background-color:rgba(255,255,255,0.7);
padding-top:15px;
padding-bottom:15px;
}

.holderCadraneAbonare,.holdeCadraneComanda
{
display:inline-block; 
width:70%;
padding-top:10px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;
}

.saveComanda
{
margin-bottom:80px;
}

.vreauWebsite
{
margin-bottom:80px;
}

.holderCadraneTarife
{
display:inline-block; 
	width:70%;
	padding:10px;
	width:1000px;
	height:400px;
}

.backgroundDownTarife
{
background-image:url("imagini/technology.jpg");
  /* CSS gradients */
background: linear-gradient(to top, rgba(255,255,255,0) 70%,
              rgba(255,255,255,1)), url("imagini/technology.jpg");
background-size:cover;
height:auto;
color:white;
margin-top:90px;
padding-top:25px;
font-family: ownSansationLight;
}

.holderCadraneBlog
{
	display:inline-block; 
	padding:10px;
	width:70%;
	height: 100%;
	
}

.veziMaiMultBlog
{
margin-top:20px;
margin-left:40px;
background-color: #FB8324;
padding:10px;
color:white;
display:block;
width:500px;
font-weight:bold;
font-family: ownSansationLight;
}



.holderCadranePrezentare
{
display:inline-block; 
	width:70%;
	padding:10px;
	height:auto;
}

.contentCadran
{
	display:inline-block; 
	width:200px;
	font-size:14px;
	vertical-align:top;
	margin-top:10px;
	margin-bottom:10px;
}

.contentDomenii
{
	display:inline-block; 
	width:230px;
	height:210px;
	font-size:14px;
	vertical-align:top;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	background-color:rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 1px 21px -4pxrgba(44,52,115,1);
	-moz-box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	box-shadow: 0px 1px 21px -4px rgba(44,52,115,1);
	/*box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.6);*/
	/*border-radius:5px;*/
}

.titluCadran
{
	display:block;
	font-size:16px;
	margin-bottom:10px;
	color:#459fed;
	font-weight: bold;
	min-height:32px;
	
}

.titluCadranCostWebsite
{
	display:block;
	font-size:21px;
	margin-bottom:10px;
	color:#459fed;
	font-weight: bold;
	min-height:32px;
	
}

.titluCadranHome
{
	display:block;
	font-size:16px;
	margin-bottom:10px;
	font-weight: bold;
	min-height:50px;
	/*
	border-bottom:1px solid #2A70AD;
	border-left:5px solid white;
	border-right:5px solid white;
	*/
}

.headingTitle
{
display:inline-block;
margin-left:20px;
margin-top:10px;
text-shadow:1px 1px 1px white;
vertical-align:top;
}

.pozitieThumbnailsHeading
{
margin-top:4px;
margin-left:70px;
display:none;
}

.spanThumbnailMacheta
{
display:inline-block;
margin-left:35px;
height:54px;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.spanThumbnailMacheta a:hover
{
cursor:pointer;
}

.fbShare
{
display:inline-block;
float:right;
margin-right:50px;
vertical-align:top;
}

.titluMacheta
{
	display:block;
	font-size:16px;
	margin-bottom:10px;
	color:#459fed;
	font-weight: bold;
}

.textCadran
{
	display:block; 
	font-size:18px;
	min-height:100px;
	padding-right:5px;
	border-radius:5px;
}

.textCadranModele
{
	display:block; 
	font-size:18px;
	min-height:100px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	text-align:center;
}

.textCadranCostWebsite
{
	display:block; 
	font-size:25px;
	min-height:100px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

.motto
{
	display:block; 
	width:80%;
	margin-left:auto; 
	margin-right:auto;
	margin-top:20px;
	margin-bottom:50px;
	text-align:center; 
	font-size:18px;
	padding:15px; 
	color: #459fed;
	border:2px solid #459fed;
	font-family: ownSansationLight;
}

/* --------- Ended - Avantaje ----------- */

/* ------------ Exploreaza ---------------- */

.holderMacheta
{
	display:inline-block; 
	width:300px;
	webkit-box-shadow: 1px 1px 11px -1px rgba(0,0,0,0.50); 
	-moz-box-shadow: 1px 1px 11px -1px rgba(0,0,0,0.50);  
	box-shadow: 1px 1px 11px -1px rgba(0,0,0,0.50);
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:50px;
	padding-bottom:20px;
	text-align:center;
	height: 380px;
    	overflow: hidden;
	
}

.holderLinkMacheta
{
	z-index:10;
	margin-top:-208px;
	font-family: ownAnke;
	font-size:18px;
	display:none;
	width:280px;
	height:204px;
	background-color: rgba(255,255,255,0.90);
	vertical-align:top;
}

.holderLinkMacheta a
{
	text-decoration:none;
	color:dimGray;
	display:inline-block;
	margin-top:30%;
	cursor:pointer;
}

.holderLinkMacheta a:hover
{
	color: #459fed;
	cursor:pointer;
}

.holderMacheta img
{
	cursor:pointer;
}

.iframeDemo
{
	display:block;
	width:96%;
	height:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	background: transparent;
	overflow-x: auto;
    	overflow-y: auto;
	webkit-box-shadow: 1px 1px 11px -1px rgba(0,0,0,0.50); 
	-moz-box-shadow: 1px 1px 11px -1px rgba(0,0,0,0.50);  
	box-shadow: 1px 1px 11px -1px rgba(0,0,0,0.50);
}

/* -------- Ended - Exploreaza -------- */

/* ---------- Detalii Macheta ----------- */

.parallax 
{
	display:block;
    /* The image used */
    /* Set a specific height */
    min-height: 300px; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ---- Ended - Detalii Macheta ----- */



/*-----Contact-----*/

.numereTelContact
{
font-size:20px;
}


/*----Ended -- Contact-----*/


.articolCreareWebsite
{
text-align:justify;
font-size:24px;
margin-bottom:20px;
font-family: ownSansationLight;
margin-top:20px;
}

.titluArticolCreareWebsite
{
font-weight:bold;
font-size:22px;
padding-bottom:20px;
}

.titluSecundarArticolCreareWebsite
{
font-size:22px;
margin-top:10px;
padding-bottom:15px;
}

/*------Pagina Toate modelele de website------*/

.inapoiLaHome
{
margin-top:20px;
margin-left:40px;
background-color: #FB8324;
padding:10px;
color:white;
display:block;
width:230px;
font-weight:bold;
font-family: ownSansationLight;
}

.cadranToateModeleleDeWebsite
{
margin-top:40px;
margin-left:40px;
padding-bottom:125px;
font-family: ownSansationLight;
}


/*Pagina cat costa un website*/
/*
.pageSubtitleCostWebsite
{
display:block;
padding:20px;
font-size:24px;
background-color: #faf8f5;
color:#919191;
font-family: ownSansationLight;
font-weight:bold;
margin-top:1%;
background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
}
*/
.textCostWebsite
{
color: dimGray;
font-family: ownSansationLight;
padding:10px;
font-size:27px;
width:1000px;
margin-left:auto;
margin-right:auto;
}

.pretMinimLunar
{
color: #459fed;
font-weight:bold;
}

.cadranPozeCostWebsite
{
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:30px;
margin-left:auto;
margin-right:auto;
display:block;
width:950px;
}

.facebookConvert
{
background-color:#F0861D;
height:30px;
line-height:30px;
display:inline-block;
padding-left:10px;
padding-right:10px;
}

.pozaCostWebsite
{
margin-right:35px;
height:200px;
}

/*Scroll down*/

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);
* {
  margin: 0;
  padding: 0;
}

section {
  position: relative;
  width: 100%;
  height: 100%;
}
section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
}
section h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font : normal 300 64px/1 'Josefin Sans', sans-serif;
  text-align: center;
  white-space: nowrap;
}

#section01 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg01.jpg) center center / cover no-repeat;}
#section02 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg02.jpg) center center / cover no-repeat;}
#section03 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg03.jpg) center center / cover no-repeat;}
#section04 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg04.jpg) center center / cover no-repeat;}
#section05 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg05.jpg) center center / cover no-repeat;}
#section06 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg06.jpg) center center / cover no-repeat;}
#section07 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg07.jpg) center center / cover no-repeat;}
#section08 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg08.jpg) center center / cover no-repeat;}
#section09 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg09.jpg) center center / cover no-repeat;}
#section10 { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg10.jpg) center center / cover no-repeat;}

#thanks {
  background-color: #fff;
}
#thanks::after {
  content: none;
}
#thanks div {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#thanks h2 {
  margin-bottom: 60px;
  color: #333;
  font : normal 300 64px/1 'Josefin Sans', sans-serif;
  text-align: center;
  white-space: nowrap;
}
#thanks p {
  color: #333;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
}
#thanks p a {
  color: #333;
  text-decoration: none;
  transition: color .3s;
}
#thanks p a:hover {
  color: #888;
}
.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}



#section01 a {
  padding-top: 60px;
}
#section01 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section02 a {
  padding-top: 60px;
}
#section02 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section02 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section03 a {
  padding-top: 60px;
}
#section03 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



#section04 a {
  padding-top: 60px;
}
#section04 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}



#section05 a {
  padding-top: 70px;
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section06 a {
  padding-top: 70px;
}
#section06 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb06 1.5s infinite;
  animation: sdb06 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb06 {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb06 {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section07 a {
  padding-top: 80px;
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



#section08 a {
  padding-top: 60px;
}
#section08 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section08 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}



#section09 a {
  padding-top: 80px;
}
#section09 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section09 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section09 a span::after {
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 18px;
  height: 18px;
  content: '';
  margin-left: -9px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section10 a {
  padding-top: 60px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.cadranTermeni
{
padding:20px;
}

.cadranCookie
{
padding:20px;
}

.pozitieButonBlog
{
float:left;
display:inline-block;
background-color:#459fed;
color:white;
padding:5px;
border: 2px solid #007fa6;
}

#titluArticolBlog h1
{
font-size:30px;
color:dimGray;
}

/*confidentialitate*/

.textConfidentialitate
{
font-family: ownSansationLight;
font-size:24px;
margin-top:50px;
width:800px;
margin-left:auto;
margin-right:auto;
padding-bottom:70px;
}

.capbox {
	background-color: #92D433;
	border: #B3E272 0px solid;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 8px 40px 8px 8px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }


errorCaptcha
{
font-size:21px;
color:red;
font-weight:bold;
font-family: ownSansationLight;
height:28px;
margin-top:10px;
display:block;
}

.notificareForm,.notificareFormMesajContact
{
position: absolute;
margin-left:80px;
}

.notificareFormCheckbox
{
position: absolute;
}

.sageataSus
{
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #CFD1CD;
}

.mesajNotificare,.mesajNotificareEmail, .mesajNotificareTelefon,.mesajNotificareTextarea, .mesajNotificareCaptchaContact, 
.mesajNotificareCheckbox
{
background-color: #CFD1CD;
height: 20px;
line-height:20px;
width: auto;
padding: 4px;
font-family: ownSansationLight;
font-size:14px;
color:black;
box-shadow: 1px 1px 1px -1px black;
}

.vaRugamSaScrieti
{
font-family: ownSansationLight;
font-size:24px;
padding-bottom:20px;
}

.cadranMicPaginaFB
{
display:inline-block; 
width:200px;
height:180px;
font-size:14px;
vertical-align:top;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
background-color:rgba(255,255,255,0.9);
-webkit-box-shadow: 0px 1px 21px -4px rgba(209,50,209,1);
-moz-box-shadow: 0px 1px 21px -4px rgba(209,50,209,1);
box-shadow: 0px 1px 21px -4px rgba(209,50,209,1);
/*box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.6);*/
/*border-radius:5px;*/
}

.prezentareServiciiHome
{
width:45%;
}

.marginStangaPrezentareServicii
{
margin-left:50px;
}

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



.marginStangaPrezentareServicii
{
margin-left:10px;
}


}

.textAcasa
{
font-family: ownSansationLight;
margin-left:auto;
margin-right:auto;
width:94%;
margin-top:70px;
display:block;
font-size:24px;
margin-bottom:70px;
border-left:3px solid #FB8324;
padding-left:15px;
}

.consentCheckbox
{
margin-left:50px;
margin-top:20px;
}

/*pixabay api css*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.searchInput {
  display: block;
  border: none;
  outline: none;
  padding: 5px 0;
  margin: 20px auto;
  font-size:20px;
  border-bottom: 1px solid black;
  position: relative;

}

.searchInput:focus {
    border-bottom: 2px solid black;
  }


.loading {
  display: none; 
  text-align: center;
  padding: 0 1em;
}

.wrapperPictures {
  display: none; 
  margin-left:  auto;
  margin-right:auto;
  margin-bottom:100px;
  text-align: center;
}

  @media(max-width: 680px) {

    .wrapperPictures
    {
    width: 100% !important;
    }

    .image {
      width: calc(100% - 2em) !important;
      height: 150px;
      background-position: center !important;
      background-size: cover !important;
    }
  }

  .image {
    position: relative;
    margin: 0.5em;
    overflow: hidden;
    transition: box-shadow 0.2s;
  }

  .image:hover {
      box-shadow: 1px 1px 5px rgba(0,0,0,0.8);

    }

.image:hover .overlay {
        opacity: 1;
      } 

   .image:hover .hidden {
        top: 50%;
        transform: translate(-50%, -50%) scale(1);

      }



.image:hover .hidden .direct-links a 
    {
    display: inline-block;
    margin: 0.5em 0.25em;
    padding: 0.5em 1em;
    cursor: pointer;
    background: rgba(255,255,255,0.9);
    text-decoration: none;
    border-radius: 5px;
    }

.image:hover .hidden .direct-links a:active {
              background: rgba(255,255,255,0.7);
            }

.image:hover .hidden .direct-links a:hover {
              background: rgba(255,255,255,0.8);
            }

.image:hover .hidden .direct-links a:visited {
              color: black;
            }

.image:hover .hidden .direct-links a  i 
    {
      vertical-align: middle;
    }


 .image:hover .hidden .stats
	{
          margin: 0.25em 0;  
        }


 .image:hover .hidden .stats b, i 
	{
            vertical-align: middle;
          }


.image:hover .hidden div  b 
	{
            font-size: 19px;
            font-weight: 700;
            vertical-align: bottom;
        }

.image:hover .hidden div  i
	{
            font-size: 19px;
            font-weight: 700;
          }

.image .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      opacity: 0;
      transition: all 0.2s;
    }

   .image .hidden {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, 200%) scale(0);
      text-align: center;
      transition: transform 0.2s;
      color: white;
    }

.stilPaginatiePixa
{
color: #1E67A3;
border: 1px solid #D1D1D1;
margin-left: 5px;
text-decoration: none;
width: 27px;
display: inline-block;
text-align: center;
font-family: arial;
font-size: 14px;
padding-top: 3px;
padding-bottom: 3px;color: #459fed;
margin-top:5px;
font-weight: bold;
font-weight: bold;
margin-left:7px;
}

.stilPaginatiePixaActiv
{
color: white;
border: 1px solid #D1D1D1;
background-color: #1E67A3;
margin-left: 5px;
text-decoration: none;
width: 27px;
display: inline-block;
text-align: center;
font-family: arial;
font-size: 14px;
padding-top: 3px;
padding-bottom: 3px;
margin-top:5px;
font-weight: bold;
}

/*pagina Imagini Desktop*/

.mainSheetDesktop
{
display:block;
font-family: ownSansationLight;
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:90%;
}

.titluImaginiDesktop
{
color: #459fed;
font-weight: bold;
font-size:24px;
}

.titluImaginiDesktop h1
{
font-size:27px;
}



.logoPixa
{
/*background-image:url("imagini/pixaApiLogo.png");*/
background-image:url("imagini/imageSearch.png");
background-size:cover;
width:200px;
height:200px;
display:block;
border:2px solid #F0861D;
border-radius:5px;
}

.logoAparatFotoWebcsoft
{
background-image:url("poze/aparatFotoWebcsoft.png");
background-size:contain;
background-repeat:no-repeat;
width:200px;
height:175px;
display:block;
border:2px solid #F0861D;
border-radius:5px;
}

.ImgDesktopTextLinkWebcsoft
{
position:absolute;
padding-top:185px;
color: #F0861D;
font-size:20px;
font-weight:bold;
}

.ImgDesktopTextLink
{
position:absolute;
padding-top:210px;
color: #F0861D;
font-size:20px;
font-weight:bold;
}

.pozitieTextDespreApiuri
{
margin-top:40px;
margin-bottom:70px;
}

.textImgDesktopStanga
{
display:inline-block;
width:250px;
vertical-align:top;
}

.textImgDesktopDreapta
{
display:inline-block;
width:800px;
vertical-align:top;
font-size:23px;
}

.textImgDesktopDreapta a
{
display:block;
font-weight:bold;
}

.textImgDesktopDreapta a:hover
{
cursor:pointer;
}

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

	 .textImgDesktopStanga
	{
	width:220px !important;
	}

	.textImgDesktopDreapta
	{
	width:500px !important;
	margin-top:30px;
	}
}  
  




.logoPixaPePagCuSearch
{
margin-right:10%;
margin-top:15px;
background-image:url("imagini/pixaLogo.png");
background-size:cover;
width:300px;
height:50px;
display:block;
float:right;
}

.detaliiLicenta
{
font-family: ownSansationLight;
margin-top:15px;
margin-bottom:35px;
margin-left:15px;
display:inline-block;
}

.logoPexPePagCuSearch
{
margin-right:10%;
margin-top:15px;
background-image:url("imagini/pexelsLogo.png");
background-size:cover;
width:430px;
height:90px;
display:block;
float:right;
display:inline-block;
}

.sectiuneArticolImagini
{
margin-top:25px;
}

.logoPex
{
/*background-image:url("imagini/pixaApiLogo.png");*/
background-image:url("imagini/cameraPex.jpeg");
background-size:cover;
width:200px;
height:174px;
display:block;
border:2px solid #F0861D;
border-radius:5px;
}


/* ============ Photo Gallery ============ */

.cadranPoza
{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	box-shadow: rgba(0, 0, 0, 0.74902) 0px 2px 16px 0px;
}

sageata
{
	display:inline-block;
	font-size:24px;
	vertical-align:top;
	cursor:pointer;
	color:white;
	background-color: rgba(0,0,0,0.5);
	padding:5px;
}

/* ========= Ended -  Photo Gallery ======== */

/* =========== Afisare Main Text ========== */

.mainText
{
	display:block; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	
}

/* ======== Ended - Afisare Main Text ====== */


#butonPagMagOnline
{
background-color: #FB8324;
width:200px;
height:30px;
display:block;
text-align:center;
font-family: ownSansationLight;
color:white;
display:inline-block;
}


/* ======== Portofoliu ====== */

.linkPortofoliu
{
width:270px;
height:auto;
text-align:center;
padding:5px;
background-color:#459fed;
margin-top:25px;
margin-left:auto;
margin-right:auto;
display:block;
color:white;
border-radius:10px;
font-size:24px;
font-weight:bold;
}

.linkPortofoliu:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
cursor:pointer;
}

.linkVedetiModelele
{
width:270px;
height:auto;
text-align:center;
padding:5px;
background-color:#459fed;
margin-top:25px;
margin-left:15%;
display:block;
color:white;
border-radius:10px;
font-size:24px;
font-weight:bold;
}

.linkVedetiModelele:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.linkDescriereaServiciilor
{
width:470px;
height:auto;
text-align:center;
padding:5px;
background-color:#459fed;
margin-top:25px;
margin-left:3%;
display:block;
color:white;
border-radius:10px;
font-size:24px;
font-weight:bold;
}

.linkDescriereaServiciilor:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.linkVeziSite
{
width:150px;
height:auto;
text-align:center;
padding:5px;
background-color:#459fed;
margin-top:25px;
margin-left:30px;
display:inline-block;
color:white;
border-radius:10px;
font-size:20px;
font-weight:bold;
}

.linkVeziSite:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.textMagazinOnline
{
font-family: ownSansationLight;
margin-left:auto;
margin-right:auto;
width:94%;
margin-top:70px;
display:block;
font-size:24px;
margin-bottom:40px;
border-left:3px solid #FB8324;
padding-left:15px;
}

.labelPortofoliu
{
font-weight:bold;
text-align:center;
font-size:28px;
margin-bottom:30px;
}

.elementPortofoliu
{
margin-bottom:30px;
}

.pozaPortofoliu
{
width:45%;
display:inline-block;
vertical-align:top;
margin-bottom:10px;
}

.textPortofoliu
{
width:45%;
display:inline-block;
vertical-align:top;
margin-left:5%;
margin-bottom:10px;
font-size:18px;
}

@media only screen and (max-width: 500px)
{
.pozaPortofoliu
{
width:90% !important;
display:inline-block;
vertical-align:top;
}

.textPortofoliu
{
width:90% !important;
display:inline-block;
vertical-align:top;
}

}


/*Text peste imagine la portofoliu magazin online*/

/* quick reset */
* {
  margin: 0;
  padding: 0;
}

/* relevant styles */
.img__wrap {
  position: relative;
  height: auto;
  width: 100%;
}

.imgWrapWebcsoft {
  position: relative;
  height: auto;
  width: 30%;
  display:inline-block;
  margin-left:2%;
}

.img__description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  font-weight:bold;
  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
  text-align:center;
  font-size:24px;
  width:100%;
  display:block;
}


.img__wrap:hover .img__description 
{
  visibility: visible;
  opacity: 1;
}

.imgWrapWebcsoft:hover .img__description 
{
  visibility: visible;
  opacity: 1;
}

.img__description a
{
color:white;
top:30%;
}

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