body {
    background-color: #fff;
    font-family: Lato, Helvetica, Trebuchet MS, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
.placeholder {
	color: #ccc;
}
#mediaspace_wrapper {margin:0 auto;}
#mediaspace2_wrapper {margin:0 auto;}
::-webkit-input-placeholder{
  color: #ccc;
  font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Raleway, Helvetica, Trebuchet MS, Arial, sans-serif;
    font-weight: 300;
    color: #333;
}

.green {
    color: #1abc9c;
}
.orange {
    color: #dfb55b;
}

p {
    line-height: 28px;
    margin-bottom: 25px;
    font-size: 16px;
}
.centered {
    text-align: center;
}
.goright {
    text-align: right;
}
.mt {
    padding-top: 25px;
}
a {
    color: #dfb55b;
    word-wrap: break-word;
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}
a:hover, a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}
.col-lg-10 {overflow:hidden; margin-right:0px;}
a:before, a:after {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.btn {
    border-radius: 0;
}
.btn-green {
    color: #fff;
    background-color: #1abc9c;
    border-color: #1abc9c;
    font-weight: 300;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
    color: #fff;
    background-color: #16a085;
    border-color: #16a085;
    font-weight: 300;
}
.btn-orange {
    color: #fff;
    background-color: #dfb55b;
    border-color: #dfb55b;
    font-weight: 300;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange:active, .open .dropdown-toggle.btn-orange {
    color: #fff;
    background-color: #dfb55b;
    border-color: #dfb55b;
    font-weight: 300;
}
.tm {
    font-size: 14px;
    line-height: 20px;
}


.pt{padding-top:200px;}

#header {
	padding-top:50px;
	padding-bottom:30px;
	height:300px;
}

#header-wrapper{ 
	height:300px;
	background-image:url(../img/header-bg.jpg);
	background-repeat:no-repeat;
	background-position:center -220px;;
}

#headerwrap {
    background: url(../img/header-bg.jpg) no-repeat center top;
    margin-top: -10px;
    padding-top: 40px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    height: 256px;
    width: 100%;
	/*-webkit-box-shadow: 0 3px 8px -6px black;
	   -moz-box-shadow: 0 3px 8px -6px black;
	        box-shadow: 0 3px 8px -6px black;*/
	border-bottom: 1px solid #CCC;
}

#headerwrap h1 {
    margin-top: 20px;
    color: #fff;
    font-size: 140px;
    font-weight: 700;
    letter-spacing: 3px;
}
#headerwrap h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 100;
    letter-spacing: 2px;
}
#headerwrap i {
    font-size: 35px;
    color: #333;
}
#headerwrap .spacer {
    margin-top: 30px;
}

.list {
	margin-left:32%;
}
#headerwrap p{}
.help-block {
    color: red
}
.textura{
	border-radius:4px;
	padding:3px;
	 background: url(../img/pattern.png) repeat center top;
}
.thumb {width:30%; height:30%; margin-right:30px;}

/* NAVBAR */
.nav{float:none; text-align:center; display: inline-block; margin-bottom:0px;}
.navbar {color:#000; z-index:1; font-weight:400;}
.navbar-default {border: 0px;  background:none; margin-bottom:0px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
	background-color: rgba(245,245,245, 1);
}

.nav > li > a:hover, .nav > li > a {
    text-decoration: none;
    background-color: rgba(245,245,245, 1);
	border-radius:4px;

}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 25px;
	margin-right:8px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
}

.navbar .navbar-collapse {
  text-align: center;
}
.navbar-toggle .icon-bar {width:25px;}

/*menu button toggle*/
.navbar-toggle {
	z-index:1;
	background-color:#fff;
	border:#666;
	float:none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #333;
	border:#333;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #333;
    border: medium none #333;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #dfb55b;
}
.icon-bar {background-color:#fff !important;}


/* FORMULAR */

.float {position:fixed; top:10px; width:150px;}
.vanish {display:none;}

/*back to top*/
#backToTop {
	position:fixed; 
	bottom:10px;
	right:25px;
	text-decoration:none; 
	z-index:1;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#mapwrap {
    margin: 0;
	margin-top:48px;
	margin-bottom:58px;
    padding: 0;
}
#serviceswrap {
    background: url(../img/services-bg.jpg) no-repeat center top;
    margin-top: -10px;
    padding-top: 20px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 500px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#serviceswrap h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 150px;
}
#aboutwrap {
    background: url(../img/about-bg.jpg) no-repeat center top;
    margin-top: -10px;
    padding-top: 20px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 500px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#aboutwrap h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 150px;
}
#portwrap {
    background: url(../img/portfolio-bg.jpg) no-repeat center top;
    margin-top: -10px;
    padding-top: 20px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 500px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#portwrap h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 150px;
}
#sp {
    background: #2f2f2f;
    padding-top: 35px;
    padding-bottom: 35px;
}
#sp h2 {
    color: #fff;
}
#sp-standout {
    background: url(../img/sp-standout-bg.jpg) no-repeat center top;
    margin-top: -10px;
    padding-top: 20px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 500px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#portfolio {
    width: 100%}
#services {
    background: #1abc9c;
    margin-top: 25px;
    padding-top: 35px;
    padding-bottom: 35px;
}
#services h3 {
    color: #fff;
}
#services p {
    color: #fff;
}
#services i {
    color: #fff;
    font-size: 35px;
    margin-top: 22px;
}
#lg {
   	border-top: 2px solid #dfb55b;
	border-bottom: 2px solid #dfb55b;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
#nostru  {/*color:#666;*/}
#nostru:hover {color:#000;}

#lg .desc {
    text-align: left;
}
#lg h3{color:#666;}

#call {
    background: #2f2f2f;
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}
#call h3 {
    color: #fff;
}
#call p {
    color: #fff;
}

#videofolio {
	padding-bottom:50px;
	padding-top:25px;
}

#sf {
    display: block;
    width: 100%}
#sf .container {
    width: 100%}
#sf .col-lg-4 {
    margin: 0;
    padding: 15px;
}
#sf .lg {
    background-color: #1abc9c;
}
#sf .dg {
    background-color: #16a085;
}
#sf h4 {
    color: #fff;
}
#sf p {
    color: #fff;
}
#sf .ml {
    margin-left: 30px;
}
#sf i {
    font-size: 70px;
    color: #fff;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
#cf {
    border-top: 1px solid #999;
}

#cf #contactForm2 h4 {margin-left: 0px; margin-top:0px;}
#cf #contactForm2 span {margin-left: 0px;}


#cf h4 {
    color: #000;
    margin-left: 15px;
    margin-top: 15px;
}
#cf p {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    margin-left: 15px;
}
#cf span {
	color:#dfb55b;
	margin-top:15px;
    font-size: 25px;
    margin-left: 15px;
}

#cf a span:hover {
	color:rgba(223,181,91,0.7);
}
#cf .container {
    
}
#cf a {color:#1abc9c}


#cf .col-lg-8 {
    margin: 0;
    padding: 0;
}
.process {
    max-width: 69em;
    list-style: none;
    margin: 30px auto;
    padding: 0;
}
.process li {
    display: block;
    float: left;
    padding: 1px;
    width: 100%;
    opacity: 0;
}
.process li.shown, .no-js .process li, .no-cssanimations .process li {
    opacity: 1;
}
.process li a, .process li img {
    outline: 0;
    border: 0;
    display: block;
    max-width: 100%}
.process.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp .65s ease forwards;
    -moz-animation: moveUp .65s ease forwards;
    animation: moveUp .65s ease forwards;
}
@-webkit-keyframes moveUp {
    to {
    -webkit-transform: translateY(0);
    opacity: 1;
}
}@-moz-keyframes moveUp {
    to {
    -moz-transform: translateY(0);
    opacity: 1;
}
}@keyframes moveUp {
    to {
    transform: translateY(0);
    opacity: 1;
}
}#chartwrap {
    width: 100%}
#chartwrap .container {
    margin-left: 0;
    padding-left: 0;
}
#chartwrap h1, #chartwrap p {
    margin-left: 10px;
}
.cardinfo {
    background: #fff;
    padding: 15px;
    margin: 2px;
    text-align: left;
}
.cardinfo i {
    font-size: 18px;
    padding-right: 20px;
}
.grid {
    max-width: 69em;
    list-style: none;
    margin: 30px auto;
    padding: 0;
}
.grid li {
    display: block;
    float: left;
    padding: 7px;
    width: 33%;
    opacity: 0;
}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {
    opacity: 1;
}
.grid li a, .grid li img {
    outline: 0;
    border: 0;
    display: block;
    max-width: 100%}
.grid img {
    opacity: 1;
}
.grid img:hover {
    opacity: 1;
}
.grid.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp .65s ease forwards;
    -moz-animation: moveUp .65s ease forwards;
    animation: moveUp .65s ease forwards;
}
@-webkit-keyframes moveUp {
    to {
    -webkit-transform: translateY(0);
    opacity: 1;
}
}@-moz-keyframes moveUp {
    to {
    -moz-transform: translateY(0);
    opacity: 1;
}
}@keyframes moveUp {
    to {
    transform: translateY(0);
    opacity: 1;
}
}
#formular-float h4{font-size:16px; }	
/* REDIMENSIONARI */
/* Min 768 */
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}
/* Max 1000 */
@media screen and (max-width: 1000px) {
	.float {position:relative; width:auto;}
	#bs-example-navbar-collapse-1 {border:none;}
	.dropdown-menu { z-index:1;}
}
/* Max 1200 */
@media (max-width: 1200px) {
	#formular-float h4{font-size:14px; }	
}

/* Max 768 */
@media screen and (max-width: 768px) {
	.navsus {position:fixed; height:auto; top:10px;  right:0px; z-index:1;}
	.navcol{position:fixed; height:auto; top:72px;  right:0px; z-index:1;}
	.navbar-default .navbar-toggle { background-color: #dfb55b;}
	.nav > li > a {
	margin-top:4px;
	margin-right:0px;
	}
.navbar-nav .open .dropdown-menu {
	background-color: #ccc;
	}
	
}