@charset "UTF-8";
/* CSS Document */

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; outline: none; 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; }
* { outline: none; }
a { text-decoration: none; }
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; }

html { font-size: 62.5%; height: auto; -webkit-text-size-adjust: 100%; }
body { min-height: 100%; font-family: sans-serif; background: #fff; position: relative; }
section, footer { width: 100%; }
.inner { width: 100%; max-width: 1280px; padding: 0 15px; margin: 0 auto; }
.pad { padding: 0 30px!important; }

/* Headers */
header { float: left; width: 100%; padding: 0 15px; }
h1, h2, h3 {position: relative;color: #666;font-weight: 300;text-transform: uppercase;letter-spacing: 0.2rem;}
h1 {font-size: 2rem;}
h2 { font-size: 2rem; }
h3 { font-size: 1.8rem; }

/* Text */

.text {float: left;width: 100%;font-size: 1.5rem;font-weight: 300;letter-spacing: 1rem;line-height: 2.6rem;color: #8e8e8e;}
.text img { max-width: 100%; }
.text a { color: #dc2320; }

.tbl-box {text-align: center;padding: 5% 10%;}
.tbl-box .logo {margin-bottom: 40px; }
.tbl-box .logo img {max-height: 36px; max-width: 100%;}

/* Buttons */
.btn { background: #333; color: #fff; border: 1px solid #fff; display: inline-block; line-height: 3rem; padding: 10px 20px; text-transform: uppercase; font-size: 1.4rem; font-weight: 300; letter-spacing: 0.06rem; }
.btn:hover { background: none!important; color: #fff!important; }
.btn i { margin-left: 10px; font-size: 1.8rem; }



/* Custom */
.tac { text-align: center; }
.fl { float: left; }
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.w-35 { width: 35%; }
.w-65 { width: 65%; }
.table { display: table; }
.cell { display: table-cell; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.oh { overflow: hidden; }
.br { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.blue {color: #1E74C1!important;}

.tbl { display: table; height: calc(100vh);}
.tbl-cell { display: table-cell; float: none!important }
.tbl-vat { vertical-align: top; }
.tbl-vam { vertical-align: middle; }


/* Margins */
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 40px; }
.mt60 { margin-top: 60px; }

/* Transitions */
.tr-a { transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; }

/* Clearfix */
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


/* Responsive */
*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
[class*='c-'] { float: left; padding: 0 0px; }
[class*='c-']:last-of-type, .lastc { float: left; }

.c-1 { width: 100%; }
.c-2 { width: 50%; }
.c-3 { width: 33.33%; }
.c-4 { width: 25%; }
.c-5 { width: 20%; }
.c-6 { width: 16.6666666667%; }
.c-7 { width: 14.2857142857%; }
.c-8 { width: 12.5%; }
.c-9 { width: 11.1111111111%; }
.c-10 { width: 10%; }
.c-11 { width: 9.09090909091%; }
.c-12 { width: 8.33%; }

.c-5-2 { width: 40%; }
.c-5-4 { width: 80%; }

.c-20 { width: 20%; }
.c-30 { width: 30%; }
.c-40 { width: 40%; }
.c-45 { width: 45%; }
.c-55 { width: 55%; }
.c-60 { width: 60%; }
.c-70 { width: 70%; }
.c-80 { width: 80%; }


/* 1200px */
@media (max-width: 1200px) {

}

/* 1100px */
@media (max-width: 1100px) {
.c-2, .c-7,  { width: 100%; }
.c-4, .c-8, .c-10, .c-12 { width: 50%; }

}


/* 960px */
@media (max-width: 960px) {

}


/* 800px */
@media (max-width: 800px) {
.c-4, .c-6, .c-8, .c-10, .c-12 { width: 50%; }
.c-1, .c-2, .c-3, .c-5, .c-7, .c-9, .c-11, .c-40, .c-60 { width: 100%; }

.w-35, .w-65 { width: 50%; }

}

/* 600px */
@media (max-width: 680px) {
h1 { font-size: 1.8rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }

.w-35, .w-65 { width: 100%; }
.home-img { display: none;}
.tbl-box { float: left; width: 100%; padding: 15% 10%;}
.tbl-box .logo {margin-bottom: 20px; }
}


/* 480px */
@media (max-width: 480px) {
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, footer ul li.c-4 { width: 100%; }
}
