@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------------------------------------------- STYLE.CSS -+- */
/*
* HTML5 Workspace by AHMETAYTANGIL June 13, 2017 Tuesday.
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height              : 1.15;
    /* 1 */
    -ms-text-size-adjust     : 100%;
    /* 2 */
    -webkit-text-size-adjust : 100%;
    /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin : 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display : block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size : 2em;
    margin    : 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display : block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin : 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing : content-box;
    /* 1 */
    height     : 0;
    /* 1 */
    overflow   : visible;
    /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family : monospace, monospace;
    /* 1 */
    font-size   : 1em;
    /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color             : transparent;
    /* 1 */
    -webkit-text-decoration-skip : objects;
    /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom   : none;
    /* 1 */
    text-decoration : underline;
    /* 2 */
    text-decoration : underline dotted;
    /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight : inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight : bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family : monospace, monospace;
    /* 1 */
    font-size   : 1em;
    /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style : italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color : #FF0;
    color            : #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size : 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size      : 75%;
    line-height    : 0;
    position       : relative;
    vertical-align : baseline; }

sub {
    bottom : -0.25em; }

sup {
    top : -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display : inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display : none;
    height  : 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style : none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow : hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family : sans-serif;
    /* 1 */
    font-size   : 100%;
    /* 1 */
    line-height : 1.15;
    /* 1 */
    margin      : 0;
    /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow : visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform : none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance : button;
    /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style : none;
    padding      : 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline : 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding : 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing  : border-box;
    /* 1 */
    color       : inherit;
    /* 2 */
    display     : table;
    /* 1 */
    max-width   : 100%;
    /* 1 */
    padding     : 0;
    /* 3 */
    white-space : normal;
    /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display        : inline-block;
    /* 1 */
    vertical-align : baseline;
    /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow : auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing : border-box;
    /* 1 */
    padding    : 0;
    /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height : auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance : textfield;
    /* 1 */
    outline-offset     : -2px;
    /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance : none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance : button;
    /* 1 */
    font               : inherit;
    /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display : block; }

/*
 * Add the correct display in all browsers.
 */
summary {
    display : list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display : inline-block; }

/**
 * Add the correct display in IE.
 */
template {
    display : none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display : none; }

/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color       : #222;
    font-size   : 1em;
    line-height : 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
    background  : #B3D4FC;
    text-shadow : none; }

::selection {
    background  : #B3D4FC;
    text-shadow : none; }

/*
 * A better looking default horizontal rule
 */
hr {
    display    : block;
    height     : 1px;
    border     : 0;
    border-top : 1px solid #CCC;
    margin     : 1em 0;
    padding    : 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align : middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
    border  : 0;
    margin  : 0;
    padding : 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize : vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin     : 0.2em 0;
    background : #CCC;
    color      : #000;
    padding    : 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
    display : none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
    border            : 0;
    clip              : rect(0 0 0 0);
    -webkit-clip-path : inset(50%);
    clip-path         : inset(50%);
    height            : 1px;
    margin            : -1px;
    overflow          : hidden;
    padding           : 0;
    position          : absolute;
    width             : 1px;
    white-space       : nowrap;
    /* 1 */ }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip              : auto;
    -webkit-clip-path : none;
    clip-path         : none;
    height            : auto;
    margin            : 0;
    overflow          : visible;
    position          : static;
    width             : auto;
    white-space       : inherit; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility : hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content : " ";
    /* 1 */
    display : table;
    /* 2 */ }

.clearfix:after {
    clear : both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width : 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio : 1.25), (min-resolution : 1.25dppx), (min-resolution : 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background  : transparent !important;
        color       : #000 !important;
        /* Black prints faster:
               http://www.sanbeiji.com/archives/953 */
        box-shadow  : none !important;
        text-shadow : none !important; }

    a,
    a:visited {
        text-decoration : underline; }

    a[href]:after {
        content : " (" attr(href) ")"; }

    abbr[title]:after {
        content : " (" attr(title) ")"; }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content : ""; }

    pre {
        white-space : pre-wrap !important; }

    pre,
    blockquote {
        border            : 1px solid #999;
        page-break-inside : avoid; }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display : table-header-group; }

    tr,
    img {
        page-break-inside : avoid; }

    p,
    h2,
    h3 {
        orphans : 3;
        widows  : 3; }

    h2,
    h3 {
        page-break-after : avoid; }
}

/* ---------------------------------------------------------------------------------------------------------------------------------- SLICK.CSS -+- */
.slick-slider {
    position                    : relative;
    display                     : block;
    box-sizing                  : border-box;
    -webkit-touch-callout       : none;
    -webkit-user-select         : none;
    -khtml-user-select          : none;
    -moz-user-select            : none;
    -ms-user-select             : none;
    user-select                 : none;
    -ms-touch-action            : pan-y;
    touch-action                : pan-y;
    -webkit-tap-highlight-color : transparent; }

.slick-list {
    position : relative;
    overflow : hidden;
    display  : block;
    margin   : 0;
    padding  : 0; }

.slick-list:focus {
    outline : none; }

.slick-list.dragging {
    cursor : pointer;
    cursor : hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform : translate3d(0, 0, 0);
    -moz-transform    : translate3d(0, 0, 0);
    -ms-transform     : translate3d(0, 0, 0);
    -o-transform      : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0); }

.slick-track {
    position : relative;
    left     : 0;
    top      : 0;
    display  : block; }

.slick-track:before, .slick-track:after {
    content : "";
    display : table; }

.slick-track:after {
    clear : both; }

.slick-loading .slick-track {
    visibility : hidden; }

.slick-slide {
    float      : left;
    height     : 100%;
    min-height : 1px;
    display    : none; }

[dir="rtl"] .slick-slide {
    float : right; }

.slick-slide img {
    display : block; }

.slick-slide.slick-loading img {
    display : none; }

.slick-slide.dragging img {
    pointer-events : none; }

.slick-initialized .slick-slide {
    display : block; }

.slick-loading .slick-slide {
    visibility : hidden; }

.slick-vertical .slick-slide {
    display : block;
    height  : auto;
    border  : 1px solid transparent; }

.slick-arrow.slick-hidden {
    display : none; }

/* ---------------------------------------------------------------------------------------------------------------------------- SLICK-THEME.CSS -+- */
/* Slider */
.slick-loading .slick-list {
    background : #FFF url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
    font-family : "slick";
    src         : url("./fonts/slick.eot");
    src         : url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight : normal;
    font-style  : normal;
}

/* Arrows */
.slick-prev,
.slick-next {
    position          : absolute;
    display           : block;
    height            : 20px;
    width             : 20px;
    line-height       : 0px;
    font-size         : 0px;
    cursor            : pointer;
    background        : transparent;
    color             : transparent;
    top               : 50%;
    -webkit-transform : translate(0, -50%);
    -ms-transform     : translate(0, -50%);
    transform         : translate(0, -50%);
    padding           : 0;
    border            : none;
    outline           : none; }

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline    : none;
    background : transparent;
    color      : transparent; }

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity : 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity : 0.25; }

.slick-prev:before,
.slick-next:before {
    font-family             : "slick";
    font-size               : 20px;
    line-height             : 1;
    color                   : white;
    opacity                 : 0.75;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale; }

.slick-prev {
    left : -25px; }

[dir="rtl"] .slick-prev {
    left  : auto;
    right : -25px; }

.slick-prev:before {
    content : "←"; }

[dir="rtl"] .slick-prev:before {
    content : "→"; }

.slick-next {
    right : -25px; }

[dir="rtl"] .slick-next {
    left  : -25px;
    right : auto; }

.slick-next:before {
    content : "→"; }

[dir="rtl"] .slick-next:before {
    content : "←"; }

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom : 30px; }

.slick-dots {
    position   : absolute;
    bottom     : -25px;
    list-style : none;
    display    : block;
    text-align : center;
    padding    : 0;
    margin     : 0;
    width      : 100%; }

.slick-dots li {
    position : relative;
    display  : inline-block;
    height   : 20px;
    width    : 20px;
    margin   : 0 5px;
    padding  : 0;
    cursor   : pointer; }

.slick-dots li button {
    border      : 0;
    background  : transparent;
    display     : block;
    height      : 20px;
    width       : 20px;
    outline     : none;
    line-height : 0px;
    font-size   : 0px;
    color       : transparent;
    padding     : 5px;
    cursor      : pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
    outline : none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity : 1; }

.slick-dots li button:before {
    position                : absolute;
    top                     : 0;
    left                    : 0;
    content                 : "•";
    width                   : 20px;
    height                  : 20px;
    font-family             : "slick";
    font-size               : 6px;
    line-height             : 20px;
    text-align              : center;
    color                   : black;
    opacity                 : 0.25;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale; }

.slick-dots li.slick-active button:before {
    color   : black;
    opacity : 0.75; }

/* ---------------------------------------------------------------------------------------------------------------------------------- ALL FONTS -+- */
/*
* All font-face styles goes down HERE!
*/
@font-face {
    font-family : "TrebuchetMS";
    src         : url("../fonts/TrebuchetMS.eot");
    src         : url("../fonts/TrebuchetMS.eot?#iefix") format("embedded-opentype"), url("../fonts/TrebuchetMS.woff2") format("woff");
    font-style  : normal;
}

.font-t {
    font-family : "TrebuchetMS", sans-serif !important;
    font-weight : 300 !important; }

@font-face {
    font-family : "TrebuchetMS-Italic";
    src         : url("../fonts/TrebuchetMS-Italic.eot");
    src         : url("../fonts/TrebuchetMS-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/TrebuchetMS-Italic.woff2") format("woff");
    font-style  : normal;
}

.font-t-ita {
    font-family : "TrebuchetMS-Italic", sans-serif !important;
    font-weight : 300 !important; }

@font-face {
    font-family : "EurostileLTStd-BoldEx2";
    src         : url("../fonts/EurostileLTStd-BoldEx2.eot");
    src         : url("../fonts/EurostileLTStd-BoldEx2.eot?#iefix") format("embedded-opentype"), url("../fonts/EurostileLTStd-BoldEx2.woff2") format("woff");
    font-style  : normal;
}

.font-ulte {
    font-family : "EurostileLTStd-BoldEx2", sans-serif !important;
    font-weight : 300 !important; }

/* -------------------------------------------------------------------------------------------------------------------------------- GENERAL.CSS -+- */
/*
 * set global font-size to 10, so we can use 'rem' units in content with ease of calculation.
 * 'rem' is a scale unit which works relative to parent's 'font-size' value.
 * formula: N rem = N x (Parent 'font-size' value)
 */
/* reduce global font-size */
html {
    font-size : 10px; }

/* optionally add a background image to the body */
body {
    background-color : black;
    font-family      : "TrebuchetMS", sans-serif;
    overflow-x       : hidden; }

.index-body {
    padding-bottom : 14rem; }

a {
    display : block; }

/* wrapper class is for content-wide elements */
.wrapper {
    width  : 800px;
    margin : 0 auto; }

/* various helper classes */
.color-white {
    color : white !important; }

.color-yellow {
    color : #F5C900; }

.color-orange {
    color : #EC7E00; }

.general-size {
    font-size : 2.2rem !important; }

.line-height-3 {
    line-height : 3rem; }

.sup {
    bottom   : 40%;
    position : absolute; }

.fl-r {
    float : right; }

.fl-l {
    float : left; }

.w100 {
    width : 100%; }

.w50 {
    width : 50%; }

.dnone {
    display : none; }

.db {
    display : block; }

.p-relative {
    position : relative; }

.p-absolute {
    position : absolute; }

.center {
    margin  : 0 auto;
    display : block; }

.np {
    padding : 0 !important; }

.text-center {
    text-align : center; }

.text-right {
    text-align : right; }

.h1, h1 {
    font-size : 5rem; }

.h3, h3 {
    font-size : 1.6rem; }

.span, span {
    font-size : 1rem; }

/* -------------------------------------------------------------------------------------------------------------------------------------- RESET -+- */
ul, p, h1, h2, h3, h4, h5 {
    margin      : 0;
    padding     : 0;
    font-weight : inherit;
    line-height : 1; }

/* we use a lot of ULs that aren't bulleted.
 * you'll have to restore the bullets within content, which is fine because they're probably customized anyway
 */
ul {
    list-style : none; }

a {
    margin          : 0;
    padding         : 0;
    vertical-align  : baseline;
    background      : transparent;
    color           : inherit;
    text-decoration : none; }

#indexPage {
    display : none; }

/* ------------------------------------------------------------------------------------------------------------------------------------- HEADER -+- */
/*
* Header styles goes down HERE!
*/
.page-head {
    padding         : 1.5rem 0;
    margin-top      : 20px;
    height          : 50px;
    position        : relative;
    background      : url("../img/contents/background-head.png") no-repeat center;
    background-size : 100%;
    border          : 2px solid #4E4E4E; }

.page-head h1 {
    text-shadow : 0 0 5px rgba(0, 0, 0, 0.8);
    color       : #FFF; }

.gradient-overlay {
    position         : absolute;
    height           : 50%;
    width            : 100%;
    background-color : white;
    opacity          : .33;
    z-index          : 1;
    left             : 0;
    top              : 0; }

.general-border {
    border             : 2px solid #4E4E4E;
    margin-top         : 4px;
    position           : relative;
    background-color   : #060606;
    -webkit-box-shadow : inset 0px 0px 59px 14px rgba(0, 0, 0, 0.86);
    -moz-box-shadow    : inset 0px 0px 59px 14px rgba(0, 0, 0, 0.86);
    box-shadow         : inset 0px 0px 39px 14px rgba(0, 0, 0, 0.86); }

.general-border:after {
    content            : "";
    width              : 20px;
    height             : 20px;
    border-bottom      : 4px solid #4E4E4E;
    border-right       : 4px solid #4E4E4E;
    position           : absolute;
    transform          : rotate(45deg);
    right              : 25px;
    background-color   : #060606;
    -webkit-box-shadow : inset 0px 0px 59px 14px rgba(0, 0, 0, 0.86);
    -moz-box-shadow    : inset 0px 0px 59px 14px rgba(0, 0, 0, 0.86);
    box-shadow         : inset 0px 0px 39px 14px rgba(0, 0, 0, 0.86); }

.ch-outher {
    z-index : 1; }

.ch-outher:after {
    top : 1.6rem; }

.gb-outher:after {
    top          : -1rem;
    right        : 26px;
    border-width : 2px; }

.content-head {
    padding     : 3px;
    border      : 1px solid #4E4E4E;
    text-shadow : 0 0 5px rgba(0, 0, 0, 0.8);
    color       : #D0D0D0;
    font-size   : 1.8rem; }

.content {
    font-size : 1.3rem;
    color     : #E7E7E7;
    width     : 465px;
    margin    : 0 auto;
    padding   : 4rem 0; }

.content h2 {
    -webkit-animation : nav-items 4s linear;
    animation         : nav-items 4s linear; }

@keyframes nav-items {
    from {
        opacity : 0; }
    to {
        opacity : 1; }
}

.nav-items:hover {
    text-shadow  : 0 0 8px yellow;
    transition   : all .3s ease;
    padding-left : 4.6rem; }

.nav-items-1:hover {
    text-shadow  : 0 0 8px yellow;
    transition   : all .3s ease;
    padding-left : 1.2rem; }

.content-d {
    font-size : 1.3rem;
    color     : #E7E7E7;
    padding   : 2.5rem 0;
    position  : relative;
    overflow  : hidden; }

.content-d > h3 {
    top               : 1.4rem;
    left              : 14rem;
    position          : absolute;
    width             : 100%;
    -webkit-animation : duyuru 8s linear;
    animation         : duyuru 10s linear; }

@keyframes duyuru {
    from {
        left : 100%; }
    to {
        left : 14rem; }
}

.pl-2 {
    padding-left  : 3rem;
    margin-bottom : 0.6rem; }

.pl-4 {
    padding-left  : 4rem;
    margin-bottom : 0.6rem; }

.mb-2 {
    margin-bottom : 0.6rem; }

.mb-3 {
    margin-bottom : 2.2rem !important; }

/* --------------------------------------------------------------------------------------------------------------------------------------- MAIN -+- */
/*
* Main styles goes down HERE!
*/

.entry-pages {
    opacity   : 1;
    animation : entry-pages 3s linear;
}

@keyframes entry-pages {
    from {
        opacity : 0
    }
    to {
        opacity : 1
    }
}

.entry-page {
    opacity   : 0;
    animation : entry-page 20s ease;
    position  : absolute;
    left      : 0;
    top       : 0;
    width     : 100%;
}

@keyframes entry-page {
    0% {
        opacity : 0;
    }
    10% {
        opacity : 1;
    }
    95% {
        opacity : 1;
    }
    100% {
        opacity : 0;
    }
}

#slideOne,
#slideTwo {
    transition : all 2s ease;
}

#slideOne {
    opacity : 1;
}

#slideTwo {
    opacity : 0;
    width   : 62rem;
}

.slick-vertical .slick-slide {
    max-height : 100%; }

.c-stick {
    right   : 40px;
    top     : 49%;
    opacity : .7;
    width   : 30px;
    height  : 30px;
    z-index : 2; }

.c-stick:hover {
    -webkit-transition : all .5s ease;
    transition         : all .5s ease;
    opacity            : 1; }

.stick {
    width            : 32px;
    height           : 6px;
    background-color : #BA8825;
    position         : absolute;
    top              : 10px; }

.stick.one {
    transform : rotate(-45deg); }

.stick.two {
    transform : rotate(45deg); }

.c-stick:hover > .stick {
    box-shadow         : 0 0 8px yellow;
    -webkit-transition : all .5s ease;
    transition         : all .5s ease;
    background-color   : yellow; }

.pages-slider {
    width : 74rem; }

.pages-slider-content {
    height     : 70rem !important;
    margin-top : 10rem;
    overflow   : auto; }

.pages-slider-content > h2, .pages-slider-content h1 {
    margin-bottom : .6rem;
    text-indent   : 42px; }

.pages-slider-content > h3 {
    margin-bottom : .6rem; }

.pages-slider-content h1,
.pages-slider-content h2,
.pages-slider-content h3 {
    font-size   : 2.2rem !important;
    line-height : 2.4rem; }

.slick-prev:before, .slick-next:before {
    content         : "" !important;
    display         : block;
    background      : url("../img/contents/plain-triangle.svg") no-repeat center;
    background-size : 100%;
    width           : 30px;
    height          : 30px; }

.slick-next:before {
    transform : rotate(180deg); }

.slick-prev, .slick-next {
    right : -45px;
    left  : inherit; }

.slick-prev {
    top : 46%; }

.slick-next {
    top : 54%; }

.pdl-3 {
    text-indent : 2.2rem !important;
}

.pdl-4 {
    text-indent : 6.4rem !important; }

.pdl-5 {
    text-indent : 7.4rem !important; }

.ti-5 {
    text-indent : 7.4rem; }

.padding-left {
    padding-left : 2.2rem;
}

.entry-page {
    height          : 100vh;
    display         : flex;
    justify-content : center;
    align-items     : center; }

.entry-page > h1 {
    font-size : 3.4rem; }

.entry-page > h1 > img {
    width         : 85%;
    margin-bottom : 5rem; }

.pages-slider-content .lead {
    font-size   : 1.6rem !important;
    line-height : 1.4rem; }

.lead {
    font-size : 1.6rem !important; }

.preface {
    height          : 100vh;
    display         : flex;
    justify-content : center;
    flex-direction  : column; }

.preface > h1 {
    font-size : 2.6rem; }

.preface .big-size {
    font-size   : 12rem !important;
    font-weight : 700;
    line-height : 16rem; }

.preface .general-size {
    font-size : 2.6rem !important; }

.preface h2 {
    font-size : 2.6rem !important;
}

.dflex {
    display        : flex;
    flex-direction : column; }

.text-underline {
    text-decoration : underline; }

/* ------------------------------------------------------------------------------------------------------------------------------------- FOOTER -+- */
.page-contact {
    background      : url("../img/contents/background-head.png") no-repeat center;
    background-size : 100%;
    border          : 2px solid #4E4E4E;
    cursor          : pointer; }

.content-head {
    position : relative; }

.contact {
    border     : 2px solid #4E4E4E;
    padding    : 0;
    height     : 0;
    position   : absolute;
    right      : 0;
    top        : 2.4rem;
    transition : all .5s ease;
    overflow   : hidden; }

.content-head:hover .contact {
    height  : 94px;
    padding : 3rem 1rem 1rem 1rem; }

/* ---------------------------------------------------------------------------------------------------------------------------------- MEDIA.CSS -+- */
/*
* All media styles goes down HERE!
*/
/* -------------------------------------------------------------------------------------------------------------------------------- media (1199) -+- */
/* -------------------------------------------------------------------------------------------------------------------------------- media (991) -+- */
@media (max-width : 991px) {
    /* reduce global font-size */
    html {
        font-size : 8px; }
}

/* -------------------------------------------------------------------------------------------------------------------------------- media (900) -+- */
@media (max-width : 900px) {
    .pages-slider-content {
        padding : 0 3rem 0 2rem; }
}

/* -------------------------------------------------------------------------------------------------------------------------------- media (767) -+- */
@media (max-width : 810px) {
    .wrapper {
        width : 100%; }
}

/* ------------------------------------------------------------------------------------------------------------------------------- media (575) -+- */
@media (max-width : 740px) {
    .page-head {
        background-size : 100% 100%; }

    .pages-slider {
        width : 100%; }

    .c-stick {
        bottom  : 10px;
        top     : auto;
        z-index : 2; }

    .pages-slider-content {
        padding : 0 4.5rem 0 3rem; }

    .slick-prev, .slick-next {
        right   : 30px;
        z-index : 9999; }

    #slideTwo {
        width   : 100% !important;
        padding : 0 2rem; }
}

/* ------------------------------------------------------------------------------------------------------------------------------- media (480) -+- */
@media (max-width : 600px) {
    .content-d > h3 {
        width : 85%; }

    .content-d > h3 {
        left : 4rem; }

    @keyframes duyuru {
        from {
            left : 100%; }
        to {
            left : 4rem; }
    }
}

/*# sourceMappingURL=style.css.map */