/* ////////////////////////////////////////////////////////////////////
*
*  CSS core-variables
*   
* - variables-colors
* - variables default
* - variables table
* - variables-form
* - variables components
* - 
*
* //////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------
* - variables-colors
* -------------------------------------------------------------------- */
:root {
    --primary: #4095f1;
    --secondary: #A5B5C5;
    --success: #68BB69;
    --danger: #F65F6E;
    --warning: #F8BC34;

    --white: #ffffff;
    --white-hover: #e9e3e3;
    --white-clean: #ffffff;
    --white-clean-hover: #eee7e7;

    --blue: #3498db;
    --blue-hover: #2980b9;
    --blue-clean: #97CDF9;
    --blue-clean-hover: #62B2F3;


    --purple: #9b59b6;
    --purple-hover: #8e44ad;
    --purple-clean: #d19de5;
    --purple-clean-hover: #cb75ec;


    --pink: #e83e8c;
    --pink-hover: #b9286c;
    --pink-clean: #d6a3bb;
    --pink-clean-hover: #db70a2;


    --red: #F65F6E;
    --red-hover: #CC525F;
    --red-clean: #F999A2;
    --red-clean-hover: #D6868D;


    --orange: #f7b84b;
    --orange-hover: #daa344;
    --orange-clean: #f7c691;
    --orange-clean-hover: #d0a87c;


    --yellow: #f9f81a;
    --yellow-hover: #d6d618;
    --yellow-clean: #F2F384;
    --yellow-clean-hover: #d9da72;


    --green: #1abc9c;
    --green-hover: #179f84;
    --green-clean: #55efc4;
    --green-clean-hover: #53e0b8;

    --grey: #6c757d; 
    --grey-hover: #4e5052;
    --grey-clean: #c1c6ca;
    --grey-clean-hover: #abadaf;


    --black: #1D1E1F;
    --black-hover: #000000;
    --black-clean: #3d3d3e;
    --black-clean-hover: #323234;
}

/* --------------------------------------------------------------------
* - variables default
* -------------------------------------------------------------------- */
:root {
    --bg-body-default: #fff;

    --font-size-default: 0.8rem;
    --font-color-default: #67757c;

    --border-color-default: #dee2e6;
    --border-radius-default: .25rem;

    --shadow-default: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);

    --transition-hover-default: all .3s ease 0s;

    --dropdown-item-font-size: 0.8rem;
    --dropdown-item-font-color: #565656;

    --btn-padding: .205rem .65rem;

    --scrollbar-bg: rgba(109, 104, 104, 0.1);
    --scrollbar-bg-track: rgba(109, 104, 104, 0.1);
    --scrollbar-bg-thumb: rgba(21, 12, 12, 0.28);
    --scrollbar-vertical: 6px;
    --scrollbar-horizontal: 6px;

    --popup-bg-default: #fff;
}

/* --------------------------------------------------------------------
* - variables table
* -------------------------------------------------------------------- */
:root{
    --table-bg-color: #fff; 

    --table-th-padding: 4px 3px;
    --table-th-font-color: #fff; 
    --table-th-bg-color: #1980af; 

    --table-padding: 2px 3px;
    --table-border-color: #dee2e6;

    --table-dataTable-th-padding: 4px 18px;
}

/* --------------------------------------------------------------------
* - variables form
* -------------------------------------------------------------------- */
:root {
    --form-font-size-label: 0.9rem;
    --form-font-size-control-form: 0.8rem;
    --form-height: calc(1.3em + .85rem + 2px);
    --form-color-check-radio: #4095f1;
    --form-color-border-focus: #a8cff8;
    --form-outline-offset-focus: +2px;
    --form-background: #FFFDE7;
}

/* --------------------------------------------------------------------
* - variables components
* -------------------------------------------------------------------- */
:root {
    --loader-section-background: #eceff1; 
    --loader-bord-color: #3498db;
    --loader-text-color: #3498DB;

    --scroll-top-text-color: #fff;
    --scroll-top-text-color-hover: #444;
    --scroll-top-background: rgba(0, 0, 0, 0.8);
    --scroll-top-background-hover: rgba(0, 0, 0, 0.8);
    --scroll-top-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

    --acc-vanilla-item-background: #fff;
    --acc-vanilla-header-font-size: 0.9rem;
    --acc-vanilla-header-icon-backtround: #454545;
    --acc-vanilla-header-icon-after-backtround: #fff;
    --acc-vanilla-header-hover: #111;
    --acc-vanilla-header-active: #1ABC9C;
    --acc-vanilla-border-color: #eee;
}





/* ////////////////////////////////////////////////////////////////////
*
*  CSS CORE main
*
* - body
* - scroll
* - links
* - table
* - shadows
* - cards
* - grid
* - dropdown-menu
* - btn
* - btn-colors
* - bg-colors
* - text-colors
* - link-colors
*
* //////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------
* - body
* -------------------------------------------------------------------- */
body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: var(--font-size-default);
    color: var(--font-color-default);
    overflow-x: hidden;
    background-color: var(--bg-body-default);
}

/* --------------------------------------------------------------------
* - scroll
* -------------------------------------------------------------------- */
::-webkit-scrollbar { background-color: var(--scrollbar-bg);}
::-webkit-scrollbar-track { background-color: var(--scrollbar-bg-track);}
::-webkit-scrollbar:vertical { width: var(--scrollbar-vertical);}
::-webkit-scrollbar:horizontal { height: var(--scrollbar-horizontal);}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: var(--scrollbar-bg-thumb);
}

/* --------------------------------------------------------------------
* - links
* -------------------------------------------------------------------- */
a {
    -webkit-transition: var(--transition-hover-default);
    -o-transition: var(--transition-hover-default);
    transition: var(--transition-hover-default);
}

/* --------------------------------------------------------------------
* - table
* -------------------------------------------------------------------- */
.table {
    color: var(--font-color-default);
    background-color: var(--table-bg-color);
}

.table-fixed { table-layout: fixed;}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: var(--table-padding);
    vertical-align: middle;
    border-color: var(--table-border-color);
}

.table-bordered td,
.table-bordered th { border-color: var(--table-border-color);}

.table>thead>tr>th {
    border-bottom-width: 1px;
    text-align: center;
    font-weight: 400;
    padding: var(--table-th-padding);
    color: var(--table-th-font-color);
    background-color: var(--table-th-bg-color);
}

.table.dataTable>thead>tr>th{ padding: var(--table-dataTable-th-padding);}

.icon-tab   { font-size: 1.0rem;}
.icon-tab-md{ font-size: 1.3rem;}
.icon-tab-lg{ font-size: 1.7rem;}

.icon-tab,
.icon-tab-md,
.icon-tab-lg { color: var(--grey);}

.icon-tab:hover,
.icon-tab-md:hover,
.icon-tab-lg:hover { color: var(--grey-hover);}

.table-small th,
.table-small td{ font-size: 11px;}

.table-small .form-control {
    font-size: 11px;
    padding-left: 2px;
    padding-right: 2px;
}

/* --------------------------------------------------------------------
* - shadows
* -------------------------------------------------------------------- */
.shadow-default{ box-shadow: var(--shadow-default);}

/* --------------------------------------------------------------------
* - cards
* -------------------------------------------------------------------- */
.card {
    background-color: var(--white);
    border: none;
    border-radius: var(--border-radius-default);
    box-shadow: var(--shadow-default);
}
.card-body { padding: 0.5rem;}

/* --------------------------------------------------------------------
* - grid
* -------------------------------------------------------------------- */
.row {
    margin-right: -5px;
    margin-left: -5px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

/* --------------------------------------------------------------------
* - dropdown-menu
* -------------------------------------------------------------------- */
.dropdown-menu {
    visibility: hidden;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    display: block;
    z-index: 9000;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);

}

.dropdown-menu.dropdown-menu-right:before,
.dropdown-menu.dropdown-menu-right:after {
    right: 12px !important;
    left: auto !important;
}
.dropdown-item {
    color: var(--dropdown-item-font-color);
    font-size: var(--dropdown-item-font-size);
}

@media (min-width: 992px) {
    .nav-item .dropdown-menu,
    .dropdown .dropdown-menu {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
        transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    }
    .nav-item.show .dropdown-menu,
    .dropdown.show .dropdown-menu {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.show .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

/* --------------------------------------------------------------------
* - btn
* -------------------------------------------------------------------- */
.btn { 
    font-size: var(--btn-font-size);
    padding: var(--btn-padding);
}

@media(max-width: 991px){
    .btn-last-lg{ float: right;}
}
@media(max-width: 768px){
    .btn-last-md{ float: right;}
}
@media(max-width: 576px){
    .btn-last-sm{ float: right;}
}

/* --------------------------------------------------------------------
* - btn-colors
* -------------------------------------------------------------------- */
.btn-blue  { background-color: var(--blue); color: #fff;}
.btn-purple{ background-color: var(--purple); color: #fff;}
.btn-pink  { background-color: var(--pink); color: #fff;}
.btn-red   { background-color: var(--red); color: #fff;}
.btn-orange{ background-color: var(--orange); color: #fff;}
.btn-yellow{ background-color: var(--yellow); color: #666;}
.btn-green { background-color: var(--green); color: #fff;}
.btn-grey  { background-color: var(--grey); color: #fff;}
.btn-black { background-color: var(--black); color: #fff;}

.btn-blue:hover  { background-color: var(--blue-hover); color: #fff;}
.btn-purple:hover{ background-color: var(--purple-hover); color: #fff;}
.btn-pink:hover  { background-color: var(--pink-hover); color: #fff;}
.btn-red:hover   { background-color: var(--red-hover); color: #fff;}
.btn-orange:hover{ background-color: var(--orange-hover); color: #fff;}
.btn-yellow:hover{ background-color: var(--yellow-hover); color: #666;}
.btn-green:hover { background-color: var(--green-hover); color: #fff;}
.btn-grey:hover  { background-color: var(--grey-hover); color: #fff;}
.btn-black:hover { background-color: var(--black-hover); color: #fff;}

.btn-blue-clean   { background-color: var(--blue-clean); color: #fff;}
.btn-purple-clean { background-color: var(--purple-clean); color: #fff;}
.btn-pink-clean   { background-color: var(--pink-clean); color: #fff;}
.btn-red-clean    { background-color: var(--red-clean); color: #fff;}
.btn-orange-clean { background-color: var(--orange-clean); color: #fff;}
.btn-yellow-clean { background-color: var(--yellow-clean); color: #666;}
.btn-green-clean  { background-color: var(--green-clean); color: #fff;}
.btn-grey-clean   { background-color: var(--grey-clean); color: #fff;}
.btn-black-clean  { background-color: var(--black-clean); color: #fff;}

.btn-blue-clean:hover   { background-color: var(--blue-clean-hover); color: #fff;}
.btn-purple-clean:hover { background-color: var(--purple-clean-hover); color: #fff;}
.btn-pink-clean:hover   { background-color: var(--pink-clean-hover); color: #fff;}
.btn-red-clean:hover    { background-color: var(--red-clean-hover); color: #fff;}
.btn-orange-clean:hover { background-color: var(--orange-clean-hover); color: #fff;}
.btn-yellow-clean:hover { background-color: var(--yellow-clean-hover); color: #666;}
.btn-green-clean:hover  { background-color: var(--green-clean-hover); color: #fff;}
.btn-grey-clean:hover   { background-color: var(--grey-clean-hover); color: #fff;}
.btn-black-clean:hover  { background-color: var(--black-clean-hover); color: #fff;}

/* --------------------------------------------------------------------
* - bg colors
* -------------------------------------------------------------------- */
.bg-white  { background-color: var(--white);}
.bg-blue   { background-color: var(--blue);}
.bg-purple { background-color: var(--purple);}
.bg-pink   { background-color: var(--pink);}
.bg-red    { background-color: var(--red);}
.bg-orange { background-color: var(--orange);}
.bg-yellow { background-color: var(--yellow);}
.bg-green  { background-color: var(--green);}
.bg-grey   { background-color: var(--grey);}
.bg-black  { background-color: var(--black);}

.bg-blue-clean  { background-color: var(--blue-clean);}
.bg-purple-clean{ background-color: var(--purple-clean);}
.bg-pink-clean  { background-color: var(--pink-clean);}
.bg-red-clean   { background-color: var(--red-clean);}
.bg-orange-clean{ background-color: var(--orange-clean);}
.bg-yellow-clean{ background-color: var(--yellow-clean);}
.bg-green-clean { background-color: var(--green-clean);}
.bg-grey-clean  { background-color: var(--grey-clean);}
.bg-black-clean { background-color: var(--black-clean);}

/* --------------------------------------------------------------------
* - text colors
* -------------------------------------------------------------------- */
.text-white { color: var(--white);}
.text-blue  { color: var(--blue);}
.text-purple{ color: var(--purple);}
.text-pink  { color: var(--pink);}
.text-red   { color: var(--red);}
.text-orange{ color: var(--orange);}
.text-yellow{ color: var(--yellow);}
.text-green { color: var(--green);}
.text-grey  { color: var(--grey);}
.text-black { color: var(--black);}

.text-blue-clean  { color: var(--blue-clean);}
.text-purple-clean{ color: var(--purple-clean);}
.text-pink-clean  { color: var(--pink-clean);}
.text-red-clean   { color: var(--red-clean);}
.text-orange-clean{ color: var(--orange-clean);}
.text-yellow-clean{ color: var(--yellow-clean);}
.text-green-clean { color: var(--green-clean);}
.text-grey-clean  { color: var(--grey-clean);}
.text-black-clean { color: var(--black-clean);}

/* --------------------------------------------------------------------
* - link colors
* -------------------------------------------------------------------- */
.link-white { color: var(--white);}
.link-blue  { color: var(--blue);}
.link-purple{ color: var(--purple);}
.link-pink  { color: var(--pink);}
.link-red   { color: var(--red);}
.link-orange{ color: var(--orange);}
.link-yellow{ color: var(--yellow);}
.link-green { color: var(--green);}
.link-grey  { color: var(--grey);}
.link-black { color: var(--black);}

.link-white:hover { color: var(--white-hover);}
.link-blue:hover  { color: var(--blue-hover);}
.link-purple:hover{ color: var(--purple-hover);}
.link-pink:hover  { color: var(--pink-hover);}
.link-red:hover   { color: var(--red-hover);}
.link-orange:hover{ color: var(--orange-hover);}
.link-yellow:hover{ color: var(--yellow-hover);}
.link-green:hover { color: var(--green-hover);}
.link-grey:hover  { color: var(--grey-hover);}
.link-black:hover { color: var(--black-hover);}

.link-white-clean  { color: var(--white-hover);}
.link-blue-clean   { color: var(--blue-clean);}
.link-purple-clean { color: var(--purple-clean);}
.link-pink-clean   { color: var(--pink-clean);}
.link-red-clean    { color: var(--red-clean);}
.link-orange-clean { color: var(--orange-clean);}
.link-yellow-clean { color: var(--yellow-clean);}
.link-green-clean  { color: var(--green-clean);}
.link-grey-clean   { color: var(--grey-clean);}
.link-black-clean  { color: var(--black-clean);}

.link-white-clean:hover { color: var(--white-clean-hover);}
.link-blue-clean:hover   { color: var(--blue-clean-hover);}
.link-purple-clean:hover { color: var(--purple-clean-hover);}
.link-pink-clean:hover   { color: var(--pink-clean-hover);}
.link-red-clean:hover    { color: var(--red-clean-hover);}
.link-orange-clean:hover { color: var(--orange-clean-hover);}
.link-yellow-clean:hover { color: var(--yellow-clean-hover);}
.link-green-clean:hover  { color: var(--green-clean-hover);}
.link-grey-clean:hover   { color: var(--grey-clean-hover);}
.link-black-clean:hover  { color: var(--black-clean-hover);}

/* --------------------------------------------------------------------
* - tooltip
---------------------------------------------------------------------- */
.bs-tooltip,
.bs-tooltip-top,
.bs-tooltip-bottom,
.bs-tooltip-left,
.bs-tooltip-right{ z-index: 1100;}

.tooltip-300{ width: 100%; max-width: 300px;}
.tooltip-400{ width: 100%; max-width: 400px;}
.tooltip-500{ width: 100%; max-width: 500px;}





 /* ////////////////////////////////////////////////////////////////////
*
*  CSS CORE form
*   
* - form-group
* - input-group-text
* - form-control
* - label
* - form-check-label
* - label-clearfix
* - btn-clearfix 
* - list-group-item
*
* //////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------
* - form-group
* -------------------------------------------------------------------- */
.form-group { margin-bottom: 0.5rem; }

/* --------------------------------------------------------------------
* - input-group-text
* -------------------------------------------------------------------- */
.input-group-text { 
    font-size: inherit;
    padding: .175rem .75rem;
}

/* --------------------------------------------------------------------
* - form-control
* -------------------------------------------------------------------- */
.form-control {
    height: var(--form-height);
    font-size: var(--font-size-default);
    color: var(--font-color-default);
    border-color: var(--border-color-default);
    border-radius: var(--border-radius-default);
    background: var(--form-background);
}
.form-control:focus {
    outline-color: var(--form-color-border-focus) !important;
    outline-offset: var(--form-outline-offset-focus) !important;
}

input[type="file"].form-control {
    padding-top: 2px;
    padding-left: 4px;
}

/* --------------------------------------------------------------------
* - label
* -------------------------------------------------------------------- */
label {
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
}

/* --------------------------------------------------------------------
* - form-check-label
* -------------------------------------------------------------------- */
.form-check-label{
    display: flex;
    align-items: center;
}

/* --------------------------------------------------------------------
* - label-clearfix
* -------------------------------------------------------------------- */
.label-clearfix::before {
    display: block;
    clear: both;
    content: "\00a0";
    font-size: var(--font-size-default);
}

@media (max-width: 992px) {
    .label-clearfix.last-lg::before { content: "";}
}
@media (max-width: 768px) {
    .label-clearfix.last-md::before { content: "";}
}
@media (max-width: 576px) {
    .label-clearfix.last-sm::before { content: "";}
}

/* --------------------------------------------------------------------
* - btn-clearfix 
* -------------------------------------------------------------------- */
.btn-clearfix {
    margin-top: 4px;
    margin-bottom: 0;
}

@media(max-width: 991px){
    .btn-last-lg{ float: right;}
}
@media(max-width: 768px){
    .btn-last-md{ float: right;}
}
@media(max-width: 576px){
    .btn-last-sm{ float: right;}
}


/* --------------------------------------------------------------------
* - list-group-item
* -------------------------------------------------------------------- */
.list-group-item label{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.list-group-item label span{ margin-left: 5px;}







/* ////////////////////////////////////////////////////////////////////
*
*  CSS CORE components
*   
* - anime-css
* - loader
* - section-title
* - accordion vanilla
* - scroll to top
* - 
*
* //////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------
* - anime-css
* - https://animista.net/
* -------------------------------------------------------------------- */
.slide-in-left {
    -webkit-animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both
}
@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}


.slide-in-right {
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.slide-in-top {
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
}
@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

.slide-in-bottom {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both
}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) both
}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

/* --------------------------------------------------------------------
* - section-title
* -------------------------------------------------------------------- */
.section-title {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 1rem;
    border-bottom: 1px solid var(--border-color-default);
}
.section-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -2px;
    width: 30px;
    height: 0;
    border-top: 2px solid var(--blue);
    transition: height 0.3s, bottom, top ease 0s;
    z-index: 0
}

/* --------------------------------------------------------------------
* - accordion vanilla
* -------------------------------------------------------------------- */
.acc-vanilla-wrapper{position:relative}.acc-vanilla-item{margin-bottom:5px;position:relative;flex:1 0 100%;max-width:100%;border-radius:var(--border-radius-default);background-color:var(--acc-vanilla-item-background);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.acc-vanilla-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:var(--acc-vanilla-header-font-size);line-height:1;outline:none;padding:10px 15px;transition:min-height .3s cubic-bezier(.25,.8,.5,1)}.acc-vanilla-header .icon-acc,.acc-vanilla-header .icon-acc:after{width:10px;height:10px}.acc-vanilla-header .icon-acc{background:var(--acc-vanilla-header-icon-backtround);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);transform:rotate(225deg);-o-transform:rotate(225deg);transition:.3s cubic-bezier(.25,.8,.5,1),visibility 0s}.acc-vanilla-header .icon-acc:after{content:'';position:absolute;left:1px;top:1px;background:var(--acc-vanilla-header-icon-after-backtround)}.acc-vanilla-header:hover{cursor:pointer;color:var(--acc-vanilla-header-hover)}.acc-vanilla-header.active{min-height:54px;font-weight:bold;color:var(--acc-vanilla-header-active)}.acc-vanilla-header.active .icon-acc{background-color:var(--green);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.acc-vanilla-expansion{margin-bottom:2px;overflow:hidden;max-width:100%;max-height:0;opacity:0;transition:all 0.35s}.acc-vanilla-header.active~.acc-vanilla-expansion{opacity:1;margin-bottom:20px}.acc-vanilla-content{padding:16px 24px;border-top:1px solid var(--acc-vanilla-border-color)}

/* --------------------------------------------------------------------
* - scroll to top
*
* http://codepen.io/adventuresinmissions/pen/suzKB
* http://codyhouse.co/gem/back-to-top/
* -------------------------------------------------------------------- */
.cd-top{z-index:100;position:fixed;right:10px;bottom:10px;display:inline-block;padding:10px 10px;border-radius:50%;white-space:nowrap;visibility:hidden;color:var(--scroll-top-text-color);text-align:center;font:18px Arial,Helvetica,sans-serif;box-shadow:var(--scroll-top-shadow);background-color:var(--scroll-top-background);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.cd-top:hover,.cd-top:active{color:var(--scroll-top-text-color-hover);text-decoration:none}.cd-top.cd-is-visible{visibility:visible;opacity:1}.cd-top.cd-fade-out{-moz-opacity:0.5;-webkit-opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.5;text-decoration:none}.no-touch .cd-top:hover{opacity:1;background-color:var(--scroll-top-background-hover)}