/* reset */
* {
    text-rendering           : auto;
    font-size                : 100%;
    -webkit-text-size-adjust : 100%;
    -ms-text-size-adjust     : 100%;
}

*,
*:before,
*:after {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}


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;
}

img {
    image-rendering: -webkit-optimize-contrast;
}


html {
    -webkit-text-size-adjust : 100%;
    -ms-text-size-adjust     : 100%;
}


html, body, button, input, select, textarea {
    font-family : sans-serif;
}

body {
    height: 100%;
    margin                   : 0;
    line-height              : 1.4;
    -webkit-font-smoothing   : antialiased;
    -webkit-text-size-adjust : 100%;
}

button, input, select, textarea {
    font-size      : 100%;
    margin         : 0;
    vertical-align : baseline;
}

button, input {
    line-height : normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
    cursor             : pointer;
    -webkit-appearance : button;
}

button[disabled], input[disabled] {
    cursor : default;
}

input[type=checkbox], input[type=radio] {
    box-sizing : border-box;
    padding    : 0;
    width      : auto;
}

input[type=search] {
    -webkit-appearance : textfield;
    box-sizing         : content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance : none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border  : 0;
    padding : 0;
}

input:invalid, textarea:invalid {
    background-color : #f0dddd;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display : block;
}

address {
    display       : block;
    line-height   : 18px;
    margin-bottom : 18px;
}

audio,
canvas,
progress,
video {
    display        : inline-block;
    vertical-align : baseline;
}

audio:not([controls]) {
    display : none;
    height  : 0;
}

[hidden],
template {
    display : none;
}

a {
    color            : #007788;
    outline          : 0;
    background-color : transparent;
    text-decoration  : none;
}

a:hover {
    color : #007788;
}

abbr[title] {
    border-bottom : 1px dotted;
}

b,
strong {
    font-weight : bold;
}

dfn {
    font-style : italic;
}

h1 {
    font-size : 2em;
    /*margin    : 0.30em 0;*/
}

hr {
    display    : block;
    height     : 1px;
    border     : 0;
    border-top : 1px solid #ccc;
    margin     : 1em 0;
    padding    : 0;
}

ins {
    background      : #ff9;
    color           : #000;
    text-decoration : none;
}

mark {
    background : #ff0;
    color      : #000;
}

em {
    font-style : italic;
}

small {
    font-size : 80%;
}

sub,
sup {
    font-size      : 75%;
    line-height    : 0;
    position       : relative;
    vertical-align : baseline;
}

sup {
    top : -0.5em;
}

sub {
    bottom : -0.25em;
}

img {
    border                 : 0;
    -ms-interpolation-mode : bicubic;
    vertical-align         : middle;

}

svg:not(:root) {
    overflow : hidden;
}

figure {
    margin : 1em 40px;
}

p img {
    margin : 0;
}

hr {
    box-sizing : content-box;
    display    : block;
    height     : 1px;
    border     : 0;
    border-top : 1px solid #ccc;
    margin     : 1em 0;
    padding    : 0;
}

pre {
    overflow    : auto;
    white-space : pre;
    white-space : pre-wrap;
    word-wrap   : break-word;
}

code,
kbd,
pre,
samp {
    font-family : monospace, monospace;
    font-size   : 1em;
}

blockquote, blockquote p {
    font-size   : 30px;
    line-height : 1.5;
    font-style  : italic;
}

blockquote {
    margin      : 0 0 20px;
    padding     : 10px 20px;
    border-left : 1px solid #ddd;
}

blockquote cite {
    display   : block;
    font-size : 12px;
    color     : #555;
}

blockquote cite:before {
    content : "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
    color : #555;
}

button,
input,
optgroup,
select,
textarea {
    color  : inherit;
    font   : inherit;
    margin : 0;
}

button {
    overflow : visible;
}

button,
select {
    text-transform : none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance : button;
    cursor             : pointer;
}

button[disabled],
html input[disabled] {
    cursor : default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border  : 0;
    padding : 0;
}

input {
    line-height : normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing : border-box;
    padding    : 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height : auto;
}

input[type="search"] {
    -webkit-appearance : textfield;
    box-sizing         : content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance : none;
}

fieldset {
    border  : 0;
    margin  : 0;
    padding : 0;
}

legend {
    border      : 0;
    padding     : 0;
    white-space : normal;
}

textarea {
    overflow       : auto;
    vertical-align : top;
    resize         : vertical;
}

optgroup {
    font-weight : bold;
}

::-moz-selection {
    background  : #333;
    color       : #fff;
    text-shadow : none;
}

::selection {
    background  : #333;
    color       : #fff;
    text-shadow : none;
}

table {
    border-collapse : collapse;
    border-spacing  : 0;
}

td,
th {
    padding        : 0;
    vertical-align : top;
}

ol, ul {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
}

nav ol, nav ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

dd {
    margin : 0 0 0 40px;
}

label {
    cursor : pointer;
}

.chromeframe {
    margin     : .2em 0;
    background : #ccc;
    color      : #000;
    padding    : .2em 0;
}

/* grid */


.wrapper {
    max-width: 1440px;
    margin: 0 auto;
}

.grid {
    letter-spacing        : -0.31em;
    *letter-spacing       : normal;
    *word-spacing         : -0.43em;
    text-rendering        : optimizespeed;
    display               : -webkit-box;
    display               : -webkit-flex;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-flex-flow     : row wrap;
    -ms-flex-flow         : row wrap;
    flex-flow             : row wrap;
    -webkit-align-content : flex-start;
    -ms-flex-line-pack    : start;
    align-content         : flex-start;
}

/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
@media all and (-ms-high-contrast : none), (-ms-high-contrast : active) {
    table .grid {
        display : block;
    }
}

.grid-img { max-width : 100%; height : auto; display : block }

.grid-1,
.grid-1-1,
.grid-1-2,
.grid-1-3,
.grid-2-3,
.grid-1-4,
.grid-3-4,
.grid-1-5,
.grid-2-5,
.grid-3-5,
.grid-4-5,
.grid-5-5,
.grid-1-6,
.grid-5-6,
.grid-1-8,
.grid-3-8,
.grid-5-8,
.grid-7-8,
.grid-1-12,
.grid-5-12,
.grid-7-12,
.grid-11-12,
.grid-1-24,
.grid-2-24,
.grid-3-24,
.grid-4-24,
.grid-5-24,
.grid-6-24,
.grid-7-24,
.grid-8-24,
.grid-9-24,
.grid-10-24,
.grid-11-24,
.grid-12-24,
.grid-13-24,
.grid-14-24,
.grid-15-24,
.grid-16-24,
.grid-17-24,
.grid-18-24,
.grid-19-24,
.grid-20-24,
.grid-21-24,
.grid-22-24,
.grid-23-24,
.grid-24-24 {
    display        : inline-block;
    *display       : inline;
    zoom           : 1;
    letter-spacing : normal;
    word-spacing   : normal;
    vertical-align : top;
    text-rendering : auto;
}

.grid-1-24 {
    width  : 4.1667%;
    *width : 4.1357%;
}

.grid-1-12,
.grid-2-24 {
    width  : 8.3333%;
    *width : 8.3023%;
}

.grid-1-8,
.grid-3-24 {
    width  : 12.5000%;
    *width : 12.4690%;
}

.grid-1-6,
.grid-4-24 {
    width  : 16.6667%;
    *width : 16.6357%;
}

.grid-1-5 {
    width  : 20%;
    *width : 19.9690%;
}

.grid-5-24 {
    width  : 20.8333%;
    *width : 20.8023%;
}

.grid-1-4,
.grid-6-24 {
    width  : 25%;
    *width : 24.9690%;
}

.grid-7-24 {
    width  : 29.1667%;
    *width : 29.1357%;
}

.grid-1-3,
.grid-8-24 {
    width  : 33.3333%;
    *width : 33.3023%;
}

.grid-3-8,
.grid-9-24 {
    width  : 37.5000%;
    *width : 37.4690%;
}

.grid-2-5 {
    width  : 40%;
    *width : 39.9690%;
}

.grid-5-12,
.grid-10-24 {
    width  : 41.6667%;
    *width : 41.6357%;
}

.grid-11-24 {
    width  : 45.8333%;
    *width : 45.8023%;
}

.grid-1-2,
.grid-12-24 {
    width  : 50%;
    *width : 49.9690%;
}

.grid-13-24 {
    width  : 54.1667%;
    *width : 54.1357%;
}

.grid-7-12,
.grid-14-24 {
    width  : 58.3333%;
    *width : 58.3023%;
}

.grid-3-5 {
    width  : 60%;
    *width : 59.9690%;
}

.grid-5-8,
.grid-15-24 {
    width  : 62.5000%;
    *width : 62.4690%;
}

.grid-2-3,
.grid-16-24 {
    width  : 66.6667%;
    *width : 66.6357%;
}

.grid-17-24 {
    width  : 70.8333%;
    *width : 70.8023%;
}

.grid-3-4,
.grid-18-24 {
    width  : 75%;
    *width : 74.9690%;
}

.grid-19-24 {
    width  : 79.1667%;
    *width : 79.1357%;
}

.grid-4-5 {
    width  : 80%;
    *width : 79.9690%;
}

.grid-5-6,
.grid-20-24 {
    width  : 83.3333%;
    *width : 83.3023%;
}

.grid-7-8,
.grid-21-24 {
    width  : 87.5000%;
    *width : 87.4690%;
}

.grid-11-12,
.grid-22-24 {
    width  : 91.6667%;
    *width : 91.6357%;
}

.grid-23-24 {
    width  : 95.8333%;
    *width : 95.8023%;
}

.grid-1,
.grid-1-1,
.grid-5-5,
.grid-24-24 {
    width : 100%;
}

/**
 * Gutters
*/

.grid.gutter-5 > div[class*="grid-"] {
    padding : 0 5px;
}

.grid.gutter-10 > div[class*="grid-"] {
    padding : 0 10px;
}

.grid.gutter-15 > div[class*="grid-"] {
    padding : 0 15px;
}

.grid.gutter-20 > div[class*="grid-"] {
    padding : 0 20px;
}

.grid.gutter-25 > div[class*="grid-"] {
    padding : 0 25px;
}

.grid.gutter-5 > div[class*="grid-"]:first-child,
.grid.gutter-10 > div[class*="grid-"]:first-child,
.grid.gutter-15 > div[class*="grid-"]:first-child,
.grid.gutter-20 > div[class*="grid-"]:first-child,
.grid.gutter-25 > div[class*="grid-"]:first-child {
    padding-left : 0;
}

.grid.gutter-5 > div[class*="grid-"]:last-child,
.grid.gutter-10 > div[class*="grid-"]:last-child,
.grid.gutter-15 > div[class*="grid-"]:last-child,
.grid.gutter-20 > div[class*="grid-"]:last-child,
.grid.gutter-25 > div[class*="grid-"]:last-child {
    padding-right : 0;
}



/**
 * Padding and Margin Helpers
*/

.padding-5 {
    padding : 5px;
}

.padding-10 {
    padding : 10px;
}

.padding-15 {
    padding : 15px;
}

.padding-20 {
    padding : 20px;
}

.padding-25 {
    padding : 25px;
}

.v-padding-5 {
    padding : 5px 0;
}

.v-padding-10 {
    padding : 10px 0;
}

.v-padding-15 {
    padding : 15px 0;
}

.v-padding-20 {
    padding : 20px 0;
}

.v-padding-25 {
    padding : 25px 0;
}

.h-padding-5 {
    padding : 0 5px;
}

.h-padding-10 {
    padding : 0 10px;
}

.h-padding-15 {
    padding : 0 15px;
}

.h-padding-20 {
    padding : 0 20px;
}

.h-padding-25 {
    padding : 0 25px;
}

.margin-5 {
    margin : 5px;
}

.margin-10 {
    margin : 10px;
}

.margin-15 {
    margin : 15px;
}

.margin-20 {
    margin : 20px;
}

.margin-25 {
    margin : 25px;
}

.v-margin-5 {
    margin : 5px 0;
}

.v-margin-10 {
    margin : 10px 0;
}

.v-margin-15 {
    margin : 15px 0;
}

.v-margin-20 {
    margin : 20px 0;
}

.v-margin-25 {
    margin : 25px 0;
}

.h-margin-5 {
    margin : 0 5px;
}

.h-margin-10 {
    margin : 0 10px;
}

.h-margin-15 {
    margin : 0 15px;
}

.h-margin-20 {
    margin : 0 20px;
}

.h-margin-25 {
    margin : 0 25px;
}



/* style */
body {
    font-size: 16px;
    background: #16191E;
    color: #fff;
    font-family: Arial,Helvetica,Garuda,sans-serif;
}



p {
    margin: 0 0 20px;
}

a {
    -webkit-transition: color .3s ease, background-color .2s ease;
    -moz-transition: color .3s ease, background-color .2s ease;
    -ms-transition: color .3s ease, background-color .2s ease;
    -o-transition: color .3s ease, background-color .2s ease;
    transition: color .3s ease, background-color .2s ease;
	color: #1493A4;
}


a:hover { color: #007788; }


.logo img { width: 532px; max-width : 100%; height: auto;}

.content { width: 100%; max-width: 1200px; position: relative; margin: 0 auto; padding: 0 20px; }

.middle {
    width: 100%;
	text-align: center;
}



.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }