/* Reset */
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;
}
* {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
div, article {
    word-wrap: break-word;
}
p {
    margin-bottom: 16px;
}
p:last-child {
    margin:0;
}
strong {
    font-weight: 500;
}
/* Start */
.wrapper {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.row, .block {
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
}
.block {
    margin-top: -16px;
    margin-bottom: -16px;
}
.line, .ln {
    display: block;
    position: relative;
    margin-bottom: 16px;
}
.hr {
	display: block;
    width: 100%;
	height: 1px;
    background: #d0d0d0;
}
div .line:last-child, div .ln:last-child {
    margin-bottom: 0 !important;
}
.c100, .c90, .c85, .c80,
.c75, .c70, .c66, .c60,
.c50, .c40, .c33, .c30,
.c25, .c20, .c15, .c10 {
    position: relative;
    display: block;
    float: left;
    padding: 16px;
}
div .c100:last-child, div .c90:last-child, div .c85:last-child, div .c80:last-child,
div .c75:last-child, div .c70:last-child, div .c66:last-child, div .c60:last-child,
div .c50:last-child, div .c40:last-child, div .c33:last-child, div .c30:last-child,
div .c25:last-child, div .c20:last-child, div .c15:last-child, div .c10:last-child {
    margin-bottom: 0 !important;
}
/* Percent Width */
.c100, .w100 { width: 100%;}
.c90,  .w90  { width: 90%; }
.c85,  .w85  { width: 85%; }
.c80,  .w80  { width: 80%; }
.c75,  .w75  { width: 75%; }
.c70,  .w70  { width: 70%; }
.c66,  .w66  { width: 66.66666%; }
.c60,  .w60  { width: 60%; }
.c50,  .w50  { width: 50%; }
.c40,  .w40  { width: 40%; }
.c33,  .w33  { width: 33.33333%; }
.c30,  .w30  { width: 30%; }
.c25,  .w25  { width: 25%; }
.c20,  .w20  { width: 20%; }
.c15,  .w15  { width: 15%; }
.c10,  .w10  { width: 10%; }
/* View Width */
.vw100 { width: 100vw;}
.vw90  { width: 90vw; }
.vw80  { width: 80vw; }
.vw75  { width: 75vw; }
.vw70  { width: 70vw; }
.vw66  { width: 66vw; }
.vw60  { width: 60vw; }
.vw50  { width: 50vw; }
.vw40  { width: 40vw; }
.vw33  { width: 33vw; }
.vw30  { width: 30vw; }
.vw25  { width: 25vw; }
.vw20  { width: 20vw; }
.vw15  { width: 15vw; }
.vw10  { width: 10vw; }
/* View Height */
.vh100 { height: 100vh;}
.vh90  { height: 90vh; }
.vh80  { height: 80vh; }
.vh75  { height: 75vh; }
.vh70  { height: 70vh; }
.vh66  { height: 66vh; }
.vh60  { height: 60vh; }
.vh50  { height: 50vh; }
.vh40  { height: 40vh; }
.vh33  { height: 33vh; }
.vh30  { height: 30vh; }
.vh25  { height: 25vh; }
.vh20  { height: 20vh; }
.vh15  { height: 15vh; }
.vh10  { height: 10vh; }
/* Flex */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex.around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flex.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex.bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flex.top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex.stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.clearfix:after, .clr:after, .clear:after,
.row:after, .block:after, .block-h:after, .block-v:after,
.line:after, .wrapper:after {
    content: '';
    clear: both;
    display: block;
    float:none;
    height: 0;
    position: relative;
    visibility: hidden;
}
.npg, .no-padding {
    padding: 0 !important;
}
.nmn, .no-margin {
    margin: 0 !important;
}
.nbr, .no-border {
    border: none !important;
}
.nwp, .nowrap {
    white-space: nowrap;
}
.inline {
    display: inline-block;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

@media screen and (max-width: 991px)
{
	.m100 { width: 100%; }
	.m50  { width: 50%;  }
	.m25  { width: 25%;  }
	.m20  { width: 20%;  }
	.m10  { width: 10%;  }
}

/* @media only screen and (max-width: 1000px) {
    .c90 { width: 99.99999%; }
    .c85 { width: 99.99999%; }
    .c80 { width: 99.99999%; }
    .c75 { width: 99.99999%; }
    .c66 { width: 99.99999%; }
    .c50 { width: 99.99999%; }
    .c33 { width: 99.99999%; }
    .c30 { width: 49.99999%; }
    .c25 { width: 49.99999%; }
    .c20 { width: 49.99999%; }
    .c15 { width: 49.99999%; }
    .c10 { width: 49.99999%; }
    .no-vh { height: auto; }
}

@media only screen and (max-width: 640px) {
    .c90 { width: 99.99999%; }
    .c85 { width: 99.99999%; }
    .c80 { width: 99.99999%; }
    .c75 { width: 99.99999%; }
    .c66 { width: 99.99999%; }
    .c50 { width: 99.99999%; }
    .c33 { width: 99.99999%; }
    .c30 { width: 49.99999%; }
    .c25 { width: 49.99999%; }
    .c20 { width: 49.99999%; }
    .c15 { width: 49.99999%; }
    .c10 { width: 49.99999%; }
    .no-vh { height: auto; }
}

@media only screen and (max-width: 380px) {
    .c90 { width: 99.99999%; }
    .c85 { width: 99.99999%; }
    .c80 { width: 99.99999%; }
    .c75 { width: 99.99999%; }
    .c66 { width: 99.99999%; }
    .c50 { width: 99.99999%; }
    .c33 { width: 99.99999%; }
    .c30 { width: 99.99999%; }
    .c25 { width: 99.99999%; }
    .c20 { width: 99.99999%; }
    .c15 { width: 99.99999%; }
    .c10 { width: 99.99999%; }
} */