html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
table{border-collapse:collapse;border-spacing:0;}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;zoom:1.0;}
@viewport{width:device-width;zoom:1.0;}

@font-face{font-family:"roboto";src:url("fonts/roboto.eot");src:url("fonts/roboto.eot?#iefix") format("embedded-opentype"),url("fonts/roboto.woff2") format("woff2"),url("fonts/roboto.woff") format("woff"),url("fonts/roboto.ttf") format("truetype"),url("fonts/roboto.svg#roboto") format("svg");font-weight:400;font-style:normal;}

html,body{height:100%;}

body{
font:100% roboto,sans-serif;
min-width:320px;
max-width:800px;
margin:0 auto;
background:#D4D4D4;
}

.page{
min-height:100%;
margin-bottom:-37px;
background:#FFFFFF;
}

.page:after{
content:"";
display:block;
height:37px;
}

.logo{
height:90px;
position:relative;
}

.square{
width:60px;
height:60px;
background:#FFF212;
border:1px solid #3E4095;
position:absolute;
top:15px;
left:10px;
}

.inside{
width:46px;
height:46px;
background:#3E4095;
position:absolute;
top:22px;
left:17px;
}

.vector{
width:225px;
height:35px;
background:url(img/logo.png) no-repeat;
background:url(img/logo.svg) no-repeat,-webkit-linear-gradient(transparent,transparent);
background:url(img/logo.svg) no-repeat,-moz-linear-gradient(transparent,transparent);
background:url(img/logo.svg) no-repeat,-o-linear-gradient(transparent,transparent);
background:url(img/logo.svg) no-repeat,linear-gradient(transparent,transparent);
position:absolute;
top:23px;
left:78px;
}

.nav{
width:100%;
height:35px;
text-align:right;
border-bottom:4px solid #808080;
background:#454545;
position:relative;
}

.lang a{
color:#808080;
font-size:18px;
width:70px;
height:20px;
line-height:15px;
padding-right:7px;
border-right:1px solid #808080;
position:absolute;
top:5px;
left:0;
}

.nav li{
font-size:16px;
display:inline-block;
padding-right:20px;
}

.nav li a{
color:#EBEBEB;
display:inline-block;
height:35px;
line-height:35px;
}

.nav li a:hover{
color:#FFF212;
}

#index .index a,#about .about a,#contact .contact a{border-bottom:4px solid #FFF212;}

.noinflation{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}

@-webkit-keyframes bugfix{from{padding:0;}to{padding:0;}}
body{-webkit-animation:bugfix infinite 1s;}
input{display:none;}
label{cursor:pointer;}

.factory{position:relative;}

.sprite{
display:block;
width:100%;
height:0;
padding-bottom:56.25%;
background:url("img/factory.jpg") no-repeat;
background-size:400%;
background-position:0;
-webkit-transition:background-position 1s ease-in-out;
-moz-transition:background-position 1s ease-in-out;
-o-transition:background-position 1s ease-in-out;
transition:background-position 1s ease-in-out;
}

#b1:checked ~ .sprite {background-position:0 0;}
#b2:checked ~ .sprite {background-position:33.33% 0;}
#b3:checked ~ .sprite {background-position:66.66% 0;}
#b4:checked ~ .sprite {background-position:100% 0;}

.tabs{
display:inline-block;
width:20px;
height:20px;
background:#D4D4D4;
margin:10px 0;
position:absolute;
top:100%;
}

#b1-tab{right:110px;}
#b2-tab{right:80px;}
#b3-tab{right:50px;}
#b4-tab{right:20px;}

#b1:checked ~ #b1-tab{background:#808080;}
#b2:checked ~ #b2-tab{background:#808080;}
#b3:checked ~ #b3-tab{background:#808080;}
#b4:checked ~ #b4-tab{background:#808080;}

.skyline{
display:block;
width:100%;
height:0;
padding-bottom:56.25%;
background:url(img/skyline.jpg) no-repeat;
background-size:100%;
background-position:0;
}

.map{
position:relative;
width:100%;
height:0;
padding-bottom:56.25%;
}

.map iframe{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}

.section{
font-size:16px;
font-style:normal;
margin:30px 10px 20px 10px;
}

.section h1,a{
color:#3E4095;
text-decoration:none;
}

p.mail:before{content:"office";}
p.mail:after{content:"almaglass.ro";}

.footer{
font-size:12px;
position:relative;
display:inline-block;
vertical-align:top;
width:100%;
min-width:320px;
max-width:800px;
height:37px;
background:#454545;
color:#ADADAD;
padding-left:10px;
}

.footer p{
position:absolute;
left:10px;
bottom:5px;
}

.social a{
position:absolute;
width:25px;
height:35px;
background:url(img/logo.png) no-repeat;
background:url(img/logo.svg) no-repeat,-webkit-linear-gradient(transparent,transparent);
background:url(img/logo.svg) no-repeat,-moz-linear-gradient(transparent,transparent);
background:url(img/logo.svg) no-repeat,-o-linear-gradient(transparent,transparent);
background:url(img/logo.svg) no-repeat,linear-gradient(transparent,transparent);
}

a.twitter{right:124px;background-position:-225px 0;}
a.facebook{right:95px;background-position:-250px 0;}
a.youtube{right:66px;background-position:-275px 0;}
a.googleplus{right:37px;background-position:-300px 0;}
a.linkedin{right:8px;background-position:-325px 0;}

table{
font-size:14px;
width:100%;
}

th,td{
border-top:1px solid #D4D4D4;
padding:5px 10px;
text-align:left;
}

th{background:#D4D4D4;}
th:nth-child(1){text-align:center;}
td:nth-child(1){text-align:center;}
th:nth-child(2){text-align:center;}
td:nth-child(2){text-align:center;}
th:nth-child(4){text-align:right;}
td:nth-child(4){text-align:right;}

.pdf{
background:url(img/pdf.svg) no-repeat;
background-size: 25px;
background-position: right;
width:auto;
height:10px;
background-origin: content-box;
} 

.brochure{
width:20px;
height:12px;
display:inline-block;
}


