/* NEW CSS */
.wow { visibility: hidden; }
a:focus, a:hover { text-decoration: none !important }
a { transition-duration: .1s }

.orange_btn { display: inline-block;  color: #fff;  font-weight: 600;  background-color: #e67e22;  padding: 10px 25px; }
.orange_btn:hover { color:#FFF; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); border-radius: 3px }

.green_btn { display: inline-block;  color: #fff;  font-weight: 600;  background-color: #16a085;  padding: 10px 25px; }
.green_btn:hover { color:#FFF; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); border-radius: 3px  }

/* Genrals */
body { font-family:Open Sans; background-image:url(/img/bg1.png); background-color: #555; background-position:center center;  background-size: cover; background-attachment: fixed; }
#container { margin-top:155px }


/* Nav */
.transitiontopbar { transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; }
.navbar-nav > li > a { display:block; font-size:13px; color:#FFF; font-weight:700; margin-left:5px; padding:8px 23px; background-color:#16a085; position:relative; z-index:500;   }
.navbar-nav > li > a:hover { background-color:#FFF; color:#16a085 }
.navbar-toggle { padding: 10px; border-radius: 0px; background-color: #FFF }
.navbar-toggle .icon-bar {  background-color: rgb(22, 160, 133); height: 1px; }

/* small navbar */
.navbar {  background-image:url(/img/bg1.png);  box-shadow: 1px 1px 1px rgba(0,0,0,0.3) }
.navbar .navbar-brand > img { height: 40px; margin: -8px; }
.navbar .navbar-right { margin-top:7px !important }
.animated-header .navbar-collapse { height: 140px  }

/* full navbar */
.animated-header { padding: 8px 0; box-shadow: none }
.animated-header .navbar-collapse { height: 140px }
.animated-header { background-color: rgba(255,255,255,0) }
.animated-header .navbar-right { padding: 45px 0 }
.animated-header .navbar-brand > img {  height: 100px; margin: 5px; }

/* top submenu  */
.topmenusubmenu { margin:0; padding: 0 }
.topmenusubmenu > li a { color: #555; transition-duration:0.2s; padding: 10px 20px 0 20px; background-color:#F5F5F5; display:block; width:375px;
	font-size:14px; border-top:5px solid #FFF; font-weight:800;  height:75px; }
.topmenusubmenu > li a img { height:50px; margin-right:20px }
.topmenusubmenu > li a p { line-height:1.4em !important; font-size:11px; margin-top:4px; font-weight:400; white-space: normal; }
.topmenusubmenu li:hover a { background-color: #16a085; color:#FFF }
.topmenusubmenu { border:none }
.nav-special-button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea6500+0,00ad0b+36,008e6b+99 */
	background: rgb(234,101,0); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(234,101,0,1) 0%, rgba(0,173,11,1) 36%, rgba(0,142,107,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(234,101,0,1) 0%,rgba(0,173,11,1) 36%,rgba(0,142,107,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(234,101,0,1) 0%,rgba(0,173,11,1) 36%,rgba(0,142,107,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6500', endColorstr='#008e6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
 .nav-special-button:hover {
	 color:#FFF !important; padding-right: 50px; padding-left: 50px
 }

/* Home */
.homebox { width:185px; height:240px; margin:2px; padding:20px; float:left; text-align:center; font-weight:300; color:#16a085; font-size:16px; background-color:#ecf0f1; position:relative }
.homebox img { margin-bottom:20px }

.box-main { width:150px; float:left; cursor:pointer;  }
.box-main img { height: 100px; margin:30px 0 }
.box-second { width:350px; height:200px; margin:0px; background-color:#FFF; float:right; text-align:left; padding:20px; position:relative }
.box-second h1 { font-size:35px; margin-bottom:15px; font-weight:300; font-family:Reenie Beanie }
.box-second p { font-size:14px; color:#444; line-height:1.4em }
.box-buttons a { display: block; position: absolute; bottom: 18px; right: 20px;font-size: 12px; background-color: rgb(22, 160, 133); padding: 8px 18px; color: #FFF; text-transform: uppercase; }
.box-buttons:hover a { background-color: #27b196 }
.box-button { padding:5px 15px; background-color:#e67e22; color:#FFF; font-size:12px; font-weight:300; float:left; margin-left:10px; transition-duration:0.2s }
.box-button-price { background-color:#95bba6 }
.box-button:hover { background-color:#16a085 }

.zone.services .zone-body .zone-box > p { padding:20px; font-size:12px; font-weight:300; color:#555; line-height:1.3em }
.zone.services .zone-body .zone-box > p > span { padding:20px; font-size:12px; font-weight:300; color:#555; line-height:1.3em }
.zone.services .zone-body .zone-box > p > a { padding:5px 15px; background-color:#e67e22; color:#FFF; font-size:12px; font-weight:300; transition-duration:0.2s; position:absolute; bottom:15px; left:20px !important; display:block }
.zone.services .zone-body .zone-box > p > a:hover { background-color:#16a085 }

.zone.latest_project .zone-body { cursor: pointer}
.zone.latest_project .zone-body .zone-box h2 { margin:0; height:85px; line-height:85px; olor:#555; font-weight:600; font-size:15px; }
.zone.latest_project .zone-body .zone-box > img.projectphoto { width: 100% }
.zone.latest_project .zone-box p { font-size: 13px; padding:20px }
.zone.latest_project .zone-box p span {  font-weight: 600; font-family: Open Sans; display: block; color: #16a085; margin-top: 15px; }
.zone.latest_project .grow { transition: all .1s ease-in-out; }
.zone.latest_project .zone-box:hover .grow { transform: scale(0.95); }



/* zone */
.zone { }

.zone .zone-box.full-height { overflow: hidden; }

.zone .zone-title { padding: 20px 0 0 0 }
.zone .zone-title h1 { font-size:30px; font-weight:200; font-family:Open Sans;  padding:10px 20px; color:#FFF; margin:2px 0;  }
.zone .zone-title .more { float: right; font-size: 17px; color: #16a085; font-weight: bold; display: block; margin-top: 10px; }

.zone .zone-body > div { padding: 1.5px !important }
.zone .zone-body .zone-box { background-color:#ecf0f1; min-height: 310px; position: relative }


/* pages */

.zone .zone-contain-the_title { color:#FFF; font-weight:300; font-size:20px; float:left; padding:100px 0 0 80px; font-family:Open Sans }
.zone .zone-contain-article { color:#333; font-weight:400; float:left; padding:100px 120px; font-family:Open Sans }
.zone .zone-contain-article h2 { font-size: 40px; font-family: Roboto; font-weight: 100; color: #16a085; margin:20px 0 10px 0;}
 	.h2-not-first { margin-top: 125px !important }
.zone .zone-contain-article h3 { font-size: 17px; font-family: Roboto; font-weight: 600;  margin:10px 0 20px 0; line-height: 1.5em}
.zone .zone-contain-article p { margin:0 0 20px 0; line-height: 1.6em; color: #333 }

.zone .zone-box .small-article { color:#333; font-weight:400; float:left; padding:50px 60px; font-family:Open Sans }



	.portofoliu-zone {}
	.portofoliu-zone.zone .zone-body { position: relative; }
	.portofoliu-zone.zone .zone-body .zone-box { min-height: initial; background-color: #e67e22 }
	.portofoliu-zone.zone .zone-contain-the_title { cursor: pointer; padding: 0;  font-size: 8px; font-weight: bold; text-align: center; float: none; height: 70px; line-height:70px }
	.portofoliu-zone.zone .zone-contain-the_title:hover { box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);  border-radius: 3px; }
	.portofoliu-zone.zone .ison { background-color: #16a085 !important }
	.portofoliu-zone.zone .resetfiltru { cursor: pointer; display: none; background-color: red; position: absolute; top: 2px; left: -33px; height: 70; writing-mode: vertical-rl; width: 28px; color: #FFF; line-height: 28px; text-transform: uppercase; font-weight: 600; text-align: center; }


	.proiecte-zone.zone .zone-box .small-article { padding: 50px }
	.proiecte-zone.zone .zone-box .small-article  h2 {  font-size: 16px; font-weight: 600; line-height: 30px }
	.proiecte-zone.zone .zone-box .small-article  p {  font-size: 14px; font-weight: 300; clear: both}
	.proiecte-zone.zone .zone-box .small-article  span {  font-size: 12px; font-weight: 600; clear: both; display: block; margin-bottom: 20px; }
	.proiecte-zone.zone .zone-box .small-article .imagine { height: 150px; overflow: hidden;  background-size: cover; background-position: center top; box-shadow: inset 0px 0px 31px -7px rgba(0,0,0,0.4); border-radius: 3px }

	.proiecte-zone.zone .zone-box .small-article a { display: none }






	.tea { margin-bottom: 20px }
	.tea img { height: 25px; margin: 0 3px 3px 3px }

.paginiweb .tea img { height: 17px; margin: 1px  }

@media only screen and (max-width: 500px) {
	.zone .zone-contain-the_title { font-size: 15px; padding:100px 0 0 30px; }
	.zone .zone-contain-article { padding:25px }
	.h2-not-first { margin-top: 75px !important }
}


/* ripple */
.ripplelink{
  text-decoration:none;
  position:relative;
  overflow:hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
}

.ripplelink:hover{

}

.ink {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 1);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.animate {
	-webkit-animation:ripple 0.45s linear;
   -moz-animation:ripple 0.45s linear;
    -ms-animation:ripple 0.45s linear;
     -o-animation:ripple 0.45s linear;
        animation:ripple 0.45s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}


/* responsive */
@media only screen and (max-width: 1200px) {
	.homebox {
		text-align: center;
		width: calc(50% - 4px) !important;
	}
	.homebox .box-main {
		text-align: center;
		width: 100% !important;
	}
	.homebox .box-second {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.fullhouse-zone.zone .zone-body .zone-box {
		font-size: 50px !important;
	}
	.fullhouse-zone.zone .zone-body .zone-box span {
		letter-spacing: 15px !important;
	}

	.portofoliu-zone.zone .resetfiltru {
		position: relative !important;
	    left: 0 !important;
	    top: 0 !important;
	    width: 100% !important;
	    writing-mode: initial !important;
	    height: 40px !important;
	    line-height: 40px !important;
	    margin: 0 2px;
	}

	.topmenusubmenu > li a {
		width: 100%;
	}
	.navbar .navbar-brand > img {
		height: 40px;
	}
	#container {
	    margin-top: 75px;
	}
	.navbar .navbar-collapse {
	    height: auto;
		max-height: none;
	}

	.navbar .navbar-right {
	    padding: 0;
	}
	.navbar .navbar-right .dropdown-menu {
	    position: relative;
		width: 100%;
	}
	.fb-like {
		display: none !important;
	}
}
@media only screen and (max-width: 420px) {
	.homebox {
		width: 99% !important;
	}
}