/*
* Theme Name: Site
* Theme URI:
* Version: 1.0
* Author: CopyTrans
*/

/**
*---------------------------------------------------------------------------
* html & body
*---------------------------------------------------------------------------
*/
html,
body,
body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    display: block;
    width: 100%;
}

body {
    position: relative;
    padding: 0;
    margin: 0;

    background: rgb(250, 250, 250);

    font-family: Arial, Verdana, Geneva, sans-serif;
    font-weight: lighter;
    font-style: normal;
    font-size: 11pt;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.7);
}

/**
*---------------------------------------------------------------------------
* html5 elements
*---------------------------------------------------------------------------
*/
main, header, nav, section, article, figure, figcaption, aside, footer {
    display: block;
    position: relative;
}

figure, figcaption {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
}

/**
*---------------------------------------------------------------------------
* pseudo elements
*---------------------------------------------------------------------------
*/
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/**
*---------------------------------------------------------------------------
* images
*---------------------------------------------------------------------------
*/
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/**
*---------------------------------------------------------------------------
* headlines
*---------------------------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
    padding: 5px 0;
    margin: 0;

    font-family: Arial, Verdana, Geneva, sans-serif;
    font-weight: lighter;
    font-style: normal;
    line-height: 1;
}

h1 {
    font-size: 24pt;
}

h2 {
    font-size: 22pt;
}

h3 {
    font-size: 18pt;
}

h4 {
    font-size: 16pt;
}

h5 {
    font-size: 14pt;
}

h6 {
    font-size: 12pt;
}

/**
*---------------------------------------------------------------------------
* paragraph
*---------------------------------------------------------------------------
*/
p {
    padding: 5px 0;
    margin: 0;

    font-family: Arial, Verdana, Geneva, sans-serif;
    font-weight: lighter;
    font-style: normal;
    line-height: 1.3;
    font-size: 12pt;
}

/**
*---------------------------------------------------------------------------
* links
*---------------------------------------------------------------------------
*/
a {
    text-decoration: none;
    color: rgb(52, 152, 219);
    transition: 0.3s;
}

a:hover,
a:focus {
    color: rgb(37, 116, 169);
    transition: 0.3s;
}

/**
*---------------------------------------------------------------------------
* text styling
*---------------------------------------------------------------------------
*/
strong, b {
    font-weight: bold;
}

/**
* Generic classes
*/

/**
*---------------------------------------------------------------------------
* centered text
*---------------------------------------------------------------------------
*/
h1.centered,
h2.centered,
h3.centered,
h4.centered,
h5.centered,
h6.centered,
p.centered,
a.centered {
    text-align: center;
}

/**
*---------------------------------------------------------------------------
* clear
* note: mainly used to reset floats
*---------------------------------------------------------------------------
*/
.clear {
    float: none;
    clear: both;
}

/**
*---------------------------------------------------------------------------
* parallax effect
*---------------------------------------------------------------------------
*/
.parallax_effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/**
*---------------------------------------------------------------------------
* hidden anchor link
*---------------------------------------------------------------------------
*/
a.anchor_hidden {
    display: block;
    position: relative;
    height: 0;
    padding: 0;
    margin: 0;
}

.no-br {
    white-space: nowrap;
}

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

/**
*---------------------------------------------------------------------------
* image overlay
*---------------------------------------------------------------------------
*/
.image_overlay {
    display: block;
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;

    background: none;
    background-position: center;
    background-repeat: no-repeat;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    /* prevent image flicker */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    /* reduce CPU usage */
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}

/**
*---------------------------------------------------------------------------
* video overlay
*---------------------------------------------------------------------------
*/
.video_overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    /* prevent image flicker */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    /* reduce CPU usage */
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}

.video_overlay video {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;

    /* prevent image flicker */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    /* reduce CPU usage */
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}

.video_overlay.vert_center video {
    /* the video must be in position relative */
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

/**
*---------------------------------------------------------------------------
* color overlay
*---------------------------------------------------------------------------
*/
.color_overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: none;
}

/**
*---------------------------------------------------------------------------
* trademark overlay
*---------------------------------------------------------------------------
*/
.trademark_overlay {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.5;

    width: 200px;
    height: 100px;

    background: none;
    background-image: url('/images/branding/copytrans-trademark.svg');
    background-position: center;
    background-repeat: no-repeat;

    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

/**
*---------------------------------------------------------------------------
* columns
*---------------------------------------------------------------------------
*/
.columns {
    /* old version of flex */
    display: -webkit-box;
    display: -moz-box;

    /* flex box */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* flex box params */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;

    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    -o-align-content: flex-start;
    align-content: flex-start;

    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;

    width: 100%;
}

.columns .col {
    padding: 0;
    margin: 0;
}

.columns .col .content {
    padding: 10px 20px;
}

/**
*---------------------------------------------------------------------------
* columns row
*---------------------------------------------------------------------------
*/
.columns.row_2 .col {
    width: 50%;
}

.columns.row_3 .col {
    width: 33.3%;
}

.columns.row_4 .col {
    width: 25%;
}

.columns.row_8 .col {
    width: 12.5%;
}

/**
*---------------------------------------------------------------------------
* columns vertical align col left
*---------------------------------------------------------------------------
*/
.columns.align_vert_top {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}

/**
*---------------------------------------------------------------------------
* columns vertical align col center
*---------------------------------------------------------------------------
*/
.columns.align_vert_center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

/**
*---------------------------------------------------------------------------
* columns vertical align col right
*---------------------------------------------------------------------------
*/
.columns.align_vert_bottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}

/**
*---------------------------------------------------------------------------
* columns horizontal align col left
*---------------------------------------------------------------------------
*/
.columns.align_horiz_left {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

/**
*---------------------------------------------------------------------------
* columns horizontal align col center
*---------------------------------------------------------------------------
*/
.columns.align_horiz_center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

/**
*---------------------------------------------------------------------------
* columns horizontal align col right
*---------------------------------------------------------------------------
*/
.columns.align_horiz_right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

/**
*---------------------------------------------------------------------------
* columns wrap col
*---------------------------------------------------------------------------
*/
.columns.wrap_wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

/**
*---------------------------------------------------------------------------
* columns nowrap col
*---------------------------------------------------------------------------
*/
.columns.wrap_nowrap {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/**
*---------------------------------------------------------------------------
* column full width
*---------------------------------------------------------------------------
*/
.columns .col.full {
    width: 100%;
}

/**
*---------------------------------------------------------------------------
* column 1/3
*---------------------------------------------------------------------------
*/
.columns .col.one_third {
    width: 33%;
}

/**
*---------------------------------------------------------------------------
* column 2/3
*---------------------------------------------------------------------------
*/
.columns .col.two_third {
    width: 66%;
}

/**
*---------------------------------------------------------------------------
* column 1/4
*---------------------------------------------------------------------------
*/
.columns .col.one_fourth {
    width: 25%;
}

/**
*---------------------------------------------------------------------------
* column 2/4
*---------------------------------------------------------------------------
*/
.columns .col.two_fourth {
    width: 50%;
}

/**
*---------------------------------------------------------------------------
* column 3/4
*---------------------------------------------------------------------------
*/
.columns .col.three_fourth {
    width: 75%;
}

/**
*---------------------------------------------------------------------------
* buttons
*---------------------------------------------------------------------------
*/
.button {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    margin: 0;
    background: rgb(232, 126, 4);
    border: none;
    outline: none;
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);

    cursor: pointer;

    text-align: center;
    font-size: 15pt;
    color: rgb(255, 255, 255);
}

.button:hover,
.button:focus {
    background: rgb(211, 84, 0);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

/* download */
.button.btn_download {
    font-size: 20pt;
    font-weight: lighter;
    text-shadow: none;
    padding: 15px 20px;
}

.button.btn_download:hover,
.button.btn_download:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

/* small button */
.button.btn_small {
    font-size: 11pt;
    font-weight: normal;
    text-shadow: none;
    padding: 5px 10px;
}

/* normal button */
.button.btn_normal {
    font-size: 12pt;
    font-weight: normal;
    text-shadow: none;
    padding: 10px 15px;
}

/* medium button */
.button.btn_medium {
    font-size: 13pt;
    font-weight: lighter;
    text-shadow: none;
    padding: 10px 15px;
}

/* large button */
.button.btn_large {
    font-size: 20pt;
    font-weight: lighter;
    text-shadow: none;
    padding: 15px 20px;
}

/* inherit button */
.button.btn_inherit {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
}

/* green button */
.button.btn_blue {
    background: rgb(52, 152, 219);
}

.button.btn_blue:hover,
.button.btn_blue:focus {
    background: rgb(37, 116, 169);
}

.button.btn_outline.btn_blue {
    background: none;
    box-shadow: 0 0 0 1px rgb(52, 152, 219);
    color: rgb(52, 152, 219);
}

.button.btn_outline.btn_blue:hover,
.button.btn_outline.btn_blue:focus {
    background: rgb(52, 152, 219);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

/* green button */
.button.btn_green {
    background: rgb(0, 177, 106);
}

.button.btn_green:hover,
.button.btn_green:focus {
    background: rgb(30, 130, 76);
}

.button.btn_outline.btn_green {
    background: none;
    box-shadow: 0 0 0 1px rgb(0, 177, 106);
    color: rgb(0, 177, 106);
}

.button.btn_outline.btn_green:hover,
.button.btn_outline.btn_green:focus {
    background: rgb(0, 177, 106);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

/* orange button */
.button.btn_orange {
    background: rgb(232, 126, 4);
}

.button.btn_orange:hover,
.button.btn_orange:focus {
    background: rgb(211, 84, 0);
}

.button.btn_outline.btn_orange {
    background: none;
    box-shadow: 0 0 0 1px rgb(232, 126, 4);
    color: rgb(232, 126, 4);
}

.button.btn_outline.btn_orange:hover,
.button.btn_outline.btn_orange:focus {
    background: rgb(232, 126, 4);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

/* purple button */
.button.btn_purple {
    background: rgb(142, 68, 173);
}

.button.btn_purple:hover,
.button.btn_purple:focus {
    background: rgb(103, 65, 114);
}

.button.btn_outline.btn_purple {
    background: none;
    box-shadow: 0 0 0 1px rgb(142, 68, 173);
    color: rgb(142, 68, 173);
}

.button.btn_outline.btn_purple:hover,
.button.btn_outline.btn_purple:focus {
    background: rgb(142, 68, 173);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

/* red button */
.button.btn_red {
    background: rgb(217, 30, 24);
}

.button.btn_red:hover,
.button.btn_red:focus {
    background: rgb(150, 40, 27);
}

.button.btn_outline.btn_red {
    background: none;
    box-shadow: 0 0 0 1px rgb(217, 30, 24);
    color: rgb(217, 30, 24);
}

.button.btn_outline.btn_red:hover,
.button.btn_outline.btn_red:focus {
    background: rgb(217, 30, 24);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

/* black button */
.button.btn_black {
    background: rgba(0, 0, 0, 0.7);
}

.button.btn_black:hover,
.button.btn_black:focus {
    background: rgba(0, 0, 0, 0.9);
}

.button.btn_outline.btn_black {
    background: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.7);
}

.button.btn_outline.btn_black:hover,
.button.btn_outline.btn_black:focus {
    background: rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

/* hover info */
.button .info {
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 80%;
    left: 0;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 0.5s ease-out;

    font-style: normal;
    font-weight: lighter;
    font-size: inherit;
    color: inherit;
}

.button:hover .info,
.button:focus .info {
    visibility: visible;
    opacity: 1;
    top: 100%;
    transition: 0.3s ease-out;
}

/* info font size */
.button .info.small {
    font-size: 9pt;
}

.button .info.normal {
    font-size: 12pt;
}

.button .info.medium {
    font-size: 14pt;
}

.button .info.big {
    font-size: 18pt;
}

/* info color */
.button.btn_blue.info_box_colored .info {
    color: rgb(52, 152, 219);
}

.button.btn_green.info_box_colored .info {
    color: rgb(0, 177, 106);
}

.button.btn_orange.info_box_colored .info {
    color: rgb(232, 126, 4);
}

.button.btn_purple.info_box_colored .info {
    color: rgb(142, 68, 173);
}

.button.btn_red.info_box_colored .info {
    color: rgb(217, 30, 24);
}

/* switch on/off */
.button.btn_switcher {
    display: inline-block;
    padding: 5px;
    background: none;
    cursor: pointer;
}

.button.btn_switcher .flex_content {
    /* old version of flex */
    display: -webkit-box;
    display: -moz-box;

    /* flex box */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* flex box params */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;

    width: 100%;
}

.button.btn_switcher .flex_content span.label {
    font-size: 11pt;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5);
}

.button.btn_switcher .flex_content .switch,
.button.btn_switcher .flex_content .switch span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition: 0.3s cubic-bezier(.35, .97, .68, 1.04);
}

.button.btn_switcher .flex_content .switch {
    display: block;
    position: relative;
    width: 40px;
    height: 20px;
    padding: 0;
    margin: 0 5px;
    border-radius: 100px;
}

.button.btn_switcher .flex_content .switch span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.button.btn_switcher .flex_content .switch span.bg {
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    transition: 0.3s cubic-bezier(.35, .97, .68, 1.04) 0s;
}

.button.btn_switcher.checked .flex_content .switch span.bg {
    background: rgba(63, 195, 128, 1);
    transition: 0.3s cubic-bezier(.35, .97, .68, 1.04) 0.1s;
}

.button.btn_switcher .flex_content .switch span.selector {
    width: 20px;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);

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

.button.btn_switcher.checked .flex_content .switch span.selector {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

/**
* Email fake link
* Note: this style is used to make a clickable (js) tag (span) to look like a real link
*/

/**
*---------------------------------------------------------------------------
* email link
*---------------------------------------------------------------------------
*/
span.email_link {
    display: inline-block;
    text-decoration: underline;
    color: rgb(52, 152, 219);

    cursor: pointer;
    transition: 0.3s;
}

span.email_link:hover,
span.email_link:focus {
    text-decoration: none;
    color: rgb(37, 116, 169);
    transition: 0.3s;
}

/**
*---------------------------------------------------------------------------
* flex wrapper
* Note: this container is used to align elements (like buttons)
*       to the center (x & y)
*---------------------------------------------------------------------------
*/
.flex_wrapper {
    /* old version of flex */
    display: -webkit-box;
    display: -moz-box;

    /* flex box */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* flex box params */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;

    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    align-content: center;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.flex_wrapper .button {
    margin: 0 0.5%;
}


/**
* Generic page classes
*/

/**
*---------------------------------------------------------------------------
* background image
*---------------------------------------------------------------------------
*/
.cover_image {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/**
*---------------------------------------------------------------------------
* page wrappers
*---------------------------------------------------------------------------
*/
.page_wrapper,
.page_content,
main[role="main"],
div[role="main"] {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

/**
*---------------------------------------------------------------------------
* content wrapper
* note: mainly used to align content
*---------------------------------------------------------------------------
*/
.wrapper {
    display: block;
    position: relative;
    width: 90%;
    max-width: 960px;
    padding: 2% 0;
    margin: 0 auto;
}

/**
*---------------------------------------------------------------------------
* list & list items in the wrapper
*---------------------------------------------------------------------------
*/
.wrapper ul,
.wrapper ol {
    padding: 10px 0 10px 30px;
    margin: 1% 0;
}

.wrapper ul li,
.wrapper ol li {
    padding: 5px 0;

    font-family: Arial, Verdana, Geneva, sans-serif;
    font-weight: lighter;
    font-style: normal;
    line-height: 1.3;
    font-size: 12pt;
}

/**
* Prevent list style styles override
*/
.wrapper .list_style {
    padding: 1% 0;
    margin: 1% 0;
}

.wrapper .list_style li {
    padding-left: 35px !important;
    font-size: 13pt;
}

/**
* Header
*/

/**
*---------------------------------------------------------------------------
* page header
*---------------------------------------------------------------------------
*/
.page_wrapper header.main_header {
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}

.page_wrapper header.main_header .header_content {
    display: table;
    position: relative;
    min-width: 960px;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
}


/**
* Effects
*/

/**
*---------------------------------------------------------------------------
* blurred background
*---------------------------------------------------------------------------
*/
.blurred {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    transition: 0.5s;
}

.blurred.low_blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}

.blurred.medium_blur {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -ms-filter: blur(8px);
    -o-filter: blur(8px);
    filter: blur(8px);
}

.blurred.high_blur {
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -ms-filter: blur(12px);
    -o-filter: blur(12px);
    filter: blur(12px);
}

.blurred.max_blur {
    -webkit-filter: blur(22px);
    -moz-filter: blur(22px);
    -ms-filter: blur(22px);
    -o-filter: blur(22px);
    filter: blur(22px);
}

/**
*---------------------------------------------------------------------------
* unblurred background
*---------------------------------------------------------------------------
*/
.no_blurred {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    transition: 0.5s;
}

/**
* FIX
* Special styles to fix element
* Note: here goes styles for elements skinned using external files
*       that we cannot directly modify
*/

/**
*---------------------------------------------------------------------------
* Main header navigation menu
* Note: this part is about to fix the display issue when scrolling
*       with sticky elements in the page
*---------------------------------------------------------------------------
*/
header.page-header,
body header.page-header {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

/**
* Animations
*/

/**
*---------------------------------------------------------------------------
* Fade in animation
*---------------------------------------------------------------------------
*/
@-webkit-keyframes FadeIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
}

@-moz-keyframes FadeIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
}

@-ms-keyframes FadeIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
}

/**
*---------------------------------------------------------------------------
* Fade out animation
*---------------------------------------------------------------------------
*/
@-webkit-keyframes FadeOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
}

@-moz-keyframes FadeOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
}

@-ms-keyframes FadeOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
}

@-o-keyframes FadeOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
}

@keyframes FadeOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
    }
}

/**
*---------------------------------------------------------------------------
* slide from right animation
*---------------------------------------------------------------------------
*/
@-webkit-keyframes SlideFromRight {
    from {
        -webkit-transform: translate3d(-30%, 0, 0);
        -moz-transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0);
        -o-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }
    to {
        -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);
    }
}

@-moz-keyframes SlideFromRight {
    from {
        -webkit-transform: translate3d(-30%, 0, 0);
        -moz-transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0);
        -o-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }
    to {
        -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);
    }
}

@-ms-keyframes SlideFromRight {
    from {
        -webkit-transform: translate3d(-30%, 0, 0);
        -moz-transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0);
        -o-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }
    to {
        -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);
    }
}

@-o-keyframes SlideFromRight {
    from {
        -webkit-transform: translate3d(-30%, 0, 0);
        -moz-transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0);
        -o-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }
    to {
        -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);
    }
}

@keyframes SlideFromRight {
    from {
        -webkit-transform: translate3d(-30%, 0, 0);
        -moz-transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0);
        -o-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }
    to {
        -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);
    }
}

/**
*---------------------------------------------------------------------------
* slide from left animation
*---------------------------------------------------------------------------
*/
@-webkit-keyframes SlideFromLeft {
    from {
        -webkit-transform: translate3d(30%, 0, 0);
        -moz-transform: translate3d(30%, 0, 0);
        -ms-transform: translate3d(30%, 0, 0);
        -o-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0);
    }
    to {
        -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);
    }
}

@-moz-keyframes SlideFromLeft {
    from {
        -webkit-transform: translate3d(30%, 0, 0);
        -moz-transform: translate3d(30%, 0, 0);
        -ms-transform: translate3d(30%, 0, 0);
        -o-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0);
    }
    to {
        -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);
    }
}

@-ms-keyframes SlideFromLeft {
    from {
        -webkit-transform: translate3d(30%, 0, 0);
        -moz-transform: translate3d(30%, 0, 0);
        -ms-transform: translate3d(30%, 0, 0);
        -o-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0);
    }
    to {
        -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);
    }
}

@-o-keyframes SlideFromLeft {
    from {
        -webkit-transform: translate3d(30%, 0, 0);
        -moz-transform: translate3d(30%, 0, 0);
        -ms-transform: translate3d(30%, 0, 0);
        -o-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0);
    }
    to {
        -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);
    }
}

@keyframes SlideFromLeft {
    from {
        -webkit-transform: translate3d(30%, 0, 0);
        -moz-transform: translate3d(30%, 0, 0);
        -ms-transform: translate3d(30%, 0, 0);
        -o-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0);
    }
    to {
        -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);
    }
}

/**
*---------------------------------------------------------------------------
* slide from bottom animation
*---------------------------------------------------------------------------
*/
@-webkit-keyframes SlideFromBottom {
    from {
        -webkit-transform: translate3d(0, 80%, 0);
        -moz-transform: translate3d(0, 80%, 0);
        -ms-transform: translate3d(0, 80%, 0);
        -o-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
    }
    to {
        -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);
    }
}

@-moz-keyframes SlideFromBottom {
    from {
        -webkit-transform: translate3d(0, 80%, 0);
        -moz-transform: translate3d(0, 80%, 0);
        -ms-transform: translate3d(0, 80%, 0);
        -o-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
    }
    to {
        -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);
    }
}

@-ms-keyframes SlideFromBottom {
    from {
        -webkit-transform: translate3d(0, 80%, 0);
        -moz-transform: translate3d(0, 80%, 0);
        -ms-transform: translate3d(0, 80%, 0);
        -o-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
    }
    to {
        -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);
    }
}

@-o-keyframes SlideFromBottom {
    from {
        -webkit-transform: translate3d(0, 80%, 0);
        -moz-transform: translate3d(0, 80%, 0);
        -ms-transform: translate3d(0, 80%, 0);
        -o-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
    }
    to {
        -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);
    }
}

@keyframes SlideFromBottom {
    from {
        -webkit-transform: translate3d(0, 80%, 0);
        -moz-transform: translate3d(0, 80%, 0);
        -ms-transform: translate3d(0, 80%, 0);
        -o-transform: translate3d(0, 80%, 0);
        transform: translate3d(0, 80%, 0);
    }
    to {
        -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);
    }
}

/**
* Page Backgrounds
*/

.intro.page-download .image_overlay {
    background-image: url('/images/main/page-download.jpg');
}

.intro.page-download-trial .image_overlay {
    background-image: url('/images/main/page-download-trial.jpg');
}

.intro.page-feedback .image_overlay {
    background-image: url('/images/main/page-feedback.jpg');
}

.page-product-ct .intro .image_overlay {
    background-image: url('/images/main/page-product-ct.jpg');
}

.page-product-ctc .intro .image_overlay {
    background-image: url('/images/main/page-product-ctc.jpg');
}

.page-product-ctp .intro .image_overlay {
    background-image: url('/images/main/page-product-ctp.jpg');
}

.page-product-ctm .intro .image_overlay {
    background-image: url('/images/main/page-product-ctm.jpg');
}

.page-product-cta .intro .image_overlay {
    background-image: url('/images/main/page-product-cta.jpg');
}

.page-product-cts .intro .image_overlay {
    background-image: url('/images/main/page-product-cts.jpg');
}

.page-product-ctts .intro .image_overlay {
    background-image: url('/images/main/page-product-ctts.jpg');
}

.page-product-bundle .intro .image_overlay,
.page-product-bundle .download_buy .image_overlay {
    background-image: url('/images/bundle/bg.png');
}

.page-product-ephpod .intro .image_overlay {
    background-image: url('/images/main/page-product-ephpod.jpg');
}

.page-product-heic .intro .image_overlay {
    background-image: url('/images/main/page-product-heic.png');
}

.lang-jp .page-product-heic .intro .image_overlay {
    background-image: url('/images/main/page-product-heic-jp.png');
}

.page-product-heic .outro .image_overlay {
    background-image: url('/images/heic/bottom-background.png');
}

.lang-jp .page-product-heic .outro .image_overlay {
    background-image: url('/images/main/page-product-heic-jp.png');
}

/**
* Responsiveness
*/

/**
*---------------------------------------------------------------------------
* tablets & phablets
*---------------------------------------------------------------------------
*/
@media screen and (max-width: 860px) {
    .show-slider-banner .slider-banner {
        display: none !important;
    }

    /* Page Backgrounds */
    .intro.page-download .image_overlay {
        background-image: url('/images/main/page-download-860.jpg');
        background-size: auto;
    }

    .intro.page-download-trial .image_overlay {
        background-image: url('/images/main/page-download-trial-860.jpg');
        background-size: auto;
    }

    .intro.page-feedback .image_overlay {
        background-image: url('/images/main/page-feedback-860.jpg');
        background-size: auto 100%;
    }

    .page-product-ct .intro .image_overlay {
        background-image: url('/images/main/page-product-ct-860.jpg');
        background-size: auto;
    }

    .page-product-ctc .intro .image_overlay {
        background-image: url('/images/main/page-product-ctc-860.jpg');
    }

    .page-product-ctp .intro .image_overlay {
        background-image: url('/images/main/page-product-ctp-860.jpg');
    }

    .page-product-ctm .intro .image_overlay {
        background-image: url('/images/main/page-product-ctm-860.jpg');
    }

    .page-product-cta .intro .image_overlay {
        background-image: url('/images/main/page-product-cta-860.jpg');
    }

    .page-product-cts .intro .image_overlay {
        background-image: url('/images/main/page-product-cts-860.jpg');
    }

    .page-product-ctts .intro .image_overlay {
        background-image: url('/images/main/page-product-ctts-860.jpg');
    }

    .page-product-4p .intro .image_overlay {
        background-image: url('/images/bundle/bg-860.png');
    }

    .page-product-ephpod .intro .image_overlay {
        background-image: url('/images/main/page-product-ephpod-860.jpg');
    }

    .page-product-heic .intro .image_overlay {
        background-image: url('/images/main/page-product-heic-860.png');
    }

    .lang-jp .page-product-heic .intro .image_overlay {
        background-image: url('/images/main/page-product-heic-jp-860.png');
    }

    .page-product-heic .outro .image_overlay {
        background-image: url('/images/heic/bottom-background.png');
    }

    .lan-jp .page-product-heic .outro .image_overlay {
        background-image: url('/images/main/page-product-heic-jp-860.png');
    }

    /**
    *---------------------------------------------------------------------------
    * html document
    *---------------------------------------------------------------------------
    */
    html.copytrans_website {
        margin: 0 !important;
    }

    /**
    *---------------------------------------------------------------------------
    * section wrapper
    *---------------------------------------------------------------------------
    */
    section .wrapper {
        padding: 8% 0;
    }

    /**
    *---------------------------------------------------------------------------
    * columns
    *---------------------------------------------------------------------------
    */
    .columns.row_2 .col,
    .columns.row_3 .col,
    .columns.row_4 .col,
    .columns .col.one_third,
    .columns .col.two_third {
        width: 100%;
        margin: 2% auto;
    }

    .columns.row_3 .col,
    .columns.row_4 .col {
        width: 50%;
    }

    /**
    *---------------------------------------------------------------------------
    * columns nowrap col
    * Note: force to wrap for mobile & tablet
    *---------------------------------------------------------------------------
    */
    .columns.wrap_nowrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /**
    *---------------------------------------------------------------------------
    * buttons info
    *---------------------------------------------------------------------------
    */
    .button .info,
    .button:hover .info,
    .button:focus .info {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    /**
    *---------------------------------------------------------------------------
    * copytrans logo
    *---------------------------------------------------------------------------
    */
    .trademark_overlay {
        display: none;
        visibility: hidden;
        opacity: 0;
        transition: 0.3s;
    }
}

/**
*---------------------------------------------------------------------------
* phablets & phone
*---------------------------------------------------------------------------
*/
@media screen and (max-width: 680px) {

    .intro.page-download .image_overlay {
        background: linear-gradient(50deg, #c04848 10%, #480048 90%);
    }

    .intro.page-feedback .image_overlay {
        background-image: none;
    }

    section.intro.page-feedback .color_overlay {
        opacity: 1;
    }

    /**
    *---------------------------------------------------------------------------
    * columns
    *---------------------------------------------------------------------------
    */
    .columns .col {
        width: 100% !important;
        margin: 2% auto !important;
    }

    /**
    *---------------------------------------------------------------------------
    * flex wrapper with child buttons
    *---------------------------------------------------------------------------
    */
    .flex_wrapper .button {
        margin: 2% 0.5%;
    }

    .page-product-4p .intro .image_overlay {
        background-image: url('/images/bundle/bg-680.png');
    }
}

.logged-in.admin-bar .page-header {
    top: 32px;
}

.alert, .alert-title {
    padding: 1.75rem 2.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.alert-title {
    padding: 2rem 0 2rem 7rem;
    margin-bottom: 0;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI4LjkzNyAyOC45MzciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjkzNyAyOC45Mzc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjguODU5LDI2LjEyNEwxNC45NTcsMi4yNDVjLTAuMTAxLTAuMTczLTAuMjg3LTAuMjc5LTAuNDg5LTAuMjc5Yy0wLjE5OCwwLTAuMzgzLDAuMTA2LTAuNDgxLDAuMjc5TDAuMDc5LDI2LjEyNCAgIGMtMC4xMDIsMC4xNzUtMC4xMDYsMC4zODktMC4wMDYsMC41NjVjMC4xMDMsMC4xNzQsMC4yODcsMC4yODIsMC40ODgsMC4yODJoMjcuODE0YzAuMjAxLDAsMC4zODktMC4xMDgsMC40ODgtMC4yODIgICBjMC4wNDctMC4wODgsMC4wNzQtMC4xODYsMC4wNzQtMC4yODFDMjguOTM4LDI2LjMwOSwyOC45MTEsMjYuMjExLDI4Ljg1OSwyNi4xMjR6IE0xNi4zNjksMTAuNDQxbC0wLjQ2Miw5LjQ5M2gtMi4zODkgICBsLTAuNDYxLTkuNDkzSDE2LjM2OXogTTE0LjcxMSwyNC43OTRoLTAuMDQyYy0xLjA4OSwwLTEuODQzLTAuODE3LTEuODQzLTEuOTA3YzAtMS4xMzEsMC43NzQtMS45MDcsMS44ODUtMS45MDcgICBzMS44NDYsMC43NzUsMS44NjcsMS45MDdDMTYuNTc5LDIzLjk3NywxNS44NDQsMjQuNzk0LDE0LjcxMSwyNC43OTR6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat 2rem 1rem;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

.alert-danger a {
    text-decoration: underline;
    color: #480705;
}

.alert-title {
    background-color: #a94442;
    color: #fff;
}

.alert h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.on-column-content {
    margin-bottom: 300px;
}

/**
*---------------------------------------------------------------------------
* Logo Sprites
*---------------------------------------------------------------------------
*/

.bg-logos span {
    transition: .3s;
    display: inline-block;
    -webkit-filter: grayscale(1); /* Old WebKit */
    filter: grayscale(1);
    opacity: 0.5;
}

.bg-logos a:hover span {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

/*
  Customs
*/

.display-1, .wrapper .display-1 {
    font-size: 48px;
}

.display-2, .wrapper .display-2 {
    font-size: 30px !important;
}

.display-3, .wrapper .display-3 {
    font-size: 26px;
}

.display-4, .wrapper .display-4 {
    font-size: 23px;
}

.display-5, .wrapper .display-5 {
    font-size: 21px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.faq-list {

}

.wrapper .faq-list ul li, .wrapper .faq-list ol li {
    font-size: 11pt;
}

.faq-list dt {
    cursor: pointer;
    background: #e0e0e0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='79' viewBox='0 0 20.902083 20.902084'%3E%3Cg transform='translate%280 -276.1%29'%3E%3Crect width='20.902' height='5.2917' x='-297' y='7.8052' paint-order='stroke fill markers' rx='.52917' ry='.52917' transform='rotate%28-90%29'/%3E%3Crect width='20.902' height='5.2917' x='4.5e-7' y='283.9' paint-order='stroke fill markers' rx='.52917' ry='.52917'/%3E%3C/g%3E%3C/svg%3E%0A") 20px 20px no-repeat;
    background-size: 20px;
}

.faq-list dt.minus {
    background: #e0e0e0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='79' viewBox='0 0 20.902083 20.902084'%3E%3Crect width='20.902' height='5.2917' x='4.5e-7' y='283.9' paint-order='stroke fill markers' rx='.52917' ry='.52917' transform='translate%280 -276.1%29'/%3E%3C/svg%3E%0A") 20px 20px no-repeat;
    background-size: 20px;
}

.faq-list dd {
    background-color: #e0e0e0;
}

.faq-list dt {
    font-weight: bold;
    padding: 20px 20px 20px 60px;
    margin-top: 20px;
}

.faq-list dd {
    display: block;
    margin-left: 0;
    padding: 0 20px 20px 60px;
}

.faq-list dd.closed {
    display: none;
}

/* animation */
@keyframes slider_banner_new_year {
    0% {
        background-position: 50% 0;
    }
    32.9999% {
        background-position: 50% 0;
    }
    33% {
        background-position: 50% -166px;
    }
    65.9999% {
        background-position: 50% -166px;
    }
    66% {
        background-position: 50% -332px;
    }
    99.9999% {
        background-position: 50% -332px;
    }
    100% {
        background-position: 50% 0;
    }
}

/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/

[class*='grid'],
[class*='col-'],
[class*='mobile-'],
.grid:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='col-'] {
    float: left;
    min-height: 1px;
    padding-right: 20px; /* column-space */
}

[class*='col-'] [class*='col-']:last-child {
    padding-right: 0;
}

.max-w-50 {
    max-width: 50% !important;
}

.grid {
    width: 100%;
    max-width: 1140px;
    min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
    margin: 0 auto;
    overflow: hidden;
}

.grid.w-80 {
    width: 80%;
}

.grid.w-70 {
    width: 70%;
}

.grid:after {
    content: "";
    display: table;
    clear: both;
}

.grid-pad {
    padding-top: 20px;
    padding-left: 20px; /* grid-space to left */
    padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
    float: right;
}

/* Content Columns */

.col-1-1 {
    width: 100%;
}

.col-2-3, .col-8-12 {
    width: 66.66%;
}

.col-1-2, .col-6-12 {
    width: 50%;
}

.col-1-3, .col-4-12 {
    width: 33.33%;
}

.col-1-4, .col-3-12 {
    width: 25%;
}

.col-1-5 {
    width: 20%;
}

.col-3-5 {
    width: 60%;
}

.col-1-6, .col-2-12 {
    width: 16.667%;
}

.col-1-7 {
    width: 14.28%;
}

.col-1-8 {
    width: 12.5%;
}

.col-1-9 {
    width: 11.1%;
}

.col-1-10 {
    width: 10%;
}

.col-1-11 {
    width: 9.09%;
}

.col-1-12 {
    width: 8.33%
}

/* Layout Columns */

.col-11-12 {
    width: 91.66%
}

.col-10-12 {
    width: 83.333%;
}

.col-9-12 {
    width: 75%;
}

.col-5-12 {
    width: 41.66%;
}

.col-7-12 {
    width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
    margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
    margin-left: 50%;
}

.push-1-3, .push-4-12 {
    margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
    margin-left: 25%;
}

.push-1-5 {
    margin-left: 20%;
}

.push-1-6, .push-2-12 {
    margin-left: 16.667%;
}

.push-1-7 {
    margin-left: 14.28%;
}

.push-1-8 {
    margin-left: 12.5%;
}

.push-1-9 {
    margin-left: 11.1%;
}

.push-1-10 {
    margin-left: 10%;
}

.push-1-11 {
    margin-left: 9.09%;
}

.push-1-12 {
    margin-left: 8.33%
}

@media handheld, only screen and (max-width: 767px) {
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px; /* grid-space to left */
        padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
    }

    .grid.w-80 {
        width: 100%;
    }

    .grid.w-70 {
        width: 100%;
    }

    [class*='col-'] {
        width: auto;
        float: none;
        margin: 10px 0;
        padding-left: 0;
        padding-right: 10px; /* column-space */
    }

    [class*='col-'] [class*='col-'] {
        padding-right: 0;
    }

    /* Mobile Layout */
    [class*='mobile-col-'] {
        float: left;
        margin: 0 0 10px;
        padding-left: 0;
        padding-right: 10px; /* column-space */
        padding-bottom: 0;
    }

    .mobile-col-1-1 {
        width: 100%;
    }

    .mobile-col-2-3, .mobile-col-8-12 {
        width: 66.66%;
    }

    .mobile-col-1-2, .mobile-col-6-12 {
        width: 50%;
    }

    .mobile-col-1-3, .mobile-col-4-12 {
        width: 33.33%;
    }

    .mobile-col-1-4, .mobile-col-3-12 {
        width: 25%;
    }

    .mobile-col-1-5 {
        width: 20%;
    }

    .mobile-col-1-6, .mobile-col-2-12 {
        width: 16.667%;
    }

    .mobile-col-1-7 {
        width: 14.28%;
    }

    .mobile-col-1-8 {
        width: 12.5%;
    }

    .mobile-col-1-9 {
        width: 11.1%;
    }

    .mobile-col-1-10 {
        width: 10%;
    }

    .mobile-col-1-11 {
        width: 9.09%;
    }

    .mobile-col-1-12 {
        width: 8.33%
    }

    /* Layout Columns */
    .mobile-col-11-12 {
        width: 91.66%
    }

    .mobile-col-10-12 {
        width: 83.333%;
    }

    .mobile-col-9-12 {
        width: 75%;
    }

    .mobile-col-5-12 {
        width: 41.66%;
    }

    .mobile-col-7-12 {
        width: 58.33%
    }

    .hide-on-mobile {
        display: none !important;
        width: 0;
        height: 0;
    }
}