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

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; height: 100%;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#373d48; font-size:13px; font-family: 'helveticaregular'; font-weight:400; line-height:22px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;}
h1{ font-size:34px;}
h2{ font-size:36px;}
h3{ font-size:30px;}
h4{ font-size:26px;}
h5{ font-size:25px;}
h6{ font-size:25px;}

p{ font-size: 18px; line-height: 26px; color: #ffffff; margin-bottom:20px;}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style:outside circle;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px 10px 20px; border-left:2px solid #1589cb;}
blockquote p{ font-size:13px; font-weight:400; line-height:17px; margin-bottom:15px; position:relative; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#cccccc;}
a:hover{color:#cccccc; text-decoration: underline;}
a:active, a.current {color: #cccccc;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:1px solid #dedede; padding:0 15px; color:#666666; font-size:12px; height:36px; }
textarea{ border:1px solid #dedede; padding:5px 15px; color:#666666; font-size:12px; height:60px; resize:none;  font-family: 'helveticaregular'; line-height:16px;}

input[type="submit"], input[type="button"], input[type="reset"]{ background:#666; cursor:pointer; color:#fff; border:none; height:30px; line-height:28px; display:block; font-size:15px;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#666; color:#fff;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%; min-height: 100%;height: auto !important; height: 100%; }
.container{ max-width:1270px; width:100%; }

.footer, .push{ height: 22px; }

/* header */
header{ width:100%; height:auto;}

/* nav */
nav{ width:100%; height:auto;}
nav ul{}
nav ul li{}
nav ul li a{}
nav ul li a:hover, nav .active{}

/* footer */
footer{ width:100%; height:auto; background: none; }
.footer-section{ display: block; width: 100%; position: relative; }
.footer-section figure{ display: block; width: 100%; }
.footer-section figure img{ display: block; width: 100%; }

/*--------- home page ------------*/
.banner{ display: block; width: 100%; position: relative; background-size: cover; background-position: center center; }
.banner:before{ content: ''; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.banner .container{ position: relative; height: 100%; display: flex;
    align-items: center; justify-content: center; }
.banner figure{ display: block; width: 100%; }
.banner figure img{ display: block; width: 100%; }
.logo{ display: inline-block; max-width: 300px; margin-bottom: 35px; }
.logo figure{ display: block; width: 100%; }
.logo figure img{ display: block; width: 100%; }
.banner-desc{ display: block; width: 100%; max-width: 900px; padding: 100px 0 100px 0;
    box-sizing: border-box; }
.banner-desc-inner{ display: block; width: 100%; max-width: 800px; margin-left: 0; }
.banner-desc-inner h1{ font-size: 40px; line-height: 50px; color: #ffffff; text-transform: uppercase; margin-bottom: 30px; font-family: 'helveticaregular'; }
.banner-desc-inner h1 strong{ display: block; width: 100%; font-family: 'helveticabold'; }
.banner-desc-inner p{ font-size: 18px; line-height: 26px; color: #ffffff; margin-bottom: 30px; }
.banner-desc-inner p:last-child{ margin-bottom: 0; }
.footer-section h3{ margin: 0; font-size: 40px; line-height: 50px; color: #10decf; font-weight: bold; font-family: 'helveticabold'; display: block; width: 100%; text-align: center; position: absolute; bottom: 20px; text-transform: capitalize; }