html, body { height: 100%; font: 13px 'Open Sans', sans-serif; color: #454545; font-weight: 400; line-height: 1.7em; }
.img, object, embed { max-width: 100%; }
.center { width: 100%; text-align: center; }
.homepage { background: url(../interface/pattern.png); position: relative; overflow: hidden; height: 100%; margin-bottom: -55px; }
.homepage { height: 100%;}
.header { background-color: #FFFFFF; width: 100%; height: 100px; text-align:center; }
.logo { margin-top: 10px; }
.logo-mobile { margin-top: 30px; }
.menu { background:url(../interface/menu-bg.png) repeat-x; width: 100%; position: relative; z-index: 1000; height: 55px; }
.nav ul { margin:0; padding:0; }
.nav ul li { float: left; list-style: none; margin-left: 20px; margin-top: 15px; }
.nav ul li.current { background:url(../interface/selected-menu-bg.png) repeat-x; height: 55px; float: left; list-style: none; margin-left: 20px; padding-left: 10px; padding-right: 10px; margin-top: 0px; padding-top: 15px; }
.nav ul li a { font: 14px 'Open Sans', sans-serif; color: #FFFFFF; }
.nav-mobile { margin-top: 15px; }
.banner { position: absolute; z-index: 9999; bottom: 0; margin-bottom: 70px; text-align: center; left: 50%; margin-left: -442px; max-width: 884px; height: 408px; }
.banner_content { background:url(../interface/banner.png) no-repeat; max-width: 884px; height: 408px; }
.banner_content h1 { padding-left: 70px; padding-top: 150px; color; #FFFFFF; font-size: 50px; font-family: 'Ubuntu', sans-serif; color: #FFFFFF; font-weight: 400; line-height: 52px; }
.banner_content p { padding-left: 70px; width: 600px; padding-top: 10px; color; #FFFFFF; font-size: 18px; font-family: 'Ubuntu', sans-serif; color: #FFFFFF; font-weight: 400; line-height: 20px; margin-left: auto; margin-right: auto; text-align: center; position: relative; }
.select { background-color: #FFFFFF; color: #000000; height: 28px; border: 1px solid #DDDBDC; padding: 5px;}
.nav ul li a { font: 14px arial, sans-serif; color: #FFFFFF; }
.page { padding-top: 20px; padding-bottom: 80px; position: relative; background: white; }
.intro-content { padding-top: 50px; }
.intro-content h1 { font: 40px 'Open Sans', sans-serif; color: #01262e; font-weight: 300;}
.feature { width: 100%; text-align: center; color: #01262e; }
.feature-img { width: 100%; text-align: center; }
.feature h1 { font: 24px 'Open Sans', sans-serif; color: #01262e; font-weight: 700; }
.pattern { background: url(../interface/pattern.png); width: 100%; position: absolute; }
#parallax1, #parallax2, #parallax3 { width: 100%; height: 450px; background-color: #1c1f26; position: relative; overflow: hidden; }
#parallax1 .pattern, #parallax2 .pattern { height: 450px; }
#parallax3 { width: 100%; height: 800px; background-color: #1c1f26; position: relative; overflow: hidden; }
#parallax3 .pattern { height: 800px; }
#more { position: absolute; text-align: center; width: 100%; z-index: 9999; padding-left: 70px; bottom: 70px;}
.bg1 { background: url(../interface/motto-bg.jpg) 50% 50% fixed repeat-y; width: 100%; height: 100%; margin: 0 auto; position: absolute; background-size: 110%; }
.motto { padding-top: 150px; }
.motto h1 { font: 40px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 300; line-height: 43px; }
.motto-mobile { padding-top: 40px; }
.motto-mobile h1 { font: 32px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 300; line-height: 36px; }
.despre-content { padding-top: 50px; }
.despre-content h1 { font: 40px 'Open Sans', sans-serif; color: #003e4b; font-weight: 300;}
.bg2 { background: url(../interface/clients-bg.jpg) 50% 50% fixed repeat-y; width: 100%; height: 100%; margin: 0 auto; position: absolute; background-size: 110%; }
.clients h1 { font: 40px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; line-height: 23px; text-transform: uppercase; padding-top: 20px; }
.clients ul { margin:0; padding;0; }
.clients ul li { list-style: none; display: inline-block; margin-left: 25px; margin-right: 25px; margin-bottom: 10px; vertical-align: middle; }
.portofoliu-content { padding-top: 50px; font: 14px 'Open Sans', sans-serif; color: #454545; font-weight: 400; line-height: 18px; }
.portofoliu-content h1 { font: 40px 'Open Sans', sans-serif; color: #003e4b; font-weight: 300;}
.portofoliu-desc { font: 20px 'Open Sans', sans-serif; color: #7C7C7C; font-weight: 300;}
.house { color: #004153; margin-top: 30px; }
.house h2 { font: 22px 'Open Sans', sans-serif; color: #004153; font-weight: 400;}
.bg3 { background: url(../interface/contacts.jpg) 50% 50% fixed repeat-y; width: 100%; height: 100%; margin: 0 auto; position: absolute; background-size: 110%; }
.contact { padding-top: 70px; }
.contact h1 { font: 40px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 300;}
#map-canvas{ width: 100%; min-height: 400px; border: 10px solid #a55625; }
.dates { font: 24px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; text-align: left; margin-left: 20px; }
.dates td { font: 24px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; }
.dates a { color: #FFFFFF; font: 24px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; }
.copyright { font: 14px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; text-align: center; }
.bywho { background-color: #00ff90; padding: 3px 15px; float: right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: url(../interface/motto_bg.png) repeat; color: #FFFFFF; }
.bywho h1 { font: 20px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; }
.testimonial_top { background: url(../interface/testimonial_top.png) no-repeat; width: 425px; height: 59px; margin: auto; position: relative; }
.testimonial { background: url(../interface/testimonial_bg.png) repeat-y; width: 425px; color: #515151; text-align: left; }
.testimonial_desc { width: 350px; padding: 10px; margin-left: 60px; margin-top: -10px; }
.testimonial_bottom { background: url(../interface/testimonial_bottom.png) repeat; width: 425px; height: 26px; margin: auto; position: relative; }
.header-mobile { display: none; }
ul#portfolio-filter{ }
ul#portfolio-filter ul{ padding: 0; margin: 0; }
ul#portfolio-filter li{ display: inline-block; padding: 5px; margin-bottom: 5px;}
ul#portfolio-filter a{ padding: 0.5em 1em; background: #EEEEEE; color: #004251; font-weight: bold; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ background-color: #004251; color: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
ul#portfolio-filter a.current{ background-color: #004251; color: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
ul#portfolio-list{ margin-left: auto; margin-right: auto; text-align: center; }
ul#portfolio-list li{ list-style: none; max-width: 440px; display: inline-block; padding: 10px; position: relative; vertical-align: text-top; }
ul#portfolio-list li a { }
@media only screen and (min-width : 240px) and (max-width : 480px) {
ul#portfolio-list li{ max-width: 240px; display: inline-block; padding: 10px; position: relative; vertical-align: text-top; }
}
@media only screen and (min-width : 240px) and (max-width : 480px) {
.homepage { display: none; }
.nav { margin-top: 100px; }
.header-mobile { display: block; background-color: #FFFFFF; width: 100%; height: 100px; text-align:center; }
.dates { font: 16px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; text-align: center; }
.dates td { font: 16px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; }
.dates a { color: #FFFFFF; font: 16px 'Open Sans', sans-serif; color: #FFFFFF; font-weight: 400; }
}
@media only screen and (max-width: 1024px) {
.banner { display: none; }
#more { display: none; }
.testimonial { display: none; }
.testimonial_desc { display: none; }
.testimonial_bottom { display: none; }
.testimonial_top { display: none; }
}