.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled],
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active {
    background-color: #6999a8;
    border-color: #5b8d9d;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge {
    color: #6999a8;
    background-color: white;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus {
    color: white;
    background-color: #517e8d;
    border-color: #2c444c;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover {
    color: white;
    background-color: #517e8d;
    border-color: #446a76;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info {
    color: white;
    background-color: #517e8d;
    border-color: #446a76;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus {
    color: white;
    background-color: #446a76;
    border-color: #2c444c;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info {
    background-image: none;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled],
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active {
    background-color: #6999a8;
    border-color: #5b8d9d;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge {
    color: #6999a8;
    background-color: white;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning {
    color: white;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus {
    color: white;
    background-color: #ec971f;
    border-color: #985f0d;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover {
    color: white;
    background-color: #ec971f;
    border-color: #d58512;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning {
    color: white;
    background-color: #ec971f;
    border-color: #d58512;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus {
    color: white;
    background-color: #d58512;
    border-color: #985f0d;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning {
    background-image: none;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled],
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge {
    color: #f0ad4e;
    background-color: white;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus {
    color: white;
    background-color: #ec971f;
    border-color: #985f0d;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover {
    color: white;
    background-color: #ec971f;
    border-color: #d58512;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning {
    color: white;
    background-color: #ec971f;
    border-color: #d58512;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus {
    color: white;
    background-color: #d58512;
    border-color: #985f0d;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning {
    background-image: none;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled],
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge {
    color: #f0ad4e;
    background-color: white;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger {
    color: white;
    background-color: #e6586c;
    border-color: #e34258;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus {
    color: white;
    background-color: #df2c45;
    border-color: #901527;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover {
    color: white;
    background-color: #df2c45;
    border-color: #c91e36;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger {
    color: white;
    background-color: #df2c45;
    border-color: #c91e36;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus {
    color: white;
    background-color: #c91e36;
    border-color: #901527;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger {
    background-image: none;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled],
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active {
    background-color: #e6586c;
    border-color: #e34258;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge {
    color: #e6586c;
    background-color: white;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus {
    color: white;
    background-color: #df2c45;
    border-color: #901527;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover {
    color: white;
    background-color: #df2c45;
    border-color: #c91e36;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger {
    color: white;
    background-color: #df2c45;
    border-color: #c91e36;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus {
    color: white;
    background-color: #c91e36;
    border-color: #901527;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active,
.open>.dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger {
    background-image: none;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled],
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active,
.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active,
fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active {
    background-color: #e6586c;
    border-color: #e34258;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge {
    color: #e6586c;
    background-color: white;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

.o_ace_view_editor .btn:not(.o_btn_preview).btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

.o_ace_view_editor .form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #d4d5d7;
    color: #555;
    background-color: #fff;
    border-radius: 0;
}

#PlannerDialog {
    top: 56px;
    box-shadow: 0 3px 9px #666666;
}

.tour .popover-navigation {
    margin-left: 13px;
    margin-bottom: 8px;
}

/* /website/static/src/less/website.wrapwrap.less defined in bundle 'web.assets_frontend' */
#wrapwrap {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

#wrapwrap>* {
    display: table-row;
}

#wrapwrap>main {
    height: 100%;
}

header a.navbar-brand.logo {
    padding: 0 15px;
}

header a.navbar-brand img {
    max-height: 35px;
    margin-top: 8px;
}

footer {
    background-color: #F8F8F8;
}

footer #footer {
    padding-top: 32px;
}

.o_hidden {
    display: none !important;
}

.o_text_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.o_div_text_overflow *>div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.jumbotron {
    margin-bottom: 0;
}

.oe_img_bg {
    background-size: cover;
    background-repeat: no-repeat;
}

.oe_img_bg.o_bg_img_opt_contain {
    background-size: contain;
    background-position: center center;
}

.oe_img_bg.o_bg_img_opt_custom {
    background-size: auto;
}

.oe_img_bg.o_bg_img_opt_repeat {
    background-repeat: repeat;
}

.oe_img_bg.o_bg_img_opt_repeat_x {
    background-repeat: repeat-x;
}

.oe_img_bg.o_bg_img_opt_repeat_y {
    background-repeat: repeat-y;
}

.oe_dark {
    background-color: rgba(200, 200, 200, 0.14);
}

.oe_black {
    background-color: rgba(0, 0, 0, 0.9);
    color: white;
}

.oe_green {
    background-color: #169C78;
    color: white;
}

.oe_green .text-muted {
    color: #ddd;
}

.oe_blue_light {
    background-color: #41b6ab;
    color: white;
}

.oe_blue_light .text-muted {
    color: #ddd;
}

.oe_blue {
    background-color: #34495e;
    color: white;
}

.oe_orange {
    background-color: #f05442;
    color: white;
}

.oe_orange .text-muted {
    color: #ddd;
}

.oe_purple {
    background-color: #b163a3;
    color: white;
}

.oe_purple .text-muted {
    color: #ddd;
}

.oe_red {
    background-color: #9C1b31;
    color: white;
}

.oe_red .text-muted {
    color: #ddd;
}

.oe_none {
    background-color: #FFFFFF;
}

.oe_yellow {
    background-color: #A2A51B;
}

.oe_green {
    background-color: #149F2C;
}

ul {
    list-style-type: disc;
}

li>ul {
    list-style-type: circle;
}

li>*>li>ul {
    list-style-type: square;
}

li>*>li>*>li>ul {
    list-style-type: disc;
}

li>*>li>*>li>*>li>ul {
    list-style-type: circle;
}

li>*>li>*>li>*>li>*>li>ul {
    list-style-type: square;
}

li>*>li>*>li>*>li>*>li>*>li>ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

li>ol {
    list-style-type: lower-alpha;
}

li>*>li>ol {
    list-style-type: lower-greek;
}

li>*>li>*>li>ol {
    list-style-type: decimal;
}

li>*>li>*>li>*>li>ol {
    list-style-type: lower-alpha;
}

li>*>li>*>li>*>li>*>li>ol {
    list-style-type: lower-greek;
}

li>*>li>*>li>*>li>*>li>*>li>ol {
    list-style-type: decimal;
}

li>p {
    margin: 0;
}

font[style*='background'],
font[class*='bg-'] {
    padding: 0 2px;
}

hr {
    padding: 4px 0;
}

.o_ul_toggle_self,
.o_ul_toggle_next {
    display: none;
}

.o_ul_folded .o_close {
    display: none !important;
}

.o_ul_folded .o_ul_toggle_self,
.o_ul_folded .o_ul_toggle_next {
    display: inline-block;
    line-height: inherit;
    float: left;
    position: relative;
    margin-left: -1em;
    top: -0.15em;
    left: 0.2em;
    font-size: 1.4em;
    text-decoration: none;
}

.o_ul_folded .o_ul_toggle_self.o_open:before,
.o_ul_folded .o_ul_toggle_next.o_open:before {
    content: "";
}

.o_ul_folded .o_ul_toggle_self:before,
.o_ul_folded .o_ul_toggle_next:before {
    content: "";
}

.container {
    max-width: 100%;
}

.container .container {
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.navbar.navbar-static-top {
    margin-bottom: 0;
}

.navbar.navbar-static-top ul.nav>li.divider {
    margin-top: 15px;
    padding-top: 20px;
    border-right: 1px solid grey;
}

ul.nav-stacked>li>a {
    padding: 2px 15px;
}

[class^="col-md-"] {
    min-height: 24px;
}

.css_published .btn-danger,
.css_published .css_publish {
    display: none;
}

.css_unpublished .btn-success,
.css_unpublished .css_unpublish {
    display: none;
}

[data-publish='off']>*:not(.css_options) {
    opacity: 0.5;
}

::-moz-selection {
    background: rgba(150, 150, 220, 0.3);
}

::selection {
    background: rgba(150, 150, 220, 0.3);
}

.oe_demo {
    position: relative;
}

.oe_demo img {
    width: 100%;
}

.oe_demo div {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0.85;
    width: 100%;
    padding: 7px;
    color: white;
    font-weight: bold;
}

.oe_demo div a {
    color: white;
}

.oe_search_box {
    padding-right: 23px;
}

.para_large {
    font-size: 120%;
}

.jumbotron .para_large p {
    font-size: 150%;
}

.readable {
    font-size: 120%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.readable .container {
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

/* /website/static/src/less/website.snippets.less defined in bundle 'web.assets_frontend' */
.carousel,
.parallax,
.blockquote {
    overflow: hidden;
}

@media (max-width: 400px) {

    section,
    .parallax,
    .row,
    .hr,
    .blockquote {
        height: auto !important;
    }
}

.s_text_block_image_fw .container {
    padding: 0 30px;
}

.s_text_block_image_fw .container>.row>div {
    padding: 30px;
}

.table_desc {
    margin: 0 0 20px 0;
    width: 100%;
    word-break: break-all;
    border: 1px solid #dddddd;
}

.table_heading {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 14px;
    padding: 4px;
}

table.table_desc tr td {
    text-align: left;
    padding: 5px;
    font-size: 13px;
}

table.table_desc tr td:first-child {
    width: 25%;
    font-weight: bold;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-left: none;
}

table.table_desc tr td:last-child {
    border-bottom: 1px solid #c9c9c9;
}

.s_comparisons .panel .list-group-item:not(.active) {
    color: #666;
}

.s_references .img-thumbnail {
    border: none;
}

.o_image_floating {
    width: 40%;
    margin: 4px;
}

.o_image_floating div.o_container {
    position: relative;
}

.o_image_floating.o_margin_s {
    margin-bottom: 4px;
}

.o_image_floating.o_margin_s.pull-right {
    margin-left: 8px;
}

.o_image_floating.o_margin_s.pull-left {
    margin-right: 8px;
}

.o_image_floating.o_margin_m {
    margin-bottom: 8px;
}

.o_image_floating.o_margin_m.pull-right {
    margin-left: 12px;
}

.o_image_floating.o_margin_m.pull-left {
    margin-right: 12px;
}

.o_image_floating.o_margin_l {
    margin-bottom: 12px;
}

.o_image_floating.o_margin_l.pull-right {
    margin-left: 16px;
}

.o_image_floating.o_margin_l.pull-left {
    margin-right: 16px;
}

.o_image_floating.o_margin_xl {
    margin-bottom: 24px;
}

.o_image_floating.o_margin_xl.pull-right {
    margin-left: 32px;
}

.o_image_floating.o_margin_xl.pull-left {
    margin-right: 32px;
}

.carousel-inner {
    height: 100%;
}

.carousel-inner .item {
    height: 100%;
}

.carousel-inner .carousel-control {
    cursor: pointer;
}

.carousel-inner .carousel-control span {
    top: 50%;
    position: absolute;
    margin-top: -8px;
}

.carousel .carousel-control.left {
    left: -10px;
}

.carousel .carousel-control.left * {
    position: absolute;
    top: 50%;
    z-index: 5;
    right: 50%;
}

.carousel .carousel-control.right {
    right: -10px;
}

.carousel .carousel-control.right * {
    position: absolute;
    top: 50%;
    z-index: 5;
    left: 50%;
}

.quotecarousel {
    padding-bottom: 16px;
}

div.carousel .container>.carousel-caption {
    position: absolute;
    top: auto;
    left: 50%;
    bottom: auto;
    right: 50%;
    bottom: 20px;
}

div.carousel .container>.carousel-caption>div {
    position: absolute;
    text-align: left;
    padding: 20px;
    background: rgba(0, 0, 0, 0.4);
    bottom: 20px;
}

div.carousel .container>.carousel-image {
    position: absolute;
    top: 5%;
    left: auto;
    bottom: 5%;
    right: auto;
    max-height: 90%;
    margin: 0 auto;
}

div.carousel .container .item.text_image .container>.carousel-caption {
    left: 10%;
}

div.carousel .container .item.text_image .container>.carousel-caption>div {
    right: 50%;
    margin-right: -20%;
    max-width: 550px;
}

div.carousel .container .item.text_image .container>.carousel-image {
    right: 10%;
    left: 50%;
}

div.carousel .container .item.image_text .container>.carousel-caption {
    right: 10%;
}

div.carousel .container .item.image_text .container>.carousel-caption>div {
    left: 50%;
    margin-left: -20%;
    max-width: 550px;
}

div.carousel .container .item.image_text .container>.carousel-image {
    right: 50%;
    left: 10%;
}

div.carousel .container .item.text_only .container>.carousel-caption {
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: auto;
}

div.carousel .container .item.text_only .container>.carousel-caption>div {
    text-align: center;
    background: transparent;
    bottom: auto;
    width: 100%;
}

div.carousel .container .item.text_only .container>.carousel-image {
    display: none !important;
}

.o_gallery.o_grid .img,
.o_gallery.o_masonry .img {
    width: 100%;
}

.o_gallery.o_grid.o_spc-none div.row {
    margin: 0;
}

.o_gallery.o_grid.o_spc-none div.row * {
    padding: 0;
}

.o_gallery.o_grid.o_spc-small div.row {
    margin: 5px 0;
}

.o_gallery.o_grid.o_spc-small div.row * {
    padding: 0 5px;
}

.o_gallery.o_grid.o_spc-medium div.row {
    margin: 10px 0;
}

.o_gallery.o_grid.o_spc-medium div.row * {
    padding: 0 10px;
}

.o_gallery.o_grid.o_spc-big div.row {
    margin: 15px 0;
}

.o_gallery.o_grid.o_spc-big div.row * {
    padding: 0 15px;
}

.o_gallery.o_grid.size-auto .row {
    height: auto;
}

.o_gallery.o_grid.size-small .row {
    height: 100px;
}

.o_gallery.o_grid.size-medium .row {
    height: 250px;
}

.o_gallery.o_grid.size-big .row {
    height: 400px;
}

.o_gallery.o_grid.size-small img,
.o_gallery.o_grid.size-medium img,
.o_gallery.o_grid.size-big img {
    height: 100%;
}

.o_gallery.o_masonry.o_spc-none div.col {
    padding: 0;
}

.o_gallery.o_masonry.o_spc-none div.col>img {
    margin: 0 !important;
}

.o_gallery.o_masonry.o_spc-small div.col {
    padding: 0 5px;
}

.o_gallery.o_masonry.o_spc-small div.col>img {
    margin: 5px 0 !important;
}

.o_gallery.o_masonry.o_spc-medium div.col {
    padding: 0 10px;
}

.o_gallery.o_masonry.o_spc-medium div.col>img {
    margin: 10px 0 !important;
}

.o_gallery.o_masonry.o_spc-big div.col {
    padding: 0 15px;
}

.o_gallery.o_masonry.o_spc-big div.col>img {
    margin: 15px 0 !important;
}

.o_gallery.o_nomode.o_spc-none .img {
    padding: 0;
}

.o_gallery.o_nomode.o_spc-small .img {
    padding: 5px;
}

.o_gallery.o_nomode.o_spc-medium .img {
    padding: 10px;
}

.o_gallery.o_nomode.o_spc-big .img {
    padding: 15px;
}

.o_gallery.o_slideshow .carousel ul.carousel-indicators li {
    border: 1px solid #aaa;
}

.o_gallery.o_slideshow>.container {
    height: 100%;
}

.o_gallery .carousel-inner .item img {
    max-width: none;
}

.o_gallery.o_slideshow .carousel,
.modal-body.o_slideshow .carousel {
    height: 100%;
}

.o_gallery.o_slideshow .carousel .item,
.modal-body.o_slideshow .carousel .item {
    padding-bottom: 64px;
}

.o_gallery.o_slideshow .carousel img,
.modal-body.o_slideshow .carousel img {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

.o_gallery.o_slideshow .carousel ul.carousel-indicators,
.modal-body.o_slideshow .carousel ul.carousel-indicators {
    display: block;
    height: auto;
    padding: 0;
    border-width: 0;
    position: absolute;
    bottom: 0;
}

.o_gallery.o_slideshow .carousel ul.carousel-indicators>*,
.modal-body.o_slideshow .carousel ul.carousel-indicators>* {
    list-style-image: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 0px 5px 5px;
    padding: 0;
    border: 1px solid #aaa;
    text-indent: initial;
    background-size: cover;
    background-color: #fff;
    border-radius: 0;
}

.o_gallery.o_slideshow .carousel ul.carousel-indicators>*:not(.active),
.modal-body.o_slideshow .carousel ul.carousel-indicators>*:not(.active) {
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.o_gallery.o_slideshow .carousel ul.carousel-indicators>*:first-child,
.modal-body.o_slideshow .carousel ul.carousel-indicators>*:first-child {
    margin-left: 0;
}

.o_gallery.o_slideshow .carousel .carousel-control.right,
.modal-body.o_slideshow .carousel .carousel-control.right,
.o_gallery.o_slideshow .carousel .carousel-control.left,
.modal-body.o_slideshow .carousel .carousel-control.left {
    background-image: none;
    background-color: transparent;
}

div.carousel .carousel-indicators li {
    box-shadow: 0 0 0 1px grey;
}

div.carousel .carousel-indicators li:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.5);
}

div.carousel span.carousel-img img,
div.carousel div.carousel-content {
    max-height: 95%;
    padding: 10px;
}

div.carousel .carousel-control {
    cursor: pointer;
}

.parallax {
    position: relative;
}

.parallax .oe_structure> :first-child {
    margin-top: 32px;
}

.parallax .oe_structure> :last-child {
    margin-bottom: 32px;
}

.s_parallax {
    min-height: 200px;
}

.s_big_message {
    background-size: cover;
}

/* /website/static/src/less/website.zoomodoo.less defined in bundle 'web.assets_frontend' */
.zoomodoo {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.zoomodoo img {
    vertical-align: bottom;
}

.zoomodoo-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}

.zoomodoo-hover .zoomodoo-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.zoomodoo-next .zoomodoo-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px;
}

/* /theme_common/static/src/less/s_banner_2.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_banner_2.carousel {
    margin-top: 0;
    margin-bottom: 0;
}

#wrapwrap .s_banner_2.carousel .row.content {
    margin: 0;
    outline: 0;
}

#wrapwrap .s_banner_2.carousel .carousel-box-content {
    padding: 15px 30px;
}

#wrapwrap .s_banner_2.carousel .carousel-box-image {
    padding: 0;
}

#wrapwrap .s_banner_2.carousel .carousel-inner .item {
    background-position: 50% 50%;
}

#wrapwrap .s_banner_2.carousel .carousel-control {
    opacity: 1;
    text-shadow: none;
    color: #2d2b22;
    font-size: inherit;
    width: 5%;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa {
    top: 50%;
    background-color: #fff;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa:hover {
    color: #000066;
}

@media (max-width: 767px) {
    #wrapwrap .s_banner_2.carousel .carousel-control .fa {
        top: auto;
        bottom: 0;
    }
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa,
#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_banner_2.carousel .carousel-control.left {
    background-image: none;
    left: 15px;
}

#wrapwrap .s_banner_2.carousel .carousel-control.left .fa {
    left: 0;
    right: auto;
    padding-right: 2px;
}

#wrapwrap .s_banner_2.carousel .carousel-control.right {
    background-image: none;
    right: 15px;
}

#wrapwrap .s_banner_2.carousel .carousel-control.right .fa {
    right: 0;
    left: auto;
    padding-left: 2px;
}

#wrapwrap .s_banner_2.carousel .carousel-indicators {
    bottom: 10px;
}

#wrapwrap .s_banner_2.carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-color: #2d2b22;
    margin: 0;
}

#wrapwrap .s_banner_2.carousel .carousel-indicators li:hover {
    border-color: #000066;
}

#wrapwrap .s_banner_2.carousel .carousel-indicators li.active {
    background-color: #000066;
    border-color: #000066;
    margin: 0;
}

@media (max-width: 991px) {
    #wrapwrap .s_banner_2.carousel .carousel-indicators {
        bottom: 10px;
    }
}

/* /theme_common/static/src/less/s_carousel_boxed.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_carousel_boxed .carousel {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 991px) {
    #wrapwrap .s_carousel_boxed .carousel {
        height: auto !important;
    }
}

@media (min-width: 992px) {
    #wrapwrap .s_carousel_boxed img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}

#wrapwrap .s_carousel_boxed .carousel-caption {
    text-shadow: none;
    background-color: #fff;
    color: #2d2b22;
    padding: 5px 0;
    bottom: 35px;
}

#wrapwrap .s_carousel_boxed .carousel-caption p {
    margin: 0;
}

#wrapwrap .s_carousel_boxed .carousel-control {
    opacity: 1;
    text-shadow: none;
    color: #2d2b22;
    font-size: inherit;
    width: 5%;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa {
    top: 50%;
    background-color: #fff;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa:hover {
    color: #000066;
}

@media (max-width: 767px) {
    #wrapwrap .s_carousel_boxed .carousel-control .fa {
        top: auto;
        bottom: 0;
    }
}

#wrapwrap .s_carousel_boxed .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa,
#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_carousel_boxed .carousel-control.left {
    background-image: none;
    left: 15px;
}

#wrapwrap .s_carousel_boxed .carousel-control.left .fa {
    left: 0;
    right: auto;
    padding-right: 2px;
}

#wrapwrap .s_carousel_boxed .carousel-control.right {
    background-image: none;
    right: 15px;
}

#wrapwrap .s_carousel_boxed .carousel-control.right .fa {
    right: 0;
    left: auto;
    padding-left: 2px;
}

#wrapwrap .s_carousel_boxed .carousel-indicators {
    bottom: 10px;
}

#wrapwrap .s_carousel_boxed .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-color: #2d2b22;
    margin: 0;
}

#wrapwrap .s_carousel_boxed .carousel-indicators li:hover {
    border-color: #000066;
}

#wrapwrap .s_carousel_boxed .carousel-indicators li.active {
    background-color: #000066;
    border-color: #000066;
    margin: 0;
}

@media (max-width: 991px) {
    #wrapwrap .s_carousel_boxed .carousel-indicators {
        bottom: 10px;
    }
}

/* /theme_common/static/src/less/s_collapse.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_collapse .panel {
    box-shadow: 0 0 0 #ffffff;
    background-color: rgba(0, 0, 0, 0);
}

#wrapwrap .s_collapse .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
}

#wrapwrap .s_collapse .panel-heading {
    padding: 0;
}

#wrapwrap .s_collapse .panel-heading a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    padding: 12px 0;
    display: inline-block;
}

#wrapwrap .s_collapse .panel-heading a:before {
    content: '\f056';
    font-family: 'FontAwesome';
    margin: 0 12px 0 16px;
}

#wrapwrap .s_collapse .panel-heading a.collapsed:before {
    content: '\f055';
    font-family: 'FontAwesome';
}

/* /theme_common/static/src/less/s_features_circle.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_features_circle .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_features_circle .fa,
#wrapwrap .s_features_circle .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_features_circle .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_features_circle .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_features_circle .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_features_circle .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

/* /theme_common/static/src/less/s_features_grid_circle.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_features_grid_circle .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_features_grid_circle .fa,
#wrapwrap .s_features_grid_circle .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_features_grid_circle .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_features_grid_circle .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_features_grid_circle .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_features_grid_circle .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_features_grid_circle .feature-text {
    overflow: hidden;
    margin: 0 0 12px 0;
    padding: 0 0 0 10px;
}

/* /theme_common/static/src/less/s_four_columns_fw.less defined in bundle 'web.assets_frontend' */
@media (max-width: 991px) {
    #wrapwrap .s_four_columns_fw {
        height: auto !important;
    }

    #wrapwrap .s_four_columns_fw [class*="bg-img-"] {
        min-height: 250px;
    }
}

#wrapwrap .s_four_columns_fw div {
    height: 100%;
}

#wrapwrap .s_four_columns_fw [class*="col-"] {
    padding: 30px;
}

@media (max-width: 991px) {
    #wrapwrap .s_four_columns_fw {
        height: auto !important;
    }

    #wrapwrap .s_four_columns_fw [class*="bg-img-"] {
        min-height: 250px;
    }
}

/* /theme_common/static/src/less/s_images_captions_fw.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_images_captions_fw [class*="col-"] {
    padding: 0;
}

#wrapwrap .s_images_captions_fw [class*="col-"] p {
    display: inline-block;
    margin: 0;
    padding: 5px 15px;
}

/* /theme_common/static/src/less/s_image_text_fw.less defined in bundle 'web.assets_frontend' */
@media (max-width: 991px) {
    #wrapwrap .s_image_text_fw .col-text {
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    #wrapwrap .s_image_text_fw .col-text {
        max-width: 455px;
        padding-left: 15px;
    }

    #wrapwrap .s_image_text_fw .col-img {
        max-width: 50%;
        float: left;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    #wrapwrap .s_image_text_fw .col-text {
        max-width: 555px;
    }
}

/* /theme_common/static/src/less/s_label.less defined in bundle 'web.assets_frontend' */
#wrapwrap .label {
    font-size: 14px;
    border-radius: 6px;
    padding: 6px 14px 6px 10px;
    margin: 0 8px 0 0;
    display: inline-block;
}

#wrapwrap .label .fa {
    margin: 0 4px;
    vertical-align: middle;
}

/* /theme_common/static/src/less/s_masonry_block.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_masonry_block {
    min-height: 340px;
}

#wrapwrap .s_masonry_block>div {
    height: 100%;
}

#wrapwrap .s_masonry_block .row {
    height: 100%;
}

#wrapwrap .s_masonry_block .row>div {
    position: relative;
    height: 100%;
    min-height: 170px;
}

#wrapwrap .s_masonry_block .content:before,
#wrapwrap .s_masonry_block .content:after {
    content: " ";
    display: table;
}

#wrapwrap .s_masonry_block .content:after {
    clear: both;
}

#wrapwrap .s_masonry_block .content:before,
#wrapwrap .s_masonry_block .content:after {
    content: " ";
    display: table;
}

#wrapwrap .s_masonry_block .content:after {
    clear: both;
}

@media (min-width: 768px) {
    #wrapwrap .s_masonry_block .row .row>div {
        height: 50%;
    }
}

@media (min-width: 992px) {
    #wrapwrap .s_masonry_block {
        height: 0px;
    }

    #wrapwrap .s_masonry_block.s_ratio_2_1 {
        position: relative;
        padding: 0 0 50% 0;
    }

    #wrapwrap .s_masonry_block.s_ratio_2_1>div {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    #wrapwrap .s_masonry_block .content {
        position: absolute;
        top: 15%;
        left: 10%;
        bottom: 5%;
        right: 10%;
    }
}

/* /theme_common/static/src/less/s_medias_list.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_medias_list {
    background-color: #ededf3;
}

@media (max-width: 991px) {
    #wrapwrap .s_medias_list .media {
        height: auto !important;
    }
}

#wrapwrap .s_medias_list .media>.row {
    margin: 16px 0;
    background-color: #fff;
}

#wrapwrap .s_medias_list .media>.row>[class*="col-"] {
    padding: 0;
}

#wrapwrap .s_medias_list .media>.row>[class*="col-"].media-content {
    padding: 30px;
}

#wrapwrap .s_medias_list .media>.row .media-options {
    height: 100%;
    background-color: #ededf3;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row {
    margin: 0;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] {
    padding: 0;
    margin-bottom: 1px;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] p {
    margin: 0;
    font-size: 14px;
    display: inline-block;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa,
#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa.fa-1x {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa.fa-2x {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa.fa-3x {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa.fa-4x {
    width: 90px;
    height: 90px;
    line-height: 90px;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa.fa-5x {
    width: 110px;
    height: 110px;
    line-height: 110px;
}

#wrapwrap .s_medias_list .media>.row .media-options>.row [class*="col-"] .fa {
    margin-right: 10px;
}

/* /theme_common/static/src/less/s_news_carousel.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_news_carousel div {
    height: 100%;
}

@media (max-width: 991px) {
    #wrapwrap .s_news_carousel div {
        height: auto !important;
    }
}

#wrapwrap .s_news_carousel .carousel-inner {
    width: 80%;
    margin: 0 10%;
}

@media (max-width: 991px) {
    #wrapwrap .s_news_carousel .carousel-inner {
        width: 100%;
        margin: 0;
    }
}

#wrapwrap .s_news_carousel .carousel-inner .item {
    padding: 0 15px;
}

#wrapwrap .s_news_carousel .news-carousel-time {
    padding: 32px 0;
}

#wrapwrap .s_news_carousel .news-carousel-time .day {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 96px;
    height: 96px;
    line-height: 96px;
    font-size: 48px;
}

#wrapwrap .s_news_carousel .news-carousel-time .month {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    margin-top: 6px;
}

#wrapwrap .s_news_carousel .news-carousel-time .year {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
}

#wrapwrap .s_news_carousel .news-carousel-content {
    padding: 32px;
}

#wrapwrap .s_news_carousel .carousel-control {
    opacity: 1;
    text-shadow: none;
    color: #2d2b22;
    font-size: inherit;
    width: 5%;
}

#wrapwrap .s_news_carousel .carousel-control .fa {
    top: 50%;
    background-color: #fff;
}

#wrapwrap .s_news_carousel .carousel-control .fa:hover {
    color: #000066;
}

@media (max-width: 767px) {
    #wrapwrap .s_news_carousel .carousel-control .fa {
        top: auto;
        bottom: 0;
    }
}

#wrapwrap .s_news_carousel .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_news_carousel .carousel-control .fa,
#wrapwrap .s_news_carousel .carousel-control .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_news_carousel .carousel-control .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_news_carousel .carousel-control .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_news_carousel .carousel-control .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_news_carousel .carousel-control .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_news_carousel .carousel-control.left {
    background-image: none;
    left: 15px;
}

#wrapwrap .s_news_carousel .carousel-control.left .fa {
    left: 0;
    right: auto;
    padding-right: 2px;
}

#wrapwrap .s_news_carousel .carousel-control.right {
    background-image: none;
    right: 15px;
}

#wrapwrap .s_news_carousel .carousel-control.right .fa {
    right: 0;
    left: auto;
    padding-left: 2px;
}

#wrapwrap .s_news_carousel .carousel-control .fa {
    margin-top: -21px;
}

@media (max-width: 991px) {
    #wrapwrap .s_news_carousel .carousel-control .fa {
        top: 65px;
        margin-top: 0;
    }
}

/* /theme_common/static/src/less/s_process_steps_2.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_process_steps_2 {
    position: relative;
}

#wrapwrap .s_process_steps_2:before {
    content: '';
    top: 60px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ededf3;
}

@media (max-width: 991px) {
    #wrapwrap .s_process_steps_2:before {
        display: none;
    }
}

#wrapwrap .s_process_steps_2 .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_process_steps_2 .fa,
#wrapwrap .s_process_steps_2 .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_process_steps_2 .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_process_steps_2 .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_process_steps_2 .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_process_steps_2 .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_process_steps_2 .fa-1x {
    margin-top: 10px;
}

#wrapwrap .s_process_steps_2 .fa-2x {
    margin-top: 0px;
}

#wrapwrap .s_process_steps_2 .fa-3x {
    margin-top: -10px;
}

#wrapwrap .s_process_steps_2 .fa-4x {
    margin-top: -20px;
}

#wrapwrap .s_process_steps_2 .fa-5x {
    margin-top: -30px;
}

/* /theme_common/static/src/less/s_progress_bar.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_progress_bar.progress {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

/* /theme_common/static/src/less/s_quotes_slider_2.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_quotes_slider_2.quotecarousel {
    padding: 0;
}

#wrapwrap .s_quotes_slider_2 blockquote {
    font-style: italic;
    margin: 0 0 12px 0;
    padding: 0;
    border: 0;
}

#wrapwrap .s_quotes_slider_2 blockquote>.fa,
#wrapwrap .s_quotes_slider_2 blockquote>span .fa {
    float: left;
}

#wrapwrap .s_quotes_slider_2 blockquote .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_quotes_slider_2 blockquote .fa,
#wrapwrap .s_quotes_slider_2 blockquote .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_quotes_slider_2 blockquote .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_quotes_slider_2 blockquote .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_quotes_slider_2 blockquote .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_quotes_slider_2 blockquote .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_quotes_slider_2 blockquote img {
    display: inline-block;
    max-width: 40px;
    max-height: 40px;
}

#wrapwrap .s_quotes_slider_2 blockquote small {
    display: inline-block;
    color: #2d2b22;
}

#wrapwrap .s_quotes_slider_2 blockquote .blockquote-text {
    overflow: hidden;
    font-size: 16px;
    text-align: left;
}

#wrapwrap .s_quotes_slider_2 blockquote .blockquote-text:focus {
    outline: none;
}

#wrapwrap .s_quotes_slider_2 blockquote p {
    background-color: #fff;
    color: #2d2b22;
    padding: 24px;
}

#wrapwrap .s_quotes_slider_2 .carousel-indicators {
    bottom: 5px;
}

#wrapwrap .s_quotes_slider_2 .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-color: #2d2b22;
    margin: 0;
}

#wrapwrap .s_quotes_slider_2 .carousel-indicators li:hover {
    border-color: #000066;
}

#wrapwrap .s_quotes_slider_2 .carousel-indicators li.active {
    background-color: #000066;
    border-color: #000066;
    margin: 0;
}

@media (max-width: 991px) {
    #wrapwrap .s_quotes_slider_2 .carousel-indicators {
        bottom: -5px;
    }
}

/* /theme_common/static/src/less/s_references_2.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_references_2 blockquote {
    font-style: italic;
    margin: 0 0 12px 0;
    padding: 0;
    border: 0;
}

#wrapwrap .s_references_2 blockquote>.fa,
#wrapwrap .s_references_2 blockquote>span .fa {
    float: left;
}

#wrapwrap .s_references_2 blockquote .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_references_2 blockquote .fa,
#wrapwrap .s_references_2 blockquote .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_references_2 blockquote .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_references_2 blockquote .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_references_2 blockquote .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_references_2 blockquote .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_references_2 blockquote img {
    display: inline-block;
    max-width: 40px;
    max-height: 40px;
}

#wrapwrap .s_references_2 blockquote small {
    display: inline-block;
    color: #2d2b22;
}

#wrapwrap .s_references_2 blockquote .blockquote-text {
    overflow: hidden;
    font-size: 16px;
    text-align: left;
}

#wrapwrap .s_references_2 blockquote .blockquote-text:focus {
    outline: none;
}

#wrapwrap .s_references_2 blockquote p {
    background-color: #ededf3;
    color: #2d2b22;
    padding: 24px;
}

#wrapwrap .s_references_2 .carousel-indicators {
    bottom: -15px;
}

#wrapwrap .s_references_2 .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-color: #2d2b22;
    margin: 0;
}

#wrapwrap .s_references_2 .carousel-indicators li:hover {
    border-color: #000066;
}

#wrapwrap .s_references_2 .carousel-indicators li.active {
    background-color: #000066;
    border-color: #000066;
    margin: 0;
}

@media (max-width: 991px) {
    #wrapwrap .s_references_2 .carousel-indicators {
        bottom: -10px;
    }
}

/* /theme_common/static/src/less/s_tabs.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_tabs .nav-tabs>li>a {
    margin: 0 1px 1px 0;
    background-color: #ededf3;
    padding: 10px 20px;
    cursor: pointer;
}

#wrapwrap .s_tabs .nav-tabs>li>a .fa {
    margin-right: 8px;
}

/* /theme_common/static/src/less/s_team_profiles_2.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_team_profiles_2 .profile-body {
    padding: 30px;
}

#wrapwrap .s_team_profiles_2 .profile-body img {
    display: inline-block;
    margin: 30px 0 0 0;
    max-width: 50%;
}

#wrapwrap .s_team_profiles_2 .profile-options {
    font-size: 14px;
    margin: 0;
}

#wrapwrap .s_team_profiles_2 .profile-options div {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0;
}

#wrapwrap .s_team_profiles_2 .profile-options div:last-child {
    border-right: none;
}

#wrapwrap .s_team_profiles_2 .profile-options a {
    display: block;
    padding: 8px 0;
}

#wrapwrap .s_team_profiles_2 .profile-options p {
    display: block;
    padding: 8px 0;
    margin-bottom: 0;
}

#wrapwrap .s_team_profiles_2 .profile-options .fa {
    padding: 16px 0 0 0;
    display: block;
}

/* /theme_common/static/src/less/s_text_image_fw.less defined in bundle 'web.assets_frontend' */
@media (max-width: 991px) {
    #wrapwrap .s_text_image_fw .col-text {
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    #wrapwrap .s_text_image_fw .col-text {
        max-width: 455px;
        float: right;
    }

    #wrapwrap .s_text_image_fw .col-img {
        max-width: 50%;
        float: left;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    #wrapwrap .s_text_image_fw .col-text {
        max-width: 555px;
        float: right;
    }
}

/* /theme_common/static/src/less/s_three_columns_carousel.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_three_columns_carousel [class*="bg-"] {
    border: 10px solid rgba(0, 0, 0, 0);
    padding: 20px;
    background-clip: padding-box;
}

#wrapwrap .s_three_columns_carousel [class*="bg-"]>.carousel [class*="bg-"] {
    border: 0;
}

#wrapwrap .s_three_columns_carousel .bg-none {
    padding: 0;
}

#wrapwrap .s_three_columns_carousel .carousel-control {
    opacity: 1;
    text-shadow: none;
    color: #2d2b22;
    font-size: inherit;
    width: 5%;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa {
    top: 50%;
    background-color: #fff;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa:hover {
    color: #000066;
}

@media (max-width: 767px) {
    #wrapwrap .s_three_columns_carousel .carousel-control .fa {
        top: auto;
        bottom: 0;
    }
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa,
#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_three_columns_carousel .carousel-control.left {
    background-image: none;
    left: 0;
}

#wrapwrap .s_three_columns_carousel .carousel-control.left .fa {
    left: 0;
    right: auto;
    padding-right: 2px;
}

#wrapwrap .s_three_columns_carousel .carousel-control.right {
    background-image: none;
    right: 0;
}

#wrapwrap .s_three_columns_carousel .carousel-control.right .fa {
    right: 0;
    left: auto;
    padding-left: 2px;
}

/* /theme_treehouse/static/src/less/colors.less defined in bundle 'web.assets_frontend' */


/* /theme_treehouse/static/src/less/layout.less defined in bundle 'web.assets_frontend' */
#preheader {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 0;
    background-color: #000066;
    color: #ffffff;
}

#preheader #language>a .fa,
#preheader #social>a .fa,
#preheader #social>a .fab,
#preheader .home>a .fa,
#preheader #language button .fa,
#preheader #social button .fa,
#preheader .home button .fa {
    box-sizing: content-box;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 20px;
    color: #000066;
    background-color: #ffffff;
}

#preheader #language>a .fa:hover,
#preheader #social>a .fa:hover,
#preheader #social>a .fab:hover,
#preheader .home>a .fa:hover,
#preheader #language button .fa:hover,
#preheader #social button .fa:hover,
#preheader .home button .fa:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffffff;
    color: #ffffff;
}

#preheader #language .fa,
#preheader #social .fa,
#preheader #social .fab,
#preheader .home .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#preheader #language .fa,
#preheader #social .fa,
#preheader #social .fab,
#preheader .home .fa,
#preheader #language .fa.fa-1x,
#preheader #social .fa.fa-1x,
#preheader .home .fa.fa-1x {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#preheader #language .fa.fa-2x,
#preheader #social .fa.fa-2x,
#preheader .home .fa.fa-2x {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

#preheader #language .fa.fa-3x,
#preheader #social .fa.fa-3x,
#preheader .home .fa.fa-3x {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

#preheader #language .fa.fa-4x,
#preheader #social .fa.fa-4x,
#preheader .home .fa.fa-4x {
    width: 90px;
    height: 90px;
    line-height: 90px;
}

#preheader #language .fa.fa-5x,
#preheader #social .fa.fa-5x,
#preheader .home .fa.fa-5x {
    width: 110px;
    height: 110px;
    line-height: 110px;
}

#preheader .list-inline {
    display: inline-block;
    margin: 0;
}

#preheader .list-inline>li {
    padding: 0;
}

#preheader #social {
    text-align: right;
}

#preheader #social a {
    text-decoration: none;
}

#preheader #contact li {
    margin: 0 20px 0 0;
}

#preheader #contact li .fa:not(.fa-home) {
    margin: 0 8px 0 0;
    color: #ffffff;
    opacity: 0.5;
}

#preheader #contact li a,
#preheader #contact li span:not(.fa) {
    color: #fff;
    letter-spacing: 1px;
}

#preheader #language {
    min-width: 10%;
    text-align: right;
}

#preheader #language .btn-group {}

#preheader #language .btn-group button {
    padding: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
}

#preheader #language .btn-group button .caret {
    margin: 0 0 0 5px;
    color: #ffffff;
}

#preheader #language .btn-group.open>button {
    box-shadow: none;
}

#preheader #language .btn-group.open>button .fa {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffffff;
    color: #ffffff;
}

#preheader #language .btn-group.open>button .caret {
    border-bottom: 5px solid;
    border-top: 0;
}

#preheader #language .btn-group>.dropdown-menu {
    top: 38px;
    right: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    min-width: 200px;
    z-index: 1001;
    box-shadow: none;
}

#preheader #language .btn-group>.dropdown-menu>li {
    margin: 0;
}

#preheader #language .btn-group>.dropdown-menu>li.active>a {
    background-color: #000066;
    color: #fff;
}

#preheader #language .btn-group>.dropdown-menu>li>a {
    padding: 8px 18px;
    color: #2d2b22;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
}

#preheader #language .btn-group>.dropdown-menu>li>a .fa {
    margin: 0 5px;
    width: auto;
    height: auto;
    line-height: 0;
}

#preheader #language .btn-group>.dropdown-menu>li>a:hover,
#preheader #language .btn-group>.dropdown-menu>li>a:hover .fa {
    background-color: #000066;
    color: #fff;
}

#wrapwrap header .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}

#wrapwrap header .navbar-default {
    border: 0;
    font-size: 14px;
    font-weight: 700;
}

#wrapwrap header .navbar-default .navbar-collapse {
    border: 0;
}

#wrapwrap header .navbar-default .navbar-brand {
    color: #2d2b22;
}

#wrapwrap header .navbar-default .navbar-nav {}

#wrapwrap header .navbar-default .navbar-nav .divider {
    display: none;
}

#wrapwrap header .navbar-default .navbar-nav .dropdown-menu {
    border-radius: 0;
}

#wrapwrap header .navbar-default .navbar-nav>li {
    margin: 5px 0;
}

#wrapwrap header .navbar-default .navbar-nav>li>a {
    letter-spacing: 1px;
    padding: 3px 14px;
    border: 2px solid rgba(0, 0, 0, 0);
    margin-left: 4px;
    color: #2d2b22;
    font-size: 13px;
    font-weight: 700;
    border-radius: 20px;
    text-transform: uppercase;
}

#wrapwrap header .navbar-default .navbar-nav>li>a:hover {
    color: #000066;
    border: 2px solid #000066;
}

#wrapwrap header .navbar-default .navbar-nav>li.active>a,
#wrapwrap header .navbar-default .navbar-nav>li.active>a:focus,
#wrapwrap header .navbar-default .navbar-nav>li.active>a:hover {
    background-color: #000066;
    border-color: #000066;
    border-radius: 20px;
    color: #fff;
}

#wrapwrap header .navbar-default .navbar-nav>li.open>a:focus,
#wrapwrap header .navbar-default .navbar-nav>li.open>a:hover,
#wrapwrap header .navbar-default .navbar-nav>li.open>a {
    background-color: rgba(0, 0, 0, 0);
    color: #000066;
    border-color: #000066;
    border-radius: 20px;
}

#wrapwrap header .navbar-default .navbar-nav>li.open .caret {
    border-bottom: 5px solid;
    border-top: 0;
}

#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu {
    top: 34px;
    left: 4px;
    padding: 0;
    border: 0;
    min-width: 200px;
    box-shadow: none;
}

#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu>li {
    margin: 0;
}

#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu>li>a {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu>li>a:before {
    content: "\f111";
    font-family: "FontAwesome";
    margin: 0 6px 0 0;
    line-height: 18px;
    font-size: 6px;
    vertical-align: top;
}

#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #000066;
}

#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu>li.active>a,
#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu>li.active>a:focus,
#wrapwrap header .navbar-default .navbar-nav>li>.dropdown-menu>li.active>a:hover {
    background-color: #000066;
    color: #fff;
}

@media (max-width: 767px) {
    #wrapwrap header .navbar-collapse {
        margin: 0;
        box-shadow: none;
    }

    #wrapwrap header .navbar-default .navbar-nav>li>a {
        margin: 0 0 5px;
    }

    #wrapwrap header .navbar-default .navbar-nav>li .dropdown-menu>li>a {
        padding: 4px 20px;
    }

    #wrapwrap header .navbar-default .navbar-nav>li .dropdown-menu>li>a:before {
        line-height: 24px;
    }

    #wrapwrap header .navbar-default .navbar-nav>li .dropdown-menu>li.active>a,
    #wrapwrap header .navbar-default .navbar-nav>li .dropdown-menu>li.active>a:focus,
    #wrapwrap header .navbar-default .navbar-nav>li .dropdown-menu>li.active>a:hover {
        border-radius: 20px;
    }

    #wrapwrap header .navbar-default .navbar-nav>li .dropdown-menu>li:last-child {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    #wrapwrap header .navbar .container {
        white-space: nowrap;
    }

    #wrapwrap header .navbar-collapse,
    #wrapwrap header .navbar-header {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle;
    }

    #wrapwrap header .navbar-header {
        width: 20%;
    }

    #wrapwrap header .navbar-collapse {
        width: 80%;
    }
}

@media (max-width: 991px) {
    #wrapwrap #preheader li.visible-xs-inline-block .fa {
        opacity: 1;
        color: #000066;
    }

    #wrapwrap #preheader li.visible-xs-inline-block .fa:hover {
        color: #2d2b22;
    }

    #wrapwrap .navbar-default .navbar-toggle {
        border: 0;
        padding: 8px 2px;
        color: #2d2b22;
        background-color: rgba(0, 0, 0, 0);
    }

    #wrapwrap .navbar-default .navbar-toggle .icon-bar {
        background-color: #2d2b22;
        width: 25px;
        height: 3px;
        border-radius: 2px;
    }

    #wrapwrap .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #000066;
    }
}

#footer {
    padding: 20px 15px;
}

#copyright {
    background-color: #000066;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

#copyright #company {
    padding: 10px 15px;
}

#copyright .top {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
}

#copyright .top .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#copyright .top .fa,
#copyright .top .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#copyright .top .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#copyright .top .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#copyright .top .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#copyright .top .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#copyright .top .fa {
    border-radius: 20px;
}

#copyright #odoo {
    padding: 10px 15px;
    text-align: right;
}

#copyright #odoo a {
    color: #fff;
}

#copyright #odoo a:hover {
    color: #fff;
    text-decoration: underline;
}

#copyright #odoo .label {
    padding: 2px 6px;
    background-color: #fff;
    color: #000066;
    font-size: 100%;
}

#wrapwrap .website_forum .navbar-default {
    border: 0;
}

#wrapwrap .website_forum .navbar-brand {
    padding: 18px;
    font-weight: 700;
    color: #2d2b22;
}

#wrapwrap .website_forum .navbar li.active a {
    background-color: #000066;
}

#wrapwrap .website_forum .navbar li a {
    padding: 18px 14px;
    color: #2d2b22;
}

#wrapwrap .website_forum .navbar li a:hover {
    color: #000066;
}

/* /theme_treehouse/static/src/less/mixins.less defined in bundle 'web.assets_frontend' */
.bg-gray-light {
    background-color: #777777;
}

.bg-gray-dark {
    background-color: #333333;
}

.bg-black {
    background-color: #000;
}

#wrapwrap form div.text-muted {
    opacity: 1;
}

/* /theme_treehouse/static/src/less/theme.less defined in bundle 'web.assets_frontend' */
#wrapwrap {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    background-color: rgba(0, 0, 0, 0);
    font-weight: 400;
}

#wrapwrap .h1 b,
#wrapwrap .h2 b,
#wrapwrap .h3 b,
#wrapwrap .h4 b,
#wrapwrap .h5 b,
#wrapwrap .h6 b,
#wrapwrap h1 b,
#wrapwrap h2 b,
#wrapwrap h3 b,
#wrapwrap h4 b,
#wrapwrap h5 b,
#wrapwrap h6 b,
#wrapwrap .h1 strong,
#wrapwrap .h2 strong,
#wrapwrap .h3 strong,
#wrapwrap .h4 strong,
#wrapwrap .h5 strong,
#wrapwrap .h6 strong,
#wrapwrap h1 strong,
#wrapwrap h2 strong,
#wrapwrap h3 strong,
#wrapwrap h4 strong,
#wrapwrap h5 strong,
#wrapwrap h6 strong {
    font-weight: 700;
}

#wrapwrap p:not(.s_share) a:not(.btn) {
    text-decoration: underline;
}

#wrapwrap b,
#wrapwrap strong {
    font-weight: 700;
}

#wrapwrap .readable {
    padding: 0 30px;
}

#wrapwrap .readable .container {
    width: auto;
}

#wrapwrap .fa,
#wrapwrap a,
#wrapwrap button {
    transition: all 0.3s ease-in-out;
}

#wrapwrap input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

#wrapwrap .form-control:focus {
    border-color: #000066;
    box-shadow: none;
}

.carousel-inner .item[class*="bg-img-"],
[class*="bg-img-"] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-img-01 {
    background-image: url("/static/frontend/img/theme_treehouse.jpg");
}

.bg-img-02 {
    background-image: url("/static/frontend/img/theme_treehouse-2.jpg");
}

.bg-img-03 {
    background-image: url("/static/frontend/img/theme_treehouse-3.jpg");
}

.bg-img-04 {
    background-image: url("/static/frontend/img/theme_treehouse-4.jpg");
}

.bg-img-05 {
    background-image: url("/static/frontend/img/theme_treehouse-5.jpg");
}

.bg-img-06 {
    background-image: url("/static/frontend/img/theme_treehouse-6.jpg");
}

.bg-img-07 {
    background-image: url("/static/frontend/img/theme_treehouse-7.jpg");
}

.bg-img-08 {
    background-image: url("/static/frontend/img/theme_treehouse-8.jpg");
}

.bg-img-09 {
    background-image: url("/static/frontend/img/theme_treehouse-9.jpg");
}

.bg-img-10 {
    background-image: url("/static/frontend/img/theme_treehouse-10.jpg");
}

.bg-img-11 {
    background-image: url("/static/frontend/img/theme_treehouse-11.jpg");
}

.bg-img-12 {
    background-image: url("/static/frontend/img/theme_treehouse-12.jpg");
}

.bg-img-13 {
    background-image: url("/static/frontend/img/theme_treehouse-13.jpg");
}

.bg-img-14 {
    background-image: url("/static/frontend/img/theme_treehouse-14.jpg");
}

.bg-img-15 {
    background-image: url("/static/frontend/img/theme_treehouse-15.jpg");
}

.bg-img-16 {
    background-image: url("/static/frontend/img/theme_treehouse-16.jpg");
}

.carousel-inner .item[class*="bg-pattern-"],
[class*="bg-pattern-"] {
    background-size: inherit;
    background-repeat: repeat;
}

.bg-pattern-01 {
    background: url("/static/frontend/img/theme_treehouse.png") repeat;
}

.bg-pattern-02 {
    background: url("/static/frontend/img/theme_treehouse-2.png") repeat;
}

.bg-pattern-03 {
    background: url("/static/frontend/img/theme_treehouse-3.png") repeat;
}

.bg-pattern-04 {
    background: url("/static/frontend/img/theme_treehouse-4.png") repeat;
}

.bg-pattern-05 {
    background: url("/static/frontend/img/theme_treehouse-5.png") repeat;
}

.bg-pattern-06 {
    background: url("/static/frontend/img/theme_treehouse-6.png") repeat;
}

.bg-pattern-07 {
    background: url("/static/frontend/img/theme_treehouse-7.png") repeat;
}

.bg-pattern-08 {
    background: url("/static/frontend/img/theme_treehouse-8.png") repeat;
}

.bg-pattern-09 {
    background: url("/static/frontend/img/theme_treehouse-9.png") repeat;
}

#wrapwrap .btn,
.link-style .col-sm-10 .btn,
.modal-body .dropdown-menu .btn {
    padding: 6px 40px;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 40px;
    background-color: rgba(0, 0, 0, 0);
    font-family: 'Dosis', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#wrapwrap .btn.active,
.link-style .col-sm-10 .btn.active,
.modal-body .dropdown-menu .btn.active,
#wrapwrap .btn:active,
.link-style .col-sm-10 .btn:active,
.modal-body .dropdown-menu .btn:active {
    box-shadow: none;
}

#wrapwrap .btn.btn-xs,
.link-style .col-sm-10 .btn.btn-xs,
.modal-body .dropdown-menu .btn.btn-xs {
    font-size: 12px;
    padding: 2px 20px;
}

#wrapwrap .btn.btn-sm,
.link-style .col-sm-10 .btn.btn-sm,
.modal-body .dropdown-menu .btn.btn-sm {
    font-size: 14px;
    padding: 4px 30px;
}

#wrapwrap .btn.btn-lg,
.link-style .col-sm-10 .btn.btn-lg,
.modal-body .dropdown-menu .btn.btn-lg {
    font-size: 18px;
    padding: 8px 50px;
}

#wrapwrap .img-circle,
#wrapwrap .img-circle.img-thumbnail {
    border-radius: 50%;
}

#wrapwrap .img-rounded,
#wrapwrap .img-rounded.img-thumbnail {
    border-radius: 6px;
}

#wrapwrap .img-thumbnail,
#wrapwrap .thumbnail {
    border-radius: inherit;
    border: 0;
    padding: 0;
}

#wrapwrap .shadow {
    border-bottom: 5px solid #2d2b22;
}

#wrapwrap .shadow.bg-gray-darker {
    border-bottom-color: #000;
}

#wrapwrap .lead[class*="bg-"],
#wrapwrap h1[class*="bg-"],
#wrapwrap h2[class*="bg-"],
#wrapwrap h3[class*="bg-"],
#wrapwrap h4[class*="bg-"],
#wrapwrap h5[class*="bg-"],
#wrapwrap h6[class*="bg-"],
#wrapwrap .lead font[class*="bg-"],
#wrapwrap h1 font[class*="bg-"],
#wrapwrap h2 font[class*="bg-"],
#wrapwrap h3 font[class*="bg-"],
#wrapwrap h4 font[class*="bg-"],
#wrapwrap h5 font[class*="bg-"],
#wrapwrap h6 font[class*="bg-"] {
    padding: 6px 18px;
    border-radius: 6px;
    display: inline-block;
}

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

#wrapwrap .text-boxed {
    border: 1px solid;
    border-color: inherit;
    padding: 20px;
    border-radius: 6px;
}

#wrapwrap .automatic-color,
#wrapwrap [class*="bg-"].automatic-color {
    color: #2d2b22;
}

#wrapwrap .text-white,
#wrapwrap [class*="bg-"].text-white {
    color: #fff;
}

#wrapwrap .text-black,
#wrapwrap [class*="bg-"].text-black {
    color: #000;
}

#wrapwrap .text-gray-lighter,
#wrapwrap [class*="bg-"].text-gray-lighter {
    color: #ededf3;
}

#wrapwrap .text-gray,
#wrapwrap [class*="bg-"].text-gray {
    color: #d3b484;
}

#wrapwrap .text-gray-darker,
#wrapwrap [class*="bg-"].text-gray-darker {
    color: #2d2b22;
}

#wrapwrap .text-alpha,
#wrapwrap .text-primary,
#wrapwrap [class*="bg-"].text-alpha,
#wrapwrap [class*="bg-"].text-primary {
    color: #000066;
}

#wrapwrap .text-beta,
#wrapwrap .text-success,
#wrapwrap [class*="bg-"].text-beta,
#wrapwrap [class*="bg-"].text-success {
    color: #d45c45;
}

#wrapwrap .text-gamma,
#wrapwrap .text-info,
#wrapwrap [class*="bg-"].text-gamma,
#wrapwrap [class*="bg-"].text-info {
    color: #050539;
}

#wrapwrap .text-delta,
#wrapwrap .text-warning,
#wrapwrap [class*="bg-"].text-delta,
#wrapwrap [class*="bg-"].text-warning {
    color: #306E73;
}

#wrapwrap .text-epsilon,
#wrapwrap :not(del).text-danger,
#wrapwrap [class*="bg-"].text-danger,
#wrapwrap [class*="bg-"].text-epsilon {
    color: #9CC264;
}

#wrapwrap .text-muted {
    color: #2d2b22;
    opacity: 0.5;
}

.input-group>span {
    padding-left: 16px;
}

.oe_website_sale #products_grid_before li>a {
    border-radius: 20px;
}

.oe_website_sale #products_grid_before li.active>a {
    background-color: #000066;
}

.pagination>.active>a {
    border-color: #000066;
    background-color: #000066;
}

#wrapwrap .website_forum .input-group>.form-control {
    height: auto;
    padding: 7px 12px;
    color: #2d2b22;
}

#wrapwrap .website_forum .input-group .form-control+.input-group-btn {
    padding: 0;
}

#wrapwrap .website_forum .input-group .form-control+.input-group-btn button {
    padding: 6px 20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#wrapwrap .website_forum+#wrap .btn-group .btn {
    padding: 6px 12px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#wrapwrap .website_forum+#wrap .btn-group .btn.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

#wrapwrap .website_forum+#wrap .btn-toolbar .btn {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    border-radius: 0;
}

#wrapwrap .website_forum+#wrap .btn-toolbar .btn.dropdown-toggle {
    border-radius: 0;
}

/* /theme_treehouse/static/src/less/snippets.less defined in bundle 'web.assets_frontend' */
.carousel-control .fa {
    border-radius: 50%;
    padding-top: 2px;
}

.carousel-control .fa:hover {
    color: #000066 !important;
}

#wrapwrap .s_banner_2.carousel .carousel-box-content {
    border-radius: 6px;
}

#wrapwrap .s_banner_2.carousel .carousel-control {
    width: 10%;
    opacity: 1;
    text-shadow: none;
    color: #2d2b22;
    font-size: inherit;
    width: 5%;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa {
    top: 50%;
    background-color: #fff;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa:hover {
    color: #000066;
}

@media (max-width: 767px) {
    #wrapwrap .s_banner_2.carousel .carousel-control .fa {
        top: auto;
        bottom: 0;
    }
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa,
#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_banner_2.carousel .carousel-control.left {
    background-image: none;
    left: 0;
}

#wrapwrap .s_banner_2.carousel .carousel-control.left .fa {
    left: 20px;
    right: auto;
    padding-right: 3px;
}

#wrapwrap .s_banner_2.carousel .carousel-control.right {
    background-image: none;
    right: 0;
}

#wrapwrap .s_banner_2.carousel .carousel-control.right .fa {
    right: 20px;
    left: auto;
    padding-left: 3px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa,
#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-1x {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-2x {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-3x {
    width: 75px;
    height: 75px;
    line-height: 75px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-4x {
    width: 95px;
    height: 95px;
    line-height: 95px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa.fa-5x {
    width: 115px;
    height: 115px;
    line-height: 115px;
}

#wrapwrap .s_banner_2.carousel .carousel-control .fa {
    top: auto;
    bottom: 30px;
}

#wrapwrap .s_banner_2.carousel .carousel-indicators {
    background-color: #fff;
    height: 35px;
    line-height: 38px;
    width: auto;
    left: 50%;
    right: auto;
    bottom: 20px;
    margin-right: -50%;
    margin-left: 0;
    transform: translate(-50%, 0);
    padding: 0 40px;
    border-radius: 20px;
}

#wrapwrap .s_carousel_boxed .carousel-inner {
    border-radius: 6px;
}

#wrapwrap .s_carousel_boxed .carousel-control {
    width: 10%;
    opacity: 1;
    text-shadow: none;
    color: #2d2b22;
    font-size: inherit;
    width: 5%;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa {
    top: 50%;
    background-color: #fff;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa:hover {
    color: #000066;
}

@media (max-width: 767px) {
    #wrapwrap .s_carousel_boxed .carousel-control .fa {
        top: auto;
        bottom: 0;
    }
}

#wrapwrap .s_carousel_boxed .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa,
#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_carousel_boxed .carousel-control.left {
    background-image: none;
    left: 15px;
}

#wrapwrap .s_carousel_boxed .carousel-control.left .fa {
    left: 20px;
    right: auto;
    padding-right: 3px;
}

#wrapwrap .s_carousel_boxed .carousel-control.right {
    background-image: none;
    right: 15px;
}

#wrapwrap .s_carousel_boxed .carousel-control.right .fa {
    right: 20px;
    left: auto;
    padding-left: 3px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa,
#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-1x {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-2x {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-3x {
    width: 75px;
    height: 75px;
    line-height: 75px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-4x {
    width: 95px;
    height: 95px;
    line-height: 95px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa.fa-5x {
    width: 115px;
    height: 115px;
    line-height: 115px;
}

#wrapwrap .s_carousel_boxed .carousel-control .fa {
    top: auto;
    bottom: 30px;
}

#wrapwrap .s_carousel_boxed .carousel-indicators {
    display: none;
}

#wrapwrap .s_carousel_boxed .carousel-caption {
    bottom: 15px;
    border-radius: 60px;
    min-height: 35px;
    padding: 5px 0;
}

#wrapwrap .s_carousel_boxed .carousel-caption p {
    margin: 0;
}

#wrapwrap .s_three_columns_carousel .carousel-control {
    width: auto;
    min-width: 35px;
    opacity: 1;
    text-shadow: none;
    color: #2d2b22;
    font-size: inherit;
    width: 5%;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa {
    top: 50%;
    background-color: #fff;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa:hover {
    color: #000066;
}

@media (max-width: 767px) {
    #wrapwrap .s_three_columns_carousel .carousel-control .fa {
        top: auto;
        bottom: 0;
    }
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa,
#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

#wrapwrap .s_three_columns_carousel .carousel-control.left {
    background-image: none;
    left: 15px;
}

#wrapwrap .s_three_columns_carousel .carousel-control.left .fa {
    left: 0;
    right: auto;
    padding-right: 2px;
}

#wrapwrap .s_three_columns_carousel .carousel-control.right {
    background-image: none;
    right: 15px;
}

#wrapwrap .s_three_columns_carousel .carousel-control.right .fa {
    right: 0;
    left: auto;
    padding-left: 2px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa,
#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-1x {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-2x {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-3x {
    width: 75px;
    height: 75px;
    line-height: 75px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-4x {
    width: 95px;
    height: 95px;
    line-height: 95px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa.fa-5x {
    width: 115px;
    height: 115px;
    line-height: 115px;
}

#wrapwrap .s_three_columns_carousel .carousel-control .fa {
    top: auto;
    bottom: 15px;
}

.s_google_map .description {
    background: #000066 !important;
}

.label i {
    opacity: 0.5;
}

.jumbotron {
    margin: 0;
}

.jumbotron p {
    font-weight: 400;
}

.s_comparisons .list-group-item.active,
.s_comparisons .list-group-item.active:focus,
.s_comparisons .list-group-item.active:hover {
    background-color: #000066;
    border-color: #000066;
}

.s_comparisons .panel-body h2 small {
    color: #2d2b22;
}

.panel-group .panel,
.s_medias_list .row,
.s_text_block_image_fw [class*="col-md-"],
.s_well {
    border-radius: 6px;
}

.s_images_captions_fw p {
    border-bottom-right-radius: 6px;
}

.s_progress_bar {
    border-radius: 12px;
}

.profile-body {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

blockquote p {
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

blockquote .fa {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.s_three_columns_carousel [class*="col-md-"] {
    border-radius: 15px;
}

.s_features .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.s_features .fa,
.s_features .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.s_features .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.s_features .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.s_features .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.s_features .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

/* /theme_treehouse/static/src/less/snippets/s_big_message.less defined in bundle 'web.assets_frontend' */
#wrapwrap .s_big_message {
    margin: 0;
    padding: 20px 0 40px;
}

/* /theme_treehouse/static/src/less/snippets/s_panel_extended.less defined in bundle 'web.assets_frontend' */
.s_panel.panel {
    background-color: inherit;
}

.s_panel .panel-heading {
    border: 0;
}

.s_panel .panel-heading .fa {
    margin-right: 12px;
}

.panel {
    box-shadow: none;
}

/* /theme_treehouse/static/src/less/snippets/s_quote_extended.less defined in bundle 'web.assets_frontend' */
blockquote {
    font-style: italic;
    margin: 0 0 12px 0;
    padding: 0;
    border: 0;
}

blockquote>.fa,
blockquote>span .fa {
    float: left;
}

blockquote .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

blockquote .fa,
blockquote .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

blockquote .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

blockquote .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

blockquote .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

blockquote .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

blockquote img {
    display: inline-block;
    max-width: 40px;
    max-height: 40px;
}

blockquote small {
    display: inline-block;
    color: #2d2b22;
}

blockquote .blockquote-text {
    overflow: hidden;
    font-size: 16px;
    text-align: left;
}

blockquote .blockquote-text:focus {
    outline: none;
}

blockquote p {
    background-color: #ededf3;
    color: #2d2b22;
    padding: 24px;
}

blockquote {
    font-size: 16px;
}

/* /theme_treehouse/static/src/less/snippets/s_separator_extended.less defined in bundle 'web.assets_frontend' */
.s_separator {
    border-color: inherit;
    border-top: 0;
    padding: 8px 0;
    margin: 0 0 16px;
    height: 1px;
    display: inline-block;
    width: 100%;
    border-style: solid;
    border-bottom-width: 1px;
}

.s_separator.hr-small {
    width: 20%;
}

.s_separator.hr-half {
    width: 50%;
}

.s_separator.hr-full {
    width: 100%;
}

.s_separator.hr-dashed {
    border-style: dashed;
}

.s_separator.hr-dotted {
    border-style: dotted;
}

.s_separator.hr-double {
    border-style: double;
}

.s_separator.hr-solid {
    border-style: solid;
}

.s_separator.hr-1px {
    border-bottom-width: 1px;
}

.s_separator.hr-2px {
    border-bottom-width: 2px;
}

.s_separator.hr-3px {
    border-bottom-width: 3px;
}

.s_separator.hr-4px {
    border-bottom-width: 4px;
}

.s_separator.hr-5px {
    border-bottom-width: 5px;
}

/* /theme_treehouse/static/src/less/snippets/s_share_extended.less defined in bundle 'web.assets_frontend' */
.s_share .s_share_title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.s_share a:hover {
    text-decoration: none;
}

.s_share a:hover .fa {
    background-color: #000066;
    color: #fff;
}

.s_share a .fa {
    background-color: #ededf3;
    color: #000066;
}

.s_share a .fa {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.s_share a .fa,
.s_share a .fa.fa-1x {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.s_share a .fa.fa-2x {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.s_share a .fa.fa-3x {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.s_share a .fa.fa-4x {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.s_share a .fa.fa-5x {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

/* /theme_treehouse/static/src/less/snippets/s_well_extended.less defined in bundle 'web.assets_frontend' */
.s_well {
    box-shadow: none;
}

.s_well .well-text {
    overflow: hidden;
}

.s_well ol,
.s_well p,
.s_well ul {
    width: 100%;
}

.s_well ol:last-child,
.s_well p:last-child,
.s_well ul:last-child {
    margin-bottom: 0;
}

/* /theme_bistro/static/src/less/theme.less defined in bundle 'web.assets_frontend' */
.border-waves:before,
.border-waves:after {
    content: '';
    display: block;
    height: 10px;
    background: url('../../../theme_bistro/static/src/static/frontend/img/content/border-waves.svg');
    background-repeat: repeat-x;
}

.border-waves:before {
    background-position: left -6px;
}

.border-waves:after {
    background-position: left 2px;
}

.border-triangles:before,
.border-triangles:after {
    content: '';
    display: block;
    height: 16px;
    background-repeat: repeat-x;
    background-size: 16px 16px !important;
}

.border-triangles:after {
    background: linear-gradient(-45deg, #ffffff 8px, rgba(0, 0, 0, 0) 0), linear-gradient(45deg, #ffffff 8px, rgba(0, 0, 0, 0) 0);
}

.border-triangles:before {
    background: linear-gradient(-135deg, #ffffff 8px, rgba(0, 0, 0, 0) 0), linear-gradient(135deg, #ffffff 8px, rgba(0, 0, 0, 0) 0);
}

.border-lines:before,
.border-lines:after {
    content: '';
    display: block;
    height: 1px;
}

.border-lines:before {
    box-shadow: 0 0 0 10px #fff, 0 21px 0 0 #fff;
}

.border-lines:after {
    box-shadow: 0 0 0 10px #fff, 0 -21px 0 0 #fff;
}

/* /website_portal/static/src/less/website_portal.less defined in bundle 'web.assets_frontend' */
.o_my_status_table {
    table-layout: fixed;
}

.o_my_status_table th,
.o_my_status_table td {
    text-align: right;
}

.o_my_status_table th:nth-last-child(2) {
    width: 150px;
}

.o_my_status_table th:nth-last-child(1) {
    width: 120px;
}

.o_my_status_table th:nth-child(1),
.o_my_status_table td:nth-child(1) {
    width: auto;
    min-width: 150px;
    text-align: left;
}

@media (max-width: 767px) {
    .o_my_status_table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

.o_my_home_content>.page-header>a:hover {
    text-decoration: none;
}

/* /theme_treehouse/static/src/less/options/background/pattern_04.less defined in bundle 'web.assets_frontend' */
#wrapwrap {
    background-image: url('/static/frontend/img/theme_treehouse-4.png');
    background-repeat: repeat;
}

/* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */
.website_blog {}

.website_blog .css_website_mail .has-error {
    border-color: red;
}

.website_blog .css_website_mail .css_nav_month {
    display: none;
}

.website_blog .css_website_mail .css_nav_month:first-of-type {
    display: block;
}

.website_blog .read_width {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.website_blog .blog_content {
    min-height: 350px !important;
}

.website_blog .blog_content a.oe_mail_expand:after {
    content: " →";
}

.website_blog .blog_content a.oe_mail_expand {
    font-weight: bold;
}

.website_blog p.post-meta {
    position: relative;
    top: -5px;
}

.website_blog div#blog_angle_down a:hover {
    text-decoration: none;
}

.website_blog .o_blog_cover_container {
    position: relative;
}

.website_blog .o_blog_cover_container>.o_blog_cover_component {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.website_blog .o_blog_cover_container>.blog_title {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}

.website_blog .o_blog_cover_container.cover>.o_blog_cover_component {
    display: block;
}

.website_blog .o_blog_cover_container.cover>.blog_title,
.website_blog .o_blog_cover_container.cover_footer>.blog_title {
    color: white;
    position: absolute;
    top: 20%;
    left: 30px;
    bottom: auto;
    right: 30px;
}

.website_blog .o_blog_cover_container.cover_full {
    height: 600px;
    height: 100vh;
}

.website_blog .o_blog_cover_container.cover_narrow {
    height: 300px;
    height: 50vh;
}

.website_blog .o_blog_cover_container.o_list_cover {
    display: none;
    width: auto !important;
    height: 250px !important;
}

.website_blog .o_blog_cover_container.o_list_cover.cover {
    display: block;
}

.website_blog .o_blog_cover_container.cover_footer {
    min-height: 350px;
    height: 65vh;
    background-color: #B8B8B8;
    cursor: pointer;
}

@media (max-width: 767px) {
    .website_blog .o_blog_cover_container>.blog_title>h1 {
        font-size: 26px;
    }

    .website_blog .o_blog_cover_container>.blog_title>h2 {
        font-size: 20px;
    }

    .website_blog .o_blog_cover_container.cover>.blog_title {
        top: 10%;
    }

    .website_blog .o_blog_cover_container.cover_narrow {
        height: 65vh;
    }

    .website_blog .o_blog_cover_container.cover_footer {
        min-height: 280px;
        height: 50vh;
    }

    .website_blog .o_blog_cover_container.cover_footer>.blog_title {
        top: 2%;
    }
}

.website_blog mark+.popover,
.website_blog .cover_footer {
    cursor: pointer;
}

.website_blog .js_publish_management {
    position: absolute;
    top: 15px;
    left: auto;
    bottom: auto;
    right: 15px;
    z-index: 1;
}

.website_blog .js_publish_management .dropdown-menu {
    left: auto;
    right: 0;
}

.website_blog .o_blog_post_title {
    font-size: 24px;
}

.website_blog .o_blog_post_teaser {
    text-align: justify;
}

.website_blog .o_grid {
    margin: 0 6% 6% 0;
    border: 1px solid #EEEEEE;
    box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee;
    padding-bottom: 15px;
}

.website_blog .o_grid .o_blog_post_teaser {
    width: 100%;
}

.website_blog .o_grid>.text-muted>.mb0>hr {
    display: none;
}

.website_blog .o_author_avatar_little {
    width: 40px;
    display: inline;
    margin-top: -5px;
}

.website_blog .o_sharing_links {
    margin-top: 20px;
}

.website_blog .o_sharing_links>p {
    display: inline;
    font-size: 12px;
}

.website_blog .o_sharing_links>a {
    color: #b3b3b3;
    font: normal normal normal 28px/1 FontAwesome;
    margin: 0 4px 0 4px;
    cursor: pointer;
}

.website_blog .o_sharing_links>a:hover {
    text-decoration: none;
}

.website_blog .o_sharing_links>a.o_twitter_complete,
.website_blog .o_sharing_links>a.o_twitter:hover {
    color: #4099FF;
}

.website_blog .o_sharing_links>a.o_google_complete,
.website_blog .o_sharing_links>a.o_google:hover {
    color: #DD4B39;
}

.website_blog .o_sharing_links>a.o_facebook_complete,
.website_blog .o_sharing_links>a.o_facebook:hover {
    color: #3b5998;
}

.website_blog .o_sharing_links>a.o_linkedin_complete,
.website_blog .o_sharing_links>a.o_linkedin:hover {
    color: #0E76A8;
}

.website_blog .o_sharing_links>a.unhover {
    color: #b3b3b3;
}

.website_blog .o_blog_post_complete.o_sharing_links {
    max-width: 700px;
    margin: 50px auto 50px auto;
    text-align: center;
}

.website_blog .o_blog_post_complete.o_sharing_links>p {
    font-size: 16px;
    font-weight: 600;
}

.website_blog .o_blog_post_complete.o_sharing_links>a {
    font: normal normal normal 40px/1 FontAwesome;
}

.website_blog div[name="blog_post_data"] {
    margin-top: 20px !important;
    font-size: 13px;
}

.website_blog div[name="blog_post"] {
    position: relative;
}

.website_blog div[name="blog_post"] hr {
    margin-top: 10px;
}

/* /theme_treehouse/static/src/less/options/fonts/font_dosis.less defined in bundle 'web.assets_frontend' */


/* /snippet_google_map/static/src/less/s_google_map.less defined in bundle 'web.assets_frontend' */
.s_google_map {
    height: 100%;
    min-height: 300px;
    position: relative;
}

.s_google_map .map_container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.s_google_map.readable .map_container {
    position: relative;
}

.s_google_map .description {
    z-index: 99;
    background: #000066;
    background: rgba(221, 126, 67, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0 1em;
    color: white;
    -webkit-transition: background-color 250ms ease;
    -o-transition: background-color 250ms ease;
    transition: background-color 250ms ease;
    text-align: center;
    padding: 20px 0;
}

.s_google_map .description font {
    float: left;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
    float: none;
}

.s_google_map .description span {
    float: left;
    text-transform: none;
    font-weight: normal;
    margin-top: 20px;
    margin-left: 10px;
    float: none;
}

.s_google_map:hover .description {
    background: #000066;
    background: rgba(221, 126, 67, 0.55);
}

#mapModal {
    z-index: 3000;
}

.pac-container {
    z-index: 3001;
}

.pac-container:after {
    display: none;
}

/* /theme_treehouse/static/src/less/options/layout/footer_gray_darker.less defined in bundle 'web.assets_frontend' */
#wrapwrap footer {
    background-color: #000;
    color: #fff;
}

#wrapwrap .top .fa {
    background-color: #000066;
    color: #2d2b22;
}

#wrapwrap .top .fa:hover {
    background-color: #2d2b22;
    color: #000066;
}

/* /snippet_latest_posts/static/src/less/js_get_posts.less defined in bundle 'web.assets_frontend' */
.js_get_posts {
    position: relative;
    min-height: 100px;
    overflow: auto;
}

.progress.js-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.progress.js-loading .progress-bar {
    margin: 0;
    left: 10%;
    width: 80%;
    top: 45%;
    height: 10px;
    position: absolute;
    background: #DBDBDB;
    box-shadow: none;
}

/* /snippet_latest_posts/static/src/less/s_latest_posts.less defined in bundle 'web.assets_frontend' */
.s_latest_posts .media.media_list_template .pull-left {
    box-sizing: content-box;
    width: 100%;
    height: 200px;
}

@media (min-width: 768px) {
    .s_latest_posts .media.media_list_template .pull-left {
        width: 100px;
        height: 100px;
    }
}

.s_latest_posts .media.media_list_template .pull-left>a {
    width: 100%;
    height: 100%;
}

.s_latest_posts .media.media_list_template .pull-left>a>.o_blog_cover_container {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
}

.s_latest_posts .media.media_list_template .pull-left>a>.o_blog_cover_container>.o_blog_cover_component {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.s_latest_posts .media.media_list_template .pull-left>a>.o_blog_cover_container>.o_blog_cover_image {
    background-size: cover;
    background-position: center;
}

/* /snippet_latest_posts/static/src/less/s_latest_posts_big_picture.less defined in bundle 'web.assets_frontend' */
.s_latest_posts_big_picture {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.s_latest_posts_big_picture>.navbar-header,
.s_latest_posts_big_picture>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {

    .s_latest_posts_big_picture>.navbar-header,
    .s_latest_posts_big_picture>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.s_latest_posts_big_picture>div {
    margin-left: -15px;
    margin-right: -15px;
}

.s_latest_posts_big_picture>div .content {
    opacity: 1;
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #000066;
}

.s_latest_posts_big_picture>div figure {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
    height: 250px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

@media (max-width: 767px) {
    .s_latest_posts_big_picture>div figure {
        width: 100%;
    }
}

.s_latest_posts_big_picture>div figure.js-loading {
    background: #E7E7E7 !important;
}

.s_latest_posts_big_picture>div figure .thumb {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    opacity: 0.8;
}

.s_latest_posts_big_picture>div figure .thumb>.o_blog_cover_component {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.s_latest_posts_big_picture>div figure .thumb>.o_blog_cover_image {
    background-size: cover;
    background-position: center;
}

.s_latest_posts_big_picture>div figure figcaption,
.s_latest_posts_big_picture>div figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.s_latest_posts_big_picture>div figure figcaption:after,
.s_latest_posts_big_picture>div figure figcaption>a:after,
.s_latest_posts_big_picture>div figure figcaption:before,
.s_latest_posts_big_picture>div figure figcaption>a:before {
    pointer-events: none;
}

.s_latest_posts_big_picture>div figure figcaption>a,
.s_latest_posts_big_picture>div figure figcaption>a>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.s_latest_posts_big_picture>div figure figcaption h2,
.s_latest_posts_big_picture>div figure figcaption>a h2 {
    margin: 0;
    font-size: 1.5em;
    font-weight: 300;
}

.s_latest_posts_big_picture>div figure figcaption h2 span,
.s_latest_posts_big_picture>div figure figcaption>a h2 span {
    font-weight: 800;
}

.s_latest_posts_big_picture>div figure figcaption p,
.s_latest_posts_big_picture>div figure figcaption>a p {
    margin: 1em 0 0;
    letter-spacing: 1px;
    font-size: 68.5%;
}

/* /website_mail/static/src/css/website_mail.css defined in bundle 'web.assets_frontend' */
.js_follow[data-follow='on'] .js_follow_btn,
.js_follow[data-follow='off'] .js_unfollow_btn {
    display: none;
}

/* /website_payment/static/src/css/website_payment.css defined in bundle 'web.assets_frontend' */
input#cc_number {
    background-repeat: no-repeat;
    background-position: 14px 14px;
}

div.card_placeholder {
    background-image: url("../../../website_payment/static/src/static/frontend/img/placeholder.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 20px;
    position: absolute;
    top: 34px;
    right: 20px;
    -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    pointer-events: none;
}

div.amex {
    background-image: url("../../../website_payment/static/src/static/frontend/img/amex.png");
    background-repeat: no-repeat;
}

div.diners {
    background-image: url("../../../website_payment/static/src/static/frontend/img/diners.png");
    background-repeat: no-repeat;
}

div.discover {
    background-image: url("../../../website_payment/static/src/static/frontend/img/discover.png");
    background-repeat: no-repeat;
}

div.jcb {
    background-image: url("../../../website_payment/static/src/static/frontend/img/jcb.png");
    background-repeat: no-repeat;
}

div.mastercard {
    background-image: url("../../../website_payment/static/src/static/frontend/img/mastercard.png");
    background-repeat: no-repeat;
}

div.visa {
    background-image: url("../../../website_payment/static/src/static/frontend/img/visa.png");
    background-repeat: no-repeat;
}

ul.payment_method_list img.img-rounded {
    max-width: 100px;
    max-height: 40px;
}

/* /theme_treehouse/static/src/less/options/colors/colors_05.less defined in bundle 'web.assets_frontend' */
.bg-white {
    background-color: #fff;
    color: #2d2b22;
}

.bg-white.fa:not([class*="text-"]),
.bg-white .blockquote-text small,
.bg-white a:not(.btn) {
    color: #2d2b22;
}

.panel-white {
    border-color: #fff;
}

.panel-white .list-group li.active {
    background-color: #fff !important;
    color: #2d2b22;
}

.panel-white>.panel-heading {
    background-color: #fff;
    color: #2d2b22;
}

.panel-white>.panel-heading .text-muted {
    color: #2d2b22;
}

.panel-white>.panel-heading>.panel-title,
.panel-white>.panel-heading a {
    color: #2d2b22;
}

.panel-white .tab-content {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 20px;
}

.panel-white .nav-tabs {
    border-bottom: 1px solid #fff;
}

.panel-white .nav-tabs>li>a {
    background-color: inherit;
    color: #fff;
}

.panel-white .nav-tabs>li>a:focus,
.panel-white .nav-tabs>li>a:hover {
    background-color: #fff;
    border: 1px solid #fff;
    border-bottom-color: #fff;
    color: #2d2b22;
}

.panel-white .nav-tabs>li>a:focus .fa,
.panel-white .nav-tabs>li>a:hover .fa {
    color: #2d2b22;
}

.panel-white .nav-tabs>li.active a,
.panel-white .nav-tabs>li.active a:focus,
.panel-white .nav-tabs>li.active a:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #2d2b22;
}

.panel-white .nav-tabs>li.active a .fa,
.panel-white .nav-tabs>li.active a:focus .fa,
.panel-white .nav-tabs>li.active a:hover .fa {
    color: #2d2b22;
}

.well-white {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    color: inherit;
}

.well-white .fa {
    color: #fff;
}

.bg-gray-lighter {
    background-color: #ededf3;
    color: #2d2b22;
}

.bg-gray-lighter.fa:not([class*="text-"]),
.bg-gray-lighter .blockquote-text small,
.bg-gray-lighter a:not(.btn) {
    color: #2d2b22;
}

.panel-gray-lighter {
    border-color: #ededf3;
}

.panel-gray-lighter .list-group li.active {
    background-color: #ededf3 !important;
    color: #2d2b22;
}

.panel-gray-lighter>.panel-heading {
    background-color: #ededf3;
    color: #2d2b22;
}

.panel-gray-lighter>.panel-heading .text-muted {
    color: #2d2b22;
}

.panel-gray-lighter>.panel-heading>.panel-title,
.panel-gray-lighter>.panel-heading a {
    color: #2d2b22;
}

.panel-gray-lighter .tab-content {
    border-left: 1px solid #ededf3;
    border-bottom: 1px solid #ededf3;
    border-right: 1px solid #ededf3;
    padding: 20px;
}

.panel-gray-lighter .nav-tabs {
    border-bottom: 1px solid #ededf3;
}

.panel-gray-lighter .nav-tabs>li>a {
    background-color: inherit;
    color: #ededf3;
}

.panel-gray-lighter .nav-tabs>li>a:focus,
.panel-gray-lighter .nav-tabs>li>a:hover {
    background-color: #ededf3;
    border: 1px solid #ededf3;
    border-bottom-color: #ededf3;
    color: #2d2b22;
}

.panel-gray-lighter .nav-tabs>li>a:focus .fa,
.panel-gray-lighter .nav-tabs>li>a:hover .fa {
    color: #2d2b22;
}

.panel-gray-lighter .nav-tabs>li.active a,
.panel-gray-lighter .nav-tabs>li.active a:focus,
.panel-gray-lighter .nav-tabs>li.active a:hover {
    border: 1px solid #ededf3;
    background-color: #ededf3;
    color: #2d2b22;
}

.panel-gray-lighter .nav-tabs>li.active a .fa,
.panel-gray-lighter .nav-tabs>li.active a:focus .fa,
.panel-gray-lighter .nav-tabs>li.active a:hover .fa {
    color: #2d2b22;
}

.well-gray-lighter {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ededf3;
    color: inherit;
}

.well-gray-lighter .fa {
    color: #ededf3;
}

.bg-gray {
    background-color: #d3b484;
    color: #2d2b22;
}

.bg-gray.fa:not([class*="text-"]),
.bg-gray .blockquote-text small,
.bg-gray a:not(.btn) {
    color: #2d2b22;
}

.panel-gray {
    border-color: #d3b484;
}

.panel-gray .list-group li.active {
    background-color: #d3b484 !important;
    color: #2d2b22;
}

.panel-gray>.panel-heading {
    background-color: #d3b484;
    color: #2d2b22;
}

.panel-gray>.panel-heading .text-muted {
    color: #2d2b22;
}

.panel-gray>.panel-heading>.panel-title,
.panel-gray>.panel-heading a {
    color: #2d2b22;
}

.panel-gray .tab-content {
    border-left: 1px solid #d3b484;
    border-bottom: 1px solid #d3b484;
    border-right: 1px solid #d3b484;
    padding: 20px;
}

.panel-gray .nav-tabs {
    border-bottom: 1px solid #d3b484;
}

.panel-gray .nav-tabs>li>a {
    background-color: inherit;
    color: #d3b484;
}

.panel-gray .nav-tabs>li>a:focus,
.panel-gray .nav-tabs>li>a:hover {
    background-color: #d3b484;
    border: 1px solid #d3b484;
    border-bottom-color: #d3b484;
    color: #2d2b22;
}

.panel-gray .nav-tabs>li>a:focus .fa,
.panel-gray .nav-tabs>li>a:hover .fa {
    color: #2d2b22;
}

.panel-gray .nav-tabs>li.active a,
.panel-gray .nav-tabs>li.active a:focus,
.panel-gray .nav-tabs>li.active a:hover {
    border: 1px solid #d3b484;
    background-color: #d3b484;
    color: #2d2b22;
}

.panel-gray .nav-tabs>li.active a .fa,
.panel-gray .nav-tabs>li.active a:focus .fa,
.panel-gray .nav-tabs>li.active a:hover .fa {
    color: #2d2b22;
}

.well-gray {
    background-color: rgba(0, 0, 0, 0);
    border-color: #d3b484;
    color: inherit;
}

.well-gray .fa {
    color: #d3b484;
}

#wrapwrap .bg-gray-darker {
    background-color: #2d2b22;
    color: #fff;
}

#wrapwrap .bg-gray-darker.fa:not([class*="text-"]),
#wrapwrap .bg-gray-darker .blockquote-text small,
#wrapwrap .bg-gray-darker a:not(.btn) {
    color: #fff;
}

#wrapwrap .panel-gray-darker {
    border-color: #2d2b22;
}

#wrapwrap .panel-gray-darker .list-group li.active {
    background-color: #2d2b22 !important;
    color: #fff;
}

#wrapwrap .panel-gray-darker>.panel-heading {
    background-color: #2d2b22;
    color: #fff;
}

#wrapwrap .panel-gray-darker>.panel-heading .text-muted {
    color: #fff;
}

#wrapwrap .panel-gray-darker>.panel-heading>.panel-title,
#wrapwrap .panel-gray-darker>.panel-heading a {
    color: #fff;
}

#wrapwrap .panel-gray-darker .tab-content {
    border-left: 1px solid #2d2b22;
    border-bottom: 1px solid #2d2b22;
    border-right: 1px solid #2d2b22;
    padding: 20px;
}

#wrapwrap .panel-gray-darker .nav-tabs {
    border-bottom: 1px solid #2d2b22;
}

#wrapwrap .panel-gray-darker .nav-tabs>li>a {
    background-color: inherit;
    color: #2d2b22;
}

#wrapwrap .panel-gray-darker .nav-tabs>li>a:focus,
#wrapwrap .panel-gray-darker .nav-tabs>li>a:hover {
    background-color: #2d2b22;
    border: 1px solid #2d2b22;
    border-bottom-color: #2d2b22;
    color: #fff;
}

#wrapwrap .panel-gray-darker .nav-tabs>li>a:focus .fa,
#wrapwrap .panel-gray-darker .nav-tabs>li>a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-gray-darker .nav-tabs>li.active a,
#wrapwrap .panel-gray-darker .nav-tabs>li.active a:focus,
#wrapwrap .panel-gray-darker .nav-tabs>li.active a:hover {
    border: 1px solid #2d2b22;
    background-color: #2d2b22;
    color: #fff;
}

#wrapwrap .panel-gray-darker .nav-tabs>li.active a .fa,
#wrapwrap .panel-gray-darker .nav-tabs>li.active a:focus .fa,
#wrapwrap .panel-gray-darker .nav-tabs>li.active a:hover .fa {
    color: #fff;
}

#wrapwrap .well-gray-darker {
    background-color: rgba(0, 0, 0, 0);
    border-color: #2d2b22;
    color: inherit;
}

#wrapwrap .well-gray-darker .fa {
    color: #2d2b22;
}

#wrapwrap .btn.btn-default {
    background-color: #2d2b22;
    color: #fff;
}

#wrapwrap .btn.btn-default:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #2d2b22;
    color: #2d2b22;
}

#wrapwrap .btn.btn-default,
.link-style .col-sm-10 .btn.btn-default,
.modal-body .dropdown-menu .btn.btn-default {
    background-color: #2d2b22;
    color: #fff;
}

#wrapwrap .btn.btn-default:hover,
.link-style .col-sm-10 .btn.btn-default:hover,
.modal-body .dropdown-menu .btn.btn-default:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #2d2b22;
    color: #2d2b22;
}

#wrapwrap .bg-alpha {
    background-color: #000066;
    color: #fff;
}

#wrapwrap .bg-alpha.fa:not([class*="text-"]),
#wrapwrap .bg-alpha .blockquote-text small,
#wrapwrap .bg-alpha a:not(.btn) {
    color: #fff;
}

#wrapwrap .panel-alpha {
    border-color: #000066;
}

#wrapwrap .panel-alpha .list-group li.active {
    background-color: #000066 !important;
    color: #fff;
}

#wrapwrap .panel-alpha>.panel-heading {
    background-color: #000066;
    color: #fff;
}

#wrapwrap .panel-alpha>.panel-heading .text-muted {
    color: #fff;
}

#wrapwrap .panel-alpha>.panel-heading>.panel-title,
#wrapwrap .panel-alpha>.panel-heading a {
    color: #fff;
}

#wrapwrap .panel-alpha .tab-content {
    border-left: 1px solid #000066;
    border-bottom: 1px solid #000066;
    border-right: 1px solid #000066;
    padding: 20px;
}

#wrapwrap .panel-alpha .nav-tabs {
    border-bottom: 1px solid #000066;
}

#wrapwrap .panel-alpha .nav-tabs>li>a {
    background-color: inherit;
    color: #000066;
}

#wrapwrap .panel-alpha .nav-tabs>li>a:focus,
#wrapwrap .panel-alpha .nav-tabs>li>a:hover {
    background-color: #000066;
    border: 1px solid #000066;
    border-bottom-color: #000066;
    color: #fff;
}

#wrapwrap .panel-alpha .nav-tabs>li>a:focus .fa,
#wrapwrap .panel-alpha .nav-tabs>li>a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-alpha .nav-tabs>li.active a,
#wrapwrap .panel-alpha .nav-tabs>li.active a:focus,
#wrapwrap .panel-alpha .nav-tabs>li.active a:hover {
    border: 1px solid #000066;
    background-color: #000066;
    color: #fff;
}

#wrapwrap .panel-alpha .nav-tabs>li.active a .fa,
#wrapwrap .panel-alpha .nav-tabs>li.active a:focus .fa,
#wrapwrap .panel-alpha .nav-tabs>li.active a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-primary {
    border-color: #000066;
}

#wrapwrap .panel-primary>.panel-heading {
    color: #fff;
    background-color: #000066;
    border-color: #000066;
}

#wrapwrap .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #000066;
}

#wrapwrap .panel-primary>.panel-heading .badge {
    color: #000066;
    background-color: #fff;
}

#wrapwrap .panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #000066;
}

#wrapwrap .well-alpha {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000066;
    color: inherit;
}

#wrapwrap .well-alpha .fa {
    color: #000066;
}

#wrapwrap .btn.btn-primary,
.link-style .col-sm-10 .btn.btn-primary,
.modal-body .dropdown-menu .btn.btn-primary {
    background-color: #000066;
    color: #fff;
}

#wrapwrap .btn.btn-primary:hover,
.link-style .col-sm-10 .btn.btn-primary:hover,
.modal-body .dropdown-menu .btn.btn-primary:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000066;
    color: #000066;
}

#wrapwrap .bg-beta {
    background-color: #d45c45;
    color: #fff;
}

#wrapwrap .bg-beta.fa:not([class*="text-"]),
#wrapwrap .bg-beta .blockquote-text small,
#wrapwrap .bg-beta a:not(.btn) {
    color: #fff;
}

#wrapwrap .panel-beta {
    border-color: #d45c45;
}

#wrapwrap .panel-beta .list-group li.active {
    background-color: #d45c45 !important;
    color: #fff;
}

#wrapwrap .panel-beta>.panel-heading {
    background-color: #d45c45;
    color: #fff;
}

#wrapwrap .panel-beta>.panel-heading .text-muted {
    color: #fff;
}

#wrapwrap .panel-beta>.panel-heading>.panel-title,
#wrapwrap .panel-beta>.panel-heading a {
    color: #fff;
}

#wrapwrap .panel-beta .tab-content {
    border-left: 1px solid #d45c45;
    border-bottom: 1px solid #d45c45;
    border-right: 1px solid #d45c45;
    padding: 20px;
}

#wrapwrap .panel-beta .nav-tabs {
    border-bottom: 1px solid #d45c45;
}

#wrapwrap .panel-beta .nav-tabs>li>a {
    background-color: inherit;
    color: #d45c45;
}

#wrapwrap .panel-beta .nav-tabs>li>a:focus,
#wrapwrap .panel-beta .nav-tabs>li>a:hover {
    background-color: #d45c45;
    border: 1px solid #d45c45;
    border-bottom-color: #d45c45;
    color: #fff;
}

#wrapwrap .panel-beta .nav-tabs>li>a:focus .fa,
#wrapwrap .panel-beta .nav-tabs>li>a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-beta .nav-tabs>li.active a,
#wrapwrap .panel-beta .nav-tabs>li.active a:focus,
#wrapwrap .panel-beta .nav-tabs>li.active a:hover {
    border: 1px solid #d45c45;
    background-color: #d45c45;
    color: #fff;
}

#wrapwrap .panel-beta .nav-tabs>li.active a .fa,
#wrapwrap .panel-beta .nav-tabs>li.active a:focus .fa,
#wrapwrap .panel-beta .nav-tabs>li.active a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-success {
    border-color: #d45c45;
}

#wrapwrap .panel-success>.panel-heading {
    color: #fff;
    background-color: #d45c45;
    border-color: #d45c45;
}

#wrapwrap .panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d45c45;
}

#wrapwrap .panel-success>.panel-heading .badge {
    color: #d45c45;
    background-color: #fff;
}

#wrapwrap .panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d45c45;
}

#wrapwrap .well-beta {
    background-color: rgba(0, 0, 0, 0);
    border-color: #d45c45;
    color: inherit;
}

#wrapwrap .well-beta .fa {
    color: #d45c45;
}

#wrapwrap .btn.btn-success,
.link-style .col-sm-10 .btn.btn-success,
.modal-body .dropdown-menu .btn.btn-success {
    background-color: #d45c45;
    color: #fff;
}

#wrapwrap .btn.btn-success:hover,
.link-style .col-sm-10 .btn.btn-success:hover,
.modal-body .dropdown-menu .btn.btn-success:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #d45c45;
    color: #d45c45;
}

#wrapwrap .bg-gamma {
    background-color: #050539;
    color: #fff;
}

#wrapwrap .bg-gamma.fa:not([class*="text-"]),
#wrapwrap .bg-gamma .blockquote-text small,
#wrapwrap .bg-gamma a:not(.btn) {
    color: #fff;
}

#wrapwrap .panel-gamma {
    border-color: #050539;
}

#wrapwrap .panel-gamma .list-group li.active {
    background-color: #050539 !important;
    color: #fff;
}

#wrapwrap .panel-gamma>.panel-heading {
    background-color: #050539;
    color: #fff;
}

#wrapwrap .panel-gamma>.panel-heading .text-muted {
    color: #fff;
}

#wrapwrap .panel-gamma>.panel-heading>.panel-title,
#wrapwrap .panel-gamma>.panel-heading a {
    color: #fff;
}

#wrapwrap .panel-gamma .tab-content {
    border-left: 1px solid #050539;
    border-bottom: 1px solid #050539;
    border-right: 1px solid #050539;
    padding: 20px;
}

#wrapwrap .panel-gamma .nav-tabs {
    border-bottom: 1px solid #050539;
}

#wrapwrap .panel-gamma .nav-tabs>li>a {
    background-color: inherit;
    color: #050539;
}

#wrapwrap .panel-gamma .nav-tabs>li>a:focus,
#wrapwrap .panel-gamma .nav-tabs>li>a:hover {
    background-color: #050539;
    border: 1px solid #050539;
    border-bottom-color: #050539;
    color: #fff;
}

#wrapwrap .panel-gamma .nav-tabs>li>a:focus .fa,
#wrapwrap .panel-gamma .nav-tabs>li>a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-gamma .nav-tabs>li.active a,
#wrapwrap .panel-gamma .nav-tabs>li.active a:focus,
#wrapwrap .panel-gamma .nav-tabs>li.active a:hover {
    border: 1px solid #050539;
    background-color: #050539;
    color: #fff;
}

#wrapwrap .panel-gamma .nav-tabs>li.active a .fa,
#wrapwrap .panel-gamma .nav-tabs>li.active a:focus .fa,
#wrapwrap .panel-gamma .nav-tabs>li.active a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-info {
    border-color: #050539;
}

#wrapwrap .panel-info>.panel-heading {
    color: #fff;
    background-color: #050539;
    border-color: #050539;
}

#wrapwrap .panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #050539;
}

#wrapwrap .panel-info>.panel-heading .badge {
    color: #050539;
    background-color: #fff;
}

#wrapwrap .panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #050539;
}

#wrapwrap .well-gamma {
    background-color: rgba(0, 0, 0, 0);
    border-color: #050539;
    color: inherit;
}

#wrapwrap .well-gamma .fa {
    color: #050539;
}

#wrapwrap .btn.btn-info,
.link-style .col-sm-10 .btn.btn-info,
.modal-body .dropdown-menu .btn.btn-info {
    background-color: #050539;
    color: #fff;
}

#wrapwrap .btn.btn-info:hover,
.link-style .col-sm-10 .btn.btn-info:hover,
.modal-body .dropdown-menu .btn.btn-info:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #050539;
    color: #050539;
}

#wrapwrap .bg-delta {
    background-color: #306E73;
    color: #fff;
}

#wrapwrap .bg-delta.fa:not([class*="text-"]),
#wrapwrap .bg-delta .blockquote-text small,
#wrapwrap .bg-delta a:not(.btn) {
    color: #fff;
}

#wrapwrap .panel-delta {
    border-color: #306E73;
}

#wrapwrap .panel-delta .list-group li.active {
    background-color: #306E73 !important;
    color: #fff;
}

#wrapwrap .panel-delta>.panel-heading {
    background-color: #306E73;
    color: #fff;
}

#wrapwrap .panel-delta>.panel-heading .text-muted {
    color: #fff;
}

#wrapwrap .panel-delta>.panel-heading>.panel-title,
#wrapwrap .panel-delta>.panel-heading a {
    color: #fff;
}

#wrapwrap .panel-delta .tab-content {
    border-left: 1px solid #306E73;
    border-bottom: 1px solid #306E73;
    border-right: 1px solid #306E73;
    padding: 20px;
}

#wrapwrap .panel-delta .nav-tabs {
    border-bottom: 1px solid #306E73;
}

#wrapwrap .panel-delta .nav-tabs>li>a {
    background-color: inherit;
    color: #306E73;
}

#wrapwrap .panel-delta .nav-tabs>li>a:focus,
#wrapwrap .panel-delta .nav-tabs>li>a:hover {
    background-color: #306E73;
    border: 1px solid #306E73;
    border-bottom-color: #306E73;
    color: #fff;
}

#wrapwrap .panel-delta .nav-tabs>li>a:focus .fa,
#wrapwrap .panel-delta .nav-tabs>li>a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-delta .nav-tabs>li.active a,
#wrapwrap .panel-delta .nav-tabs>li.active a:focus,
#wrapwrap .panel-delta .nav-tabs>li.active a:hover {
    border: 1px solid #306E73;
    background-color: #306E73;
    color: #fff;
}

#wrapwrap .panel-delta .nav-tabs>li.active a .fa,
#wrapwrap .panel-delta .nav-tabs>li.active a:focus .fa,
#wrapwrap .panel-delta .nav-tabs>li.active a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-warning {
    border-color: #306E73;
}

#wrapwrap .panel-warning>.panel-heading {
    color: #fff;
    background-color: #306E73;
    border-color: #306E73;
}

#wrapwrap .panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #306E73;
}

#wrapwrap .panel-warning>.panel-heading .badge {
    color: #306E73;
    background-color: #fff;
}

#wrapwrap .panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #306E73;
}

#wrapwrap .well-delta {
    background-color: rgba(0, 0, 0, 0);
    border-color: #306E73;
    color: inherit;
}

#wrapwrap .well-delta .fa {
    color: #306E73;
}

#wrapwrap .btn.btn-warning,
.link-style .col-sm-10 .btn.btn-warning,
.modal-body .dropdown-menu .btn.btn-warning {
    background-color: #306E73;
    color: #fff;
}

#wrapwrap .btn.btn-warning:hover,
.link-style .col-sm-10 .btn.btn-warning:hover,
.modal-body .dropdown-menu .btn.btn-warning:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #306E73;
    color: #306E73;
}

#wrapwrap .bg-epsilon {
    background-color: #9CC264;
    color: #fff;
}

#wrapwrap .bg-epsilon.fa:not([class*="text-"]),
#wrapwrap .bg-epsilon .blockquote-text small,
#wrapwrap .bg-epsilon a:not(.btn) {
    color: #fff;
}

#wrapwrap .panel-epsilon {
    border-color: #9CC264;
}

#wrapwrap .panel-epsilon .list-group li.active {
    background-color: #9CC264 !important;
    color: #fff;
}

#wrapwrap .panel-epsilon>.panel-heading {
    background-color: #9CC264;
    color: #fff;
}

#wrapwrap .panel-epsilon>.panel-heading .text-muted {
    color: #fff;
}

#wrapwrap .panel-epsilon>.panel-heading>.panel-title,
#wrapwrap .panel-epsilon>.panel-heading a {
    color: #fff;
}

#wrapwrap .panel-epsilon .tab-content {
    border-left: 1px solid #9CC264;
    border-bottom: 1px solid #9CC264;
    border-right: 1px solid #9CC264;
    padding: 20px;
}

#wrapwrap .panel-epsilon .nav-tabs {
    border-bottom: 1px solid #9CC264;
}

#wrapwrap .panel-epsilon .nav-tabs>li>a {
    background-color: inherit;
    color: #9CC264;
}

#wrapwrap .panel-epsilon .nav-tabs>li>a:focus,
#wrapwrap .panel-epsilon .nav-tabs>li>a:hover {
    background-color: #9CC264;
    border: 1px solid #9CC264;
    border-bottom-color: #9CC264;
    color: #fff;
}

#wrapwrap .panel-epsilon .nav-tabs>li>a:focus .fa,
#wrapwrap .panel-epsilon .nav-tabs>li>a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-epsilon .nav-tabs>li.active a,
#wrapwrap .panel-epsilon .nav-tabs>li.active a:focus,
#wrapwrap .panel-epsilon .nav-tabs>li.active a:hover {
    border: 1px solid #9CC264;
    background-color: #9CC264;
    color: #fff;
}

#wrapwrap .panel-epsilon .nav-tabs>li.active a .fa,
#wrapwrap .panel-epsilon .nav-tabs>li.active a:focus .fa,
#wrapwrap .panel-epsilon .nav-tabs>li.active a:hover .fa {
    color: #fff;
}

#wrapwrap .panel-danger {
    border-color: #9CC264;
}

#wrapwrap .panel-danger>.panel-heading {
    color: #fff;
    background-color: #9CC264;
    border-color: #9CC264;
}

#wrapwrap .panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #9CC264;
}

#wrapwrap .panel-danger>.panel-heading .badge {
    color: #9CC264;
    background-color: #fff;
}

#wrapwrap .panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #9CC264;
}

#wrapwrap .well-epsilon {
    background-color: rgba(0, 0, 0, 0);
    border-color: #9CC264;
    color: inherit;
}

#wrapwrap .well-epsilon .fa {
    color: #9CC264;
}

#wrapwrap .btn.btn-danger,
.link-style .col-sm-10 .btn.btn-danger,
.modal-body .dropdown-menu .btn.btn-danger {
    background-color: #9CC264;
    color: #fff;
}

#wrapwrap .btn.btn-danger:hover,
.link-style .col-sm-10 .btn.btn-danger:hover,
.modal-body .dropdown-menu .btn.btn-danger:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #9CC264;
    color: #9CC264;
}

/* /theme_common/static/src/less/fonts.less defined in bundle 'web.assets_frontend' */
@font-face {
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: local('Abel'), local('Abel-Regular'), url(http://fonts.gstatic.com/s/abel/v6/UzN-iejR1VoXU2Oc-7LsbvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

@font-face {
    font-family: 'Advent Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Advent Pro Light'), local('AdventPro-Light'), url(/static/frontend/fonts/AdventPro-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Advent Pro';
    font-style: normal;
    font-weight: 500;
    src: local('Advent Pro Medium'), local('AdventPro-Medium'), url(/static/frontend/fonts/AdventPro-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Advent Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Advent Pro SemiBold'), local('AdventPro-SemiBold'), url(/static/frontend/fonts/AdventPro-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Advent Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Advent Pro Bold'), local('AdventPro-Bold'), url(/static/frontend/fonts/AdventPro-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya SC';
    font-style: normal;
    font-weight: 400;
    src: local('Alegreya SC'), local('AlegreyaSC-Regular'), url(/static/frontend/fonts/AlegreyaSC-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya SC';
    font-style: normal;
    font-weight: 700;
    src: local('Alegreya SC Bold'), local('AlegreyaSC-Bold'), url(/static/frontend/fonts/AlegreyaSC-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya SC';
    font-style: italic;
    font-weight: 400;
    src: local('Alegreya SC Italic'), local('AlegreyaSC-Italic'), url(/static/frontend/fonts/AlegreyaSC-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya SC';
    font-style: italic;
    font-weight: 700;
    src: local('Alegreya SC Bold Italic'), local('AlegreyaSC-BoldItalic'), url(//fonts.gstatic.com/s/alegreyasc/v6/5PCoU7IUfCicpKBJtBmP6WsGzsqhEorxQDpu60nfWEc.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya Sans SC';
    font-style: normal;
    font-weight: 100;
    src: local('Alegreya Sans SC Thin'), local('AlegreyaSansSC-Thin'), url(/static/frontend/fonts/AlegreyaSansSC-Thin.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya Sans SC';
    font-style: normal;
    font-weight: 300;
    src: local('Alegreya Sans SC Light'), local('AlegreyaSansSC-Light'), url(/static/frontend/fonts/AlegreyaSansSC-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya Sans SC';
    font-style: normal;
    font-weight: 400;
    src: local('Alegreya Sans SC'), local('AlegreyaSansSC-Regular'), url(/static/frontend/fonts/AlegreyaSansSC-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya Sans SC';
    font-style: normal;
    font-weight: 700;
    src: local('Alegreya Sans SC Bold'), local('AlegreyaSansSC-Bold'), url(/static/frontend/fonts/AlegreyaSansSC-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya Sans SC';
    font-style: italic;
    font-weight: 400;
    src: local('Alegreya Sans SC Italic'), local('AlegreyaSansSC-Italic'), url(//fonts.gstatic.com/s/alegreyasanssc/v3/trwFkDJLOJf6hqM93944kanwW7lADF4m5UvrnBy4Suw.ttf) format('truetype');
}

@font-face {
    font-family: 'Alegreya Sans SC';
    font-style: italic;
    font-weight: 700;
    src: local('Alegreya Sans SC Bold Italic'), local('AlegreyaSansSC-BoldItalic'), url(//fonts.gstatic.com/s/alegreyasanssc/v3/0VweK-TO3aQgazdxg8fs0CHPkILhDlFZRqOKYLbBLo0.ttf) format('truetype');
}

@font-face {
    font-family: 'Alice';
    font-style: normal;
    font-weight: 400;
    src: local('Alice'), local('Alice-Regular'), url(/static/frontend/fonts/Alice-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Almendra';
    font-style: normal;
    font-weight: 400;
    src: local('Almendra'), local('Almendra-Regular'), url(/static/frontend/fonts/Almendra-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Almendra';
    font-style: normal;
    font-weight: 700;
    src: local('Almendra Bold'), local('Almendra-Bold'), url(/static/frontend/fonts/Almendra-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Almendra';
    font-style: italic;
    font-weight: 400;
    src: local('Almendra Italic'), local('Almendra-Italic'), url(/static/frontend/fonts/Almendra-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Almendra';
    font-style: italic;
    font-weight: 700;
    src: local('Almendra Bold Italic'), local('Almendra-BoldItalic'), url(/static/frontend/fonts/Almendra-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Amaranth';
    font-style: normal;
    font-weight: 400;
    src: local('Amaranth'), url(//fonts.gstatic.com/s/amaranth/v6/imfGW7soN-ntDfo1a_OKNPesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}

@font-face {
    font-family: 'Amaranth';
    font-style: normal;
    font-weight: 700;
    src: local('Amaranth Bold'), local('Amaranth-Bold'), url(/static/frontend/fonts/Amaranth-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Amaranth';
    font-style: italic;
    font-weight: 400;
    src: local('Amaranth Italic'), local('Amaranth-Italic'), url(/static/frontend/fonts/Amaranth-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Amaranth';
    font-style: italic;
    font-weight: 700;
    src: local('Amaranth Bold Italic'), local('Amaranth-BoldItalic'), url(/static/frontend/fonts/Amaranth-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(/static/frontend/fonts/AmaticSC-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(/static/frontend/fonts/AmaticSC-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Arvo';
    font-style: normal;
    font-weight: 400;
    src: local('Arvo'), url(//fonts.gstatic.com/s/arvo/v8/MViwy4K6e56oHcyeMzjbCQ.ttf) format('truetype');
}

@font-face {
    font-family: 'Arvo';
    font-style: normal;
    font-weight: 700;
    src: local('Arvo Bold'), local('Arvo-Bold'), url(/static/frontend/fonts/Arvo-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Arvo';
    font-style: italic;
    font-weight: 400;
    src: local('Arvo Italic'), local('Arvo-Italic'), url(/static/frontend/fonts/Arvo-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Arvo';
    font-style: italic;
    font-weight: 700;
    src: local('Arvo Bold Italic'), local('Arvo-BoldItalic'), url(/static/frontend/fonts/Arvo-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Bevan';
    font-style: normal;
    font-weight: 400;
    src: local('Bevan'), url(/static/frontend/fonts/Bevan.ttf) format('truetype');
}

@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    src: local('Bitter-Regular'), url(/static/frontend/fonts/Bitter-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    src: local('Bitter-Bold'), url(/static/frontend/fonts/Bitter-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    src: local('Bitter-Italic'), url(/static/frontend/fonts/Bitter-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Buda';
    font-style: normal;
    font-weight: 400;
    src: local('Buda-Light'), url(/static/frontend/fonts/Buda-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Bowlby';
    font-style: normal;
    font-weight: 400;
    src: local('Bowlby'), url(/static/frontend/fonts/BowlbyOneSC-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    src: local('Cabin Regular'), local('Cabin-Regular'), url(/static/frontend/fonts/Cabin-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 700;
    src: local('Cabin Bold'), local('Cabin-Bold'), url(/static/frontend/fonts/Cabin-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Cabin';
    font-style: italic;
    font-weight: 400;
    src: local('Cabin Italic'), local('Cabin-Italic'), url(/static/frontend/fonts/Cabin-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Cabin';
    font-style: italic;
    font-weight: 700;
    src: local('Cabin Bold Italic'), local('Cabin-BoldItalic'), url(/static/frontend/fonts/Cabin-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Cabin Sketch';
    font-style: normal;
    font-weight: 400;
    src: local('Cabin Sketch Regular'), local('CabinSketch-Regular'), url(/static/frontend/fonts/CabinSketch-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Cabin Sketch';
    font-style: normal;
    font-weight: 700;
    src: local('CabinSketch Bold'), local('CabinSketch-Bold'), url(/static/frontend/fonts/CabinSketch-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Caudex';
    font-style: normal;
    font-weight: 400;
    src: local('Caudex'), url(//fonts.gstatic.com/s/caudex/v6/03NMplHkN8ROgyklztlsOQ.ttf) format('truetype');
}

@font-face {
    font-family: 'Caudex';
    font-style: normal;
    font-weight: 700;
    src: local('Caudex Bold'), local('Caudex-Bold'), url(/static/frontend/fonts/Caudex-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Caudex';
    font-style: italic;
    font-weight: 400;
    src: local('Caudex Italic'), local('Caudex-Italic'), url(/static/frontend/fonts/Caudex-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Caudex';
    font-style: italic;
    font-weight: 700;
    src: local('Caudex Bold Italic'), local('Caudex-BoldItalic'), url(/static/frontend/fonts/Caudex-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Cinzel';
    src: local('Cinzel-Regular'), url(/static/frontend/fonts/Cinzel-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel';
    src: local('Cinzel-Bold'), url(/static/frontend/fonts/Cinzel-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cousine';
    font-style: normal;
    font-weight: 400;
    src: local('Cousine'), url(//fonts.gstatic.com/s/cousine/v9/DwTQUBZUm7p0EqFjmSeK4w.ttf) format('truetype');
}

@font-face {
    font-family: 'Cousine';
    font-style: normal;
    font-weight: 700;
    src: local('Cousine Bold'), local('Cousine-Bold'), url(/static/frontend/fonts/Cousine-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Cousine';
    font-style: italic;
    font-weight: 400;
    src: local('Cousine Italic'), local('Cousine-Italic'), url(/static/frontend/fonts/Cousine-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Cousine';
    font-style: italic;
    font-weight: 700;
    src: local('Cousine Bold Italic'), local('Cousine-BoldItalic'), url(/static/frontend/fonts/Cousine-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Cuprum';
    font-style: normal;
    font-weight: 400;
    src: local('Cuprum'), local('Cuprum-Regular'), url(/static/frontend/fonts/Cuprum-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Cuprum';
    font-style: normal;
    font-weight: 700;
    src: local('Cuprum Bold'), local('Cuprum-Bold'), url(/static/frontend/fonts/Cuprum-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Cuprum';
    font-style: italic;
    font-weight: 400;
    src: local('Cuprum Italic'), local('Cuprum-Italic'), url(/static/frontend/fonts/Cuprum-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Cuprum';
    font-style: italic;
    font-weight: 700;
    src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'), url(/static/frontend/fonts/Cuprum-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: local('Dancing Script'), local('DancingScript'), url(//fonts.gstatic.com/s/dancingscript/v6/DK0eTGXiZjN6yA8zAEyM2S5FJMZltoAAwO2fP7iHu2o.ttf) format('truetype');
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 700;
    src: local('Dancing Script Bold'), local('DancingScript-Bold'), url(/static/frontend/fonts/DancingScript-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(/static/frontend/fonts/DroidSans.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(/static/frontend/fonts/DroidSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Serif'), local('DroidSerif'), url(/static/frontend/fonts/DroidSerif.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(/static/frontend/fonts/DroidSerif-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Serif';
    font-style: italic;
    font-weight: 400;
    src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(/static/frontend/fonts/DroidSerif-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Serif';
    font-style: italic;
    font-weight: 700;
    src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'), url(//fonts.gstatic.com/s/droidserif/v6/c92rD_x0V1LslSFt3-QEpmsGzsqhEorxQDpu60nfWEc.ttf) format('truetype');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 300;
    src: local('Dosis Light'), local('Dosis-Light'), url(/static/frontend/fonts/Dosis-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: local('Dosis Regular'), local('Dosis-Regular'), url(/static/frontend/fonts/Dosis-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 500;
    src: local('Dosis Medium'), local('Dosis-Medium'), url(/static/frontend/fonts/Dosis-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(/static/frontend/fonts/Dosis-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    src: local('Dosis Bold'), local('Dosis-Bold'), url(/static/frontend/fonts/Dosis-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Economica';
    font-style: normal;
    font-weight: 400;
    src: local('Economica'), local('Economica-Regular'), url(/static/frontend/fonts/Economica-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Economica';
    font-style: normal;
    font-weight: 700;
    src: local('Economica Bold'), local('Economica-Bold'), url(/static/frontend/fonts/Economica-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Economica';
    font-style: italic;
    font-weight: 400;
    src: local('Economica Italic'), local('Economica-Italic'), url(/static/frontend/fonts/Economica-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Economica';
    font-style: italic;
    font-weight: 700;
    src: local('Economica Bold Italic'), local('Economica-BoldItalic'), url(/static/frontend/fonts/Economica-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Ek Mukta';
    font-style: normal;
    font-weight: 300;
    src: local('Ek Mukta Light'), local('EkMukta-Light'), url(/static/frontend/fonts/EkMukta-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Ek Mukta';
    font-style: normal;
    font-weight: 400;
    src: local('Ek Mukta'), local('EkMukta-Regular'), url(/static/frontend/fonts/EkMukta-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Ek Mukta';
    font-style: normal;
    font-weight: 700;
    src: local('Ek Mukta Bold'), local('EkMukta-Bold'), url(/static/frontend/fonts/EkMukta-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Fjalla One';
    font-style: normal;
    font-weight: 400;
    src: local('Fjalla One'), local('FjallaOne-Regular'), url(/static/frontend/fonts/FjallaOne-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Forum';
    font-style: normal;
    font-weight: 400;
    src: local('Forum'), local('Forum-Regular'), url(/static/frontend/fonts/Forum-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Gruppo';
    font-style: normal;
    font-weight: 400;
    src: local('Gruppo Regular'), local('Gruppo-Regular'), url(/static/frontend/fonts/Gruppo-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Imprima';
    font-style: normal;
    font-weight: 400;
    src: local('Imprima'), local('Imprima-Regular'), url(/static/frontend/fonts/Imprima-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Indie Flower';
    font-style: normal;
    font-weight: 400;
    src: local('Indie Flower'), local('IndieFlower'), url(/static/frontend/fonts/IndieFlower.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Josefin Sans Thin'), local('JosefinSans-Thin'), url(//fonts.gstatic.com/s/josefinsans/v9/q9w3H4aeBxj0hZ8Osfi3d2-gXUWvikdRm39El-Kldqo.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(//fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04zwV_pQ1T3xN3K1c3sB361us.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Josefin Sans'), local('JosefinSans'), url(//fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5onF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(/static/frontend/fonts/JosefinSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Josefin Sans Italic'), local('JosefinSans-Italic'), url(/static/frontend/fonts/JosefinSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Josefin Sans Bold Italic'), local('JosefinSans-BoldItalic'), url(//fonts.gstatic.com/s/josefinsans/v9/ppse0J9fKSaoxCIIJb33GyxQL91WRy8t8mPvAX_dIgA.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Slab';
    font-style: normal;
    font-weight: 100;
    src: local('Josefin Slab Thin'), local('JosefinSlab-Thin'), url(//fonts.gstatic.com/s/josefinslab/v6/etsUjZYO8lTLU85lDhZwUm-gXUWvikdRm39El-Kldqo.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Slab';
    font-style: normal;
    font-weight: 300;
    src: local('Josefin Slab Light'), local('JosefinSlab-Light'), url(//fonts.gstatic.com/s/josefinslab/v6/NbE6ykYuM2IyEwxQxOIi2AV_pQ1T3xN3K1c3sB361us.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Josefin Slab'), local('JosefinSlab'), url(//fonts.gstatic.com/s/josefinslab/v6/46aYWdgz-1oFX11flmyEfYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Slab';
    font-style: normal;
    font-weight: 700;
    src: local('Josefin Slab Bold'), local('JosefinSlab-Bold'), url(/static/frontend/fonts/JosefinSlab-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Slab';
    font-style: italic;
    font-weight: 400;
    src: local('Josefin Slab Italic'), local('JosefinSlab-Italic'), url(/static/frontend/fonts/JosefinSlab-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Josefin Slab';
    font-style: italic;
    font-weight: 700;
    src: local('Josefin Slab Bold Italic'), local('JosefinSlab-BoldItalic'), url(//fonts.gstatic.com/s/josefinslab/v6/af9sBoKGPbGO0r21xJulyyxQL91WRy8t8mPvAX_dIgA.ttf) format('truetype');
}

@font-face {
    font-family: 'Jura';
    font-style: normal;
    font-weight: 300;
    src: local('Jura Light'), local('Jura-Light'), url(/static/frontend/fonts/Jura-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Jura';
    font-style: normal;
    font-weight: 400;
    src: local('Jura Regular'), local('Jura-Regular'), url(/static/frontend/fonts/Jura-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: local('Karla Regular'), local('Karla-Regular'), url(/static/frontend/fonts/Karla-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 400;
    src: local('Karla Italic'), local('Karla-Italic'), url(/static/frontend/fonts/Karla-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: local('Karla Bold'), local('Karla-Bold'), url(/static/frontend/fonts/Karla-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 700;
    src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url(/static/frontend/fonts/Karla-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Khand';
    font-style: normal;
    font-weight: 300;
    src: local('Khand Light'), local('Khand-Light'), url(/static/frontend/fonts/Khand-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Khand';
    font-style: normal;
    font-weight: 400;
    src: local('Khand'), local('Khand-Regular'), url(/static/frontend/fonts/Khand-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Khand';
    font-style: normal;
    font-weight: 700;
    src: local('Khand Bold'), local('Khand-Bold'), url(/static/frontend/fonts/Khand-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Laila';
    font-style: normal;
    font-weight: 300;
    src: local('Laila Light'), local('Laila-Light'), url(/static/frontend/fonts/Laila-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Laila';
    font-style: normal;
    font-weight: 400;
    src: local('Laila'), local('Laila-Regular'), url(/static/frontend/fonts/Laila-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Laila';
    font-style: normal;
    font-weight: 700;
    src: local('Laila Bold'), local('Laila-Bold'), url(/static/frontend/fonts/Laila-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(//fonts.gstatic.com/s/lato/v11/zJY4gsxBiSo5L7tNutxFNg.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(/static/frontend/fonts/Lato-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(/static/frontend/fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(/static/frontend/fonts/Lato-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(/static/frontend/fonts/Lato-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(//fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 400;
    src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(/static/frontend/fonts/LibreBaskerville-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 700;
    src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), url(/static/frontend/fonts/LibreBaskerville-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 400;
    src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'), url(/static/frontend/fonts/LibreBaskerville-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 700;
    src: local('Lobster Regular'), local('Lobster-Regular'), url(/static/frontend/fonts/Lobster-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Lobster Two';
    font-style: normal;
    font-weight: 400;
    src: local('Lobster Two'), local('LobsterTwo'), url(//fonts.gstatic.com/s/lobstertwo/v7/Law3VVulBOoxyKPkrNsAaJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype');
}

@font-face {
    font-family: 'Lobster Two';
    font-style: normal;
    font-weight: 700;
    src: local('Lobster Two Bold'), local('LobsterTwo-Bold'), url(/static/frontend/fonts/LobsterTwo-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lobster Two';
    font-style: italic;
    font-weight: 400;
    src: local('Lobster Two Italic'), local('LobsterTwo-Italic'), url(/static/frontend/fonts/LobsterTwo-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Lobster Two';
    font-style: italic;
    font-weight: 700;
    src: local('Lobster Two Bold Italic'), local('LobsterTwo-BoldItalic'), url(/static/frontend/fonts/LobsterTwo-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Maven Pro Regular'), local('MavenProRegular'), url(//fonts.gstatic.com/s/mavenpro/v7/MG9KbUZFchDs94Tbv9U-paCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Maven Pro Bold'), local('MavenProBold'), url(//fonts.gstatic.com/s/mavenpro/v7/uDssvmXgp7Nj3i336k_dSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'Marvel';
    font-style: normal;
    font-weight: 400;
    src: local('Marvel'), local('Marvel-Regular'), url(/static/frontend/fonts/Marvel-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Marvel';
    font-style: normal;
    font-weight: 700;
    src: local('Marvel Bold'), local('Marvel-Bold'), url(/static/frontend/fonts/Marvel-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Marvel';
    font-style: italic;
    font-weight: 400;
    src: local('Marvel Italic'), local('Marvel-Italic'), url(/static/frontend/fonts/Marvel-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Marvel';
    font-style: italic;
    font-weight: 700;
    src: local('Marvel Bold Italic'), local('Marvel-BoldItalic'), url(/static/frontend/fonts/Marvel-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Medula One';
    font-style: normal;
    font-weight: 400;
    src: local('Medula One'), local('MedulaOne-Regular'), url(/static/frontend/fonts/MedulaOne-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    src: local('Merriweather-Light'), local('Merriweather-Light'), url(/static/frontend/fonts/Merriweather-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    src: local('Merriweather-Regular'), local('Merriweather-Regular'), url(/static/frontend/fonts/Merriweather-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    src: local('Merriweather-Bold'), local('Merriweather-Bold'), url(/static/frontend/fonts/Merriweather-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 300;
    src: local('Merriweather-LightItalic'), local('Merriweather-LightItalic'), url(/static/frontend/fonts/Merriweather-LightItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 400;
    src: local('Merriweather-Italic'), local('Merriweather-Italic'), url(/static/frontend/fonts/Merriweather-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 700;
    src: local('Merriweather-BoldItalic'), local('Merriweather-BoldItalic'), url(/static/frontend/fonts/Merriweather-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 400;
    src: local('MontserratAlternates-Regular'), url(/static/frontend/fonts/MontserratAlternates-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 700;
    src: local('MontserratAlternates-Bold'), url(/static/frontend/fonts/MontserratAlternates-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), url(/static/frontend/fonts/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat-Bold'), url(/static/frontend/fonts/Montserrat-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    src: local('Muli Light'), local('Muli-Light'), url(/static/frontend/fonts/Muli-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli'), url(//fonts.gstatic.com/s/muli/v7/BfQP1MR3mJNaumtWa4Tizg.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 400;
    src: local('Muli Italic'), local('Muli-Italic'), url(/static/frontend/fonts/Muli-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Noticia Text';
    font-style: normal;
    font-weight: 400;
    src: local('Noticia Text'), local('NoticiaText-Regular'), url(/static/frontend/fonts/NoticiaText-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Noticia Text';
    font-style: normal;
    font-weight: 700;
    src: local('Noticia Text Bold'), local('NoticiaText-Bold'), url(/static/frontend/fonts/NoticiaText-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Noticia Text';
    font-style: italic;
    font-weight: 400;
    src: local('Noticia Text Italic'), local('NoticiaText-Italic'), url(/static/frontend/fonts/NoticiaText-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Noticia Text';
    font-style: italic;
    font-weight: 700;
    src: local('Noticia Text Bold Italic'), local('NoticiaText-BoldItalic'), url(/static/frontend/fonts/NoticiaText-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: local('Nunito-Light'), local('Nunito-Light'), url(/static/frontend/fonts/Nunito-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito-Regular'), local('Nunito-Regular'), url(/static/frontend/fonts/Nunito-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: local('Nunito-Bold'), local('Nunito-Bold'), url(/static/frontend/fonts/Nunito-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Old Standard';
    font-style: normal;
    font-weight: normal;
    src: local('OldStandard-Regular'), url(/static/frontend/fonts/OldStandard-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Old Standard';
    font-style: normal;
    font-weight: bold;
    src: local('OldStandard-Bold'), url(/static/frontend/fonts/OldStandard-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Old Standard';
    font-style: italic;
    font-weight: normal;
    src: local('OldStandard-Italic'), url(/static/frontend/fonts/OldStandard-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/static/frontend/fonts/OpenSans-Semibold.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/static/frontend/fonts/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/static/frontend/fonts/OpenSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(/static/frontend/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype');
}

@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 400;
    src: local('Orbitron-Light'), local('Orbitron-Regular'), url(/static/frontend/fonts/Orbitron-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 700;
    src: local('Orbitron-Bold'), url(/static/frontend/fonts/Orbitron-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: local('Oswald Light'), local('Oswald-Light'), url(/static/frontend/fonts/Oswald-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(/static/frontend/fonts/Oswald-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: local('Oswald Bold'), local('Oswald-Bold'), url(/static/frontend/fonts/Oswald-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Overlock';
    font-style: normal;
    font-weight: 400;
    src: local('Overlock'), local('Overlock-Regular'), url(/static/frontend/fonts/Overlock-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Overlock';
    font-style: normal;
    font-weight: 700;
    src: local('Overlock-Bold'), url(/static/frontend/fonts/Overlock-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Overlock';
    font-style: italic;
    font-weight: 400;
    src: local('Overlock-Italic'), url(/static/frontend/fonts/Overlock-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Overlock';
    font-style: italic;
    font-weight: 700;
    src: local('Overlock-BoldItalic'), url(//fonts.gstatic.com/s/overlock/v5/wFWnYgeXKYBks6gEUwYnfPEr6Hm6RMS0v1dtXsGir4g.ttf) format('truetype');
}

@font-face {
    font-family: 'Overlock SC';
    font-style: normal;
    font-weight: 400;
    src: local('Overlock SC'), local('OverlockSC-Regular'), url(/static/frontend/fonts/OverlockSC-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 300;
    src: local('Oxygen Light'), local('Oxygen-Light'), url(/static/frontend/fonts/Oxygen-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    src: local('Oxygen'), local('Oxygen-Regular'), url(/static/frontend/fonts/Oxygen-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    src: local('Oxygen Bold'), local('Oxygen-Bold'), url(/static/frontend/fonts/Oxygen-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Paytone One';
    font-style: normal;
    font-weight: 400;
    src: local('Paytone One'), local('PaytoneOne'), url(/static/frontend/fonts/PaytoneOne.ttf) format('truetype');
}

@font-face {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 400;
    src: local('Philosopher'), url(//fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLZ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype');
}

@font-face {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    src: local('Philosopher Bold'), local('Philosopher-Bold'), url(/static/frontend/fonts/Philosopher-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Philosopher';
    font-style: italic;
    font-weight: 400;
    src: local('Philosopher Italic'), local('Philosopher-Italic'), url(/static/frontend/fonts/Philosopher-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Philosopher';
    font-style: italic;
    font-weight: 700;
    src: local('Philosopher Bold Italic'), local('Philosopher-BoldItalic'), url(/static/frontend/fonts/Philosopher-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(/static/frontend/fonts/PlayfairDisplay-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(/static/frontend/fonts/PlayfairDisplay-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(//fonts.gstatic.com/s/playfairdisplay/v10/9MkijrV-dEJ0-_NWV7E6N218GKU_F_kIyfK-gGC-Yzs.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 700;
    src: local('Playfair Display Bold Italic'), local('PlayfairDisplay-BoldItalic'), url(//fonts.gstatic.com/s/playfairdisplay/v10/n7G4PqJvFP2Kubl0VBLDEGewmj-_04VMEgCJvu_4mtU.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(//fonts.gstatic.com/s/ptsans/v8/FUDHvzEKSJww3kCxuiAo2A.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(//fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: local('PT Sans Italic'), local('PTSans-Italic'), url(//fonts.gstatic.com/s/ptsans/v8/PIPMHY90P7jtyjpXuZ2cLKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(//fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 400;
    src: local('PT Serif'), local('PTSerif-Regular'), url(/static/frontend/fonts/PT_Serif-Web-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 700;
    src: local('PT Serif Bold'), local('PTSerif-Bold'), url(/static/frontend/fonts/PT_Serif-Web-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 400;
    src: local('PT Serif Italic'), local('PTSerif-Italic'), url(/static/frontend/fonts/PT_Serif-Web-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Quantico';
    font-style: normal;
    font-weight: 400;
    src: local('Quantico'), local('Quantico-Regular'), url(/static/frontend/fonts/Quantico-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Quantico';
    font-style: normal;
    font-weight: 700;
    src: local('Quantico-Bold'), url(/static/frontend/fonts/Quantico-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Quantico';
    font-style: italic;
    font-weight: 400;
    src: local('Quantico-Italic'), url(/static/frontend/fonts/Quantico-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Quantico';
    font-style: italic;
    font-weight: 700;
    src: local('Quantico-BoldItalic'), url(/static/frontend/fonts/Quantico-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Quattrocento';
    font-style: normal;
    font-weight: 400;
    src: local('Quattrocento'), url(//fonts.gstatic.com/s/quattrocento/v7/WZDISdyil4HsmirlOdBRFInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'Quattrocento';
    font-style: normal;
    font-weight: 700;
    src: local('Quattrocento Bold'), local('Quattrocento-Bold'), url(/static/frontend/fonts/Quattrocento-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Quattrocento Sans Regular'), local('QuattrocentoSans-Regular'), url(/static/frontend/fonts/QuattrocentoSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Quattrocento Sans Bold'), local('QuattrocentoSans-Bold'), url(/static/frontend/fonts/QuattrocentoSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Quattrocento Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Quattrocento Sans Italic'), local('QuattrocentoSans-Italic'), url(/static/frontend/fonts/QuattrocentoSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Quattrocento Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Quattrocento Sans Bold Italic'), local('QuattrocentoSans-BoldItalic'), url(/static/frontend/fonts/QuattrocentoSans-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 300;
    src: local('Rajdhani Light'), local('Rajdhani-Light'), url(/static/frontend/fonts/Rajdhani-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    src: local('Rajdhani'), local('Rajdhani-Regular'), url(/static/frontend/fonts/Rajdhani-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: local('Rajdhani Bold'), local('Rajdhani-Bold'), url(/static/frontend/fonts/Rajdhani-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: local('Raleway Thin'), local('Raleway-Thin'), url(//fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: local('Raleway Light'), local('Raleway-Light'), url(/static/frontend/fonts/Raleway-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), url(//fonts.gstatic.com/s/raleway/v9/bIcY3_3JNqUVRAQQRNVteQ.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(/static/frontend/fonts/Raleway-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: local('Raleway Bold'), local('Raleway-Bold'), url(/static/frontend/fonts/Raleway-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(//fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nfesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(/static/frontend/fonts/Roboto-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(/static/frontend/fonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(/static/frontend/fonts/Roboto-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(/static/frontend/fonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(/static/frontend/fonts/Roboto-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(/static/frontend/fonts/Roboto-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(//fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC50EAVxt0G0biEntp43Qt6E.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(/static/frontend/fonts/RobotoCondensed-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(/static/frontend/fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(/static/frontend/fonts/RobotoCondensed-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(/static/frontend/fonts/RobotoCondensed-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(//fonts.gstatic.com/s/robotocondensed/v13/mg0cGfGRUERshzBlvqxeAIvse0WFWMXD6DWBLcV41iQ.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(/static/frontend/fonts/RobotoSlab-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(/static/frontend/fonts/RobotoSlab-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(/static/frontend/fonts/RobotoSlab-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Rosario';
    font-style: normal;
    font-weight: 400;
    src: local('Rosario Regular'), local('Rosario-Regular'), url(/static/frontend/fonts/Rosario-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Rosario';
    font-style: normal;
    font-weight: 700;
    src: local('Rosario Bold'), local('Rosario-Bold'), url(/static/frontend/fonts/Rosario-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Rosario';
    font-style: italic;
    font-weight: 400;
    src: local('Rosario Italic'), local('Rosario-Italic'), url(/static/frontend/fonts/Rosario-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Rosario';
    font-style: italic;
    font-weight: 700;
    src: local('Rosario Bold Italic'), local('Rosario-BoldItalic'), url(/static/frontend/fonts/Rosario-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Sarpanch';
    font-style: normal;
    font-weight: 400;
    src: local('Sarpanch'), local('Sarpanch-Regular'), url(/static/frontend/fonts/Sarpanch-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Sarpanch';
    font-style: normal;
    font-weight: 700;
    src: local('Sarpanch Bold'), local('Sarpanch-Bold'), url(/static/frontend/fonts/Sarpanch-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(/static/frontend/fonts/SourceSansPro-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(/static/frontend/fonts/SourceSansPro-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/static/frontend/fonts/SourceSansPro-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(//fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM0DauxaEVho0aInXGvhmB4k.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Edtd7Dq2ZflsctMEexj2lw.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url(/static/frontend/fonts/Ubuntu-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu'), url(//fonts.gstatic.com/s/ubuntu/v7/2Q-AW1e_taO6pHwMXcXW5w.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(/static/frontend/fonts/Ubuntu-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(/static/frontend/fonts/Ubuntu-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(//fonts.gstatic.com/s/ubuntu/v7/OMD20Sg9RTs7sUORCEN-7Z0EAVxt0G0biEntp43Qt6E.ttf) format('truetype');
}

@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url(/static/frontend/fonts/Vollkorn-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 700;
    src: local('Vollkorn Bold'), local('Vollkorn-Bold'), url(/static/frontend/fonts/Vollkorn-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Vollkorn';
    font-style: italic;
    font-weight: 400;
    src: local('Vollkorn Italic'), local('Vollkorn-Italic'), url(/static/frontend/fonts/Vollkorn-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Vollkorn';
    font-style: italic;
    font-weight: 700;
    src: local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url(/static/frontend/fonts/Vollkorn-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    src: local('WorkSans Regular'), local('WorkSans-Regular'), url(/static/frontend/fonts/WorkSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    src: local('WorkSans ExtraLight'), local('WorkSans-ExtraLight'), url(/static/frontend/fonts/WorkSans-ExtraLight.ttf) format('truetype');
}

@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    src: local('WorkSans Bold'), local('WorkSans-Bold'), url(/static/frontend/fonts/WorkSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'WorkSans';
    font-style: normal;
    src: local('WorkSans ExtraBold'), local('WorkSans-ExtraBold'), url(/static/frontend/fonts/WorkSans-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Abel-Regular';
    src: local('Abel-Regular'), url('/static/frontend/fonts/Abel-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AbrilFatface-Regular';
    src: local('AbrilFatface-Regular'), url('/static/frontend/fonts/AbrilFatface-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Actor-Regular';
    src: local('Actor-Regular'), url('/static/frontend/fonts/Actor-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Thin';
    src: local('AdventPro-Thin'), url('/static/frontend/fonts/AdventPro-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Light';
    src: local('AdventPro-Light'), url('/static/frontend/fonts/AdventPro-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Regular';
    src: local('AdventPro-Regular'), url('/static/frontend/fonts/AdventPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AdventPro-Bold';
    src: local('AdventPro-Bold'), url('/static/frontend/fonts/AdventPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSC-Black';
    src: local('AlegreyaSC-Black'), url('/static/frontend/fonts/AlegreyaSC-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSC-Bold';
    src: local('AlegreyaSC-Bold'), url('/static/frontend/fonts/AlegreyaSC-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSC-Regular';
    src: local('AlegreyaSC-Regular'), url('/static/frontend/fonts/AlegreyaSC-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSC-Italic';
    src: local('AlegreyaSC-Italic'), url('/static/frontend/fonts/AlegreyaSC-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Thin';
    src: local('AlegreyaSansSC-Thin'), url('/static/frontend/fonts/AlegreyaSansSC-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Light';
    src: local('AlegreyaSansSC-Light'), url('/static/frontend/fonts/AlegreyaSansSC-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Regular';
    src: local('AlegreyaSansSC-Regular'), url('/static/frontend/fonts/AlegreyaSansSC-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Bold';
    src: local('AlegreyaSansSC-Bold'), url('/static/frontend/fonts/AlegreyaSansSC-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Alice-Regular';
    src: local('Alice-Regular'), url('/static/frontend/fonts/Alice-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Almendra-Bold';
    src: local('Almendra-Bold'), url('/static/frontend/fonts/Almendra-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Almendra-BoldItalic';
    src: local('Almendra-BoldItalic'), url('/static/frontend/fonts/Almendra-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Almendra-Italic';
    src: local('Almendra-Italic'), url('/static/frontend/fonts/Almendra-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Almendra-Regular';
    src: local('Almendra-Regular'), url('/static/frontend/fonts/Almendra-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Amaranth-Bold';
    src: local('Amaranth-Bold'), url('/static/frontend/fonts/Amaranth-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Amaranth-BoldItalic';
    src: local('Amaranth-BoldItalic'), url('/static/frontend/fonts/Amaranth-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Amaranth-Italic';
    src: local('Amaranth-Italic'), url('/static/frontend/fonts/Amaranth-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Amaranth-Regular';
    src: local('Amaranth-Regular'), url('/static/frontend/fonts/Amaranth-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Arvo-Bold';
    src: local('Arvo-Bold'), url('/static/frontend/fonts/Arvo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Arvo-BoldItalic';
    src: local('Arvo-BoldItalic'), url('/static/frontend/fonts/Arvo-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Arvo-Italic';
    src: local('Arvo-Italic'), url('/static/frontend/fonts/Arvo-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Arvo-Regular';
    src: local('Arvo-Regular'), url('/static/frontend/fonts/Arvo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Bevan';
    src: local('Bevan'), url('/static/frontend/fonts/Bevan.ttf') format('truetype');
}

@font-face {
    font-family: 'BebasNeue Book';
    src: local('BebasNeue Book'), url('/static/frontend/fonts/BebasNeue Book.ttf') format('truetype');
}

@font-face {
    font-family: 'BebasNeue Regular';
    src: local('BebasNeue Regular'), url('/static/frontend/fonts/BebasNeue Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'BebasNeue Bold';
    src: local('BebasNeue Bold'), url('/static/frontend/fonts/BebasNeue Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Bitter-Italic';
    src: local('Bitter-Italic'), url('/static/frontend/fonts/Bitter-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Bitter-Regular';
    src: local('Bitter-Regular'), url('/static/frontend/fonts/Bitter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Bitter-Bold';
    src: local('Bitter-Bold'), url('/static/frontend/fonts/Bitter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cabin-Bold';
    src: local('Cabin-Bold'), url('/static/frontend/fonts/Cabin-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cabin-BoldItalic';
    src: local('Cabin-BoldItalic'), url('/static/frontend/fonts/Cabin-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Cabin-Italic';
    src: local('Cabin-Italic'), url('/static/frontend/fonts/Cabin-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Cabin-Regular';
    src: local('Cabin-Regular'), url('/static/frontend/fonts/Cabin-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'CabinSketch-Bold';
    src: local('CabinSketch-Bold'), url('/static/frontend/fonts/CabinSketch-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'CabinSketch-Regular';
    src: local('CabinSketch-Regular'), url('/static/frontend/fonts/CabinSketch-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Caudex-Bold';
    src: local('Caudex-Bold'), url('/static/frontend/fonts/Caudex-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Caudex-BoldItalic';
    src: local('Caudex-BoldItalic'), url('/static/frontend/fonts/Caudex-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Caudex-Italic';
    src: local('Caudex-Italic'), url('/static/frontend/fonts/Caudex-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Caudex-Regular';
    src: local('Caudex-Regular'), url('/static/frontend/fonts/Caudex-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cousine-Bold';
    src: local('Cousine-Bold'), url('/static/frontend/fonts/Cousine-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cousine-BoldItalic';
    src: local('Cousine-BoldItalic'), url('/static/frontend/fonts/Cousine-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Cousine-Italic';
    src: local('Cousine-Italic'), url('/static/frontend/fonts/Cousine-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Cousine-Regular';
    src: local('Cousine-Regular'), url('/static/frontend/fonts/Cousine-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cuprum-Bold';
    src: local('Cuprum-Bold'), url('/static/frontend/fonts/Cuprum-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cuprum-BoldItalic';
    src: local('Cuprum-BoldItalic'), url('/static/frontend/fonts/Cuprum-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Cuprum-Italic';
    src: local('Cuprum-Italic'), url('/static/frontend/fonts/Cuprum-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Cuprum-Regular';
    src: local('Cuprum-Regular'), url('/static/frontend/fonts/Cuprum-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'ComicRegular';
    src: local('ComicRegular'), url("/static/frontend/fonts/Comic Sans MS.ttf") format('truetype');
}

@font-face {
    font-family: 'ComicBold';
    src: local('ComicBold'), url("/static/frontend/fonts/Comic Sans MS Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'DancingScript-Regular';
    src: local('DancingScript-Regular'), url('/static/frontend/fonts/DancingScript-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'DancingScript-Bold';
    src: local('DancingScript-Bold'), url('/static/frontend/fonts/DancingScript-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'DinRegular';
    src: local('DinRegular'), url("/static/frontend/fonts/DIN Alternate Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'DinCondensed';
    src: local('DinCondensed'), url("/static/frontend/fonts/DIN Condensed Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'DroidSans';
    src: local('DroidSans'), url('/static/frontend/fonts/DroidSans.ttf') format('truetype');
}

@font-face {
    font-family: 'DroidSans-Bold';
    src: local('DroidSans-Bold'), url('/static/frontend/fonts/DroidSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'DroidSerif-Italic';
    src: local('DroidSerif-Italic'), url('/static/frontend/fonts/DroidSerif-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'DroidSerif';
    src: local('DroidSerif'), url('/static/frontend/fonts/DroidSerif.ttf') format('truetype');
}

@font-face {
    font-family: 'DroidSerif-Bold';
    src: local('DroidSerif-Bold'), url('/static/frontend/fonts/DroidSerif-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Dosis-Light';
    src: local('Dosis-Light'), url('/static/frontend/fonts/Dosis-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Dosis-Regular';
    src: local('Dosis-Regular'), url('/static/frontend/fonts/Dosis-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Dosis-Bold';
    src: local('Dosis-Bold'), url('/fonts/Dosis-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Economica-Bold';
    src: local('Economica-Bold'), url('/static/frontend/fonts/Economica-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Economica-BoldItalic';
    src: local('Economica-BoldItalic'), url('/static/frontend/fonts/Economica-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Economica-Italic';
    src: local('Economica-Italic'), url('/static/frontend/fonts/Economica-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Economica-Regular';
    src: local('Economica-Regular'), url('/static/frontend/fonts/Economica-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'EkMukta-Bold';
    src: local('EkMukta-Bold'), url('/static/frontend/fonts/EkMukta-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'EkMukta-ExtraLight';
    src: local('EkMukta-ExtraLight'), url('/static/frontend/fonts/EkMukta-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'EkMukta-Light';
    src: local('EkMukta-Light'), url('/static/frontend/fonts/EkMukta-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'EkMukta-Regular';
    src: local('EkMukta-Regular'), url('/static/frontend/fonts/EkMukta-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'FjallaOne-Regular';
    src: local('FjallaOne-Regular'), url('/static/frontend/fonts/FjallaOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Fecske';
    src: local('Fecske'), url("/static/frontend/fonts/Fecske.ttf") format('truetype');
}

@font-face {
    font-family: 'Fontastique';
    src: local('Fontastique'), url("/static/frontend/fonts/Fontastique.ttf") format('truetype');
}

@font-face {
    font-family: 'Handlee';
    src: local('Handlee'), url('/static/frontend/fonts/Handlee-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica';
    src: local('Helvetica'), url('/static/frontend/fonts/Helvetica.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica-Oblique';
    src: local('Helvetica-Oblique'), url('/static/frontend/fonts/Helvetica-Oblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica-Light';
    src: local('Helvetica-Light'), url('/static/frontend/fonts/Helvetica-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica-LightOblique';
    src: local('Helvetica-LightOblique'), url('/static/frontend/fonts/Helvetica-LightOblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica-Bold';
    src: local('Helvetica-Bold'), url('/static/frontend/fonts/Helvetica-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica-BoldOblique';
    src: local('Helvetica-BoldOblique'), url('/static/frontend/fonts/Helvetica-BoldOblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Imprima-Regular';
    src: local('Imprima-Regular'), url('/static/frontend/fonts/Imprima-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'IndieFlower';
    src: local('IndieFlower'), url('/static/frontend/fonts/IndieFlower.ttf') format('truetype');
}

@font-face {
    font-family: 'JosefinSans-Italic';
    src: local(' JosefinSans-Italic'), url('/static/frontend/fonts/JosefinSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'JosefinSans-Regular';
    src: local('JosefinSans-Regular'), url('/static/frontend/fonts/JosefinSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'JosefinSans-Bold';
    src: local('JosefinSans-Bold'), url('/static/frontend/fonts/JosefinSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'JosefinSlab-Italic';
    src: local('JosefinSlab-Italic'), url('/static/frontend/fonts/JosefinSlab-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'JosefinSlab-Regular';
    src: local('JosefinSlab-Regular'), url('/static/frontend/fonts/JosefinSlab-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'JosefinSlab-Bold';
    src: local('JosefinSlab-Bold'), url('/static/frontend/fonts/JosefinSlab-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Jura-DemiBold';
    src: local('Jura-DemiBold'), url('/static/frontend/fonts/Jura-DemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Jura-Light';
    src: local('Jura-Light'), url('/static/frontend/fonts/Jura-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Jura-Medium';
    src: local('Jura-Medium'), url('/static/frontend/fonts/Jura-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Jura-Regular';
    src: local('Jura-Regular'), url('/static/frontend/fonts/Jura-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Khand-Semibold';
    src: local('Khand-Semibold'), url('/static/frontend/fonts/Khand-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'Khand-Bold';
    src: local('Khand-Bold'), url('/static/frontend/fonts/Khand-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Khand-Light';
    src: local('Khand-Light'), url('/static/frontend/fonts/Khand-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Khand-Medium';
    src: local('Khand-Medium'), url('/static/frontend/fonts/Khand-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Khand-Regular';
    src: local('Khand-Regular'), url('/static/frontend/fonts/Khand-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Laila-Semibold';
    src: local('Laila-Semibold'), url('/static/frontend/fonts/Laila-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'Laila-Bold';
    src: local('Laila-Bold'), url('/static/frontend/fonts/Laila-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Laila-Light';
    src: local('Laila-Light'), url('/static/frontend/fonts/Laila-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Laila-Medium';
    src: local('Laila-Medium'), url('/static/frontend/fonts/Laila-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Laila-Regular';
    src: local('Laila-Regular'), url('/static/frontend/fonts/Laila-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Light';
    src: local('Lato-Light'), url('/static/frontend/fonts/Lato-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Italic';
    src: local('Lato-Italic'), url('/static/frontend/fonts/Lato-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Regular';
    src: local('Lato-Regular'), url('/static/frontend/fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Bold';
    src: local('Lato-Bold'), url('/static/frontend/fonts/Lato-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreBaskerville-Italic';
    src: local('LibreBaskerville-Italic'), url('/static/frontend/fonts/LibreBaskerville-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreBaskerville-Regular';
    src: local('LibreBaskerville-Regular'), url('/static/frontend/fonts/LibreBaskerville-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreBaskerville-Bold';
    src: local('LibreBaskerville-Bold'), url('/static/frontend/fonts/LibreBaskerville-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'LobsterTwo-Italic';
    src: local('LobsterTwo-Italic'), url('/static/frontend/fonts/LobsterTwo-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'LobsterTwo-Regular';
    src: local('LobsterTwo-Regular'), url('/static/frontend/fonts/LobsterTwo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'LobsterTwo-Bold';
    src: local('LobsterTwo-Bold'), url('/static/frontend/fonts/LobsterTwo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'LobsterTwo-BoldItalic';
    src: local('LobsterTwo-BoldItalic'), url('/static/frontend/fonts/LobsterTwo-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Macilynn Marie';
    src: local('Macilynn Marie'), url('/static/frontend/fonts/Macilynn Marie.ttf') format('truetype');
}

@font-face {
    font-family: 'LuminariRegular';
    src: local('LuminariRegular'), url("/static/frontend/fonts/Luminari.ttf") format('truetype');
}

@font-face {
    font-family: 'MavenPro-Regular';
    src: local('MavenPro-Regular'), url('/static/frontend/fonts/MavenPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Marvel-Bold';
    src: local('Marvel-Bold'), url('/static/frontend/fonts/Marvel-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Marvel-BoldItalic';
    src: local('Marvel-BoldItalic'), url('/static/frontend/fonts/Marvel-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Marvel-Italic';
    src: local('Marvel-Italic'), url('/static/frontend/fonts/Marvel-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Marvel-Regular';
    src: local('Marvel-Regular'), url('/static/frontend/fonts/Marvel-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MedulaOne-Regular';
    src: local('MedulaOne-Regular'), url('/static/frontend/fonts/MedulaOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratAlternates-Regular';
    src: local('MontserratAlternates-Regular'), url('/static/frontend/fonts/MontserratAlternates-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratAlternates-Bold';
    src: local('MontserratAlternates-Bold'), url('/static/frontend/fonts/MontserratAlternates-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: local('Montserrat-Regular'), url('/static/frontend/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: local('Montserrat-Bold'), url('/static/frontend/fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli-Italic';
    src: local('Muli-Italic'), url('/static/frontend/fonts/Muli-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli-Regular';
    src: local('Muli-Regular'), url('/static/frontend/fonts/Muli-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli-Light';
    src: local('Muli-Light'), url('/static/frontend/fonts/Muli-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'NoticiaText-Bold';
    src: local('NoticiaText-Bold'), url('/static/frontend/fonts/NoticiaText-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'NoticiaText-BoldItalic';
    src: local('NoticiaText-BoldItalic'), url('/static/frontend/fonts/NoticiaText-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'NoticiaText-Italic';
    src: local('NoticiaText-Italic'), url('/static/frontend/fonts/NoticiaText-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'NoticiaText-Regular';
    src: local('NoticiaText-Regular'), url('/static/frontend/fonts/NoticiaText-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoBold';
    src: local('NotoBold'), url("/static/frontend/fonts/NotoSans-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'NotoRegular';
    src: local('NotoRegular'), url("/static/frontend/fonts/NotoSans-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'ProximaRegular';
    src: local('ProximaRegular'), url("/static/frontend/fonts/Proxima Nova Alt Regular.otf") format('truetype');
}

@font-face {
    font-family: 'ProximaLight';
    src: local('ProximaLight'), url("/static/frontend/fonts/Proxima Nova Alt Light.otf") format('truetype');
}

@font-face {
    font-family: 'ProximaBold';
    src: local('ProximaBold'), url("/static/frontend/fonts/Proxima Nova Bold.otf") format('truetype');
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: local('OpenSans-Italic'), url('/static/frontend/fonts/OpenSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: local('OpenSans-Regular'), url('/static/frontend/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: local('OpenSans-Bold'), url('/static/frontend/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Orbitron-Bold';
    src: local('Orbitron-Bold'), url('/static/frontend/fonts/Orbitron-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Orbitron-Black';
    src: local('Orbitron-Black'), url('/static/frontend/fonts/Orbitron-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Orbitron-Italic';
    src: local('Orbitron-Italic'), url('/static/frontend/fonts/Orbitron-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Orbitron-Regular';
    src: local('Orbitron-Regular'), url('/static/frontend/fonts/Orbitron-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Light.ttf';
    src: local('Oswald-Light.ttf'), url('/static/frontend/fonts/Oswald-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Regular';
    src: local('Oswald-Regular'), url('/static/frontend/fonts/Oswald-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Bold';
    src: local('Oswald-Bold'), url('/static/frontend/fonts/Oswald-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Overlock-Italic';
    src: local('Overlock-Italic'), url('/static/frontend/fonts/Overlock-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Overlock-Regular';
    src: local('Overlock-Regular'), url('/static/frontend/fonts/Overlock-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Overlock-Bold';
    src: local('Overlock-Bold'), url('/static/frontend/fonts/Overlock-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OverlockSC-Regular';
    src: local('OverlockSC-Regular'), url('/static/frontend/fonts/OverlockSC-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Oxygen-Light';
    src: local('Oxygen-Light'), url('/static/frontend/fonts/Oxygen-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Oxygen-Regular';
    src: local('Oxygen-Regular'), url('/static/frontend/fonts/Oxygen-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Oxygen-Bold';
    src: local('Oxygen-Bold'), url('/static/frontend/fonts/Oxygen-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'PaytoneOne';
    src: local('PaytoneOne'), url('/static/frontend/fonts/PaytoneOne.ttf') format('truetype');
}

@font-face {
    font-family: 'Philosopher-Bold';
    src: local('Philosopher-Bold'), url('/static/frontend/fonts/Philosopher-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Philosopher-BoldItalic';
    src: local('Philosopher-BoldItalic'), url('/static/frontend/fonts/Philosopher-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Philosopher-Italic';
    src: local('Philosopher-Italic'), url('/static/frontend/fonts/Philosopher-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Philosopher-Regular';
    src: local('Philosopher-Regular'), url('/static/frontend/fonts/Philosopher-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: local('PlayfairDisplay-Regular'), url('/static/frontend/fonts/PlayfairDisplay-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: local('PlayfairDisplay-Bold'), url('/static/frontend/fonts/PlayfairDisplay-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'PT_Sans-Web-Italic';
    src: local('PT_Sans-Web-Italic'), url('/static/frontend/fonts/PT_Sans-Web-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'PT_Sans-Web-Regular';
    src: local('PT_Sans-Web-Regular'), url('/static/frontend/fonts/PT_Sans-Web-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PT_Sans-Web-Bold';
    src: local('PT_Sans-Web-Bold'), url('/static/frontend/fonts/PT_Sans-Web-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Quantico-Bold';
    src: local('Quantico-Bold'), url('/static/frontend/fonts/Quantico-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Quantico-BoldItalic';
    src: local('Quantico-BoldItalic'), url('/static/frontend/fonts/Quantico-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Quantico-Italic';
    src: local('Quantico-Italic'), url('/static/frontend/fonts/Quantico-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Quantico-Regular';
    src: local('Quantico-Regular'), url('/static/frontend/fonts/Quantico-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Quattrocento-Regular';
    src: local('Quattrocento-Regular'), url('/static/frontend/fonts/Quattrocento-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Quattrocento-Bold';
    src: local('Quattrocento-Bold'), url('/static/frontend/fonts/Quattrocento-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rajdhani-SemiBold';
    src: local('Rajdhani-SemiBold'), url('/static/frontend/fonts/Rajdhani-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rajdhani-Bold';
    src: local('Rajdhani-Bold'), url('/static/frontend/fonts/Rajdhani-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rajdhani-Light';
    src: local('Rajdhani-Light'), url('/static/frontend/fonts/Rajdhani-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Rajdhani-Medium';
    src: local('Rajdhani-Medium'), url('/static/frontend/fonts/Rajdhani-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Rajdhani-Regular';
    src: local('Rajdhani-Regular'), url('/static/frontend/fonts/Rajdhani-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-Light';
    src: local('Raleway-Light'), url('/static/frontend/fonts/Raleway-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-Regular';
    src: local('Raleway-Regular'), url('/static/frontend/fonts/Raleway-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-Bold';
    src: local('Raleway-Bold'), url('/static/frontend/fonts/Raleway-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Light';
    src: local('Roboto-Light'), url('/static/frontend/fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Italic';
    src: local('Roboto-Italic'), url('/static/frontend/fonts/Roboto-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: local('Roboto-Regular'), url('/static/frontend/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: local('Roboto-Bold'), url('/static/frontend/fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed-Light';
    src: local('RobotoCondensed-Light'), url('/static/frontend/fonts/RobotoCondensed-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed-Italic';
    src: local('RobotoCondensed-Italic'), url('/static/frontend/fonts/RobotoCondensed-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: local('RobotoCondensed-Regular'), url('/static/frontend/fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: local('RobotoCondensed-Bold'), url('/static/frontend/fonts/RobotoCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rosario-Italic';
    src: local('Rosario-Italic'), url('/static/frontend/fonts/Rosario-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Rosario-Regular';
    src: local('Rosario-Regular'), url('/static/frontend/fonts/Rosario-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Rosario-Bold';
    src: local('Rosario-Bold'), url('/static/frontend/fonts/Rosario-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rosario-BoldItalic';
    src: local('Rosario-BoldItalic'), url('/static/frontend/fonts/Rosario-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Sarpanch-Black';
    src: local('Sarpanch-Black'), url('/static/frontend/fonts/Sarpanch-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Sarpanch-ExtraBold';
    src: local('Sarpanch-ExtraBold'), url('/static/frontend/fonts/Sarpanch-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Sarpanch-SemiBold';
    src: local('Sarpanch-SemiBold'), url('/static/frontend/fonts/Sarpanch-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Sarpanch-Bold';
    src: local('Sarpanch-Bold'), url('/static/frontend/fonts/Sarpanch-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Sarpanch-Regular';
    src: local('Sarpanch-Regular'), url('/static/frontend/fonts/Sarpanch-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Sarpanch-Medium';
    src: local('Sarpanch-Medium'), url('/static/frontend/fonts/Sarpanch-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'SinkinSans-Light';
    src: local('SinkinSans-Light'), url('/static/frontend/fonts/SinkinSans-200XLight.otf') format('truetype');
}

@font-face {
    font-family: 'SinkinSans-Regular';
    src: local('SinkinSans-Regular'), url('/static/frontend/fonts/SinkinSans-400Regular.otf') format('truetype');
}

@font-face {
    font-family: 'SinkinSans-Bold';
    src: local('SinkinSans-Bold'), url('/static/frontend/fonts/SinkinSans-700Bold.otf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: local('SourceSansPro-Light'), url('/static/frontend/fonts/SourceSansPro-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro-Italic';
    src: local('SourceSansPro-Italic'), url('/static/frontend/fonts/SourceSansPro-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: local('SourceSansPro-Regular'), url('/static/frontend/fonts/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: local('SourceSansPro-Bold'), url('/static/frontend/fonts/SourceSansPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro-Black';
    src: local('SourceSansPro-Black'), url('/static/frontend/fonts/SourceSansPro-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu-Light';
    src: local('Ubuntu-Light'), url('/static/frontend/fonts/Ubuntu-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu-Italic';
    src: local('Ubuntu-Italic'), url('/static/frontend/fonts/Ubuntu-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu-Regular';
    src: local('Ubuntu-Regular'), url('/static/frontend/fonts/Ubuntu-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu-Bold';
    src: local('Ubuntu-Bold'), url('/static/frontend/fonts/Ubuntu-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Vollkorn-Italic';
    src: local('Vollkorn-Italic'), url('/static/frontend/fonts/Vollkorn-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Vollkorn-Regular';
    src: local('Vollkorn-Regular'), url('/static/frontend/fonts/Vollkorn-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Vollkorn-Bold';
    src: local('Vollkorn-Bold'), url('/static/frontend/fonts/Vollkorn-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Vollkorn-BoldItalic';
    src: local('Vollkorn-BoldItalic'), url('/static/frontend/fonts/Vollkorn-BoldItalic.ttf') format('truetype');
}

/* /theme_common/static/src/less/mixins.less defined in bundle 'web.assets_frontend' */
.VAlignMiddle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.VAlignTop {
    float: none;
    display: table-cell;
    vertical-align: top;
}

/* /website_animate/static/src/less/o_animate_frontend.less defined in bundle 'web.assets_frontend' */
.o_animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    text-rendering: geometricPrecision;
    visibility: hidden;
}

.o_animate_preview {
    visibility: visible;
}

.o_anim_dur500 {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.o_anim_dur1500 {
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
}

.o_anim_dur2000 {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
}

.o_anim_dur2500 {
    -webkit-animation-duration: 2500ms;
    animation-duration: 2500ms;
}

.o_anim_dur3000 {
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms;
}

.o_anim_del500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.o_anim_del1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

.o_anim_del1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.o_anim_del2000 {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}

.o_anim_del2500 {
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms;
}

@-moz-keyframes o_animate_timeline_duration {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes o_animate_timeline_duration {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes o_animate_timeline_duration {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes o_animate_timeline_delay {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes o_animate_timeline_delay {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes o_animate_timeline_delay {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes o_anim_bounce_in {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    20% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
    }

    80% {
        -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
        -o-transform: scale(0.97);
        transform: scale(0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes o_anim_bounce_in {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    20% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
    }

    80% {
        -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
        -o-transform: scale(0.97);
        transform: scale(0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes o_anim_bounce_in {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    20% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
    }

    80% {
        -webkit-transform: scale(0.97);
        -ms-transform: scale(0.97);
        -o-transform: scale(0.97);
        transform: scale(0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.o_anim_bounce_in {
    -webkit-animation-name: o_anim_bounce_in;
    animation-name: o_anim_bounce_in;
}

@-moz-keyframes o_anim_bounce_in_down {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(0, -3000px);
        -ms-transform: translate(0, -3000px);
        -o-transform: translate(0, -3000px);
        transform: translate(0, -3000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0, 25px);
        -ms-transform: translate(0, 25px);
        -o-transform: translate(0, 25px);
        transform: translate(0, 25px);
    }

    75% {
        -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    90% {
        -webkit-transform: translate(0, 5px);
        -ms-transform: translate(0, 5px);
        -o-transform: translate(0, 5px);
        transform: translate(0, 5px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes o_anim_bounce_in_down {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(0, -3000px);
        -ms-transform: translate(0, -3000px);
        -o-transform: translate(0, -3000px);
        transform: translate(0, -3000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0, 25px);
        -ms-transform: translate(0, 25px);
        -o-transform: translate(0, 25px);
        transform: translate(0, 25px);
    }

    75% {
        -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    90% {
        -webkit-transform: translate(0, 5px);
        -ms-transform: translate(0, 5px);
        -o-transform: translate(0, 5px);
        transform: translate(0, 5px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes o_anim_bounce_in_down {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(0, -3000px);
        -ms-transform: translate(0, -3000px);
        -o-transform: translate(0, -3000px);
        transform: translate(0, -3000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0, 25px);
        -ms-transform: translate(0, 25px);
        -o-transform: translate(0, 25px);
        transform: translate(0, 25px);
    }

    75% {
        -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    90% {
        -webkit-transform: translate(0, 5px);
        -ms-transform: translate(0, 5px);
        -o-transform: translate(0, 5px);
        transform: translate(0, 5px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.o_anim_bounce_in_down {
    -webkit-animation-name: o_anim_bounce_in_down;
    animation-name: o_anim_bounce_in_down;
}

@-moz-keyframes o_anim_bounce_in_left {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(-3000px, 0);
        -ms-transform: translate(-3000px, 0);
        -o-transform: translate(-3000px, 0);
        transform: translate(-3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(25px, 0);
        -ms-transform: translate(25px, 0);
        -o-transform: translate(25px, 0);
        transform: translate(25px, 0);
    }

    75% {
        -webkit-transform: translate(-10px, 0);
        -ms-transform: translate(-10px, 0);
        -o-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }

    90% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        -o-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes o_anim_bounce_in_left {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(-3000px, 0);
        -ms-transform: translate(-3000px, 0);
        -o-transform: translate(-3000px, 0);
        transform: translate(-3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(25px, 0);
        -ms-transform: translate(25px, 0);
        -o-transform: translate(25px, 0);
        transform: translate(25px, 0);
    }

    75% {
        -webkit-transform: translate(-10px, 0);
        -ms-transform: translate(-10px, 0);
        -o-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }

    90% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        -o-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes o_anim_bounce_in_left {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(-3000px, 0);
        -ms-transform: translate(-3000px, 0);
        -o-transform: translate(-3000px, 0);
        transform: translate(-3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(25px, 0);
        -ms-transform: translate(25px, 0);
        -o-transform: translate(25px, 0);
        transform: translate(25px, 0);
    }

    75% {
        -webkit-transform: translate(-10px, 0);
        -ms-transform: translate(-10px, 0);
        -o-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }

    90% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        -o-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.o_anim_bounce_in_left {
    -webkit-animation-name: o_anim_bounce_in_left;
    animation-name: o_anim_bounce_in_left;
}

@-moz-keyframes o_anim_bounce_in_right {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(3000px, 0);
        -ms-transform: translate(3000px, 0);
        -o-transform: translate(3000px, 0);
        transform: translate(3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0);
        -ms-transform: translate(-25px, 0);
        -o-transform: translate(-25px, 0);
        transform: translate(-25px, 0);
    }

    75% {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        -o-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }

    90% {
        -webkit-transform: translate(-5px, 0);
        -ms-transform: translate(-5px, 0);
        -o-transform: translate(-5px, 0);
        transform: translate(-5px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes o_anim_bounce_in_right {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(3000px, 0);
        -ms-transform: translate(3000px, 0);
        -o-transform: translate(3000px, 0);
        transform: translate(3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0);
        -ms-transform: translate(-25px, 0);
        -o-transform: translate(-25px, 0);
        transform: translate(-25px, 0);
    }

    75% {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        -o-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }

    90% {
        -webkit-transform: translate(-5px, 0);
        -ms-transform: translate(-5px, 0);
        -o-transform: translate(-5px, 0);
        transform: translate(-5px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes o_anim_bounce_in_right {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate(3000px, 0);
        -ms-transform: translate(3000px, 0);
        -o-transform: translate(3000px, 0);
        transform: translate(3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(-25px, 0);
        -ms-transform: translate(-25px, 0);
        -o-transform: translate(-25px, 0);
        transform: translate(-25px, 0);
    }

    75% {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        -o-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }

    90% {
        -webkit-transform: translate(-5px, 0);
        -ms-transform: translate(-5px, 0);
        -o-transform: translate(-5px, 0);
        transform: translate(-5px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.o_anim_bounce_in_right {
    -webkit-animation-name: o_anim_bounce_in_right;
    animation-name: o_anim_bounce_in_right;
}

@-moz-keyframes o_anim_fade_in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes o_anim_fade_in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes o_anim_fade_in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.o_anim_fade_in {
    -webkit-animation-name: o_anim_fade_in;
    animation-name: o_anim_fade_in;
}

@-moz-keyframes o_anim_fade_in_down {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes o_anim_fade_in_down {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes o_anim_fade_in_down {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.o_anim_fade_in_down {
    -webkit-animation-name: o_anim_fade_in_down;
    animation-name: o_anim_fade_in_down;
}

@-moz-keyframes o_anim_fade_in_left {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes o_anim_fade_in_left {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes o_anim_fade_in_left {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.o_anim_fade_in_left {
    -webkit-animation-name: o_anim_fade_in_left;
    animation-name: o_anim_fade_in_left;
}

@-moz-keyframes o_anim_fade_in_right {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes o_anim_fade_in_right {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes o_anim_fade_in_right {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.o_anim_fade_in_right {
    -webkit-animation-name: o_anim_fade_in_right;
    animation-name: o_anim_fade_in_right;
}

@-moz-keyframes o_anim_fade_in_up {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes o_anim_fade_in_up {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes o_anim_fade_in_up {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.o_anim_fade_in_up {
    -webkit-animation-name: o_anim_fade_in_up;
    animation-name: o_anim_fade_in_up;
}

@-moz-keyframes o_anim_fade_out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes o_anim_fade_out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes o_anim_fade_out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.o_anim_fade_out {
    -webkit-animation-name: o_anim_fade_out;
    animation-name: o_anim_fade_out;
}

@-moz-keyframes o_anim_rotate_in {
    0% {
        opacity: 0;
        -ms-transform-origin: center 50% 0;
        -webkit-transform-origin: center 50% 0;
        -moz-transform-origin: center 50% 0;
        transform-origin: center 50% 0;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
    }

    100% {
        opacity: 1;
        -ms-transform-origin: center 50% 0;
        -webkit-transform-origin: center 50% 0;
        -moz-transform-origin: center 50% 0;
        transform-origin: center 50% 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes o_anim_rotate_in {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes o_anim_rotate_in {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

.o_anim_rotate_in {
    -webkit-animation-name: o_anim_rotate_in;
    animation-name: o_anim_rotate_in;
}

@-moz-keyframes o_anim_rotate_in_down_left {
    0% {
        opacity: 0;
        -ms-transform-origin: left bottom 0;
        -webkit-transform-origin: left bottom 0;
        -moz-transform-origin: left bottom 0;
        transform-origin: left bottom 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        opacity: 1;
        -ms-transform-origin: left bottom 0;
        -webkit-transform-origin: left bottom 0;
        -moz-transform-origin: left bottom 0;
        transform-origin: left bottom 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes o_anim_rotate_in_down_left {
    0% {
        opacity: 0;
        -ms-transform-origin: left bottom 0;
        -webkit-transform-origin: left bottom 0;
        -moz-transform-origin: left bottom 0;
        transform-origin: left bottom 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        opacity: 1;
        -ms-transform-origin: left bottom 0;
        -webkit-transform-origin: left bottom 0;
        -moz-transform-origin: left bottom 0;
        transform-origin: left bottom 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes o_anim_rotate_in_down_left {
    0% {
        opacity: 0;
        -ms-transform-origin: left bottom 0;
        -webkit-transform-origin: left bottom 0;
        -moz-transform-origin: left bottom 0;
        transform-origin: left bottom 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        opacity: 1;
        -ms-transform-origin: left bottom 0;
        -webkit-transform-origin: left bottom 0;
        -moz-transform-origin: left bottom 0;
        transform-origin: left bottom 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

.o_anim_rotate_in_down_left {
    -webkit-animation-name: o_anim_rotate_in_down_left;
    animation-name: o_anim_rotate_in_down_left;
}

@-moz-keyframes o_anim_rotate_in_down_right {
    0% {
        opacity: 0;
        -ms-transform-origin: right bottom 0;
        -webkit-transform-origin: right bottom 0;
        -moz-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    100% {
        opacity: 1;
        -ms-transform-origin: right bottom 0;
        -webkit-transform-origin: right bottom 0;
        -moz-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes o_anim_rotate_in_down_right {
    0% {
        opacity: 0;
        -ms-transform-origin: right bottom 0;
        -webkit-transform-origin: right bottom 0;
        -moz-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    100% {
        opacity: 1;
        -ms-transform-origin: right bottom 0;
        -webkit-transform-origin: right bottom 0;
        -moz-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes o_anim_rotate_in_down_right {
    0% {
        opacity: 0;
        -ms-transform-origin: right bottom 0;
        -webkit-transform-origin: right bottom 0;
        -moz-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    100% {
        opacity: 1;
        -ms-transform-origin: right bottom 0;
        -webkit-transform-origin: right bottom 0;
        -moz-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

.o_anim_rotate_in_down_right {
    -webkit-animation-name: o_anim_rotate_in_down_right;
    animation-name: o_anim_rotate_in_down_right;
}

@-moz-keyframes o_anim_zoom_in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes o_anim_zoom_in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes o_anim_zoom_in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }
}

.o_anim_zoom_in {
    -webkit-animation-name: o_anim_zoom_in;
    animation-name: o_anim_zoom_in;
}

@-moz-keyframes o_anim_zoom_in_down {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-webkit-keyframes o_anim_zoom_in_down {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes o_anim_zoom_in_down {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.o_anim_zoom_in_down {
    -webkit-animation-name: o_anim_zoom_in_down;
    animation-name: o_anim_zoom_in_down;
}

@-moz-keyframes o_anim_zoom_in_left {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-webkit-keyframes o_anim_zoom_in_left {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes o_anim_zoom_in_left {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.o_anim_zoom_in_left {
    -webkit-animation-name: o_anim_zoom_in_left;
    animation-name: o_anim_zoom_in_left;
}

@-moz-keyframes o_anim_zoom_in_right {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-webkit-keyframes o_anim_zoom_in_right {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes o_anim_zoom_in_right {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.o_anim_zoom_in_right {
    -webkit-animation-name: o_anim_zoom_in_right;
    animation-name: o_anim_zoom_in_right;
}

@-moz-keyframes o_anim_flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@-webkit-keyframes o_anim_flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes o_anim_flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.o_anim_flash {
    -webkit-animation-name: o_anim_flash;
    animation-name: o_anim_flash;
}

@-moz-keyframes o_anim_pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes o_anim_pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes o_anim_pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.o_anim_pulse {
    -webkit-animation-name: o_anim_pulse;
    animation-name: o_anim_pulse;
}

@-moz-keyframes o_anim_shake {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate(-10px, 0);
        -ms-transform: translate(-10px, 0);
        -o-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        -o-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }
}

@-webkit-keyframes o_anim_shake {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate(-10px, 0);
        -ms-transform: translate(-10px, 0);
        -o-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        -o-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }
}

@keyframes o_anim_shake {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate(-10px, 0);
        -ms-transform: translate(-10px, 0);
        -o-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        -o-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }
}

.o_anim_shake {
    -webkit-animation-name: o_anim_shake;
    animation-name: o_anim_shake;
}

@-moz-keyframes o_anim_tada {
    0% {
        -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);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -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);
    }
}

@-webkit-keyframes o_anim_tada {
    0% {
        -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);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -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);
    }
}

@keyframes o_anim_tada {
    0% {
        -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);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -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);
    }
}

.o_anim_tada {
    -webkit-animation-name: o_anim_tada;
    animation-name: o_anim_tada;
}

@-moz-keyframes o_anim_flip_in_x {
    0% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(-20deg);
        -ms-transform: rotateX(-20deg);
        -o-transform: rotateX(-20deg);
        transform: rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(10deg);
        -ms-transform: rotateX(10deg);
        -o-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(-5deg);
        -ms-transform: rotateX(-5deg);
        -o-transform: rotateX(-5deg);
        transform: rotateX(-5deg);
    }

    100% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
    }
}

@-webkit-keyframes o_anim_flip_in_x {
    0% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(-20deg);
        -ms-transform: rotateX(-20deg);
        -o-transform: rotateX(-20deg);
        transform: rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(10deg);
        -ms-transform: rotateX(10deg);
        -o-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(-5deg);
        -ms-transform: rotateX(-5deg);
        -o-transform: rotateX(-5deg);
        transform: rotateX(-5deg);
    }

    100% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
    }
}

@keyframes o_anim_flip_in_x {
    0% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(-20deg);
        -ms-transform: rotateX(-20deg);
        -o-transform: rotateX(-20deg);
        transform: rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(10deg);
        -ms-transform: rotateX(10deg);
        -o-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateX(-5deg);
        -ms-transform: rotateX(-5deg);
        -o-transform: rotateX(-5deg);
        transform: rotateX(-5deg);
    }

    100% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
    }
}

.o_anim_flip_in_x {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: o_anim_flip_in_x;
    animation-name: o_anim_flip_in_x;
}

@-moz-keyframes o_anim_flip_in_y {
    0% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(-20deg);
        -ms-transform: rotateY(-20deg);
        -o-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(10deg);
        -ms-transform: rotateY(10deg);
        -o-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(-5deg);
        -ms-transform: rotateY(-5deg);
        -o-transform: rotateY(-5deg);
        transform: rotateY(-5deg);
    }

    100% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
    }
}

@-webkit-keyframes o_anim_flip_in_y {
    0% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(-20deg);
        -ms-transform: rotateY(-20deg);
        -o-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(10deg);
        -ms-transform: rotateY(10deg);
        -o-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(-5deg);
        -ms-transform: rotateY(-5deg);
        -o-transform: rotateY(-5deg);
        transform: rotateY(-5deg);
    }

    100% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
    }
}

@keyframes o_anim_flip_in_y {
    0% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(-20deg);
        -ms-transform: rotateY(-20deg);
        -o-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(10deg);
        -ms-transform: rotateY(10deg);
        -o-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
        -webkit-transform: rotateY(-5deg);
        -ms-transform: rotateY(-5deg);
        -o-transform: rotateY(-5deg);
        transform: rotateY(-5deg);
    }

    100% {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        perspective: 400px;
    }
}

.o_anim_flip_in_y {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: o_anim_flip_in_y;
    animation-name: o_anim_flip_in_y;
}

/* /website_event_track/static/src/css/website_event_track.css defined in bundle 'web.assets_frontend' */
.o_website_event .ribbon-wrapper {
    width: 60px;
    height: 60px;
    z-index: 5;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.o_website_event .ribbon {
    font: bold 13px Sans-Serif;
    color: #404040;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 5px 0;
    left: -4px;
    top: 8px;
    width: 90px;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.o_website_event .ribbon.ribbon_Gold {
    background-color: #FDE21B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E9CE0C), to(#FDE21B));
    background-image: -webkit-linear-gradient(top, #E9CE0C, #FDE21B);
    background-image: -moz-linear-gradient(top, #E9CE0C, #FDE21B);
    background-image: -ms-linear-gradient(top, #E9CE0C, #FDE21B);
    background-image: -o-linear-gradient(top, #E9CE0C, #FDE21B);
}

.o_website_event .ribbon.ribbon_Silver {
    background-color: #CCCCCC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#CCCCCC));
    background-image: -webkit-linear-gradient(top, #BBBBBB, #CCCCCC);
    background-image: -moz-linear-gradient(top, #BBBBBB, #CCCCCC);
    background-image: -ms-linear-gradient(top, #BBBBBB, #CCCCCC);
    background-image: -o-linear-gradient(top, #BBBBBB, #CCCCCC);
}

.o_website_event .ribbon.ribbon_Bronze {
    background-color: #DB9141;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C2792A), to(#DB9141));
    background-image: -webkit-linear-gradient(top, #C2792A, #DB9141);
    background-image: -moz-linear-gradient(top, #C2792A, #DB9141);
    background-image: -ms-linear-gradient(top, #C2792A, #DB9141);
    background-image: -o-linear-gradient(top, #C2792A, #DB9141);
}

.o_website_event .event_color_0 {
    background-color: white;
    color: #5a5a5a;
}

.o_website_event .event_color_1 {
    background-color: #cccccc;
    color: #424242;
}

.o_website_event .event_color_2 {
    background-color: #ffc7c7;
    color: #7a3737;
}

.o_website_event .event_color_3 {
    background-color: #fff1c7;
    color: #756832;
}

.o_website_event .event_color_4 {
    background-color: #e3ffc7;
    color: #5d6937;
}

.o_website_event .event_color_5 {
    background-color: #c7ffd5;
    color: #1a7759;
}

.o_website_event .event_color_6 {
    background-color: #c7ffff;
    color: #1a5d83;
}

.o_website_event .event_color_7 {
    background-color: #c7d5ff;
    color: #3b3e75;
}

.o_website_event .event_color_8 {
    background-color: #e3c7ff;
    color: #4c3668;
}

.o_website_event .event_color_9 {
    background-color: #ffc7f1;
    color: #6d2c70;
}

/* /website_form/static/src/less/website_form.less defined in bundle 'web.assets_frontend' */
.o_website_form_flex {
    display: flex;
    flex-wrap: wrap;
}

.o_website_form_flex_item {
    flex-basis: 33%;
}

@media (max-width: 991px) {
    .o_website_form_flex_item {
        flex-basis: 50%;
    }
}

@media (max-width: 767px) {
    .o_website_form_flex_item {
        flex-basis: 100%;
    }
}

.o_website_form_field_hidden {
    display: none;
}

.editor_enable .o_website_form_field_hidden {
    display: block;
    opacity: 0.5;
}

.editor_enable .s_website_form .form-field select {
    pointer-events: none;
}

.o_website_form_required .control-label:after,
.o_website_form_required_custom .control-label:after {
    content: ' *';
}

#editable_select.form-control {
    height: 100%;
}

.form-field input[type=file].form-control {
    height: 100%;
}

/* /web/static/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css defined in bundle 'web.assets_frontend' */
.bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999 !important;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 600px;
}

.bootstrap-datetimepicker-widget.bottom:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.bottom:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.top:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.top:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    position: absolute;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget .dow {
    width: 14.2857%;
}

.bootstrap-datetimepicker-widget.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget>ul {
    list-style-type: none;
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
    width: 4px;
    padding: 0;
    margin: 0;
}

.bootstrap-datetimepicker-widget .datepicker>div {
    display: none;
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}

.bootstrap-datetimepicker-widget td.cw {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
}

.bootstrap-datetimepicker-widget td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
    color: #777777;
}

.bootstrap-datetimepicker-widget td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget td.today:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
    background-color: #428bca;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget td.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget td span:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget td span.active {
    background-color: #428bca;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget td span.old {
    color: #777777;
}

.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
    font-size: 21px;
}

.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
    background: #eeeeee;
}

.input-group.date .input-group-addon span {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.bootstrap-datetimepicker-widget.left-oriented:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.left-oriented:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td {
    padding: 0px !important;
}

@media screen and (max-width: 767px) {
    .bootstrap-datetimepicker-widget.timepicker-sbs {
        width: 283px;
    }
}

/* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'web.assets_frontend' */
.orders_vertical_align {
    display: flex;
    align-items: center;
}

.orders_label_text_align {
    vertical-align: 15%;
}

.cell_overflow {
    overflow: hidden;
}

/* /theme_treehouse/static/src/less/options/layout/nav_white.less defined in bundle 'web.assets_frontend' */
#preheader #language .dropdown-menu {
    background-color: #fff;
}

#wrapwrap .navbar-default {
    background-color: #fff;
}

#wrapwrap .navbar-default .navbar-nav>li>a {
    color: #2d2b22;
}

#wrapwrap .navbar-default .navbar-nav>li.active>a {
    color: #fff;
}

#wrapwrap .navbar-default .navbar-nav>li>.dropdown-menu {
    background-color: #fff;
}

#wrapwrap .navbar-default .navbar-nav>li>.dropdown-menu>li>a {
    color: #2d2b22;
}

#wrapwrap .navbar-default .navbar-nav>li>.dropdown-menu>li.active>a,
#wrapwrap .navbar-default .navbar-nav>li>.dropdown-menu>li.active>a:focus,
#wrapwrap .navbar-default .navbar-nav>li>.dropdown-menu>li.active>a:hover {
    color: #fff;
}

/* /website_enterprise/static/src/less/website_enterprise.less defined in bundle 'web.assets_frontend' */
.o_menu_toggle {
    float: left;
    padding: 4px 0 0 16px;
    font-size: 1.3em;
    color: white;
}

.o_menu_toggle:hover,
.o_menu_toggle:focus,
.o_menu_toggle:active {
    color: white;
    outline: none;
}

/* /mail/static/src/less/chat_window.less defined in bundle 'web.assets_frontend' */
.o_chat_window {
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: fixed;
    width: 300px;
    max-width: 100%;
    height: 400px;
    max-height: 100%;
    font-size: 12px;
    background-color: white;
    border: 1px solid gray;
    border-radius: 3px;
    z-index: 3;
}

@media (max-width: 767px) {
    .o_chat_window {
        width: 100%;
        height: 100% !important;
    }

    .o_chat_window.o_folded {
        display: none;
    }
}

@media print {
    .o_chat_window {
        display: none;
    }
}

.o_chat_window .o_chat_header {
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    color: white;
    background-color: #875A7B;
    padding: 5px;
}

@media (max-width: 767px) {
    .o_chat_window .o_chat_header {
        height: 50px;
    }

    .o_chat_window .o_chat_header .o_chat_title,
    .o_chat_window .o_chat_header .o_chat_window_close {
        font-size: 22px;
    }
}

.o_chat_window .o_chat_header .o_chat_title {
    cursor: pointer;
    -ms-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.o_chat_window .o_chat_header .o_chat_window_close {
    color: white;
    padding: 3px;
    margin-left: 5px;
}

.o_chat_window .o_chat_header .o_chat_window_close:hover {
    background-color: #68465f;
}

.o_chat_window .o_mail_thread {
    -ms-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
}

.o_chat_window .o_mail_thread .o_thread_date_separator {
    margin-top: 0px;
    margin-bottom: 15px;
    border-color: lightgray;
}

.o_chat_window .o_mail_thread .o_thread_date_separator .o_thread_date {
    background-color: white;
}

.o_chat_window .o_mail_thread .o_thread_message {
    padding: 4px 5px;
}

.o_chat_window .o_mail_thread .o_thread_message .o_thread_message_sidebar {
    margin-right: 5px;
}

.o_chat_window .o_chat_composer {
    -ms-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.o_chat_window .o_chat_composer>input {
    padding: 5px;
    width: 100%;
}

.o_chat_window_dropdown {
    width: auto;
    height: 28px;
    color: white;
    background-color: #875A7B;
    cursor: pointer;
}

@media (max-width: 767px) {
    .o_chat_window_dropdown {
        display: none;
    }
}

.o_chat_window_dropdown .o_chat_window_dropdown_toggler {
    padding: 5px;
}

.o_chat_window_dropdown .o_chat_window_dropdown_toggler .o_total_unread_counter {
    position: absolute;
    top: -10px;
    left: auto;
    bottom: auto;
    right: 0;
    background-color: #21b799;
    padding: 0 2px;
    font-size: smaller;
}

.o_chat_window_dropdown.open .o_chat_window_dropdown_toggler .o_total_unread_counter {
    display: none;
}

.o_chat_window_dropdown>ul {
    max-width: 300px;
    padding: 0;
}

.o_chat_window_dropdown>ul>li.o_chat_header {
    font-size: 12px;
    padding: 3px 5px;
}

.o_chat_window_dropdown>ul>li.o_chat_header~li.o_chat_header {
    border-top: 1px solid white;
}

.o_chat_window_dropdown>ul>li.o_chat_header:hover {
    background-color: #68465f;
    color: white;
}

.o_ui_blocked .o_chat_window {
    z-index: 1101;
}

.o_no_chat_window .o_chat_window {
    display: none;
}

/* /mail/static/src/less/thread.less defined in bundle 'web.assets_frontend' */
.o_mail_thread .o_thread_show_more {
    text-align: center;
}

.o_mail_thread .o_thread_date_separator {
    margin-top: 15px;
    margin-bottom: 30px;
    border-bottom: solid #ededf3 2px;
    text-align: center;
}

.o_mail_thread .o_thread_date_separator .o_thread_date {
    position: relative;
    top: 10px;
    margin: 0 auto;
    padding: 0 10px;
    font-weight: bold;
    background: white;
}

.o_mail_thread .o_thread_new_messages_separator {
    margin-bottom: 15px;
    border-bottom: solid #ac82a0 1px;
    text-align: right;
}

.o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label {
    position: relative;
    top: 8px;
    padding: 0 10px;
    background: white;
    color: #ac82a0;
    font-size: smaller;
}

.o_mail_thread .o_thread_message {
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 4px 16px;
    margin-bottom: 0px;
}

.o_mail_thread .o_thread_message .o_thread_message_sidebar {
    -ms-flex: 0 0 36px;
    -moz-flex: 0 0 36px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 36px;
    flex: 0 0 36px;
    margin-right: 10px;
    margin-top: 2px;
    text-align: center;
    font-size: smaller;
}

@media (max-width: 767px) {
    .o_mail_thread .o_thread_message .o_thread_message_sidebar {
        margin-top: 4px;
        font-size: x-small;
    }
}

.o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar {
    max-width: 36px;
}

.o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date {
    margin-left: -5px;
}

.o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_star {
    margin-right: -5px;
}

.o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date {
    opacity: 0;
}

.o_mail_thread .o_thread_message i.o_thread_message_star,
.o_mail_thread .o_thread_message i.o_thread_message_needaction,
.o_mail_thread .o_thread_message i.o_thread_message_reply,
.o_mail_thread .o_thread_message i.o_thread_message_email {
    cursor: pointer;
    opacity: 0;
}

.o_mail_thread .o_thread_message i.o_thread_message_star.fa-star,
.o_mail_thread .o_thread_message i.o_thread_message_needaction.fa-star,
.o_mail_thread .o_thread_message i.o_thread_message_reply.fa-star,
.o_mail_thread .o_thread_message i.o_thread_message_email.fa-star {
    opacity: 0.6;
    color: gold;
}

.o_mail_thread .o_thread_message:hover .o_thread_message_side_date,
.o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date {
    opacity: 0.6;
}

.o_mail_thread .o_thread_message:hover i.o_thread_message_star,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_star,
.o_mail_thread .o_thread_message:hover i.o_thread_message_needaction,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_needaction,
.o_mail_thread .o_thread_message:hover i.o_thread_message_reply,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_reply,
.o_mail_thread .o_thread_message:hover i.o_thread_message_email,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_email {
    opacity: 0.6;
}

.o_mail_thread .o_thread_message:hover i.o_thread_message_star:hover,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_star:hover,
.o_mail_thread .o_thread_message:hover i.o_thread_message_needaction:hover,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_needaction:hover,
.o_mail_thread .o_thread_message:hover i.o_thread_message_reply:hover,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_reply:hover,
.o_mail_thread .o_thread_message:hover i.o_thread_message_email:hover,
.o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_email:hover {
    opacity: 1;
}

.o_mail_thread .o_thread_message .o_mail_redirect {
    cursor: pointer;
}

.o_mail_thread .o_thread_message .o_thread_message_core {
    -ms-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    word-wrap: break-word;
}

.o_mail_thread .o_thread_message .o_thread_message_core.o_mail_note {
    background-color: #ededf3;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject {
    font-style: italic;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification {
    font-style: italic;
    color: gray;
}

.o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification] {
    display: none;
}

.o_mail_thread .o_thread_message .o_thread_message_core p {
    margin: 0 0 9px;
}

.o_mail_thread .o_thread_message .o_thread_message_core p:last-child {
    margin-bottom: 0;
}

.o_mail_thread .o_thread_message .o_thread_message_core a {
    display: inline-block;
    word-break: break-all;
}

.o_mail_thread .o_thread_message .o_thread_message_core img {
    max-width: 100%;
    height: auto;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long {
    display: none;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info {
    margin-bottom: 2px;
    color: #777777;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto,
.o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto:hover {
    color: #777777;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star,
.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction,
.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply,
.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email {
    padding: 4px;
}

.o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready {
    color: grey;
}

.o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception {
    color: red;
    opacity: 1;
}

.o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce {
    color: red;
    opacity: 1;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container {
    display: inline;
    position: relative;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content {
    top: 10px;
    background: #ededf3;
    padding: 4px;
    border: solid #ededf3 1px;
    border-radius: 5px;
    color: gray;
    width: 300px;
    display: none;
    opacity: 0;
    position: absolute;
    transition: opacity 0.5s;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content i.fa-exclamation {
    color: red;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip:hover+.o_thread_tooltip_content {
    display: inline;
    opacity: 1;
}

.o_mail_thread .o_thread_title {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}

.o_mail_thread .o_mail_no_content {
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
}

.o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more {
    display: block;
}

/* /im_livechat/static/src/less/im_livechat.less defined in bundle 'web.assets_frontend' */
.o_livechat_button {
    position: fixed;
    bottom: 0px;
    right: 6px;
    min-width: 100px;
    cursor: pointer;
    white-space: nowrap;
    background-color: rgba(60, 60, 60, 0.6);
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    color: white;
    text-shadow: #3b4c58 1px 1px 0px;
    border: 1px solid #505050;
    border-bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 5;
}

.o_chat_window {
    z-index: 1002;
}

.o_chat_window .o_thread_date_separator {
    display: none;
}

.o_chat_window .o_livechat_rating {
    -ms-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    padding: 15px;
}

.o_chat_window .o_livechat_rating .o_livechat_no_feedback {
    padding-top: 20px;
    text-align: right;
    font-size: 12px;
}

.o_chat_window .o_livechat_rating .o_livechat_no_feedback>em {
    cursor: pointer;
}

.o_chat_window .o_livechat_rating .o_livechat_rating_feedback_text {
    text-align: justify;
}

.o_chat_window .o_livechat_rating .o_livechat_rating_choices {
    margin: 10px 0;
    text-align: center;
}

.o_chat_window .o_livechat_rating .o_livechat_rating_choices>img {
    width: 50px;
    opacity: 0.6;
    cursor: pointer;
    margin: 5px;
}

.o_chat_window .o_livechat_rating .o_livechat_rating_choices>img:hover,
.o_chat_window .o_livechat_rating .o_livechat_rating_choices>img.selected {
    opacity: 1;
}

.o_chat_window .o_livechat_rating .o_livechat_rating_reason {
    margin: 10px 0;
    display: none;
}

.o_chat_window .o_livechat_rating .o_livechat_rating_reason>textarea {
    width: 100%;
    height: 70px;
    resize: none;
}

.o_chat_window .o_livechat_rating .o_livechat_rating_reason_button>input {
    float: right;
}

/* /website_hr/static/src/less/website_hr.less defined in bundle 'web.assets_frontend' */
.o_avatar_info_container {
    height: 250px;
}