/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) */
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, main {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
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;}
*, ::after, ::before{box-sizing: border-box;}

/* --------- MAIN FRAME CSS --------- */

body{font-family: 'Roboto Condensed', sans-serif;}
header{min-width:1100px;height:100vh;position:relative;}
a,a:hover{text-decoration:none;}
footer{width:100%; background-color:#313131; }

/* --------- HEADER FRAME CSS --------- */

header .logo{position:absolute;top:50px;left:100px;width:324px;height:92px;background:url('img/logo.png');}
header .frame{position:absolute; width:100%; top:70px;right:100px; text-align:right; color:#414141; }
header .contact{font-size:16px;font-family: 'Roboto Condensed', sans-serif;}
header .contact i {padding:0px 20px;}
header .menu{position:relative; padding:20px 0px; }
header .menu span{font-size:22px; padding:0px 33.5px; }
header .menu a{font-family: 'Nunito', sans-serif; font-size:25px; text-transform:uppercase; transition: 0.5s; color:#414141; }
header .menu a:hover{color:#C22026;}
header .arrow{position:absolute; bottom:30px; width:100%; height:48px; background-image: url("img/arrow.png"); background-repeat:no-repeat; background-position: center;}
@media (max-width:1400px){
	header .logo{position:relative; top:50px;left:0px; width:324px;height:92px; margin-left:auto; margin-right:auto; }
	header .frame{position:relative; text-align:center; top:105px;right:0px;}
}
@media (max-width:980px){
	header{height:1600px;}
	header .arrow{bottom:75px;}
}

/* --------- FLOATING MENU CSS --------- */

#scllHDN{width:100%; background-image: linear-gradient(#813134, #722C2F); background-repeat:repeat-x; height:100px; position:fixed; top:-110px; transition:top 0.3s; z-index:1;}
nav .frame{position:relative; width:1100px; margin-left:auto;margin-right:auto; text-align:right; }
nav .logo{position:absolute; background:url('img/logo_med.png') no-repeat; width:176px;height:50px; left:25px;top:24px; }
nav .menu{position:relative; top:42px;right:135px; }
nav .menu a{font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; font-size:15px; padding: 0px 30px; color:#F5F5F5; transition: 0.5s; }
nav .menu a:hover{color:#B3B3B3; }
nav .social{position:absolute; right:15px;top:36px; }
nav .social a{font-size:27px; padding:15px; color:#F5F5F5; }

/* --------- FRONT PAGE PRESENTATION CSS --------- */

main{ width:100%; }

main .frame01{position:relative; width:100%; min-height:862px; background:#981617 url('img/background01.jpg') no-repeat; background-size:cover; }
main .frame01 .text01{font-family: 'Muli', sans-serif; color:#FFF; text-align:center; padding:50px 50px 30px 50px; max-width:1200px;min-width:600px; margin-left:auto;margin-right:auto; font-size:23px; line-height:34px; }

main .frame02{display:flex; flex-flow: row wrap; max-width:1600px; min-width:900px; padding:25px; margin-right:auto;margin-left:auto; }
main .frame02 .box{min-width:700px; width:1400px; margin:0px auto 0px auto; padding-bottom:30px; }
main .frame02 .box .cover{width:100%;height:200px;border-top-left-radius:10px; border-top-right-radius:10px;}
main .frame02 .box .content{border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin-top:-3px; padding:20px;background-color:#eee; }
main .frame02 .box .content img{height:70px;width:70px;}
main .frame02 .box .content .title{color:#C22026;font-family: 'Roboto Condensed', sans-serif; font-size: 36px; text-transform:uppercase; padding-bottom: 20px; font-weight:700; }
main .frame02 .box .content .text{font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; font-size: 20px; line-height: 28px; color:#808080; padding-bottom: 20px; }
main .frame02 .box .content .dex{padding:15px 0px 15px 0px;font-size: 20px;}
main .frame02 .box .content ul{padding-left:30px; list-style: disc; line-height: 28px; }
.frame03{position:relative; background-image: linear-gradient(#313131, #413F40, #4F4F4F); height: 234px; }

main .frame02 .box .stock01{background:black url('img/stock01.jpg') no-repeat;background-size:cover;}
main .frame02 .box .stock02{background:black url('img/stock02.jpg') no-repeat;background-size:cover;}
main .frame02 .box .stock03{background:black url('img/stock03.jpg') no-repeat;background-size:cover;}

main .frame04{height:100%; background:url('img/background03.jpg') no-repeat; margin-top:80px; padding:75px; }
main .frame04 .rig{width: 100%; text-align: center; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 50px; color:#FFF; }

main .frame05{max-width:1200px;min-width:900px;margin:30px auto 0px auto;padding:40px;}
main .frame05 h1{font-size:36px;color:#C22026;font-weight: 700;}
main .frame05 h2{font-size:24px;margin:30px;line-height:33px;}
main .frame05 h3{font-size:30px;color:#C22026;font-weight: 700;}
main .frame05 ul{padding:30px;list-style-type: circle;}
main .frame05 ul li{padding:10px;font-size: 24px;}

/* --------- MAIN PAGE SLIDER COMPLEMENTAL CSS --------- */
ul{list-style: none outside none; padding-left: 0; margin: 0; }
.content-slider img{padding:50px 60px;}
.frame03{
	position:relative;
	top:100px;
	min-width:1100px;
}
.dispbox{
	width:25%;margin:15px;border-radius:3px;background: rgba(170,170,170,0.4);
}
.dispitems{
	opacity:1 !important;
}
.dispitems img{
	padding:40px 20px;
}
.dex2{padding:35px 0px 35px 0px;font-size: 30px;color:white;}
.dex3{padding:30px 20px 75px 20px;font-size: 18px;color:white;line-height:22px;}
.title2{
	color:#C22026;font-family: 'Roboto Condensed', sans-serif; font-size: 45px; text-transform:uppercase; padding-bottom: 20px; padding-top: 50px;font-weight:700;
	width:100%;
	margin:100px auto 0px auto;
}