/* Global */
body { background: #bebebe; font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; font-size: 15px; line-height: 1; color: #000; position: relative; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: 'Roboto Condensed', sans-serif;  font-style: normal; color: #fff; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
p { font-family: inherit; font-weight: normal; font-size: 15px; line-height: 1.6; margin-bottom: 17px; }
a { color: #fff; text-decoration: underline; line-height: inherit; }
a:hover { color: #ccc; }
a:focus { color: #ccc; outline: none; }
iframe {border: 0;}
/* Header */

.static-container {top: 0;
    left: 0;
    right: 0;
    height: 0;
    /* center all inline content */
    text-align: center;
position: fixed; z-index:8001; 
}

.relate {position:absolute; z-index:7900}
.relate ul {list-style-type:none}

.staticmenu {max-width: 941px; width:100%;      
    padding: 0px 20px;
    height: 74px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    margin:0 auto; 
    background: url(../images/scuderia-menu-bg.png) no-repeat;
     }

.logo {text-align: left; padding: 7px 0;}

.navigation{ margin:0; float:right; padding:0;}
nav { position: relative; float:right;}
nav ul {list-style-type: none; padding:0; margin:0; height: 100%;}
nav ul li {display: inline-block;
    width:13%;
    list-style-type: none;      
    padding: 13px 42px 26px 10px;
    margin: 0 2px;
    line-height:1.3;
    text-align: left;
    background: url(../images/sep.png) no-repeat 0% 21%;
    vertical-align: top;
    min-height:50px; 
float:left;
text-align: left;}
nav ul li.large {
    width:16.333333%;
   }
nav ul li:last-child {border-right: 0; margin-right: 0 }
nav ul li a {text-align: left;display:block;text-decoration:none; color: #424241; font-size:11px; }
nav ul li.active a, nav ul li a:hover {color:#c00;}
nav .dropdown {display: none;}

/* Lists ---------------------- */
.social  {text-align:right; width: inherit;   
position: relative; z-index:8000; }
.social ul { float:right; list-style:none; text-align:right; padding-top:15px}
.social ul li {float:left; padding:0 4px;}
.social ul li:first-child {padding:1px 4px 0;}


@media only screen and (max-width: 801px) { 
.staticmenu {position: relative}    
.logo {margin:0 auto; text-align:center;}
nav {float:none; margin:0 auto; text-align:center;}
nav .dropdown {display: inline-block; width:90%; margin:0 auto; margin-top:15px; margin-bottom:15px;}
nav ul.navigation { display:none; }
}

@media only screen and (max-width: 1023px) { 
nav ul li {background:transparent;}
}


.item {padding:0; }
.item h2 {margin-bottom:45px; padding:0 25px 0 55px;}
.paddingtop {padding-top:150px;}
.item p {padding:0 25px 0 55px; color:#fff; font-size:15px; line-height:1.3; margin-bottom:17px;}
.item p span{ font-size:13px; line-height:1.3;}
.item ul li {padding:0 25px 0 55px; color:#fff; font-size:15px; line-height:1.3 }
.item ul li:last-child {margin-bottom:17px;}
.paddingtopsmall {padding-top:190px;}
.paddingtopcontact {padding-top:295px;}
.paddingtopcontact p {margin-bottom:32px;}
.keepthep {font-size:15px; line-height:1.3; margin-bottom:17px;}
	
/* parallax home */
#home{
 max-width: 1400px;
 margin: 0 auto;
 padding:0;
}



/* parallax whoweare */
#whoweare{
    max-width: 1400px;
	margin: 0 auto;
}


/* parallax services */
#services{
	 max-width: 1400px;
	 margin: 0 auto;
}

/* parallax equipment */
#equipment{
    background: url(../images/equipment.jpg);
    max-width: 1400px;
    min-height: 950px;
    margin: 0 auto;
}

/* parallax offers */
#offers{
	background: url(../images/prosfores1.jpg);
	max-width: 1400px;
    min-height: 950px;
    margin: 0 auto;
}

/* parallax professionals */
#professionals{
    background: url(../images/epaggelmatika.jpg);
    max-width: 1400px;
   min-height: 950px;
    margin: 0 auto;
}

/* parallax historic */
#historic{
    background: url(../images/istorika.jpg);
    max-width: 1400px;
    min-height: 950px;
    margin: 0 auto;
}

/* parallax contact */
#contact{
    background: url(../images/contact.jpg);
    max-width: 1400px;
    margin: 0 auto;
	padding-bottom:25px;
}

.thefooter {max-width:1400px;}
.footer {background:#000; padding:25px 50px;  overflow:hidden; color:#fff}
.footer h4 {padding:0 0 12px; margin:0;}
.footer ul {padding:0; margin:0; list-style:none}
.footer ul  li {border-bottom:1px solid #1a1a1a; padding: 3px 0 4px}
.footer ul  li a {color:#fff; text-decoration:none}
.footer ul  li a:hover {color:#999}

#contact label{
   color:#fff;
}

#sendstatus { margin: 0;}

@media only screen and (max-width: 767px) { 
#whoweare, #services, #equipment, #offers, #historic, #professionals, #contact {min-height:450px; padding:30px 0;}
.paddingtopcontact {padding-top:0;}
#contact{
    background:#686868;
}
}


@media only screen and (max-width: 767px) { 
.item p {color:#fff; font-size:13px; line-height:1.2; margin-bottom:12px; padding-left:25px}
.item ul li {color:#fff; font-size:13px; line-height:1.2; padding-left:25px }
.item h2 {font-size:24px; padding-left:25px}
}

@media only screen and (max-width: 767px) { 
.social {display:none}
}
