@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,700);

/*
 * sitename
 * siteurl here
 *
 * Write your theme styles here
 */
/*!
 * Marka - v0.3.1
 * http://fian.my.id/marka
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/marka/blob/master/LICENSE
 */
/* line 8, sass/marka.scss */
.marka {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

/* line 8, sass/marka.scss */
.marka i {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

/* line 8, sass/marka.scss */
.marka.marka-set i {
    opacity: 1;
}

/* line 8, sass/marka.scss */
.marka.marka-rotate-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* line 8, sass/marka.scss */
.marka.marka-rotate-left {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* line 8, sass/marka.scss */
.marka.marka-rotate-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-empty {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-angle-double i {
    -webkit-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
    -moz-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
    -ms-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
    -o-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
    transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-angle-double i:nth-child(2) {
    -webkit-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
    -moz-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
    -ms-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
    -o-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
    transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-angle-double i:nth-child(3) {
    -webkit-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
    -moz-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
    -ms-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
    -o-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
    transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-angle-double i:nth-child(4) {
    -webkit-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
    -moz-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
    -ms-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
    -o-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
    transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-angle i {
    -webkit-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
    -moz-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
    -ms-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
    -o-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
    transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-angle i:nth-child(2n) {
    -webkit-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
    -moz-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
    -ms-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
    -o-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
    transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-arrow i {
    -webkit-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
    -moz-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
    -ms-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
    -o-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
    transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-arrow i:nth-child(2) {
    -webkit-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
    -moz-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
    -ms-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
    -o-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
    transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-arrow i:nth-child(3) {
    -webkit-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0);
    -moz-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0);
    -ms-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0);
    -o-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0);
    transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-asterisk i {
    -webkit-transform: rotate(90deg) scale(0.8, 0.2);
    -moz-transform: rotate(90deg) scale(0.8, 0.2);
    -ms-transform: rotate(90deg) scale(0.8, 0.2);
    -o-transform: rotate(90deg) scale(0.8, 0.2);
    transform: rotate(90deg) scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-asterisk i:nth-child(2) {
    -webkit-transform: rotate(-30deg) scale(0.8, 0.2);
    -moz-transform: rotate(-30deg) scale(0.8, 0.2);
    -ms-transform: rotate(-30deg) scale(0.8, 0.2);
    -o-transform: rotate(-30deg) scale(0.8, 0.2);
    transform: rotate(-30deg) scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-asterisk i:nth-child(3) {
    -webkit-transform: rotate(30deg) scale(0.8, 0.2);
    -moz-transform: rotate(30deg) scale(0.8, 0.2);
    -ms-transform: rotate(30deg) scale(0.8, 0.2);
    -o-transform: rotate(30deg) scale(0.8, 0.2);
    transform: rotate(30deg) scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-bars i {
    -webkit-transform: scale(0.8, 0.2);
    -moz-transform: scale(0.8, 0.2);
    -ms-transform: scale(0.8, 0.2);
    -o-transform: scale(0.8, 0.2);
    transform: scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-bars i:nth-child(2) {
    -webkit-transform: scale(0.8, 0.2) translate(0%, -140%);
    -moz-transform: scale(0.8, 0.2) translate(0%, -140%);
    -ms-transform: scale(0.8, 0.2) translate(0%, -140%);
    -o-transform: scale(0.8, 0.2) translate(0%, -140%);
    transform: scale(0.8, 0.2) translate(0%, -140%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-bars i:nth-child(3) {
    -webkit-transform: scale(0.8, 0.2) translate(0%, 140%);
    -moz-transform: scale(0.8, 0.2) translate(0%, 140%);
    -ms-transform: scale(0.8, 0.2) translate(0%, 140%);
    -o-transform: scale(0.8, 0.2) translate(0%, 140%);
    transform: scale(0.8, 0.2) translate(0%, 140%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-check i {
    -webkit-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
    -moz-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
    -ms-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
    -o-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
    transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-check i:nth-child(2) {
    -webkit-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
    -moz-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
    -ms-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
    -o-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
    transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-chevron i {
    -webkit-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
    -moz-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
    -ms-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
    -o-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
    transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-chevron i:nth-child(2) {
    -webkit-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
    -moz-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
    -ms-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
    -o-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
    transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-minus i {
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-minus i:last-child, .marka.marka-icon-circle-minus i:nth-last-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-filled i {
    border-radius: 50%;
    -webkit-transform: rotate(0deg) scale(0.5);
    -moz-transform: rotate(0deg) scale(0.5);
    -ms-transform: rotate(0deg) scale(0.5);
    -o-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-filled i:nth-child(1) {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
    -ms-transform: rotate(0deg) scale(0.8);
    -o-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-filled i:nth-child(2) {
    -webkit-transform: rotate(0deg) scale(0.65);
    -moz-transform: rotate(0deg) scale(0.65);
    -ms-transform: rotate(0deg) scale(0.65);
    -o-transform: rotate(0deg) scale(0.65);
    transform: rotate(0deg) scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-minus i {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-minus i:nth-child(1) {
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-minus i:nth-child(2) {
    border-radius: 50%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-plus i {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-plus i:nth-child(1) {
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-plus i:nth-child(2) {
    border-radius: 50%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-plus i:nth-child(3) {
    border-radius: 0;
    -webkit-transform: rotate(90deg) scale(0.5, 0.125);
    -moz-transform: rotate(90deg) scale(0.5, 0.125);
    -ms-transform: rotate(90deg) scale(0.5, 0.125);
    -o-transform: rotate(90deg) scale(0.5, 0.125);
    transform: rotate(90deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-times i {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(0.5, 0.125);
    -moz-transform: rotate(45deg) scale(0.5, 0.125);
    -ms-transform: rotate(45deg) scale(0.5, 0.125);
    -o-transform: rotate(45deg) scale(0.5, 0.125);
    transform: rotate(45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-times i:nth-child(1) {
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-times i:nth-child(2) {
    border-radius: 50%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o-times i:nth-child(3) {
    border-radius: 0;
    -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
    -moz-transform: rotate(-45deg) scale(0.5, 0.125);
    -ms-transform: rotate(-45deg) scale(0.5, 0.125);
    -o-transform: rotate(-45deg) scale(0.5, 0.125);
    transform: rotate(-45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o i {
    border-radius: 50%;
    -webkit-transform: rotate(0deg) scale(0);
    -moz-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o i:nth-child(1) {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
    -ms-transform: rotate(0deg) scale(0.8);
    -o-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-o i:nth-child(2) {
    -webkit-transform: rotate(0deg) scale(0.65);
    -moz-transform: rotate(0deg) scale(0.65);
    -ms-transform: rotate(0deg) scale(0.65);
    -o-transform: rotate(0deg) scale(0.65);
    transform: rotate(0deg) scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-plus i {
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-plus i:last-child {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-plus i:nth-last-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(90deg) scale(0.5, 0.125);
    -moz-transform: rotate(90deg) scale(0.5, 0.125);
    -ms-transform: rotate(90deg) scale(0.5, 0.125);
    -o-transform: rotate(90deg) scale(0.5, 0.125);
    transform: rotate(90deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-times i {
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-times i:last-child {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(0.5, 0.125);
    -moz-transform: rotate(45deg) scale(0.5, 0.125);
    -ms-transform: rotate(45deg) scale(0.5, 0.125);
    -o-transform: rotate(45deg) scale(0.5, 0.125);
    transform: rotate(45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle-times i:nth-last-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
    -moz-transform: rotate(-45deg) scale(0.5, 0.125);
    -ms-transform: rotate(-45deg) scale(0.5, 0.125);
    -o-transform: rotate(-45deg) scale(0.5, 0.125);
    transform: rotate(-45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-circle i {
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-minus i {
    -webkit-transform: scale(0.8, 0.2);
    -moz-transform: scale(0.8, 0.2);
    -ms-transform: scale(0.8, 0.2);
    -o-transform: scale(0.8, 0.2);
    transform: scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-pause i {
    -webkit-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
    -moz-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
    -ms-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
    -o-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
    transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-pause i:nth-child(2) {
    -webkit-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
    -moz-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
    -ms-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
    -o-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
    transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-plus i {
    -webkit-transform: scale(0.8, 0.2);
    -moz-transform: scale(0.8, 0.2);
    -ms-transform: scale(0.8, 0.2);
    -o-transform: scale(0.8, 0.2);
    transform: scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-plus i:nth-child(2) {
    -webkit-transform: rotate(90deg) scale(0.8, 0.2);
    -moz-transform: rotate(90deg) scale(0.8, 0.2);
    -ms-transform: rotate(90deg) scale(0.8, 0.2);
    -o-transform: rotate(90deg) scale(0.8, 0.2);
    transform: rotate(90deg) scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-five i, .marka.marka-icon-signal-five-four i, .marka.marka-icon-signal-five-one i, .marka.marka-icon-signal-five-three i, .marka.marka-icon-signal-five-two i {
    -webkit-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
    -moz-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
    -ms-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
    -o-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
    transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-five i:nth-child(2), .marka.marka-icon-signal-five-four i:nth-child(2), .marka.marka-icon-signal-five-three i:nth-child(2), .marka.marka-icon-signal-five-two i:nth-child(2), .marka.marka-icon-signal-five-two i:nth-child(3), .marka.marka-icon-signal-five-two i:nth-child(4), .marka.marka-icon-signal-five-two i:nth-child(5) {
    -webkit-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
    -moz-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
    -ms-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
    -o-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
    transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-five i:nth-child(3), .marka.marka-icon-signal-five-four i:nth-child(3), .marka.marka-icon-signal-five-three i:nth-child(3), .marka.marka-icon-signal-five-three i:nth-child(4), .marka.marka-icon-signal-five-three i:nth-child(5) {
    -webkit-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0);
    -moz-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0);
    -ms-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0);
    -o-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0);
    transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-five i:nth-child(4), .marka.marka-icon-signal-five-four i:nth-child(4), .marka.marka-icon-signal-five-four i:nth-child(5) {
    -webkit-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
    -moz-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
    -ms-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
    -o-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
    transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-five i:nth-child(5) {
    -webkit-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
    -moz-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
    -ms-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
    -o-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
    transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-three i, .marka.marka-icon-signal-three-one i, .marka.marka-icon-signal-three-two i {
    -webkit-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
    -moz-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
    -ms-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
    -o-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
    transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-three i:nth-child(2), .marka.marka-icon-signal-three-two i:nth-child(2), .marka.marka-icon-signal-three-two i:nth-child(3) {
    -webkit-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0);
    -moz-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0);
    -ms-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0);
    -o-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0);
    transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-signal-three i:nth-child(3) {
    -webkit-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
    -moz-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
    -ms-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
    -o-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
    transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort-half i {
    border-radius: 0 30%;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -moz-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -ms-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -o-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort-half i:nth-child(2n) {
    -webkit-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -moz-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -ms-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -o-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort-half i:nth-child(3n) {
    -webkit-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -moz-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -ms-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -o-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort i {
    border-radius: 0 30%;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -moz-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -ms-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -o-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort i:nth-child(2) {
    -webkit-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -moz-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -ms-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -o-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort i:nth-child(3) {
    -webkit-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -moz-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -ms-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -o-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort i:nth-child(4) {
    -webkit-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -moz-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -ms-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    -o-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
    transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort i:nth-child(5) {
    -webkit-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -moz-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -ms-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    -o-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
    transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-sort i:nth-child(6) {
    -webkit-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -moz-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -ms-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    -o-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
    transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-check i {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-check i:last-child {
    border-radius: 0;
    -webkit-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    -moz-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    -ms-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    -o-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-check i:nth-last-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    -moz-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    -ms-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    -o-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-minus i {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-minus i:last-child, .marka.marka-icon-square-minus i:nth-last-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-check i {
    border-radius: 0;
    -webkit-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    -moz-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    -ms-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    -o-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
    transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-check i:nth-child(1) {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-check i:nth-child(2) {
    border-radius: 10%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-check i:nth-child(3) {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    -moz-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    -ms-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    -o-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
    transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-filled i {
    border-radius: 10%;
    -webkit-transform: rotate(0deg) scale(0.5);
    -moz-transform: rotate(0deg) scale(0.5);
    -ms-transform: rotate(0deg) scale(0.5);
    -o-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-filled i:nth-child(1) {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
    -ms-transform: rotate(0deg) scale(0.8);
    -o-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-filled i:nth-child(2) {
    -webkit-transform: rotate(0deg) scale(0.65);
    -moz-transform: rotate(0deg) scale(0.65);
    -ms-transform: rotate(0deg) scale(0.65);
    -o-transform: rotate(0deg) scale(0.65);
    transform: rotate(0deg) scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-minus i {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-minus i:nth-child(1) {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-minus i:nth-child(2) {
    border-radius: 10%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-plus i {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-plus i:nth-child(1) {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-plus i:nth-child(2) {
    border-radius: 10%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-plus i:nth-child(3) {
    border-radius: 0;
    -webkit-transform: rotate(90deg) scale(0.5, 0.125);
    -moz-transform: rotate(90deg) scale(0.5, 0.125);
    -ms-transform: rotate(90deg) scale(0.5, 0.125);
    -o-transform: rotate(90deg) scale(0.5, 0.125);
    transform: rotate(90deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-times i {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(0.5, 0.125);
    -moz-transform: rotate(45deg) scale(0.5, 0.125);
    -ms-transform: rotate(45deg) scale(0.5, 0.125);
    -o-transform: rotate(45deg) scale(0.5, 0.125);
    transform: rotate(45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-times i:nth-child(1) {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-times i:nth-child(2) {
    border-radius: 10%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o-times i:nth-child(3) {
    border-radius: 0;
    -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
    -moz-transform: rotate(-45deg) scale(0.5, 0.125);
    -ms-transform: rotate(-45deg) scale(0.5, 0.125);
    -o-transform: rotate(-45deg) scale(0.5, 0.125);
    transform: rotate(-45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o i {
    -webkit-transform: rotate(0deg) scale(0);
    -moz-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    border-radius: 10%;
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o i:nth-child(1) {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
    -ms-transform: rotate(0deg) scale(0.8);
    -o-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-o i:nth-child(2) {
    -webkit-transform: rotate(0deg) scale(0.65);
    -moz-transform: rotate(0deg) scale(0.65);
    -ms-transform: rotate(0deg) scale(0.65);
    -o-transform: rotate(0deg) scale(0.65);
    transform: rotate(0deg) scale(0.65);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-plus i {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-plus i:last-child {
    border-radius: 0;
    -webkit-transform: rotate(0deg) scale(0.5, 0.125);
    -moz-transform: rotate(0deg) scale(0.5, 0.125);
    -ms-transform: rotate(0deg) scale(0.5, 0.125);
    -o-transform: rotate(0deg) scale(0.5, 0.125);
    transform: rotate(0deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-plus i:nth-last-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(90deg) scale(0.5, 0.125);
    -moz-transform: rotate(90deg) scale(0.5, 0.125);
    -ms-transform: rotate(90deg) scale(0.5, 0.125);
    -o-transform: rotate(90deg) scale(0.5, 0.125);
    transform: rotate(90deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-times i {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-times i:last-child {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(0.5, 0.125);
    -moz-transform: rotate(45deg) scale(0.5, 0.125);
    -ms-transform: rotate(45deg) scale(0.5, 0.125);
    -o-transform: rotate(45deg) scale(0.5, 0.125);
    transform: rotate(45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square-times i:nth-last-child(2) {
    border-radius: 0;
    -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
    -moz-transform: rotate(-45deg) scale(0.5, 0.125);
    -ms-transform: rotate(-45deg) scale(0.5, 0.125);
    -o-transform: rotate(-45deg) scale(0.5, 0.125);
    transform: rotate(-45deg) scale(0.5, 0.125);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-square i {
    border-radius: 10%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-times i {
    -webkit-transform: rotate(45deg) scale(0.8, 0.2);
    -moz-transform: rotate(45deg) scale(0.8, 0.2);
    -ms-transform: rotate(45deg) scale(0.8, 0.2);
    -o-transform: rotate(45deg) scale(0.8, 0.2);
    transform: rotate(45deg) scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-times i:nth-child(2) {
    -webkit-transform: rotate(-45deg) scale(0.8, 0.2);
    -moz-transform: rotate(-45deg) scale(0.8, 0.2);
    -ms-transform: rotate(-45deg) scale(0.8, 0.2);
    -o-transform: rotate(-45deg) scale(0.8, 0.2);
    transform: rotate(-45deg) scale(0.8, 0.2);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-triangle i {
    border-radius: 0 30%;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
    -moz-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
    -ms-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
    -o-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
    transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-triangle i:nth-child(2) {
    -webkit-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
    -moz-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
    -ms-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
    -o-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
    transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
}

/* line 8, sass/marka.scss */
.marka.marka-icon-triangle i:nth-child(3) {
    -webkit-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
    -moz-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
    -ms-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
    -o-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
    transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
}

/* line 24, sass/_setting.scss */
#masthead, #masthead .sns-container, #masthead .sns-container .sns-links, body.home .entry-content #links, body.en section#shisouchizu-beta-issues-in-english {
    zoom: 1;
}

/* line 26, sass/_setting.scss */
#masthead:after, #masthead .sns-container:after, #masthead .sns-container .sns-links:after, body.home .entry-content #links:after, body.en section#shisouchizu-beta-issues-in-english:after {
    content: "";
    display: block;
    clear: both;
}

/* line 33, sass/_setting.scss */
::selection {
    background: #004098;

    /*背景色*/
    color: white;

    /*文字色*/
}

/* line 37, sass/_setting.scss */
::-moz-selection {
    background: #004098;

    /*背景色*/
    color: white;

    /*文字色*/
}

/* line 66, sass/_setting.scss */
body {
    font-family: 'Open Sans', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

@-webkit-keyframes loading {
    /* line 54, sass/_mixin.scss */
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }

    /* line 64, sass/_mixin.scss */
    5%,95% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }

    /* line 73, sass/_mixin.scss */
    30% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
    }

    /* line 82, sass/_mixin.scss */
    55% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
    }

    /* line 91, sass/_mixin.scss */
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }
}

@-moz-keyframes loading {
    /* line 54, sass/_mixin.scss */
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }

    /* line 64, sass/_mixin.scss */
    5%,95% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }

    /* line 73, sass/_mixin.scss */
    30% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
    }

    /* line 82, sass/_mixin.scss */
    55% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
    }

    /* line 91, sass/_mixin.scss */
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }
}

@keyframes loading {
    /* line 54, sass/_mixin.scss */
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }

    /* line 64, sass/_mixin.scss */
    5%,95% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }

    /* line 73, sass/_mixin.scss */
    30% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.51em -0.66em 0 -0.37em #ea6000, -0.75em -0.36em 0 -0.39em #004098, -0.83em -0.03em 0 -0.41em #e61f19, -0.81em 0.21em 0 -0.427em #004098;
    }

    /* line 82, sass/_mixin.scss */
    55% {
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.29em -0.78em 0 -0.37em #ea6000, -0.43em -0.72em 0 -0.39em #004098, -0.52em -0.65em 0 -0.41em #e61f19, -0.57em -0.61em 0 -0.427em #004098;
    }

    /* line 91, sass/_mixin.scss */
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        -moz-box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
        box-shadow: -0.11em -0.83em 0 -0.35em #004098, -0.11em -0.83em 0 -0.37em #ea6000, -0.11em -0.83em 0 -0.39em #004098, -0.11em -0.83em 0 -0.41em #e61f19, -0.11em -0.83em 0 -0.427em #004098;
    }
}

/* line 17, sass/common.scss */
html {
    width: 100%;
    height: 100%;
}

/* line 23, sass/common.scss */
body {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* line 37, sass/common.scss */
#primary {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

/* line 41, sass/common.scss */
a {
    text-decoration: none;
    color: #000;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

/* line 45, sass/common.scss */
a:hover {
    color: #ddd;
}

/* line 48, sass/common.scss */
a:visited {
    color: inherit;
}

/* line 50, sass/common.scss */
a:visited:hover {
    color: #ddd;
}

/* line 56, sass/common.scss */
table {
    width: 100%;
    border-collapse: collapse;
}

/* line 59, sass/common.scss */
table th, table td {
    padding: 1em 1em 1em 1.5em;
    border: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
    /* line 59, sass/common.scss */
    table th, table td {
        padding: 0.5em 0.5em 0.5em 1em;
    }
}

/* line 69, sass/common.scss */
.entry-content h1 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0.8em;
}

/* line 75, sass/common.scss */
.entry-content h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.8em;
}

/* line 82, sass/common.scss */
.menu-toggle {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
    padding: 0;
    outline: 0;
}

/* line 91, sass/common.scss */
.menu-toggle ::-moz-focus-inner {
    border: 0px;
}

/* line 94, sass/common.scss */
.menu-toggle:focus {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* line 102, sass/common.scss */
.marka i {
    top: 0;
}

/* line 106, sass/common.scss */
.marka.marka-icon-bars i {
    -webkit-transform: scale(0.8, 0.1);
    -moz-transform: scale(0.8, 0.1);
    -ms-transform: scale(0.8, 0.1);
    -o-transform: scale(0.8, 0.1);
    transform: scale(0.8, 0.1);
}

/* line 108, sass/common.scss */
.marka.marka-icon-bars i:nth-child(2) {
    -webkit-transform: scale(0.8, 0.1) translate(0%, -270%);
    -moz-transform: scale(0.8, 0.1) translate(0%, -270%);
    -ms-transform: scale(0.8, 0.1) translate(0%, -270%);
    -o-transform: scale(0.8, 0.1) translate(0%, -270%);
    transform: scale(0.8, 0.1) translate(0%, -270%);
}

/* line 111, sass/common.scss */
.marka.marka-icon-bars i:nth-child(3) {
    -webkit-transform: scale(0.8, 0.1) translate(0%, 270%);
    -moz-transform: scale(0.8, 0.1) translate(0%, 270%);
    -ms-transform: scale(0.8, 0.1) translate(0%, 270%);
    -o-transform: scale(0.8, 0.1) translate(0%, 270%);
    transform: scale(0.8, 0.1) translate(0%, 270%);
}

/* line 117, sass/common.scss */
.marka.marka-icon-arrow i {
    -webkit-transform: rotate(45deg) scale(0.55, 0.1) translate(-0.5%, -220%);
    -moz-transform: rotate(45deg) scale(0.55, 0.1) translate(-0.5%, -220%);
    -ms-transform: rotate(45deg) scale(0.55, 0.1) translate(-0.5%, -220%);
    -o-transform: rotate(45deg) scale(0.55, 0.1) translate(-0.5%, -220%);
    transform: rotate(45deg) scale(0.55, 0.1) translate(-0.5%, -220%);
}

/* line 119, sass/common.scss */
.marka.marka-icon-arrow i:nth-child(2) {
    -webkit-transform: rotate(135deg) scale(0.55, 0.1) translate(-0.5%, 220%);
    -moz-transform: rotate(135deg) scale(0.55, 0.1) translate(-0.5%, 220%);
    -ms-transform: rotate(135deg) scale(0.55, 0.1) translate(-0.5%, 220%);
    -o-transform: rotate(135deg) scale(0.55, 0.1) translate(-0.5%, 220%);
    transform: rotate(135deg) scale(0.55, 0.1) translate(-0.5%, 220%);
}

/* line 122, sass/common.scss */
.marka.marka-icon-arrow i:nth-child(3) {
    -webkit-transform: rotate(90deg) scale(0.7, 0.1) translate(17%, 0%);
    -moz-transform: rotate(90deg) scale(0.7, 0.1) translate(17%, 0%);
    -ms-transform: rotate(90deg) scale(0.7, 0.1) translate(17%, 0%);
    -o-transform: rotate(90deg) scale(0.7, 0.1) translate(17%, 0%);
    transform: rotate(90deg) scale(0.7, 0.1) translate(17%, 0%);
}

/* line 133, sass/common.scss */
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 50px;
    z-index: 100;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    background-color: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
}

@media only screen and (max-width: 767px) {
    /* line 133, sass/common.scss */
    #masthead {
        padding: 10px 20px;
    }
}

/* line 149, sass/common.scss */
#masthead .site-branding {
    float: left;
    margin-right: 2em;
}

/* line 152, sass/common.scss */
#masthead .site-branding .site-title {
    font-weight: bold;
}

/* line 154, sass/common.scss */
#masthead .site-branding .site-title a {
    color: #004098;
}

/* line 156, sass/common.scss */
#masthead .site-branding .site-title a:hover {
    color: #ddd;
}

/* line 161, sass/common.scss */
#masthead .site-branding .site-description {
    display: none;
}

/* line 168, sass/common.scss */
#masthead #site-navigation {
    clear: none;
    float: left;
    width: auto;
}

/* line 172, sass/common.scss */
#masthead #site-navigation .menu-toggle {
    display: none;
}

/* line 175, sass/common.scss */
#masthead #site-navigation .screen-reader-text {
    display: none;
}

/* line 179, sass/common.scss */
#masthead #site-navigation #menu-main li.menu-item {
    margin-right: 1.5em;
}

/* line 181, sass/common.scss */
#masthead #site-navigation #menu-main li.menu-item.hidden {
    display: none;
}

/* line 185, sass/common.scss */
#masthead #site-navigation #menu-main li.menu-item.not a {
    pointer-events: none;
    color: #aaa;
}

@media only screen and (max-width: 767px) {
    /* line 168, sass/common.scss */
    #masthead #site-navigation {
        float: right;
    }

    /* line 194, sass/common.scss */
    #masthead #site-navigation .menu-toggle {
        display: block;
        float: right;
        width: 22px;
        height: 22px;
        font-size: 0;
    }

    /* line 201, sass/common.scss */
    #masthead #site-navigation .menu-toggle:before {
        font-size: 22px;
    }

    /* line 213, sass/common.scss */
    #masthead #site-navigation .menu-main-container {
        clear: both;
        position: absolute;
        top: 90px;
        right: 0;
        width: 100%;
    }

    /* line 221, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main {
        -webkit-perspective: 600px;
        -moz-perspective: 600px;
        -ms-perspective: 600px;
        -o-perspective: 600px;
        perspective: 600px;
    }

    /* line 225, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main li.menu-item {
        margin: 0;
        float: none;
        text-align: center;
        line-height: 3.5;
        border-bottom: 1px dotted white;
        -webkit-transform: translate3d(70%, 0, 0) rotateY(10deg);
        -moz-transform: translate3d(70%, 0, 0) rotateY(10deg);
        -ms-transform: translate3d(70%, 0, 0) rotateY(10deg);
        -o-transform: translate3d(70%, 0, 0) rotateY(10deg);
        transform: translate3d(70%, 0, 0) rotateY(10deg);
        background-color: rgba(0, 64, 152, 0.8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC004098,endColorstr=#CC004098);
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    /* line 236, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main li.menu-item:last-of-type {
        border: none;
    }

    /* line 239, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main li.menu-item.hidden {
        display: block;
    }

    /* line 242, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main li.menu-item.not {
        display: none;
    }

    /* line 245, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main li.menu-item.show {
        -webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
        -moz-transform: translate3d(0, 0, 0) rotateY(0deg);
        -ms-transform: translate3d(0, 0, 0) rotateY(0deg);
        -o-transform: translate3d(0, 0, 0) rotateY(0deg);
        transform: translate3d(0, 0, 0) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    /* line 250, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main li.menu-item a {
        color: white;
        font-size: 1.1em;
        letter-spacing: 0.2em;
    }

    /* line 254, sass/common.scss */
    #masthead #site-navigation .menu-main-container #menu-main li.menu-item a:hover {
        color: black;
    }
}

/* line 264, sass/common.scss */
#masthead .sns-container {
    float: right;
}

/* line 267, sass/common.scss */
#masthead .sns-container .sns-buttons {
    float: right;
    margin-left: 20px;
    margin-top: 2px;
}

/* line 271, sass/common.scss */
#masthead .sns-container .sns-buttons > div {
    width: 110px;
    height: 22px;
    float: right;
}

/* line 275, sass/common.scss */
#masthead .sns-container .sns-buttons > div.twitter-button {
    margin-right: -10px;
}

/* line 278, sass/common.scss */
#masthead .sns-container .sns-buttons > div.facebook-like-button {
    margin-top: -5px;
}

/* line 283, sass/common.scss */
#masthead .sns-container .sns-links {
    float: right;
}

/* line 289, sass/common.scss */
#masthead .sns-container .sns-links > div {
    float: left;
    margin-left: 15px;
    height: 20px;
}

/* line 293, sass/common.scss */
#masthead .sns-container .sns-links > div.ja {
    margin-bottom: 3px;
}

/* line 298, sass/common.scss */
#masthead .sns-container .sns-links > div h2 {
    display: inline;
}

/* line 301, sass/common.scss */
#masthead .sns-container .sns-links > div .sns-link {
    height: 23px;
    width: 23px;
    font-size: 23px;
    margin-left: 5px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

/* line 308, sass/common.scss */
#masthead .sns-container .sns-links > div .sns-link.facebook {
    color: #3b5998;
}

/* line 311, sass/common.scss */
#masthead .sns-container .sns-links > div .sns-link.twitter {
    color: #00acee;
}

/* line 314, sass/common.scss */
#masthead .sns-container .sns-links > div .sns-link:hover {
    color: #ddd;
}

@media only screen and (min-width: 767px) and (max-width: 900px) {
    /* line 264, sass/common.scss */
    #masthead .sns-container {
        clear: both;
        float: left;
        margin-top: 10px;
    }

    /* line 325, sass/common.scss */
    #masthead .sns-container .sns-links .ja {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    /* line 264, sass/common.scss */
    #masthead .sns-container {
        clear: both;
        float: left;
        margin-top: 10px;
    }

    /* line 334, sass/common.scss */
    #masthead .sns-container .sns-buttons {
        margin: 0;
    }

    /* line 337, sass/common.scss */
    #masthead .sns-container .sns-buttons > div.twitter {
        margin-top: 1px;
    }

    /* line 342, sass/common.scss */
    #masthead .sns-container .sns-links {
        display: none;
    }
}

/* line 356, sass/common.scss */
body #page {
    margin-top: 70px;
    padding: 30px 50px;
}

@media only screen and (max-width: 767px) {
    /* line 356, sass/common.scss */
    body #page {
        margin-top: 90px;
        padding: 10px 20px;
    }
}

/* line 364, sass/common.scss */
body #page .hentry .entry-title {
    font-size: 1.4em;
    font-weight: bold;
}

/* line 381, sass/common.scss */
body.home {
    height: 100%;
}

/* line 383, sass/common.scss */
body.home #page, body.home #content, body.home #primary, body.home #main {
    height: 100%;
}

/* line 386, sass/common.scss */
body.home #page {
    margin: 0;
}

/* line 389, sass/common.scss */
body.home #primary {
    display: table;
    margin: 0 auto;
}

/* line 392, sass/common.scss */
body.home #primary #main {
    display: table-cell;
    vertical-align: middle;
}

/* line 395, sass/common.scss */
body.home #primary #main .hentry {
    margin: 0;
}

/* line 404, sass/common.scss */
body.home .entry-header {
    display: none;
}

/* line 410, sass/common.scss */
body.home .entry-content #links {
    margin: 0;
    position: relative;
    list-style: none;
}

/* line 417, sass/common.scss */
body.home .entry-content #links .link {
    width: 33.33333%;
    float: left;
    padding: 0 10px;
}

/* line 421, sass/common.scss */
body.home .entry-content #links .link a {
    display: block;
    z-index: 1;
    position: relative;
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.2s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, -o-transform 0.2s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* line 427, sass/common.scss */
body.home .entry-content #links .link a:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    z-index: 10;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

/* line 443, sass/common.scss */
body.home.mobile .link a:hover {
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    -ms-opacity: 1 !important;
    -o-opacity: 1 !important;
    opacity: 1 !important;
}

/* line 456, sass/common.scss */
body.about #content .hentry .entry-title {
    display: none;
}

/* line 459, sass/common.scss */
body.about #content .hentry .entry-content {
    margin: 0;
}

/* line 467, sass/common.scss */
body.about #content .hentry .entry-content table th {
    width: 200px;
}

@media only screen and (max-width: 767px) {
    /* line 467, sass/common.scss */
    body.about #content .hentry .entry-content table th {
        width: 30%;
    }
}

/* line 474, sass/common.scss */
body.about #content .hentry .entry-content dd {
    margin-left: 0;
    margin-right: 0;
}

/* line 502, sass/common.scss */
body.en .content-area {
    width: 66%;
    float: left;
    margin-right: 4%;
}

/* line 509, sass/common.scss */
body.en .widget-area {
    width: 30%;
    float: left;
}

/* line 512, sass/common.scss */
body.en .widget-area h1 {
    display: none;
}

/* line 517, sass/common.scss */
body.en .entry-title {
    display: none;
}

/* line 521, sass/common.scss */
body.en section {
    font-weight: 300;
    margin-bottom: 3em;
}

/* line 525, sass/common.scss */
body.en section h1 {
    font-size: 1.8em;
    color: #004098;
    font-weight: 300;
}

/* line 530, sass/common.scss */
body.en section a {
    background-color: #cccccc;
}

/* line 535, sass/common.scss */
body.en section#shisouchizu-beta-issues-in-english p {
    display: block;
    width: 28%;
    float: left;
    margin-right: 2%;
    clear: left;
}

/* line 542, sass/common.scss */
body.en section#shisouchizu-beta-issues-in-english .issuuembed {
    width: 70% !important;
    float: left;
}

/* line 550, sass/common.scss */
body.en .twitter-timeline {
    width: 100% !important;
}

/* line 559, sass/common.scss */
body.en .fbcomments,
body.en .fb_iframe_widget,
body.en .fb_iframe_widget[style],
body.en .fb_iframe_widget iframe[style],
body.en .fbcomments iframe[style],
body.en .fb_iframe_widget span {
    width: 100% !important;
}

@media only screen and (max-width: 767px) {
    /* line 564, sass/common.scss */
    body.en .content-area, body.en .widget-area {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

/* line 576, sass/common.scss */
#carousel #carousel-mask {
    position: relative;
    overflow: hidden;
    height: 0;
}

/* line 582, sass/common.scss */
#carousel #carousel-mask:hover .btn {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* line 586, sass/common.scss */
#carousel #carousel-mask .btn {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

/* line 596, sass/common.scss */
#carousel #carousel-mask .btn.next {
    right: 0;
    background: url(../img/next.png) no-repeat center center;
}

/* line 600, sass/common.scss */
#carousel #carousel-mask .btn.prev {
    left: 0;
    background: url(../img/prev.png) no-repeat center center;
}

/* line 604, sass/common.scss */
#carousel #carousel-mask .btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

/* line 608, sass/common.scss */
#carousel #carousel-mask #carousel-images {
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
}

/* line 614, sass/common.scss */
#carousel #carousel-mask #carousel-images li {
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 10px;
    background-color: black;
}

/* line 621, sass/common.scss */
#carousel #carousel-mask #carousel-images li img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* line 626, sass/common.scss */
#carousel #carousel-mask #carousel-images li figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

/* line 634, sass/common.scss */
#carousel #carousel-mask #carousel-images li figcaption span {
    display: block;
    width: 95%;
    margin-left: -30px;
    font-size: 0.9em;
    color: white;
    -webkit-transition: margin-left 0.75s ease-in-out;
    -moz-transition: margin-left 0.75s ease-in-out;
    -o-transition: margin-left 0.75s ease-in-out;
    transition: margin-left 0.75s ease-in-out;
}

/* line 647, sass/common.scss */
#carousel #carousel-mask #carousel-images li.current figcaption span {
    margin-left: 0;
}

/* line 656, sass/common.scss */
#carousel .circle-btns {
    margin: 0;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

/* line 661, sass/common.scss */
#carousel .circle-btns li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: white;
    border: 2px solid #004098;
    margin-right: 20px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

/* line 671, sass/common.scss */
#carousel .circle-btns li:last-child {
    margin-right: 0;
}

/* line 674, sass/common.scss */
#carousel .circle-btns li:hover, #carousel .circle-btns li.current {
    background-color: #004098;
}

@media only screen and (min-width: 767px) and (max-width: 900px) {
    /* line 681, sass/common.scss */
    #carousel .btn {
        opacity: 1 !important;
    }
}

@media only screen and (max-width: 767px) {
    /* line 687, sass/common.scss */
    #carousel .btn {
        opacity: 1 !important;
    }
}

/* line 696, sass/common.scss */
#google-map {
    width: 100%;
    height: 500px;
    margin-bottom: 1em;
}

/* line 706, sass/common.scss */
body.home #colophon {
    position: fixed;
    bottom: 0;
    z-index: 10;
}

/* line 712, sass/common.scss */
#colophon .site-info {
    font-size: 0.9em;
}

/* line 717, sass/common.scss */
#pjax-loader {
    display: none;
    font-size: 25px;
    text-indent: 200%;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: fixed;
    z-index: 10;
    top: 49%;
    left: 49%;
    -webkit-animation: loading 1.7s infinite ease;
    -moz-animation: loading 1.7s infinite ease;
    -ms-animation: loading 1.7s infinite ease;
    -o-animation: loading 1.7s infinite ease;
    animation: loading 1.7s infinite ease;
}

/* line 732, sass/common.scss */
#wpadminbar {
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    -ms-transform: translateZ(2px);
    -o-transform: translateZ(2px);
    transform: translateZ(2px);
}